@sproutsocial/seeds-react-menu 1.7.11 → 1.7.13

package/.turbo/turbo-build.log

@@ -8,22 +8,22 @@ $ tsup --dts
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js        90.48 KB
-CJS dist/v2/index.js     70.74 KB
-CJS dist/v2/index.js.map 146.40 KB
-CJS dist/index.js.map    176.30 KB
-CJS ⚡️ Build success in 328ms
-ESM dist/esm/v2/index.js           60.19 KB
-ESM dist/esm/chunk-ROQATIB7.js     9.15 KB
 ESM dist/esm/index.js              71.37 KB
-ESM dist/esm/v2/index.js.map       126.72 KB
-ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
+ESM dist/esm/v2/index.js           60.77 KB
+ESM dist/esm/chunk-ROQATIB7.js     9.15 KB
 ESM dist/esm/index.js.map          152.31 KB
-ESM ⚡️ Build success in 329ms
+ESM dist/esm/v2/index.js.map       128.10 KB
+ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
+ESM ⚡️ Build success in 327ms
+CJS dist/index.js        90.48 KB
+CJS dist/v2/index.js     71.31 KB
+CJS dist/index.js.map    176.30 KB
+CJS dist/v2/index.js.map 147.74 KB
+CJS ⚡️ Build success in 329ms
 DTS Build start
-DTS ⚡️ Build success in 16193ms
+DTS ⚡️ Build success in 16527ms
 DTS dist/index.d.ts     39.04 KB
 DTS dist/v2/index.d.ts  4.87 KB
 DTS dist/index.d.mts    39.04 KB
 DTS dist/v2/index.d.mts 4.87 KB
-Done in 17.63s.
+Done in 18.11s.

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.7.13
+
+### Patch Changes
+
+- b57173d: Fixes for multiselect
+
+## 1.7.12
+
+### Patch Changes
+
+- @sproutsocial/seeds-react-checkbox@1.3.17
+- @sproutsocial/seeds-react-input@1.4.20
+- @sproutsocial/seeds-react-label@1.0.11
+- @sproutsocial/seeds-react-radio@1.3.10
+- @sproutsocial/seeds-react-token-input@1.4.20
+
 ## 1.7.11
 
 ### Patch Changes

package/dist/esm/v2/index.js

