crumbs behavior change. Not tied to panel open/close anymore

Author: bespinosa01

front/src/containers/AggDropDown/CustomDrop.tsx

@@ -334,7 +334,7 @@ class CustomDropDown extends React.Component<CustomDropDownProps, CustomDropDown
   };
   componentDidMount = () => {
     if (this.props.field.defaultToOpen === true) {
-      this.setState({ showItems: true, showAdditionalCrumbs: true });
+      this.setState({ showItems: true });
       this.props.handleLoadMore()
 
     }

front/src/containers/AggDropDown/CustomDropCrumbs.tsx

@@ -123,7 +123,17 @@ class CustomDropCrumbs extends React.Component<CustomDropCrumbsProps, CustomDrop
           let chevronDirection = this.state.showAdditionalCrumbs ? 'left' : 'right';
           if (this.state.showAdditionalCrumbs) {
             let otherCrumbs: any[] = this.props.selectedItems.slice(field.maxCrumbs, this.props.selectedItems.length)
+            otherCrumbs.push({key:"<" })
             return otherCrumbs.map(item => {
+          if(item.key=="<"){              
+              return (
+                <div className='select-box--crumb-container' key={item.key}>
+                  <FontAwesome
+                className={`chevron-${chevronDirection} crumb-icon`}
+                name={`chevron-${chevronDirection}`}
+                onClick={() => this.setState({ showAdditionalCrumbs: !this.state.showAdditionalCrumbs })}
+                  />
+                </div>)}
               return (
                 <div className='select-box--crumb-container' key={item.key}>
                   {item.key}