@cube-dev/ui-kit 0.210.0 → 0.211.0

package/dist/components/fields/FilterListBox/FilterListBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListBox.js","names":["ItemElement","Key","modAttrs","Styles","cloneElement","ForwardedRef","forwardRef","isValidElement","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFilter","useFocusWithin","useId","useKeyboard","Section","BaseSection","useListState","useEvent","useI18n","LoadingIcon","useFocus","mergeProps","useCombinedRefs","CubeCollectionItemProps","CollectionItem","Item","splitFieldLayout","useFieldProps","getValidationMods","wrapWithField","CubeListBoxProps","ListBox","getListBoxOptionId","getEdgeVisibleKey","getNextVisibleKey","markKeyboardFocus","FilterListBoxWrapperElement","SearchInputElement","SearchWrapperElement","StyledHeaderWithoutBorder","Collection","Node","FieldBaseProps","FilterFn","textValue","inputValue","CubeFilterListBoxProps","Omit","T","searchPlaceholder","autoFocus","filter","emptyLabel","searchInputStyles","isLoading","isLoadingItems","searchInputRef","HTMLInputElement","allowsCustomValue","mods","Record","listBoxStyles","onEscape","isCheckable","onOptionClick","key","customValueProps","Partial","newCustomValueProps","searchValue","onSearchChange","value","_internalCollection","FilterListBox","props","ref","HTMLDivElement","valuePropsMapper","onChange","fieldProps","selectionMode","selectedKeys","selectedKey","onSelectionChange","Array","isArray","t","qa","label","extra","id","labelStyles","isRequired","necessityIndicator","isInvalid","isValid","isDisabled","externalMods","listStyles","optionStyles","sectionStyles","headingStyles","listGap","listRef","message","description","styles","focusOnHover","shouldFocusWrap","labelSuffix","defaultSelectedKey","defaultSelectedKeys","externalOnSelectionChange","showSelectAll","selectAllLabel","header","footer","size","headerStyles","footerStyles","items","children","renderChildren","allValueProps","controlledSearchValue","isReorderable","onReorder","form","renderFn","itemsArray","from","Iterable","map","item","idx","rendered","it","localCollectionState","collection","originalKeys","keys","Set","type","add","String","customKeys","setCustomKeys","internalSearchValue","setInternalSearchValue","isSearchControlled","undefined","contains","sensitivity","currentSelectedKeys","length","keysToAdd","k","has","prev","mergedChildren","term","trim","localFilter","customArray","selectedKeysSet","forEach","selectedCustom","unselectedCustom","push","originalArray","innerAriaLabel","handleSearchChange","textFilterFn","filterFn","nodes","node","childNodes","filteredNodes","child","hasChildNodes","Boolean","enhancedChildren","childrenToProcess","doesTermExist","hasVisibleFilteredItems","customKey","customOption","hasSections","some","customValueSection","filteredItemsSection","fieldLayout","fillHeightOnFlex","isFocused","focusProps","isFocusWithin","setIsFocusWithin","focusWithinProps","onFocusWithinChange","listBoxRef","listBoxId","listStateRef","activeOptionKey","setActiveOptionKey","setVirtualFocus","current","selectionManager","setFocusedKey","listState","newCustomValueKey","customValueHasMatches","collectFocusableKeys","out","inCustomSection","disabledKeys","isCustomSection","visibleKeys","customValueShouldBeFocused","currentFocused","focusedKey","includes","currentIsNewCustomValue","keepsFocus","findFirstVisibleSelectedKey","selectedKeyStr","keyStr","keyToFocus","firstRealKey","find","lastFocusSourceRef","keyboardProps","onKeyDown","e","preventDefault","nextKey","wrap","targetKey","keyToSelect","select","disabled","focused","loading","searchable","prefix","suffix","handleSelectionChange","selection","selectedValues","nextSet","val","handleOptionClick","setTimeout","focus","searchInput","target","filterListBoxField","disallowEmptySelection","allowDuplicateSelectionEvents","field","Object","defineProperty","enumerable","configurable","Item","mergeProps","BaseSection","useFocus","useId"],"sources":["../../../../src/components/fields/FilterListBox/FilterListBox.tsx"],"sourcesContent":["import { ItemElement, Key } from '@react-types/shared';\nimport { modAttrs, Styles } from '@tenphi/tasty';\nimport {\n  cloneElement,\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useFocusWithin, useId, useKeyboard } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n/useI18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../../utils/react/useCombinedRefs';\nimport {\n  CubeCollectionItemProps,\n  CollectionItem as Item,\n} from '../../CollectionItem';\nimport { splitFieldLayout } from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { getValidationMods } from '../../form/validation/resolve-validation-props';\nimport { wrapWithField } from '../../form/wrapper';\nimport { CubeListBoxProps, ListBox } from '../ListBox/ListBox';\nimport { getListBoxOptionId } from '../ListBox/optionId';\nimport {\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  markKeyboardFocus,\n} from '../ListBoxPopover/listNavigation';\n\nimport {\n  FilterListBoxWrapperElement,\n  SearchInputElement,\n  SearchWrapperElement,\n  StyledHeaderWithoutBorder,\n} from './styled';\n\nimport type { Collection, Node } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport interface CubeFilterListBoxProps<T>\n  // It sets `isFocusWithin` on its list itself.\n  extends\n    Omit<CubeListBoxProps<T>, 'filter' | 'isFocusWithin'>,\n    FieldBaseProps<\n      string | number | readonly (string | number)[] | null | undefined\n    > {\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Whether the search input should have autofocus */\n  autoFocus?: boolean;\n  /**\n   * Custom filter function for determining if an option should be included in search results.\n   * Pass `false` to disable internal filtering completely (useful for external filtering).\n   */\n  filter?: FilterFn | false;\n  /** Label shown when the list is empty. When provided, overrides both the \"No results found\" and \"No items\" defaults. */\n  emptyLabel?: ReactNode;\n  /** Custom styles for the search input */\n  searchInputStyles?: Styles;\n  /** Whether the FilterListBox is in loading state (shows loading icon in search input) */\n  isLoading?: boolean;\n  /** Whether items are currently loading. Shows a loading icon in the search input suffix. */\n  isLoadingItems?: boolean;\n  /** Ref for accessing the search input element */\n  searchInputRef?: RefObject<HTMLInputElement | null>;\n  /** Whether to allow entering custom values that are not present in the predefined options */\n  allowsCustomValue?: boolean;\n  /** Additional modifiers for styling the FilterListBox */\n  mods?: Record<string, boolean>;\n  /** Custom styles for the list box */\n  listBoxStyles?: Styles;\n\n  /**\n   * Callback fired when the user presses Escape key while the search input is empty.\n   * Can be used by parent components (e.g. FilterPicker) to close an enclosing Dialog.\n   */\n  onEscape?: () => void;\n\n  /**\n   * Whether to show checkboxes for multiple selection mode.\n   * This adds a checkbox icon to the left of each option.\n   */\n  isCheckable?: boolean;\n\n  /**\n   * Callback fired when an option is clicked but not on the checkbox area.\n   * Used by FilterPicker to close the popover on non-checkbox clicks.\n   */\n  onOptionClick?: (key: Key) => void;\n\n  /**\n   * Props to apply to existing custom values (values that are already selected but not in the predefined options).\n   */\n  customValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n  /**\n   * Props to apply to new custom values (values typed in the search input that are about to be added).\n   * These are merged with customValueProps for new custom values.\n   */\n  newCustomValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n  /**\n   * Controlled search value. When provided, the search input becomes controlled.\n   * Use with `onSearchChange` to manage the search state externally.\n   */\n  searchValue?: string;\n\n  /**\n   * Callback fired when the search input value changes.\n   * Use with `searchValue` for controlled search input.\n   */\n  onSearchChange?: (value: string) => void;\n\n  /**\n   * Pre-built collection to use instead of creating a new one.\n   * Used internally by FilterPicker to avoid duplicate collection creation.\n   * @internal\n   */\n  _internalCollection?: Collection<Node<any>>;\n}\n\nexport const FilterListBox = forwardRef(function FilterListBox<\n  T extends object,\n>(props: CubeFilterListBoxProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  props = useFieldProps(props, {\n    valuePropsMapper: ({ value, onChange }) => {\n      const fieldProps: any = {};\n\n      if (props.selectionMode === 'multiple') {\n        fieldProps.selectedKeys = value || [];\n      } else {\n        fieldProps.selectedKey = value ?? null;\n      }\n\n      fieldProps.onSelectionChange = (key: any) => {\n        if (props.selectionMode === 'multiple') {\n          // Handle \"all\" selection and array selections\n          if (key === 'all') {\n            onChange('all');\n          } else {\n            onChange(key ? (Array.isArray(key) ? key : [key]) : []);\n          }\n        } else {\n          onChange(Array.isArray(key) ? key[0] : key);\n        }\n      };\n\n      return fieldProps;\n    },\n  });\n\n  const { t } = useI18n();\n\n  let {\n    qa,\n    label,\n    extra,\n    id,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    isDisabled,\n    isLoading,\n    isLoadingItems,\n    searchPlaceholder = t('filterListBox.searchPlaceholder', 'Search...'),\n    autoFocus,\n    filter,\n    mods: externalMods,\n    emptyLabel,\n    searchInputStyles,\n    listStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    searchInputRef,\n    listRef,\n    message,\n    description,\n    styles,\n    focusOnHover,\n    shouldFocusWrap,\n    labelSuffix,\n    selectedKey,\n    defaultSelectedKey,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange: externalOnSelectionChange,\n    allowsCustomValue = false,\n    showSelectAll,\n    selectAllLabel,\n    header,\n    footer,\n    size = 'medium',\n    headerStyles,\n    footerStyles,\n    listBoxStyles,\n    items,\n    children: renderChildren,\n    onEscape,\n    isCheckable,\n    onOptionClick,\n    selectionMode = 'single',\n    allValueProps,\n    customValueProps,\n    newCustomValueProps,\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    _internalCollection,\n    isReorderable = false,\n    onReorder,\n    form,\n  } = props;\n\n  // Preserve the original `children` (may be a render function) before we\n  // potentially overwrite it.\n  let children: ReactNode = renderChildren as ReactNode;\n\n  const renderFn = renderChildren as unknown;\n\n  if (items && typeof renderFn === 'function') {\n    try {\n      const itemsArray = Array.from(items as Iterable<any>);\n      // Execute the render function for each item to obtain <Item/> / <Section/> nodes.\n      children = itemsArray.map((item, idx) => {\n        const rendered = (renderFn as (it: any) => ReactNode)(item);\n        // Ensure every element has a stable key: rely on the user-provided key\n        // inside the render function, otherwise fall back to the item itself or\n        // the index. This mirrors React Aria examples where the render function\n        // is expected to set keys, but we add a fallback for robustness.\n        if (\n          isValidElement(rendered) &&\n          (rendered as ReactElement).key == null\n        ) {\n          return cloneElement(rendered as ReactElement, {\n            key: (rendered as any)?.key ?? item?.key ?? idx,\n          });\n        }\n\n        return rendered as ReactNode;\n      });\n    } catch {\n      // If conversion fails for some reason, we silently ignore and proceed\n      // with the original children value so we don't break runtime.\n    }\n  }\n\n  // Use provided collection from FilterPicker or create our own\n  // Hook call order is stable: _internalCollection is consistent per component instance\n  const localCollectionState = _internalCollection\n    ? { collection: _internalCollection }\n    : useListState({\n        children: children as any,\n        items: items as any,\n        selectionMode: 'none' as any,\n      });\n\n  // Collect original option keys to avoid duplicating them as custom values.\n  const originalKeys = useMemo(() => {\n    const keys = new Set<string>();\n    for (const item of localCollectionState.collection) {\n      if (item.type === 'item') {\n        keys.add(String(item.key));\n      }\n    }\n    return keys;\n  }, [localCollectionState.collection]);\n\n  // State to keep track of custom (user-entered) items that were selected.\n  const [customKeys, setCustomKeys] = useState<Set<string>>(new Set());\n\n  // Controlled/uncontrolled search value pattern\n  const [internalSearchValue, setInternalSearchValue] = useState('');\n  const isSearchControlled = controlledSearchValue !== undefined;\n  const searchValue = isSearchControlled\n    ? controlledSearchValue\n    : internalSearchValue;\n\n  const { contains } = useFilter({ sensitivity: 'base' });\n\n  // Initialize custom keys from current selection\n  useEffect(() => {\n    if (!allowsCustomValue) return;\n\n    const currentSelectedKeys = selectedKeys\n      ? selectedKeys === 'all'\n        ? [] // Skip custom key detection when 'all' is selected\n        : Array.from(selectedKeys).map(String)\n      : selectedKey != null\n        ? [String(selectedKey)]\n        : [];\n\n    if (currentSelectedKeys.length === 0) return;\n\n    const keysToAdd = currentSelectedKeys.filter((k) => !originalKeys.has(k));\n\n    if (keysToAdd.length) {\n      setCustomKeys((prev) => new Set([...Array.from(prev), ...keysToAdd]));\n    }\n  }, [allowsCustomValue, selectedKeys, selectedKey, originalKeys]);\n\n  // Merge original children with any custom items so they persist in the list.\n  // If there are selected custom values, they should appear on top with other\n  // selected items (which are already sorted by the parent component, e.g. FilterPicker).\n  const mergedChildren: ReactNode = useMemo(() => {\n    if (!children && customKeys.size === 0) return children;\n\n    // Selected custom values are injected by FilterListBox itself, not by the\n    // parent. They must respect the search input regardless of the `filter`\n    // prop — `filter={false}` only describes the parent's authority over its\n    // own items. Filter them with the user-provided filter (if any) or the\n    // default `contains`.\n    const term = searchValue.trim();\n    const localFilter: FilterFn =\n      typeof filter === 'function' ? filter : contains;\n\n    // Build React elements for custom values (kept stable via their key).\n    const customArray = Array.from(customKeys)\n      .filter((key) => !term || localFilter(key, term))\n      .map((key) => (\n        <Item key={key} textValue={key} {...customValueProps}>\n          {key}\n        </Item>\n      ));\n\n    // Identify which custom keys are currently selected so we can promote them.\n    const selectedKeysSet = new Set<string>();\n\n    if (selectionMode === 'multiple') {\n      if (selectedKeys === 'all') {\n        // When 'all' is selected, no custom items should be treated as selected\n        // since 'all' means all available items, not custom ones\n      } else {\n        Array.from(selectedKeys ?? []).forEach((k) =>\n          selectedKeysSet.add(String(k)),\n        );\n      }\n    } else {\n      if (selectedKey != null) selectedKeysSet.add(String(selectedKey));\n    }\n\n    const selectedCustom: ReactNode[] = [];\n    const unselectedCustom: ReactNode[] = [];\n\n    customArray.forEach((item: any) => {\n      if (selectedKeysSet.has(String(item.key))) {\n        selectedCustom.push(item);\n      } else {\n        unselectedCustom.push(item);\n      }\n    });\n\n    if (!children) {\n      // No original items – just return selected custom followed by the rest.\n      return [...selectedCustom, ...unselectedCustom];\n    }\n\n    const originalArray = Array.isArray(children) ? children : [children];\n\n    // Final order: selected custom items -> original array (already possibly\n    // sorted by parent) -> unselected custom items.\n    return [...selectedCustom, ...originalArray, ...unselectedCustom];\n  }, [\n    children,\n    customKeys,\n    selectionMode,\n    selectedKey,\n    selectedKeys,\n    searchValue,\n    filter,\n    contains,\n    customValueProps,\n  ]);\n\n  // Determine an aria-label for the internal ListBox to avoid React Aria warnings.\n  const innerAriaLabel =\n    (props as any)['aria-label'] ||\n    (typeof label === 'string' ? label : undefined);\n\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      if (!isSearchControlled) {\n        setInternalSearchValue(value);\n      }\n      onSearchChange?.(value);\n    },\n    [isSearchControlled, onSearchChange],\n  );\n\n  // Choose the text filter function: user-provided `filter` prop (if any),\n  // or the default `contains` helper from `useFilter`.\n  // When `filter={false}`, the parent owns filtering — we normally pass items\n  // through unchanged. The exception is when `isLoadingItems` is `true`: a\n  // server fetch is in flight and currently visible items are stale, so we\n  // fall back to client-side `contains` to hide non-matching stale items\n  // until the new items arrive.\n  const textFilterFn = useMemo<FilterFn>(() => {\n    if (filter === false) {\n      return isLoadingItems ? contains : () => true;\n    }\n    return filter || contains;\n  }, [filter, contains, isLoadingItems]);\n\n  // Create a filter function for collection nodes (similar to ComboBox pattern)\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) => {\n      // Server-side filtering with no fetch in flight — items are\n      // authoritative and shown as-is.\n      if (filter === false && !isLoadingItems) return nodes;\n\n      const term = searchValue.trim();\n\n      if (!term) {\n        return nodes;\n      }\n\n      // Filter nodes based on their textValue and preserve section structure\n      return [...nodes]\n        .map((node: any) => {\n          if (node.type === 'section' && node.childNodes) {\n            const filteredNodes = [...node.childNodes].filter((child: any) =>\n              textFilterFn(child.textValue || '', term),\n            );\n\n            if (filteredNodes.length === 0) {\n              return null;\n            }\n\n            return {\n              ...node,\n              childNodes: filteredNodes,\n              hasChildNodes: true,\n            };\n          }\n\n          return textFilterFn(node.textValue || '', term) ? node : null;\n        })\n        .filter(Boolean);\n    },\n    [filter, searchValue, textFilterFn, isLoadingItems],\n  );\n\n  // Handle custom values if allowed\n  const enhancedChildren = useMemo(() => {\n    let childrenToProcess = mergedChildren;\n\n    // Handle custom values if allowed\n    if (!allowsCustomValue) return childrenToProcess;\n\n    const term = searchValue.trim();\n    if (!term) return childrenToProcess;\n\n    // Helper to determine if the term is already present (exact match on rendered textValue or the key).\n    const doesTermExist = (term: string): boolean => {\n      // Check if term exists in custom keys\n      if (customKeys.has(term)) {\n        return true;\n      }\n\n      // Check if term exists in original collection\n      for (const item of localCollectionState.collection) {\n        if (item.type === 'item') {\n          const textValue = item.textValue || String(item.rendered || '');\n          if (term === textValue || String(item.key) === term) {\n            return true;\n          }\n        }\n      }\n      return false;\n    };\n\n    if (doesTermExist(term)) {\n      return childrenToProcess;\n    }\n\n    // Check if there are any items that will match the filter.\n    // This determines whether we need to visually separate the custom value\n    // from real items (i.e. render a divider between sections). When there\n    // are no visible items, we skip the section wrapper so no divider is\n    // drawn above a lone custom-value option.\n    //\n    // Selected custom values (from `customKeys`) are filtered by `localFilter`\n    // in `mergedChildren` regardless of `filter={false}`, so this check must\n    // use the same logic — otherwise we'd report \"items visible\" and draw a\n    // divider while the actual collection only contains the custom value.\n    const localFilter: FilterFn =\n      typeof filter === 'function' ? filter : contains;\n\n    const hasVisibleFilteredItems = (() => {\n      for (const item of localCollectionState.collection) {\n        if (item.type === 'item') {\n          const textValue = item.textValue || String(item.rendered || '');\n          if (textFilterFn(textValue, term)) {\n            return true;\n          }\n        } else if (item.type === 'section' && item.childNodes) {\n          for (const child of item.childNodes) {\n            const textValue = child.textValue || String(child.rendered || '');\n            if (textFilterFn(textValue, term)) {\n              return true;\n            }\n          }\n        }\n      }\n\n      for (const customKey of customKeys) {\n        if (localFilter(customKey, term)) {\n          return true;\n        }\n      }\n\n      return false;\n    })();\n\n    // Create the custom option\n    const customOption = (\n      <Item\n        key={term}\n        textValue={term}\n        {...mergeProps(customValueProps ?? {}, newCustomValueProps ?? {})}\n      >\n        {term}\n      </Item>\n    );\n\n    // If there are visible filtered items, add visual separation for custom value\n    if (hasVisibleFilteredItems && childrenToProcess) {\n      // Check if the collection contains any sections\n      // If it does, we can't wrap childrenToProcess in another section (would create nested sections)\n      const hasSections = [...localCollectionState.collection].some(\n        (item) => item.type === 'section',\n      );\n\n      const customValueSection = (\n        <BaseSection\n          key=\"__custom_value__\"\n          aria-label={t('filterListBox.customValue', 'Custom value')}\n        >\n          {customOption}\n        </BaseSection>\n      );\n\n      if (hasSections) {\n        // Collection has sections - just append the custom value section without wrapping\n        if (Array.isArray(childrenToProcess)) {\n          return [...childrenToProcess, customValueSection];\n        }\n        return [childrenToProcess, customValueSection];\n      }\n\n      // No sections in collection - wrap items in a section for visual separation\n      const filteredItemsSection = (\n        <BaseSection\n          key=\"__filtered_items__\"\n          aria-label={t('filterListBox.filteredItems', 'Filtered items')}\n        >\n          {childrenToProcess as ItemElement<unknown>[]}\n        </BaseSection>\n      );\n\n      return [filteredItemsSection, customValueSection];\n    }\n\n    // No visible filtered items, just return the custom option without sections\n    if (Array.isArray(childrenToProcess)) {\n      return [...childrenToProcess, customOption];\n    }\n\n    if (childrenToProcess) {\n      return [childrenToProcess, customOption];\n    }\n\n    return customOption;\n  }, [\n    allowsCustomValue,\n    mergedChildren,\n    searchValue,\n    customKeys,\n    localCollectionState.collection,\n    customValueProps,\n    newCustomValueProps,\n    textFilterFn,\n    filter,\n    contains,\n    t,\n  ]);\n\n  const fieldLayout = splitFieldLayout(props, { fillHeightOnFlex: true });\n\n  styles = fieldLayout.styles;\n\n  searchInputRef = useCombinedRefs(searchInputRef);\n  listRef = useCombinedRefs(listRef);\n\n  const { isFocused, focusProps } = useFocus();\n  // The search input moves the list's focused option, so the option shows as\n  // focused only while focus is in this component.\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: setIsFocusWithin,\n  });\n\n  const listBoxRef = useRef<HTMLDivElement>(null);\n  // The search input points `aria-controls` and `aria-activedescendant` into\n  // the list, so the list needs an id the input knows.\n  const listBoxId = useId();\n\n  // Ref to access internal ListBox state (selection manager, etc.)\n  const listStateRef = useRef<any>(null);\n\n  // The option under virtual focus, mirrored in state for the search input's\n  // `aria-activedescendant`: the listbox's own state update does not re-render\n  // this component. Every focus move below goes through `setVirtualFocus`.\n  const [activeOptionKey, setActiveOptionKey] = useState<Key | null>(null);\n  const setVirtualFocus = useEvent((key: Key | null) => {\n    listStateRef.current?.selectionManager.setFocusedKey(key);\n    setActiveOptionKey(key);\n  });\n\n  // When the search value changes, the visible collection of items may change as well.\n  // If the currently focused item is no longer visible, move virtual focus to the first\n  // available item so that arrow navigation and Enter behaviour continue to work.\n  // If there are no available items, reset the selection so Enter won't select anything.\n  // Priority: focus on selected items first, then fall back to first visible item.\n  useLayoutEffect(() => {\n    const listState = listStateRef.current;\n\n    if (!listState) return;\n\n    const { selectionManager, collection } = listState;\n\n    // Walk the collection and:\n    //   1. Collect the enabled keys of the visible items (supports sections).\n    //   2. Detect the synthetic \"new custom value\" option — the one generated\n    //      from the current search term when `allowsCustomValue` is true.\n    //\n    // The custom value is rendered in one of two layouts depending on whether\n    // any real item text-matches the search term (`hasVisibleFilteredItems`\n    // in `enhancedChildren`):\n    //   • Some items match → wrapped in a `__custom_value__` section\n    //     (`customValueHasMatches = true`)\n    //   • No items match    → appended at the top level with key === term\n    //     (`customValueHasMatches = false`)\n    //\n    // The layout itself is the signal we use to decide whether the custom\n    // value should be the focus target (no matches) or whether focus should\n    // move to a real item (matches present).\n    const term = searchValue.trim();\n    let newCustomValueKey: Key | null = null;\n    let customValueHasMatches = false;\n\n    const collectFocusableKeys = (\n      nodes: Iterable<any>,\n      out: Key[],\n      inCustomSection = false,\n    ) => {\n      for (const node of nodes) {\n        if (node.type === 'item') {\n          if (!listState.disabledKeys.has(node.key)) out.push(node.key);\n          if (inCustomSection) {\n            newCustomValueKey = node.key;\n            customValueHasMatches = true;\n          }\n        } else if (node.childNodes) {\n          const isCustomSection =\n            inCustomSection || node.key === '__custom_value__';\n          collectFocusableKeys(node.childNodes, out, isCustomSection);\n        }\n      }\n    };\n\n    const visibleKeys: Key[] = [];\n    collectFocusableKeys(collection, visibleKeys);\n\n    // Detect the appended-at-top-level case (no items text-match). The custom\n    // option is added with key === trimmed search term and lives directly in\n    // the top-level collection (not nested in any section).\n    if (newCustomValueKey == null && allowsCustomValue && term) {\n      for (const node of collection) {\n        if (node.type === 'item' && String(node.key) === term) {\n          newCustomValueKey = node.key;\n          customValueHasMatches = false;\n          break;\n        }\n      }\n    }\n\n    // If there are no visible items, reset the focused key so Enter won't select anything\n    if (visibleKeys.length === 0) {\n      setVirtualFocus(null);\n      return;\n    }\n\n    // The custom value should be the focus target when it exists and there\n    // are no real text-matches — the user's typed value is then the only\n    // actionable option. During an in-flight server fetch (`filter === false`\n    // + `isLoadingItems`) `textFilterFn` falls back to client-side `contains`\n    // so non-matching stale items are hidden, which keeps this signal honest.\n    const customValueShouldBeFocused =\n      newCustomValueKey != null && !customValueHasMatches;\n\n    // Decide whether the current focus is already on the right thing. If yes,\n    // don't disturb it. Otherwise fall through and re-pick a focus target.\n    const currentFocused = selectionManager.focusedKey;\n    if (currentFocused != null && visibleKeys.includes(currentFocused)) {\n      const currentIsNewCustomValue =\n        newCustomValueKey != null && currentFocused === newCustomValueKey;\n      const keepsFocus = customValueShouldBeFocused\n        ? currentIsNewCustomValue\n        : newCustomValueKey != null\n          ? // Custom value exists but isn't the priority (matches available)\n            // — any non-custom focus is fine.\n            !currentIsNewCustomValue\n          : // No custom value involved at all.\n            true;\n\n      if (keepsFocus) {\n        setActiveOptionKey(currentFocused);\n        return;\n      }\n    }\n\n    // Helper to find the first selected item that's visible\n    const findFirstVisibleSelectedKey = (): Key | null => {\n      if (selectionMode === 'single') {\n        // Single selection: check if selectedKey is visible\n        if (selectedKey != null) {\n          const selectedKeyStr = String(selectedKey);\n          if (visibleKeys.some((k) => String(k) === selectedKeyStr)) {\n            return selectedKey;\n          }\n        }\n      } else if (selectionMode === 'multiple') {\n        // Multiple selection: find first selected key that's visible\n        if (selectedKeys && selectedKeys !== 'all') {\n          for (const key of selectedKeys) {\n            const keyStr = String(key);\n            if (visibleKeys.some((k) => String(k) === keyStr)) {\n              return key;\n            }\n          }\n        }\n      }\n      return null;\n    };\n\n    // Determine which key to focus\n    let keyToFocus: Key | null = null;\n\n    if (customValueShouldBeFocused) {\n      // No real matches — promote the custom value over any selected/stale\n      // item so the user can press Enter to add the value they just typed.\n      keyToFocus = newCustomValueKey;\n    } else {\n      keyToFocus = findFirstVisibleSelectedKey();\n\n      // Fallback to first visible item if no selected item found. Prefer the\n      // first real (non-custom-value) item so focus doesn't land on the\n      // bottom-of-list custom-value suggestion when real items are available.\n      if (keyToFocus == null) {\n        const firstRealKey = visibleKeys.find((k) => k !== newCustomValueKey);\n        keyToFocus = firstRealKey ?? visibleKeys[0];\n      }\n    }\n\n    // Mark this focus change as keyboard navigation so ListBox will scroll to it\n    if (listState.lastFocusSourceRef) {\n      listState.lastFocusSourceRef.current = 'keyboard';\n    }\n\n    // Set focus to the determined key\n    setVirtualFocus(keyToFocus);\n  }, [\n    searchValue,\n    enhancedChildren,\n    selectionMode,\n    selectedKey,\n    selectedKeys,\n    allowsCustomValue,\n    setVirtualFocus,\n  ]);\n\n  // Keyboard navigation handler for search input\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n\n        const listState = listStateRef.current;\n        if (!listState) return;\n\n        // The collection is already filtered by React Stately via filterFn;\n        // disabled options are skipped.\n        const nextKey = getNextVisibleKey(\n          listState,\n          e.key === 'ArrowDown' ? 1 : -1,\n          { wrap: shouldFocusWrap },\n        );\n\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          setVirtualFocus(nextKey);\n        }\n      } else if (\n        e.key === 'Home' ||\n        e.key === 'End' ||\n        e.key === 'PageUp' ||\n        e.key === 'PageDown'\n      ) {\n        e.preventDefault();\n\n        const listState = listStateRef.current;\n        if (!listState) return;\n\n        const targetKey = getEdgeVisibleKey(\n          listState,\n          e.key === 'Home' || e.key === 'PageUp' ? 'first' : 'last',\n        );\n\n        if (targetKey == null) return;\n\n        markKeyboardFocus(listState);\n        setVirtualFocus(targetKey);\n      } else if (e.key === 'Enter' || (e.key === ' ' && !searchValue)) {\n        const listState = listStateRef.current;\n\n        if (!listState) return;\n\n        const keyToSelect = listState.selectionManager.focusedKey;\n\n        if (keyToSelect != null) {\n          e.preventDefault();\n          listState.selectionManager.select(keyToSelect, e);\n\n          if (\n            e.key === 'Enter' &&\n            isCheckable &&\n            onEscape &&\n            selectionMode === 'multiple'\n          ) {\n            onEscape();\n          }\n        }\n      } else if (e.key === 'Escape') {\n        if (searchValue) {\n          // Clear the current search if any text is present.\n          e.preventDefault();\n          handleSearchChange('');\n        } else {\n          // Notify parent that Escape was pressed on an empty input.\n          if (onEscape) {\n            e.preventDefault();\n            onEscape();\n          }\n        }\n      }\n    },\n  });\n\n  const mods = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: !!isDisabled,\n      focused: isFocused,\n      loading: !!isLoading,\n      'loading-items': !!isLoadingItems,\n      searchable: true,\n      prefix: !!isLoading,\n      suffix: !!isLoadingItems,\n      ...externalMods,\n    }),\n    [\n      isInvalid,\n      isInvalid,\n      isValid,\n      isDisabled,\n      isFocused,\n      isLoading,\n      isLoadingItems,\n      externalMods,\n    ],\n  );\n\n  // Handler must be defined before we render ListBox so we can pass it.\n  const handleSelectionChange = (selection: any) => {\n    if (allowsCustomValue) {\n      // Normalize current selection into an array of string keys\n      let selectedValues: string[] = [];\n\n      if (selection != null) {\n        if (Array.isArray(selection)) {\n          selectedValues = selection.map(String);\n        } else {\n          selectedValues = [String(selection)];\n        }\n      }\n\n      // Build next custom keys set based on selected values\n      const nextSet = new Set<string>();\n\n      selectedValues.forEach((val) => {\n        if (!originalKeys.has(val)) {\n          nextSet.add(val);\n        }\n      });\n\n      // Update internal custom keys state\n      setCustomKeys(nextSet);\n    }\n\n    if (externalOnSelectionChange) {\n      (externalOnSelectionChange as any)(selection);\n    }\n  };\n\n  // Custom option click handler that ensures search input receives focus\n  const handleOptionClick = (key: Key) => {\n    // Focus the search input to enable keyboard navigation\n    // Use setTimeout to ensure this happens after React state updates\n    setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n      }\n    }, 0);\n\n    // Call the original onOptionClick if provided\n    if (onOptionClick) {\n      onOptionClick(key);\n    }\n  };\n\n  const searchInput = (\n    <SearchWrapperElement mods={mods} data-size={size}>\n      {isLoading && (\n        <div data-element=\"Prefix\">\n          <div data-element=\"InputIcon\">\n            {isLoading ? <LoadingIcon /> : null}\n          </div>\n        </div>\n      )}\n      <SearchInputElement\n        ref={searchInputRef}\n        qa={qa || 'FilterListBox'}\n        id={id}\n        data-prefix={isLoading ? '' : undefined}\n        data-suffix={isLoadingItems ? '' : undefined}\n        type=\"search\"\n        placeholder={searchPlaceholder}\n        value={searchValue}\n        disabled={isDisabled}\n        autoFocus={autoFocus}\n        {...(autoFocus ? { 'data-autofocus': '' } : undefined)}\n        styles={searchInputStyles}\n        data-size={size}\n        data-input-type=\"filterlistbox\"\n        role=\"combobox\"\n        aria-expanded=\"true\"\n        aria-haspopup=\"listbox\"\n        aria-controls={listBoxId}\n        aria-activedescendant={\n          activeOptionKey != null\n            ? getListBoxOptionId(listBoxId, activeOptionKey)\n            : undefined\n        }\n        // The search input is the control the label points at, so it also\n        // takes the caller's naming and the field's description and message.\n        aria-label={(props as any)['aria-label']}\n        aria-labelledby={(props as any)['aria-labelledby']}\n        aria-describedby={(props as any)['aria-describedby']}\n        aria-invalid={isInvalid || undefined}\n        onChange={(e) => {\n          handleSearchChange(e.target.value);\n        }}\n        {...keyboardProps}\n        {...modAttrs(mods)}\n      />\n      {isLoadingItems && (\n        <div data-element=\"Suffix\">\n          <LoadingIcon data-element=\"InputIcon\" />\n        </div>\n      )}\n    </SearchWrapperElement>\n  );\n\n  const filterListBoxField = (\n    <FilterListBoxWrapperElement\n      ref={ref}\n      qa=\"FilterListBoxWrapper\"\n      {...modAttrs(mods)}\n      styles={styles}\n      {...mergeProps(focusProps, focusWithinProps)}\n    >\n      {header ? (\n        <StyledHeaderWithoutBorder data-size={size} styles={headerStyles}>\n          {header}\n        </StyledHeaderWithoutBorder>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      {searchInput}\n      <ListBox\n        isBare\n        ref={listBoxRef}\n        id={listBoxId}\n        aria-label={innerAriaLabel}\n        selectedKey={selectedKey}\n        defaultSelectedKey={defaultSelectedKey}\n        selectedKeys={selectedKeys}\n        defaultSelectedKeys={defaultSelectedKeys}\n        selectionMode={selectionMode}\n        isDisabled={isDisabled}\n        listRef={listRef}\n        stateRef={listStateRef}\n        listStyles={listStyles}\n        shouldFocusWrap={shouldFocusWrap}\n        optionStyles={optionStyles}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        listGap={listGap}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        disallowEmptySelection={props.disallowEmptySelection}\n        allowDuplicateSelectionEvents={props.allowDuplicateSelectionEvents}\n        disabledKeys={props.disabledKeys}\n        focusOnHover={focusOnHover}\n        shouldUseVirtualFocus={!(isReorderable && !searchValue.trim())}\n        isFocusWithin={isFocusWithin}\n        showSelectAll={showSelectAll}\n        selectAllLabel={selectAllLabel}\n        footer={footer}\n        footerStyles={footerStyles}\n        mods={mods}\n        styles={listBoxStyles}\n        isCheckable={isCheckable}\n        items={items as any}\n        allValueProps={allValueProps}\n        filter={filterFn}\n        emptyLabel={\n          emptyLabel !== undefined\n            ? emptyLabel\n            : searchValue.trim()\n              ? t('filterListBox.noResults', 'No results found')\n              : t('filterListBox.noItems', 'No items')\n        }\n        isReorderable={isReorderable && !searchValue.trim()}\n        onReorder={onReorder}\n        onSelectionChange={handleSelectionChange}\n        onEscape={onEscape}\n        onOptionClick={handleOptionClick}\n      >\n        {enhancedChildren as any}\n      </ListBox>\n    </FilterListBoxWrapperElement>\n  );\n\n  return wrapWithField<Omit<CubeFilterListBoxProps<T>, 'children'>>(\n    filterListBoxField,\n    { ...props, ...fieldLayout.field },\n  );\n}) as unknown as (<T>(\n  props: CubeFilterListBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { Item: typeof Item; Section: typeof BaseSection };\n\nFilterListBox.Item = Item;\n\nFilterListBox.Section = BaseSection;\n\nObject.defineProperty(FilterListBox, 'cubeInputType', {\n  value: 'FilterListBox',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}
+{"version":3,"file":"FilterListBox.js","names":["ItemElement","Key","modAttrs","Styles","cloneElement","ForwardedRef","forwardRef","isValidElement","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFilter","useFocusWithin","useId","useKeyboard","Section","BaseSection","useListState","useEvent","useI18n","LoadingIcon","useFocus","mergeProps","useCombinedRefs","CubeCollectionItemProps","CollectionItem","Item","splitFieldLayout","useFieldProps","getValidationMods","wrapWithField","CubeListBoxProps","ListBox","getListBoxOptionId","getEdgeVisibleKey","getNextVisibleKey","markKeyboardFocus","FilterListBoxWrapperElement","SearchInputElement","SearchWrapperElement","StyledHeaderWithoutBorder","Collection","Node","FieldBaseProps","FilterFn","textValue","inputValue","CubeFilterListBoxProps","Omit","T","searchPlaceholder","autoFocus","filter","emptyLabel","searchInputStyles","isLoading","isLoadingItems","searchInputRef","HTMLInputElement","allowsCustomValue","mods","Record","listBoxStyles","onEscape","isCheckable","onOptionClick","key","customValueProps","Partial","newCustomValueProps","searchValue","onSearchChange","value","_internalCollection","FilterListBox","props","ref","HTMLDivElement","valuePropsMapper","onChange","fieldProps","selectionMode","selectedKeys","selectedKey","onSelectionChange","Array","isArray","t","qa","label","extra","id","labelStyles","isRequired","necessityIndicator","isInvalid","isValid","isDisabled","externalMods","listStyles","optionStyles","sectionStyles","headingStyles","listGap","listRef","message","description","styles","focusOnHover","shouldFocusWrap","labelSuffix","defaultSelectedKey","defaultSelectedKeys","externalOnSelectionChange","showSelectAll","selectAllLabel","header","footer","size","headerStyles","footerStyles","items","children","renderChildren","allValueProps","controlledSearchValue","isReorderable","onReorder","form","renderFn","itemsArray","from","Iterable","map","item","idx","rendered","it","localCollectionState","collection","originalKeys","keys","Set","type","add","String","customKeys","setCustomKeys","internalSearchValue","setInternalSearchValue","isSearchControlled","undefined","contains","sensitivity","currentSelectedKeys","length","keysToAdd","k","has","prev","mergedChildren","term","trim","localFilter","customArray","selectedKeysSet","forEach","selectedCustom","unselectedCustom","push","originalArray","innerAriaLabel","handleSearchChange","textFilterFn","filterFn","nodes","node","childNodes","filteredNodes","child","hasChildNodes","Boolean","enhancedChildren","childrenToProcess","doesTermExist","hasVisibleFilteredItems","customKey","customOption","hasSections","some","customValueSection","filteredItemsSection","fieldLayout","fillHeightOnFlex","isFocused","focusProps","isFocusWithin","setIsFocusWithin","focusWithinProps","onFocusWithinChange","listBoxRef","listBoxId","listStateRef","activeOptionKey","setActiveOptionKey","setVirtualFocus","current","selectionManager","setFocusedKey","listState","newCustomValueKey","customValueHasMatches","collectFocusableKeys","out","inCustomSection","disabledKeys","isCustomSection","visibleKeys","customValueShouldBeFocused","currentFocused","focusedKey","includes","currentIsNewCustomValue","keepsFocus","findFirstVisibleSelectedKey","selectedKeyStr","keyStr","keyToFocus","firstRealKey","find","lastFocusSourceRef","keyboardProps","onKeyDown","e","preventDefault","nextKey","wrap","targetKey","keyToSelect","select","disabled","focused","loading","searchable","prefix","suffix","handleSelectionChange","selection","selectedValues","nextSet","val","handleOptionClick","setTimeout","focus","searchInput","target","filterListBoxField","disallowEmptySelection","allowDuplicateSelectionEvents","field","Object","defineProperty","enumerable","configurable","Item","mergeProps","BaseSection","useFocus","useId"],"sources":["../../../../src/components/fields/FilterListBox/FilterListBox.tsx"],"sourcesContent":["import { ItemElement, Key } from '@react-types/shared';\nimport { modAttrs, Styles } from '@tenphi/tasty';\nimport {\n  cloneElement,\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useFocusWithin, useId, useKeyboard } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n/useI18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../../utils/react/useCombinedRefs';\nimport {\n  CubeCollectionItemProps,\n  CollectionItem as Item,\n} from '../../CollectionItem';\nimport { splitFieldLayout } from '../../form/field-layout';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { getValidationMods } from '../../form/validation/resolve-validation-props';\nimport { wrapWithField } from '../../form/wrapper';\nimport { CubeListBoxProps, ListBox } from '../ListBox/ListBox';\nimport { getListBoxOptionId } from '../ListBox/optionId';\nimport {\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  markKeyboardFocus,\n} from '../ListBoxPopover/listNavigation';\n\nimport {\n  FilterListBoxWrapperElement,\n  SearchInputElement,\n  SearchWrapperElement,\n  StyledHeaderWithoutBorder,\n} from './styled';\n\nimport type { Collection, Node } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport interface CubeFilterListBoxProps<T>\n  // It sets `isFocusWithin` on its list itself.\n  extends\n    Omit<CubeListBoxProps<T>, 'filter' | 'isFocusWithin'>,\n    FieldBaseProps<\n      string | number | readonly (string | number)[] | null | undefined\n    > {\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Whether the search input should have autofocus */\n  autoFocus?: boolean;\n  /**\n   * Custom filter function for determining if an option should be included in search results.\n   * Pass `false` to disable internal filtering completely (useful for external filtering).\n   */\n  filter?: FilterFn | false;\n  /** Label shown when the list is empty. When provided, overrides both the \"No results found\" and \"No items\" defaults. It wraps to the list's width, so a long message, or an action in it, stays in view. */\n  emptyLabel?: ReactNode;\n  /** Custom styles for the search input */\n  searchInputStyles?: Styles;\n  /** Whether the FilterListBox is in loading state (shows loading icon in search input) */\n  isLoading?: boolean;\n  /** Whether items are currently loading. Shows a loading icon in the search input suffix. */\n  isLoadingItems?: boolean;\n  /** Ref for accessing the search input element */\n  searchInputRef?: RefObject<HTMLInputElement | null>;\n  /** Whether to allow entering custom values that are not present in the predefined options */\n  allowsCustomValue?: boolean;\n  /** Additional modifiers for styling the FilterListBox */\n  mods?: Record<string, boolean>;\n  /** Custom styles for the list box */\n  listBoxStyles?: Styles;\n\n  /**\n   * Callback fired when the user presses Escape key while the search input is empty.\n   * Can be used by parent components (e.g. FilterPicker) to close an enclosing Dialog.\n   */\n  onEscape?: () => void;\n\n  /**\n   * Whether to show checkboxes for multiple selection mode.\n   * This adds a checkbox icon to the left of each option.\n   */\n  isCheckable?: boolean;\n\n  /**\n   * Callback fired when an option is clicked but not on the checkbox area.\n   * Used by FilterPicker to close the popover on non-checkbox clicks.\n   */\n  onOptionClick?: (key: Key) => void;\n\n  /**\n   * Props to apply to existing custom values (values that are already selected but not in the predefined options).\n   */\n  customValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n  /**\n   * Props to apply to new custom values (values typed in the search input that are about to be added).\n   * These are merged with customValueProps for new custom values.\n   */\n  newCustomValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n  /**\n   * Controlled search value. When provided, the search input becomes controlled.\n   * Use with `onSearchChange` to manage the search state externally.\n   */\n  searchValue?: string;\n\n  /**\n   * Callback fired when the search input value changes.\n   * Use with `searchValue` for controlled search input.\n   */\n  onSearchChange?: (value: string) => void;\n\n  /**\n   * Pre-built collection to use instead of creating a new one.\n   * Used internally by FilterPicker to avoid duplicate collection creation.\n   * @internal\n   */\n  _internalCollection?: Collection<Node<any>>;\n}\n\nexport const FilterListBox = forwardRef(function FilterListBox<\n  T extends object,\n>(props: CubeFilterListBoxProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  props = useFieldProps(props, {\n    valuePropsMapper: ({ value, onChange }) => {\n      const fieldProps: any = {};\n\n      if (props.selectionMode === 'multiple') {\n        fieldProps.selectedKeys = value || [];\n      } else {\n        fieldProps.selectedKey = value ?? null;\n      }\n\n      fieldProps.onSelectionChange = (key: any) => {\n        if (props.selectionMode === 'multiple') {\n          // Handle \"all\" selection and array selections\n          if (key === 'all') {\n            onChange('all');\n          } else {\n            onChange(key ? (Array.isArray(key) ? key : [key]) : []);\n          }\n        } else {\n          onChange(Array.isArray(key) ? key[0] : key);\n        }\n      };\n\n      return fieldProps;\n    },\n  });\n\n  const { t } = useI18n();\n\n  let {\n    qa,\n    label,\n    extra,\n    id,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    isDisabled,\n    isLoading,\n    isLoadingItems,\n    searchPlaceholder = t('filterListBox.searchPlaceholder', 'Search...'),\n    autoFocus,\n    filter,\n    mods: externalMods,\n    emptyLabel,\n    searchInputStyles,\n    listStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    searchInputRef,\n    listRef,\n    message,\n    description,\n    styles,\n    focusOnHover,\n    shouldFocusWrap,\n    labelSuffix,\n    selectedKey,\n    defaultSelectedKey,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange: externalOnSelectionChange,\n    allowsCustomValue = false,\n    showSelectAll,\n    selectAllLabel,\n    header,\n    footer,\n    size = 'medium',\n    headerStyles,\n    footerStyles,\n    listBoxStyles,\n    items,\n    children: renderChildren,\n    onEscape,\n    isCheckable,\n    onOptionClick,\n    selectionMode = 'single',\n    allValueProps,\n    customValueProps,\n    newCustomValueProps,\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    _internalCollection,\n    isReorderable = false,\n    onReorder,\n    form,\n  } = props;\n\n  // Preserve the original `children` (may be a render function) before we\n  // potentially overwrite it.\n  let children: ReactNode = renderChildren as ReactNode;\n\n  const renderFn = renderChildren as unknown;\n\n  if (items && typeof renderFn === 'function') {\n    try {\n      const itemsArray = Array.from(items as Iterable<any>);\n      // Execute the render function for each item to obtain <Item/> / <Section/> nodes.\n      children = itemsArray.map((item, idx) => {\n        const rendered = (renderFn as (it: any) => ReactNode)(item);\n        // Ensure every element has a stable key: rely on the user-provided key\n        // inside the render function, otherwise fall back to the item itself or\n        // the index. This mirrors React Aria examples where the render function\n        // is expected to set keys, but we add a fallback for robustness.\n        if (\n          isValidElement(rendered) &&\n          (rendered as ReactElement).key == null\n        ) {\n          return cloneElement(rendered as ReactElement, {\n            key: (rendered as any)?.key ?? item?.key ?? idx,\n          });\n        }\n\n        return rendered as ReactNode;\n      });\n    } catch {\n      // If conversion fails for some reason, we silently ignore and proceed\n      // with the original children value so we don't break runtime.\n    }\n  }\n\n  // Use provided collection from FilterPicker or create our own\n  // Hook call order is stable: _internalCollection is consistent per component instance\n  const localCollectionState = _internalCollection\n    ? { collection: _internalCollection }\n    : useListState({\n        children: children as any,\n        items: items as any,\n        selectionMode: 'none' as any,\n      });\n\n  // Collect original option keys to avoid duplicating them as custom values.\n  const originalKeys = useMemo(() => {\n    const keys = new Set<string>();\n    for (const item of localCollectionState.collection) {\n      if (item.type === 'item') {\n        keys.add(String(item.key));\n      }\n    }\n    return keys;\n  }, [localCollectionState.collection]);\n\n  // State to keep track of custom (user-entered) items that were selected.\n  const [customKeys, setCustomKeys] = useState<Set<string>>(new Set());\n\n  // Controlled/uncontrolled search value pattern\n  const [internalSearchValue, setInternalSearchValue] = useState('');\n  const isSearchControlled = controlledSearchValue !== undefined;\n  const searchValue = isSearchControlled\n    ? controlledSearchValue\n    : internalSearchValue;\n\n  const { contains } = useFilter({ sensitivity: 'base' });\n\n  // Initialize custom keys from current selection\n  useEffect(() => {\n    if (!allowsCustomValue) return;\n\n    const currentSelectedKeys = selectedKeys\n      ? selectedKeys === 'all'\n        ? [] // Skip custom key detection when 'all' is selected\n        : Array.from(selectedKeys).map(String)\n      : selectedKey != null\n        ? [String(selectedKey)]\n        : [];\n\n    if (currentSelectedKeys.length === 0) return;\n\n    const keysToAdd = currentSelectedKeys.filter((k) => !originalKeys.has(k));\n\n    if (keysToAdd.length) {\n      setCustomKeys((prev) => new Set([...Array.from(prev), ...keysToAdd]));\n    }\n  }, [allowsCustomValue, selectedKeys, selectedKey, originalKeys]);\n\n  // Merge original children with any custom items so they persist in the list.\n  // If there are selected custom values, they should appear on top with other\n  // selected items (which are already sorted by the parent component, e.g. FilterPicker).\n  const mergedChildren: ReactNode = useMemo(() => {\n    if (!children && customKeys.size === 0) return children;\n\n    // Selected custom values are injected by FilterListBox itself, not by the\n    // parent. They must respect the search input regardless of the `filter`\n    // prop — `filter={false}` only describes the parent's authority over its\n    // own items. Filter them with the user-provided filter (if any) or the\n    // default `contains`.\n    const term = searchValue.trim();\n    const localFilter: FilterFn =\n      typeof filter === 'function' ? filter : contains;\n\n    // Build React elements for custom values (kept stable via their key).\n    const customArray = Array.from(customKeys)\n      .filter((key) => !term || localFilter(key, term))\n      .map((key) => (\n        <Item key={key} textValue={key} {...customValueProps}>\n          {key}\n        </Item>\n      ));\n\n    // Identify which custom keys are currently selected so we can promote them.\n    const selectedKeysSet = new Set<string>();\n\n    if (selectionMode === 'multiple') {\n      if (selectedKeys === 'all') {\n        // When 'all' is selected, no custom items should be treated as selected\n        // since 'all' means all available items, not custom ones\n      } else {\n        Array.from(selectedKeys ?? []).forEach((k) =>\n          selectedKeysSet.add(String(k)),\n        );\n      }\n    } else {\n      if (selectedKey != null) selectedKeysSet.add(String(selectedKey));\n    }\n\n    const selectedCustom: ReactNode[] = [];\n    const unselectedCustom: ReactNode[] = [];\n\n    customArray.forEach((item: any) => {\n      if (selectedKeysSet.has(String(item.key))) {\n        selectedCustom.push(item);\n      } else {\n        unselectedCustom.push(item);\n      }\n    });\n\n    if (!children) {\n      // No original items – just return selected custom followed by the rest.\n      return [...selectedCustom, ...unselectedCustom];\n    }\n\n    const originalArray = Array.isArray(children) ? children : [children];\n\n    // Final order: selected custom items -> original array (already possibly\n    // sorted by parent) -> unselected custom items.\n    return [...selectedCustom, ...originalArray, ...unselectedCustom];\n  }, [\n    children,\n    customKeys,\n    selectionMode,\n    selectedKey,\n    selectedKeys,\n    searchValue,\n    filter,\n    contains,\n    customValueProps,\n  ]);\n\n  // Determine an aria-label for the internal ListBox to avoid React Aria warnings.\n  const innerAriaLabel =\n    (props as any)['aria-label'] ||\n    (typeof label === 'string' ? label : undefined);\n\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      if (!isSearchControlled) {\n        setInternalSearchValue(value);\n      }\n      onSearchChange?.(value);\n    },\n    [isSearchControlled, onSearchChange],\n  );\n\n  // Choose the text filter function: user-provided `filter` prop (if any),\n  // or the default `contains` helper from `useFilter`.\n  // When `filter={false}`, the parent owns filtering — we normally pass items\n  // through unchanged. The exception is when `isLoadingItems` is `true`: a\n  // server fetch is in flight and currently visible items are stale, so we\n  // fall back to client-side `contains` to hide non-matching stale items\n  // until the new items arrive.\n  const textFilterFn = useMemo<FilterFn>(() => {\n    if (filter === false) {\n      return isLoadingItems ? contains : () => true;\n    }\n    return filter || contains;\n  }, [filter, contains, isLoadingItems]);\n\n  // Create a filter function for collection nodes (similar to ComboBox pattern)\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) => {\n      // Server-side filtering with no fetch in flight — items are\n      // authoritative and shown as-is.\n      if (filter === false && !isLoadingItems) return nodes;\n\n      const term = searchValue.trim();\n\n      if (!term) {\n        return nodes;\n      }\n\n      // Filter nodes based on their textValue and preserve section structure\n      return [...nodes]\n        .map((node: any) => {\n          if (node.type === 'section' && node.childNodes) {\n            const filteredNodes = [...node.childNodes].filter((child: any) =>\n              textFilterFn(child.textValue || '', term),\n            );\n\n            if (filteredNodes.length === 0) {\n              return null;\n            }\n\n            return {\n              ...node,\n              childNodes: filteredNodes,\n              hasChildNodes: true,\n            };\n          }\n\n          return textFilterFn(node.textValue || '', term) ? node : null;\n        })\n        .filter(Boolean);\n    },\n    [filter, searchValue, textFilterFn, isLoadingItems],\n  );\n\n  // Handle custom values if allowed\n  const enhancedChildren = useMemo(() => {\n    let childrenToProcess = mergedChildren;\n\n    // Handle custom values if allowed\n    if (!allowsCustomValue) return childrenToProcess;\n\n    const term = searchValue.trim();\n    if (!term) return childrenToProcess;\n\n    // Helper to determine if the term is already present (exact match on rendered textValue or the key).\n    const doesTermExist = (term: string): boolean => {\n      // Check if term exists in custom keys\n      if (customKeys.has(term)) {\n        return true;\n      }\n\n      // Check if term exists in original collection\n      for (const item of localCollectionState.collection) {\n        if (item.type === 'item') {\n          const textValue = item.textValue || String(item.rendered || '');\n          if (term === textValue || String(item.key) === term) {\n            return true;\n          }\n        }\n      }\n      return false;\n    };\n\n    if (doesTermExist(term)) {\n      return childrenToProcess;\n    }\n\n    // Check if there are any items that will match the filter.\n    // This determines whether we need to visually separate the custom value\n    // from real items (i.e. render a divider between sections). When there\n    // are no visible items, we skip the section wrapper so no divider is\n    // drawn above a lone custom-value option.\n    //\n    // Selected custom values (from `customKeys`) are filtered by `localFilter`\n    // in `mergedChildren` regardless of `filter={false}`, so this check must\n    // use the same logic — otherwise we'd report \"items visible\" and draw a\n    // divider while the actual collection only contains the custom value.\n    const localFilter: FilterFn =\n      typeof filter === 'function' ? filter : contains;\n\n    const hasVisibleFilteredItems = (() => {\n      for (const item of localCollectionState.collection) {\n        if (item.type === 'item') {\n          const textValue = item.textValue || String(item.rendered || '');\n          if (textFilterFn(textValue, term)) {\n            return true;\n          }\n        } else if (item.type === 'section' && item.childNodes) {\n          for (const child of item.childNodes) {\n            const textValue = child.textValue || String(child.rendered || '');\n            if (textFilterFn(textValue, term)) {\n              return true;\n            }\n          }\n        }\n      }\n\n      for (const customKey of customKeys) {\n        if (localFilter(customKey, term)) {\n          return true;\n        }\n      }\n\n      return false;\n    })();\n\n    // Create the custom option\n    const customOption = (\n      <Item\n        key={term}\n        textValue={term}\n        {...mergeProps(customValueProps ?? {}, newCustomValueProps ?? {})}\n      >\n        {term}\n      </Item>\n    );\n\n    // If there are visible filtered items, add visual separation for custom value\n    if (hasVisibleFilteredItems && childrenToProcess) {\n      // Check if the collection contains any sections\n      // If it does, we can't wrap childrenToProcess in another section (would create nested sections)\n      const hasSections = [...localCollectionState.collection].some(\n        (item) => item.type === 'section',\n      );\n\n      const customValueSection = (\n        <BaseSection\n          key=\"__custom_value__\"\n          aria-label={t('filterListBox.customValue', 'Custom value')}\n        >\n          {customOption}\n        </BaseSection>\n      );\n\n      if (hasSections) {\n        // Collection has sections - just append the custom value section without wrapping\n        if (Array.isArray(childrenToProcess)) {\n          return [...childrenToProcess, customValueSection];\n        }\n        return [childrenToProcess, customValueSection];\n      }\n\n      // No sections in collection - wrap items in a section for visual separation\n      const filteredItemsSection = (\n        <BaseSection\n          key=\"__filtered_items__\"\n          aria-label={t('filterListBox.filteredItems', 'Filtered items')}\n        >\n          {childrenToProcess as ItemElement<unknown>[]}\n        </BaseSection>\n      );\n\n      return [filteredItemsSection, customValueSection];\n    }\n\n    // No visible filtered items, just return the custom option without sections\n    if (Array.isArray(childrenToProcess)) {\n      return [...childrenToProcess, customOption];\n    }\n\n    if (childrenToProcess) {\n      return [childrenToProcess, customOption];\n    }\n\n    return customOption;\n  }, [\n    allowsCustomValue,\n    mergedChildren,\n    searchValue,\n    customKeys,\n    localCollectionState.collection,\n    customValueProps,\n    newCustomValueProps,\n    textFilterFn,\n    filter,\n    contains,\n    t,\n  ]);\n\n  const fieldLayout = splitFieldLayout(props, { fillHeightOnFlex: true });\n\n  styles = fieldLayout.styles;\n\n  searchInputRef = useCombinedRefs(searchInputRef);\n  listRef = useCombinedRefs(listRef);\n\n  const { isFocused, focusProps } = useFocus();\n  // The search input moves the list's focused option, so the option shows as\n  // focused only while focus is in this component.\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: setIsFocusWithin,\n  });\n\n  const listBoxRef = useRef<HTMLDivElement>(null);\n  // The search input points `aria-controls` and `aria-activedescendant` into\n  // the list, so the list needs an id the input knows.\n  const listBoxId = useId();\n\n  // Ref to access internal ListBox state (selection manager, etc.)\n  const listStateRef = useRef<any>(null);\n\n  // The option under virtual focus, mirrored in state for the search input's\n  // `aria-activedescendant`: the listbox's own state update does not re-render\n  // this component. Every focus move below goes through `setVirtualFocus`.\n  const [activeOptionKey, setActiveOptionKey] = useState<Key | null>(null);\n  const setVirtualFocus = useEvent((key: Key | null) => {\n    listStateRef.current?.selectionManager.setFocusedKey(key);\n    setActiveOptionKey(key);\n  });\n\n  // When the search value changes, the visible collection of items may change as well.\n  // If the currently focused item is no longer visible, move virtual focus to the first\n  // available item so that arrow navigation and Enter behaviour continue to work.\n  // If there are no available items, reset the selection so Enter won't select anything.\n  // Priority: focus on selected items first, then fall back to first visible item.\n  useLayoutEffect(() => {\n    const listState = listStateRef.current;\n\n    if (!listState) return;\n\n    const { selectionManager, collection } = listState;\n\n    // Walk the collection and:\n    //   1. Collect the enabled keys of the visible items (supports sections).\n    //   2. Detect the synthetic \"new custom value\" option — the one generated\n    //      from the current search term when `allowsCustomValue` is true.\n    //\n    // The custom value is rendered in one of two layouts depending on whether\n    // any real item text-matches the search term (`hasVisibleFilteredItems`\n    // in `enhancedChildren`):\n    //   • Some items match → wrapped in a `__custom_value__` section\n    //     (`customValueHasMatches = true`)\n    //   • No items match    → appended at the top level with key === term\n    //     (`customValueHasMatches = false`)\n    //\n    // The layout itself is the signal we use to decide whether the custom\n    // value should be the focus target (no matches) or whether focus should\n    // move to a real item (matches present).\n    const term = searchValue.trim();\n    let newCustomValueKey: Key | null = null;\n    let customValueHasMatches = false;\n\n    const collectFocusableKeys = (\n      nodes: Iterable<any>,\n      out: Key[],\n      inCustomSection = false,\n    ) => {\n      for (const node of nodes) {\n        if (node.type === 'item') {\n          if (!listState.disabledKeys.has(node.key)) out.push(node.key);\n          if (inCustomSection) {\n            newCustomValueKey = node.key;\n            customValueHasMatches = true;\n          }\n        } else if (node.childNodes) {\n          const isCustomSection =\n            inCustomSection || node.key === '__custom_value__';\n          collectFocusableKeys(node.childNodes, out, isCustomSection);\n        }\n      }\n    };\n\n    const visibleKeys: Key[] = [];\n    collectFocusableKeys(collection, visibleKeys);\n\n    // Detect the appended-at-top-level case (no items text-match). The custom\n    // option is added with key === trimmed search term and lives directly in\n    // the top-level collection (not nested in any section).\n    if (newCustomValueKey == null && allowsCustomValue && term) {\n      for (const node of collection) {\n        if (node.type === 'item' && String(node.key) === term) {\n          newCustomValueKey = node.key;\n          customValueHasMatches = false;\n          break;\n        }\n      }\n    }\n\n    // If there are no visible items, reset the focused key so Enter won't select anything\n    if (visibleKeys.length === 0) {\n      setVirtualFocus(null);\n      return;\n    }\n\n    // The custom value should be the focus target when it exists and there\n    // are no real text-matches — the user's typed value is then the only\n    // actionable option. During an in-flight server fetch (`filter === false`\n    // + `isLoadingItems`) `textFilterFn` falls back to client-side `contains`\n    // so non-matching stale items are hidden, which keeps this signal honest.\n    const customValueShouldBeFocused =\n      newCustomValueKey != null && !customValueHasMatches;\n\n    // Decide whether the current focus is already on the right thing. If yes,\n    // don't disturb it. Otherwise fall through and re-pick a focus target.\n    const currentFocused = selectionManager.focusedKey;\n    if (currentFocused != null && visibleKeys.includes(currentFocused)) {\n      const currentIsNewCustomValue =\n        newCustomValueKey != null && currentFocused === newCustomValueKey;\n      const keepsFocus = customValueShouldBeFocused\n        ? currentIsNewCustomValue\n        : newCustomValueKey != null\n          ? // Custom value exists but isn't the priority (matches available)\n            // — any non-custom focus is fine.\n            !currentIsNewCustomValue\n          : // No custom value involved at all.\n            true;\n\n      if (keepsFocus) {\n        setActiveOptionKey(currentFocused);\n        return;\n      }\n    }\n\n    // Helper to find the first selected item that's visible\n    const findFirstVisibleSelectedKey = (): Key | null => {\n      if (selectionMode === 'single') {\n        // Single selection: check if selectedKey is visible\n        if (selectedKey != null) {\n          const selectedKeyStr = String(selectedKey);\n          if (visibleKeys.some((k) => String(k) === selectedKeyStr)) {\n            return selectedKey;\n          }\n        }\n      } else if (selectionMode === 'multiple') {\n        // Multiple selection: find first selected key that's visible\n        if (selectedKeys && selectedKeys !== 'all') {\n          for (const key of selectedKeys) {\n            const keyStr = String(key);\n            if (visibleKeys.some((k) => String(k) === keyStr)) {\n              return key;\n            }\n          }\n        }\n      }\n      return null;\n    };\n\n    // Determine which key to focus\n    let keyToFocus: Key | null = null;\n\n    if (customValueShouldBeFocused) {\n      // No real matches — promote the custom value over any selected/stale\n      // item so the user can press Enter to add the value they just typed.\n      keyToFocus = newCustomValueKey;\n    } else {\n      keyToFocus = findFirstVisibleSelectedKey();\n\n      // Fallback to first visible item if no selected item found. Prefer the\n      // first real (non-custom-value) item so focus doesn't land on the\n      // bottom-of-list custom-value suggestion when real items are available.\n      if (keyToFocus == null) {\n        const firstRealKey = visibleKeys.find((k) => k !== newCustomValueKey);\n        keyToFocus = firstRealKey ?? visibleKeys[0];\n      }\n    }\n\n    // Mark this focus change as keyboard navigation so ListBox will scroll to it\n    if (listState.lastFocusSourceRef) {\n      listState.lastFocusSourceRef.current = 'keyboard';\n    }\n\n    // Set focus to the determined key\n    setVirtualFocus(keyToFocus);\n  }, [\n    searchValue,\n    enhancedChildren,\n    selectionMode,\n    selectedKey,\n    selectedKeys,\n    allowsCustomValue,\n    setVirtualFocus,\n  ]);\n\n  // Keyboard navigation handler for search input\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n\n        const listState = listStateRef.current;\n        if (!listState) return;\n\n        // The collection is already filtered by React Stately via filterFn;\n        // disabled options are skipped.\n        const nextKey = getNextVisibleKey(\n          listState,\n          e.key === 'ArrowDown' ? 1 : -1,\n          { wrap: shouldFocusWrap },\n        );\n\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          setVirtualFocus(nextKey);\n        }\n      } else if (\n        e.key === 'Home' ||\n        e.key === 'End' ||\n        e.key === 'PageUp' ||\n        e.key === 'PageDown'\n      ) {\n        e.preventDefault();\n\n        const listState = listStateRef.current;\n        if (!listState) return;\n\n        const targetKey = getEdgeVisibleKey(\n          listState,\n          e.key === 'Home' || e.key === 'PageUp' ? 'first' : 'last',\n        );\n\n        if (targetKey == null) return;\n\n        markKeyboardFocus(listState);\n        setVirtualFocus(targetKey);\n      } else if (e.key === 'Enter' || (e.key === ' ' && !searchValue)) {\n        const listState = listStateRef.current;\n\n        if (!listState) return;\n\n        const keyToSelect = listState.selectionManager.focusedKey;\n\n        if (keyToSelect != null) {\n          e.preventDefault();\n          listState.selectionManager.select(keyToSelect, e);\n\n          if (\n            e.key === 'Enter' &&\n            isCheckable &&\n            onEscape &&\n            selectionMode === 'multiple'\n          ) {\n            onEscape();\n          }\n        }\n      } else if (e.key === 'Escape') {\n        if (searchValue) {\n          // Clear the current search if any text is present.\n          e.preventDefault();\n          handleSearchChange('');\n        } else {\n          // Notify parent that Escape was pressed on an empty input.\n          if (onEscape) {\n            e.preventDefault();\n            onEscape();\n          }\n        }\n      }\n    },\n  });\n\n  const mods = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: !!isDisabled,\n      focused: isFocused,\n      loading: !!isLoading,\n      'loading-items': !!isLoadingItems,\n      searchable: true,\n      prefix: !!isLoading,\n      suffix: !!isLoadingItems,\n      ...externalMods,\n    }),\n    [\n      isInvalid,\n      isInvalid,\n      isValid,\n      isDisabled,\n      isFocused,\n      isLoading,\n      isLoadingItems,\n      externalMods,\n    ],\n  );\n\n  // Handler must be defined before we render ListBox so we can pass it.\n  const handleSelectionChange = (selection: any) => {\n    if (allowsCustomValue) {\n      // Normalize current selection into an array of string keys\n      let selectedValues: string[] = [];\n\n      if (selection != null) {\n        if (Array.isArray(selection)) {\n          selectedValues = selection.map(String);\n        } else {\n          selectedValues = [String(selection)];\n        }\n      }\n\n      // Build next custom keys set based on selected values\n      const nextSet = new Set<string>();\n\n      selectedValues.forEach((val) => {\n        if (!originalKeys.has(val)) {\n          nextSet.add(val);\n        }\n      });\n\n      // Update internal custom keys state\n      setCustomKeys(nextSet);\n    }\n\n    if (externalOnSelectionChange) {\n      (externalOnSelectionChange as any)(selection);\n    }\n  };\n\n  // Custom option click handler that ensures search input receives focus\n  const handleOptionClick = (key: Key) => {\n    // Focus the search input to enable keyboard navigation\n    // Use setTimeout to ensure this happens after React state updates\n    setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n      }\n    }, 0);\n\n    // Call the original onOptionClick if provided\n    if (onOptionClick) {\n      onOptionClick(key);\n    }\n  };\n\n  const searchInput = (\n    <SearchWrapperElement mods={mods} data-size={size}>\n      {isLoading && (\n        <div data-element=\"Prefix\">\n          <div data-element=\"InputIcon\">\n            {isLoading ? <LoadingIcon /> : null}\n          </div>\n        </div>\n      )}\n      <SearchInputElement\n        ref={searchInputRef}\n        qa={qa || 'FilterListBox'}\n        id={id}\n        data-prefix={isLoading ? '' : undefined}\n        data-suffix={isLoadingItems ? '' : undefined}\n        type=\"search\"\n        placeholder={searchPlaceholder}\n        value={searchValue}\n        disabled={isDisabled}\n        autoFocus={autoFocus}\n        {...(autoFocus ? { 'data-autofocus': '' } : undefined)}\n        styles={searchInputStyles}\n        data-size={size}\n        data-input-type=\"filterlistbox\"\n        role=\"combobox\"\n        aria-expanded=\"true\"\n        aria-haspopup=\"listbox\"\n        aria-controls={listBoxId}\n        aria-activedescendant={\n          activeOptionKey != null\n            ? getListBoxOptionId(listBoxId, activeOptionKey)\n            : undefined\n        }\n        // The search input is the control the label points at, so it also\n        // takes the caller's naming and the field's description and message.\n        aria-label={(props as any)['aria-label']}\n        aria-labelledby={(props as any)['aria-labelledby']}\n        aria-describedby={(props as any)['aria-describedby']}\n        aria-invalid={isInvalid || undefined}\n        onChange={(e) => {\n          handleSearchChange(e.target.value);\n        }}\n        {...keyboardProps}\n        {...modAttrs(mods)}\n      />\n      {isLoadingItems && (\n        <div data-element=\"Suffix\">\n          <LoadingIcon data-element=\"InputIcon\" />\n        </div>\n      )}\n    </SearchWrapperElement>\n  );\n\n  const filterListBoxField = (\n    <FilterListBoxWrapperElement\n      ref={ref}\n      qa=\"FilterListBoxWrapper\"\n      {...modAttrs(mods)}\n      styles={styles}\n      {...mergeProps(focusProps, focusWithinProps)}\n    >\n      {header ? (\n        <StyledHeaderWithoutBorder data-size={size} styles={headerStyles}>\n          {header}\n        </StyledHeaderWithoutBorder>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      {searchInput}\n      <ListBox\n        isBare\n        ref={listBoxRef}\n        id={listBoxId}\n        aria-label={innerAriaLabel}\n        selectedKey={selectedKey}\n        defaultSelectedKey={defaultSelectedKey}\n        selectedKeys={selectedKeys}\n        defaultSelectedKeys={defaultSelectedKeys}\n        selectionMode={selectionMode}\n        isDisabled={isDisabled}\n        listRef={listRef}\n        stateRef={listStateRef}\n        listStyles={listStyles}\n        shouldFocusWrap={shouldFocusWrap}\n        optionStyles={optionStyles}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        listGap={listGap}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        disallowEmptySelection={props.disallowEmptySelection}\n        allowDuplicateSelectionEvents={props.allowDuplicateSelectionEvents}\n        disabledKeys={props.disabledKeys}\n        focusOnHover={focusOnHover}\n        shouldUseVirtualFocus={!(isReorderable && !searchValue.trim())}\n        isFocusWithin={isFocusWithin}\n        showSelectAll={showSelectAll}\n        selectAllLabel={selectAllLabel}\n        footer={footer}\n        footerStyles={footerStyles}\n        mods={mods}\n        styles={listBoxStyles}\n        isCheckable={isCheckable}\n        items={items as any}\n        allValueProps={allValueProps}\n        filter={filterFn}\n        emptyLabel={\n          emptyLabel !== undefined\n            ? emptyLabel\n            : searchValue.trim()\n              ? t('filterListBox.noResults', 'No results found')\n              : t('filterListBox.noItems', 'No items')\n        }\n        isReorderable={isReorderable && !searchValue.trim()}\n        onReorder={onReorder}\n        onSelectionChange={handleSelectionChange}\n        onEscape={onEscape}\n        onOptionClick={handleOptionClick}\n      >\n        {enhancedChildren as any}\n      </ListBox>\n    </FilterListBoxWrapperElement>\n  );\n\n  return wrapWithField<Omit<CubeFilterListBoxProps<T>, 'children'>>(\n    filterListBoxField,\n    { ...props, ...fieldLayout.field },\n  );\n}) as unknown as (<T>(\n  props: CubeFilterListBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { Item: typeof Item; Section: typeof BaseSection };\n\nFilterListBox.Item = Item;\n\nFilterListBox.Section = BaseSection;\n\nObject.defineProperty(FilterListBox, 'cubeInputType', {\n  value: 'FilterListBox',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}

package/dist/components/fields/FilterListBox/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { StyledHeader } from "../../actions/Menu/styled.js";
 import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES } from "../TextInput/TextInputBase.js";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/fields/FilterPicker/FilterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { Text as _Text } from "../../content/Text.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/FilterPicker/FilterTree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -7,6 +7,7 @@ import { buildTreeIndex, getTreeNodeText } from "../../content/Tree/tree-index.j
 import { StyledFooter } from "../../actions/Menu/styled.js";
 import { deriveCheckedSets, toOrderedKeys, toggleCheckedKey } from "../../content/Tree/checked-keys.js";
 import { Tree } from "../../content/Tree/Tree.js";
+import { EMPTY_ROW_STYLES } from "../ListBox/empty-row.js";
 import { FilterListBoxWrapperElement, SearchInputElement, SearchWrapperElement, StyledHeaderWithoutBorder } from "../FilterListBox/styled.js";
 import { getTreeRowId } from "../../content/Tree/rowId.js";
 import { c } from "react/compiler-runtime";
@@ -340,6 +341,7 @@ function FilterTree(props) {
 		color: "#dark-03",
 		size,
 		padding: "(.5x - 1bw)",
+		styles: EMPTY_ROW_STYLES,
 		children: resolvedEmptyLabel
 	});
 	let t22;

