@sproutsocial/seeds-react-menu 1.11.9 → 1.12.1

package/dist/esm/v3/index.js

@@ -1425,7 +1425,9 @@ function MultiCombobox(props) {
     emptyText = "No results found.",
     isLoading = false,
     loadingText = "Loading...",
-    filter
+    filter,
+    inputValue,
+    onInputValueChange
   } = props;
   const isChildrenMode = "children" in props && props.children != null;
   const data = isChildrenMode ? [] : props.data;
@@ -1439,7 +1441,9 @@ function MultiCombobox(props) {
   const groupBy = isChildrenMode ? void 0 : props.groupBy;
   const renderGroupHeading = isChildrenMode ? void 0 : props.renderGroupHeading;
   const selectHeadings = isChildrenMode ? false : props.selectHeadings ?? false;
-  const selectAll = isChildrenMode ? false : props.selectAll ?? false;
+  const selectAllProp = isChildrenMode ? false : props.selectAll ?? false;
+  const selectAll = Boolean(selectAllProp);
+  const selectAllLabel = typeof selectAllProp === "string" ? selectAllProp : "Select all";
   const isVirtualized = isChildrenMode ? false : props.isVirtualized ?? false;
   const children = isChildrenMode ? props.children : void 0;
   const selectedItemIds = props.selectedItemIds;
@@ -1466,15 +1470,20 @@ function MultiCombobox(props) {
     [visibleData, groupBy]
   );
   const flatItems = React9.useMemo(() => {
-    if (!groups || !selectHeadings && !selectAll) return null;
+    if (!selectHeadings && !selectAll) return null;
+    if (!groups && !selectAll) return null;
     const rows = [];
     if (selectAll) rows.push(SELECT_ALL_SENTINEL);
-    for (const group of groups) {
-      rows.push(makeGroupHeaderSentinel(group.value));
-      rows.push(...group.items);
+    if (groups) {
+      for (const group of groups) {
+        rows.push(makeGroupHeaderSentinel(group.value));
+        rows.push(...group.items);
+      }
+    } else {
+      rows.push(...visibleData);
     }
     return rows;
-  }, [groups, selectHeadings, selectAll]);
+  }, [groups, visibleData, selectHeadings, selectAll]);
   function setSelectedItems(items) {
     if (!isControlled) setInternalValue(items);
     if (onSelectedItemIdsChange)
@@ -1532,7 +1541,7 @@ function MultiCombobox(props) {
       const state = selectedCount === 0 ? "none" : selectedCount === totalCount ? "all" : "partial";
       return /* @__PURE__ */ jsxs7(ComboboxSelectAllItem, { value: row, children: [
         /* @__PURE__ */ jsx9(ComboboxGroupHeaderCheckbox, { $state: state, id: "__selectAll" }),
-        "Select all"
+        selectAllLabel
       ] }, "__selectAll");
     }
     if (isGroupHeaderSentinel2(row)) {
@@ -1580,8 +1589,13 @@ function MultiCombobox(props) {
         virtualized: isVirtualized,
         open,
         disabled: props.disabled,
-        onOpenChange: setOpen,
+        onOpenChange: (nextOpen, eventDetails) => {
+          if (!nextOpen && eventDetails.reason === "item-press") return;
+          setOpen(nextOpen);
+        },
         filter,
+        inputValue,
+        onInputValueChange,
         onItemHighlighted: isVirtualized ? (item, { reason, index }) => {
           const virt = virtualizerRef.current;
           if (!item || !virt) return;