@sproutsocial/seeds-react-menu 1.6.1 → 1.6.3

package/dist/index.d.mts

@@ -535,6 +535,7 @@ type TypeBaseAutocompleteProps = TypeHigherOrderComponentProps & TypeDownshiftCo
     /** Set multiSelect to true to allow multiple selections.
      *  Default: false*/
     multiSelect?: boolean;
+    autoCloseOnEmpty?: boolean;
 };
 type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeBaseAutocompleteProps & {
     multiSelect?: false;

package/dist/index.d.ts

@@ -535,6 +535,7 @@ type TypeBaseAutocompleteProps = TypeHigherOrderComponentProps & TypeDownshiftCo
     /** Set multiSelect to true to allow multiple selections.
      *  Default: false*/
     multiSelect?: boolean;
+    autoCloseOnEmpty?: boolean;
 };
 type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeBaseAutocompleteProps & {
     multiSelect?: false;

package/dist/index.js

@@ -3741,6 +3741,7 @@ var SingleAutocomplete = ({
   MenuItemComponent,
   itemToString: itemToString2 = itemToString,
   getIsItemVisible,
+  autoCloseOnEmpty = true,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3774,6 +3775,7 @@ var SingleAutocomplete = ({
     {
       ...{
         isListbox: true,
+        autoCloseOnEmpty,
         items: allMenuItems,
         itemToString: itemToString2,
         ...useComboboxProps,
@@ -3784,7 +3786,6 @@ var SingleAutocomplete = ({
         focusOnContent: false,
         ...userPopoutProps
       },
-      autoCloseOnEmpty: true,
       children
     }
   );
@@ -3810,6 +3811,8 @@ var MultiAutocomplete = ({
   getA11yMultiStatusMessage,
   onMultiSelectStateChange,
   multiSelectStateReducer,
+  autoCloseOnEmpty = true,
+  selectedItems: selectedItemsProp,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3817,8 +3820,15 @@ 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);
@@ -3856,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 });
     }
   });
@@ -3880,11 +3889,7 @@ var MultiAutocomplete = ({
         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
@@ -3912,6 +3917,7 @@ var MultiAutocomplete = ({
     {
       ...{
         isListbox: true,
+        autoCloseOnEmpty,
         items: allMenuItems,
         itemToString: itemToString2,
         initialSelectedItems,
@@ -3929,7 +3935,6 @@ var MultiAutocomplete = ({
         focusOnContent: false,
         ...userPopoutProps
       },
-      autoCloseOnEmpty: true,
       children
     }
   );