@sproutsocial/seeds-react-menu 1.12.0 → 1.12.1

package/dist/v3/index.d.mts

@@ -134,6 +134,8 @@ interface MultiComboboxBaseProps {
     loadingText?: string;
     disabled?: boolean;
     filter?: ((item: unknown, query: string) => boolean) | null;
+    inputValue?: string;
+    onInputValueChange?: (value: string) => void;
 }
 interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBaseProps {
     data: T[];
@@ -148,7 +150,7 @@ interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBase
     groupBy?: (item: T) => string;
     renderGroupHeading?: (label: string) => react.ReactNode;
     selectHeadings?: boolean;
-    selectAll?: boolean;
+    selectAll?: boolean | string;
     isVirtualized?: boolean;
     removeSelectedItems?: boolean;
     maxTokens?: number;

package/dist/v3/index.d.ts

@@ -134,6 +134,8 @@ interface MultiComboboxBaseProps {
     loadingText?: string;
     disabled?: boolean;
     filter?: ((item: unknown, query: string) => boolean) | null;
+    inputValue?: string;
+    onInputValueChange?: (value: string) => void;
 }
 interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBaseProps {
     data: T[];
@@ -148,7 +150,7 @@ interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBase
     groupBy?: (item: T) => string;
     renderGroupHeading?: (label: string) => react.ReactNode;
     selectHeadings?: boolean;
-    selectAll?: boolean;
+    selectAll?: boolean | string;
     isVirtualized?: boolean;
     removeSelectedItems?: boolean;
     maxTokens?: number;

package/dist/v3/index.js

@@ -1498,7 +1498,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;
@@ -1512,7 +1514,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;
@@ -1539,15 +1543,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)
@@ -1605,7 +1614,7 @@ function MultiCombobox(props) {
       const state = selectedCount === 0 ? "none" : selectedCount === totalCount ? "all" : "partial";
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ComboboxSelectAllItem, { value: row, children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ComboboxGroupHeaderCheckbox, { $state: state, id: "__selectAll" }),
-        "Select all"
+        selectAllLabel
       ] }, "__selectAll");
     }
     if (isGroupHeaderSentinel2(row)) {
@@ -1653,8 +1662,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;