@sproutsocial/seeds-react-menu 1.6.2 → 1.6.4

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js     144.34 KB
-CJS dist/index.js.map 372.00 KB
-CJS ⚡️ Build success in 526ms
-ESM dist/esm/index.js     134.45 KB
-ESM dist/esm/index.js.map 370.73 KB
-ESM ⚡️ Build success in 532ms
+CJS dist/index.js     144.07 KB
+CJS dist/index.js.map 371.53 KB
+CJS ⚡️ Build success in 640ms
+ESM dist/esm/index.js     134.18 KB
+ESM dist/esm/index.js.map 370.25 KB
+ESM ⚡️ Build success in 643ms
 DTS Build start
-DTS ⚡️ Build success in 16093ms
+DTS ⚡️ Build success in 17318ms
 DTS dist/index.d.ts  39.03 KB
 DTS dist/index.d.mts 39.03 KB
-Done in 18.50s.
+Done in 21.11s.

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.6.4
+
+### Patch Changes
+
+- 7748350: fix MutiAutocomplete rendering empty state
+
+## 1.6.3
+
+### Patch Changes
+
+- e67391f: Allow MutiAutocomplete to be fully controlled
+
 ## 1.6.2
 
 ### Patch Changes

package/dist/esm/index.js

@@ -3764,6 +3764,7 @@ var MultiAutocomplete = ({
   onMultiSelectStateChange,
   multiSelectStateReducer,
   autoCloseOnEmpty = true,
+  selectedItems: selectedItemsProp,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3771,11 +3772,18 @@ var MultiAutocomplete = ({
     menuItems,
     MenuItemComponent
   });
-  const [selectedItems, setSelectedItems] = React19.useState(initialSelectedItems);
-  const [selectedItemIds, setSelectedItemIds] = React19.useState(getSelectedItemIds(initialSelectedItems));
+  const [selectedItemsState, setSelectedItemsState] = React19.useState(initialSelectedItems);
+  const selectedItems = React19.useMemo(
+    () => selectedItemsProp || selectedItemsState,
+    [selectedItemsProp, selectedItemsState]
+  );
+  const selectedItemIds = React19.useMemo(
+    () => getSelectedItemIds(selectedItems),
+    [selectedItems]
+  );
   const getIsItemVisibleMulti = React19.useCallback(
-    (item, inputValue2) => {
-      return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue2);
+    (item, inputValue) => {
+      return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue);
     },
     [selectedItemIds, showSelectedItemsInDropdown, getIsItemVisible]
   );
@@ -3810,10 +3818,9 @@ var MultiAutocomplete = ({
   const useMultipleSelectionReturnProps = useMultipleSelection2({
     ...defaultDownshiftProps.multi,
     itemToKey: itemToKey3,
-    selectedItems,
+    selectedItems: selectedItemsProp || selectedItems,
     onSelectedItemsChange: ({ selectedItems: selectedItems2, ...changes }) => {
-      setSelectedItems(selectedItems2);
-      setSelectedItemIds(getSelectedItemIds(selectedItems2));
+      setSelectedItemsState(selectedItems2);
       onSelectedItemsChange && onSelectedItemsChange({ selectedItems: selectedItems2, ...changes });
     }
   });
@@ -3827,18 +3834,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 useCombobox3.stateChangeTypes.InputKeyDownEnter:
         case useCombobox3.stateChangeTypes.ItemClick:
           if (newSelectedItem) {
             const newSelectedItems = [...selectedItems, newSelectedItem];
-            setSelectedItems(newSelectedItems);
-            setSelectedItemIds({
-              ...selectedItemIds,
-              [newSelectedItem.id]: true
-            });
+            setSelectedItemsState(newSelectedItems);
             onSelectedItemsChange && onSelectedItemsChange({
               selectedItems: newSelectedItems,
               type: useMultipleSelection2.stateChangeTypes.FunctionSetSelectedItems
@@ -3848,19 +3851,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;
-  React19.useEffect(() => {
-    if (!inputValue) return;
-    if (allMenuItems && hiddenItemsCount >= allMenuItems.length && isOpen) {
-      closeMenu?.();
-    }
-  }, [hiddenItemsCount, allMenuItems?.length, isOpen, inputValue]);
   return /* @__PURE__ */ jsx23(
     MenuRootComponent,
     {