@servicetitan/anvil2 3.0.7 → 3.0.8

package/dist/TreeSelectMenuSync-s05Ly6lj.js

@@ -0,0 +1,413 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useId, useRef, useState, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
+import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-CeYKH0Me.js';
+import { M as MenuFooter } from './MenuFooter-CrsZdXvN.js';
+import { r as resolveConfirmation, u as useConfirmationDraft, a as arrayIdsEqual } from './confirmationTypes-CG7xl50f.js';
+import { u as useTreeLoader, a as useTree, b as useTreeLazyCascade, f as findNode, T as TreeContent, d as defaultTreeSyncFilter, t as toTreeSyncFilterFn, c as applyChildCounts } from './treeSync-Cz3H08cr.js';
+import { S as SearchField } from './SearchField-BMHJCVFu.js';
+
+const TreeSelectMenu = forwardRef((props, ref) => {
+  const {
+    id: idProp,
+    trigger,
+    onMenuKeyDown,
+    onImplicitClose,
+    onExplicitClose,
+    label,
+    searchPlaceholder,
+    displayMenuAs: displayMenuAsProp = "auto",
+    virtualize,
+    disableSearch,
+    popoverWidth,
+    debounceMs = 200,
+    onSearchChange,
+    value,
+    onSelectedOptionsChange,
+    selectionMode = "linked",
+    valueConsistsOf = "LEAF_PRIORITY",
+    defaultExpandLevel,
+    expandedIds,
+    onExpandedIdsChange,
+    loadOptions,
+    cache,
+    initialLoad,
+    confirmation: confirmationProp,
+    clear
+  } = props;
+  const confirmation = resolveConfirmation(confirmationProp);
+  const autoId = useId();
+  const id = idProp ?? autoId;
+  const triggerRef = useRef(null);
+  const searchRef = useRef(null);
+  const treePanelRef = useRef(null);
+  const isSingleSelect = selectionMode === "single";
+  const branchesSelectable = isSingleSelect ? valueConsistsOf !== "LEAF_ONLY" : true;
+  const leavesSelectable = valueConsistsOf !== "BRANCH_ONLY";
+  const emptyBranchesSelectable = valueConsistsOf !== "LEAF_ONLY";
+  const { isMobile } = useAdaptiveView();
+  const displayAs = displayMenuAsProp === "auto" ? isMobile ? "dialog" : "popover" : displayMenuAsProp;
+  const [inputValue, setInputValue] = useState("");
+  const searchValue = disableSearch ? "" : inputValue;
+  const handleSearchChange = useCallback(
+    (v) => {
+      setInputValue(v);
+      onSearchChange?.(v);
+    },
+    [onSearchChange]
+  );
+  const loader = useTreeLoader({
+    loadOptions,
+    cache,
+    initialLoad,
+    debounceMs
+  });
+  const [isOpen, setIsOpen] = useState(false);
+  const pendingApplyRef = useRef(false);
+  const {
+    displayValue: draftValue,
+    setDraft,
+    apply,
+    cancel
+  } = useConfirmationDraft({
+    value,
+    onCommit: onSelectedOptionsChange,
+    isOpen,
+    enabled: confirmation.enabled,
+    isEqual: arrayIdsEqual
+  });
+  const openMenu = useCallback(() => {
+    setIsOpen(true);
+    loader.onOpen();
+  }, [loader]);
+  const isFirstSearchEffect = useRef(true);
+  useEffect(() => {
+    if (isFirstSearchEffect.current) {
+      isFirstSearchEffect.current = false;
+      return;
+    }
+    loader.search(searchValue ?? "");
+  }, [searchValue]);
+  const tree = useTree({
+    nodes: loader.nodes,
+    value: draftValue,
+    onSelectedOptionsChange: setDraft,
+    selectionMode,
+    valueConsistsOf,
+    defaultExpandLevel,
+    expandedIds,
+    onExpandedIdsChange,
+    searchValue,
+    ancestry: loader.ancestry,
+    loadingChildrenIds: loader.isLoadingChildren
+  });
+  useImperativeHandle(
+    ref,
+    () => ({
+      clearCache: loader.clearCache,
+      invalidate: loader.invalidate,
+      expandAll: tree.expandAll,
+      collapseAll: tree.collapseAll
+    }),
+    [loader.clearCache, loader.invalidate, tree.expandAll, tree.collapseAll]
+  );
+  const closeMenuRef = useRef(() => void 0);
+  const onCloseAfterSingleSelect = useCallback(() => {
+    if (confirmation.enabled) return;
+    closeMenuRef.current();
+  }, [confirmation.enabled]);
+  const {
+    handleToggleNode,
+    pendingToggleNodeId,
+    reset: resetLazyCascade
+  } = useTreeLazyCascade({
+    tree,
+    loader,
+    isSingleSelect,
+    branchesSelectable,
+    leavesSelectable,
+    emptyBranchesSelectable,
+    onCloseAfterSingleSelect
+  });
+  const closeMenu = useCallback(
+    (opts) => {
+      if (confirmation.enabled && !pendingApplyRef.current) cancel();
+      pendingApplyRef.current = false;
+      setIsOpen(false);
+      handleSearchChange("");
+      resetLazyCascade();
+      const shouldRestoreFocus = opts?.restoreFocus ?? true;
+      if (shouldRestoreFocus) {
+        onExplicitClose?.();
+        requestAnimationFrame(() => {
+          triggerRef.current?.focus();
+        });
+      } else {
+        onImplicitClose?.();
+      }
+    },
+    [
+      confirmation.enabled,
+      cancel,
+      handleSearchChange,
+      resetLazyCascade,
+      onImplicitClose,
+      onExplicitClose
+    ]
+  );
+  useEffect(() => {
+    closeMenuRef.current = () => closeMenu();
+  }, [closeMenu]);
+  const handleApply = useCallback(() => {
+    apply();
+    pendingApplyRef.current = true;
+    closeMenu();
+  }, [apply, closeMenu]);
+  const handleCancel = useCallback(() => {
+    closeMenu();
+  }, [closeMenu]);
+  const getActiveNode = useCallback(() => {
+    const descId = tree.activeDescendantId;
+    if (!descId) return void 0;
+    const nodeId = descId.replace(/^treeitem-/, "");
+    const numId = Number(nodeId);
+    return findNode(tree.nodes, Number.isNaN(numId) ? nodeId : numId);
+  }, [tree.activeDescendantId, tree.nodes]);
+  const handleMenuKeyDown = useCallback(
+    (e) => {
+      onMenuKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        closeMenu();
+        return;
+      }
+      if (e.key === "Tab") {
+        closeMenu({ restoreFocus: false });
+        return;
+      }
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        e.preventDefault();
+        tree.onKeyDown(e);
+        return;
+      }
+      if (e.key === "Enter" || disableSearch && e.key === " ") {
+        const activeNode = getActiveNode();
+        if (activeNode) {
+          e.preventDefault();
+          handleToggleNode(activeNode.id);
+        }
+        return;
+      }
+      if (e.key === "ArrowRight") {
+        const activeNode = getActiveNode();
+        if (activeNode?.children === null) {
+          e.preventDefault();
+          tree.toggleExpand(activeNode.id);
+          void loader.loadChildren(activeNode);
+          return;
+        }
+      }
+      tree.onKeyDown(e);
+    },
+    [
+      onMenuKeyDown,
+      closeMenu,
+      tree,
+      getActiveNode,
+      handleToggleNode,
+      loader,
+      disableSearch
+    ]
+  );
+  const handleTriggerKeyDown = useCallback(
+    (e) => {
+      if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        if (!isOpen) {
+          openMenu();
+        }
+      }
+    },
+    [isOpen, openMenu]
+  );
+  const handleTriggerClick = useCallback(() => {
+    if (isOpen) {
+      closeMenu();
+    } else {
+      openMenu();
+    }
+  }, [isOpen, openMenu, closeMenu]);
+  useEffect(() => {
+    if (!isOpen || displayAs !== "popover") return;
+    const frameId = requestAnimationFrame(() => {
+      if (!disableSearch) {
+        searchRef.current?.focus();
+      } else {
+        treePanelRef.current?.focus();
+      }
+    });
+    return () => cancelAnimationFrame(frameId);
+  }, [isOpen, displayAs, disableSearch]);
+  const handleLoadChildren = useCallback(
+    (node) => {
+      void loader.loadChildren(node);
+    },
+    [loader]
+  );
+  const treePropsMerged = disableSearch ? {
+    ...tree.treeProps,
+    id: `${id}-tree`,
+    "aria-label": label,
+    onKeyDown: handleMenuKeyDown,
+    tabIndex: 0
+  } : { ...tree.treeProps, id: `${id}-tree`, "aria-label": label };
+  const panelProps = {
+    visibleNodes: tree.visibleNodes,
+    getCheckState: (nodeId) => nodeId === pendingToggleNodeId ? "loading" : tree.getCheckState(nodeId),
+    toggleNode: handleToggleNode,
+    toggleExpand: tree.toggleExpand,
+    getTreeItemProps: tree.getTreeItemProps,
+    treeProps: treePropsMerged,
+    activeDescendantId: tree.activeDescendantId,
+    branchesSelectable,
+    leavesSelectable,
+    emptyBranchesSelectable,
+    onHover: tree.setActiveNodeId,
+    onLoadChildren: handleLoadChildren
+  };
+  const handleInputChange = useCallback(
+    (e) => {
+      handleSearchChange(e.target.value);
+    },
+    [handleSearchChange]
+  );
+  const handleSearchClear = useCallback(() => {
+    handleSearchChange("");
+  }, [handleSearchChange]);
+  const searchInput = !disableSearch ? /* @__PURE__ */ jsx(
+    SearchField,
+    {
+      ref: searchRef,
+      value: inputValue,
+      onChange: handleInputChange,
+      onKeyDown: handleMenuKeyDown,
+      onClear: handleSearchClear,
+      "aria-activedescendant": tree.activeDescendantId,
+      "aria-controls": `${id}-tree`,
+      placeholder: searchPlaceholder,
+      type: "search"
+    }
+  ) : null;
+  const handleClickOutside = useCallback(() => {
+    closeMenu({ restoreFocus: false });
+  }, [closeMenu]);
+  const treeContent = /* @__PURE__ */ jsx(
+    TreeContent,
+    {
+      ref: treePanelRef,
+      loading: loader.isLoading,
+      hasNoVisibleNodes: tree.visibleNodes.length === 0,
+      virtualize,
+      panelProps
+    }
+  );
+  const triggerProps = {
+    ref: triggerRef,
+    onClick: handleTriggerClick,
+    onKeyDown: handleTriggerKeyDown,
+    "aria-haspopup": "tree",
+    "aria-controls": `${id}-tree`,
+    "aria-expanded": isOpen,
+    "data-state": isOpen ? "open" : "close"
+  };
+  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;
+  const footer = hasFooter ? /* @__PURE__ */ jsx(MenuFooter, { clear: wrappedClear, confirmation: confirmationConfig }) : void 0;
+  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,
+          footer,
+          initialFocusResolver: !disableSearch ? (elements) => elements.find((el) => el.tagName === "INPUT") || elements[0] : void 0,
+          children: isOpen ? treeContent : null
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger(triggerProps),
+    /* @__PURE__ */ jsxs(
+      OptionsPopover,
+      {
+        id: `${id}-popover`,
+        referenceElement: triggerRef,
+        open: isOpen,
+        onClose: handleClickOutside,
+        width: popoverWidth ?? 320,
+        footer,
+        children: [
+          searchInput,
+          isOpen ? treeContent : null
+        ]
+      }
+    )
+  ] });
+});
+TreeSelectMenu.displayName = "TreeSelectMenu";
+
+const TreeSelectMenuSync = (props) => {
+  const {
+    options,
+    filter: filterProp = defaultTreeSyncFilter,
+    ...rest
+  } = props;
+  const filter = useMemo(() => toTreeSyncFilterFn(filterProp), [filterProp]);
+  const processedOptions = useMemo(() => applyChildCounts(options), [options]);
+  const loadOptions = useCallback(
+    (searchValue) => {
+      return filter(processedOptions, searchValue);
+    },
+    [filter, processedOptions]
+  );
+  const menuRef = useRef(null);
+  const prevOptionsRef = useRef(options);
+  useEffect(() => {
+    if (prevOptionsRef.current !== options) {
+      prevOptionsRef.current = options;
+      menuRef.current?.invalidate();
+    }
+  }, [options]);
+  return /* @__PURE__ */ jsx(
+    TreeSelectMenu,
+    {
+      ref: menuRef,
+      loadOptions,
+      debounceMs: 0,
+      ...rest
+    }
+  );
+};
+TreeSelectMenuSync.displayName = "TreeSelectMenuSync";
+
+export { TreeSelectMenuSync as T, TreeSelectMenu as a };
+//# sourceMappingURL=TreeSelectMenuSync-s05Ly6lj.js.map

