@servicetitan/anvil2 3.0.7 → 3.0.9

package/dist/TreeSelectFieldSync-Do5ffU0b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectFieldSync-Do5ffU0b.js","sources":["../src/beta/components/TreeSelectField/internal/TreeSelectFieldInput.tsx","../src/beta/components/TreeSelectField/TreeSelectField.tsx","../src/beta/components/TreeSelectField/TreeSelectFieldSync.tsx"],"sourcesContent":["import styles from \"./TreeSelectFieldInput.module.scss\";\nimport cx from \"classnames\";\nimport { Button } from \"../../../../components/Button\";\nimport { Chip } from \"../../../../components/Chip\";\nimport { Flex } from \"../../../../components/Flex\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport { ReactElement, RefObject, KeyboardEvent, MouseEvent } from \"react\";\nimport { TreeSelectFieldValue } from \"../types\";\nimport { useChipLayout } from \"../../MultiSelectField/internal/useChipLayout\";\n\n/**\n * Props for the TreeSelectFieldInput component.\n * @property {string} [id] - HTML id attribute for the input element\n * @property {string} [placeholder] - Placeholder text displayed when no options are selected\n * @property {\"small\" | \"medium\" | \"large\"} [size] - Size variant of the input\n * @property {boolean} [disabled] - Disables the input entirely\n * @property {boolean} [readOnly] - Cannot be modified but remains interactive\n * @property {boolean} [error] - Shows error styling on the input when true\n * @property {boolean} [single] - When true, renders single-select text display instead of chips\n * @property {boolean} [singleRow] - When true, restricts chip display to a single row\n * @property {number} [maxChips] - Maximum number of chips to display before showing +N indicator\n * @property {string | ReactElement} [prefix] - Content to display before the input area\n * @property {string | ReactElement} [suffix] - Content to display after the input area\n * @property {TreeSelectFieldValue[]} selectedOptions - Array of currently selected options\n * @property {(option: TreeSelectFieldValue) => void} onRemoveOption - Callback fired when a chip is removed\n * @property {RefObject<HTMLInputElement>} [inputRef] - Ref for the input element\n * @property {RefObject<HTMLDivElement>} [inputWrapperRef] - Ref for the input wrapper div element\n * @property {string} [searchValue] - Current search input value\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} [onSearchChange] - Callback fired when search input changes\n * @property {(e: React.KeyboardEvent) => void} [onInputKeyDown] - Callback fired on key down in the search input\n * @property {() => void} [onWrapperClick] - Callback fired when the input wrapper is clicked\n * @property {boolean} [isOpen] - Whether the dropdown is currently open\n * @property {boolean} [disableSearch] - When true, hides the search input\n * @property {Record<string, unknown>} [comboboxProps] - Additional ARIA props for the combobox input role\n */\nexport type TreeSelectFieldInputProps = {\n  id?: string;\n  placeholder?: string;\n  size?: \"small\" | \"medium\" | \"large\";\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  single?: boolean;\n  singleRow?: boolean;\n  maxChips?: number;\n  prefix?: string | ReactElement;\n  suffix?: string | ReactElement;\n  selectedOptions: TreeSelectFieldValue[];\n  onRemoveOption: (option: TreeSelectFieldValue) => void;\n  inputRef?: RefObject<HTMLInputElement>;\n  inputWrapperRef?: RefObject<HTMLDivElement>;\n  searchValue?: string;\n  onSearchChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onWrapperClick?: () => void;\n  isOpen?: boolean;\n  ariaControls?: string;\n  disableSearch?: boolean;\n  comboboxProps?: Record<string, unknown>;\n};\n\n/**\n * Internal input component for the TreeSelectField that renders the trigger area\n * with chips, search input, single-select text, and the toggle button.\n *\n * Features:\n * - Chip display for selected options in multi-select mode with remove functionality\n * - Single-row chip overflow detection with +N hidden chip indicator\n * - Text input for filtering tree options when search is enabled\n * - Plain text display for single-select mode\n * - Chevron toggle button to open/close the dropdown\n * - Optional prefix and suffix content slots\n * - Supports small, medium, and large size variants\n * - Error state styling\n * - Disabled and read-only state styling\n * - Accessible combobox role with aria-expanded and aria-haspopup\n *\n * @example\n * <TreeSelectFieldInput\n *   placeholder=\"Select categories...\"\n *   size=\"medium\"\n *   selectedOptions={[{ id: 1, label: \"Category A\" }]}\n *   onRemoveOption={(option) => handleRemove(option)}\n *   isOpen={isOpen}\n *   onWrapperClick={() => setIsOpen(true)}\n * />\n */\nexport const TreeSelectFieldInput = ({\n  id,\n  placeholder,\n  size,\n  disabled,\n  readOnly,\n  error,\n  single,\n  singleRow,\n  maxChips,\n  prefix,\n  suffix,\n  selectedOptions,\n  onRemoveOption,\n  inputRef,\n  inputWrapperRef,\n  searchValue,\n  onSearchChange,\n  onInputKeyDown,\n  onWrapperClick,\n  isOpen,\n  ariaControls,\n  disableSearch,\n  comboboxProps,\n}: TreeSelectFieldInputProps) => {\n  const { rowsRef, displayCount, hiddenCount } = useChipLayout({\n    selectedOptionsLength: selectedOptions.length,\n    singleRow,\n    maxChips,\n  });\n\n  const inputWrapperClassNames = cx(styles[\"input-wrapper\"], {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"disabled\"]]: disabled || readOnly,\n  });\n\n  const handleWrapperClick = (e: MouseEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.closest(\"button\") || target.tagName === \"INPUT\") {\n      return;\n    }\n    onWrapperClick?.();\n    inputRef?.current?.focus();\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- Click-to-focus container; Despite the disabled rules, this remains accessible. Keyboard interaction is provided by the input and nested buttons are filtered out in the handler.\n    <div\n      ref={inputWrapperRef}\n      className={inputWrapperClassNames}\n      onClick={handleWrapperClick}\n    >\n      {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n\n      <div className={styles[\"rows-wrapper\"]} ref={rowsRef}>\n        {!single && selectedOptions.length > 0\n          ? selectedOptions.slice(0, displayCount).map((option, index) => (\n              <div\n                key={`selected-item-${option.id}-${index}`}\n                className={styles[\"chip-wrapper\"]}\n              >\n                <Chip\n                  label={option.label}\n                  onClose={\n                    disabled || readOnly\n                      ? undefined\n                      : () => onRemoveOption(option)\n                  }\n                  className={styles[\"chip\"]}\n                  title={option.label}\n                />\n              </div>\n            ))\n          : null}\n\n        {hiddenCount > 0 ? (\n          <div className={styles[\"chip-wrapper\"]}>\n            <Chip\n              label={`+${hiddenCount}`}\n              className={styles[\"chip\"]}\n              title={selectedOptions\n                .slice(displayCount)\n                .map((option) => option.label)\n                .join(\", \")}\n            />\n          </div>\n        ) : null}\n\n        {/* Editable search input — multi-select with search enabled */}\n        {!disableSearch && !single ? (\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            <input\n              ref={inputRef}\n              id={id}\n              type=\"text\"\n              className={cx(styles[\"input\"], { [styles[\"error\"]]: error })}\n              role=\"combobox\"\n              aria-controls={ariaControls}\n              aria-expanded={isOpen}\n              aria-haspopup=\"tree\"\n              value={searchValue}\n              onChange={onSearchChange}\n              onKeyDown={(e: KeyboardEvent<HTMLInputElement>) =>\n                onInputKeyDown?.(e)\n              }\n              disabled={disabled}\n              readOnly={readOnly}\n              placeholder={\n                selectedOptions.length === 0 ? placeholder : undefined\n              }\n              {...comboboxProps}\n            />\n          </Flex>\n        ) : null}\n\n        {/* Read-only trigger input — single mode or search disabled */}\n        {single || disableSearch ? (\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            <input\n              ref={inputRef}\n              id={id}\n              type=\"text\"\n              className={cx(styles[\"input\"], { [styles[\"error\"]]: error })}\n              role=\"combobox\"\n              aria-controls={ariaControls}\n              aria-expanded={isOpen}\n              aria-haspopup=\"tree\"\n              readOnly\n              value={\n                single && selectedOptions.length > 0\n                  ? selectedOptions[0].label\n                  : \"\"\n              }\n              disabled={disabled}\n              placeholder={\n                selectedOptions.length === 0 ? placeholder : undefined\n              }\n              onKeyDown={(e: KeyboardEvent<HTMLInputElement>) =>\n                onInputKeyDown?.(e)\n              }\n              {...comboboxProps}\n            />\n          </Flex>\n        ) : null}\n      </div>\n\n      {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n\n      <div className={styles[\"buttons-wrapper\"]}>\n        <div className={styles[\"toggle-button-wrapper\"]}>\n          <Button\n            icon={Chevron_Right}\n            aria-label=\"toggle menu\"\n            appearance=\"ghost\"\n            size=\"small\"\n            disabled={disabled}\n            aria-expanded={isOpen}\n            className={styles[\"toggle-button\"]}\n            tabIndex={-1}\n            onClick={() => {\n              onWrapperClick?.();\n              inputRef?.current?.focus();\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTreeSelectFieldInput.displayName = \"TreeSelectFieldInput\";\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  useEffect,\n  useImperativeHandle,\n  useCallback,\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n  TreeSelectFieldHandle,\n  TreeSelectFieldNode,\n  TreeSelectFieldProps,\n} from \"./types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks/useLayoutPropsUtil\";\nimport { warnDeprecatedErrorUsage } from \"../../../components/FieldMessage\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { FieldLabel } from \"../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../components/SrOnly\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { TreeSelectFieldInput } from \"./internal/TreeSelectFieldInput\";\nimport { useTreeLoader } from \"./internal/useTreeLoader\";\nimport { useTree } from \"./internal/useTree\";\nimport { TreeContent } from \"./internal/TreeContent\";\nimport { findNode } from \"./internal/treeUtils\";\nimport { useTreeLazyCascade } from \"./internal/useTreeLazyCascade\";\nimport triggerStyles from \"../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\n\n/**\n * TreeSelectField component for selecting one or more nodes from a hierarchical tree structure.\n *\n * Features:\n * - Async tree data loading via loadOptions callback with optional LRU caching\n * - Single-select and multi-select modes\n * - Multi-select chips display with optional singleRow and maxChips limits\n * - Search filtering that preserves tree structure\n * - Cascading parent/child selection (linked mode) or independent node selection\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, Backspace)\n * - Imperative handle for clearCache, invalidate, expandAll, collapseAll\n * - Accessible label, error, hint, description, and warning helper text\n * - Prefix and suffix slot support\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <TreeSelectField\n *   label=\"Select Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={async (search) => fetchCategories(search)}\n * />\n */\nexport const TreeSelectField = forwardRef<\n  TreeSelectFieldHandle,\n  TreeSelectFieldProps\n>((propsWithLayout, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(propsWithLayout);\n\n  const {\n    id: idProp,\n    label,\n    labelNode,\n    hideLabel,\n    placeholder,\n    size,\n    error,\n    hint,\n    moreInfo,\n    labelAiMark,\n    description,\n    warning,\n    required,\n    disabled,\n    readOnly,\n    prefix,\n    suffix,\n    className,\n    style,\n    disableSearch,\n    debounceMs = 200,\n    searchValue: searchValueProp,\n    onSearchChange,\n    singleRow,\n    maxChips,\n    virtualize,\n    value,\n    onSelectedOptionsChange,\n    selectionMode = \"linked\",\n    valueConsistsOf = \"LEAF_PRIORITY\",\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    loadOptions,\n    cache,\n    initialLoad,\n    displayMenuAs: displayMenuAsProp = \"auto\",\n  } = componentProps;\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const treePanelRef = useRef<HTMLDivElement>(null);\n\n  warnDeprecatedErrorUsage(\"TreeSelectField\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n  const hasHelperText = !!(hint || errorMessages || warning || description);\n  const isSingleSelect = selectionMode === \"single\";\n  // In single mode, ALL/BRANCH_PRIORITY/LEAF_PRIORITY are equivalent — any\n  // node is selectable. Only LEAF_ONLY restricts to leaves, and BRANCH_ONLY\n  // restricts to branches. In multi-select modes, branches are always\n  // selectable; valueConsistsOf only controls the value shape.\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 (uncontrolled or controlled)\n  // ---------------------------------------------------------------------------\n\n  const isSearchControlled = searchValueProp !== undefined;\n  const [internalSearchValue, setInternalSearchValue] = useState(\"\");\n  const searchValue = isSearchControlled\n    ? searchValueProp\n    : internalSearchValue;\n\n  const handleSearchChange = useCallback(\n    (v: string) => {\n      if (!isSearchControlled) {\n        setInternalSearchValue(v);\n      }\n      onSearchChange?.(v);\n    },\n    [isSearchControlled, 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  const openMenu = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n    loader.onOpen();\n  }, [disabled, loader]);\n\n  // Trigger search in loader when searchValue changes (including clearing to\n  // empty string so root nodes reload). Skip the initial mount since the loader\n  // handles initial loading via its own initialLoad/onOpen mechanism.\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 -- We only want to re-run when searchValue changes, not on loader reference changes\n  }, [searchValue]);\n\n  // ---------------------------------------------------------------------------\n  // Tree state\n  // ---------------------------------------------------------------------------\n\n  const tree = useTree({\n    nodes: loader.nodes,\n    value,\n    onSelectedOptionsChange,\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    closeMenuRef.current();\n    inputRef.current?.focus();\n  }, []);\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    readOnly,\n    onCloseAfterSingleSelect,\n  });\n\n  const closeMenu = useCallback(() => {\n    setIsOpen(false);\n    handleSearchChange(\"\");\n    resetLazyCascade();\n  }, [handleSearchChange, resetLazyCascade]);\n\n  useEffect(() => {\n    closeMenuRef.current = closeMenu;\n  }, [closeMenu]);\n\n  // ---------------------------------------------------------------------------\n  // Keyboard handlers\n  // ---------------------------------------------------------------------------\n\n  // Resolve the currently keyboard-focused node from activeDescendantId.\n  // Node IDs may be string or number; try the string form first so that\n  // string IDs like \"003\" aren't mis-coerced to the number 3.\n  const getActiveNode = useCallback((): TreeSelectFieldNode | undefined => {\n    const descId = tree.activeDescendantId;\n    if (!descId) return undefined;\n    const nodeId = descId.replace(/^treeitem-/, \"\");\n    const stringMatch = findNode(tree.nodes, nodeId);\n    if (stringMatch) return stringMatch;\n    const numId = Number(nodeId);\n    return Number.isNaN(numId) ? undefined : findNode(tree.nodes, numId);\n  }, [tree.activeDescendantId, tree.nodes]);\n\n  const handleInputKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        if (isOpen) {\n          e.stopPropagation();\n          closeMenu();\n        }\n        return;\n      }\n\n      if (e.key === \"Tab\") {\n        if (isOpen) closeMenu();\n        return;\n      }\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        if (!isOpen) {\n          openMenu();\n        }\n        tree.onKeyDown(e);\n        return;\n      }\n\n      if (\n        e.key === \"Backspace\" &&\n        !isSingleSelect &&\n        !readOnly &&\n        searchValue === \"\" &&\n        value.length > 0\n      ) {\n        const next = value.slice(0, -1);\n        onSelectedOptionsChange(next);\n        return;\n      }\n\n      if (isOpen) {\n        // Intercept Enter to route through handleToggleNode (selectability,\n        // lazy loading, single-select close) instead of useTree's toggleNode.\n        // When search is disabled, Space also toggles the focused node — with\n        // search enabled, Space types a character into the input.\n        if (e.key === \"Enter\" || (e.key === \" \" && disableSearch)) {\n          const activeNode = getActiveNode();\n          if (activeNode) {\n            e.preventDefault();\n            handleToggleNode(activeNode.id);\n          }\n          return;\n        }\n\n        // Intercept ArrowRight to trigger lazy loading on unloaded branches.\n        // Let tree.onKeyDown handle the expansion state, then load children.\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        // Delegate remaining keys (ArrowUp, ArrowLeft, Home, End)\n        // to tree navigation.\n        tree.onKeyDown(e);\n      }\n    },\n    [\n      isOpen,\n      openMenu,\n      closeMenu,\n      isSingleSelect,\n      readOnly,\n      searchValue,\n      value,\n      onSelectedOptionsChange,\n      tree,\n      getActiveNode,\n      handleToggleNode,\n      loader,\n      disableSearch,\n    ],\n  );\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 panelProps = {\n    visibleNodes: tree.visibleNodes,\n    getCheckState: (id: string | number) =>\n      id === pendingToggleNodeId ? \"loading\" : tree.getCheckState(id),\n    toggleNode: handleToggleNode,\n    toggleExpand: tree.toggleExpand,\n    getTreeItemProps: tree.getTreeItemProps,\n    treeProps: { ...tree.treeProps, id: `${id}-tree`, \"aria-label\": label },\n    activeDescendantId: tree.activeDescendantId,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    readOnly,\n    onHover: tree.setActiveNodeId,\n    onLoadChildren: handleLoadChildren,\n  };\n\n  const labelContent = (\n    <FieldLabel\n      el=\"label\"\n      htmlFor={`${id}-input`}\n      required={required}\n      moreInfo={moreInfo}\n      moreInfoId={moreInfo ? moreInfoUid : undefined}\n      aiMark={labelAiMark}\n    >\n      {labelNode ?? label}\n    </FieldLabel>\n  );\n\n  return (\n    <div\n      className={cx(triggerStyles[\"search-field\"], className)}\n      style={{ ...layoutStyles, ...style }}\n    >\n      {/* Label */}\n      {hideLabel ? <SrOnly>{labelContent}</SrOnly> : labelContent}\n\n      {/* Input area */}\n      <TreeSelectFieldInput\n        id={`${id}-input`}\n        placeholder={placeholder}\n        size={size}\n        disabled={disabled}\n        readOnly={readOnly}\n        error={!!error}\n        single={isSingleSelect}\n        singleRow={singleRow}\n        maxChips={maxChips}\n        prefix={prefix}\n        suffix={suffix}\n        selectedOptions={value}\n        onRemoveOption={(option) =>\n          onSelectedOptionsChange(value.filter((v) => v.id !== option.id))\n        }\n        inputRef={inputRef}\n        inputWrapperRef={inputWrapperRef}\n        searchValue={searchValue}\n        onSearchChange={(e) => {\n          handleSearchChange(e.target.value);\n          if (!isOpen) openMenu();\n        }}\n        onInputKeyDown={handleInputKeyDown}\n        onWrapperClick={() => {\n          if (!disabled) {\n            if (isOpen) {\n              closeMenu();\n            } else {\n              openMenu();\n            }\n            inputRef.current?.focus();\n          }\n        }}\n        isOpen={isOpen}\n        ariaControls={`${id}-tree`}\n        disableSearch={disableSearch}\n        comboboxProps={{\n          \"aria-describedby\":\n            [hasHelperText && helperUid, moreInfo && moreInfoUid]\n              .filter(Boolean)\n              .join(\" \") || undefined,\n          \"aria-invalid\": error ? (true as const) : undefined,\n          \"aria-activedescendant\": isOpen ? tree.activeDescendantId : undefined,\n          onClick: disabled\n            ? undefined\n            : () => {\n                if (isOpen) {\n                  closeMenu();\n                } else {\n                  openMenu();\n                }\n              },\n        }}\n      />\n\n      {/* Helper text */}\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n\n      {/* Dropdown */}\n      {displayAs === \"dialog\" ? (\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen && !disabled}\n          onClose={closeMenu}\n          title={label}\n          initialFocusResolver={(elements) =>\n            elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n          }\n          field={\n            <TreeSelectFieldInput\n              id={`${id}-dialog-input`}\n              placeholder={placeholder}\n              size=\"medium\"\n              disabled={disabled}\n              readOnly={readOnly}\n              error={!!error}\n              single={isSingleSelect}\n              singleRow\n              maxChips={20}\n              prefix={prefix}\n              suffix={suffix}\n              selectedOptions={value}\n              onRemoveOption={(option) =>\n                onSelectedOptionsChange(value.filter((v) => v.id !== option.id))\n              }\n              searchValue={searchValue}\n              onSearchChange={(e) => {\n                handleSearchChange(e.target.value);\n                if (!isOpen) openMenu();\n              }}\n              onInputKeyDown={handleInputKeyDown}\n              isOpen={isOpen}\n              ariaControls={`${id}-tree`}\n              disableSearch={false}\n              comboboxProps={{\n                \"aria-activedescendant\": isOpen\n                  ? tree.activeDescendantId\n                  : undefined,\n              }}\n            />\n          }\n        >\n          {isOpen && !disabled ? (\n            <TreeContent\n              ref={treePanelRef}\n              loading={loader.isLoading}\n              hasNoVisibleNodes={tree.visibleNodes.length === 0}\n              virtualize={virtualize}\n              panelProps={panelProps}\n            />\n          ) : null}\n        </OptionsDialog>\n      ) : (\n        <OptionsPopover\n          id={`${id}-popover`}\n          referenceElement={inputWrapperRef}\n          open={isOpen && !disabled}\n          onClose={closeMenu}\n          width=\"reference\"\n        >\n          {isOpen && !disabled ? (\n            <TreeContent\n              ref={treePanelRef}\n              loading={loader.isLoading}\n              hasNoVisibleNodes={tree.visibleNodes.length === 0}\n              virtualize={virtualize}\n              panelProps={panelProps}\n            />\n          ) : null}\n        </OptionsPopover>\n      )}\n    </div>\n  );\n});\n\nTreeSelectField.displayName = \"TreeSelectField\";\n","import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectField } from \"./TreeSelectField\";\nimport {\n  TreeSelectFieldHandle,\n  TreeSelectFieldNode,\n  TreeSelectFieldProps,\n} from \"./types\";\nimport {\n  TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"./internal/treeSync\";\n\nexport type { TreeSyncFilterFn };\n\n/**\n * Props for the TreeSelectFieldSync 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 TreeSelectFieldProps\n */\nexport type TreeSelectFieldSyncProps = Omit<\n  TreeSelectFieldProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The static tree options to display in the field.\n   */\n  options: TreeSelectFieldNode[];\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   * <TreeSelectFieldSync\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   * <TreeSelectFieldSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectFieldNode>;\n};\n\n/**\n * TreeSelectFieldSync is a simplified wrapper around TreeSelectField 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 field when the options reference changes.\n * - Supports all other props of TreeSelectField.\n *\n * @example\n * <TreeSelectFieldSync\n *   label=\"Select location\"\n *   options={locationTree}\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n * />\n */\nexport const TreeSelectFieldSync = (props: TreeSelectFieldSyncProps) => {\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 fieldRef = useRef<TreeSelectFieldHandle>(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    <TreeSelectField\n      ref={fieldRef}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n\nTreeSelectFieldSync.displayName = \"TreeSelectFieldSync\";\n"],"names":["Chevron_Right","id","triggerStyles"],"mappings":"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"}

