sag_components 2.0.0-beta266 → 2.0.0-beta268

package/dist/index.d.ts

@@ -1574,7 +1574,7 @@ declare function ModalDrawer({ open, height, onClose, children, widthPercent }:
     widthPercent?: number;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, editableDigitalCoupon, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, dropdownWidth, editableDigitalCoupon, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1594,6 +1594,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarke
     labelColor: any;
     placeHolderColor: any;
     margin?: string;
+    dropdownWidth?: string;
     editableDigitalCoupon?: boolean;
 }): react_jsx_runtime.JSX.Element;
 

package/dist/index.esm.js

@@ -37852,6 +37852,11 @@ const FilterPop = props => {
     const nonAllItems = getNonAllItems();
     return nonAllItems.every(item => attributes[item.value]);
   };
+  const areAnyNonAllItemsSelected = function () {
+    let attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : selectedAttributes;
+    const nonAllItems = getNonAllItems();
+    return nonAllItems.some(item => attributes[item.value]);
+  };
   const getVisibleNonAllItems = () => {
     return sortedList.filter(item => item.value !== "All");
   };
@@ -37872,7 +37877,7 @@ const FilterPop = props => {
     const unselectedItems = nonAllItems.filter(item => !attributes[item.value]);
     const allSelected = selectedItems.length === nonAllItems.length;
     const noneSelected = selectedItems.length === 0;
-    const mostSelected = selectedItems.length > nonAllItems.length / 2;
+    const fewerSelected = selectedItems.length <= unselectedItems.length;
     if (allSelected) {
       return {
         excluded: [],
@@ -37885,18 +37890,18 @@ const FilterPop = props => {
         included: [],
         isSelectAll: false
       };
-    } else if (mostSelected) {
-      return {
-        excluded: unselectedItems.map(item => item.value),
-        included: [],
-        isSelectAll: true
-      };
-    } else {
+    } else if (fewerSelected) {
       return {
         excluded: [],
         included: selectedItems.map(item => item.value),
         isSelectAll: false
       };
+    } else {
+      return {
+        excluded: unselectedItems.map(item => item.value),
+        included: [],
+        isSelectAll: true
+      };
     }
   };
   const handleCheckboxChange = attribute => {
@@ -37952,15 +37957,36 @@ const FilterPop = props => {
         indeterminate: false
       };
     }
-    const allVisibleSelected = areAllVisibleItemsSelected();
-    const anyVisibleSelected = areAnyVisibleItemsSelected();
-    const noneVisibleSelected = !anyVisibleSelected;
-    if (allVisibleSelected) {
+    if (searchTerm.trim()) {
+      const allVisibleSelected = areAllVisibleItemsSelected();
+      const anyVisibleSelected = areAnyVisibleItemsSelected();
+      const noneVisibleSelected = !anyVisibleSelected;
+      if (allVisibleSelected) {
+        return {
+          checked: true,
+          indeterminate: false
+        };
+      } else if (noneVisibleSelected) {
+        return {
+          checked: false,
+          indeterminate: false
+        };
+      } else {
+        return {
+          checked: false,
+          indeterminate: true
+        };
+      }
+    }
+    const allSelected = areAllNonAllItemsSelected();
+    const anySelected = areAnyNonAllItemsSelected();
+    const noneSelected = !anySelected;
+    if (allSelected) {
       return {
         checked: true,
         indeterminate: false
       };
-    } else if (noneVisibleSelected) {
+    } else if (noneSelected) {
       return {
         checked: false,
         indeterminate: false
@@ -37974,7 +38000,7 @@ const FilterPop = props => {
   };
   const handleSearchChange = e => {
     setSearchTerm(e.target.value);
-    setScrollTop(0); // Reset scroll on search
+    setScrollTop(0);
     if (scrollContainerRef.current) {
       scrollContainerRef.current.scrollTop = 0;
     }
@@ -57729,6 +57755,7 @@ const OverlayDropdown = _ref => {
     labelColor,
     placeHolderColor,
     margin = "8px",
+    dropdownWidth = "100%",
     editableDigitalCoupon = false,
     ...props
   } = _ref;
@@ -57966,7 +57993,7 @@ const OverlayDropdown = _ref => {
     ref: dropdownRef,
     role: "listbox",
     dropdownMaxHeight: dropdownMaxHeight,
-    width: width,
+    width: dropdownWidth,
     position: dropdownPosition
   }, dataToRender.map((group, groupIndex) => group.items?.length > 0 && /*#__PURE__*/React$1.createElement(SectionDiv, {
     $showBorder: group.overlayName,