@sproutsocial/seeds-react-menu 1.7.12 → 1.7.14

package/dist/v2/index.js

@@ -247,7 +247,7 @@ function Popout({
   const radixRef = React2.useRef(null);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover.Root, { open: popoverOpen, onOpenChange: popoverOnOpenChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Trigger, { ref: radixRef, asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Anchor, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Anchor, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: "1px" }, children: "\xA0" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       StyledContent,
       {
@@ -1245,7 +1245,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 {};
             }
@@ -1530,7 +1535,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 {};
             }
@@ -1629,10 +1639,14 @@ function SingleAutocomplete({
   (0, import_react10.useEffect)(() => {
     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);
+        }
       }
     }
   }, [
@@ -1640,7 +1654,9 @@ function SingleAutocomplete({
     isOpen,
     isInputValueControlled,
     itemToString,
-    uncontrolledInputValue
+    uncontrolledInputValue,
+    inputValue,
+    onInputValueChange
   ]);
   const updateSelectedItem = (newSelectedItem) => {
     const newSelectedItemId = newSelectedItem ? itemToKey(newSelectedItem) : null;
@@ -1718,7 +1734,7 @@ function SingleAutocomplete({
       selectedItem: newSelectedItem,
       isOpen: newIsOpen
     }) {
-      if (newIsOpen !== void 0 && type !== import_downshift3.useCombobox.stateChangeTypes.InputBlur) {
+      if (newIsOpen !== void 0) {
         updateIsOpen(newIsOpen);
       }
       switch (type) {
@@ -1768,12 +1784,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__ */ (0, import_jsx_runtime11.jsx)(
     Popout,
     {
@@ -1794,7 +1804,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 {};
             }
@@ -1820,9 +1835,7 @@ function SingleAutocomplete({
         {
           id,
           inputProps: {
-            ...restProps,
-            autoComplete: "off",
-            onBlur: handleBlur
+            autoComplete: "off"
           },
           innerRef: ref,
           placeholder,
@@ -1832,8 +1845,7 @@ function SingleAutocomplete({
             updateSelectedItem(null);
             updateInputValue("");
           },
-          ...restProps,
-          onBlur: handleBlur
+          ...restProps
         }
       )
     }
@@ -1843,12 +1855,16 @@ function SingleAutocomplete({
 // src/v2/Autocomplete/MultiAutocomplete.tsx
 var import_react11 = require("react");
 var import_downshift4 = require("downshift");
-var import_seeds_react_label4 = require("@sproutsocial/seeds-react-label");
 var import_seeds_react_token_input = require("@sproutsocial/seeds-react-token-input");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function defaultReducer4(state, actionAndChanges) {
   const { changes, type } = actionAndChanges;
   switch (type) {
+    case import_downshift4.useCombobox.stateChangeTypes.InputBlur:
+      return {
+        ...changes,
+        isOpen: true
+      };
     case import_downshift4.useCombobox.stateChangeTypes.InputKeyDownEnter:
     case import_downshift4.useCombobox.stateChangeTypes.ItemClick:
       return {
@@ -2025,7 +2041,6 @@ function MultiAutocomplete({
               } else {
                 updateSelectedItems([...data]);
               }
-              updateInputValue("");
             } else if (selectHeadings && groupBy && isGroupHeading(newSelectedItem)) {
               const groupLabel = newSelectedItem.label;
               const groupItems2 = data.filter(
@@ -2043,7 +2058,6 @@ function MultiAutocomplete({
                 ];
                 updateSelectedItems(newItems);
               }
-              updateInputValue("");
             } else if (!isGroupHeading(newSelectedItem) && !isToggleItem(newSelectedItem)) {
               const itemIndex = selectedItems.findIndex(
                 (item) => itemToKey(item) === itemToKey(newSelectedItem)
@@ -2055,7 +2069,6 @@ function MultiAutocomplete({
               } else {
                 updateSelectedItems([...selectedItems, newSelectedItem]);
               }
-              updateInputValue("");
             }
           }
           break;
@@ -2093,6 +2106,7 @@ function MultiAutocomplete({
     if (inputProps.onBlur) {
       inputProps.onBlur(e);
     }
+    updateIsOpen(false);
   };
   const inputPropsToSpread = { ...inputProps };
   delete inputPropsToSpread.onBlur;
@@ -2175,7 +2189,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
         }
       )
     }