package/dist/components/fields/FilterPicker/FilterTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTree.js","names":["tasty","useRef","useState","useFilter","useId","useKeyboard","useI18n","LoadingIcon","mergeRefs","StyledFooter","Item","deriveCheckedSets","toggleCheckedKey","toOrderedKeys","getTreeRowId","Tree","buildTreeIndex","getTreeNodeText","FilterListBoxWrapperElement","SearchInputElement","SearchWrapperElement","StyledHeaderWithoutBorder","Styles","ReactNode","RefObject","CubeTreeNodeData","FilterFn","textValue","inputValue","FilterTreeProps","treeData","checkedKeys","onCheckedKeysChange","keys","expandedKeys","onExpand","searchValue","onSearchChange","value","searchPlaceholder","searchInputStyles","searchInputRef","HTMLInputElement","filter","emptyLabel","header","headerStyles","footer","footerStyles","size","isDisabled","isLoadingItems","shouldFocusWrap","autoFocus","onEscape","onCommit","FilterTreeListElement","qa","styles","display","gridColumns","gridRows","height","FOOTER_ROWS_STYLES","filterTreeData","nodes","query","match","expandKeys","kept","node","push","children","length","key","getNavigableRows","expanded","Set","out","has","FilterTree","props","$","_c","controlledSearchValue","t0","undefined","t","t1","t2","ariaLabel","treeId","inputRef","t3","Symbol","for","sensitivity","contains","internalSearchValue","setInternalSearchValue","t4","trim","isSearching","searchExpansion","setSearchExpansion","expansionQuery","setExpansionQuery","t5","setSearchValue","index","checked","halfChecked","filtered","expandedSet","t6","setExpanded","rows","rowKeys","map","_temp","storedActiveKey","setActiveKey","activeKey","includes","find","toggle","key_0","next","toggleActive","key_1","t7","setTimeout","current","focus","refocusSearch","t8","key_2","moveActive","getActiveRow","row_0","row","handleArrow","direction","position","indexOf","next_0","handleExpandKey","input","direction_0","row_1","caret","selectionStart","atEdge","selectionEnd","hasChildren","isExpanded","_temp2","key_3","parentKey","parentOf","get","keyboardProps","onKeyDown","e","bb179","preventDefault","target","t9","t10","t11","t12","disabled","searchable","suffix","searchMods","t13","resolvedEmptyLabel","t14","popover","t15","t16","t17","t18","e_0","t19","T0","t20","t21","keys_0","String","_","info","t22","t23","child","_c","useId","Item"],"sources":["../../../../src/components/fields/FilterPicker/FilterTree.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useRef, useState } from 'react';\nimport { useFilter, useId, useKeyboard } from 'react-aria';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { StyledFooter } from '../../actions/Menu/styled';\nimport { Item } from '../../content/Item/Item';\nimport {\n  deriveCheckedSets,\n  toggleCheckedKey,\n  toOrderedKeys,\n} from '../../content/Tree/checked-keys';\nimport { getTreeRowId } from '../../content/Tree/rowId';\nimport { Tree } from '../../content/Tree/Tree';\nimport { buildTreeIndex, getTreeNodeText } from '../../content/Tree/tree-index';\nimport {\n  FilterListBoxWrapperElement,\n  SearchInputElement,\n  SearchWrapperElement,\n  StyledHeaderWithoutBorder,\n} from '../FilterListBox/styled';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode, RefObject } from 'react';\nimport type { CubeTreeNodeData } from '../../content/Tree/types';\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport interface FilterTreeProps {\n  treeData: CubeTreeNodeData[];\n  /** The value: checked keys over the whole tree. A parent key checks its subtree. */\n  checkedKeys: readonly string[];\n  /** Every fully checked key, parents included, in tree order. */\n  onCheckedKeysChange: (keys: string[]) => void;\n  /** The user's expansion. FilterPicker holds it, so it outlives the popover. */\n  expandedKeys: string[];\n  onExpand: (keys: string[]) => void;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  searchInputStyles?: Styles;\n  searchInputRef?: RefObject<HTMLInputElement | null>;\n  filter?: FilterFn | false;\n  emptyLabel?: ReactNode;\n  header?: ReactNode;\n  headerStyles?: Styles;\n  footer?: ReactNode;\n  footerStyles?: Styles;\n  size?: 'medium' | 'large';\n  isDisabled?: boolean;\n  isLoadingItems?: boolean;\n  shouldFocusWrap?: boolean;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  /** Escape on an empty search. */\n  onEscape?: () => void;\n  /** Enter toggled the active row. FilterPicker closes the popover, as it does for a checkable list. */\n  onCommit?: () => void;\n}\n\nconst FilterTreeListElement = tasty({\n  qa: 'FilterTreeList',\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    height: 'min 0',\n  },\n});\n\n/** With a footer, the frame takes a fourth row for it. */\nconst FOOTER_ROWS_STYLES: Styles = {\n  gridRows: 'max-content max-content 1sf max-content',\n};\n\n/**\n * Keep the nodes that match, each with its whole subtree, and the ancestors\n * of deeper matches with only their matching branches. `expandKeys` are the\n * nodes with a match below them, matching or not, so they open to show it.\n */\nfunction filterTreeData(\n  nodes: CubeTreeNodeData[],\n  query: string,\n  match: FilterFn,\n  expandKeys: string[] = [],\n): { nodes: CubeTreeNodeData[]; expandKeys: string[] } {\n  const kept: CubeTreeNodeData[] = [];\n\n  for (const node of nodes) {\n    if (match(getTreeNodeText(node), query)) {\n      kept.push(node);\n      if (\n        node.children &&\n        filterTreeData(node.children, query, match, expandKeys).nodes.length\n      ) {\n        expandKeys.push(node.key);\n      }\n      continue;\n    }\n\n    const children = node.children\n      ? filterTreeData(node.children, query, match, expandKeys).nodes\n      : [];\n\n    if (children.length) {\n      kept.push({ ...node, children });\n      expandKeys.push(node.key);\n    }\n  }\n\n  return { nodes: kept, expandKeys };\n}\n\n/** The rows a keyboard can reach, top to bottom. */\nfunction getNavigableRows(\n  nodes: CubeTreeNodeData[],\n  expanded: Set<string>,\n  out: CubeTreeNodeData[] = [],\n): CubeTreeNodeData[] {\n  for (const node of nodes) {\n    if (!node.isDisabled) out.push(node);\n    if (node.children && expanded.has(node.key)) {\n      getNavigableRows(node.children, expanded, out);\n    }\n  }\n\n  return out;\n}\n\n/**\n * FilterPicker's popover in tree mode: FilterListBox's header, search row\n * and footer around a checkable `Tree`.\n *\n * The search input keeps focus and points at the active row with\n * `aria-activedescendant`, as FilterListBox does for its options. The\n * checkbox cascade runs over the whole `treeData`, never only the rows a\n * search left visible.\n */\nexport function FilterTree(props: FilterTreeProps) {\n  const {\n    treeData,\n    checkedKeys,\n    onCheckedKeysChange,\n    expandedKeys,\n    onExpand,\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    searchInputStyles,\n    searchInputRef,\n    filter,\n    header,\n    headerStyles,\n    footer,\n    footerStyles,\n    size = 'medium',\n    isDisabled,\n    isLoadingItems,\n    shouldFocusWrap,\n    autoFocus,\n    onEscape,\n    onCommit,\n  } = props;\n  const { t } = useI18n();\n  const {\n    searchPlaceholder = t('filterListBox.searchPlaceholder', 'Search...'),\n    emptyLabel,\n  } = props;\n  const ariaLabel = props['aria-label'];\n\n  const treeId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { contains } = useFilter({ sensitivity: 'base' });\n\n  const [internalSearchValue, setInternalSearchValue] = useState('');\n  const searchValue = controlledSearchValue ?? internalSearchValue;\n  const query = searchValue.trim();\n  const isSearching = !!query && filter !== false;\n\n  // Expansion during a search is its own: it starts from the ancestors of\n  // the matches and resets whenever the query changes, typed or controlled.\n  // Clearing the search brings back the expansion the user had, untouched.\n  const [searchExpansion, setSearchExpansion] = useState<string[] | null>(null);\n  const [expansionQuery, setExpansionQuery] = useState(query);\n\n  if (expansionQuery !== query) {\n    setExpansionQuery(query);\n    setSearchExpansion(null);\n  }\n\n  const setSearchValue = (value: string) => {\n    if (controlledSearchValue === undefined) setInternalSearchValue(value);\n    onSearchChange?.(value);\n  };\n\n  const index = buildTreeIndex(treeData);\n  const { checked, halfChecked } = deriveCheckedSets(\n    treeData,\n    index,\n    checkedKeys,\n  );\n\n  const filtered = isSearching\n    ? filterTreeData(\n        treeData,\n        query,\n        typeof filter === 'function' ? filter : contains,\n      )\n    : { nodes: treeData, expandKeys: [] };\n\n  const expanded = isSearching\n    ? (searchExpansion ?? filtered.expandKeys)\n    : expandedKeys;\n  const expandedSet = new Set(expanded);\n\n  const setExpanded = (keys: string[]) => {\n    if (isSearching) {\n      setSearchExpansion(keys);\n      return;\n    }\n    onExpand(keys);\n  };\n\n  const rows = getNavigableRows(filtered.nodes, expandedSet);\n  const rowKeys = rows.map((row) => row.key);\n\n  // The row the search input points at. One that a search or a collapse\n  // hid falls back to the first checked row in view, then the first row.\n  const [storedActiveKey, setActiveKey] = useState<string | null>(null);\n  const activeKey =\n    storedActiveKey != null && rowKeys.includes(storedActiveKey)\n      ? storedActiveKey\n      : (rowKeys.find((key) => checked.has(key)) ?? rowKeys[0] ?? null);\n\n  // Whether the node could be toggled: one with its checkbox disabled or\n  // opted out stays as it is.\n  const toggle = (key: string): boolean => {\n    const next = toggleCheckedKey(index, checked, key);\n    if (!next) return false;\n    onCheckedKeysChange(\n      toOrderedKeys(index, deriveCheckedSets(treeData, index, next).checked),\n    );\n    return true;\n  };\n\n  // Toggle the active row and keep it active, though the fallback above\n  // would move away from a row that is no longer checked.\n  const toggleActive = (key: string) => {\n    setActiveKey(key);\n    return toggle(key);\n  };\n\n  // A press on a row, its checkbox or its chevron moves DOM focus into the\n  // tree; hand it back so typing and arrow keys keep working.\n  const refocusSearch = () => {\n    setTimeout(() => inputRef.current?.focus(), 0);\n  };\n\n  const moveActive = (key: string | undefined) => {\n    if (key != null) setActiveKey(key);\n  };\n\n  const getActiveRow = () =>\n    activeKey == null ? undefined : rows.find((row) => row.key === activeKey);\n\n  const handleArrow = (direction: 1 | -1) => {\n    const position = activeKey == null ? -1 : rowKeys.indexOf(activeKey);\n    let next = position + direction;\n    if (position < 0) next = direction === 1 ? 0 : rowKeys.length - 1;\n    if (next < 0 || next >= rowKeys.length) {\n      if (!shouldFocusWrap) return;\n      next = (next + rowKeys.length) % rowKeys.length;\n    }\n    moveActive(rowKeys[next]);\n  };\n\n  // Right and Left reach the tree only where they can no longer move the\n  // caret: at the end of the text, and at its start.\n  const handleExpandKey = (\n    input: HTMLInputElement,\n    direction: 'open' | 'close',\n  ): boolean => {\n    const row = getActiveRow();\n    if (!row) return false;\n\n    const caret = input.selectionStart ?? 0;\n    const atEdge =\n      input.selectionStart === input.selectionEnd &&\n      (direction === 'open' ? caret === input.value.length : caret === 0);\n    if (!atEdge) return false;\n\n    const hasChildren = !!row.children?.length;\n    const isExpanded = expandedSet.has(row.key);\n\n    if (direction === 'open') {\n      if (!hasChildren) return false;\n      if (!isExpanded) {\n        setExpanded([...expanded, row.key]);\n      } else {\n        moveActive(row.children?.find((child) => !child.isDisabled)?.key);\n      }\n      return true;\n    }\n\n    if (hasChildren && isExpanded) {\n      setExpanded(expanded.filter((key) => key !== row.key));\n      return true;\n    }\n\n    // The nearest ancestor the keyboard can reach; a disabled one is skipped.\n    let parentKey = index.parentOf.get(row.key);\n    while (parentKey != null && !rowKeys.includes(parentKey)) {\n      parentKey = index.parentOf.get(parentKey);\n    }\n    if (parentKey == null) return false;\n    moveActive(parentKey);\n    return true;\n  };\n\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      switch (e.key) {\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\n          handleArrow(e.key === 'ArrowDown' ? 1 : -1);\n          break;\n        case 'Home':\n        case 'End':\n        case 'PageUp':\n        case 'PageDown':\n          e.preventDefault();\n          moveActive(\n            e.key === 'Home' || e.key === 'PageUp'\n              ? rowKeys[0]\n              : rowKeys[rowKeys.length - 1],\n          );\n          break;\n        case 'ArrowRight':\n        case 'ArrowLeft':\n          if (\n            handleExpandKey(\n              e.target as HTMLInputElement,\n              e.key === 'ArrowRight' ? 'open' : 'close',\n            )\n          ) {\n            e.preventDefault();\n          }\n          break;\n        case 'Enter':\n          if (activeKey == null) break;\n          e.preventDefault();\n          if (toggleActive(activeKey)) onCommit?.();\n          break;\n        case ' ':\n          if (activeKey == null || searchValue) break;\n          e.preventDefault();\n          toggleActive(activeKey);\n          break;\n        case 'Escape':\n          if (searchValue) {\n            e.preventDefault();\n            setSearchValue('');\n          } else if (onEscape) {\n            e.preventDefault();\n            onEscape();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n  });\n\n  const searchMods = {\n    disabled: !!isDisabled,\n    'loading-items': !!isLoadingItems,\n    searchable: true,\n    suffix: !!isLoadingItems,\n  };\n\n  const resolvedEmptyLabel =\n    emptyLabel !== undefined\n      ? emptyLabel\n      : query\n        ? t('filterListBox.noResults', 'No results found')\n        : t('filterListBox.noItems', 'No items');\n\n  return (\n    <FilterListBoxWrapperElement\n      qa=\"FilterTreeWrapper\"\n      mods={{ popover: true }}\n      styles={footer ? FOOTER_ROWS_STYLES : undefined}\n    >\n      {header ? (\n        <StyledHeaderWithoutBorder data-size={size} styles={headerStyles}>\n          {header}\n        </StyledHeaderWithoutBorder>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      <SearchWrapperElement mods={searchMods} data-size={size}>\n        <SearchInputElement\n          ref={mergeRefs(inputRef, searchInputRef)}\n          qa=\"FilterTreeSearch\"\n          type=\"search\"\n          role=\"combobox\"\n          aria-expanded=\"true\"\n          aria-haspopup=\"tree\"\n          aria-controls={filtered.nodes.length ? treeId : undefined}\n          aria-activedescendant={\n            activeKey == null ? undefined : getTreeRowId(treeId, activeKey)\n          }\n          aria-label={ariaLabel}\n          placeholder={searchPlaceholder}\n          value={searchValue}\n          disabled={isDisabled}\n          autoFocus={autoFocus}\n          {...(autoFocus ? { 'data-autofocus': '' } : undefined)}\n          data-size={size}\n          mods={searchMods}\n          styles={searchInputStyles}\n          onChange={(e) => setSearchValue(e.target.value)}\n          {...keyboardProps}\n        />\n        {isLoadingItems && (\n          <div data-element=\"Suffix\">\n            <LoadingIcon data-element=\"InputIcon\" />\n          </div>\n        )}\n      </SearchWrapperElement>\n      <FilterTreeListElement\n        // Only the tree's own focus goes back: an empty label may hold a\n        // control, such as Retry, that the keyboard has to reach.\n        onFocus={filtered.nodes.length ? refocusSearch : undefined}\n      >\n        {filtered.nodes.length ? (\n          <Tree\n            id={treeId}\n            qa=\"FilterTree\"\n            ariaLabel={ariaLabel}\n            treeData={filtered.nodes}\n            size={size}\n            isCheckable\n            isDisabled={isDisabled}\n            selectionMode=\"none\"\n            checkedKeys={{\n              checked: [...checked],\n              halfChecked: [...halfChecked],\n            }}\n            expandedKeys={expanded}\n            _activeKey={activeKey}\n            onExpand={(keys) => setExpanded(keys.map(String))}\n            onCheck={(_, info) => toggle(info.node.key)}\n            _onRowAction={toggleActive}\n          />\n        ) : (\n          <Item preset=\"t4\" color=\"#dark-03\" size={size} padding=\"(.5x - 1bw)\">\n            {resolvedEmptyLabel}\n          </Item>\n        )}\n      </FilterTreeListElement>\n      {footer ? (\n        <StyledFooter styles={footerStyles} data-size={size}>\n          {footer}\n        </StyledFooter>\n      ) : null}\n    </FilterListBoxWrapperElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterTree.js","names":["tasty","useRef","useState","useFilter","useId","useKeyboard","useI18n","LoadingIcon","mergeRefs","StyledFooter","Item","deriveCheckedSets","toggleCheckedKey","toOrderedKeys","getTreeRowId","Tree","buildTreeIndex","getTreeNodeText","FilterListBoxWrapperElement","SearchInputElement","SearchWrapperElement","StyledHeaderWithoutBorder","EMPTY_ROW_STYLES","Styles","ReactNode","RefObject","CubeTreeNodeData","FilterFn","textValue","inputValue","FilterTreeProps","treeData","checkedKeys","onCheckedKeysChange","keys","expandedKeys","onExpand","searchValue","onSearchChange","value","searchPlaceholder","searchInputStyles","searchInputRef","HTMLInputElement","filter","emptyLabel","header","headerStyles","footer","footerStyles","size","isDisabled","isLoadingItems","shouldFocusWrap","autoFocus","onEscape","onCommit","FilterTreeListElement","qa","styles","display","gridColumns","gridRows","height","FOOTER_ROWS_STYLES","filterTreeData","nodes","query","match","expandKeys","kept","node","push","children","length","key","getNavigableRows","expanded","Set","out","has","FilterTree","props","$","_c","controlledSearchValue","t0","undefined","t","t1","t2","ariaLabel","treeId","inputRef","t3","Symbol","for","sensitivity","contains","internalSearchValue","setInternalSearchValue","t4","trim","isSearching","searchExpansion","setSearchExpansion","expansionQuery","setExpansionQuery","t5","setSearchValue","index","checked","halfChecked","filtered","expandedSet","t6","setExpanded","rows","rowKeys","map","_temp","storedActiveKey","setActiveKey","activeKey","includes","find","toggle","key_0","next","toggleActive","key_1","t7","setTimeout","current","focus","refocusSearch","t8","key_2","moveActive","getActiveRow","row_0","row","handleArrow","direction","position","indexOf","next_0","handleExpandKey","input","direction_0","row_1","caret","selectionStart","atEdge","selectionEnd","hasChildren","isExpanded","_temp2","key_3","parentKey","parentOf","get","keyboardProps","onKeyDown","e","bb179","preventDefault","target","t9","t10","t11","t12","disabled","searchable","suffix","searchMods","t13","resolvedEmptyLabel","t14","popover","t15","t16","t17","t18","e_0","t19","T0","t20","t21","keys_0","String","_","info","t22","t23","child","_c","useId","Item"],"sources":["../../../../src/components/fields/FilterPicker/FilterTree.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useRef, useState } from 'react';\nimport { useFilter, useId, useKeyboard } from 'react-aria';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { StyledFooter } from '../../actions/Menu/styled';\nimport { Item } from '../../content/Item/Item';\nimport {\n  deriveCheckedSets,\n  toggleCheckedKey,\n  toOrderedKeys,\n} from '../../content/Tree/checked-keys';\nimport { getTreeRowId } from '../../content/Tree/rowId';\nimport { Tree } from '../../content/Tree/Tree';\nimport { buildTreeIndex, getTreeNodeText } from '../../content/Tree/tree-index';\nimport {\n  FilterListBoxWrapperElement,\n  SearchInputElement,\n  SearchWrapperElement,\n  StyledHeaderWithoutBorder,\n} from '../FilterListBox/styled';\nimport { EMPTY_ROW_STYLES } from '../ListBox/empty-row';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode, RefObject } from 'react';\nimport type { CubeTreeNodeData } from '../../content/Tree/types';\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport interface FilterTreeProps {\n  treeData: CubeTreeNodeData[];\n  /** The value: checked keys over the whole tree. A parent key checks its subtree. */\n  checkedKeys: readonly string[];\n  /** Every fully checked key, parents included, in tree order. */\n  onCheckedKeysChange: (keys: string[]) => void;\n  /** The user's expansion. FilterPicker holds it, so it outlives the popover. */\n  expandedKeys: string[];\n  onExpand: (keys: string[]) => void;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  searchInputStyles?: Styles;\n  searchInputRef?: RefObject<HTMLInputElement | null>;\n  filter?: FilterFn | false;\n  emptyLabel?: ReactNode;\n  header?: ReactNode;\n  headerStyles?: Styles;\n  footer?: ReactNode;\n  footerStyles?: Styles;\n  size?: 'medium' | 'large';\n  isDisabled?: boolean;\n  isLoadingItems?: boolean;\n  shouldFocusWrap?: boolean;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  /** Escape on an empty search. */\n  onEscape?: () => void;\n  /** Enter toggled the active row. FilterPicker closes the popover, as it does for a checkable list. */\n  onCommit?: () => void;\n}\n\nconst FilterTreeListElement = tasty({\n  qa: 'FilterTreeList',\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    height: 'min 0',\n  },\n});\n\n/** With a footer, the frame takes a fourth row for it. */\nconst FOOTER_ROWS_STYLES: Styles = {\n  gridRows: 'max-content max-content 1sf max-content',\n};\n\n/**\n * Keep the nodes that match, each with its whole subtree, and the ancestors\n * of deeper matches with only their matching branches. `expandKeys` are the\n * nodes with a match below them, matching or not, so they open to show it.\n */\nfunction filterTreeData(\n  nodes: CubeTreeNodeData[],\n  query: string,\n  match: FilterFn,\n  expandKeys: string[] = [],\n): { nodes: CubeTreeNodeData[]; expandKeys: string[] } {\n  const kept: CubeTreeNodeData[] = [];\n\n  for (const node of nodes) {\n    if (match(getTreeNodeText(node), query)) {\n      kept.push(node);\n      if (\n        node.children &&\n        filterTreeData(node.children, query, match, expandKeys).nodes.length\n      ) {\n        expandKeys.push(node.key);\n      }\n      continue;\n    }\n\n    const children = node.children\n      ? filterTreeData(node.children, query, match, expandKeys).nodes\n      : [];\n\n    if (children.length) {\n      kept.push({ ...node, children });\n      expandKeys.push(node.key);\n    }\n  }\n\n  return { nodes: kept, expandKeys };\n}\n\n/** The rows a keyboard can reach, top to bottom. */\nfunction getNavigableRows(\n  nodes: CubeTreeNodeData[],\n  expanded: Set<string>,\n  out: CubeTreeNodeData[] = [],\n): CubeTreeNodeData[] {\n  for (const node of nodes) {\n    if (!node.isDisabled) out.push(node);\n    if (node.children && expanded.has(node.key)) {\n      getNavigableRows(node.children, expanded, out);\n    }\n  }\n\n  return out;\n}\n\n/**\n * FilterPicker's popover in tree mode: FilterListBox's header, search row\n * and footer around a checkable `Tree`.\n *\n * The search input keeps focus and points at the active row with\n * `aria-activedescendant`, as FilterListBox does for its options. The\n * checkbox cascade runs over the whole `treeData`, never only the rows a\n * search left visible.\n */\nexport function FilterTree(props: FilterTreeProps) {\n  const {\n    treeData,\n    checkedKeys,\n    onCheckedKeysChange,\n    expandedKeys,\n    onExpand,\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    searchInputStyles,\n    searchInputRef,\n    filter,\n    header,\n    headerStyles,\n    footer,\n    footerStyles,\n    size = 'medium',\n    isDisabled,\n    isLoadingItems,\n    shouldFocusWrap,\n    autoFocus,\n    onEscape,\n    onCommit,\n  } = props;\n  const { t } = useI18n();\n  const {\n    searchPlaceholder = t('filterListBox.searchPlaceholder', 'Search...'),\n    emptyLabel,\n  } = props;\n  const ariaLabel = props['aria-label'];\n\n  const treeId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { contains } = useFilter({ sensitivity: 'base' });\n\n  const [internalSearchValue, setInternalSearchValue] = useState('');\n  const searchValue = controlledSearchValue ?? internalSearchValue;\n  const query = searchValue.trim();\n  const isSearching = !!query && filter !== false;\n\n  // Expansion during a search is its own: it starts from the ancestors of\n  // the matches and resets whenever the query changes, typed or controlled.\n  // Clearing the search brings back the expansion the user had, untouched.\n  const [searchExpansion, setSearchExpansion] = useState<string[] | null>(null);\n  const [expansionQuery, setExpansionQuery] = useState(query);\n\n  if (expansionQuery !== query) {\n    setExpansionQuery(query);\n    setSearchExpansion(null);\n  }\n\n  const setSearchValue = (value: string) => {\n    if (controlledSearchValue === undefined) setInternalSearchValue(value);\n    onSearchChange?.(value);\n  };\n\n  const index = buildTreeIndex(treeData);\n  const { checked, halfChecked } = deriveCheckedSets(\n    treeData,\n    index,\n    checkedKeys,\n  );\n\n  const filtered = isSearching\n    ? filterTreeData(\n        treeData,\n        query,\n        typeof filter === 'function' ? filter : contains,\n      )\n    : { nodes: treeData, expandKeys: [] };\n\n  const expanded = isSearching\n    ? (searchExpansion ?? filtered.expandKeys)\n    : expandedKeys;\n  const expandedSet = new Set(expanded);\n\n  const setExpanded = (keys: string[]) => {\n    if (isSearching) {\n      setSearchExpansion(keys);\n      return;\n    }\n    onExpand(keys);\n  };\n\n  const rows = getNavigableRows(filtered.nodes, expandedSet);\n  const rowKeys = rows.map((row) => row.key);\n\n  // The row the search input points at. One that a search or a collapse\n  // hid falls back to the first checked row in view, then the first row.\n  const [storedActiveKey, setActiveKey] = useState<string | null>(null);\n  const activeKey =\n    storedActiveKey != null && rowKeys.includes(storedActiveKey)\n      ? storedActiveKey\n      : (rowKeys.find((key) => checked.has(key)) ?? rowKeys[0] ?? null);\n\n  // Whether the node could be toggled: one with its checkbox disabled or\n  // opted out stays as it is.\n  const toggle = (key: string): boolean => {\n    const next = toggleCheckedKey(index, checked, key);\n    if (!next) return false;\n    onCheckedKeysChange(\n      toOrderedKeys(index, deriveCheckedSets(treeData, index, next).checked),\n    );\n    return true;\n  };\n\n  // Toggle the active row and keep it active, though the fallback above\n  // would move away from a row that is no longer checked.\n  const toggleActive = (key: string) => {\n    setActiveKey(key);\n    return toggle(key);\n  };\n\n  // A press on a row, its checkbox or its chevron moves DOM focus into the\n  // tree; hand it back so typing and arrow keys keep working.\n  const refocusSearch = () => {\n    setTimeout(() => inputRef.current?.focus(), 0);\n  };\n\n  const moveActive = (key: string | undefined) => {\n    if (key != null) setActiveKey(key);\n  };\n\n  const getActiveRow = () =>\n    activeKey == null ? undefined : rows.find((row) => row.key === activeKey);\n\n  const handleArrow = (direction: 1 | -1) => {\n    const position = activeKey == null ? -1 : rowKeys.indexOf(activeKey);\n    let next = position + direction;\n    if (position < 0) next = direction === 1 ? 0 : rowKeys.length - 1;\n    if (next < 0 || next >= rowKeys.length) {\n      if (!shouldFocusWrap) return;\n      next = (next + rowKeys.length) % rowKeys.length;\n    }\n    moveActive(rowKeys[next]);\n  };\n\n  // Right and Left reach the tree only where they can no longer move the\n  // caret: at the end of the text, and at its start.\n  const handleExpandKey = (\n    input: HTMLInputElement,\n    direction: 'open' | 'close',\n  ): boolean => {\n    const row = getActiveRow();\n    if (!row) return false;\n\n    const caret = input.selectionStart ?? 0;\n    const atEdge =\n      input.selectionStart === input.selectionEnd &&\n      (direction === 'open' ? caret === input.value.length : caret === 0);\n    if (!atEdge) return false;\n\n    const hasChildren = !!row.children?.length;\n    const isExpanded = expandedSet.has(row.key);\n\n    if (direction === 'open') {\n      if (!hasChildren) return false;\n      if (!isExpanded) {\n        setExpanded([...expanded, row.key]);\n      } else {\n        moveActive(row.children?.find((child) => !child.isDisabled)?.key);\n      }\n      return true;\n    }\n\n    if (hasChildren && isExpanded) {\n      setExpanded(expanded.filter((key) => key !== row.key));\n      return true;\n    }\n\n    // The nearest ancestor the keyboard can reach; a disabled one is skipped.\n    let parentKey = index.parentOf.get(row.key);\n    while (parentKey != null && !rowKeys.includes(parentKey)) {\n      parentKey = index.parentOf.get(parentKey);\n    }\n    if (parentKey == null) return false;\n    moveActive(parentKey);\n    return true;\n  };\n\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      switch (e.key) {\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\n          handleArrow(e.key === 'ArrowDown' ? 1 : -1);\n          break;\n        case 'Home':\n        case 'End':\n        case 'PageUp':\n        case 'PageDown':\n          e.preventDefault();\n          moveActive(\n            e.key === 'Home' || e.key === 'PageUp'\n              ? rowKeys[0]\n              : rowKeys[rowKeys.length - 1],\n          );\n          break;\n        case 'ArrowRight':\n        case 'ArrowLeft':\n          if (\n            handleExpandKey(\n              e.target as HTMLInputElement,\n              e.key === 'ArrowRight' ? 'open' : 'close',\n            )\n          ) {\n            e.preventDefault();\n          }\n          break;\n        case 'Enter':\n          if (activeKey == null) break;\n          e.preventDefault();\n          if (toggleActive(activeKey)) onCommit?.();\n          break;\n        case ' ':\n          if (activeKey == null || searchValue) break;\n          e.preventDefault();\n          toggleActive(activeKey);\n          break;\n        case 'Escape':\n          if (searchValue) {\n            e.preventDefault();\n            setSearchValue('');\n          } else if (onEscape) {\n            e.preventDefault();\n            onEscape();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n  });\n\n  const searchMods = {\n    disabled: !!isDisabled,\n    'loading-items': !!isLoadingItems,\n    searchable: true,\n    suffix: !!isLoadingItems,\n  };\n\n  const resolvedEmptyLabel =\n    emptyLabel !== undefined\n      ? emptyLabel\n      : query\n        ? t('filterListBox.noResults', 'No results found')\n        : t('filterListBox.noItems', 'No items');\n\n  return (\n    <FilterListBoxWrapperElement\n      qa=\"FilterTreeWrapper\"\n      mods={{ popover: true }}\n      styles={footer ? FOOTER_ROWS_STYLES : undefined}\n    >\n      {header ? (\n        <StyledHeaderWithoutBorder data-size={size} styles={headerStyles}>\n          {header}\n        </StyledHeaderWithoutBorder>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      <SearchWrapperElement mods={searchMods} data-size={size}>\n        <SearchInputElement\n          ref={mergeRefs(inputRef, searchInputRef)}\n          qa=\"FilterTreeSearch\"\n          type=\"search\"\n          role=\"combobox\"\n          aria-expanded=\"true\"\n          aria-haspopup=\"tree\"\n          aria-controls={filtered.nodes.length ? treeId : undefined}\n          aria-activedescendant={\n            activeKey == null ? undefined : getTreeRowId(treeId, activeKey)\n          }\n          aria-label={ariaLabel}\n          placeholder={searchPlaceholder}\n          value={searchValue}\n          disabled={isDisabled}\n          autoFocus={autoFocus}\n          {...(autoFocus ? { 'data-autofocus': '' } : undefined)}\n          data-size={size}\n          mods={searchMods}\n          styles={searchInputStyles}\n          onChange={(e) => setSearchValue(e.target.value)}\n          {...keyboardProps}\n        />\n        {isLoadingItems && (\n          <div data-element=\"Suffix\">\n            <LoadingIcon data-element=\"InputIcon\" />\n          </div>\n        )}\n      </SearchWrapperElement>\n      <FilterTreeListElement\n        // Only the tree's own focus goes back: an empty label may hold a\n        // control, such as Retry, that the keyboard has to reach.\n        onFocus={filtered.nodes.length ? refocusSearch : undefined}\n      >\n        {filtered.nodes.length ? (\n          <Tree\n            id={treeId}\n            qa=\"FilterTree\"\n            ariaLabel={ariaLabel}\n            treeData={filtered.nodes}\n            size={size}\n            isCheckable\n            isDisabled={isDisabled}\n            selectionMode=\"none\"\n            checkedKeys={{\n              checked: [...checked],\n              halfChecked: [...halfChecked],\n            }}\n            expandedKeys={expanded}\n            _activeKey={activeKey}\n            onExpand={(keys) => setExpanded(keys.map(String))}\n            onCheck={(_, info) => toggle(info.node.key)}\n            _onRowAction={toggleActive}\n          />\n        ) : (\n          <Item\n            preset=\"t4\"\n            color=\"#dark-03\"\n            size={size}\n            padding=\"(.5x - 1bw)\"\n            styles={EMPTY_ROW_STYLES}\n          >\n            {resolvedEmptyLabel}\n          </Item>\n        )}\n      </FilterTreeListElement>\n      {footer ? (\n        <StyledFooter styles={footerStyles} data-size={size}>\n          {footer}\n        </StyledFooter>\n      ) : null}\n    </FilterListBoxWrapperElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { FileInput as _FileInput } from "../FileInput/FileInput.js";
 import { NumberInput as _NumberInput } from "../NumberInput/NumberInput.js";
 import { PasswordInput as _PasswordInput } from "../PasswordInput/PasswordInput.js";

package/dist/components/fields/ListBox/DraggableListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/ListBox/ListBox.d.ts

@@ -140,6 +140,7 @@ export interface CubeListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'autoFocu
   /**
    * Label to display when the list is empty (no items available).
    * Defaults to "No items".
+   * It wraps to the list's width, so a long message, or an action in it, stays in view.
    */
   emptyLabel?: ReactNode;
   /**

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.210.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.211.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
@@ -19,6 +19,7 @@ import { GripVerticalIcon } from "../../../icons/GripVerticalIcon.js";
 import { createMockDragState } from "../../shared/DraggableCollection.js";
 import { useOptionOriginPress } from "../option-origin-press.js";
 import { DraggableListBox } from "./DraggableListBox.js";
+import { EMPTY_ROW_STYLES } from "./empty-row.js";
 import { c } from "react/compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useLayoutEffect, useMemo, useRef } from "react";
@@ -714,6 +715,7 @@ const ListBox = forwardRef(function ListBox(props, ref) {
 					color: "#dark-03",
 					size,
 					padding: "(.5x - 1bw)",
+					styles: EMPTY_ROW_STYLES,
 					children: emptyLabel
 				}), isReorderable && !isEmpty ? /* @__PURE__ */ jsx(DraggableListBox, {
 					state: listState,