sag_components 2.0.0-beta146 → 2.0.0-beta147

package/dist/index.esm.js

@@ -24318,24 +24318,23 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -52262,16 +52261,19 @@ const DropdownList = styled.ul`
         top: 110%;
       `}
 `;
+const SectionDiv = styled.div`
+  &:nth-child(2),
+  &:nth-child(4){
+    border-top: 1px solid #e6e2e2ff;
+    padding-top: 16px;
+  }
+`;
 const SectionTitle = styled.li`
   font-size: 14px;
   color: #bdbdbd;
   padding: 12px 12px 0 12px;
   font-weight: 500;
   pointer-events: none;
-  &:not(:first-child) {
-    border-top: 1px solid #bdbdbd;
-    padding-top: 16px;
-  }
 `;
 const DropdownItem = styled.li`
   padding: 8px 16px;
@@ -52816,9 +52818,9 @@ const OverlayDropdown = _ref => {
     dropdownMaxHeight: dropdownMaxHeight,
     width: width,
     position: dropdownPosition
-  }, dataToRender.map((group, groupIndex) => group.items && group.items.length > 0 && /*#__PURE__*/React$1.createElement("div", {
+  }, dataToRender.map((group, groupIndex) => group.items && group.items.length > 0 && /*#__PURE__*/React$1.createElement(SectionDiv, {
     key: group.overlayCode
-  }, /*#__PURE__*/React$1.createElement(SectionTitle, null, group.overlayName), group.items.map(item => /*#__PURE__*/React$1.createElement(DropdownItem, {
+  }, (groupIndex === 0 || groupIndex === 3) && /*#__PURE__*/React$1.createElement(SectionTitle, null, group.overlayName), group.items.map(item => /*#__PURE__*/React$1.createElement(DropdownItem, {
     key: item.value,
     selected: item.value === value,
     selectedColor: selectedColor,