@servicetitan/anvil2 3.0.6 → 3.0.7

package/dist/{MultiSelectMenuSync-BNPp_2Bm.js → MultiSelectMenuSync-EKtvlL62.js}

@@ -1,11 +1,81 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useRef, useId, useMemo, useState, useCallback, useEffect } from 'react';
-import { u as useToggleSelection, M as MultiSelectOptions } from './useToggleSelection-B5PnTuT2.js';
-import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, A as AddNewItemButton, g as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-COxBIkt6.js';
-import { u as useMenuInteraction } from './useMenuInteraction-C4RU5Fdq.js';
+import { useState, useRef, useEffect, useCallback, forwardRef, useId, useMemo } from 'react';
+import { u as useBulkActionRunner, a as useToggleSelection, M as MultiSelectOptions } from './useToggleSelection-B-Z80gy2.js';
+import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, A as AddNewItemButton, g as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-BEKek64h.js';
+import { u as useMenuInteraction, M as MenuFooter } from './useMenuInteraction-CpAOHSJu.js';
+import { S as SearchField } from './SearchField-BMHJCVFu.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { S as SearchField } from './SearchField-3tUPU8hH.js';
 
+const defaultEqual = (a, b) => Object.is(a, b);
+function useConfirmationDraft({
+  value,
+  onCommit,
+  isOpen,
+  enabled,
+  isEqual = defaultEqual
+}) {
+  const [draft, setDraftState] = useState(value);
+  const prevOpenRef = useRef(false);
+  const prevValueRef = useRef(value);
+  useEffect(() => {
+    const wasOpen = prevOpenRef.current;
+    const prevValue = prevValueRef.current;
+    prevOpenRef.current = isOpen;
+    prevValueRef.current = value;
+    if (!enabled) return;
+    const justOpened = isOpen && !wasOpen;
+    const valueChangedWhileOpen = isOpen && !isEqual(prevValue, value);
+    if (justOpened || valueChangedWhileOpen) {
+      setDraftState(value);
+    }
+  }, [isOpen, enabled, value, isEqual]);
+  const setDraft = useCallback(
+    (next) => {
+      if (!enabled) {
+        onCommit(next);
+        return;
+      }
+      setDraftState(next);
+    },
+    [enabled, onCommit]
+  );
+  const apply = useCallback(() => {
+    if (!enabled) return;
+    onCommit(draft);
+  }, [enabled, onCommit, draft]);
+  const cancel = useCallback(() => {
+    if (!enabled) return;
+    setDraftState(value);
+  }, [enabled, value]);
+  const displayValue = enabled ? draft : value;
+  const isDirty = enabled && !isEqual(draft, value);
+  return { displayValue, setDraft, apply, cancel, isDirty };
+}
+
+const resolveConfirmation = (prop) => {
+  if (!prop) {
+    return { enabled: false, applyLabel: "Apply", cancelLabel: "Cancel" };
+  }
+  if (prop === true) {
+    return { enabled: true, applyLabel: "Apply", cancelLabel: "Cancel" };
+  }
+  return {
+    enabled: true,
+    applyLabel: prop.applyLabel ?? "Apply",
+    cancelLabel: prop.cancelLabel ?? "Cancel"
+  };
+};
+
+const arrayIdsEqual = (a, b) => {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of a) seen.add(item.id);
+  for (const item of b) {
+    if (!seen.has(item.id)) return false;
+  }
+  return true;
+};
 const MultiSelectMenu = forwardRef((props, ref) => {
   const triggerRef = useRef(null);
   const searchRef = useRef(null);
@@ -33,8 +103,11 @@ const MultiSelectMenu = forwardRef((props, ref) => {
     onImplicitClose,
     onExplicitClose,
     addItemLabel,
-    onAddNewItem
+    onAddNewItem,
+    confirmation: confirmationProp,
+    clear
   } = props;
+  const confirmation = resolveConfirmation(confirmationProp);
   const groupToString = "groupToString" in props ? props.groupToString : void 0;
   const groupSorter = "groupSorter" in props ? props.groupSorter : void 0;
   const autoId = useId();
@@ -66,8 +139,9 @@ const MultiSelectMenu = forwardRef((props, ref) => {
   });
   const selectAll = useMemo(
     () => selectAllProp ? {
-      label: selectAllProp.label ?? "Select All",
+      label: selectAllProp.label,
       onClick: selectAllProp.onClick,
+      compute: selectAllProp.compute,
       checkState: selectAllProp.checkState === true ? "checked" : selectAllProp.checkState === false ? "unchecked" : selectAllProp.checkState ?? "indeterminate"
     } : void 0,
     [selectAllProp]
@@ -78,11 +152,20 @@ const MultiSelectMenu = forwardRef((props, ref) => {
       return {
         label: config.label,
         onClick: config.onClick,
+        compute: config.compute,
         checkState: config.checkState === true ? "checked" : config.checkState === false ? "unchecked" : config.checkState ?? "indeterminate"
       };
     } : void 0,
     [selectFilteredProp]
   );
+  useEffect(() => {
+    if (!confirmation.enabled) return;
+    if (selectAllProp && !selectAllProp.compute) {
+      warnOnce(
+        "MultiSelectMenu: `selectAll.onClick` bypasses confirmation. Use `selectAll.compute` to integrate the bulk action with the draft."
+      );
+    }
+  }, [confirmation.enabled, selectAllProp]);
   const [inputValue, setInputValue] = useState("");
   const searchValue = disableSearch ? "" : inputValue;
   const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(
@@ -94,12 +177,49 @@ const MultiSelectMenu = forwardRef((props, ref) => {
       groupSorter
     }
   );
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    displayValue: draftSelectedOptions,
+    setDraft,
+    apply,
+    cancel
+  } = useConfirmationDraft({
+    value: selectedOptions,
+    onCommit: onSelectedOptionsChange,
+    isOpen,
+    enabled: confirmation.enabled,
+    isEqual: arrayIdsEqual
+  });
+  const {
+    pending: bulkPending,
+    runBulk,
+    setDraftAndBump,
+    reset: resetBulk
+  } = useBulkActionRunner({ setDraft });
   const { handleItemClick } = useToggleSelection({
     options,
     pinnedSections,
-    selectedOptions,
-    onSelectedOptionsChange
+    selectedOptions: draftSelectedOptions,
+    // Route per-option toggles through setDraftAndBump so that any in-flight
+    // bulk-action promise's resolution is discarded if it arrives after this
+    // click.
+    onSelectedOptionsChange: setDraftAndBump
   });
+  const runBulkAction = useCallback(
+    (config, kind) => {
+      if (config.compute) {
+        runBulk(config.compute, draftSelectedOptions);
+      } else if (config.onClick) {
+        if (confirmation.enabled && kind === "selectFiltered") {
+          warnOnce(
+            "MultiSelectMenu: `selectFiltered.onClick` bypasses confirmation. Use `selectFiltered.compute` to integrate the bulk action with the draft."
+          );
+        }
+        config.onClick();
+      }
+    },
+    [runBulk, draftSelectedOptions, confirmation.enabled]
+  );
   const bulkActionItems = useMemo(() => {
     const items2 = [];
     if (selectAll && !searchValue) {
@@ -107,7 +227,7 @@ const MultiSelectMenu = forwardRef((props, ref) => {
         id: "select-all",
         type: "select-all",
         original: { id: "select-all", label: selectAll.label ?? "Select All" },
-        checkState: selectAll.checkState
+        checkState: bulkPending ? "loading" : selectAll.checkState
       });
     }
     if (selectFiltered && searchValue && !loading) {
@@ -119,11 +239,11 @@ const MultiSelectMenu = forwardRef((props, ref) => {
           id: "select-filtered",
           label: config.label ?? "Select Filtered"
         },
-        checkState: config.checkState
+        checkState: bulkPending ? "loading" : config.checkState
       });
     }
     return items2;
-  }, [selectAll, selectFiltered, searchValue, loading]);
+  }, [selectAll, selectFiltered, searchValue, loading, bulkPending]);
   const { items, sectionsMeta } = useMemo(
     () => buildSelectItems({
       prefixItems: bulkActionItems,
@@ -134,24 +254,23 @@ const MultiSelectMenu = forwardRef((props, ref) => {
     [bulkActionItems, pinnedSections, groupSections, ungroupedItems]
   );
   const selectedItemIds = useMemo(
-    () => new Set(selectedOptions.map((o) => o.id)),
-    [selectedOptions]
+    () => new Set(draftSelectedOptions.map((o) => o.id)),
+    [draftSelectedOptions]
   );
   const handleItemActivate = useCallback(
     (item) => {
       if (item.type === "select-all") {
-        selectAll?.onClick();
+        if (selectAll) runBulkAction(selectAll, "selectAll");
       } else if (item.type === "select-filtered" && selectFiltered) {
-        const config = selectFiltered(searchValue);
-        config.onClick();
+        runBulkAction(selectFiltered(searchValue), "selectFiltered");
       } else if (item.type === "option" || item.type === "pinned-option" || item.type === "grouped-option") {
         handleItemClick(item.original);
       }
     },
-    [selectAll, selectFiltered, searchValue, handleItemClick]
+    [selectAll, selectFiltered, searchValue, handleItemClick, runBulkAction]
   );
+  const pendingApplyRef = useRef(false);
   const {
-    isOpen,
     closeMenu,
     highlightedIndex,
     getTriggerProps,
@@ -167,11 +286,25 @@ const MultiSelectMenu = forwardRef((props, ref) => {
     selectedItemIds,
     displayAs,
     closeOnActivate: false,
+    // While a bulk-action promise is pending, disable all rows.
+    disabled: bulkPending,
     id,
     triggerRef,
     label,
-    onImplicitClose,
-    onExplicitClose
+    isOpen,
+    setIsOpen,
+    onImplicitClose: () => {
+      if (confirmation.enabled && !pendingApplyRef.current) cancel();
+      pendingApplyRef.current = false;
+      resetBulk();
+      onImplicitClose?.();
+    },
+    onExplicitClose: () => {
+      if (confirmation.enabled && !pendingApplyRef.current) cancel();
+      pendingApplyRef.current = false;
+      resetBulk();
+      onExplicitClose?.();
+    }
   });
   const debouncedOptionLoader = useDebouncedCallback((value) => {
     loadOptions(value, { initial: true });
@@ -262,6 +395,14 @@ const MultiSelectMenu = forwardRef((props, ref) => {
     debouncedOptionLoader("");
     onSearchChange?.("");
   }, [debouncedOptionLoader, onSearchChange]);
+  const handleApply = useCallback(() => {
+    apply();
+    pendingApplyRef.current = true;
+    closeMenu();
+  }, [apply, closeMenu]);
+  const handleCancel = useCallback(() => {
+    closeMenu();
+  }, [closeMenu]);
   const searchInput = !disableSearch ? /* @__PURE__ */ jsx(
     SearchField,
     {
@@ -282,9 +423,35 @@ const MultiSelectMenu = forwardRef((props, ref) => {
       searchText: inputValue,
       addItemLabel,
       onAddNewItem,
-      onCloseMenu: () => closeMenu({ restoreFocus: false })
+      onCloseMenu: () => {
+        pendingApplyRef.current = true;
+        closeMenu({ restoreFocus: false });
+      }
     }
   ) : null;
+  const confirmationConfig = confirmation.enabled ? {
+    applyLabel: confirmation.applyLabel,
+    cancelLabel: confirmation.cancelLabel,
+    onApply: handleApply,
+    onCancel: handleCancel
+  } : void 0;
+  const wrappedClear = clear ? {
+    ...clear,
+    onClick: () => {
+      clear.onClick();
+      if (confirmation.enabled) pendingApplyRef.current = true;
+      closeMenu();
+    }
+  } : void 0;
+  const hasFooter = !!wrappedClear || !!confirmationConfig || !!addNewItemButton;
+  const footer = hasFooter ? /* @__PURE__ */ jsx(
+    MenuFooter,
+    {
+      clear: wrappedClear,
+      confirmation: confirmationConfig,
+      addNew: addNewItemButton
+    }
+  ) : void 0;
   if (displayAs === "dialog") {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       trigger(triggerProps),
@@ -296,7 +463,7 @@ const MultiSelectMenu = forwardRef((props, ref) => {
           onClose: closeMenu,
           title: label,
           field: searchInput ?? void 0,
-          footer: addNewItemButton ?? void 0,
+          footer: footer ?? void 0,
           initialFocusResolver: !disableSearch ? (elements) => elements.find((el) => el.tagName === "INPUT") || elements[0] : void 0,
           children: /* @__PURE__ */ jsx(
             MultiSelectOptions,
@@ -314,7 +481,7 @@ const MultiSelectMenu = forwardRef((props, ref) => {
               },
               getItemProps,
               highlightedIndex,
-              selectedOptions,
+              selectedOptions: draftSelectedOptions,
               hasMore,
               onLoadMore: handleLoadMore,
               loading,
@@ -336,7 +503,7 @@ const MultiSelectMenu = forwardRef((props, ref) => {
         open: isOpen && displayAs === "popover",
         onClose: handleClickOutside,
         width: popoverWidth ?? 320,
-        footer: addNewItemButton ?? void 0,
+        footer: footer ?? void 0,
         children: [
           searchInput,
           /* @__PURE__ */ jsx(
@@ -355,7 +522,7 @@ const MultiSelectMenu = forwardRef((props, ref) => {
               },
               getItemProps,
               highlightedIndex,
-              selectedOptions,
+              selectedOptions: draftSelectedOptions,
               hasMore,
               onLoadMore: handleLoadMore,
               loading,
@@ -391,19 +558,21 @@ const MultiSelectMenuSync = (props) => {
     const labelProp = typeof selectAllProp === "object" ? selectAllProp.label : void 0;
     const label = typeof labelProp === "function" ? labelProp(allSelected) : labelProp;
     const checkState = allSelected ? "checked" : selectedCount > 0 ? "indeterminate" : "unchecked";
-    const handleClick = () => {
-      if (allSelected) {
-        onSelectedOptionsChange([]);
-      } else {
-        onSelectedOptionsChange(enabledOptions);
+    const compute = (current) => {
+      const currentIds = new Set(current.map((v) => v.id));
+      const allEnabledSelected = enabledOptions.length > 0 && enabledOptions.every((o) => currentIds.has(o.id));
+      if (allEnabledSelected) {
+        return current.filter((v) => !enabledIds.has(v.id));
       }
+      const additions = enabledOptions.filter((o) => !currentIds.has(o.id));
+      return [...current, ...additions];
     };
     return {
       label,
-      onClick: handleClick,
+      compute,
       checkState
     };
-  }, [selectAllProp, options, value, onSelectedOptionsChange]);
+  }, [selectAllProp, options, value]);
   const selectFilteredConfig = useMemo(() => {
     if (!selectFilteredProp) return void 0;
     return (searchValue) => {
@@ -411,6 +580,9 @@ const MultiSelectMenuSync = (props) => {
       const enabledFilteredOptions = filteredOptions.filter(
         (opt) => !opt.disabled
       );
+      const enabledFilteredIds = new Set(
+        enabledFilteredOptions.map((o) => o.id)
+      );
       const selectedIds = new Set(value.map((v) => v.id));
       const allFilteredSelected = enabledFilteredOptions.length > 0 && enabledFilteredOptions.every((opt) => selectedIds.has(opt.id));
       const someFilteredSelected = enabledFilteredOptions.some(
@@ -418,25 +590,24 @@ const MultiSelectMenuSync = (props) => {
       );
       const label = typeof selectFilteredProp === "function" ? selectFilteredProp(searchValue).label : void 0;
       const checkState = allFilteredSelected ? "checked" : someFilteredSelected ? "indeterminate" : "unchecked";
-      const handleClick = () => {
-        if (allFilteredSelected) {
-          const filteredIds = new Set(enabledFilteredOptions.map((o) => o.id));
-          onSelectedOptionsChange(value.filter((v) => !filteredIds.has(v.id)));
-        } else {
-          const currentIds = new Set(value.map((v) => v.id));
-          const newSelections = enabledFilteredOptions.filter(
-            (opt) => !currentIds.has(opt.id)
-          );
-          onSelectedOptionsChange([...value, ...newSelections]);
+      const compute = (current) => {
+        const currentIds = new Set(current.map((v) => v.id));
+        const allEnabledFilteredSelected = enabledFilteredOptions.length > 0 && enabledFilteredOptions.every((o) => currentIds.has(o.id));
+        if (allEnabledFilteredSelected) {
+          return current.filter((v) => !enabledFilteredIds.has(v.id));
         }
+        const additions = enabledFilteredOptions.filter(
+          (o) => !currentIds.has(o.id)
+        );
+        return [...current, ...additions];
       };
       return {
         label,
-        onClick: handleClick,
+        compute,
         checkState
       };
     };
-  }, [selectFilteredProp, options, value, onSelectedOptionsChange, filter]);
+  }, [selectFilteredProp, options, value, filter]);
   const fieldRef = useRef(null);
   const prevOptionsRef = useRef(options);
   useEffect(() => {
@@ -461,5 +632,5 @@ const MultiSelectMenuSync = (props) => {
   );
 };
 
-export { MultiSelectMenu as M, MultiSelectMenuSync as a };
-//# sourceMappingURL=MultiSelectMenuSync-BNPp_2Bm.js.map
+export { MultiSelectMenu as M, MultiSelectMenuSync as a, useConfirmationDraft as u };
+//# sourceMappingURL=MultiSelectMenuSync-EKtvlL62.js.map

package/dist/MultiSelectMenuSync-EKtvlL62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectMenuSync-EKtvlL62.js","sources":["../src/internal/hooks/useConfirmationDraft.ts","../src/internal/types/confirmationTypes.ts","../src/beta/components/MultiSelectMenu/MultiSelectMenu.tsx","../src/beta/components/MultiSelectMenu/MultiSelectMenuSync.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport type UseConfirmationDraftOptions<T> = {\n  value: T;\n  onCommit: (value: T) => void;\n  isOpen: boolean;\n  enabled: boolean;\n  isEqual?: (a: T, b: T) => boolean;\n};\n\nexport type UseConfirmationDraftResult<T> = {\n  displayValue: T;\n  setDraft: (next: T) => void;\n  apply: () => void;\n  cancel: () => void;\n  isDirty: boolean;\n};\n\nconst defaultEqual = <T>(a: T, b: T) => Object.is(a, b);\n\n/**\n * Holds a draft copy of a controlled value while a menu is open, so that\n * selections can be confirmed (`apply`) or discarded (`cancel`). When\n * `enabled` is false, `setDraft` passes through directly to `onCommit` and\n * `displayValue` always reflects the controlled `value`.\n */\nexport function useConfirmationDraft<T>({\n  value,\n  onCommit,\n  isOpen,\n  enabled,\n  isEqual = defaultEqual,\n}: UseConfirmationDraftOptions<T>): UseConfirmationDraftResult<T> {\n  const [draft, setDraftState] = useState<T>(value);\n  const prevOpenRef = useRef(false);\n  const prevValueRef = useRef(value);\n\n  useEffect(() => {\n    const wasOpen = prevOpenRef.current;\n    const prevValue = prevValueRef.current;\n    prevOpenRef.current = isOpen;\n    prevValueRef.current = value;\n\n    if (!enabled) return;\n\n    const justOpened = isOpen && !wasOpen;\n    const valueChangedWhileOpen = isOpen && !isEqual(prevValue, value);\n\n    if (justOpened || valueChangedWhileOpen) {\n      setDraftState(value);\n    }\n  }, [isOpen, enabled, value, isEqual]);\n\n  const setDraft = useCallback(\n    (next: T) => {\n      if (!enabled) {\n        onCommit(next);\n        return;\n      }\n      setDraftState(next);\n    },\n    [enabled, onCommit],\n  );\n\n  const apply = useCallback(() => {\n    if (!enabled) return;\n    onCommit(draft);\n  }, [enabled, onCommit, draft]);\n\n  const cancel = useCallback(() => {\n    if (!enabled) return;\n    setDraftState(value);\n  }, [enabled, value]);\n\n  const displayValue = enabled ? draft : value;\n  const isDirty = enabled && !isEqual(draft, value);\n\n  return { displayValue, setDraft, apply, cancel, isDirty };\n}\n","/**\n * Opt-in confirmation mode for Select* and MultiSelect* components.\n *\n * When set, selection changes are held as a draft inside the open menu and\n * only commit to the controlled `value` when the user clicks Apply. Dismissing\n * the menu (Escape, click outside, toggling the trigger) discards the draft.\n *\n * `true` enables the default Apply/Cancel labels. Pass an object to customize.\n */\nexport type ConfirmationProp =\n  | boolean\n  | {\n      applyLabel?: string;\n      cancelLabel?: string;\n    };\n\nexport type ResolvedConfirmation = {\n  enabled: boolean;\n  applyLabel: string;\n  cancelLabel: string;\n};\n\nexport const resolveConfirmation = (\n  prop: ConfirmationProp | undefined,\n): ResolvedConfirmation => {\n  if (!prop) {\n    return { enabled: false, applyLabel: \"Apply\", cancelLabel: \"Cancel\" };\n  }\n  if (prop === true) {\n    return { enabled: true, applyLabel: \"Apply\", cancelLabel: \"Cancel\" };\n  }\n  return {\n    enabled: true,\n    applyLabel: prop.applyLabel ?? \"Apply\",\n    cancelLabel: prop.cancelLabel ?? \"Cancel\",\n  };\n};\n","import {\n  MultiSelectMenuHandle,\n  MultiSelectMenuOption,\n  MultiSelectMenuProps,\n} from \"./types\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { warnOnce } from \"../../../internal/functions\";\nimport { CheckState } from \"../../../types\";\nimport { MultiSelectOptions } from \"../../../internal/components/MultiSelectOptions\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { AddNewItemButton } from \"../../../internal/components/AddNewItemButton\";\nimport { MenuFooter } from \"../../../internal/components/MenuFooter/MenuFooter\";\nimport { useProcessedOptions } from \"../../../internal/hooks/useProcessedOptions\";\nimport { buildSelectItems } from \"../../../internal/functions/buildSelectItems\";\nimport { useMenuInteraction } from \"../SelectMenu/internal/useMenuInteraction\";\nimport { useToggleSelection } from \"../../../internal/hooks/useToggleSelection\";\nimport { SelectItem } from \"../../../internal/types/selectFieldInternalTypes\";\nimport { useSelectOrchestration } from \"../../../internal/hooks/useSelectOrchestration\";\nimport { useConfirmationDraft } from \"../../../internal/hooks/useConfirmationDraft\";\nimport { useBulkActionRunner } from \"../../../internal/hooks/useBulkActionRunner\";\nimport { resolveConfirmation } from \"../../../internal/types/confirmationTypes\";\nimport { SearchField } from \"../../../components\";\n\nconst arrayIdsEqual = <T extends { id: string | number }>(\n  a: T[],\n  b: T[],\n): boolean => {\n  if (a === b) return true;\n  if (a.length !== b.length) return false;\n  const seen = new Set<string | number>();\n  for (const item of a) seen.add(item.id);\n  for (const item of b) {\n    if (!seen.has(item.id)) return false;\n  }\n  return true;\n};\n\n/**\n * MultiSelectMenu component for selecting multiple options from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Multiple selection with checkbox indicators\n * - Optional search input rendered inside the popover/dialog\n * - Lazy loading with pagination (page, offset, or group modes)\n * - Optional \"Select All\" functionality\n * - Optional \"Select Filtered\" functionality\n * - Pinned options support\n * - Grouped options support\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Cache support for loadOptions results\n * - Full accessibility support with ARIA attributes\n * - Controlled selection state\n * - Configurable popover width\n * - Optional \"Add new item\" affordance below the option list with consumer-owned dialog\n * - Optional confirmation mode that buffers selection until Apply is clicked\n *\n * @example\n * <MultiSelectMenu\n *   trigger={(props) => <Button {...props}>Select books</Button>}\n *   label=\"Books\"\n *   value={selectedOptions}\n *   onSelectedOptionsChange={setSelectedOptions}\n *   loadOptions={loadOptions}\n * />\n */\nexport const MultiSelectMenu = forwardRef<\n  MultiSelectMenuHandle,\n  MultiSelectMenuProps\n>((props, ref) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n\n  const {\n    id: idProp,\n    value: selectedOptions,\n    initialLoad: initialLoadProp,\n    displayMenuAs: displayMenuAsProp,\n    lazy,\n    loadOptions: loadOptionsProp,\n    label,\n    searchPlaceholder,\n    debounceMs = 200,\n    onSelectedOptionsChange,\n    cache,\n    pinned,\n    selectAll: selectAllProp,\n    selectFiltered: selectFilteredProp,\n    virtualize,\n    disableSearch,\n    popoverWidth,\n    trigger,\n    onSearchChange,\n    onMenuKeyDown,\n    onImplicitClose,\n    onExplicitClose,\n    addItemLabel,\n    onAddNewItem,\n    confirmation: confirmationProp,\n    clear,\n  } = props;\n\n  const confirmation = resolveConfirmation(confirmationProp);\n\n  const groupToString =\n    \"groupToString\" in props ? props.groupToString : undefined;\n  const groupSorter = \"groupSorter\" in props ? props.groupSorter : undefined;\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n\n  if (disableSearch && selectFilteredProp) {\n    warnOnce(\n      \"MultiSelectMenu: `selectFiltered` has no effect when `disableSearch` is true because there is no search input to produce filtered results.\",\n    );\n  }\n\n  const {\n    displayAs,\n    initialLoad,\n    initialLoadPerformed,\n    setInitialLoadPerformed,\n    options,\n    loading,\n    loadingMore,\n    hasMore,\n    loadOptions,\n    loadMore,\n  } = useSelectOrchestration({\n    lazy,\n    loadOptions: loadOptionsProp,\n    cache,\n    lazyOptions: \"lazyOptions\" in props ? props.lazyOptions : undefined,\n    initialLoad: initialLoadProp,\n    displayMenuAs: displayMenuAsProp,\n    ref,\n  });\n\n  const selectAll = useMemo(\n    () =>\n      selectAllProp\n        ? {\n            label: selectAllProp.label,\n            onClick: selectAllProp.onClick,\n            compute: selectAllProp.compute,\n            checkState: (selectAllProp.checkState === true\n              ? \"checked\"\n              : selectAllProp.checkState === false\n                ? \"unchecked\"\n                : (selectAllProp.checkState ?? \"indeterminate\")) as CheckState,\n          }\n        : undefined,\n    [selectAllProp],\n  );\n\n  const selectFiltered = useMemo(\n    () =>\n      selectFilteredProp\n        ? (searchValue: string) => {\n            const config = selectFilteredProp(searchValue);\n            return {\n              label: config.label,\n              onClick: config.onClick,\n              compute: config.compute,\n              checkState: (config.checkState === true\n                ? \"checked\"\n                : config.checkState === false\n                  ? \"unchecked\"\n                  : (config.checkState ?? \"indeterminate\")) as CheckState,\n            };\n          }\n        : undefined,\n    [selectFilteredProp],\n  );\n\n  // Warn once if `selectAll` is configured with `onClick` while confirmation is\n  // enabled — that combination bypasses the draft. `selectFiltered` is a\n  // function whose returned shape is only known at activation, so its warning\n  // lives at the call site (runBulkAction).\n  useEffect(() => {\n    if (!confirmation.enabled) return;\n    if (selectAllProp && !selectAllProp.compute) {\n      warnOnce(\n        \"MultiSelectMenu: `selectAll.onClick` bypasses confirmation. \" +\n          \"Use `selectAll.compute` to integrate the bulk action with the draft.\",\n      );\n    }\n  }, [confirmation.enabled, selectAllProp]);\n\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const searchValue = disableSearch ? \"\" : inputValue;\n\n  const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(\n    {\n      options,\n      pinned,\n      searchValue,\n      groupToString,\n      groupSorter,\n    },\n  );\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const {\n    displayValue: draftSelectedOptions,\n    setDraft,\n    apply,\n    cancel,\n  } = useConfirmationDraft({\n    value: selectedOptions,\n    onCommit: onSelectedOptionsChange,\n    isOpen,\n    enabled: confirmation.enabled,\n    isEqual: arrayIdsEqual,\n  });\n\n  const {\n    pending: bulkPending,\n    runBulk,\n    setDraftAndBump,\n    reset: resetBulk,\n  } = useBulkActionRunner<MultiSelectMenuOption>({ setDraft });\n\n  const { handleItemClick } = useToggleSelection({\n    options,\n    pinnedSections,\n    selectedOptions: draftSelectedOptions,\n    // Route per-option toggles through setDraftAndBump so that any in-flight\n    // bulk-action promise's resolution is discarded if it arrives after this\n    // click.\n    onSelectedOptionsChange: setDraftAndBump,\n  });\n\n  // Run a bulk action against the current draft. If the config provides a\n  // `compute` function we run it through the runner (which writes to the\n  // draft, supports promises, and discards stale resolutions). If only\n  // `onClick` is provided, fire it as-is — the consumer owns the commit.\n  const runBulkAction = useCallback(\n    (\n      config: {\n        onClick?: () => void;\n        compute?: (\n          current: MultiSelectMenuOption[],\n        ) => MultiSelectMenuOption[] | Promise<MultiSelectMenuOption[]>;\n      },\n      kind: \"selectAll\" | \"selectFiltered\",\n    ) => {\n      if (config.compute) {\n        runBulk(config.compute, draftSelectedOptions);\n      } else if (config.onClick) {\n        if (confirmation.enabled && kind === \"selectFiltered\") {\n          warnOnce(\n            \"MultiSelectMenu: `selectFiltered.onClick` bypasses confirmation. \" +\n              \"Use `selectFiltered.compute` to integrate the bulk action with the draft.\",\n          );\n        }\n        config.onClick();\n      }\n    },\n    [runBulk, draftSelectedOptions, confirmation.enabled],\n  );\n\n  const bulkActionItems = useMemo(() => {\n    const items: SelectItem[] = [];\n    if (selectAll && !searchValue) {\n      items.push({\n        id: \"select-all\",\n        type: \"select-all\",\n        original: { id: \"select-all\", label: selectAll.label ?? \"Select All\" },\n        checkState: bulkPending ? \"loading\" : selectAll.checkState,\n      });\n    }\n    if (selectFiltered && searchValue && !loading) {\n      const config = selectFiltered(searchValue);\n      items.push({\n        id: \"select-filtered\",\n        type: \"select-filtered\",\n        original: {\n          id: \"select-filtered\",\n          label: config.label ?? \"Select Filtered\",\n        },\n        checkState: bulkPending ? \"loading\" : config.checkState,\n      });\n    }\n    return items;\n  }, [selectAll, selectFiltered, searchValue, loading, bulkPending]);\n\n  const { items, sectionsMeta } = useMemo(\n    () =>\n      buildSelectItems({\n        prefixItems: bulkActionItems,\n        pinnedSections,\n        groupSections,\n        ungroupedItems,\n      }),\n    [bulkActionItems, pinnedSections, groupSections, ungroupedItems],\n  );\n\n  const selectedItemIds = useMemo(\n    () => new Set(draftSelectedOptions.map((o) => o.id)),\n    [draftSelectedOptions],\n  );\n\n  const handleItemActivate = useCallback(\n    (item: SelectItem) => {\n      if (item.type === \"select-all\") {\n        if (selectAll) runBulkAction(selectAll, \"selectAll\");\n      } else if (item.type === \"select-filtered\" && selectFiltered) {\n        runBulkAction(selectFiltered(searchValue), \"selectFiltered\");\n      } else if (\n        item.type === \"option\" ||\n        item.type === \"pinned-option\" ||\n        item.type === \"grouped-option\"\n      ) {\n        handleItemClick(item.original);\n      }\n    },\n    [selectAll, selectFiltered, searchValue, handleItemClick, runBulkAction],\n  );\n\n  const pendingApplyRef = useRef(false);\n\n  const {\n    closeMenu,\n    highlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n    listRef,\n    menuContainerRef,\n    handleKeyDown,\n  } = useMenuInteraction({\n    items: items,\n    sectionsMeta,\n    onItemActivate: handleItemActivate,\n    selectedItemIds,\n    displayAs,\n    closeOnActivate: false,\n    // While a bulk-action promise is pending, disable all rows.\n    disabled: bulkPending,\n    id,\n    triggerRef,\n    label,\n    isOpen,\n    setIsOpen,\n    onImplicitClose: () => {\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n      resetBulk();\n      onImplicitClose?.();\n    },\n    onExplicitClose: () => {\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n      resetBulk();\n      onExplicitClose?.();\n    },\n  });\n\n  const debouncedOptionLoader = useDebouncedCallback((value: string) => {\n    loadOptions(value, { initial: true });\n  }, debounceMs);\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      setInputValue(value);\n      debouncedOptionLoader(value);\n      onSearchChange?.(value);\n    },\n    [debouncedOptionLoader, onSearchChange],\n  );\n\n  const handleInputKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      onMenuKeyDown?.(e);\n      handleKeyDown(e);\n    },\n    [handleKeyDown, onMenuKeyDown],\n  );\n\n  const getMenuPropsWithKeyDown: typeof getMenuProps = useCallback(\n    (opts) => {\n      const menuProps = getMenuProps(opts);\n      if (!onMenuKeyDown) return menuProps;\n      return {\n        ...menuProps,\n        onKeyDown: (e: KeyboardEvent) => {\n          onMenuKeyDown(e);\n          menuProps.onKeyDown(e);\n        },\n      };\n    },\n    [getMenuProps, onMenuKeyDown],\n  );\n\n  useEffect(() => {\n    const performInitialLoad = async () => {\n      if (initialLoad === \"immediate\" && !initialLoadPerformed) {\n        await loadOptions(\"\", { initial: true });\n        setInitialLoadPerformed(true);\n      }\n    };\n    performInitialLoad();\n  }, [loadOptions, initialLoadPerformed, initialLoad, setInitialLoadPerformed]);\n\n  const prevIsOpenRef = useRef(false);\n  useEffect(() => {\n    const wasOpen = prevIsOpenRef.current;\n    prevIsOpenRef.current = isOpen;\n\n    if (isOpen && !wasOpen) {\n      if (initialLoad === \"open\" && !initialLoadPerformed) {\n        loadOptions(\"\", { initial: true }).then(() => {\n          setInitialLoadPerformed(true);\n        });\n      }\n    }\n\n    if (!isOpen && wasOpen) {\n      setInputValue(\"\");\n      loadOptions(\"\", { initial: true });\n    }\n  }, [\n    isOpen,\n    initialLoad,\n    initialLoadPerformed,\n    loadOptions,\n    setInitialLoadPerformed,\n  ]);\n\n  useEffect(() => {\n    if (!isOpen || displayAs !== \"popover\") return;\n\n    const frameId = requestAnimationFrame(() => {\n      if (!disableSearch) {\n        searchRef.current?.focus();\n      } else {\n        menuContainerRef.current?.focus();\n      }\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [isOpen, displayAs, disableSearch, menuContainerRef]);\n\n  const handleLoadMore = async () => {\n    await loadMore(searchValue);\n  };\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const triggerProps = getTriggerProps();\n\n  const menuPropsForAria = getMenuProps();\n  const activeDescendant = menuPropsForAria[\"aria-activedescendant\"];\n\n  const handleSearchClear = useCallback(() => {\n    setInputValue(\"\");\n    debouncedOptionLoader(\"\");\n    onSearchChange?.(\"\");\n  }, [debouncedOptionLoader, onSearchChange]);\n\n  const handleApply = useCallback(() => {\n    apply();\n    pendingApplyRef.current = true;\n    closeMenu();\n  }, [apply, closeMenu]);\n\n  const handleCancel = useCallback(() => {\n    closeMenu();\n  }, [closeMenu]);\n\n  const searchInput = !disableSearch ? (\n    <SearchField\n      ref={searchRef}\n      value={inputValue}\n      onChange={handleInputChange as React.ChangeEventHandler<HTMLInputElement>}\n      onKeyDown={\n        handleInputKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n      }\n      onClear={handleSearchClear}\n      aria-activedescendant={activeDescendant}\n      aria-controls={menuPropsForAria.id}\n      placeholder={searchPlaceholder}\n      type=\"search\"\n    />\n  ) : null;\n\n  const addNewItemButton = onAddNewItem ? (\n    <AddNewItemButton\n      searchText={inputValue}\n      addItemLabel={addItemLabel}\n      onAddNewItem={onAddNewItem}\n      onCloseMenu={() => {\n        pendingApplyRef.current = true;\n        closeMenu({ restoreFocus: false });\n      }}\n    />\n  ) : null;\n\n  const confirmationConfig = confirmation.enabled\n    ? {\n        applyLabel: confirmation.applyLabel,\n        cancelLabel: confirmation.cancelLabel,\n        onApply: handleApply,\n        onCancel: handleCancel,\n      }\n    : undefined;\n  // Wrap clear's onClick so clicking Clear always also closes the menu and\n  // returns focus to the trigger. In confirmation mode, flag the close as an\n  // intentional commit so the implicit-close handler doesn't treat it as a\n  // cancel.\n  const wrappedClear = clear\n    ? {\n        ...clear,\n        onClick: () => {\n          clear.onClick();\n          if (confirmation.enabled) pendingApplyRef.current = true;\n          closeMenu();\n        },\n      }\n    : undefined;\n  // Only render a footer when at least one slot has content; passing an empty\n  // <MenuFooter/> would still draw the popover/dialog footer divider.\n  const hasFooter =\n    !!wrappedClear || !!confirmationConfig || !!addNewItemButton;\n  const footer = hasFooter ? (\n    <MenuFooter\n      clear={wrappedClear}\n      confirmation={confirmationConfig}\n      addNew={addNewItemButton}\n    />\n  ) : undefined;\n\n  if (displayAs === \"dialog\") {\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={closeMenu}\n          title={label}\n          field={searchInput ?? undefined}\n          footer={footer ?? undefined}\n          initialFocusResolver={\n            !disableSearch\n              ? (elements) =>\n                  elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n              : undefined\n          }\n        >\n          <MultiSelectOptions\n            ref={listRef}\n            isOpen\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={(opts) => {\n              const menuProps = getMenuPropsWithKeyDown(opts);\n              if (disableSearch) {\n                return menuProps;\n              }\n              return { ...menuProps, tabIndex: -1 };\n            }}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOptions={draftSelectedOptions}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            virtualize={virtualize}\n          />\n        </OptionsDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger(triggerProps)}\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={triggerRef}\n        open={isOpen && displayAs === \"popover\"}\n        onClose={handleClickOutside}\n        width={popoverWidth ?? 320}\n        footer={footer ?? undefined}\n      >\n        {searchInput}\n        <MultiSelectOptions\n          ref={listRef}\n          isOpen={isOpen}\n          items={items}\n          sectionsMeta={sectionsMeta}\n          getMenuProps={(opts) => {\n            const menuProps = getMenuPropsWithKeyDown(opts);\n            if (disableSearch) {\n              return menuProps;\n            }\n            return { ...menuProps, tabIndex: -1 };\n          }}\n          getItemProps={getItemProps}\n          highlightedIndex={highlightedIndex}\n          selectedOptions={draftSelectedOptions}\n          hasMore={hasMore}\n          onLoadMore={handleLoadMore}\n          loading={loading}\n          loadingMore={loadingMore}\n          virtualize={virtualize}\n        />\n      </OptionsPopover>\n    </>\n  );\n});\n\nMultiSelectMenu.displayName = \"MultiSelectMenu\";\n","import { useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { MultiSelectMenu } from \"./MultiSelectMenu\";\nimport {\n  MultiSelectMenuHandle,\n  MultiSelectMenuProps,\n  MultiSelectMenuOption,\n} from \"./types\";\nimport { CheckState } from \"../../../types\";\nimport {\n  SyncFilterFn,\n  defaultSyncFilter,\n  toSyncFilterFn,\n} from \"../../../internal/functions/syncFilterUtils\";\n\nexport type MultiSelectMenuSyncProps = Omit<\n  MultiSelectMenuProps,\n  | \"loadOptions\"\n  | \"lazy\"\n  | \"debounceMs\"\n  | \"cache\"\n  | \"initialLoad\"\n  | \"selectAll\"\n  | \"selectFiltered\"\n> & {\n  /**\n   * The options to display in the multi-select menu.\n   */\n  options: MultiSelectMenuOption[];\n  /**\n   * Controls how options are filtered and sorted when the user types a search value.\n   * Can be a function that returns options in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, options are filtered by `label` and `searchText` using match-sorter.\n   */\n  filter?:\n    | SyncFilterFn<MultiSelectMenuOption>\n    | MatchSorterOptions<MultiSelectMenuOption>;\n  /**\n   * Enables the \"Select All\" option at the top of the list.\n   * Can be a boolean to enable with default label, or an object to customize the label.\n   * Click handling and check state are managed automatically.\n   */\n  selectAll?: boolean | { label?: string | ((checked: boolean) => string) };\n  /**\n   * Enables the \"Select Filtered\" option when a search term is active.\n   * Can be a boolean to enable with default label, or a function returning a config with a custom label.\n   * Click handling and check state are managed automatically.\n   */\n  selectFiltered?: boolean | ((searchValue: string) => { label?: string });\n};\n\n/**\n * MultiSelectMenuSync is a simplified version of MultiSelectMenu for client-side option sets.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`\n * - Performs client-side filtering of the options\n * - Simplified `selectAll` prop that automatically handles click and check state\n * - Simplified `selectFiltered` prop that automatically selects/deselects filtered options\n * - Supports all other props of MultiSelectMenu\n *\n * @example\n * <MultiSelectMenuSync\n *   trigger={(props) => <Button {...props}>Pick books</Button>}\n *   label=\"Books\"\n *   options={bookOptions}\n *   value={selectedOptions}\n *   onSelectedOptionsChange={setSelectedOptions}\n *   selectAll\n * />\n */\nexport const MultiSelectMenuSync = (props: MultiSelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultSyncFilter,\n    selectAll: selectAllProp,\n    selectFiltered: selectFilteredProp,\n    value,\n    onSelectedOptionsChange,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);\n\n  const selectAllConfig = useMemo(() => {\n    if (!selectAllProp) return undefined;\n\n    const enabledOptions = options.filter((opt) => !opt.disabled);\n    const enabledIds = new Set(enabledOptions.map((opt) => opt.id));\n    const selectedCount = value.filter((v) => enabledIds.has(v.id)).length;\n    const totalCount = enabledOptions.length;\n    const allSelected = selectedCount === totalCount;\n\n    const labelProp =\n      typeof selectAllProp === \"object\" ? selectAllProp.label : undefined;\n    const label =\n      typeof labelProp === \"function\" ? labelProp(allSelected) : labelProp;\n\n    const checkState: CheckState = allSelected\n      ? \"checked\"\n      : selectedCount > 0\n        ? \"indeterminate\"\n        : \"unchecked\";\n\n    // `compute` receives the current draft (or value when confirmation is off)\n    // and returns the next selection. The menu writes the result into the\n    // draft, so the bulk action participates in confirmation correctly.\n    const compute = (current: MultiSelectMenuOption[]) => {\n      const currentIds = new Set(current.map((v) => v.id));\n      const allEnabledSelected =\n        enabledOptions.length > 0 &&\n        enabledOptions.every((o) => currentIds.has(o.id));\n      if (allEnabledSelected) {\n        return current.filter((v) => !enabledIds.has(v.id));\n      }\n      const additions = enabledOptions.filter((o) => !currentIds.has(o.id));\n      return [...current, ...additions];\n    };\n\n    return {\n      label,\n      compute,\n      checkState,\n    };\n  }, [selectAllProp, options, value]);\n\n  const selectFilteredConfig = useMemo(() => {\n    if (!selectFilteredProp) return undefined;\n\n    return (searchValue: string) => {\n      const filteredOptions = filter(options, searchValue);\n      const enabledFilteredOptions = filteredOptions.filter(\n        (opt) => !opt.disabled,\n      );\n      const enabledFilteredIds = new Set(\n        enabledFilteredOptions.map((o) => o.id),\n      );\n      const selectedIds = new Set(value.map((v) => v.id));\n      const allFilteredSelected =\n        enabledFilteredOptions.length > 0 &&\n        enabledFilteredOptions.every((opt) => selectedIds.has(opt.id));\n      const someFilteredSelected = enabledFilteredOptions.some((opt) =>\n        selectedIds.has(opt.id),\n      );\n\n      const label =\n        typeof selectFilteredProp === \"function\"\n          ? selectFilteredProp(searchValue).label\n          : undefined;\n\n      const checkState: CheckState = allFilteredSelected\n        ? \"checked\"\n        : someFilteredSelected\n          ? \"indeterminate\"\n          : \"unchecked\";\n\n      const compute = (current: MultiSelectMenuOption[]) => {\n        const currentIds = new Set(current.map((v) => v.id));\n        const allEnabledFilteredSelected =\n          enabledFilteredOptions.length > 0 &&\n          enabledFilteredOptions.every((o) => currentIds.has(o.id));\n        if (allEnabledFilteredSelected) {\n          return current.filter((v) => !enabledFilteredIds.has(v.id));\n        }\n        const additions = enabledFilteredOptions.filter(\n          (o) => !currentIds.has(o.id),\n        );\n        return [...current, ...additions];\n      };\n\n      return {\n        label,\n        compute,\n        checkState,\n      };\n    };\n  }, [selectFilteredProp, options, value, filter]);\n\n  const fieldRef = useRef<MultiSelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      fieldRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <MultiSelectMenu\n      ref={fieldRef}\n      lazy={false}\n      loadOptions={(searchValue) => filter(options, searchValue)}\n      debounceMs={0}\n      value={value}\n      onSelectedOptionsChange={onSelectedOptionsChange}\n      selectAll={selectAllConfig}\n      selectFiltered={selectFilteredConfig}\n      {...rest}\n    />\n  );\n};\n"],"names":["searchValue","items"],"mappings":"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"}

package/dist/{Page-SBy27-Wv.js → Page-C2_Hm27h.js}

@@ -25,7 +25,7 @@ import { T as TextField } from './TextField-WTYZJlX3.js';
 import { T as Text } from './Text-BTzgTpqu.js';
 import { C as Chip } from './Chip-D2k5X_wX.js';
 import { createPortal } from 'react-dom';
-import { D as Dialog } from './Dialog-CD-SDfPT.js';
+import { D as Dialog } from './Dialog-CvYSMvfD.js';
 import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-D1Bf9_yP.js';
 import { u as useDrillDownContextState } from './useInitialFocus-BUxEDMEG.js';
 import { u as useDrillDownContext } from './useDrillDownContext-iUvoTget.js';
@@ -860,4 +860,4 @@ const Page = Object.assign(
 Page.displayName = "Page";
 
 export { Page as P };
-//# sourceMappingURL=Page-SBy27-Wv.js.map
+//# sourceMappingURL=Page-C2_Hm27h.js.map