@sproutsocial/seeds-react-menu 1.6.2 → 1.6.3

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.41 KB
+CJS dist/index.js.map 372.05 KB
+CJS ⚡️ Build success in 434ms
+ESM dist/esm/index.js     134.50 KB
+ESM dist/esm/index.js.map 370.77 KB
+ESM ⚡️ Build success in 488ms
 DTS Build start
-DTS ⚡️ Build success in 16093ms
+DTS ⚡️ Build success in 15668ms
 DTS dist/index.d.ts  39.03 KB
 DTS dist/index.d.mts 39.03 KB
-Done in 18.50s.
+Done in 18.14s.

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sproutsocial/seeds-react-menu
 
+## 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,8 +3772,15 @@ 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);
@@ -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 });
     }
   });
@@ -3834,11 +3841,7 @@ var MultiAutocomplete = ({
         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