@sproutsocial/seeds-react-menu 1.15.10 → 1.16.1

package/dist/v3/index.d.mts

@@ -167,6 +167,7 @@ interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBase
     onSelectedItemIdsChange?: (ids: Array<T["id"]>) => void;
     groupBy?: (item: T) => string;
     renderGroupHeading?: (label: string) => React.ReactNode;
+    isGroupHeaderDisabled?: (groupName: string) => boolean;
     selectHeadings?: boolean;
     selectAll?: boolean | string;
     isVirtualized?: boolean;
@@ -189,6 +190,7 @@ interface MultiComboboxChildrenProps extends MultiComboboxBaseProps {
     inputType?: never;
     groupBy?: never;
     renderGroupHeading?: never;
+    isGroupHeaderDisabled?: never;
     selectHeadings?: never;
     selectAll?: never;
     removeSelectedItems?: never;

package/dist/v3/index.d.ts

@@ -167,6 +167,7 @@ interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBase
     onSelectedItemIdsChange?: (ids: Array<T["id"]>) => void;
     groupBy?: (item: T) => string;
     renderGroupHeading?: (label: string) => React.ReactNode;
+    isGroupHeaderDisabled?: (groupName: string) => boolean;
     selectHeadings?: boolean;
     selectAll?: boolean | string;
     isVirtualized?: boolean;
@@ -189,6 +190,7 @@ interface MultiComboboxChildrenProps extends MultiComboboxBaseProps {
     inputType?: never;
     groupBy?: never;
     renderGroupHeading?: never;
+    isGroupHeaderDisabled?: never;
     selectHeadings?: never;
     selectAll?: never;
     removeSelectedItems?: never;

package/dist/v3/index.js

@@ -937,6 +937,12 @@ var ComboboxGroupHeaderItem = (0, import_styled_components6.default)(import_comb
     background: ${({ theme }) => theme.colors.listItem.background.hover};
     color: ${({ theme }) => theme.colors.text.body};
   }
+
+  &[data-disabled] {
+    opacity: 0.4;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
 `;
 var ComboboxSelectAllItem = (0, import_styled_components6.default)(import_combobox.Combobox.Item)`
   display: flex;
@@ -1263,6 +1269,7 @@ function VirtualizedComboboxList({
   inputType,
   renderItem,
   renderGroupHeading,
+  isGroupHeaderDisabled,
   renderCreatableItem
 }) {
   const filteredItems = import_combobox2.Combobox.useFilteredItems();
@@ -1365,6 +1372,7 @@ function VirtualizedComboboxList({
                   index: virtualItem.index,
                   "data-index": virtualItem.index,
                   value: row,
+                  disabled: isGroupHeaderDisabled?.(row.groupName),
                   style: baseStyle,
                   ref: virtualizer.measureElement,
                   children: [
@@ -1631,6 +1639,7 @@ function MultiCombobox(props) {
   const inputType = isChildrenMode ? "checkbox" : removeSelectedItems ? "none" : props.inputType ?? "checkbox";
   const groupBy = isChildrenMode ? void 0 : props.groupBy;
   const renderGroupHeading = isChildrenMode ? void 0 : props.renderGroupHeading;
+  const isGroupHeaderDisabled = isChildrenMode ? void 0 : props.isGroupHeaderDisabled;
   const selectHeadings = isChildrenMode ? false : props.selectHeadings ?? false;
   const selectAllProp = isChildrenMode ? false : props.selectAll ?? false;
   const selectAll = Boolean(selectAllProp);
@@ -1729,6 +1738,7 @@ function MultiCombobox(props) {
     }
     let updated = [...realItems];
     for (const sentinel of groupSentinels) {
+      if (isGroupHeaderDisabled?.(sentinel.groupName)) continue;
       const group = groups?.find((g) => g.value === sentinel.groupName);
       if (!group) continue;
       const allSelected = group.items.every(
@@ -1783,16 +1793,24 @@ function MultiCombobox(props) {
         (item2) => value.some((s) => s.id === item2.id)
       ).length;
       const state = selectedCount === 0 ? "none" : selectedCount === groupItemsList.length ? "all" : "partial";
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ComboboxGroupHeaderItem, { value: row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          ComboboxGroupHeaderCheckbox,
-          {
-            $state: state,
-            id: `__header-${row.groupName}`
-          }
-        ),
-        renderGroupHeading ? renderGroupHeading(row.groupName) : row.groupName
-      ] }, `__header-${row.groupName}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        ComboboxGroupHeaderItem,
+        {
+          value: row,
+          disabled: isGroupHeaderDisabled?.(row.groupName),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              ComboboxGroupHeaderCheckbox,
+              {
+                $state: state,
+                id: `__header-${row.groupName}`
+              }
+            ),
+            renderGroupHeading ? renderGroupHeading(row.groupName) : row.groupName
+          ]
+        },
+        `__header-${row.groupName}`
+      );
     }
     if (isCreatableSentinel(row)) {
       return renderCreatableItem(row);
@@ -1988,6 +2006,7 @@ function MultiCombobox(props) {
                         inputType,
                         renderItem,
                         renderGroupHeading,
+                        isGroupHeaderDisabled,
                         renderCreatableItem: creatableProp ? (sentinel, style, index, measureRef) => renderCreatableItem(
                           sentinel,
                           style,