package/dist/TreeSelectMenuSync-s05Ly6lj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectMenuSync-s05Ly6lj.js","sources":["../src/beta/components/TreeSelectMenu/TreeSelectMenu.tsx","../src/beta/components/TreeSelectMenu/TreeSelectMenuSync.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  useEffect,\n  useImperativeHandle,\n  useCallback,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { TreeSelectMenuHandle, TreeSelectMenuProps } from \"./types\";\nimport {\n  TreeSelectFieldNode,\n  TreeSelectFieldValue,\n} from \"../TreeSelectField/types\";\nimport { SearchField } from \"../../../components\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { MenuFooter } from \"../../../internal/components/MenuFooter/MenuFooter\";\nimport { useConfirmationDraft } from \"../../../internal/hooks/useConfirmationDraft\";\nimport { resolveConfirmation } from \"../../../internal/types/confirmationTypes\";\nimport { arrayIdsEqual } from \"../../../internal/utils/arrayIdsEqual\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { useTreeLoader } from \"../TreeSelectField/internal/useTreeLoader\";\nimport { useTree } from \"../TreeSelectField/internal/useTree\";\nimport { TreeContent } from \"../TreeSelectField/internal/TreeContent\";\nimport { findNode } from \"../TreeSelectField/internal/treeUtils\";\nimport { useTreeLazyCascade } from \"../TreeSelectField/internal/useTreeLazyCascade\";\n\n/**\n * TreeSelectMenu component for selecting tree nodes from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Async tree data loading via loadOptions callback with optional LRU caching\n * - Single-select and multi-select modes with linked/independent cascade\n * - Cascading parent/child selection in linked mode\n * - Search filtering across visible nodes\n * - Lazy branch expansion with on-demand children loading\n * - Virtualized rendering for large trees via the virtualize prop\n * - Full keyboard navigation (ArrowDown/Up, ArrowRight/Left, Enter, Home/End, Escape)\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Configurable popover width\n * - Imperative handle for clearCache, invalidate, expandAll, collapseAll\n * - Full accessibility support with ARIA tree attributes\n *\n * @example\n * <TreeSelectMenu\n *   trigger={(props) => <Button {...props}>Select Categories</Button>}\n *   label=\"Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={async (search) => fetchCategories(search)}\n * />\n */\nexport const TreeSelectMenu = forwardRef<\n  TreeSelectMenuHandle,\n  TreeSelectMenuProps\n>((props, ref) => {\n  const {\n    id: idProp,\n    trigger,\n    onMenuKeyDown,\n    onImplicitClose,\n    onExplicitClose,\n    label,\n    searchPlaceholder,\n    displayMenuAs: displayMenuAsProp = \"auto\",\n    virtualize,\n    disableSearch,\n    popoverWidth,\n    debounceMs = 200,\n    onSearchChange,\n    value,\n    onSelectedOptionsChange,\n    selectionMode = \"linked\",\n    valueConsistsOf = \"LEAF_PRIORITY\",\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    loadOptions,\n    cache,\n    initialLoad,\n    confirmation: confirmationProp,\n    clear,\n  } = props;\n\n  const confirmation = resolveConfirmation(confirmationProp);\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const treePanelRef = useRef<HTMLDivElement>(null);\n\n  const isSingleSelect = selectionMode === \"single\";\n  const branchesSelectable = isSingleSelect\n    ? valueConsistsOf !== \"LEAF_ONLY\"\n    : true;\n  const leavesSelectable = valueConsistsOf !== \"BRANCH_ONLY\";\n  const emptyBranchesSelectable = valueConsistsOf !== \"LEAF_ONLY\";\n\n  const { isMobile } = useAdaptiveView();\n  const displayAs =\n    displayMenuAsProp === \"auto\"\n      ? isMobile\n        ? \"dialog\"\n        : \"popover\"\n      : displayMenuAsProp;\n\n  // ---------------------------------------------------------------------------\n  // Search state\n  // ---------------------------------------------------------------------------\n\n  const [inputValue, setInputValue] = useState(\"\");\n  const searchValue = disableSearch ? \"\" : inputValue;\n\n  const handleSearchChange = useCallback(\n    (v: string) => {\n      setInputValue(v);\n      onSearchChange?.(v);\n    },\n    [onSearchChange],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Tree loader\n  // ---------------------------------------------------------------------------\n\n  const loader = useTreeLoader({\n    loadOptions,\n    cache,\n    initialLoad,\n    debounceMs,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Menu open state\n  // ---------------------------------------------------------------------------\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Confirmation mode: selection changes are held in a draft while the menu is\n  // open and only commit to `onSelectedOptionsChange` on Apply. When disabled,\n  // setDraft passes straight through and displayValue mirrors `value`.\n  const pendingApplyRef = useRef(false);\n  const {\n    displayValue: draftValue,\n    setDraft,\n    apply,\n    cancel,\n  } = useConfirmationDraft<TreeSelectFieldValue[]>({\n    value,\n    onCommit: onSelectedOptionsChange,\n    isOpen,\n    enabled: confirmation.enabled,\n    isEqual: arrayIdsEqual,\n  });\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    loader.onOpen();\n  }, [loader]);\n\n  // Trigger search in loader when searchValue changes\n  const isFirstSearchEffect = useRef(true);\n  useEffect(() => {\n    if (isFirstSearchEffect.current) {\n      isFirstSearchEffect.current = false;\n      return;\n    }\n    loader.search(searchValue ?? \"\");\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only re-run when searchValue changes\n  }, [searchValue]);\n\n  // ---------------------------------------------------------------------------\n  // Tree state\n  // ---------------------------------------------------------------------------\n\n  const tree = useTree({\n    nodes: loader.nodes,\n    value: draftValue,\n    onSelectedOptionsChange: setDraft,\n    selectionMode,\n    valueConsistsOf,\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    searchValue,\n    ancestry: loader.ancestry,\n    loadingChildrenIds: loader.isLoadingChildren,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Imperative handle\n  // ---------------------------------------------------------------------------\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      clearCache: loader.clearCache,\n      invalidate: loader.invalidate,\n      expandAll: tree.expandAll,\n      collapseAll: tree.collapseAll,\n    }),\n    [loader.clearCache, loader.invalidate, tree.expandAll, tree.collapseAll],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Lazy-cascade: load unloaded descendants before toggling selection\n  // ---------------------------------------------------------------------------\n\n  // closeMenu is defined below; the cascade reads it via ref so its\n  // single-select close callback can stay stable.\n  const closeMenuRef = useRef<() => void>(() => undefined);\n\n  const onCloseAfterSingleSelect = useCallback(() => {\n    // In confirmation mode nothing commits until Apply, so keep the menu open\n    // after a single-select pick rather than auto-closing (which would discard\n    // the draft).\n    if (confirmation.enabled) return;\n    closeMenuRef.current();\n  }, [confirmation.enabled]);\n\n  const {\n    handleToggleNode,\n    pendingToggleNodeId,\n    reset: resetLazyCascade,\n  } = useTreeLazyCascade({\n    tree,\n    loader,\n    isSingleSelect,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    onCloseAfterSingleSelect,\n  });\n\n  const closeMenu = useCallback(\n    (opts?: { restoreFocus?: boolean }) => {\n      // In confirmation mode, closing the menu by any means other than an\n      // explicit Apply / Clear (which set pendingApplyRef) discards the draft.\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n\n      setIsOpen(false);\n      handleSearchChange(\"\");\n      resetLazyCascade();\n\n      const shouldRestoreFocus = opts?.restoreFocus ?? true;\n      if (shouldRestoreFocus) {\n        onExplicitClose?.();\n        requestAnimationFrame(() => {\n          triggerRef.current?.focus();\n        });\n      } else {\n        onImplicitClose?.();\n      }\n    },\n    [\n      confirmation.enabled,\n      cancel,\n      handleSearchChange,\n      resetLazyCascade,\n      onImplicitClose,\n      onExplicitClose,\n    ],\n  );\n\n  useEffect(() => {\n    closeMenuRef.current = () => closeMenu();\n  }, [closeMenu]);\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  // ---------------------------------------------------------------------------\n  // Keyboard handlers\n  // ---------------------------------------------------------------------------\n\n  const getActiveNode = useCallback((): TreeSelectFieldNode | undefined => {\n    const descId = tree.activeDescendantId;\n    if (!descId) return undefined;\n    const nodeId = descId.replace(/^treeitem-/, \"\");\n    const numId = Number(nodeId);\n    return findNode(tree.nodes, Number.isNaN(numId) ? nodeId : numId);\n  }, [tree.activeDescendantId, tree.nodes]);\n\n  const handleMenuKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      onMenuKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        closeMenu();\n        return;\n      }\n\n      if (e.key === \"Tab\") {\n        closeMenu({ restoreFocus: false });\n        return;\n      }\n\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        tree.onKeyDown(e);\n        return;\n      }\n\n      if (e.key === \"Enter\" || (disableSearch && e.key === \" \")) {\n        const activeNode = getActiveNode();\n        if (activeNode) {\n          e.preventDefault();\n          handleToggleNode(activeNode.id);\n        }\n        return;\n      }\n\n      if (e.key === \"ArrowRight\") {\n        const activeNode = getActiveNode();\n        if (activeNode?.children === null) {\n          e.preventDefault();\n          tree.toggleExpand(activeNode.id);\n          void loader.loadChildren(activeNode);\n          return;\n        }\n      }\n\n      tree.onKeyDown(e);\n    },\n    [\n      onMenuKeyDown,\n      closeMenu,\n      tree,\n      getActiveNode,\n      handleToggleNode,\n      loader,\n      disableSearch,\n    ],\n  );\n\n  const handleTriggerKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (!isOpen) {\n          openMenu();\n        }\n      }\n    },\n    [isOpen, openMenu],\n  );\n\n  const handleTriggerClick = useCallback(() => {\n    if (isOpen) {\n      closeMenu();\n    } else {\n      openMenu();\n    }\n  }, [isOpen, openMenu, closeMenu]);\n\n  // ---------------------------------------------------------------------------\n  // Focus management\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        treePanelRef.current?.focus();\n      }\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [isOpen, displayAs, disableSearch]);\n\n  // ---------------------------------------------------------------------------\n  // Lazy children loader callback for panels\n  // ---------------------------------------------------------------------------\n\n  const handleLoadChildren = useCallback(\n    (node: Parameters<typeof loader.loadChildren>[0]) => {\n      void loader.loadChildren(node);\n    },\n    [loader],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const treePropsMerged = disableSearch\n    ? {\n        ...tree.treeProps,\n        id: `${id}-tree`,\n        \"aria-label\": label,\n        onKeyDown:\n          handleMenuKeyDown as React.KeyboardEventHandler<HTMLDivElement>,\n        tabIndex: 0,\n      }\n    : { ...tree.treeProps, id: `${id}-tree`, \"aria-label\": label };\n\n  const panelProps = {\n    visibleNodes: tree.visibleNodes,\n    getCheckState: (nodeId: string | number) =>\n      nodeId === pendingToggleNodeId ? \"loading\" : tree.getCheckState(nodeId),\n    toggleNode: handleToggleNode,\n    toggleExpand: tree.toggleExpand,\n    getTreeItemProps: tree.getTreeItemProps,\n    treeProps: treePropsMerged,\n    activeDescendantId: tree.activeDescendantId,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    onHover: tree.setActiveNodeId,\n    onLoadChildren: handleLoadChildren,\n  } as const;\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      handleSearchChange(e.target.value);\n    },\n    [handleSearchChange],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    handleSearchChange(\"\");\n  }, [handleSearchChange]);\n\n  const searchInput = !disableSearch ? (\n    <SearchField\n      ref={searchRef}\n      value={inputValue}\n      onChange={handleInputChange}\n      onKeyDown={\n        handleMenuKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n      }\n      onClear={handleSearchClear}\n      aria-activedescendant={tree.activeDescendantId}\n      aria-controls={`${id}-tree`}\n      placeholder={searchPlaceholder}\n      type=\"search\"\n    />\n  ) : null;\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const treeContent = (\n    <TreeContent\n      ref={treePanelRef}\n      loading={loader.isLoading}\n      hasNoVisibleNodes={tree.visibleNodes.length === 0}\n      virtualize={virtualize}\n      panelProps={panelProps}\n    />\n  );\n\n  const triggerProps = {\n    ref: triggerRef,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n    \"aria-haspopup\": \"tree\" as const,\n    \"aria-controls\": `${id}-tree`,\n    \"aria-expanded\": isOpen,\n    \"data-state\": (isOpen ? \"open\" : \"close\") as \"open\" | \"close\",\n  };\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 it isn't treated as a 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; an empty\n  // <MenuFooter/> would still draw the popover/dialog footer divider.\n  const hasFooter = !!wrappedClear || !!confirmationConfig;\n  const footer = hasFooter ? (\n    <MenuFooter clear={wrappedClear} confirmation={confirmationConfig} />\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}\n          initialFocusResolver={\n            !disableSearch\n              ? (elements) =>\n                  elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n              : undefined\n          }\n        >\n          {isOpen ? treeContent : null}\n        </OptionsDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger(triggerProps)}\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={triggerRef}\n        open={isOpen}\n        onClose={handleClickOutside}\n        width={popoverWidth ?? 320}\n        footer={footer}\n      >\n        {searchInput}\n        {isOpen ? treeContent : null}\n      </OptionsPopover>\n    </>\n  );\n});\n\nTreeSelectMenu.displayName = \"TreeSelectMenu\";\n","import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectMenu } from \"./TreeSelectMenu\";\nimport type {\n  TreeSelectMenuHandle,\n  TreeSelectMenuNode,\n  TreeSelectMenuProps,\n} from \"./types\";\nimport {\n  TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"../TreeSelectField/internal/treeSync\";\n\nexport type { TreeSyncFilterFn };\n\n/**\n * Props for the TreeSelectMenuSync component.\n * @property options - The static tree options to display.\n * @property filter - Custom filter function or MatchSorterOptions to control how nodes are filtered during search.\n *   By default, filters by label and searchText using match-sorter, preserving parent nodes of any match.\n * @extends TreeSelectMenuProps\n */\nexport type TreeSelectMenuSyncProps = Omit<\n  TreeSelectMenuProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The static tree options to display in the menu.\n   */\n  options: TreeSelectMenuNode[];\n  /**\n   * Controls how options are filtered when the user types a search value.\n   * Can be a function that returns nodes in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, nodes are filtered by `label` and `searchText` using match-sorter,\n   * and parents of matching nodes are preserved in the tree structure.\n   *\n   * @example\n   * <TreeSelectMenuSync\n   *   options={options}\n   *   filter={(nodes, searchValue) => {\n   *     return nodes.filter((node) =>\n   *       node.label.toLowerCase().includes(searchValue.toLowerCase())\n   *     );\n   *   }}\n   * />\n   *\n   * @example\n   * <TreeSelectMenuSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectMenuNode>;\n};\n\n/**\n * TreeSelectMenuSync is a simplified wrapper around TreeSelectMenu for static (non-async) tree data.\n *\n * Features:\n * - Accepts static `options` instead of `loadOptions`.\n * - Performs client-side filtering with tree-structure awareness (parents of matches are preserved).\n * - Accepts a custom filter function or MatchSorterOptions to customize filtering behavior.\n * - Invalidates the menu when the options reference changes.\n * - Supports all other props of TreeSelectMenu.\n *\n * @example\n * <TreeSelectMenuSync\n *   trigger={(props) => <Button {...props}>Select location</Button>}\n *   label=\"Select location\"\n *   options={locationTree}\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n * />\n */\nexport const TreeSelectMenuSync = (props: TreeSelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultTreeSyncFilter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toTreeSyncFilterFn(filterProp), [filterProp]);\n\n  // Populate childCount from the full static tree so branch check-state stays\n  // accurate while search filters the visible subset.\n  const processedOptions = useMemo(() => applyChildCounts(options), [options]);\n\n  const loadOptions = useCallback(\n    (searchValue: string) => {\n      return filter(processedOptions, searchValue);\n    },\n    [filter, processedOptions],\n  );\n\n  const menuRef = useRef<TreeSelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      menuRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <TreeSelectMenu\n      ref={menuRef}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n\nTreeSelectMenuSync.displayName = \"TreeSelectMenuSync\";\n"],"names":[],"mappings":"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"}