package/dist/TreeSelectFieldSync.css

@@ -0,0 +1,173 @@
+.anvil2 {/* BASE */._input-wrapper_82zwk_2 {
+  --a2-mod-tree-select-field-input-height: calc(
+    var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+  );
+  --a2-mod-tree-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: block;
+  background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
+  border: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  display: flex;
+  outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  outline-offset: var(--a2-size-half, 0.125rem);
+  padding-inline-end: var(--a2-mod-tree-select-field-input-padding-inline-end);
+  padding-inline-start: var(--a2-size-3, 0.75rem);
+  position: relative;
+}._input-wrapper_82zwk_2:focus:not([disabled]), ._input-wrapper_82zwk_2:focus-visible, ._input-wrapper_82zwk_2:has(._input_82zwk_2:focus-visible) {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._input-wrapper_82zwk_2:has(._input_82zwk_2._error_82zwk_30) {
+  border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
+}._input-wrapper_82zwk_2:focus:has(._input_82zwk_2._error_82zwk_30):not([disabled]), ._input-wrapper_82zwk_2:focus-visible:has(._input_82zwk_2._error_82zwk_30), ._input-wrapper_82zwk_2:has(._input_82zwk_2._error_82zwk_30:focus-visible) {
+  outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
+  outline-width: var(--a2-size-half, 0.125rem);
+}._input-wrapper_82zwk_2._disabled_82zwk_37, ._input-wrapper_82zwk_2[disabled], ._input-wrapper_82zwk_2:has(._input_82zwk_2:disabled) {
+  opacity: 0.4;
+}._input-wrapper_82zwk_2._disabled_82zwk_37 *, ._input-wrapper_82zwk_2[disabled] *, ._input-wrapper_82zwk_2:has(._input_82zwk_2:disabled) * {
+  cursor: not-allowed;
+}._input-wrapper_82zwk_2[disabled], ._input-wrapper_82zwk_2[readonly], ._input-wrapper_82zwk_2._disabled_82zwk_37 {
+  background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+}._input-flex_82zwk_47 {
+  flex: 1 1 100px;
+  min-width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 0;
+}._input_82zwk_2[type=text] {
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: block;
+  align-items: center;
+  display: flex;
+  flex: 1 0 100px;
+  height: var(--a2-mod-tree-select-field-input-height);
+  min-width: 100px;
+  box-shadow: none;
+  padding-block: var(--a2-size-2, 0.5rem);
+  padding-inline: 0;
+  transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: 100px;
+}._input_82zwk_2[type=text]:focus {
+  box-shadow: none;
+}._input_82zwk_2[type=text]::-moz-placeholder {
+  color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+}._input_82zwk_2[type=text]::placeholder {
+  color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+}@media (prefers-reduced-motion: reduce) {
+  ._input_82zwk_2[type=text] {
+    transition-duration: 0.01ms !important;
+    transition-property: outline;
+  }
+}input._input_82zwk_2:-moz-read-only {
+  background-color: inherit;
+}input._input_82zwk_2:read-only {
+  background-color: inherit;
+}._rows-wrapper_82zwk_95 {
+  align-items: stretch;
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  flex-wrap: wrap;
+  gap: 0 var(--a2-size-1, 0.25rem);
+  max-width: 100%;
+  width: 100%;
+}._chip-wrapper_82zwk_106 {
+  align-items: center;
+  display: flex;
+  height: var(--a2-mod-tree-select-field-input-height);
+  justify-content: center;
+  max-width: 100%;
+}._chip_82zwk_106 {
+  --a2-mod-chip-max-width: 100%;
+}._buttons-wrapper_82zwk_118 {
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  height: var(--a2-mod-tree-select-field-input-height);
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  position: absolute;
+}._toggle-button-wrapper_82zwk_135 {
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+}._toggle-button_82zwk_135 {
+  --a2-mod-button-background-color: transparent;
+  --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  transform: rotate(90deg);
+  transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+}._toggle-button_82zwk_135[aria-expanded=true] {
+  transform: rotate(270deg);
+}._toggle-button_82zwk_135[data-interactive=hover]::before, ._toggle-button_82zwk_135:hover::before, ._toggle-button_82zwk_135:disabled:not(._loading-infinite_82zwk_160, ._loading-progress_82zwk_160), ._toggle-button_82zwk_135._disabled_82zwk_37:not(._loading-infinite_82zwk_160, ._loading-progress_82zwk_160), ._toggle-button_82zwk_135[aria-disabled=true]:not(._loading-infinite_82zwk_160, ._loading-progress_82zwk_160) {
+  --a2-mod-button-background-color: transparent;
+}@media (prefers-reduced-motion: reduce) {
+  ._toggle-button_82zwk_135 {
+    transition-duration: 0.01ms !important;
+  }
+}[aria-expanded=true] ._toggle-button-wrapper_82zwk_135 ._toggle-button_82zwk_135 {
+  transform: rotate(270deg);
+}._prefix_82zwk_173,
+._suffix_82zwk_174 {
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  font-weight: var(--a2-font-weight-semibold, 600);
+  justify-content: center;
+  min-width: var(--a2-size-8, 2rem);
+}._prefix_82zwk_173 {
+  padding-inline-end: var(--a2-size-2, 0.5rem);
+}._suffix_82zwk_174 {
+  padding-inline-end: var(--a2-size-2, 0.5rem);
+  padding-inline-start: var(--a2-size-2, 0.5rem);
+}/* MODIFIERS */._small_82zwk_202 {
+  --a2-mod-tree-select-field-input-height: calc(
+    var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+  );
+}._large_82zwk_208 {
+  --a2-mod-tree-select-field-input-height: calc(
+    var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+  );
+}
+}

package/dist/TreeSelectMenu.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/TreeSelectMenu.js

@@ -0,0 +1,2 @@
+export { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-s05Ly6lj.js';
+//# sourceMappingURL=TreeSelectMenu.js.map

package/dist/TreeSelectMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}