@cube-dev/ui-kit 0.187.2 → 0.189.0

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPicker.js","names":["CollectionChildren","FocusableRefValue","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useEffect","useMemo","useRef","useState","FocusScope","Key","Placement","Section","BaseSection","ListState","useListState","useEvent","useWarn","useI18n","CloseIcon","DirectionIcon","LoadingIcon","allowEscapeToPropagate","processSelectionArray","extractStyles","CubeItemButtonProps","ItemAction","ItemButton","CubeItemProps","Text","getValidationIcon","getValidationTheme","useFieldProps","wrapWithField","Dialog","DialogTrigger","CubeFilterListBoxProps","FilterListBox","ListBox","TriggerActions","TriggerIcon","KeyboardEvent","RAKeyboardEvent","FieldBaseProps","ItemWithKey","key","id","textValue","children","CubeFilterPickerProps","Omit","T","Pick","placeholder","size","listBoxStyles","popoverStyles","triggerStyles","isCheckable","shouldFlip","placement","targetRef","HTMLElement","containerPadding","triggerTooltip","triggerDescription","renderSummary","args","selectedLabels","selectedKeys","selectedLabel","selectedKey","selectionMode","listStateRef","mods","Record","isClearable","clearLabel","onClear","actions","isLoadingItems","sortSelectedToTop","onOpenChange","isOpen","PROP_STYLES","FilterPickerWrapper","qa","styles","display","flow","gridRows","placeContent","placeItems","FilterPicker","inputProps","ref","t","props","valuePropsMapper","value","onChange","fieldProps","onSelectionChange","Array","isArray","label","extra","icon","rightIcon","prefix","suffix","hotkeys","labelStyles","isRequired","necessityIndicator","isInvalid","isValid","isDisabled","isLoading","message","externalMods","description","descriptionPlacement","type","theme","shape","labelSuffix","shouldFocusWrap","defaultSelectedKey","defaultSelectedKeys","disabledKeys","focusOnHover","showSelectAll","selectAllLabel","items","header","footer","headerStyles","footerStyles","allowsCustomValue","allValueProps","customValueProps","newCustomValueProps","searchPlaceholder","autoFocus","filter","emptyLabel","searchInputStyles","searchInputRef","listStyles","optionStyles","sectionStyles","headingStyles","listGap","listRef","disallowEmptySelection","shouldUseVirtualFocus","onEscape","onOptionClick","searchValue","onSearchChange","sortSelectedToTopProp","isReorderable","onReorder","form","otherProps","sortSelectedToTopExplicit","undefined","internalSelectedKey","setInternalSelectedKey","internalSelectedKeys","setInternalSelectedKeys","isPopoverOpen","setIsPopoverOpen","cachedItemsOrder","triggerRef","HTMLButtonElement","triggerWidthRef","current","isControlledSingle","isControlledMultiple","effectiveSelectedKey","effectiveSelectedKeys","localCollectionState","labelMap","keyMap","lm","Map","km","traverse","nodes","Iterable","node","strKey","String","set","childNodes","collection","mappedSelectedKey","get","mappedSelectedKeys","const","map","k","from","values","selectedKeyStrs","hasSelection","length","latestSelectionRef","single","multiple","selectionsWhenClosed","handleOpenChange","UNSAFE_getDOMNode","offsetWidth","keyboardProps","onKeyDown","e","preventDefault","clearValue","focus","finalItems","selectedSet","Set","addSelected","add","forEach","getItemKey","obj","item","sortArray","arr","selectedArr","unselectedArr","sortedChildren","push","has","itemsArray","sorted","triggerContent","join","showClearButton","isReadOnly","validationIcon","paintedTheme","hasCustomRightIcon","triggerRightIcon","hasTriggerActions","triggerActions","pressed","triggerElement","handleSelectionChange","selection","normalized","handleEscape","handleOptionClick","filterPickerField","eventProps","width","popover","Item","Action","Object","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/FilterPicker/FilterPicker.tsx"],"sourcesContent":["import { CollectionChildren, FocusableRefValue } from '@react-types/shared';\nimport {\n  BASE_STYLES,\n  BasePropsWithoutChildren,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FocusScope, Key, Placement } from 'react-aria';\nimport { Section as BaseSection, ListState, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { allowEscapeToPropagate } from '../../../utils/react/escapePropagation';\nimport { processSelectionArray } from '../../../utils/selection';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemButtonProps, ItemAction, ItemButton } from '../../actions';\nimport { CubeItemProps } from '../../content/Item';\nimport { Text } from '../../content/Text';\nimport {\n  getValidationIcon,\n  getValidationTheme,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\nimport {\n  CubeFilterListBoxProps,\n  FilterListBox,\n} from '../FilterListBox/FilterListBox';\nimport { ListBox } from '../ListBox';\nimport { TriggerActions, TriggerIcon } from '../TriggerActions';\n\nimport type { KeyboardEvent as RAKeyboardEvent } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\ninterface ItemWithKey {\n  key?: string | number;\n  id?: string | number;\n  textValue?: string;\n  children?: ItemWithKey[];\n  [key: string]: unknown;\n}\n\nexport interface CubeFilterPickerProps<T>\n  extends Omit<CubeFilterListBoxProps<T>, 'size' | 'shape'>,\n    // `tooltip` is the trigger's, and on a picker the trigger's is spelled\n    // `triggerTooltip`; the label's info badge is `labelTooltip`.\n    Omit<CubeItemProps, 'children' | 'size' | 'tooltip'>,\n    BasePropsWithoutChildren,\n    BaseStyleProps,\n    OuterStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<\n      string | number | readonly (string | number)[] | null | undefined\n    >,\n    Pick<\n      CubeItemButtonProps,\n      | 'type'\n      | 'theme'\n      | 'icon'\n      | 'rightIcon'\n      | 'prefix'\n      | 'suffix'\n      | 'hotkeys'\n      | 'shape'\n    > {\n  /** Placeholder text when no selection is made */\n  placeholder?: string;\n  /** Size of the picker component */\n  size?: 'small' | 'medium' | 'large';\n  /** Custom styles for the list box popover */\n  listBoxStyles?: Styles;\n  /** Custom styles for the popover container */\n  popoverStyles?: Styles;\n  /** Custom styles for the trigger button */\n  triggerStyles?: Styles;\n  /** Whether to show checkboxes for multiple selection mode */\n  isCheckable?: boolean;\n  /** Whether to flip the popover placement */\n  shouldFlip?: boolean;\n  /**\n   * Placement of the popover relative to the trigger.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom start'\n   */\n  placement?: Placement;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the trigger button.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger. The popover's `minWidth` stays tied to the\n   * trigger button, not to this element.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /** Tooltip for the trigger button (separate from `labelTooltip`) */\n  triggerTooltip?: CubeItemProps['tooltip'];\n  /** Description for the trigger button (separate from field description) */\n  triggerDescription?: CubeItemProps['description'];\n\n  /**\n   * Custom renderer for the summary shown inside the trigger when there is a selection.\n   *\n   * For `selectionMode=\"multiple\"` the function receives:\n   *  - `selectedLabels`: array of labels of the selected items.\n   *  - `selectedKeys`: array of keys of the selected items or \"all\".\n   *\n   * For `selectionMode=\"single\"` the function receives:\n   *  - `selectedLabel`: label of the selected item.\n   *  - `selectedKey`: key of the selected item.\n   *\n   * The function should return a `ReactNode` that will be rendered inside the trigger.\n   * Set to `false` to hide the summary text completely.\n   */\n  renderSummary?:\n    | ((args: {\n        selectedLabels?: string[];\n        selectedKeys?: 'all' | (string | number)[];\n        selectedLabel?: string;\n        selectedKey?: string | number | null;\n        selectionMode?: 'single' | 'multiple';\n      }) => ReactNode)\n    | false;\n\n  /** Ref to access internal ListBox state (from FilterListBox) */\n  listStateRef?: RefObject<ListState<T>>;\n  /** Additional modifiers for styling the FilterPicker */\n  mods?: Record<string, boolean>;\n  /** Whether the filter picker is clearable using a clear button in the rightIcon slot */\n  isClearable?: boolean;\n  /** Accessible name for the built-in clear button. Defaults to a localized \"Clear value\". */\n  clearLabel?: string;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n  /**\n   * Custom actions rendered inside the trigger, to the left of the built-in\n   * clear button and dropdown caret. Use `FilterPicker.Action` so they match the\n   * trigger's size and theme.\n   *\n   * Pressing one runs its handler without opening or closing the popover —\n   * including while the popover is open. Actions follow the trigger's disabled\n   * state but NOT `isReadOnly`, since a read-only field can still host an\n   * action that does not change the value; pass `isDisabled` yourself for one\n   * that does.\n   */\n  actions?: ReactNode;\n  /**\n   * Whether items are currently loading. Shows a loading spinner in the search\n   * input suffix inside the popover. Unlike `isLoading`, this does NOT disable\n   * the trigger.\n   */\n  isLoadingItems?: boolean;\n  /**\n   * Sort selected items to the top when the popover opens.\n   * Only works when using the `items` prop (data-driven mode).\n   * Ignored when using JSX children.\n   * @default true when items are provided, false when using JSX children\n   */\n  sortSelectedToTop?: boolean;\n  /** Callback called when the popover open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nconst FilterPickerWrapper = tasty({\n  qa: 'FilterPicker',\n  styles: {\n    display: 'inline-grid',\n    flow: 'column',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n  },\n});\n\nexport const FilterPicker = forwardRef(function FilterPicker<T extends object>(\n  inputProps: CubeFilterPickerProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const props = useFieldProps(inputProps, {\n    valuePropsMapper: ({ value, onChange }) => {\n      const fieldProps: Record<string, unknown> = {};\n\n      if (inputProps.selectionMode === 'multiple') {\n        fieldProps.selectedKeys = value || [];\n      } else {\n        fieldProps.selectedKey = value ?? null;\n      }\n\n      fieldProps.onSelectionChange = (key: Key | null | 'all' | Key[]) => {\n        if (inputProps.selectionMode === 'multiple') {\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  let {\n    qa,\n    label,\n    extra,\n    id,\n    icon,\n    rightIcon,\n    prefix,\n    suffix,\n    actions,\n    hotkeys,\n    triggerTooltip,\n    triggerDescription,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    isDisabled,\n    isLoading,\n    message,\n    mods: externalMods,\n    description,\n    descriptionPlacement,\n    placeholder,\n    size = 'medium',\n    styles,\n    listBoxStyles,\n    popoverStyles,\n    type = 'outline',\n    theme = 'default',\n    shape,\n    labelSuffix,\n    shouldFocusWrap,\n    children,\n    shouldFlip = true,\n    placement = 'bottom start',\n    targetRef,\n    containerPadding = 8,\n    selectedKey,\n    defaultSelectedKey,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    selectionMode = 'single',\n    listStateRef,\n    focusOnHover,\n    showSelectAll,\n    selectAllLabel = t('picker.all', 'All'),\n    items,\n    header,\n    footer,\n    headerStyles,\n    footerStyles,\n    triggerStyles,\n    allowsCustomValue,\n    renderSummary,\n    isCheckable,\n    allValueProps,\n    customValueProps,\n    newCustomValueProps,\n    searchPlaceholder,\n    autoFocus,\n    filter,\n    emptyLabel,\n    searchInputStyles,\n    searchInputRef,\n    listStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    listRef,\n    disallowEmptySelection,\n    shouldUseVirtualFocus,\n    onEscape,\n    onOptionClick,\n    isClearable,\n    clearLabel,\n    isLoadingItems,\n    searchValue,\n    onSearchChange,\n    sortSelectedToTop: sortSelectedToTopProp,\n    onOpenChange,\n    isReorderable,\n    onReorder,\n    form,\n    ...otherProps\n  } = props;\n\n  const sortSelectedToTopExplicit = sortSelectedToTopProp !== undefined;\n  const sortSelectedToTop = sortSelectedToTopProp ?? (items ? true : false);\n\n  styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n  useWarn(isCheckable === false && selectionMode === 'single', {\n    key: ['filterpicker-checkable-single-mode'],\n    args: [\n      'CubeUIKit: isCheckable=false is not recommended in single selection mode as it may confuse users about selection behavior.',\n    ],\n  });\n\n  useWarn(sortSelectedToTopExplicit && sortSelectedToTop && !items, {\n    key: ['filterpicker-sort-selected-to-top-children'],\n    args: [\n      'FilterPicker: sortSelectedToTop only works with the items prop. Sorting will be skipped when using JSX children.',\n    ],\n  });\n\n  // Internal selection state (uncontrolled scenario)\n  const [internalSelectedKey, setInternalSelectedKey] = useState<Key | null>(\n    defaultSelectedKey ?? null,\n  );\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<\n    'all' | Key[]\n  >(defaultSelectedKeys ?? []);\n\n  // Popover state — used as controlled prop for DialogTrigger\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n  const cachedItemsOrder = useRef<T[] | null>(null);\n  const triggerRef = useRef<FocusableRefValue<HTMLButtonElement>>(null);\n  // Measured lazily on popover open instead of on every render\n  const triggerWidthRef = useRef<number | undefined>(undefined);\n\n  useEffect(() => {\n    cachedItemsOrder.current = null;\n  }, [items]);\n\n  const isControlledSingle = selectedKey !== undefined;\n  const isControlledMultiple = selectedKeys !== undefined;\n\n  const effectiveSelectedKey = isControlledSingle\n    ? selectedKey\n    : internalSelectedKey;\n  const effectiveSelectedKeys = isControlledMultiple\n    ? selectedKeys\n    : internalSelectedKeys;\n\n  // Collection for label extraction (shared with FilterListBox via _internalCollection)\n  const localCollectionState = useListState({\n    children: children as any,\n    items: items as any,\n    selectionMode: 'none' as any,\n  });\n\n  // Build Maps for O(1) label and key lookups from the collection\n  const { labelMap, keyMap } = useMemo(() => {\n    const lm = new Map<string, string>();\n    const km = new Map<string, Key>();\n\n    const traverse = (nodes: Iterable<any>) => {\n      for (const node of nodes) {\n        if (node.type === 'item') {\n          const strKey = String(node.key);\n          lm.set(strKey, node.textValue || strKey);\n          km.set(strKey, node.key);\n        } else if (node.childNodes) {\n          traverse(node.childNodes);\n        }\n      }\n    };\n\n    traverse(localCollectionState.collection);\n    return { labelMap: lm, keyMap: km };\n  }, [localCollectionState.collection]);\n\n  // O(1) key mapping via Map (replaces O(n) iteration per key)\n  const mappedSelectedKey = useMemo(() => {\n    if (selectionMode !== 'single' || effectiveSelectedKey == null) return null;\n    const strKey = String(effectiveSelectedKey);\n    return keyMap.get(strKey) ?? effectiveSelectedKey;\n  }, [selectionMode, effectiveSelectedKey, keyMap]);\n\n  const mappedSelectedKeys = useMemo(() => {\n    if (selectionMode !== 'multiple') return undefined;\n    if (effectiveSelectedKeys === 'all') return 'all' as const;\n    if (Array.isArray(effectiveSelectedKeys)) {\n      return effectiveSelectedKeys.map((k) => {\n        const strKey = String(k);\n        return keyMap.get(strKey) ?? k;\n      });\n    }\n    return effectiveSelectedKeys;\n  }, [selectionMode, effectiveSelectedKeys, keyMap]);\n\n  // Memoized label extraction using the labelMap\n  const selectedLabels = useMemo(() => {\n    if (selectionMode === 'multiple' && effectiveSelectedKeys === 'all') {\n      return Array.from(labelMap.values());\n    }\n\n    const selectedKeyStrs =\n      selectionMode === 'multiple' && effectiveSelectedKeys !== 'all'\n        ? (effectiveSelectedKeys || []).map(String)\n        : effectiveSelectedKey != null\n          ? [String(effectiveSelectedKey)]\n          : [];\n\n    return selectedKeyStrs.map((k) => labelMap.get(k) ?? k);\n  }, [selectionMode, effectiveSelectedKey, effectiveSelectedKeys, labelMap]);\n\n  const hasSelection = selectedLabels.length > 0;\n\n  // Refs for tracking selection state synchronously\n  const latestSelectionRef = useRef<{\n    single: string | null;\n    multiple: 'all' | string[];\n  }>({\n    single: effectiveSelectedKey != null ? String(effectiveSelectedKey) : null,\n    multiple:\n      effectiveSelectedKeys === 'all'\n        ? 'all'\n        : (effectiveSelectedKeys ?? []).map(String),\n  });\n\n  useEffect(() => {\n    latestSelectionRef.current = {\n      single:\n        effectiveSelectedKey != null ? String(effectiveSelectedKey) : null,\n      multiple:\n        effectiveSelectedKeys === 'all'\n          ? 'all'\n          : (effectiveSelectedKeys ?? []).map(String),\n    };\n  }, [effectiveSelectedKey, effectiveSelectedKeys]);\n\n  const selectionsWhenClosed = useRef<{\n    single: string | null;\n    multiple: 'all' | string[];\n  }>({ single: null, multiple: [] });\n\n  useEffect(() => {\n    if (!isPopoverOpen) {\n      selectionsWhenClosed.current = {\n        single:\n          effectiveSelectedKey != null ? String(effectiveSelectedKey) : null,\n        multiple:\n          effectiveSelectedKeys === 'all'\n            ? 'all'\n            : (effectiveSelectedKeys ?? []).map(String),\n      };\n    }\n  }, [effectiveSelectedKey, effectiveSelectedKeys, isPopoverOpen]);\n\n  // ---------------------------------------------------------------------------\n  // Popover lifecycle — all effects moved out of the inline renderTrigger\n  // function so they have a stable component identity and don't tear\n  // down/setup on every parent re-render.\n  // DialogTrigger is controlled via isOpen/onOpenChange.\n  // ---------------------------------------------------------------------------\n\n  const handleOpenChange = useEvent((isOpen: boolean) => {\n    if (isOpen === isPopoverOpen) return;\n\n    if (isOpen) {\n      triggerWidthRef.current =\n        triggerRef?.current?.UNSAFE_getDOMNode()?.offsetWidth;\n    }\n    setIsPopoverOpen(isOpen);\n    if (!isOpen) {\n      selectionsWhenClosed.current = { ...latestSelectionRef.current };\n      cachedItemsOrder.current = null;\n      onSearchChange?.('');\n    }\n    onOpenChange?.(isOpen);\n  });\n\n  // Popover sync is handled by the inner `DialogTrigger` (type=\"popover\").\n\n  // Keyboard handler for arrow keys to open popover\n  // Deliberately NOT `useKeyboard`. `ItemButton` already runs whatever\n  // `onKeyDown` it is given through `useFocusable`'s own `useKeyboard`, and a\n  // second wrapper here would leave `continuePropagation()` releasing only the\n  // inner one while the outer still stopped the event — `Escape` reached the\n  // trigger and died there (CUB-4839). Handed over plain, this IS the outer\n  // wrapper's handler, so the opt-out applies to the event that travels.\n  const keyboardProps = {\n    onKeyDown: (e: RAKeyboardEvent) => {\n      allowEscapeToPropagate(e);\n\n      if ((e.key === 'ArrowUp' || e.key === 'ArrowDown') && !isPopoverOpen) {\n        e.preventDefault();\n        handleOpenChange(true);\n\n        return;\n      }\n    },\n  };\n\n  // Clear handler\n  const clearValue = useEvent(() => {\n    if (selectionMode === 'multiple') {\n      if (!isControlledMultiple) {\n        setInternalSelectedKeys([]);\n      }\n      onSelectionChange?.([]);\n    } else {\n      if (!isControlledSingle) {\n        setInternalSelectedKey(null);\n      }\n      onSelectionChange?.(null);\n    }\n\n    handleOpenChange(false);\n    triggerRef?.current?.focus?.();\n    props.onClear?.();\n\n    return false;\n  });\n\n  // ---------------------------------------------------------------------------\n  // Sorting\n  // ---------------------------------------------------------------------------\n\n  // Ref values (selectionsWhenClosed.current) are read synchronously inside\n  // the memo body; isPopoverOpen changing triggers recomputation at the right\n  // time (the ref is updated before the next render).\n  const finalItems = useMemo(() => {\n    if (!items) return items;\n    if (!sortSelectedToTop) return items;\n    if (!isPopoverOpen) return items;\n    if (cachedItemsOrder.current) return cachedItemsOrder.current;\n\n    const selectedSet = new Set<string>();\n\n    const addSelected = (key: Key) => {\n      if (key != null) selectedSet.add(String(key));\n    };\n\n    if (selectionMode === 'multiple') {\n      if (selectionsWhenClosed.current.multiple === 'all') {\n        return items;\n      }\n      (selectionsWhenClosed.current.multiple as string[]).forEach(addSelected);\n    } else {\n      if (selectionsWhenClosed.current.single != null) {\n        addSelected(selectionsWhenClosed.current.single);\n      }\n    }\n\n    if (selectedSet.size === 0) {\n      return items;\n    }\n\n    const getItemKey = (obj: unknown): string | undefined => {\n      if (obj == null || typeof obj !== 'object') return undefined;\n\n      const item = obj as ItemWithKey;\n      if (item.key != null) return String(item.key);\n      if (item.id != null) return String(item.id);\n      return undefined;\n    };\n\n    const sortArray = (arr: unknown[]): unknown[] => {\n      const selectedArr: unknown[] = [];\n      const unselectedArr: unknown[] = [];\n\n      arr.forEach((obj) => {\n        const item = obj as ItemWithKey;\n        if (obj && Array.isArray(item.children)) {\n          const sortedChildren = sortArray(item.children);\n          unselectedArr.push({ ...item, children: sortedChildren });\n        } else {\n          const key = getItemKey(obj);\n          if (key && selectedSet.has(key)) {\n            selectedArr.push(obj);\n          } else {\n            unselectedArr.push(obj);\n          }\n        }\n      });\n\n      return [...selectedArr, ...unselectedArr];\n    };\n\n    const itemsArray = Array.isArray(items)\n      ? items\n      : Array.from(items as Iterable<unknown>);\n    const sorted = sortArray(itemsArray) as T[];\n\n    cachedItemsOrder.current = sorted;\n\n    return sorted;\n  }, [items, sortSelectedToTop, selectionMode, isPopoverOpen]);\n\n  // ---------------------------------------------------------------------------\n  // Trigger content\n  // ---------------------------------------------------------------------------\n\n  const triggerContent = useMemo((): ReactNode => {\n    if (typeof renderSummary === 'function') {\n      if (selectionMode === 'single') {\n        return renderSummary({\n          selectedLabel: selectedLabels[0],\n          selectedKey: effectiveSelectedKey ?? null,\n          selectedLabels,\n          selectedKeys: effectiveSelectedKeys,\n          selectionMode: 'single',\n        });\n      }\n\n      return renderSummary({\n        selectedLabels,\n        selectedKeys: effectiveSelectedKeys,\n        selectionMode: 'multiple',\n      });\n    } else if (renderSummary === false) {\n      return null;\n    }\n\n    if (!hasSelection) {\n      return <Text.Placeholder>{placeholder}</Text.Placeholder>;\n    } else if (selectionMode === 'single') {\n      return selectedLabels[0] || null;\n    } else if (effectiveSelectedKeys === 'all') {\n      return selectAllLabel;\n    } else {\n      return selectedLabels.join(', ') || null;\n    }\n  }, [\n    renderSummary,\n    selectionMode,\n    selectedLabels,\n    effectiveSelectedKey,\n    effectiveSelectedKeys,\n    hasSelection,\n    placeholder,\n    selectAllLabel,\n  ]);\n\n  const showClearButton =\n    isClearable && hasSelection && !isDisabled && !props.isReadOnly;\n\n  const validationIcon = getValidationIcon({ isInvalid, isValid });\n\n  // The same expression the trigger is painted with, not the raw `theme` — see\n  // `Picker` for why validation has to be applied here too.\n  const paintedTheme = getValidationTheme(theme, { isInvalid, isValid });\n  //\n  // It reaches the trailing actions through `ItemButton`'s wrapper, which is\n  // what provides `ItemActionContext` for a run rendered outside the button —\n  // so passing it as the trigger's `theme` is all that is needed.\n\n  if (validationIcon) {\n    suffix = (\n      <>\n        {suffix}\n        {validationIcon}\n      </>\n    );\n  }\n\n  // A caller's `rightIcon` keeps the `rightIcon` slot — see `Picker` for why.\n  const hasCustomRightIcon = rightIcon !== undefined;\n  const triggerRightIcon = hasCustomRightIcon ? (\n    isLoading ? (\n      <LoadingIcon />\n    ) : (\n      rightIcon\n    )\n  ) : undefined;\n\n  // With a caller's own `rightIcon` the built-in control moves into that slot,\n  // leaving the run with whatever the caller passed — possibly nothing. `null`\n  // rather than nothing at all: the run stays in the markup, so the trigger does\n  // not restructure if actions arrive later, but the row stops counting it as\n  // end content. That is what keeps an icon-only trigger with `rightIcon={null}`\n  // square, as it was before the run existed.\n  const hasTriggerActions = !hasCustomRightIcon || !!actions;\n\n  // Everything trailing that is NOT the caller's own icon goes into the actions\n  // run — a sibling of the `<button>`, so the clear button is no longer nested\n  // inside one. See `TriggerActions`.\n  const triggerActions = (\n    <TriggerActions\n      actions={actions}\n      builtIn={\n        hasCustomRightIcon ? null : isLoading ? (\n          <TriggerIcon>\n            <LoadingIcon />\n          </TriggerIcon>\n        ) : showClearButton ? (\n          <ItemAction\n            icon={<CloseIcon />}\n            size={size}\n            qa=\"FilterPickerClearButton\"\n            // See `Select`: `ItemAction` names itself from `aria-label` or a\n            // string `tooltip`, and warns for neither.\n            aria-label={\n              clearLabel ?? t('filterPicker.clearValue', 'Clear value')\n            }\n            // No explicit `type`/`theme` — see `Picker`: the default `current`\n            // type inherits the trigger's text color, which already carries\n            // validation state.\n            mods={{ pressed: false }}\n            onPress={clearValue}\n          />\n        ) : (\n          <TriggerIcon>\n            <DirectionIcon to={isPopoverOpen ? 'top' : 'bottom'} />\n          </TriggerIcon>\n        )\n      }\n    />\n  );\n\n  // Trigger element — plain JSX with no hooks.\n  // The element type (ItemButton) is stable so React can reconcile efficiently.\n  const triggerElement = (\n    <ItemButton\n      ref={triggerRef as any}\n      data-popover-trigger\n      qa={qa || 'FilterPicker'}\n      id={id}\n      type={type}\n      theme={paintedTheme}\n      size={size}\n      shape={shape}\n      isDisabled={isDisabled || isLoading}\n      data-input-type=\"filterpicker\"\n      mods={{\n        placeholder: !hasSelection,\n        ...externalMods,\n      }}\n      icon={icon}\n      rightIcon={triggerRightIcon}\n      actions={hasTriggerActions ? triggerActions : null}\n      prefix={prefix}\n      suffix={suffix}\n      hotkeys={hotkeys}\n      tooltip={triggerTooltip}\n      description={triggerDescription}\n      descriptionPlacement={descriptionPlacement}\n      styles={triggerStyles}\n      {...keyboardProps}\n      aria-label={`${props['aria-label'] ?? props.label ?? ''}`}\n    >\n      {triggerContent}\n    </ItemButton>\n  );\n\n  // ---------------------------------------------------------------------------\n  // Selection change handler\n  // ---------------------------------------------------------------------------\n\n  const handleSelectionChange = useEvent((selection: any) => {\n    if (selectionMode === 'single') {\n      // With `disallowEmptySelection`, re-selecting the current item emits a\n      // duplicate event (see `allowDuplicateSelectionEvents` below). Close the\n      // popover but don't propagate the unchanged selection.\n      if (\n        disallowEmptySelection &&\n        selection != null &&\n        effectiveSelectedKey != null &&\n        String(selection) === String(effectiveSelectedKey)\n      ) {\n        handleOpenChange(false);\n        return;\n      }\n\n      if (!isControlledSingle) {\n        setInternalSelectedKey(selection as Key | null);\n      }\n    } else {\n      if (!isControlledMultiple) {\n        let normalized: 'all' | Key[] = selection;\n\n        if (selection === 'all') {\n          normalized = 'all';\n        } else if (Array.isArray(selection)) {\n          normalized = processSelectionArray(selection);\n        } else if (\n          selection &&\n          typeof selection === 'object' &&\n          selection instanceof Set\n        ) {\n          normalized = processSelectionArray(selection as Set<Key>);\n        }\n\n        setInternalSelectedKeys(normalized);\n      }\n    }\n\n    // Update latest selection ref synchronously\n    if (selectionMode === 'single') {\n      latestSelectionRef.current.single =\n        selection != null ? String(selection) : null;\n    } else {\n      if (selection === 'all') {\n        latestSelectionRef.current.multiple = 'all';\n      } else if (Array.isArray(selection)) {\n        latestSelectionRef.current.multiple = Array.from(\n          new Set(processSelectionArray(selection)),\n        );\n      } else if (\n        selection &&\n        typeof selection === 'object' &&\n        selection instanceof Set\n      ) {\n        latestSelectionRef.current.multiple = Array.from(\n          new Set(processSelectionArray(selection as Set<Key>)),\n        );\n      } else {\n        latestSelectionRef.current.multiple =\n          selection === 'all'\n            ? 'all'\n            : Array.isArray(selection)\n              ? selection.map(String)\n              : [];\n      }\n    }\n\n    onSelectionChange?.(selection);\n\n    if (selectionMode === 'single') {\n      handleOpenChange(false);\n    }\n  });\n\n  // Stable callbacks for popover content (avoid inline closures that change every render)\n  const handleEscape = useEvent(() => {\n    handleOpenChange(false);\n  });\n\n  const handleOptionClick = useEvent((key: Key) => {\n    if ((selectionMode === 'multiple' && isCheckable) || key === '__ALL__') {\n      handleOpenChange(false);\n    }\n  });\n\n  const filterPickerField = (\n    <FilterPickerWrapper\n      qa=\"FilterPickerWrapper\"\n      styles={styles}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n    >\n      <DialogTrigger\n        type=\"popover\"\n        placement={placement}\n        targetRef={targetRef}\n        isOpen={isPopoverOpen}\n        containerPadding={containerPadding}\n        shouldFlip={shouldFlip}\n        onOpenChange={handleOpenChange}\n      >\n        {triggerElement}\n        {() => (\n          <Dialog\n            qa=\"FilterPickerOverlay\"\n            isDismissable={false}\n            display=\"grid\"\n            styles={{\n              gridRows: '1sf',\n              width: 'max($overlay-min-width, 30x) max-content 50vw',\n              '$overlay-min-width': '30x',\n              ...popoverStyles,\n            }}\n            style={\n              triggerWidthRef.current\n                ? ({\n                    '--overlay-min-width': `${triggerWidthRef.current}px`,\n                  } as any)\n                : undefined\n            }\n          >\n            <FocusScope restoreFocus>\n              <FilterListBox\n                autoFocus\n                items={items ? (finalItems as typeof props.items) : undefined}\n                aria-label={`${props['aria-label'] ?? props.label ?? ''} ${t(\n                  'picker.pickerAriaLabel',\n                  'Picker',\n                )}`}\n                _internalCollection={localCollectionState.collection}\n                selectedKey={\n                  selectionMode === 'single' ? mappedSelectedKey : undefined\n                }\n                selectedKeys={\n                  selectionMode === 'multiple' ? mappedSelectedKeys : undefined\n                }\n                searchPlaceholder={searchPlaceholder}\n                filter={filter}\n                searchValue={searchValue}\n                listStyles={listStyles}\n                optionStyles={optionStyles}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                listRef={listRef}\n                disallowEmptySelection={disallowEmptySelection}\n                allowDuplicateSelectionEvents={\n                  selectionMode === 'single' && !!disallowEmptySelection\n                }\n                emptyLabel={emptyLabel}\n                searchInputStyles={searchInputStyles}\n                searchInputRef={searchInputRef}\n                disabledKeys={disabledKeys}\n                focusOnHover={focusOnHover}\n                shouldFocusWrap={shouldFocusWrap}\n                allowsCustomValue={allowsCustomValue}\n                selectionMode={selectionMode}\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isDisabled={isDisabled}\n                isLoading={isLoading}\n                isLoadingItems={isLoadingItems}\n                stateRef={listStateRef}\n                isCheckable={isCheckable}\n                mods={{\n                  popover: true,\n                }}\n                size={size === 'small' ? 'medium' : size}\n                showSelectAll={showSelectAll}\n                selectAllLabel={selectAllLabel}\n                header={header}\n                footer={footer}\n                headerStyles={headerStyles}\n                footerStyles={footerStyles}\n                allValueProps={allValueProps}\n                customValueProps={customValueProps}\n                newCustomValueProps={newCustomValueProps}\n                isReorderable={isReorderable}\n                onSearchChange={onSearchChange}\n                onReorder={onReorder}\n                onEscape={handleEscape}\n                onOptionClick={handleOptionClick}\n                onSelectionChange={handleSelectionChange}\n              >\n                {\n                  (children\n                    ? (children as CollectionChildren<T>)\n                    : undefined) as CollectionChildren<T>\n                }\n              </FilterListBox>\n            </FocusScope>\n          </Dialog>\n        )}\n      </DialogTrigger>\n    </FilterPickerWrapper>\n  );\n\n  return wrapWithField<Omit<CubeFilterPickerProps<T>, 'children'>>(\n    filterPickerField,\n    ref as any,\n    props,\n  );\n}) as unknown as (<T>(\n  props: CubeFilterPickerProps<T> & { ref?: ForwardedRef<HTMLElement> },\n) => ReactElement) & {\n  Item: typeof ListBox.Item;\n  Section: typeof BaseSection;\n  Action: typeof ItemAction;\n};\n\nFilterPicker.Item = ListBox.Item;\n\nFilterPicker.Section = BaseSection;\n\nFilterPicker.Action = ItemAction;\n\nObject.defineProperty(FilterPicker, 'cubeInputType', {\n  value: 'FilterPicker',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}
+{"version":3,"file":"FilterPicker.js","names":["CollectionChildren","FocusableRefValue","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useEffect","useMemo","useRef","useState","FocusScope","Key","Placement","Section","BaseSection","ListState","useListState","useEvent","useWarn","useI18n","CloseIcon","DirectionIcon","LoadingIcon","allowEscapeToPropagate","processSelectionArray","extractStyles","mergeStyleLayers","CubeItemButtonProps","ItemAction","ItemButton","CubeItemProps","Text","getValidationIcon","getValidationTheme","useFieldProps","wrapWithField","Dialog","DialogTrigger","CubeFilterListBoxProps","FilterListBox","ListBox","TriggerActions","TriggerIcon","KeyboardEvent","RAKeyboardEvent","FieldBaseProps","ItemWithKey","key","id","textValue","children","CubeFilterPickerProps","Omit","T","Pick","placeholder","size","listBoxStyles","popoverStyles","triggerStyles","isCheckable","shouldFlip","placement","targetRef","HTMLElement","containerPadding","triggerTooltip","triggerDescription","renderSummary","args","selectedLabels","selectedKeys","selectedLabel","selectedKey","selectionMode","listStateRef","mods","Record","isClearable","clearLabel","onClear","actions","isLoadingItems","sortSelectedToTop","onOpenChange","isOpen","PROP_STYLES","FilterPickerWrapper","qa","styles","display","flow","gridRows","placeContent","placeItems","FilterPicker","inputProps","ref","t","props","valuePropsMapper","value","onChange","fieldProps","onSelectionChange","Array","isArray","label","extra","icon","rightIcon","prefix","suffix","hotkeys","labelStyles","isRequired","necessityIndicator","isInvalid","isValid","isDisabled","isLoading","message","externalMods","description","descriptionPlacement","type","theme","shape","labelSuffix","shouldFocusWrap","defaultSelectedKey","defaultSelectedKeys","disabledKeys","focusOnHover","showSelectAll","selectAllLabel","items","header","footer","headerStyles","footerStyles","allowsCustomValue","allValueProps","customValueProps","newCustomValueProps","searchPlaceholder","autoFocus","filter","emptyLabel","searchInputStyles","searchInputRef","listStyles","optionStyles","sectionStyles","headingStyles","listGap","listRef","disallowEmptySelection","shouldUseVirtualFocus","onEscape","onOptionClick","searchValue","onSearchChange","sortSelectedToTopProp","isReorderable","onReorder","form","otherProps","sortSelectedToTopExplicit","undefined","internalSelectedKey","setInternalSelectedKey","internalSelectedKeys","setInternalSelectedKeys","isPopoverOpen","setIsPopoverOpen","cachedItemsOrder","triggerRef","HTMLButtonElement","triggerWidthRef","current","isControlledSingle","isControlledMultiple","effectiveSelectedKey","effectiveSelectedKeys","localCollectionState","labelMap","keyMap","lm","Map","km","traverse","nodes","Iterable","node","strKey","String","set","childNodes","collection","mappedSelectedKey","get","mappedSelectedKeys","const","map","k","from","values","selectedKeyStrs","hasSelection","length","latestSelectionRef","single","multiple","selectionsWhenClosed","handleOpenChange","UNSAFE_getDOMNode","offsetWidth","keyboardProps","onKeyDown","e","preventDefault","clearValue","focus","finalItems","selectedSet","Set","addSelected","add","forEach","getItemKey","obj","item","sortArray","arr","selectedArr","unselectedArr","sortedChildren","push","has","itemsArray","sorted","triggerContent","join","showClearButton","isReadOnly","validationIcon","paintedTheme","hasCustomRightIcon","triggerRightIcon","hasTriggerActions","triggerActions","pressed","triggerElement","handleSelectionChange","selection","normalized","handleEscape","handleOptionClick","filterPickerField","eventProps","width","popover","Item","Action","Object","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/FilterPicker/FilterPicker.tsx"],"sourcesContent":["import { CollectionChildren, FocusableRefValue } from '@react-types/shared';\nimport {\n  BASE_STYLES,\n  BasePropsWithoutChildren,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FocusScope, Key, Placement } from 'react-aria';\nimport { Section as BaseSection, ListState, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { allowEscapeToPropagate } from '../../../utils/react/escapePropagation';\nimport { processSelectionArray } from '../../../utils/selection';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { CubeItemButtonProps, ItemAction, ItemButton } from '../../actions';\nimport { CubeItemProps } from '../../content/Item';\nimport { Text } from '../../content/Text';\nimport {\n  getValidationIcon,\n  getValidationTheme,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\nimport {\n  CubeFilterListBoxProps,\n  FilterListBox,\n} from '../FilterListBox/FilterListBox';\nimport { ListBox } from '../ListBox';\nimport { TriggerActions, TriggerIcon } from '../TriggerActions';\n\nimport type { KeyboardEvent as RAKeyboardEvent } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\ninterface ItemWithKey {\n  key?: string | number;\n  id?: string | number;\n  textValue?: string;\n  children?: ItemWithKey[];\n  [key: string]: unknown;\n}\n\nexport interface CubeFilterPickerProps<T>\n  extends Omit<CubeFilterListBoxProps<T>, 'size' | 'shape'>,\n    // `tooltip` is the trigger's, and on a picker the trigger's is spelled\n    // `triggerTooltip`; the label's info badge is `labelTooltip`.\n    Omit<CubeItemProps, 'children' | 'size' | 'tooltip'>,\n    BasePropsWithoutChildren,\n    BaseStyleProps,\n    OuterStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<\n      string | number | readonly (string | number)[] | null | undefined\n    >,\n    Pick<\n      CubeItemButtonProps,\n      | 'type'\n      | 'theme'\n      | 'icon'\n      | 'rightIcon'\n      | 'prefix'\n      | 'suffix'\n      | 'hotkeys'\n      | 'shape'\n    > {\n  /** Placeholder text when no selection is made */\n  placeholder?: string;\n  /** Size of the picker component */\n  size?: 'small' | 'medium' | 'large';\n  /** Custom styles for the list box popover */\n  listBoxStyles?: Styles;\n  /** Custom styles for the popover container */\n  popoverStyles?: Styles;\n  /** Custom styles for the trigger button */\n  triggerStyles?: Styles;\n  /** Whether to show checkboxes for multiple selection mode */\n  isCheckable?: boolean;\n  /** Whether to flip the popover placement */\n  shouldFlip?: boolean;\n  /**\n   * Placement of the popover relative to the trigger.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom start'\n   */\n  placement?: Placement;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the trigger button.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger. The popover's `minWidth` stays tied to the\n   * trigger button, not to this element.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /** Tooltip for the trigger button (separate from `labelTooltip`) */\n  triggerTooltip?: CubeItemProps['tooltip'];\n  /** Description for the trigger button (separate from field description) */\n  triggerDescription?: CubeItemProps['description'];\n\n  /**\n   * Custom renderer for the summary shown inside the trigger when there is a selection.\n   *\n   * For `selectionMode=\"multiple\"` the function receives:\n   *  - `selectedLabels`: array of labels of the selected items.\n   *  - `selectedKeys`: array of keys of the selected items or \"all\".\n   *\n   * For `selectionMode=\"single\"` the function receives:\n   *  - `selectedLabel`: label of the selected item.\n   *  - `selectedKey`: key of the selected item.\n   *\n   * The function should return a `ReactNode` that will be rendered inside the trigger.\n   * Set to `false` to hide the summary text completely.\n   */\n  renderSummary?:\n    | ((args: {\n        selectedLabels?: string[];\n        selectedKeys?: 'all' | (string | number)[];\n        selectedLabel?: string;\n        selectedKey?: string | number | null;\n        selectionMode?: 'single' | 'multiple';\n      }) => ReactNode)\n    | false;\n\n  /** Ref to access internal ListBox state (from FilterListBox) */\n  listStateRef?: RefObject<ListState<T>>;\n  /** Additional modifiers for styling the FilterPicker */\n  mods?: Record<string, boolean>;\n  /** Whether the filter picker is clearable using a clear button in the rightIcon slot */\n  isClearable?: boolean;\n  /** Accessible name for the built-in clear button. Defaults to a localized \"Clear value\". */\n  clearLabel?: string;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n  /**\n   * Custom actions rendered inside the trigger, to the left of the built-in\n   * clear button and dropdown caret. Use `FilterPicker.Action` so they match the\n   * trigger's size and theme.\n   *\n   * Pressing one runs its handler without opening or closing the popover —\n   * including while the popover is open. Actions follow the trigger's disabled\n   * state but NOT `isReadOnly`, since a read-only field can still host an\n   * action that does not change the value; pass `isDisabled` yourself for one\n   * that does.\n   */\n  actions?: ReactNode;\n  /**\n   * Whether items are currently loading. Shows a loading spinner in the search\n   * input suffix inside the popover. Unlike `isLoading`, this does NOT disable\n   * the trigger.\n   */\n  isLoadingItems?: boolean;\n  /**\n   * Sort selected items to the top when the popover opens.\n   * Only works when using the `items` prop (data-driven mode).\n   * Ignored when using JSX children.\n   * @default true when items are provided, false when using JSX children\n   */\n  sortSelectedToTop?: boolean;\n  /** Callback called when the popover open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nconst FilterPickerWrapper = tasty({\n  qa: 'FilterPicker',\n  styles: {\n    display: 'inline-grid',\n    flow: 'column',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n  },\n});\n\nexport const FilterPicker = forwardRef(function FilterPicker<T extends object>(\n  inputProps: CubeFilterPickerProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const props = useFieldProps(inputProps, {\n    valuePropsMapper: ({ value, onChange }) => {\n      const fieldProps: Record<string, unknown> = {};\n\n      if (inputProps.selectionMode === 'multiple') {\n        fieldProps.selectedKeys = value || [];\n      } else {\n        fieldProps.selectedKey = value ?? null;\n      }\n\n      fieldProps.onSelectionChange = (key: Key | null | 'all' | Key[]) => {\n        if (inputProps.selectionMode === 'multiple') {\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  let {\n    qa,\n    label,\n    extra,\n    id,\n    icon,\n    rightIcon,\n    prefix,\n    suffix,\n    actions,\n    hotkeys,\n    triggerTooltip,\n    triggerDescription,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    isDisabled,\n    isLoading,\n    message,\n    mods: externalMods,\n    description,\n    descriptionPlacement,\n    placeholder,\n    size = 'medium',\n    styles,\n    listBoxStyles,\n    popoverStyles,\n    type = 'outline',\n    theme = 'default',\n    shape,\n    labelSuffix,\n    shouldFocusWrap,\n    children,\n    shouldFlip = true,\n    placement = 'bottom start',\n    targetRef,\n    containerPadding = 8,\n    selectedKey,\n    defaultSelectedKey,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    selectionMode = 'single',\n    listStateRef,\n    focusOnHover,\n    showSelectAll,\n    selectAllLabel = t('picker.all', 'All'),\n    items,\n    header,\n    footer,\n    headerStyles,\n    footerStyles,\n    triggerStyles,\n    allowsCustomValue,\n    renderSummary,\n    isCheckable,\n    allValueProps,\n    customValueProps,\n    newCustomValueProps,\n    searchPlaceholder,\n    autoFocus,\n    filter,\n    emptyLabel,\n    searchInputStyles,\n    searchInputRef,\n    listStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    listRef,\n    disallowEmptySelection,\n    shouldUseVirtualFocus,\n    onEscape,\n    onOptionClick,\n    isClearable,\n    clearLabel,\n    isLoadingItems,\n    searchValue,\n    onSearchChange,\n    sortSelectedToTop: sortSelectedToTopProp,\n    onOpenChange,\n    isReorderable,\n    onReorder,\n    form,\n    ...otherProps\n  } = props;\n\n  const sortSelectedToTopExplicit = sortSelectedToTopProp !== undefined;\n  const sortSelectedToTop = sortSelectedToTopProp ?? (items ? true : false);\n\n  styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n  useWarn(isCheckable === false && selectionMode === 'single', {\n    key: ['filterpicker-checkable-single-mode'],\n    args: [\n      'CubeUIKit: isCheckable=false is not recommended in single selection mode as it may confuse users about selection behavior.',\n    ],\n  });\n\n  useWarn(sortSelectedToTopExplicit && sortSelectedToTop && !items, {\n    key: ['filterpicker-sort-selected-to-top-children'],\n    args: [\n      'FilterPicker: sortSelectedToTop only works with the items prop. Sorting will be skipped when using JSX children.',\n    ],\n  });\n\n  // Internal selection state (uncontrolled scenario)\n  const [internalSelectedKey, setInternalSelectedKey] = useState<Key | null>(\n    defaultSelectedKey ?? null,\n  );\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<\n    'all' | Key[]\n  >(defaultSelectedKeys ?? []);\n\n  // Popover state — used as controlled prop for DialogTrigger\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n  const cachedItemsOrder = useRef<T[] | null>(null);\n  const triggerRef = useRef<FocusableRefValue<HTMLButtonElement>>(null);\n  // Measured lazily on popover open instead of on every render\n  const triggerWidthRef = useRef<number | undefined>(undefined);\n\n  useEffect(() => {\n    cachedItemsOrder.current = null;\n  }, [items]);\n\n  const isControlledSingle = selectedKey !== undefined;\n  const isControlledMultiple = selectedKeys !== undefined;\n\n  const effectiveSelectedKey = isControlledSingle\n    ? selectedKey\n    : internalSelectedKey;\n  const effectiveSelectedKeys = isControlledMultiple\n    ? selectedKeys\n    : internalSelectedKeys;\n\n  // Collection for label extraction (shared with FilterListBox via _internalCollection)\n  const localCollectionState = useListState({\n    children: children as any,\n    items: items as any,\n    selectionMode: 'none' as any,\n  });\n\n  // Build Maps for O(1) label and key lookups from the collection\n  const { labelMap, keyMap } = useMemo(() => {\n    const lm = new Map<string, string>();\n    const km = new Map<string, Key>();\n\n    const traverse = (nodes: Iterable<any>) => {\n      for (const node of nodes) {\n        if (node.type === 'item') {\n          const strKey = String(node.key);\n          lm.set(strKey, node.textValue || strKey);\n          km.set(strKey, node.key);\n        } else if (node.childNodes) {\n          traverse(node.childNodes);\n        }\n      }\n    };\n\n    traverse(localCollectionState.collection);\n    return { labelMap: lm, keyMap: km };\n  }, [localCollectionState.collection]);\n\n  // O(1) key mapping via Map (replaces O(n) iteration per key)\n  const mappedSelectedKey = useMemo(() => {\n    if (selectionMode !== 'single' || effectiveSelectedKey == null) return null;\n    const strKey = String(effectiveSelectedKey);\n    return keyMap.get(strKey) ?? effectiveSelectedKey;\n  }, [selectionMode, effectiveSelectedKey, keyMap]);\n\n  const mappedSelectedKeys = useMemo(() => {\n    if (selectionMode !== 'multiple') return undefined;\n    if (effectiveSelectedKeys === 'all') return 'all' as const;\n    if (Array.isArray(effectiveSelectedKeys)) {\n      return effectiveSelectedKeys.map((k) => {\n        const strKey = String(k);\n        return keyMap.get(strKey) ?? k;\n      });\n    }\n    return effectiveSelectedKeys;\n  }, [selectionMode, effectiveSelectedKeys, keyMap]);\n\n  // Memoized label extraction using the labelMap\n  const selectedLabels = useMemo(() => {\n    if (selectionMode === 'multiple' && effectiveSelectedKeys === 'all') {\n      return Array.from(labelMap.values());\n    }\n\n    const selectedKeyStrs =\n      selectionMode === 'multiple' && effectiveSelectedKeys !== 'all'\n        ? (effectiveSelectedKeys || []).map(String)\n        : effectiveSelectedKey != null\n          ? [String(effectiveSelectedKey)]\n          : [];\n\n    return selectedKeyStrs.map((k) => labelMap.get(k) ?? k);\n  }, [selectionMode, effectiveSelectedKey, effectiveSelectedKeys, labelMap]);\n\n  const hasSelection = selectedLabels.length > 0;\n\n  // Refs for tracking selection state synchronously\n  const latestSelectionRef = useRef<{\n    single: string | null;\n    multiple: 'all' | string[];\n  }>({\n    single: effectiveSelectedKey != null ? String(effectiveSelectedKey) : null,\n    multiple:\n      effectiveSelectedKeys === 'all'\n        ? 'all'\n        : (effectiveSelectedKeys ?? []).map(String),\n  });\n\n  useEffect(() => {\n    latestSelectionRef.current = {\n      single:\n        effectiveSelectedKey != null ? String(effectiveSelectedKey) : null,\n      multiple:\n        effectiveSelectedKeys === 'all'\n          ? 'all'\n          : (effectiveSelectedKeys ?? []).map(String),\n    };\n  }, [effectiveSelectedKey, effectiveSelectedKeys]);\n\n  const selectionsWhenClosed = useRef<{\n    single: string | null;\n    multiple: 'all' | string[];\n  }>({ single: null, multiple: [] });\n\n  useEffect(() => {\n    if (!isPopoverOpen) {\n      selectionsWhenClosed.current = {\n        single:\n          effectiveSelectedKey != null ? String(effectiveSelectedKey) : null,\n        multiple:\n          effectiveSelectedKeys === 'all'\n            ? 'all'\n            : (effectiveSelectedKeys ?? []).map(String),\n      };\n    }\n  }, [effectiveSelectedKey, effectiveSelectedKeys, isPopoverOpen]);\n\n  // ---------------------------------------------------------------------------\n  // Popover lifecycle — all effects moved out of the inline renderTrigger\n  // function so they have a stable component identity and don't tear\n  // down/setup on every parent re-render.\n  // DialogTrigger is controlled via isOpen/onOpenChange.\n  // ---------------------------------------------------------------------------\n\n  const handleOpenChange = useEvent((isOpen: boolean) => {\n    if (isOpen === isPopoverOpen) return;\n\n    if (isOpen) {\n      triggerWidthRef.current =\n        triggerRef?.current?.UNSAFE_getDOMNode()?.offsetWidth;\n    }\n    setIsPopoverOpen(isOpen);\n    if (!isOpen) {\n      selectionsWhenClosed.current = { ...latestSelectionRef.current };\n      cachedItemsOrder.current = null;\n      onSearchChange?.('');\n    }\n    onOpenChange?.(isOpen);\n  });\n\n  // Popover sync is handled by the inner `DialogTrigger` (type=\"popover\").\n\n  // Keyboard handler for arrow keys to open popover\n  // Deliberately NOT `useKeyboard`. `ItemButton` already runs whatever\n  // `onKeyDown` it is given through `useFocusable`'s own `useKeyboard`, and a\n  // second wrapper here would leave `continuePropagation()` releasing only the\n  // inner one while the outer still stopped the event — `Escape` reached the\n  // trigger and died there (CUB-4839). Handed over plain, this IS the outer\n  // wrapper's handler, so the opt-out applies to the event that travels.\n  const keyboardProps = {\n    onKeyDown: (e: RAKeyboardEvent) => {\n      allowEscapeToPropagate(e);\n\n      if ((e.key === 'ArrowUp' || e.key === 'ArrowDown') && !isPopoverOpen) {\n        e.preventDefault();\n        handleOpenChange(true);\n\n        return;\n      }\n    },\n  };\n\n  // Clear handler\n  const clearValue = useEvent(() => {\n    if (selectionMode === 'multiple') {\n      if (!isControlledMultiple) {\n        setInternalSelectedKeys([]);\n      }\n      onSelectionChange?.([]);\n    } else {\n      if (!isControlledSingle) {\n        setInternalSelectedKey(null);\n      }\n      onSelectionChange?.(null);\n    }\n\n    handleOpenChange(false);\n    triggerRef?.current?.focus?.();\n    props.onClear?.();\n\n    return false;\n  });\n\n  // ---------------------------------------------------------------------------\n  // Sorting\n  // ---------------------------------------------------------------------------\n\n  // Ref values (selectionsWhenClosed.current) are read synchronously inside\n  // the memo body; isPopoverOpen changing triggers recomputation at the right\n  // time (the ref is updated before the next render).\n  const finalItems = useMemo(() => {\n    if (!items) return items;\n    if (!sortSelectedToTop) return items;\n    if (!isPopoverOpen) return items;\n    if (cachedItemsOrder.current) return cachedItemsOrder.current;\n\n    const selectedSet = new Set<string>();\n\n    const addSelected = (key: Key) => {\n      if (key != null) selectedSet.add(String(key));\n    };\n\n    if (selectionMode === 'multiple') {\n      if (selectionsWhenClosed.current.multiple === 'all') {\n        return items;\n      }\n      (selectionsWhenClosed.current.multiple as string[]).forEach(addSelected);\n    } else {\n      if (selectionsWhenClosed.current.single != null) {\n        addSelected(selectionsWhenClosed.current.single);\n      }\n    }\n\n    if (selectedSet.size === 0) {\n      return items;\n    }\n\n    const getItemKey = (obj: unknown): string | undefined => {\n      if (obj == null || typeof obj !== 'object') return undefined;\n\n      const item = obj as ItemWithKey;\n      if (item.key != null) return String(item.key);\n      if (item.id != null) return String(item.id);\n      return undefined;\n    };\n\n    const sortArray = (arr: unknown[]): unknown[] => {\n      const selectedArr: unknown[] = [];\n      const unselectedArr: unknown[] = [];\n\n      arr.forEach((obj) => {\n        const item = obj as ItemWithKey;\n        if (obj && Array.isArray(item.children)) {\n          const sortedChildren = sortArray(item.children);\n          unselectedArr.push({ ...item, children: sortedChildren });\n        } else {\n          const key = getItemKey(obj);\n          if (key && selectedSet.has(key)) {\n            selectedArr.push(obj);\n          } else {\n            unselectedArr.push(obj);\n          }\n        }\n      });\n\n      return [...selectedArr, ...unselectedArr];\n    };\n\n    const itemsArray = Array.isArray(items)\n      ? items\n      : Array.from(items as Iterable<unknown>);\n    const sorted = sortArray(itemsArray) as T[];\n\n    cachedItemsOrder.current = sorted;\n\n    return sorted;\n  }, [items, sortSelectedToTop, selectionMode, isPopoverOpen]);\n\n  // ---------------------------------------------------------------------------\n  // Trigger content\n  // ---------------------------------------------------------------------------\n\n  const triggerContent = useMemo((): ReactNode => {\n    if (typeof renderSummary === 'function') {\n      if (selectionMode === 'single') {\n        return renderSummary({\n          selectedLabel: selectedLabels[0],\n          selectedKey: effectiveSelectedKey ?? null,\n          selectedLabels,\n          selectedKeys: effectiveSelectedKeys,\n          selectionMode: 'single',\n        });\n      }\n\n      return renderSummary({\n        selectedLabels,\n        selectedKeys: effectiveSelectedKeys,\n        selectionMode: 'multiple',\n      });\n    } else if (renderSummary === false) {\n      return null;\n    }\n\n    if (!hasSelection) {\n      return <Text.Placeholder>{placeholder}</Text.Placeholder>;\n    } else if (selectionMode === 'single') {\n      return selectedLabels[0] || null;\n    } else if (effectiveSelectedKeys === 'all') {\n      return selectAllLabel;\n    } else {\n      return selectedLabels.join(', ') || null;\n    }\n  }, [\n    renderSummary,\n    selectionMode,\n    selectedLabels,\n    effectiveSelectedKey,\n    effectiveSelectedKeys,\n    hasSelection,\n    placeholder,\n    selectAllLabel,\n  ]);\n\n  const showClearButton =\n    isClearable && hasSelection && !isDisabled && !props.isReadOnly;\n\n  const validationIcon = getValidationIcon({ isInvalid, isValid });\n\n  // The same expression the trigger is painted with, not the raw `theme` — see\n  // `Picker` for why validation has to be applied here too.\n  const paintedTheme = getValidationTheme(theme, { isInvalid, isValid });\n  //\n  // It reaches the trailing actions through `ItemButton`'s wrapper, which is\n  // what provides `ItemActionContext` for a run rendered outside the button —\n  // so passing it as the trigger's `theme` is all that is needed.\n\n  if (validationIcon) {\n    suffix = (\n      <>\n        {suffix}\n        {validationIcon}\n      </>\n    );\n  }\n\n  // A caller's `rightIcon` keeps the `rightIcon` slot — see `Picker` for why.\n  const hasCustomRightIcon = rightIcon !== undefined;\n  const triggerRightIcon = hasCustomRightIcon ? (\n    isLoading ? (\n      <LoadingIcon />\n    ) : (\n      rightIcon\n    )\n  ) : undefined;\n\n  // With a caller's own `rightIcon` the built-in control moves into that slot,\n  // leaving the run with whatever the caller passed — possibly nothing. `null`\n  // rather than nothing at all: the run stays in the markup, so the trigger does\n  // not restructure if actions arrive later, but the row stops counting it as\n  // end content. That is what keeps an icon-only trigger with `rightIcon={null}`\n  // square, as it was before the run existed.\n  const hasTriggerActions = !hasCustomRightIcon || !!actions;\n\n  // Everything trailing that is NOT the caller's own icon goes into the actions\n  // run — a sibling of the `<button>`, so the clear button is no longer nested\n  // inside one. See `TriggerActions`.\n  const triggerActions = (\n    <TriggerActions\n      actions={actions}\n      builtIn={\n        hasCustomRightIcon ? null : isLoading ? (\n          <TriggerIcon>\n            <LoadingIcon />\n          </TriggerIcon>\n        ) : showClearButton ? (\n          <ItemAction\n            icon={<CloseIcon />}\n            size={size}\n            qa=\"FilterPickerClearButton\"\n            // See `Select`: `ItemAction` names itself from `aria-label` or a\n            // string `tooltip`, and warns for neither.\n            aria-label={\n              clearLabel ?? t('filterPicker.clearValue', 'Clear value')\n            }\n            // No explicit `type`/`theme` — see `Picker`: the default `current`\n            // type inherits the trigger's text color, which already carries\n            // validation state.\n            mods={{ pressed: false }}\n            onPress={clearValue}\n          />\n        ) : (\n          <TriggerIcon>\n            <DirectionIcon to={isPopoverOpen ? 'top' : 'bottom'} />\n          </TriggerIcon>\n        )\n      }\n    />\n  );\n\n  // Trigger element — plain JSX with no hooks.\n  // The element type (ItemButton) is stable so React can reconcile efficiently.\n  const triggerElement = (\n    <ItemButton\n      ref={triggerRef as any}\n      data-popover-trigger\n      qa={qa || 'FilterPicker'}\n      id={id}\n      type={type}\n      theme={paintedTheme}\n      size={size}\n      shape={shape}\n      isDisabled={isDisabled || isLoading}\n      data-input-type=\"filterpicker\"\n      mods={{\n        placeholder: !hasSelection,\n        ...externalMods,\n      }}\n      icon={icon}\n      rightIcon={triggerRightIcon}\n      actions={hasTriggerActions ? triggerActions : null}\n      prefix={prefix}\n      suffix={suffix}\n      hotkeys={hotkeys}\n      tooltip={triggerTooltip}\n      description={triggerDescription}\n      descriptionPlacement={descriptionPlacement}\n      styles={triggerStyles}\n      {...keyboardProps}\n      aria-label={`${props['aria-label'] ?? props.label ?? ''}`}\n    >\n      {triggerContent}\n    </ItemButton>\n  );\n\n  // ---------------------------------------------------------------------------\n  // Selection change handler\n  // ---------------------------------------------------------------------------\n\n  const handleSelectionChange = useEvent((selection: any) => {\n    if (selectionMode === 'single') {\n      // With `disallowEmptySelection`, re-selecting the current item emits a\n      // duplicate event (see `allowDuplicateSelectionEvents` below). Close the\n      // popover but don't propagate the unchanged selection.\n      if (\n        disallowEmptySelection &&\n        selection != null &&\n        effectiveSelectedKey != null &&\n        String(selection) === String(effectiveSelectedKey)\n      ) {\n        handleOpenChange(false);\n        return;\n      }\n\n      if (!isControlledSingle) {\n        setInternalSelectedKey(selection as Key | null);\n      }\n    } else {\n      if (!isControlledMultiple) {\n        let normalized: 'all' | Key[] = selection;\n\n        if (selection === 'all') {\n          normalized = 'all';\n        } else if (Array.isArray(selection)) {\n          normalized = processSelectionArray(selection);\n        } else if (\n          selection &&\n          typeof selection === 'object' &&\n          selection instanceof Set\n        ) {\n          normalized = processSelectionArray(selection as Set<Key>);\n        }\n\n        setInternalSelectedKeys(normalized);\n      }\n    }\n\n    // Update latest selection ref synchronously\n    if (selectionMode === 'single') {\n      latestSelectionRef.current.single =\n        selection != null ? String(selection) : null;\n    } else {\n      if (selection === 'all') {\n        latestSelectionRef.current.multiple = 'all';\n      } else if (Array.isArray(selection)) {\n        latestSelectionRef.current.multiple = Array.from(\n          new Set(processSelectionArray(selection)),\n        );\n      } else if (\n        selection &&\n        typeof selection === 'object' &&\n        selection instanceof Set\n      ) {\n        latestSelectionRef.current.multiple = Array.from(\n          new Set(processSelectionArray(selection as Set<Key>)),\n        );\n      } else {\n        latestSelectionRef.current.multiple =\n          selection === 'all'\n            ? 'all'\n            : Array.isArray(selection)\n              ? selection.map(String)\n              : [];\n      }\n    }\n\n    onSelectionChange?.(selection);\n\n    if (selectionMode === 'single') {\n      handleOpenChange(false);\n    }\n  });\n\n  // Stable callbacks for popover content (avoid inline closures that change every render)\n  const handleEscape = useEvent(() => {\n    handleOpenChange(false);\n  });\n\n  const handleOptionClick = useEvent((key: Key) => {\n    if ((selectionMode === 'multiple' && isCheckable) || key === '__ALL__') {\n      handleOpenChange(false);\n    }\n  });\n\n  const filterPickerField = (\n    <FilterPickerWrapper\n      qa=\"FilterPickerWrapper\"\n      styles={styles}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n    >\n      <DialogTrigger\n        type=\"popover\"\n        placement={placement}\n        targetRef={targetRef}\n        isOpen={isPopoverOpen}\n        containerPadding={containerPadding}\n        shouldFlip={shouldFlip}\n        onOpenChange={handleOpenChange}\n      >\n        {triggerElement}\n        {() => (\n          <Dialog\n            qa=\"FilterPickerOverlay\"\n            isDismissable={false}\n            display=\"grid\"\n            styles={mergeStyleLayers(\n              {\n                gridRows: '1sf',\n                width: 'max($overlay-min-width, 30x) max-content 50vw',\n                '$overlay-min-width': '30x',\n              },\n              popoverStyles,\n            )}\n            style={\n              triggerWidthRef.current\n                ? ({\n                    '--overlay-min-width': `${triggerWidthRef.current}px`,\n                  } as any)\n                : undefined\n            }\n          >\n            <FocusScope restoreFocus>\n              <FilterListBox\n                autoFocus\n                items={items ? (finalItems as typeof props.items) : undefined}\n                aria-label={`${props['aria-label'] ?? props.label ?? ''} ${t(\n                  'picker.pickerAriaLabel',\n                  'Picker',\n                )}`}\n                _internalCollection={localCollectionState.collection}\n                selectedKey={\n                  selectionMode === 'single' ? mappedSelectedKey : undefined\n                }\n                selectedKeys={\n                  selectionMode === 'multiple' ? mappedSelectedKeys : undefined\n                }\n                searchPlaceholder={searchPlaceholder}\n                filter={filter}\n                searchValue={searchValue}\n                listStyles={listStyles}\n                optionStyles={optionStyles}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                listRef={listRef}\n                disallowEmptySelection={disallowEmptySelection}\n                allowDuplicateSelectionEvents={\n                  selectionMode === 'single' && !!disallowEmptySelection\n                }\n                emptyLabel={emptyLabel}\n                searchInputStyles={searchInputStyles}\n                searchInputRef={searchInputRef}\n                disabledKeys={disabledKeys}\n                focusOnHover={focusOnHover}\n                shouldFocusWrap={shouldFocusWrap}\n                allowsCustomValue={allowsCustomValue}\n                selectionMode={selectionMode}\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isDisabled={isDisabled}\n                isLoading={isLoading}\n                isLoadingItems={isLoadingItems}\n                stateRef={listStateRef}\n                isCheckable={isCheckable}\n                mods={{\n                  popover: true,\n                }}\n                size={size === 'small' ? 'medium' : size}\n                showSelectAll={showSelectAll}\n                selectAllLabel={selectAllLabel}\n                header={header}\n                footer={footer}\n                headerStyles={headerStyles}\n                footerStyles={footerStyles}\n                allValueProps={allValueProps}\n                customValueProps={customValueProps}\n                newCustomValueProps={newCustomValueProps}\n                isReorderable={isReorderable}\n                onSearchChange={onSearchChange}\n                onReorder={onReorder}\n                onEscape={handleEscape}\n                onOptionClick={handleOptionClick}\n                onSelectionChange={handleSelectionChange}\n              >\n                {\n                  (children\n                    ? (children as CollectionChildren<T>)\n                    : undefined) as CollectionChildren<T>\n                }\n              </FilterListBox>\n            </FocusScope>\n          </Dialog>\n        )}\n      </DialogTrigger>\n    </FilterPickerWrapper>\n  );\n\n  return wrapWithField<Omit<CubeFilterPickerProps<T>, 'children'>>(\n    filterPickerField,\n    ref as any,\n    props,\n  );\n}) as unknown as (<T>(\n  props: CubeFilterPickerProps<T> & { ref?: ForwardedRef<HTMLElement> },\n) => ReactElement) & {\n  Item: typeof ListBox.Item;\n  Section: typeof BaseSection;\n  Action: typeof ItemAction;\n};\n\nFilterPicker.Item = ListBox.Item;\n\nFilterPicker.Section = BaseSection;\n\nFilterPicker.Action = ItemAction;\n\nObject.defineProperty(FilterPicker, 'cubeInputType', {\n  value: 'FilterPicker',\n  enumerable: false,\n  configurable: false,\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.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { TextInput } from "../TextInput/TextInput.js";
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/components/fields/ListBox/optionId.ts
 /**
 * The DOM id of the option with `key` in the listbox whose id is `listBoxId`,

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
@@ -62,9 +62,9 @@ const ListBoxPopoverElement = tasty({
 	}
 });
 const ListBoxPopover = function ListBoxPopover(props) {
-	const $ = c(68);
+	const $ = c(69);
 	const { t } = useI18n();
-	const { isOpen, triggerRef, popoverRef, listBoxRef, direction, shouldFlip, overlayOffset, containerPadding, comboBoxWidth, listBoxId, overlayStyles, listBoxStyles, optionStyles, optionHighlight, sectionStyles, headingStyles, listGap, selectedKey, selectionMode: t0, selectedKeys, isCheckable, shouldCloseOnTriggerInteraction: t1, shouldPassControlPresses: t2, isDisabled, disabledKeys, items, children, listStateRef, onSelectionChange, onClose, label, ariaLabel, compositeFocusProps, filter, size: t3, emptyLabel, positionTargetRef, positionApiRef } = props;
+	const { isOpen, triggerRef, popoverRef, listBoxRef, direction, shouldFlip, overlayOffset, containerPadding, comboBoxWidth, listBoxId, overlayStyles, listBoxStyles, optionStyles, optionHighlight, sectionStyles, headingStyles, listGap, selectedKey, selectionMode: t0, selectedKeys, isCheckable, shouldCloseOnTriggerInteraction: t1, shouldPassControlPresses: t2, isDisabled, disabledKeys, items, children, listStateRef, onSelectionChange, onClose, label, ariaLabel, ariaLabelledby, compositeFocusProps, filter, size: t3, emptyLabel, positionTargetRef, positionApiRef } = props;
 	const selectionMode = t0 === void 0 ? "single" : t0;
 	const shouldCloseOnTriggerInteraction = t1 === void 0 ? true : t1;
 	const shouldPassControlPresses = t2 === void 0 ? false : t2;
@@ -191,7 +191,7 @@ const ListBoxPopover = function ListBoxPopover(props) {
 	} else t15 = $[30];
 	const setScrollRef = t15;
 	let t16;
-	if ($[31] !== ariaLabel || $[32] !== children || $[33] !== comboBoxWidth || $[34] !== compositeFocusProps || $[35] !== disabledKeys || $[36] !== emptyLabel || $[37] !== filter || $[38] !== headingStyles || $[39] !== isCheckable || $[40] !== isDisabled || $[41] !== items || $[42] !== label || $[43] !== listBoxId || $[44] !== listBoxRef || $[45] !== listBoxStyles || $[46] !== listGap || $[47] !== listStateRef || $[48] !== maxHeight || $[49] !== maxWidth || $[50] !== mergedPopoverRef || $[51] !== onSelectionChange || $[52] !== optionHighlight || $[53] !== optionStyles || $[54] !== overlayBehaviorProps || $[55] !== overlayPositionProps || $[56] !== overlayStyles || $[57] !== placementDirection || $[58] !== positionStyle || $[59] !== sectionStyles || $[60] !== selectedKey || $[61] !== selectedKeys || $[62] !== selectionMode || $[63] !== t) {
+	if ($[31] !== ariaLabel || $[32] !== ariaLabelledby || $[33] !== children || $[34] !== comboBoxWidth || $[35] !== compositeFocusProps || $[36] !== disabledKeys || $[37] !== emptyLabel || $[38] !== filter || $[39] !== headingStyles || $[40] !== isCheckable || $[41] !== isDisabled || $[42] !== items || $[43] !== label || $[44] !== listBoxId || $[45] !== listBoxRef || $[46] !== listBoxStyles || $[47] !== listGap || $[48] !== listStateRef || $[49] !== maxHeight || $[50] !== maxWidth || $[51] !== mergedPopoverRef || $[52] !== onSelectionChange || $[53] !== optionHighlight || $[54] !== optionStyles || $[55] !== overlayBehaviorProps || $[56] !== overlayPositionProps || $[57] !== overlayStyles || $[58] !== placementDirection || $[59] !== positionStyle || $[60] !== sectionStyles || $[61] !== selectedKey || $[62] !== selectedKeys || $[63] !== selectionMode || $[64] !== t) {
 		t16 = (t17) => {
 			const { phase, isShown, ref: transitionRef } = t17;
 			transitionRefHolder.current = transitionRef;
@@ -220,7 +220,8 @@ const ListBoxPopover = function ListBoxPopover(props) {
 						ref: listBoxRef,
 						disableSelectionToggle: true,
 						id: listBoxId,
-						"aria-label": ariaLabel || (typeof label === "string" ? label : t("listBoxPopover.options", "Options")),
+						"aria-label": ariaLabel || (typeof label === "string" ? label : ariaLabelledby ? void 0 : t("listBoxPopover.options", "Options")),
+						"aria-labelledby": ariaLabelledby,
 						selectionMode: selectionMode === "multiple" ? "multiple" : void 0,
 						selectedKey: selectionMode === "single" ? selectedKey : void 0,
 						selectedKeys: selectionMode === "multiple" ? selectedKeys : void 0,
@@ -246,50 +247,51 @@ const ListBoxPopover = function ListBoxPopover(props) {
 			});
 		};
 		$[31] = ariaLabel;
-		$[32] = children;
-		$[33] = comboBoxWidth;
-		$[34] = compositeFocusProps;
-		$[35] = disabledKeys;
-		$[36] = emptyLabel;
-		$[37] = filter;
-		$[38] = headingStyles;
-		$[39] = isCheckable;
-		$[40] = isDisabled;
-		$[41] = items;
-		$[42] = label;
-		$[43] = listBoxId;
-		$[44] = listBoxRef;
-		$[45] = listBoxStyles;
-		$[46] = listGap;
-		$[47] = listStateRef;
-		$[48] = maxHeight;
-		$[49] = maxWidth;
-		$[50] = mergedPopoverRef;
-		$[51] = onSelectionChange;
-		$[52] = optionHighlight;
-		$[53] = optionStyles;
-		$[54] = overlayBehaviorProps;
-		$[55] = overlayPositionProps;
-		$[56] = overlayStyles;
-		$[57] = placementDirection;
-		$[58] = positionStyle;
-		$[59] = sectionStyles;
-		$[60] = selectedKey;
-		$[61] = selectedKeys;
-		$[62] = selectionMode;
-		$[63] = t;
-		$[64] = t16;
-	} else t16 = $[64];
+		$[32] = ariaLabelledby;
+		$[33] = children;
+		$[34] = comboBoxWidth;
+		$[35] = compositeFocusProps;
+		$[36] = disabledKeys;
+		$[37] = emptyLabel;
+		$[38] = filter;
+		$[39] = headingStyles;
+		$[40] = isCheckable;
+		$[41] = isDisabled;
+		$[42] = items;
+		$[43] = label;
+		$[44] = listBoxId;
+		$[45] = listBoxRef;
+		$[46] = listBoxStyles;
+		$[47] = listGap;
+		$[48] = listStateRef;
+		$[49] = maxHeight;
+		$[50] = maxWidth;
+		$[51] = mergedPopoverRef;
+		$[52] = onSelectionChange;
+		$[53] = optionHighlight;
+		$[54] = optionStyles;
+		$[55] = overlayBehaviorProps;
+		$[56] = overlayPositionProps;
+		$[57] = overlayStyles;
+		$[58] = placementDirection;
+		$[59] = positionStyle;
+		$[60] = sectionStyles;
+		$[61] = selectedKey;
+		$[62] = selectedKeys;
+		$[63] = selectionMode;
+		$[64] = t;
+		$[65] = t16;
+	} else t16 = $[65];
 	let t17;
-	if ($[65] !== isOpen || $[66] !== t16) {
+	if ($[66] !== isOpen || $[67] !== t16) {
 		t17 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: isOpen,
 			children: t16
 		}) });
-		$[65] = isOpen;
-		$[66] = t16;
-		$[67] = t17;
-	} else t17 = $[67];
+		$[66] = isOpen;
+		$[67] = t16;
+		$[68] = t17;
+	} else t17 = $[68];
 	return t17;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ListBoxPopover.js","names":["Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useOverlay","useOverlayPosition","useI18n","mergeProps","DisplayTransition","Portal","ListBox","ListBoxPopoverProps","isOpen","triggerRef","HTMLElement","popoverRef","HTMLDivElement","listBoxRef","direction","shouldFlip","overlayOffset","containerPadding","comboBoxWidth","listBoxId","overlayStyles","listBoxStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectionMode","selectedKeys","isCheckable","shouldCloseOnTriggerInteraction","shouldPassControlPresses","isDisabled","disabledKeys","Iterable","items","children","listStateRef","onSelectionChange","selection","onClose","label","ariaLabel","compositeFocusProps","onFocus","e","FocusEvent","onBlur","filter","nodes","size","emptyLabel","positionTargetRef","Element","positionApiRef","updatePosition","CONTROL_SELECTOR","ListBoxPopoverWrapper","qa","styles","position","zIndex","ListBoxPopoverElement","display","gridRows","gridColumns","width","height","overflow","fill","radius","shadow","padding","border","hide","hidden","boxSizing","transition","translate","transformOrigin","scale","opacity","ListBoxPopover","props","$","_c","t","t0","t1","t2","t3","undefined","mergedPopoverRef","overlayScrollRef","t4","t5","t6","t7","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t8","style","t9","maxHeight","maxWidth","positionStyle","t10","t11","current","t12","el","menuTriggerEl","closest","contains","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","split","placementDirection","transitionRefHolder","t15","Symbol","for","node","setScrollRef","t16","t17","phase","isShown","ref","transitionRef","open","overlayContent"],"sources":["../../../../src/components/fields/ListBoxPopover/ListBoxPopover.tsx"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport React, {\n  CSSProperties,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useOverlay, useOverlayPosition } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport { DisplayTransition } from '../../helpers';\nimport { Portal } from '../../portal';\nimport { ListBox } from '../ListBox/ListBox';\n\nexport interface ListBoxPopoverProps {\n  isOpen: boolean;\n  triggerRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLDivElement>;\n  listBoxRef: RefObject<HTMLDivElement>;\n  direction: 'bottom' | 'top';\n  shouldFlip: boolean;\n  overlayOffset: number;\n  containerPadding: number;\n  /** Min width (px) for the overlay; usually the trigger's width. */\n  comboBoxWidth?: number;\n  /** Stable id used for the ListBox element and aria-controls wiring. */\n  listBoxId: string;\n  overlayStyles?: Styles;\n  listBoxStyles?: Styles;\n  optionStyles?: Styles;\n  /** Substring to highlight within each option's (text) children. */\n  optionHighlight?: string;\n  sectionStyles?: Styles;\n  headingStyles?: Styles;\n  /** Space between options, in pixels. Defaults to a hairline (`1bw`). */\n  listGap?: number;\n  selectedKey?: Key | null;\n  /**\n   * `'multiple'` lets the list hold several selected options. The list then\n   * reports the whole new selection on every toggle and never closes itself;\n   * the caller decides what a toggle means. Defaults to `'single'`.\n   */\n  selectionMode?: 'single' | 'multiple';\n  /** The selected keys in `'multiple'` mode. Ignored in `'single'` mode. */\n  selectedKeys?: Key[];\n  /** Whether options show a checkbox. Only applies in `'multiple'` mode. */\n  isCheckable?: boolean;\n  /**\n   * Whether a click inside the element `triggerRef` points at closes the\n   * popover, like any other outside click. Pass `false` when that element is\n   * where the user keeps working with the list open, such as an input that\n   * picks several options in a row. Only this popover is affected; others\n   * still close. Defaults to `true`.\n   */\n  shouldCloseOnTriggerInteraction?: boolean;\n  /**\n   * Whether an outside press on a control (a button, a link, a form control,\n   * anything with `tabindex`, or something inside one) reaches it, as one on\n   * a `data-popover-dismiss` control does: the control can take focus, and\n   * the popover closes after it, so a native Save button saves on the first\n   * click. A press anywhere else, such as a dialog's backdrop, still only\n   * closes the popover. Defaults to `false`.\n   */\n  shouldPassControlPresses?: boolean;\n  isDisabled?: boolean;\n  disabledKeys?: Iterable<Key>;\n  items?: Iterable<any>;\n  children: ReactNode;\n  /** Ref through which the ListBox exposes its internal list state. */\n  listStateRef: RefObject<any>;\n  onSelectionChange: (selection: Key | Key[] | null) => void;\n  onClose: () => void;\n  label?: ReactNode;\n  ariaLabel?: string;\n  compositeFocusProps: {\n    onFocus: (e: React.FocusEvent) => void;\n    onBlur: (e: React.FocusEvent) => void;\n  };\n  /** Collection node filter applied to the ListBox. */\n  filter?: (nodes: Iterable<any>) => Iterable<any>;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * Label shown when the list is empty (no items / no filter results).\n   * Forwarded to the inner ListBox.\n   */\n  emptyLabel?: ReactNode;\n  /**\n   * Element to anchor the overlay to geometrically. Defaults to `triggerRef`.\n   * Use this to anchor to something other than the trigger (e.g. the caret in\n   * a textarea) while keeping `triggerRef` for outside-click/dismiss logic.\n   */\n  positionTargetRef?: RefObject<Element | null>;\n  /**\n   * Receives an imperative handle exposing `updatePosition()` so the caller can\n   * force the overlay to re-anchor (e.g. when the caret moves).\n   */\n  positionApiRef?: RefObject<{ updatePosition: () => void } | null>;\n}\n\n// What `shouldPassControlPresses` lets an outside press reach.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst ListBoxPopoverWrapper = tasty({\n  qa: 'ComboBoxOverlayWrapper',\n  styles: {\n    position: 'absolute',\n    zIndex: 1000,\n  },\n});\n\nconst ListBoxPopoverElement = tasty({\n  qa: 'ComboBoxOverlay',\n  styles: {\n    display: 'grid',\n    gridRows: '1sf',\n    gridColumns: '1sf',\n    width: '$overlay-min-width max-content 50vw',\n    height: 'initial max-content (50vh - 5x)',\n    overflow: 'auto',\n    fill: '#surface',\n    radius: '1cr',\n    shadow: true,\n    padding: '0',\n    border: '#border',\n    hide: {\n      '': false,\n      hidden: true,\n    },\n    boxSizing: 'border-box',\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & ([data-placement=\"bottom\"] | ![data-placement])': '0 0',\n      '!open & ([data-placement=\"bottom\"] | ![data-placement])': '0 -1x',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .9',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    '$overlay-min-width': 'min 30x',\n  },\n});\n\nexport const ListBoxPopover = function ListBoxPopover(\n  props: ListBoxPopoverProps,\n) {\n  const { t } = useI18n();\n  const {\n    isOpen,\n    triggerRef,\n    popoverRef,\n    listBoxRef,\n    direction,\n    shouldFlip,\n    overlayOffset,\n    containerPadding,\n    comboBoxWidth,\n    listBoxId,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    optionHighlight,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    selectedKey,\n    selectionMode = 'single',\n    selectedKeys,\n    isCheckable,\n    shouldCloseOnTriggerInteraction = true,\n    shouldPassControlPresses = false,\n    isDisabled,\n    disabledKeys,\n    items,\n    children,\n    listStateRef,\n    onSelectionChange,\n    onClose,\n    label,\n    ariaLabel,\n    compositeFocusProps,\n    filter,\n    size = 'medium',\n    emptyLabel,\n    positionTargetRef,\n    positionApiRef,\n  } = props;\n\n  const mergedPopoverRef = popoverRef;\n\n  // Ref to the inner scrollable element (the visible popover). react-aria\n  // measures this for its flip/shrink math and writes maxHeight onto the\n  // overlay (positioning wrapper); we forward that maxHeight to this element\n  // below so the scroll container actually shrinks instead of overflowing.\n  const overlayScrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Overlay positioning — anchor to the explicit position target when given\n  // (e.g. a caret anchor), otherwise to the trigger. `triggerRef` is still\n  // used below for outside-click/dismiss behavior.\n  const {\n    overlayProps: overlayPositionProps,\n    placement,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: (positionTargetRef ?? triggerRef) as any,\n    overlayRef: mergedPopoverRef as any,\n    scrollRef: overlayScrollRef as any,\n    placement: `${direction} start` as any,\n    shouldFlip,\n    isOpen,\n    offset: overlayOffset,\n    containerPadding: containerPadding,\n  });\n\n  // Keep positioning (top/left/zIndex) on the wrapper, but split out the\n  // available-space cap so it can be applied to the inner scroll element.\n  const { maxHeight, maxWidth, ...positionStyle } =\n    (overlayPositionProps.style ?? {}) as CSSProperties;\n\n  // Expose updatePosition so callers can re-anchor on demand (e.g. caret move).\n  useEffect(() => {\n    if (positionApiRef) {\n      positionApiRef.current = { updatePosition };\n    }\n    return () => {\n      if (positionApiRef) {\n        positionApiRef.current = null;\n      }\n    };\n  }, [positionApiRef, updatePosition]);\n\n  // Overlay behavior (dismiss on outside click, escape)\n  const { overlayProps: overlayBehaviorProps } = useOverlay(\n    {\n      onClose,\n      shouldCloseOnBlur: true,\n      isOpen,\n      isDismissable: true,\n      shouldCloseOnInteractOutside: (el) => {\n        const menuTriggerEl = el.closest('[data-popover-trigger]');\n        if (!menuTriggerEl) {\n          if (\n            !shouldCloseOnTriggerInteraction &&\n            triggerRef?.current?.contains(el)\n          ) {\n            return false;\n          }\n          if (el.closest('[data-popover-keep]')) return false;\n          // Plain interactive controls (Button, ItemButton) opt in via\n          // `data-popover-dismiss` to dismiss us without losing their click\n          // to useOverlay's stopPropagation, and `shouldPassControlPresses`\n          // opts every control in. Schedule the close after the click\n          // finishes so the button's onPress runs first. Only controls: the\n          // close lands before a slow click does, and a click on a dialog's\n          // backdrop would then find the dialog on top and close it too.\n          if (\n            (shouldPassControlPresses && el.closest(CONTROL_SELECTOR)) ||\n            el.closest('[data-popover-dismiss]')\n          ) {\n            setTimeout(onClose, 0);\n            return false;\n          }\n          return true;\n        }\n        if (menuTriggerEl === triggerRef?.current) return true;\n        return false;\n      },\n    },\n    mergedPopoverRef as any,\n  );\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || direction;\n\n  // Hold the DisplayTransition ref so we can bind the same node to both the\n  // transition listener and our scroll ref via a single stable callback.\n  const transitionRefHolder = useRef<\n    ((node: HTMLElement | null) => void) | null\n  >(null);\n  const setScrollRef = useCallback((node: HTMLElement | null) => {\n    overlayScrollRef.current = node as HTMLDivElement | null;\n    transitionRefHolder.current?.(node);\n  }, []);\n\n  const overlayContent = (\n    <DisplayTransition isShown={isOpen}>\n      {({ phase, isShown, ref: transitionRef }) => {\n        transitionRefHolder.current = transitionRef;\n        return (\n          <ListBoxPopoverWrapper\n            {...mergeProps(\n              { ...overlayPositionProps, style: positionStyle },\n              overlayBehaviorProps,\n              compositeFocusProps,\n            )}\n            ref={mergedPopoverRef}\n            style={positionStyle}\n          >\n            <ListBoxPopoverElement\n              ref={setScrollRef}\n              data-placement={placementDirection}\n              data-phase={phase}\n              mods={{\n                open: isShown,\n                hidden: phase === 'unmounted',\n              }}\n              styles={overlayStyles}\n              style={{\n                '--overlay-min-width': comboBoxWidth\n                  ? `${comboBoxWidth}px`\n                  : undefined,\n                maxHeight,\n                maxWidth,\n              }}\n            >\n              <ListBox\n                ref={listBoxRef}\n                disableSelectionToggle\n                id={listBoxId}\n                aria-label={\n                  ariaLabel ||\n                  (typeof label === 'string'\n                    ? label\n                    : t('listBoxPopover.options', 'Options'))\n                }\n                // Left unset in single mode, as before this prop existed: an\n                // explicit `'single'` switches on ListBox's no-toggle branch,\n                // which changes what re-picking the selected option does.\n                selectionMode={\n                  selectionMode === 'multiple' ? 'multiple' : undefined\n                }\n                selectedKey={\n                  selectionMode === 'single' ? selectedKey : undefined\n                }\n                selectedKeys={\n                  selectionMode === 'multiple' ? selectedKeys : undefined\n                }\n                isCheckable={\n                  selectionMode === 'multiple' ? isCheckable : undefined\n                }\n                isDisabled={isDisabled}\n                disabledKeys={disabledKeys}\n                shouldUseVirtualFocus={true}\n                items={items as any}\n                filter={filter}\n                styles={listBoxStyles}\n                optionStyles={optionStyles}\n                optionHighlight={optionHighlight}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                stateRef={listStateRef}\n                shape=\"popover\"\n                emptyLabel={emptyLabel}\n                onSelectionChange={onSelectionChange}\n              >\n                {children as any}\n              </ListBox>\n            </ListBoxPopoverElement>\n          </ListBoxPopoverWrapper>\n        );\n      }}\n    </DisplayTransition>\n  );\n\n  return <Portal>{overlayContent}</Portal>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ListBoxPopover.js","names":["Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useOverlay","useOverlayPosition","useI18n","mergeProps","DisplayTransition","Portal","ListBox","ListBoxPopoverProps","isOpen","triggerRef","HTMLElement","popoverRef","HTMLDivElement","listBoxRef","direction","shouldFlip","overlayOffset","containerPadding","comboBoxWidth","listBoxId","overlayStyles","listBoxStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectionMode","selectedKeys","isCheckable","shouldCloseOnTriggerInteraction","shouldPassControlPresses","isDisabled","disabledKeys","Iterable","items","children","listStateRef","onSelectionChange","selection","onClose","label","ariaLabel","ariaLabelledby","compositeFocusProps","onFocus","e","FocusEvent","onBlur","filter","nodes","size","emptyLabel","positionTargetRef","Element","positionApiRef","updatePosition","CONTROL_SELECTOR","ListBoxPopoverWrapper","qa","styles","position","zIndex","ListBoxPopoverElement","display","gridRows","gridColumns","width","height","overflow","fill","radius","shadow","padding","border","hide","hidden","boxSizing","transition","translate","transformOrigin","scale","opacity","ListBoxPopover","props","$","_c","t","t0","t1","t2","t3","undefined","mergedPopoverRef","overlayScrollRef","t4","t5","t6","t7","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t8","style","t9","maxHeight","maxWidth","positionStyle","t10","t11","current","t12","el","menuTriggerEl","closest","contains","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","split","placementDirection","transitionRefHolder","t15","Symbol","for","node","setScrollRef","t16","t17","phase","isShown","ref","transitionRef","open","overlayContent"],"sources":["../../../../src/components/fields/ListBoxPopover/ListBoxPopover.tsx"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport React, {\n  CSSProperties,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useOverlay, useOverlayPosition } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport { DisplayTransition } from '../../helpers';\nimport { Portal } from '../../portal';\nimport { ListBox } from '../ListBox/ListBox';\n\nexport interface ListBoxPopoverProps {\n  isOpen: boolean;\n  triggerRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLDivElement>;\n  listBoxRef: RefObject<HTMLDivElement>;\n  direction: 'bottom' | 'top';\n  shouldFlip: boolean;\n  overlayOffset: number;\n  containerPadding: number;\n  /** Min width (px) for the overlay; usually the trigger's width. */\n  comboBoxWidth?: number;\n  /** Stable id used for the ListBox element and aria-controls wiring. */\n  listBoxId: string;\n  overlayStyles?: Styles;\n  listBoxStyles?: Styles;\n  optionStyles?: Styles;\n  /** Substring to highlight within each option's (text) children. */\n  optionHighlight?: string;\n  sectionStyles?: Styles;\n  headingStyles?: Styles;\n  /** Space between options, in pixels. Defaults to a hairline (`1bw`). */\n  listGap?: number;\n  selectedKey?: Key | null;\n  /**\n   * `'multiple'` lets the list hold several selected options. The list then\n   * reports the whole new selection on every toggle and never closes itself;\n   * the caller decides what a toggle means. Defaults to `'single'`.\n   */\n  selectionMode?: 'single' | 'multiple';\n  /** The selected keys in `'multiple'` mode. Ignored in `'single'` mode. */\n  selectedKeys?: Key[];\n  /** Whether options show a checkbox. Only applies in `'multiple'` mode. */\n  isCheckable?: boolean;\n  /**\n   * Whether a click inside the element `triggerRef` points at closes the\n   * popover, like any other outside click. Pass `false` when that element is\n   * where the user keeps working with the list open, such as an input that\n   * picks several options in a row. Only this popover is affected; others\n   * still close. Defaults to `true`.\n   */\n  shouldCloseOnTriggerInteraction?: boolean;\n  /**\n   * Whether an outside press on a control (a button, a link, a form control,\n   * anything with `tabindex`, or something inside one) reaches it, as one on\n   * a `data-popover-dismiss` control does: the control can take focus, and\n   * the popover closes after it, so a native Save button saves on the first\n   * click. A press anywhere else, such as a dialog's backdrop, still only\n   * closes the popover. Defaults to `false`.\n   */\n  shouldPassControlPresses?: boolean;\n  isDisabled?: boolean;\n  disabledKeys?: Iterable<Key>;\n  items?: Iterable<any>;\n  children: ReactNode;\n  /** Ref through which the ListBox exposes its internal list state. */\n  listStateRef: RefObject<any>;\n  onSelectionChange: (selection: Key | Key[] | null) => void;\n  onClose: () => void;\n  label?: ReactNode;\n  ariaLabel?: string;\n  /**\n   * Ids of the elements that name the field, read after `label` or\n   * `ariaLabel`. Without either, they alone name the list, in place of the\n   * generic \"Options\".\n   */\n  ariaLabelledby?: string;\n  compositeFocusProps: {\n    onFocus: (e: React.FocusEvent) => void;\n    onBlur: (e: React.FocusEvent) => void;\n  };\n  /** Collection node filter applied to the ListBox. */\n  filter?: (nodes: Iterable<any>) => Iterable<any>;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * Label shown when the list is empty (no items / no filter results).\n   * Forwarded to the inner ListBox.\n   */\n  emptyLabel?: ReactNode;\n  /**\n   * Element to anchor the overlay to geometrically. Defaults to `triggerRef`.\n   * Use this to anchor to something other than the trigger (e.g. the caret in\n   * a textarea) while keeping `triggerRef` for outside-click/dismiss logic.\n   */\n  positionTargetRef?: RefObject<Element | null>;\n  /**\n   * Receives an imperative handle exposing `updatePosition()` so the caller can\n   * force the overlay to re-anchor (e.g. when the caret moves).\n   */\n  positionApiRef?: RefObject<{ updatePosition: () => void } | null>;\n}\n\n// What `shouldPassControlPresses` lets an outside press reach.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst ListBoxPopoverWrapper = tasty({\n  qa: 'ComboBoxOverlayWrapper',\n  styles: {\n    position: 'absolute',\n    zIndex: 1000,\n  },\n});\n\nconst ListBoxPopoverElement = tasty({\n  qa: 'ComboBoxOverlay',\n  styles: {\n    display: 'grid',\n    gridRows: '1sf',\n    gridColumns: '1sf',\n    width: '$overlay-min-width max-content 50vw',\n    height: 'initial max-content (50vh - 5x)',\n    overflow: 'auto',\n    fill: '#surface',\n    radius: '1cr',\n    shadow: true,\n    padding: '0',\n    border: '#border',\n    hide: {\n      '': false,\n      hidden: true,\n    },\n    boxSizing: 'border-box',\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & ([data-placement=\"bottom\"] | ![data-placement])': '0 0',\n      '!open & ([data-placement=\"bottom\"] | ![data-placement])': '0 -1x',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .9',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    '$overlay-min-width': 'min 30x',\n  },\n});\n\nexport const ListBoxPopover = function ListBoxPopover(\n  props: ListBoxPopoverProps,\n) {\n  const { t } = useI18n();\n  const {\n    isOpen,\n    triggerRef,\n    popoverRef,\n    listBoxRef,\n    direction,\n    shouldFlip,\n    overlayOffset,\n    containerPadding,\n    comboBoxWidth,\n    listBoxId,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    optionHighlight,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    selectedKey,\n    selectionMode = 'single',\n    selectedKeys,\n    isCheckable,\n    shouldCloseOnTriggerInteraction = true,\n    shouldPassControlPresses = false,\n    isDisabled,\n    disabledKeys,\n    items,\n    children,\n    listStateRef,\n    onSelectionChange,\n    onClose,\n    label,\n    ariaLabel,\n    ariaLabelledby,\n    compositeFocusProps,\n    filter,\n    size = 'medium',\n    emptyLabel,\n    positionTargetRef,\n    positionApiRef,\n  } = props;\n\n  const mergedPopoverRef = popoverRef;\n\n  // Ref to the inner scrollable element (the visible popover). react-aria\n  // measures this for its flip/shrink math and writes maxHeight onto the\n  // overlay (positioning wrapper); we forward that maxHeight to this element\n  // below so the scroll container actually shrinks instead of overflowing.\n  const overlayScrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Overlay positioning — anchor to the explicit position target when given\n  // (e.g. a caret anchor), otherwise to the trigger. `triggerRef` is still\n  // used below for outside-click/dismiss behavior.\n  const {\n    overlayProps: overlayPositionProps,\n    placement,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: (positionTargetRef ?? triggerRef) as any,\n    overlayRef: mergedPopoverRef as any,\n    scrollRef: overlayScrollRef as any,\n    placement: `${direction} start` as any,\n    shouldFlip,\n    isOpen,\n    offset: overlayOffset,\n    containerPadding: containerPadding,\n  });\n\n  // Keep positioning (top/left/zIndex) on the wrapper, but split out the\n  // available-space cap so it can be applied to the inner scroll element.\n  const { maxHeight, maxWidth, ...positionStyle } =\n    (overlayPositionProps.style ?? {}) as CSSProperties;\n\n  // Expose updatePosition so callers can re-anchor on demand (e.g. caret move).\n  useEffect(() => {\n    if (positionApiRef) {\n      positionApiRef.current = { updatePosition };\n    }\n    return () => {\n      if (positionApiRef) {\n        positionApiRef.current = null;\n      }\n    };\n  }, [positionApiRef, updatePosition]);\n\n  // Overlay behavior (dismiss on outside click, escape)\n  const { overlayProps: overlayBehaviorProps } = useOverlay(\n    {\n      onClose,\n      shouldCloseOnBlur: true,\n      isOpen,\n      isDismissable: true,\n      shouldCloseOnInteractOutside: (el) => {\n        const menuTriggerEl = el.closest('[data-popover-trigger]');\n        if (!menuTriggerEl) {\n          if (\n            !shouldCloseOnTriggerInteraction &&\n            triggerRef?.current?.contains(el)\n          ) {\n            return false;\n          }\n          if (el.closest('[data-popover-keep]')) return false;\n          // Plain interactive controls (Button, ItemButton) opt in via\n          // `data-popover-dismiss` to dismiss us without losing their click\n          // to useOverlay's stopPropagation, and `shouldPassControlPresses`\n          // opts every control in. Schedule the close after the click\n          // finishes so the button's onPress runs first. Only controls: the\n          // close lands before a slow click does, and a click on a dialog's\n          // backdrop would then find the dialog on top and close it too.\n          if (\n            (shouldPassControlPresses && el.closest(CONTROL_SELECTOR)) ||\n            el.closest('[data-popover-dismiss]')\n          ) {\n            setTimeout(onClose, 0);\n            return false;\n          }\n          return true;\n        }\n        if (menuTriggerEl === triggerRef?.current) return true;\n        return false;\n      },\n    },\n    mergedPopoverRef as any,\n  );\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || direction;\n\n  // Hold the DisplayTransition ref so we can bind the same node to both the\n  // transition listener and our scroll ref via a single stable callback.\n  const transitionRefHolder = useRef<\n    ((node: HTMLElement | null) => void) | null\n  >(null);\n  const setScrollRef = useCallback((node: HTMLElement | null) => {\n    overlayScrollRef.current = node as HTMLDivElement | null;\n    transitionRefHolder.current?.(node);\n  }, []);\n\n  const overlayContent = (\n    <DisplayTransition isShown={isOpen}>\n      {({ phase, isShown, ref: transitionRef }) => {\n        transitionRefHolder.current = transitionRef;\n        return (\n          <ListBoxPopoverWrapper\n            {...mergeProps(\n              { ...overlayPositionProps, style: positionStyle },\n              overlayBehaviorProps,\n              compositeFocusProps,\n            )}\n            ref={mergedPopoverRef}\n            style={positionStyle}\n          >\n            <ListBoxPopoverElement\n              ref={setScrollRef}\n              data-placement={placementDirection}\n              data-phase={phase}\n              mods={{\n                open: isShown,\n                hidden: phase === 'unmounted',\n              }}\n              styles={overlayStyles}\n              style={{\n                '--overlay-min-width': comboBoxWidth\n                  ? `${comboBoxWidth}px`\n                  : undefined,\n                maxHeight,\n                maxWidth,\n              }}\n            >\n              <ListBox\n                ref={listBoxRef}\n                disableSelectionToggle\n                id={listBoxId}\n                aria-label={\n                  ariaLabel ||\n                  (typeof label === 'string'\n                    ? label\n                    : ariaLabelledby\n                      ? undefined\n                      : t('listBoxPopover.options', 'Options'))\n                }\n                aria-labelledby={ariaLabelledby}\n                // Left unset in single mode, as before this prop existed: an\n                // explicit `'single'` switches on ListBox's no-toggle branch,\n                // which changes what re-picking the selected option does.\n                selectionMode={\n                  selectionMode === 'multiple' ? 'multiple' : undefined\n                }\n                selectedKey={\n                  selectionMode === 'single' ? selectedKey : undefined\n                }\n                selectedKeys={\n                  selectionMode === 'multiple' ? selectedKeys : undefined\n                }\n                isCheckable={\n                  selectionMode === 'multiple' ? isCheckable : undefined\n                }\n                isDisabled={isDisabled}\n                disabledKeys={disabledKeys}\n                shouldUseVirtualFocus={true}\n                items={items as any}\n                filter={filter}\n                styles={listBoxStyles}\n                optionStyles={optionStyles}\n                optionHighlight={optionHighlight}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                stateRef={listStateRef}\n                shape=\"popover\"\n                emptyLabel={emptyLabel}\n                onSelectionChange={onSelectionChange}\n              >\n                {children as any}\n              </ListBox>\n            </ListBoxPopoverElement>\n          </ListBoxPopoverWrapper>\n        );\n      }}\n    </DisplayTransition>\n  );\n\n  return <Portal>{overlayContent}</Portal>;\n};\n"],"mappings":"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"}

package/dist/components/fields/ListBoxPopover/listNavigation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";

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

@@ -1,5 +1,5 @@
 
-import { FieldBaseProps } from "../../../shared/form.js";
+import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js";
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
 import "../TextInput/index.js";
@@ -7,7 +7,7 @@ import * as react from "react";
 import { AriaNumberFieldProps as AriaNumberFieldProps$1 } from "react-aria";
 
 //#region src/components/fields/NumberInput/NumberInput.d.ts
-interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange' | 'field'>, Omit<AriaNumberFieldProps$1, 'validate' | 'form' | 'name'> {
+interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange' | 'field'>, Omit<AriaNumberFieldProps$1, 'validate' | 'form' | 'name'>, TextFieldKeyboardProps {
   field?: FieldBaseProps<number | null | undefined>['field'];
   /** Whether or to hide stepper */
   hideStepper?: boolean;

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";