package/dist/{YearlessDateInputWithPicker-BIcVgz-J.js → YearlessDateInputWithPicker-BHfFjCqE.js}

@@ -5,7 +5,7 @@ import { F as Flex } from './Flex-_orhvoxS.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-import { P as Popover, u as useMergeRefs } from './AiMark-BXL0sWIV.js';
+import { P as Popover, u as useMergeRefs } from './AiMark-CS6MvraM.js';
 import { g as maskitoUpdateElement, m as maskitoDateOptionsGenerator, a as maskitoWithPlaceholder, h as maskitoTransform, u as useMaskito } from './index.esm-C2ZhC_8d.js';
 import { m as makeZeroShortcutPreprocessor } from './makeZeroShortcutPreprocessor-CxsiGTRW.js';
 import { t as textFieldStyles } from './TextField.module-C8FsjTpx.js';
@@ -939,4 +939,4 @@ const YearlessDateInputWithPicker = forwardRef((props, ref) => {
 YearlessDateInputWithPicker.displayName = "YearlessDateInputWithPicker";
 
 export { YearlessDateInputWithPicker as Y };
-//# sourceMappingURL=YearlessDateInputWithPicker-BIcVgz-J.js.map
+//# sourceMappingURL=YearlessDateInputWithPicker-BHfFjCqE.js.map