@servicetitan/anvil2 3.0.3 → 3.0.4

package/dist/MultiSelectMenuSync-CCINebbr.js

@@ -0,0 +1,452 @@
+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-VwlBkdZo.js';
+import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, g as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-hlw11Ud8.js';
+import { u as useMenuInteraction } from './useMenuInteraction-BwZ2ORo9.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { S as SearchField } from './SearchField-Dl7sh_M4.js';
+
+const MultiSelectMenu = forwardRef((props, ref) => {
+  const triggerRef = useRef(null);
+  const searchRef = useRef(null);
+  const {
+    id: idProp,
+    value: selectedOptions,
+    initialLoad: initialLoadProp,
+    displayMenuAs: displayMenuAsProp,
+    lazy,
+    loadOptions: loadOptionsProp,
+    label,
+    searchPlaceholder,
+    debounceMs = 200,
+    onSelectedOptionsChange,
+    cache,
+    pinned,
+    selectAll: selectAllProp,
+    selectFiltered: selectFilteredProp,
+    virtualize,
+    disableSearch,
+    popoverWidth,
+    trigger,
+    onSearchChange,
+    onMenuKeyDown,
+    onImplicitClose,
+    onExplicitClose
+  } = props;
+  const groupToString = "groupToString" in props ? props.groupToString : void 0;
+  const groupSorter = "groupSorter" in props ? props.groupSorter : void 0;
+  const autoId = useId();
+  const id = idProp ?? autoId;
+  if (disableSearch && selectFilteredProp) {
+    warnOnce(
+      "MultiSelectMenu: `selectFiltered` has no effect when `disableSearch` is true because there is no search input to produce filtered results."
+    );
+  }
+  const {
+    displayAs,
+    initialLoad,
+    initialLoadPerformed,
+    setInitialLoadPerformed,
+    options,
+    loading,
+    loadingMore,
+    hasMore,
+    loadOptions,
+    loadMore
+  } = useSelectOrchestration({
+    lazy,
+    loadOptions: loadOptionsProp,
+    cache,
+    lazyOptions: "lazyOptions" in props ? props.lazyOptions : void 0,
+    initialLoad: initialLoadProp,
+    displayMenuAs: displayMenuAsProp,
+    ref
+  });
+  const selectAll = useMemo(
+    () => selectAllProp ? {
+      label: selectAllProp.label ?? "Select All",
+      onClick: selectAllProp.onClick,
+      checkState: selectAllProp.checkState === true ? "checked" : selectAllProp.checkState === false ? "unchecked" : selectAllProp.checkState ?? "indeterminate"
+    } : void 0,
+    [selectAllProp]
+  );
+  const selectFiltered = useMemo(
+    () => selectFilteredProp ? (searchValue2) => {
+      const config = selectFilteredProp(searchValue2);
+      return {
+        label: config.label,
+        onClick: config.onClick,
+        checkState: config.checkState === true ? "checked" : config.checkState === false ? "unchecked" : config.checkState ?? "indeterminate"
+      };
+    } : void 0,
+    [selectFilteredProp]
+  );
+  const [inputValue, setInputValue] = useState("");
+  const searchValue = disableSearch ? "" : inputValue;
+  const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(
+    {
+      options,
+      pinned,
+      searchValue,
+      groupToString,
+      groupSorter
+    }
+  );
+  const { handleItemClick } = useToggleSelection({
+    options,
+    pinnedSections,
+    selectedOptions,
+    onSelectedOptionsChange
+  });
+  const bulkActionItems = useMemo(() => {
+    const items2 = [];
+    if (selectAll && !searchValue) {
+      items2.push({
+        id: "select-all",
+        type: "select-all",
+        original: { id: "select-all", label: selectAll.label ?? "Select All" },
+        checkState: selectAll.checkState
+      });
+    }
+    if (selectFiltered && searchValue && !loading) {
+      const config = selectFiltered(searchValue);
+      items2.push({
+        id: "select-filtered",
+        type: "select-filtered",
+        original: {
+          id: "select-filtered",
+          label: config.label ?? "Select Filtered"
+        },
+        checkState: config.checkState
+      });
+    }
+    return items2;
+  }, [selectAll, selectFiltered, searchValue, loading]);
+  const { items, sectionsMeta } = useMemo(
+    () => buildSelectItems({
+      prefixItems: bulkActionItems,
+      pinnedSections,
+      groupSections,
+      ungroupedItems
+    }),
+    [bulkActionItems, pinnedSections, groupSections, ungroupedItems]
+  );
+  const selectedItemIds = useMemo(
+    () => new Set(selectedOptions.map((o) => o.id)),
+    [selectedOptions]
+  );
+  const handleItemActivate = useCallback(
+    (item) => {
+      if (item.type === "select-all") {
+        selectAll?.onClick();
+      } else if (item.type === "select-filtered" && selectFiltered) {
+        const config = selectFiltered(searchValue);
+        config.onClick();
+      } else if (item.type === "option" || item.type === "pinned-option" || item.type === "grouped-option") {
+        handleItemClick(item.original);
+      }
+    },
+    [selectAll, selectFiltered, searchValue, handleItemClick]
+  );
+  const {
+    isOpen,
+    closeMenu,
+    highlightedIndex,
+    getTriggerProps,
+    getMenuProps,
+    getItemProps,
+    listRef,
+    menuContainerRef,
+    handleKeyDown
+  } = useMenuInteraction({
+    items,
+    sectionsMeta,
+    onItemActivate: handleItemActivate,
+    selectedItemIds,
+    displayAs,
+    closeOnActivate: false,
+    id,
+    triggerRef,
+    label,
+    onImplicitClose,
+    onExplicitClose
+  });
+  const debouncedOptionLoader = useDebouncedCallback((value) => {
+    loadOptions(value, { initial: true });
+  }, debounceMs);
+  const handleInputChange = useCallback(
+    (e) => {
+      const value = e.target.value;
+      setInputValue(value);
+      debouncedOptionLoader(value);
+      onSearchChange?.(value);
+    },
+    [debouncedOptionLoader, onSearchChange]
+  );
+  const handleInputKeyDown = useCallback(
+    (e) => {
+      onMenuKeyDown?.(e);
+      handleKeyDown(e);
+    },
+    [handleKeyDown, onMenuKeyDown]
+  );
+  const getMenuPropsWithKeyDown = useCallback(
+    (opts) => {
+      const menuProps = getMenuProps(opts);
+      if (!onMenuKeyDown) return menuProps;
+      return {
+        ...menuProps,
+        onKeyDown: (e) => {
+          onMenuKeyDown(e);
+          menuProps.onKeyDown(e);
+        }
+      };
+    },
+    [getMenuProps, onMenuKeyDown]
+  );
+  useEffect(() => {
+    const performInitialLoad = async () => {
+      if (initialLoad === "immediate" && !initialLoadPerformed) {
+        await loadOptions("", { initial: true });
+        setInitialLoadPerformed(true);
+      }
+    };
+    performInitialLoad();
+  }, [loadOptions, initialLoadPerformed, initialLoad, setInitialLoadPerformed]);
+  const prevIsOpenRef = useRef(false);
+  useEffect(() => {
+    const wasOpen = prevIsOpenRef.current;
+    prevIsOpenRef.current = isOpen;
+    if (isOpen && !wasOpen) {
+      if (initialLoad === "open" && !initialLoadPerformed) {
+        loadOptions("", { initial: true }).then(() => {
+          setInitialLoadPerformed(true);
+        });
+      }
+    }
+    if (!isOpen && wasOpen) {
+      setInputValue("");
+      loadOptions("", { initial: true });
+    }
+  }, [
+    isOpen,
+    initialLoad,
+    initialLoadPerformed,
+    loadOptions,
+    setInitialLoadPerformed
+  ]);
+  useEffect(() => {
+    if (!isOpen || displayAs !== "popover") return;
+    const frameId = requestAnimationFrame(() => {
+      if (!disableSearch) {
+        searchRef.current?.focus();
+      } else {
+        menuContainerRef.current?.focus();
+      }
+    });
+    return () => cancelAnimationFrame(frameId);
+  }, [isOpen, displayAs, disableSearch, menuContainerRef]);
+  const handleLoadMore = async () => {
+    await loadMore(searchValue);
+  };
+  const handleClickOutside = useCallback(() => {
+    closeMenu({ restoreFocus: false });
+  }, [closeMenu]);
+  const triggerProps = getTriggerProps();
+  const menuPropsForAria = getMenuProps();
+  const activeDescendant = menuPropsForAria["aria-activedescendant"];
+  const handleSearchClear = useCallback(() => {
+    setInputValue("");
+    debouncedOptionLoader("");
+    onSearchChange?.("");
+  }, [debouncedOptionLoader, onSearchChange]);
+  const searchInput = !disableSearch ? /* @__PURE__ */ jsx(
+    SearchField,
+    {
+      ref: searchRef,
+      value: inputValue,
+      onChange: handleInputChange,
+      onKeyDown: handleInputKeyDown,
+      onClear: handleSearchClear,
+      "aria-activedescendant": activeDescendant,
+      "aria-controls": menuPropsForAria.id,
+      placeholder: searchPlaceholder,
+      type: "search"
+    }
+  ) : null;
+  if (displayAs === "dialog") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      trigger(triggerProps),
+      /* @__PURE__ */ jsx(
+        OptionsDialog,
+        {
+          id: `${id}-dialog`,
+          isOpen,
+          onClose: closeMenu,
+          title: label,
+          field: searchInput ?? void 0,
+          initialFocusResolver: !disableSearch ? (elements) => elements.find((el) => el.tagName === "INPUT") || elements[0] : void 0,
+          children: /* @__PURE__ */ jsx(
+            MultiSelectOptions,
+            {
+              ref: listRef,
+              isOpen: true,
+              items,
+              sectionsMeta,
+              getMenuProps: (opts) => {
+                const menuProps = getMenuPropsWithKeyDown(opts);
+                if (disableSearch) {
+                  return menuProps;
+                }
+                return { ...menuProps, tabIndex: -1 };
+              },
+              getItemProps,
+              highlightedIndex,
+              selectedOptions,
+              hasMore,
+              onLoadMore: handleLoadMore,
+              loading,
+              loadingMore,
+              virtualize
+            }
+          )
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger(triggerProps),
+    /* @__PURE__ */ jsxs(
+      OptionsPopover,
+      {
+        id: `${id}-popover`,
+        referenceElement: triggerRef,
+        open: isOpen && displayAs === "popover",
+        onClickOutside: handleClickOutside,
+        width: popoverWidth ?? 320,
+        children: [
+          searchInput,
+          /* @__PURE__ */ jsx(
+            MultiSelectOptions,
+            {
+              ref: listRef,
+              isOpen,
+              items,
+              sectionsMeta,
+              getMenuProps: (opts) => {
+                const menuProps = getMenuPropsWithKeyDown(opts);
+                if (disableSearch) {
+                  return menuProps;
+                }
+                return { ...menuProps, tabIndex: -1 };
+              },
+              getItemProps,
+              highlightedIndex,
+              selectedOptions,
+              hasMore,
+              onLoadMore: handleLoadMore,
+              loading,
+              loadingMore,
+              virtualize
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+MultiSelectMenu.displayName = "MultiSelectMenu";
+
+const MultiSelectMenuSync = (props) => {
+  const {
+    options,
+    filter: filterProp = defaultSyncFilter,
+    selectAll: selectAllProp,
+    selectFiltered: selectFilteredProp,
+    value,
+    onSelectedOptionsChange,
+    ...rest
+  } = props;
+  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);
+  const selectAllConfig = useMemo(() => {
+    if (!selectAllProp) return void 0;
+    const enabledOptions = options.filter((opt) => !opt.disabled);
+    const enabledIds = new Set(enabledOptions.map((opt) => opt.id));
+    const selectedCount = value.filter((v) => enabledIds.has(v.id)).length;
+    const totalCount = enabledOptions.length;
+    const allSelected = selectedCount === totalCount;
+    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);
+      }
+    };
+    return {
+      label,
+      onClick: handleClick,
+      checkState
+    };
+  }, [selectAllProp, options, value, onSelectedOptionsChange]);
+  const selectFilteredConfig = useMemo(() => {
+    if (!selectFilteredProp) return void 0;
+    return (searchValue) => {
+      const filteredOptions = filter(options, searchValue);
+      const enabledFilteredOptions = filteredOptions.filter(
+        (opt) => !opt.disabled
+      );
+      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(
+        (opt) => selectedIds.has(opt.id)
+      );
+      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]);
+        }
+      };
+      return {
+        label,
+        onClick: handleClick,
+        checkState
+      };
+    };
+  }, [selectFilteredProp, options, value, onSelectedOptionsChange, filter]);
+  const fieldRef = useRef(null);
+  const prevOptionsRef = useRef(options);
+  useEffect(() => {
+    if (prevOptionsRef.current !== options) {
+      prevOptionsRef.current = options;
+      fieldRef.current?.invalidate();
+    }
+  }, [options]);
+  return /* @__PURE__ */ jsx(
+    MultiSelectMenu,
+    {
+      ref: fieldRef,
+      lazy: false,
+      loadOptions: (searchValue) => filter(options, searchValue),
+      debounceMs: 0,
+      value,
+      onSelectedOptionsChange,
+      selectAll: selectAllConfig,
+      selectFiltered: selectFilteredConfig,
+      ...rest
+    }
+  );
+};
+
+export { MultiSelectMenu as M, MultiSelectMenuSync as a };
+//# sourceMappingURL=MultiSelectMenuSync-CCINebbr.js.map

package/dist/MultiSelectMenuSync-CCINebbr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectMenuSync-CCINebbr.js","sources":["../src/beta/components/MultiSelectMenu/MultiSelectMenu.tsx","../src/beta/components/MultiSelectMenu/MultiSelectMenuSync.tsx"],"sourcesContent":["import { MultiSelectMenuHandle, MultiSelectMenuProps } 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 { 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 { SearchField } from \"../../../components\";\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 *\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  } = props;\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 ?? \"Select All\",\n            onClick: selectAllProp.onClick,\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              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  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 { handleItemClick } = useToggleSelection({\n    options,\n    pinnedSections,\n    selectedOptions,\n    onSelectedOptionsChange,\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: 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: config.checkState,\n      });\n    }\n    return items;\n  }, [selectAll, selectFiltered, searchValue, loading]);\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(selectedOptions.map((o) => o.id)),\n    [selectedOptions],\n  );\n\n  const handleItemActivate = useCallback(\n    (item: SelectItem) => {\n      if (item.type === \"select-all\") {\n        selectAll?.onClick();\n      } else if (item.type === \"select-filtered\" && selectFiltered) {\n        const config = selectFiltered(searchValue);\n        config.onClick();\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],\n  );\n\n  const {\n    isOpen,\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    id,\n    triggerRef,\n    label,\n    onImplicitClose,\n    onExplicitClose,\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 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  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          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={selectedOptions}\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        onClickOutside={handleClickOutside}\n        width={popoverWidth ?? 320}\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={selectedOptions}\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    const handleClick = () => {\n      if (allSelected) {\n        onSelectedOptionsChange([]);\n      } else {\n        onSelectedOptionsChange(enabledOptions);\n      }\n    };\n\n    return {\n      label,\n      onClick: handleClick,\n      checkState,\n    };\n  }, [selectAllProp, options, value, onSelectedOptionsChange]);\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 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 handleClick = () => {\n        if (allFilteredSelected) {\n          const filteredIds = new Set(enabledFilteredOptions.map((o) => o.id));\n          onSelectedOptionsChange(value.filter((v) => !filteredIds.has(v.id)));\n        } else {\n          const currentIds = new Set(value.map((v) => v.id));\n          const newSelections = enabledFilteredOptions.filter(\n            (opt) => !currentIds.has(opt.id),\n          );\n          onSelectedOptionsChange([...value, ...newSelections]);\n        }\n      };\n\n      return {\n        label,\n        onClick: handleClick,\n        checkState,\n      };\n    };\n  }, [selectFilteredProp, options, value, onSelectedOptionsChange, 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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"}