@sproutsocial/seeds-react-menu 1.6.1 → 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.30 KB
-CJS dist/index.js.map 371.92 KB
-CJS ⚡️ Build success in 706ms
-ESM dist/esm/index.js     134.40 KB
-ESM dist/esm/index.js.map 370.64 KB
-ESM ⚡️ Build success in 709ms
+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 15887ms
-DTS dist/index.d.ts  39.00 KB
-DTS dist/index.d.mts 39.00 KB
-Done in 19.66s.
+DTS ⚡️ Build success in 15668ms
+DTS dist/index.d.ts  39.03 KB
+DTS dist/index.d.mts 39.03 KB
+Done in 18.14s.

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.6.3
+
+### Patch Changes
+
+- e67391f: Allow MutiAutocomplete to be fully controlled
+
+## 1.6.2
+
+### Patch Changes
+
+- 0b3224b: Allow autocomplete components to display empty state
+- Updated dependencies [f55c7f4]
+  - @sproutsocial/seeds-react-token-input@1.4.1
+
 ## 1.6.1
 
 ### Patch Changes

package/dist/esm/index.js

@@ -3693,6 +3693,7 @@ var SingleAutocomplete = ({
   MenuItemComponent,
   itemToString: itemToString2 = itemToString,
   getIsItemVisible,
+  autoCloseOnEmpty = true,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3726,6 +3727,7 @@ var SingleAutocomplete = ({
     {
       ...{
         isListbox: true,
+        autoCloseOnEmpty,
         items: allMenuItems,
         itemToString: itemToString2,
         ...useComboboxProps,
@@ -3736,7 +3738,6 @@ var SingleAutocomplete = ({
         focusOnContent: false,
         ...userPopoutProps
       },
-      autoCloseOnEmpty: true,
       children
     }
   );
@@ -3762,6 +3763,8 @@ var MultiAutocomplete = ({
   getA11yMultiStatusMessage,
   onMultiSelectStateChange,
   multiSelectStateReducer,
+  autoCloseOnEmpty = true,
+  selectedItems: selectedItemsProp,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3769,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);
@@ -3808,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 });
     }
   });
@@ -3832,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
@@ -3864,6 +3869,7 @@ var MultiAutocomplete = ({
     {
       ...{
         isListbox: true,
+        autoCloseOnEmpty,
         items: allMenuItems,
         itemToString: itemToString2,
         initialSelectedItems,
@@ -3881,7 +3887,6 @@ var MultiAutocomplete = ({
         focusOnContent: false,
         ...userPopoutProps
       },
-      autoCloseOnEmpty: true,
       children
     }
   );