@databrainhq/plugin 0.15.16 → 0.15.17

package/dist/components/MultiSelectDropdown/index.d.ts

@@ -36,4 +36,4 @@ export type MultiSelectDropdownProps = Omit<MultiSelectAccordianDropdownProps, '
     isSelectAllOn?: boolean;
 };
 export declare const MultiSelectAccordianDropdown: ({ label, labelVariant, selectedOption, onChange, button, options, isDisabled, icon, buttonWidth, menuWidth, isSearchEnabled, searchIcon, closeControl, searchPlaceholder, radius, }: MultiSelectAccordianDropdownProps) => React.JSX.Element;
-export declare const MultiSelectDropdown: ({ id, label, labelVariant, selectedOption: selectedOption_temp, onChange, button, options, isDisabled, icon, buttonWidth, menuWidth, isSearchEnabled, searchIcon, closeControl, searchPlaceholder, isShowSelectedOptions, radius, isFilter, dataTestTitle, isAutoSelectOption, isLoadingData, error, menuZIndex, isSelectAllEnabled, isSelectAllOn, }: MultiSelectDropdownProps) => React.JSX.Element;
+export declare const MultiSelectDropdown: ({ id, label, labelVariant, selectedOption, onChange, button, options, isDisabled, icon, buttonWidth, menuWidth, isSearchEnabled, searchIcon, closeControl, searchPlaceholder, isShowSelectedOptions, radius, isFilter, dataTestTitle, isAutoSelectOption, isLoadingData, error, menuZIndex, isSelectAllEnabled, isSelectAllOn, }: MultiSelectDropdownProps) => React.JSX.Element;

package/dist/webcomponents.es.js

@@ -5872,7 +5872,7 @@ const MultiSelectDropdown = ({
   id: id2,
   label: label3,
   labelVariant = "static",
-  selectedOption: selectedOption_temp,
+  selectedOption: selectedOption2,
   onChange,
   button: button2,
   options: options2,
@@ -5902,27 +5902,18 @@ const MultiSelectDropdown = ({
   const selectedOptionsRef = useRef(null);
   const [offset2, setOffset] = useState([0, 6]);
   const containerRef = useRef(null);
-  const [isExceeded, setExceeded] = useState(selectedOption_temp.length > 10);
+  const [isExceeded, setExceeded] = useState((selectedOption2 == null ? void 0 : selectedOption2.length) > 10);
   const [count2, setCount] = useState(0);
   const badgeRefs = useRef([]);
   const moreRef = useRef(null);
   const [badgeWidths, setBadgeWidths] = useState([]);
   const [isSortList, setSortList] = useState(false);
   const [isSelectAll, setSelectAll] = useState(isSelectAllOn || false);
-  const [selectedOption2, setSelectedOption] = useState(isSelectAll ? [] : selectedOption_temp);
   useEffect(() => {
-    const timeoutCleanUp = [];
     if (!isSelectAllEnabled)
       return;
     if (isSelectAll) {
-      setSelectedOption([]);
-      setSelectedOption(options2);
       onChange([...options2]);
-      return () => {
-        timeoutCleanUp.forEach((time2) => {
-          clearTimeout(time2);
-        });
-      };
     } else {
       onChange([...selectedOption2]);
     }
@@ -6185,7 +6176,6 @@ const MultiSelectDropdown = ({
                 className: isSelectAll ? styles$14.checkedOption : styles$14.option,
                 onClick: () => {
                   if (isSelectAll) {
-                    setSelectedOption((prev) => []);
                     onChange([]);
                     setSelectAll(false);
                   } else
@@ -6198,13 +6188,12 @@ const MultiSelectDropdown = ({
                       id: `select-all-checkbox-tick`,
                       onClick: () => {
                         if (isSelectAll) {
-                          setSelectedOption((prev) => []);
                           onChange([]);
                           setSelectAll(false);
                         } else
                           setSelectAll(true);
                       },
-                      checked: isSelectAll
+                      checked: (selectedOption2 == null ? void 0 : selectedOption2.length) === (options2 == null ? void 0 : options2.length)
                     }
                   ),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${styles$14.optionLabel}`, children: "Select All" })
@@ -6230,15 +6219,8 @@ const MultiSelectDropdown = ({
                       const updatedOptions = selectedOption2 == null ? void 0 : selectedOption2.filter(
                         (opt, index2) => index2 !== optionIndex
                       );
-                      setSelectedOption(updatedOptions);
                       onChange(updatedOptions);
                     } else {
-                      setSelectedOption((prev) => {
-                        const newOption = [...prev, option3];
-                        if (newOption.length == options2.length)
-                          setSelectAll((prev2) => true);
-                        return newOption;
-                      });
                       onChange([...selectedOption2, option3]);
                     }
                   },
@@ -6256,15 +6238,8 @@ const MultiSelectDropdown = ({
                             const updatedOptions = selectedOption2 == null ? void 0 : selectedOption2.filter(
                               (opt, index2) => index2 !== optionIndex
                             );
-                            setSelectedOption(updatedOptions);
                             onChange(updatedOptions);
                           } else {
-                            setSelectedOption((prev) => {
-                              const newOption = [...prev, option3];
-                              if (newOption.length == options2.length)
-                                setSelectAll((prev2) => true);
-                              return newOption;
-                            });
                             onChange([...selectedOption2, option3]);
                           }
                         },
@@ -6302,7 +6277,6 @@ const MultiSelectDropdown = ({
               type: "button",
               onClick: () => {
                 setSelectAll(false);
-                setSelectedOption([]);
                 onChange([]);
               },
               fitContainer: true,