@@ -216,7 +216,7 @@ function Popout({
   const radixRef = React2.useRef(null);
   return /* @__PURE__ */ jsxs(Popover.Root, { open: popoverOpen, onOpenChange: popoverOnOpenChange, children: [
     /* @__PURE__ */ jsx(Popover.Trigger, { ref: radixRef, asChild: true, children }),
-    /* @__PURE__ */ jsx(Popover.Anchor, {}),
+    /* @__PURE__ */ jsx(Popover.Anchor, { children: /* @__PURE__ */ jsx("div", { style: { height: "1px" }, children: "\xA0" }) }),
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       StyledContent,
       {
@@ -1055,7 +1055,12 @@ function SingleSelect({
               };
             }
             const dataItem = item;
-            const itemIndex = itemsForSelect.indexOf(dataItem);
+            const itemIndex = itemsForSelect.findIndex((selectItem) => {
+              if (isToggleItem(selectItem)) {
+                return false;
+              }
+              return itemToKey(selectItem) === itemToKey(dataItem);
+            });
             if (itemIndex === -1) {
               return {};
             }
@@ -1340,7 +1345,12 @@ function MultiSelect({
               };
             }
             const dataItem = item;
-            const itemIndex = itemsForSelect.indexOf(dataItem);
+            const itemIndex = itemsForSelect.findIndex((selectItem) => {
+              if (isGroupHeading(selectItem) || isToggleItem(selectItem)) {
+                return false;
+              }
+              return itemToKey(selectItem) === itemToKey(dataItem);
+            });
             if (itemIndex === -1) {
               return {};
             }
@@ -1439,10 +1449,14 @@ function SingleAutocomplete({
   useEffect2(() => {
     if (selectedItem && !isOpen) {
       const selectedItemString = itemToString(selectedItem);
-      if (!isInputValueControlled && uncontrolledInputValue !== selectedItemString) {
-        setUncontrolledInputValue(selectedItemString);
-      } else if (isInputValueControlled && inputValue !== selectedItemString) {
-        updateInputValue(selectedItemString);
+      if (!isInputValueControlled) {
+        if (uncontrolledInputValue !== selectedItemString) {
+          setUncontrolledInputValue(selectedItemString);
+        }
+      } else {
+        if (inputValue !== selectedItemString) {
+          onInputValueChange?.(selectedItemString);
+        }
       }
     }
   }, [
@@ -1450,7 +1464,9 @@ function SingleAutocomplete({
     isOpen,
     isInputValueControlled,
     itemToString,
-    uncontrolledInputValue
+    uncontrolledInputValue,
+    inputValue,
+    onInputValueChange
   ]);
   const updateSelectedItem = (newSelectedItem) => {
     const newSelectedItemId = newSelectedItem ? itemToKey(newSelectedItem) : null;
@@ -1528,7 +1544,7 @@ function SingleAutocomplete({
       selectedItem: newSelectedItem,
       isOpen: newIsOpen
     }) {
-      if (newIsOpen !== void 0 && type !== useCombobox.stateChangeTypes.InputBlur) {
+      if (newIsOpen !== void 0) {
         updateIsOpen(newIsOpen);
       }
       switch (type) {
@@ -1578,12 +1594,6 @@ function SingleAutocomplete({
     inputProps["aria-controls"] = void 0;
   }
   const { ref, id: inputId, ...restProps } = inputProps;
-  const handleBlur = (e) => {
-    if (inputProps.onBlur) {
-      inputProps.onBlur(e);
-    }
-    updateIsOpen(false);
-  };
   return /* @__PURE__ */ jsx9(
     Popout,
     {
@@ -1604,7 +1614,12 @@ function SingleAutocomplete({
           getItemProps: (props) => {
             const item = items[props.index];
             const dataItem = item;
-            const itemIndex = itemsForCombobox.indexOf(dataItem);
+            const itemIndex = itemsForCombobox.findIndex((comboboxItem) => {
+              if (isToggleItem(comboboxItem)) {
+                return false;
+              }
+              return itemToKey(comboboxItem) === itemToKey(dataItem);
+            });
             if (itemIndex === -1) {
               return {};
             }
@@ -1630,9 +1645,7 @@ function SingleAutocomplete({
         {
           id,
           inputProps: {
-            ...restProps,
-            autoComplete: "off",
-            onBlur: handleBlur
+            autoComplete: "off"
           },
           innerRef: ref,
           placeholder,
@@ -1642,8 +1655,7 @@ function SingleAutocomplete({
             updateSelectedItem(null);
             updateInputValue("");
           },
-          ...restProps,
-          onBlur: handleBlur
+          ...restProps
         }
       )
     }
@@ -1653,12 +1665,16 @@ function SingleAutocomplete({
 // src/v2/Autocomplete/MultiAutocomplete.tsx
 import { useState as useState5, useMemo as useMemo6 } from "react";
 import { useCombobox as useCombobox2, useMultipleSelection as useMultipleSelection2 } from "downshift";
-import "@sproutsocial/seeds-react-label";
 import { TokenInput } from "@sproutsocial/seeds-react-token-input";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function defaultReducer4(state, actionAndChanges) {
   const { changes, type } = actionAndChanges;
   switch (type) {
+    case useCombobox2.stateChangeTypes.InputBlur:
+      return {
+        ...changes,
+        isOpen: true
+      };
     case useCombobox2.stateChangeTypes.InputKeyDownEnter:
     case useCombobox2.stateChangeTypes.ItemClick:
       return {
@@ -1835,7 +1851,6 @@ function MultiAutocomplete({
               } else {
                 updateSelectedItems([...data]);
               }
-              updateInputValue("");
             } else if (selectHeadings && groupBy && isGroupHeading(newSelectedItem)) {
               const groupLabel = newSelectedItem.label;
               const groupItems2 = data.filter(
@@ -1853,7 +1868,6 @@ function MultiAutocomplete({
                 ];
                 updateSelectedItems(newItems);
               }
-              updateInputValue("");
             } else if (!isGroupHeading(newSelectedItem) && !isToggleItem(newSelectedItem)) {
               const itemIndex = selectedItems.findIndex(
                 (item) => itemToKey(item) === itemToKey(newSelectedItem)
@@ -1865,7 +1879,6 @@ function MultiAutocomplete({
               } else {
                 updateSelectedItems([...selectedItems, newSelectedItem]);
               }
-              updateInputValue("");
             }
           }
           break;
@@ -1903,6 +1916,7 @@ function MultiAutocomplete({
     if (inputProps.onBlur) {
       inputProps.onBlur(e);
     }
+    updateIsOpen(false);
   };
   const inputPropsToSpread = { ...inputProps };
   delete inputPropsToSpread.onBlur;
@@ -1985,7 +1999,11 @@ function MultiAutocomplete({
           onClickToken: (e) => {
             e.stopPropagation();
           },
-          onBlur: handleBlur
+          onBlur: handleBlur,
+          "aria-controls": void 0,
+          "aria-expanded": void 0,
+          "aria-haspopup": void 0,
+          type: void 0
         }
       )
     }