@sproutsocial/seeds-react-menu 1.6.2 → 1.6.4

package/dist/index.js

@@ -3812,6 +3812,7 @@ var MultiAutocomplete = ({
   onMultiSelectStateChange,
   multiSelectStateReducer,
   autoCloseOnEmpty = true,
+  selectedItems: selectedItemsProp,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3819,11 +3820,18 @@ var MultiAutocomplete = ({
     menuItems,
     MenuItemComponent
   });
-  const [selectedItems, setSelectedItems] = import_react22.default.useState(initialSelectedItems);
-  const [selectedItemIds, setSelectedItemIds] = import_react22.default.useState(getSelectedItemIds(initialSelectedItems));
+  const [selectedItemsState, setSelectedItemsState] = import_react22.default.useState(initialSelectedItems);
+  const selectedItems = import_react22.default.useMemo(
+    () => selectedItemsProp || selectedItemsState,
+    [selectedItemsProp, selectedItemsState]
+  );
+  const selectedItemIds = import_react22.default.useMemo(
+    () => getSelectedItemIds(selectedItems),
+    [selectedItems]
+  );
   const getIsItemVisibleMulti = import_react22.default.useCallback(
-    (item, inputValue2) => {
-      return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue2);
+    (item, inputValue) => {
+      return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue);
     },
     [selectedItemIds, showSelectedItemsInDropdown, getIsItemVisible]
   );
@@ -3858,10 +3866,9 @@ var MultiAutocomplete = ({
   const useMultipleSelectionReturnProps = (0, import_downshift7.useMultipleSelection)({
     ...defaultDownshiftProps.multi,
     itemToKey: itemToKey3,
-    selectedItems,
+    selectedItems: selectedItemsProp || selectedItems,
     onSelectedItemsChange: ({ selectedItems: selectedItems2, ...changes }) => {
-      setSelectedItems(selectedItems2);
-      setSelectedItemIds(getSelectedItemIds(selectedItems2));
+      setSelectedItemsState(selectedItems2);
       onSelectedItemsChange && onSelectedItemsChange({ selectedItems: selectedItems2, ...changes });
     }
   });
@@ -3875,18 +3882,14 @@ var MultiAutocomplete = ({
       externalStateReducer
     ),
     onStateChange(changes) {
-      const { type, selectedItem: newSelectedItem, inputValue: inputValue2 } = changes;
+      const { type, selectedItem: newSelectedItem, inputValue } = changes;
       switch (type) {
         // Add the selected item to the selected items list
         case import_downshift7.useCombobox.stateChangeTypes.InputKeyDownEnter:
         case import_downshift7.useCombobox.stateChangeTypes.ItemClick:
           if (newSelectedItem) {
             const newSelectedItems = [...selectedItems, newSelectedItem];
-            setSelectedItems(newSelectedItems);
-            setSelectedItemIds({
-              ...selectedItemIds,
-              [newSelectedItem.id]: true
-            });
+            setSelectedItemsState(newSelectedItems);
             onSelectedItemsChange && onSelectedItemsChange({
               selectedItems: newSelectedItems,
               type: import_downshift7.useMultipleSelection.stateChangeTypes.FunctionSetSelectedItems
@@ -3896,19 +3899,12 @@ var MultiAutocomplete = ({
         default:
           break;
       }
-      if (inputValue2 !== void 0) updateFilteredItems({ inputValue: inputValue2 });
+      if (inputValue !== void 0) updateFilteredItems({ inputValue });
       onStateChange && onStateChange(changes);
     },
     ...useComboboxProps
   });
-  const { isOpen, closeMenu, inputValue } = useComboboxReturnProps;
   const { popoutProps: userPopoutProps } = useComboboxProps;
-  import_react22.default.useEffect(() => {
-    if (!inputValue) return;
-    if (allMenuItems && hiddenItemsCount >= allMenuItems.length && isOpen) {
-      closeMenu?.();
-    }
-  }, [hiddenItemsCount, allMenuItems?.length, isOpen, inputValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenuRootComponent,
     {