npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-d4796d7 → 0.0.0-canary-759f43d - Mend

@cube-dev/ui-kit 0.0.0-canary-d4796d7 → 0.0.0-canary-759f43d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (602) hide show

package/dist/components/fields/ListBox/ListBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListBox.js","names":["useHover","IconMinus","useVirtualizer","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","ForwardedRef","forwardRef","MutableRefObject","ReactElement","ReactNode","RefObject","useEffect","useLayoutEffect","useMemo","useRef","useState","AriaListBoxProps","DropTarget","mergeProps","mergeAriaProps","useDraggableItem","useDropIndicator","useKeyboard","useListBox","useListBoxSection","useOption","Section","BaseSection","DraggableCollectionState","DroppableCollectionState","ListProps","useListState","useWarn","useI18n","CheckIcon","GripVerticalIcon","Icon","SIZE_NAME_TO_KEY","SIZES","useCombinedRefs","useFocus","allowOverlayKeysToPropagate","extractStyles","StyledDivider","StyledFooter","StyledHeader","StyledSectionHeading","CollectionItem","CubeCollectionItemProps","filterCollectionItemProps","filterSelectionItemProps","getValueSelectionState","Item","getValidationMods","getValidationTheme","useFieldProps","wrapWithField","createMockDragState","DraggableListBox","CollectionBase","Key","FieldBaseProps","ListBoxWrapperElement","qa","styles","display","gridColumns","gridRows","flow","gap","position","radius","color","transition","outline","focused","border","valid","invalid","disabled","ListElement","as","padding","listStyle","boxSizing","margin","height","ListBoxScrollElement","overflow","scrollbar","ListBoxItem","disableActionsFocus","all","outlineOffset","cursor","draggable","opacity","gripIcon","ListBoxDropIndicatorElement","zIndex","pointerEvents","Indicator","$","left","right","top","fill","SectionWrapperElement","SectionListElement","ListBoxCheckbox","placeItems","width","flexShrink","ListBoxCheckboxWrapper","placeContent","placeSelf","renderCheckboxIcon","isSelected","isDisabled","isFocused","isHovered","isInvalid","isValid","mods","selected","hovered","CubeListBoxProps","Omit","T","listStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectedKeys","defaultSelectedKey","defaultSelectedKeys","onSelectionChange","key","selectionMode","listRef","HTMLUListElement","disallowEmptySelection","allowDuplicateSelectionEvents","shouldFocusWrap","stateRef","focusOnHover","header","footer","headerStyles","footerStyles","Record","size","disableSelectionToggle","shouldUseVirtualFocus","isFocusWithin","onEscape","isCheckable","onOptionClick","showSelectAll","selectAllLabel","allValueProps","Partial","filter","nodes","Iterable","emptyLabel","shape","isReorderable","onReorder","newOrder","PROP_STYLES","SelectAllOption","label","isIndeterminate","state","lastFocusSourceRef","onClick","propagate","t","hoverProps","resolvedLabel","undefined","markIcon","localRef","HTMLLIElement","checkboxIcon","indeterminate","handleOptionClick","e","current","selectionManager","clickTarget","target","HTMLElement","checkboxElement","querySelector","contains","listboxitem","checkable","toStatelySelection","value","isMultiple","Set","ListBox","props","ref","HTMLDivElement","valuePropsMapper","onChange","fieldProps","Array","isArray","extra","id","labelStyles","isRequired","necessityIndicator","message","description","externalMods","labelSuffix","form","otherProps","forceUpdate","lastSelectedKeyRef","externalSelectionHandler","wrappedOnSelectionChange","keys","prevKey","from","listStateProps","disabledBehavior","selection","defaultSelection","listState","first","selectAllState","rawSelection","collection","disabledKeys","handleSelectAllClick","clearSelection","selectAll","args","keyboardProps","onKeyDown","itemsArray","hasSections","some","i","type","shouldVirtualize","listBoxProps","labelProps","isVirtualized","escapeKeyBehavior","focusProps","isListFocused","scrollRef","rowVirtualizer","count","length","getScrollElement","getItemKey","index","estimateSize","currentItem","XL","overscan","measure","focusedKey","scrollElement","itemElement","CSS","escape","String","scrollTop","viewportHeight","clientHeight","viewportBottom","itemRect","getBoundingClientRect","scrollRect","itemTop","itemBottom","isAlreadyVisible","scrollIntoView","block","behavior","mergedListBoxProps","tabIndex","orderedKeys","map","listGapTokens","listBoxField","dragState","dropState","collectionProps","sections","item","getTotalSize","getVirtualItems","virtualItem","measureElement","transform","start","renderedItems","isFirstSection","push","Option","highlight","isParentDisabled","virtualStyle","virtualRef","virtualIndex","element","has","isDraggable","mockDragState","dragResult","effectiveDragProps","dragProps","isDragging","optionProps","isPressed","descriptionProps","shouldSelectOnPressUp","shouldFocusOnHover","filteredItemProps","effectiveIcon","icon","handleOptionExtras","MouseEvent","setFocusedKey","onKeyUp","ariaSelected","ariaDisabled","role","filteredOptionProps","theme","const","includeValid","listBoxItem","pressed","dragging","rendered","dropPosition","ListBoxDropIndicator","t0","_c","t1","dropIndicatorProps","isHidden","isDropTarget","t2","t3","Symbol","for","t4","ListBoxSectionProps","ListBoxSection","heading","itemProps","headingProps","groupProps","childNodes","node","getItem","node_0","t5","t6","SectionComponent","ListBoxSectionComponent","Object","assign","displayName","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/ListBox/ListBox.tsx"],"sourcesContent":["import { useHover } from '@react-aria/interactions';\nimport { IconMinus } from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n BASE_STYLES,\n BasePropsWithoutChildren,\n BaseStyleProps,\n COLOR_STYLES,\n ColorStyleProps,\n mergeStyles,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n CSSProperties,\n ForwardedRef,\n forwardRef,\n MutableRefObject,\n ReactElement,\n ReactNode,\n RefObject,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n AriaListBoxProps,\n DropTarget,\n mergeProps as mergeAriaProps,\n useDraggableItem,\n useDropIndicator,\n useKeyboard,\n useListBox,\n useListBoxSection,\n useOption,\n} from 'react-aria';\nimport {\n Section as BaseSection,\n DraggableCollectionState,\n DroppableCollectionState,\n ListProps,\n useListState,\n} from 'react-stately';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { GripVerticalIcon } from '../../../icons/GripVerticalIcon';\nimport { Icon } from '../../../icons/Icon';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { extractStyles } from '../../../utils/styles';\n// Import Menu styled components for header and footer\nimport {\n StyledDivider,\n StyledFooter,\n StyledHeader,\n StyledSectionHeading,\n} from '../../actions/Menu/styled';\nimport {\n CollectionItem,\n CubeCollectionItemProps,\n filterCollectionItemProps,\n filterSelectionItemProps,\n getValueSelectionState,\n} from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\nimport {\n getValidationMods,\n getValidationTheme,\n useFieldProps,\n wrapWithField,\n} from '../../form';\nimport { createMockDragState } from '../../shared/DraggableCollection';\n\nimport { DraggableListBox } from './DraggableListBox';\n\nimport type { CollectionBase, Key } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\nconst ListBoxWrapperElement = tasty({\n qa: 'ListBox',\n styles: {\n display: 'grid',\n gridColumns: '1sf',\n gridRows: 'max-content max-content max-content 1sf max-content',\n flow: 'column',\n gap: 0,\n position: 'relative',\n radius: {\n '': '1cr',\n '[data-shape=\"popover\"]': '(1cr - 1bw)',\n '[data-shape=\"plain\"]': '0',\n },\n color: '#dark-02',\n transition: 'theme',\n outline: {\n '': '#purple-03.0',\n 'invalid & focused': '#danger.50',\n focused: '#purple-03',\n },\n border: {\n '': true,\n focused: '#primary-text',\n valid: '#success-text.50',\n invalid: '#danger-text.50',\n disabled: true,\n '[data-shape=\"plain\"] \| [data-shape=\"popover\"] \| searchable': false,\n },\n },\n});\n\nconst ListElement = tasty({\n as: 'ul',\n styles: {\n // The space between options. Set from `listGap`, which also hands the\n // same number to the virtualizer.\n '$list-gap': '1bw',\n display: 'block',\n // The space kept below the last option. Padding, so `listStyles` can take\n // it away, and outside the content box, where a virtualized list sets its\n // own height.\n padding: '.5x bottom',\n listStyle: 'none',\n boxSizing: 'content-box',\n margin: {\n '': '.5x .5x 0 .5x',\n '[data-shape=\"plain\"]': '0',\n },\n height: 'max-content',\n },\n});\n\n// NEW: dedicated scroll container for ListBox\nconst ListBoxScrollElement = tasty({\n as: 'div',\n styles: {\n display: 'grid',\n gridColumns: '1sf',\n gridRows: '1sf',\n overflow: 'auto',\n scrollbar: 'styled',\n },\n});\n\n// Create an extended Item for ListBox options with 'all' modifier support\nconst ListBoxItem = tasty(Item, {\n as: 'li',\n disableActionsFocus: true,\n styles: {\n display: 'grid',\n margin: {\n '': '$list-gap bottom',\n // Mid-drag the last option is followed by a drop indicator, which takes\n // the gap back (`ListBoxDropIndicatorElement`). Not `:has(~ …)`: see\n // AGENTS.md → Styling.\n ':last-child': '0',\n all: '.5x',\n },\n // Inside the option: options sit a hairline apart, so a ring outside one\n // would cover its neighbour, and the scroll box would clip it at the edges.\n outlineOffset: '-1bw',\n Icon: {\n cursor: {\n draggable: 'grab',\n },\n opacity: {\n gripIcon: '.4',\n 'gripIcon & hovered': '1',\n },\n transition: {\n draggable: 'opacity',\n },\n },\n },\n});\n\n// Horizontal drop indicator for DnD reordering\nconst ListBoxDropIndicatorElement = tasty({\n as: 'li',\n styles: {\n zIndex: 10,\n position: 'relative',\n pointerEvents: 'none',\n height: 0,\n // After the last option: cancels the `$list-gap` that option keeps while\n // it is not the last child, so the list holds its height mid-drag. An\n // `optionStyles` margin replaces that gap, and this then overshoots.\n margin: {\n '': 0,\n ':last-child': '(-1 * $list-gap) top',\n },\n opacity: {\n '': 0,\n 'drop-target': 1,\n },\n\n Indicator: {\n $: '>',\n position: 'absolute',\n left: '.5x',\n right: '.5x',\n // Centred in the gap between two options, or on the edge of the list.\n top: {\n '': '(-1px - $list-gap / 2)',\n ':first-child \| :last-child': '-1px',\n },\n height: '2px',\n fill: '#primary',\n radius: 'round',\n },\n },\n});\n\nconst SectionWrapperElement = tasty({\n as: 'li',\n styles: {\n display: 'block',\n },\n});\n\nconst SectionListElement = tasty({\n qa: 'ListBoxSectionList',\n as: 'ul',\n styles: {\n display: 'flex',\n gap: '0',\n flow: 'column',\n margin: '0',\n padding: '0',\n listStyle: 'none',\n },\n});\n\n// Checkbox component for multiple selection options\nconst ListBoxCheckbox = tasty({\n as: 'div',\n styles: {\n display: 'grid',\n placeItems: 'center',\n radius: '.5r',\n width: '(2x - 2bw)',\n height: '(2x - 2bw)',\n flexShrink: 0,\n transition: 'theme',\n opacity: {\n '': 0,\n 'selected \| indeterminate \| hovered \| focused': 1,\n },\n fill: {\n '': '#surface',\n 'selected \| indeterminate': '#primary',\n 'invalid & !(selected \| indeterminate)': '#surface',\n 'invalid & (selected \| indeterminate)': '#danger',\n disabled: '#dark.12',\n },\n color: {\n '': '#clear',\n 'selected \| indeterminate': '#white',\n },\n border: {\n '': '#dark.30',\n invalid: '#danger',\n 'disabled \| ((selected \| indeterminate) & !invalid)': '#clear',\n },\n },\n});\n\nconst ListBoxCheckboxWrapper = tasty({\n as: 'div',\n styles: {\n display: 'grid',\n placeItems: 'center',\n placeContent: 'center',\n cursor: '$pointer',\n placeSelf: 'stretch',\n },\n});\n\nfunction renderCheckboxIcon({\n isSelected,\n isDisabled,\n isFocused,\n isHovered,\n isInvalid,\n isValid,\n}: {\n isSelected: boolean;\n isDisabled: boolean;\n isFocused: boolean;\n isHovered: boolean;\n isInvalid?: boolean;\n isValid?: boolean;\n}) {\n const mods = {\n selected: isSelected,\n disabled: isDisabled,\n focused: isFocused,\n hovered: isHovered,\n ...getValidationMods({ isInvalid, isValid }),\n };\n\n return (\n <ListBoxCheckboxWrapper data-element=\"CheckboxWrapper\" mods={mods}>\n <ListBoxCheckbox data-element=\"Checkbox\" mods={mods}>\n <CheckIcon size={12} stroke={3} />\n </ListBoxCheckbox>\n </ListBoxCheckboxWrapper>\n );\n}\n\nexport interface CubeListBoxProps<T>\n extends Omit<\n AriaListBoxProps<T>,\n 'autoFocus' \| 'selectedKeys' \| 'defaultSelectedKeys' \| 'onSelectionChange'\n >,\n CollectionBase<T>,\n FieldBaseProps<Key \| readonly Key[] \| null \| undefined>,\n BasePropsWithoutChildren,\n // The style props `PROP_STYLES` extracts at runtime and the docs list;\n // without these a `height` or `width` worked but failed to type-check.\n BaseStyleProps,\n OuterStyleProps,\n ColorStyleProps {\n /** Custom styles for the list container /\n listStyles?: Styles;\n /* Custom styles for individual options /\n optionStyles?: Styles;\n /\n Substring to highlight within each option's (text) children. Typically the\n * current search query. Matching is case-insensitive.\n /\n optionHighlight?: string;\n /* Custom styles for section containers /\n sectionStyles?: Styles;\n /* Custom styles for section headings /\n headingStyles?: Styles;\n /\n Space between options, in pixels. Defaults to a hairline (`1bw`). It\n * applies to flat, virtualized, sectioned and reorderable lists alike.\n /\n listGap?: number;\n /* Whether the ListBox is disabled /\n isDisabled?: boolean;\n /* The selected key in controlled single selection mode /\n selectedKey?: Key \| null;\n /* The selected keys in controlled multiple selection mode. Use \"all\" to select all items or an array of keys /\n selectedKeys?: 'all' \| Key[];\n /* The default selected key in uncontrolled single selection mode /\n defaultSelectedKey?: Key \| null;\n /* The default selected keys in uncontrolled multiple selection mode. Use \"all\" to select all items or an array of keys /\n defaultSelectedKeys?: 'all' \| Key[];\n /* Callback fired when selection changes /\n onSelectionChange?: (key: Key \| null \| 'all' \| Key[]) => void;\n /* The selection mode of the ListBox /\n selectionMode?: 'single' \| 'multiple';\n /* Ref for accessing the list DOM element /\n listRef?: RefObject<HTMLUListElement \| null>;\n /* Whether to disallow empty selection /\n disallowEmptySelection?: boolean;\n /\n Whether `onSelectionChange` should fire even when the new selection equals the\n * current one (e.g. re-selecting the already-selected item with `disallowEmptySelection`).\n * React Stately suppresses such duplicate events by default. Popover-based wrappers\n * (Picker, FilterPicker) rely on the duplicate event to close the popover on re-select.\n /\n allowDuplicateSelectionEvents?: boolean;\n /* Whether to wrap focus when reaching the end of the list /\n shouldFocusWrap?: boolean;\n /\n Ref to access the internal ListState instance.\n * This allows parent components to access selection state and other list functionality.\n /\n stateRef?: RefObject<any \| null>;\n\n /\n Whether moving the pointer over an option will move DOM focus to that option.\n * Set to false for components that keep DOM focus outside (e.g. searchable FilterListBox).\n * Defaults to true.\n /\n focusOnHover?: boolean;\n /* Custom header content displayed above the list /\n header?: ReactNode;\n /* Custom footer content displayed below the list /\n footer?: ReactNode;\n /* Custom styles for the header /\n headerStyles?: Styles;\n /* Custom styles for the footer /\n footerStyles?: Styles;\n /* Additional modifiers for styling the ListBox /\n mods?: Record<string, boolean>;\n /* Size variant of the ListBox /\n size?: 'small' \| 'medium' \| 'large';\n\n /\n When `true`, clicking an already-selected item keeps it selected instead of toggling it off.\n * Useful when embedding ListBox inside components like ComboBox.\n /\n disableSelectionToggle?: boolean;\n\n /\n Whether to use virtual focus for keyboard navigation.\n * When true, DOM focus stays outside individual option elements (useful for searchable lists).\n * Defaults to false for backward compatibility.\n /\n shouldUseVirtualFocus?: boolean;\n\n /\n For a list whose focused option is moved from an input outside it, as\n * FilterListBox's search input does: whether focus is within that input's\n * component. The focused option is marked only while it is `true`. Unset, the\n * list's own focus decides, and with `shouldUseVirtualFocus` the focused\n * option is always marked.\n /\n isFocusWithin?: boolean;\n\n /\n Callback fired when the user presses Escape key.\n * When provided, this prevents React Aria's default Escape behavior (selection reset).\n /\n onEscape?: () => void;\n\n /\n Whether to show checkboxes for multiple selection mode.\n * This adds a checkbox icon to the left of each option.\n /\n isCheckable?: boolean;\n\n /\n Callback fired when an option is clicked but not on the checkbox area.\n * Used by FilterPicker to close the popover on non-checkbox clicks.\n /\n onOptionClick?: (key: Key) => void;\n\n /\n Whether to show the \"Select All\" option in multiple selection mode.\n * This adds a select all option to the header that allows selecting/deselecting all items.\n /\n showSelectAll?: boolean;\n\n /\n Label for the \"Select All\" option. Defaults to \"Select All\".\n /\n selectAllLabel?: ReactNode;\n\n /\n Props to apply to the \"Select All\" option.\n /\n allValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n /\n Filter function to apply to the collection nodes.\n * Takes an iterable of nodes and returns a filtered iterable.\n * Useful for implementing search/filter functionality.\n /\n filter?: (nodes: Iterable<any>) => Iterable<any>;\n\n /\n Label to display when the list is empty (no items available).\n * Defaults to \"No items\".\n /\n emptyLabel?: ReactNode;\n\n /\n Visual shape of the ListBox styling.\n * - `card` (default): Standard card styling with border and margin\n * - `plain`: No border, no margin, no radius - suitable for embedded use\n * - `popover`: No border, but keeps margin and radius - suitable for overlay use\n * Defaults to 'card'.\n /\n shape?: 'card' \| 'plain' \| 'popover';\n\n /\n Enable drag-and-drop reordering of list items.\n * When enabled, virtualization is disabled and each item gets a drag handle.\n * @default false\n /\n isReorderable?: boolean;\n\n /\n Callback when items are reordered via drag-and-drop.\n * Called with the new array of item keys in their new order.\n /\n onReorder?: (newOrder: string[]) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nconst SelectAllOption = ({\n label,\n isSelected,\n isIndeterminate,\n isDisabled,\n isCheckable,\n size = 'medium',\n state,\n lastFocusSourceRef,\n onClick,\n allValueProps = {},\n}: {\n label?: ReactNode;\n isSelected: boolean;\n isIndeterminate: boolean;\n isDisabled?: boolean;\n isCheckable?: boolean;\n size?: 'small' \| 'medium' \| 'large';\n state: any;\n lastFocusSourceRef: MutableRefObject<'keyboard' \| 'mouse' \| 'other'>;\n onClick: (propagate?: boolean) => void;\n allValueProps?: Partial<CubeCollectionItemProps<any>>;\n}) => {\n const { t } = useI18n();\n const { hoverProps, isHovered } = useHover({ isDisabled });\n const resolvedLabel =\n label === '' \|\| label === undefined \|\| label === null\n ? t('listBox.selectAll', 'Select All')\n : label;\n\n const markIcon = isIndeterminate ? (\n <Icon size={12} stroke={3} aria-hidden=\"true\">\n <IconMinus />\n </Icon>\n ) : (\n <CheckIcon size={12} stroke={3} />\n );\n\n const localRef = useRef<HTMLLIElement>(null);\n\n // Create checkbox icon for select all option\n const checkboxIcon = useMemo(() => {\n if (!isCheckable) {\n return null;\n }\n\n return (\n <ListBoxCheckboxWrapper\n data-element=\"CheckboxWrapper\"\n mods={{\n selected: isSelected,\n disabled: isDisabled,\n hovered: isHovered,\n indeterminate: isIndeterminate,\n }}\n >\n <ListBoxCheckbox\n data-element=\"Checkbox\"\n mods={{\n selected: isSelected,\n disabled: isDisabled,\n hovered: isHovered,\n indeterminate: isIndeterminate,\n }}\n >\n {(isIndeterminate \|\| isSelected) && markIcon}\n </ListBoxCheckbox>\n </ListBoxCheckboxWrapper>\n );\n }, [\n isCheckable,\n isSelected,\n isDisabled,\n isHovered,\n isIndeterminate,\n markIcon,\n ]);\n\n const handleOptionClick = (e) => {\n // Mark focus changes from mouse clicks\n if (lastFocusSourceRef) {\n lastFocusSourceRef.current = 'mouse';\n }\n\n // If there's an onOptionClick callback and this is checkable in multiple mode,\n // we need to distinguish between checkbox and content clicks\n if (state.selectionManager.selectionMode === 'multiple') {\n // Check if the click target is within the checkbox area\n const clickTarget = e.target as HTMLElement;\n const checkboxElement = localRef.current?.querySelector(\n '[data-element=\"CheckboxWrapper\"]',\n );\n\n if (\n checkboxElement &&\n (checkboxElement === clickTarget \|\|\n checkboxElement.contains(clickTarget))\n ) {\n onClick?.(false);\n } else {\n // Then call the callback (which will close the popover in FilterPicker)\n onClick?.(true);\n }\n } else {\n onClick?.(true);\n }\n };\n\n return (\n <>\n <ListBoxItem\n ref={localRef}\n data-size={size}\n size={size}\n role=\"option\"\n aria-selected={isSelected}\n isSelected={isSelected}\n isDisabled={isDisabled}\n icon={checkboxIcon}\n mods={{\n listboxitem: true,\n disabled: isDisabled,\n checkable: isCheckable,\n hovered: isHovered,\n indeterminate: isIndeterminate,\n all: true, // Important: this preserves the 'all' modifier\n }}\n {...mergeProps(hoverProps, allValueProps, {\n onClick: handleOptionClick,\n })}\n >\n {resolvedLabel}\n </ListBoxItem>\n <StyledDivider />\n </>\n );\n};\n\n/\n A public selection prop as the Set-based value React Stately expects: a key\n * array (or `'all'`, passed through) in multiple mode, a single key (or\n * `null` for none) in single mode.\n /\nfunction toStatelySelection(\n value: 'all' \| Key[] \| Key \| null,\n isMultiple: boolean,\n): 'all' \| Set<Key> {\n if (isMultiple) {\n return value === 'all' ? 'all' : new Set(value as Key[]);\n }\n\n return value == null ? new Set() : new Set([value as Key]);\n}\n\nexport const ListBox = forwardRef(function ListBox<T extends object>(\n props: CubeListBoxProps<T>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n props = useFieldProps(props, {\n valuePropsMapper: ({ value, onChange }) => {\n const fieldProps: any = {};\n\n if (props.selectionMode === 'multiple') {\n fieldProps.selectedKeys = value \|\| [];\n } else {\n fieldProps.selectedKey = value ?? null;\n }\n\n fieldProps.onSelectionChange = (key: any) => {\n if (props.selectionMode === 'multiple') {\n onChange(key ? (Array.isArray(key) ? key : [key]) : []);\n } else {\n onChange(Array.isArray(key) ? key[0] : key);\n }\n };\n\n return fieldProps;\n },\n });\n\n const { t } = useI18n();\n\n let {\n qa,\n label,\n extra,\n id,\n labelStyles,\n isRequired,\n necessityIndicator,\n isInvalid,\n isValid,\n isDisabled,\n listStyles,\n optionStyles,\n optionHighlight,\n sectionStyles,\n headingStyles,\n listGap,\n listRef,\n message,\n description,\n styles,\n mods: externalMods,\n size = 'medium',\n labelSuffix,\n selectedKey,\n defaultSelectedKey,\n selectedKeys,\n defaultSelectedKeys,\n shouldUseVirtualFocus,\n isFocusWithin,\n onSelectionChange,\n disableSelectionToggle = false,\n allowDuplicateSelectionEvents,\n stateRef,\n focusOnHover,\n header,\n footer,\n headerStyles,\n footerStyles,\n onEscape,\n isCheckable,\n onOptionClick,\n showSelectAll,\n selectAllLabel,\n allValueProps,\n filter,\n emptyLabel = t('listBox.noItems', 'No items'),\n shape = 'card',\n isReorderable = false,\n onReorder,\n form,\n ...otherProps\n } = props;\n\n const [, forceUpdate] = useState({});\n const lastSelectedKeyRef = useRef<Key \| null>(null);\n\n // Wrap onSelectionChange to prevent selection when disabled and handle React Aria's Set format\n const externalSelectionHandler = onSelectionChange \|\| (props as any).onChange;\n\n const wrappedOnSelectionChange = useMemo(() => {\n if (!externalSelectionHandler) return undefined;\n\n return (keys: any) => {\n // Don't allow selection changes when disabled\n if (isDisabled) {\n return;\n }\n\n // React Aria always passes a Set for selection changes\n // Handle the special \"all\" case and convert to our public API format\n if (keys === 'all') {\n externalSelectionHandler('all');\n } else if (keys instanceof Set) {\n if (keys.size === 0) {\n if (disableSelectionToggle && props.selectionMode === 'single') {\n const prevKey = lastSelectedKeyRef.current;\n if (prevKey != null) {\n externalSelectionHandler(prevKey);\n return;\n }\n }\n externalSelectionHandler(\n props.selectionMode === 'multiple' ? [] : null,\n );\n } else if (props.selectionMode === 'multiple') {\n externalSelectionHandler(Array.from(keys));\n } else {\n const key = Array.from(keys)[0];\n lastSelectedKeyRef.current = key ?? null;\n externalSelectionHandler(key);\n }\n } else {\n lastSelectedKeyRef.current = keys as Key \| null;\n externalSelectionHandler(keys);\n }\n };\n }, [\n externalSelectionHandler,\n isDisabled,\n props.selectionMode,\n disableSelectionToggle,\n ]);\n\n // Prepare props for useListState with correct selection props\n const listStateProps: ListProps<T> = {\n ...props,\n onSelectionChange: wrappedOnSelectionChange,\n disabledBehavior: 'all',\n filter,\n selectionMode: props.selectionMode \|\| 'single',\n allowDuplicateSelectionEvents,\n };\n\n // Set selection props based on mode: the array props in multiple mode, the\n // scalar key props in single mode.\n const isMultiple = listStateProps.selectionMode === 'multiple';\n const selection = isMultiple ? selectedKeys : selectedKey;\n const defaultSelection = isMultiple\n ? defaultSelectedKeys\n : defaultSelectedKey;\n\n if (selection !== undefined) {\n listStateProps.selectedKeys = toStatelySelection(selection, isMultiple);\n }\n\n if (defaultSelection !== undefined) {\n listStateProps.defaultSelectedKeys = toStatelySelection(\n defaultSelection,\n isMultiple,\n );\n }\n\n const listState = getValueSelectionState(useListState(listStateProps));\n\n useLayoutEffect(() => {\n const selected = listState.selectionManager.selectedKeys;\n if (selected && (selected as any).size > 0) {\n const first = Array.from(selected as Set<Key>)[0];\n lastSelectedKeyRef.current = first ?? null;\n }\n }, [listState.selectionManager.selectedKeys]);\n\n // Calculate select all state for multiple selection mode\n const selectAllState = useMemo(() => {\n // Select-all only makes sense for multiple selection mode and* when the UI is enabled\n if (props.selectionMode !== 'multiple' \|\| !showSelectAll) {\n return { isSelected: false, isIndeterminate: false };\n }\n\n // React Stately exposes the raw selection value which is either the string \"all\"\n // (when `selectAll()` was used) or a Set of item keys.\n const rawSelection: any = (listState.selectionManager as any).rawSelection;\n\n // Fast path – user pressed our \"Select All\" control previously.\n if (rawSelection === 'all') {\n return { isSelected: true, isIndeterminate: false };\n }\n\n const selectedKeys = listState.selectionManager.selectedKeys as Set<Key>;\n\n // When there is nothing selected, we are in a clear state\n if (selectedKeys.size === 0) {\n return { isSelected: false, isIndeterminate: false };\n }\n\n // Otherwise it must be a partial (indeterminate) selection.\n return { isSelected: false, isIndeterminate: true };\n }, [\n props.selectionMode,\n showSelectAll,\n listState.collection,\n listState.disabledKeys,\n listState.selectionManager.selectedKeys,\n listState.selectionManager.rawSelection,\n ]);\n\n // Handle select all click\n const handleSelectAllClick = (propagate?: boolean) => {\n if (isDisabled \|\| props.selectionMode !== 'multiple') return;\n\n if (selectAllState.isSelected) {\n // All selected, deselect all\n listState.selectionManager.clearSelection();\n // Manually call the wrapped handler since React Aria might not trigger it\n wrappedOnSelectionChange?.(new Set());\n } else {\n // Some or none selected, select all\n listState.selectionManager.selectAll();\n // Manually call the wrapped handler since React Aria might not trigger it\n wrappedOnSelectionChange?.('all');\n forceUpdate({});\n }\n\n if (propagate && !selectAllState.isSelected) {\n onOptionClick?.('__ALL__');\n }\n };\n\n // Track whether the last focus change was due to keyboard navigation\n const lastFocusSourceRef = useRef<'keyboard' \| 'mouse' \| 'other'>('other');\n\n // Expose the list state instance via the provided ref (if any)\n if (stateRef) {\n stateRef.current = {\n ...listState,\n lastFocusSourceRef,\n };\n }\n\n // Warn if isCheckable is false in single selection mode\n useWarn(isCheckable === false && props.selectionMode === 'single', {\n key: ['listbox-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 // Custom keyboard handling: `Escape` and `Tab` have to leave the list so a\n // surrounding overlay can close on the one and keep focus inside with the\n // other, while every other key stays contained. See\n // `allowOverlayKeysToPropagate`.\n const { keyboardProps } = useKeyboard({\n onKeyDown: (e) => {\n allowOverlayKeysToPropagate(e);\n\n // Mark focus changes from keyboard navigation\n if (\n e.key === 'ArrowDown' \|\|\n e.key === 'ArrowUp' \|\|\n e.key === 'Home' \|\|\n e.key === 'End' \|\|\n e.key === 'PageUp' \|\|\n e.key === 'PageDown'\n ) {\n lastFocusSourceRef.current = 'keyboard';\n }\n\n if (e.key === 'Escape') {\n // Called to potentially override the default selection clearing.\n onEscape?.();\n }\n },\n });\n\n styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n ref = useCombinedRefs(ref);\n listRef = useCombinedRefs(listRef);\n\n // ----- Collection and virtualization decision (must precede useListBox) -----\n const itemsArray = useMemo(\n () => [...listState.collection],\n [listState.collection],\n );\n\n const hasSections = useMemo(\n () => itemsArray.some((i) => i.type === 'section'),\n [itemsArray],\n );\n\n const shouldVirtualize = !hasSections && !isReorderable;\n\n const { listBoxProps, labelProps } = useListBox(\n {\n ...props,\n id: id,\n // Only disable isVirtualized for reorderable lists (DnD needs real DOM focus).\n // Section-based lists keep isVirtualized: true to preserve ARIA attributes.\n isVirtualized: !isReorderable,\n shouldUseVirtualFocus: shouldUseVirtualFocus ?? false,\n escapeKeyBehavior: onEscape ? 'none' : 'clearSelection',\n onSelectionChange: wrappedOnSelectionChange,\n },\n listState,\n listRef,\n );\n\n const { isFocused, focusProps } = useFocus();\n\n // The focused key outlives focus, so an option shows as focused only while\n // the list has it. A component whose input moves the key (FilterListBox)\n // says whether focus is within it, in any focus mode. Otherwise the list's\n // own focus decides, and with virtual focus the focused key alone marks it.\n const isListFocused =\n isFocusWithin ??\n (shouldUseVirtualFocus \|\| listState.selectionManager.isFocused);\n\n // Scroll container ref for virtualization\n const scrollRef = useRef<HTMLDivElement>(null);\n\n const rowVirtualizer = useVirtualizer({\n count: shouldVirtualize ? itemsArray.length : 0,\n getScrollElement: () => scrollRef.current,\n // Use the actual item key to ensure React properly reconciles DOM elements\n // when items are filtered, added, or removed. Without this, the virtualizer\n // uses index-based keys which causes DOM reuse issues and style leaking.\n // A new key function makes the virtualizer recompute positions from the\n // heights it has measured per key. ListBox isn't compiled (useVirtualizer),\n // so that is every render. Reading `itemsArray` keeps new items bringing a\n // new function should it ever compile.\n getItemKey: (index: number) => itemsArray[index]?.key ?? index,\n estimateSize: (index: number) => {\n const currentItem: any = itemsArray[index];\n\n if (currentItem?.props?.description) {\n return SIZES.XL;\n }\n return SIZES[SIZE_NAME_TO_KEY[size] as keyof typeof SIZES];\n },\n // Options are positioned absolutely here, so their margins space nothing.\n // `1` matches the `1bw` default.\n gap: listGap ?? 1,\n overscan: 10,\n });\n\n // The virtualizer caches positions without the gap, so re-measure when it\n // changes. Not when the items do: their positions follow `getItemKey`, and\n // `measure()` would drop every measured height.\n useEffect(() => {\n if (shouldVirtualize) {\n rowVirtualizer.measure();\n }\n }, [shouldVirtualize, rowVirtualizer, listGap]);\n\n // Keep focused item visible, but only for keyboard navigation\n useLayoutEffect(() => {\n const focusedKey = listState.selectionManager.focusedKey;\n if (focusedKey == null) return;\n\n // Only scroll on keyboard navigation\n if (lastFocusSourceRef.current !== 'keyboard') return;\n\n const scrollElement = scrollRef.current;\n if (!scrollElement) return;\n\n const itemElement = scrollElement.querySelector(\n `[data-key=\"${CSS.escape(String(focusedKey))}\"]`,\n ) as HTMLElement;\n if (!itemElement) return;\n\n const scrollTop = scrollElement.scrollTop;\n const viewportHeight = scrollElement.clientHeight;\n const viewportBottom = scrollTop + viewportHeight;\n\n const itemRect = itemElement.getBoundingClientRect();\n const scrollRect = scrollElement.getBoundingClientRect();\n\n // Calculate item position relative to scroll container\n const itemTop = itemRect.top - scrollRect.top + scrollTop;\n const itemBottom = itemTop + itemRect.height;\n\n // Check if the item is fully visible in the viewport\n const isAlreadyVisible =\n itemTop >= scrollTop && itemBottom <= viewportBottom;\n\n if (!isAlreadyVisible) {\n // Use scrollIntoView with block: 'nearest' to minimize scroll jumps\n itemElement.scrollIntoView({ block: 'nearest', behavior: 'auto' });\n }\n }, [listState.selectionManager.focusedKey, itemsArray]);\n\n // Merge React Aria listbox props with custom keyboard props so both sets of\n // event handlers (e.g. Arrow navigation and our Escape handler) are\n // preserved.\n // `useListBox` takes no validation state, so the list would look invalid\n // without a screen reader ever hearing it.\n const mergedListBoxProps = mergeProps(listBoxProps, keyboardProps, {\n 'aria-invalid': isInvalid \|\| undefined,\n });\n\n // React Aria keeps a disabled list a Tab stop while no option has focus.\n if (isDisabled) {\n delete mergedListBoxProps.tabIndex;\n }\n\n // Ordered keys for DnD reordering\n const orderedKeys = useMemo(() => {\n if (!isReorderable) {\n return [];\n }\n\n return itemsArray\n .filter((i) => i.type === 'item')\n .map((i) => String(i.key));\n }, [isReorderable, itemsArray]);\n\n const mods = useMemo(\n () => ({\n ...getValidationMods({ isInvalid, isValid }),\n disabled: isDisabled,\n focused: isFocused,\n header: !!header \|\| (showSelectAll && props.selectionMode === 'multiple'),\n footer: !!footer,\n selectAll: showSelectAll && props.selectionMode === 'multiple',\n ...externalMods,\n }),\n [\n isInvalid,\n isValid,\n isDisabled,\n isFocused,\n header,\n footer,\n showSelectAll,\n props.selectionMode,\n externalMods,\n ],\n );\n\n const listGapTokens =\n listGap == null ? undefined : { '$list-gap': `${listGap}px` };\n\n const listBoxField = (\n <ListBoxWrapperElement\n ref={ref}\n qa=\"ListBoxWrapper\"\n mods={mods}\n styles={styles}\n data-shape={shape}\n >\n {header ? (\n <StyledHeader styles={headerStyles} data-size={size}>\n {header}\n </StyledHeader>\n ) : (\n <div role=\"presentation\" />\n )}\n {showSelectAll && props.selectionMode === 'multiple' ? (\n <SelectAllOption\n label={selectAllLabel}\n state={listState}\n lastFocusSourceRef={lastFocusSourceRef}\n isSelected={selectAllState.isSelected}\n isIndeterminate={selectAllState.isIndeterminate}\n isDisabled={isDisabled}\n isCheckable={isCheckable}\n size={size}\n allValueProps={allValueProps}\n onClick={handleSelectAllClick}\n />\n ) : (\n <>\n <div role=\"presentation\" />\n <div role=\"presentation\" />\n </>\n )}\n {/* Scroll container wrapper /}\n <ListBoxScrollElement ref={scrollRef} mods={mods} {...focusProps}>\n {listState.collection.size === 0 ? (\n <Item preset=\"t4\" color=\"#dark-03\" size={size} padding=\"(.5x - 1bw)\">\n {emptyLabel}\n </Item>\n ) : isReorderable ? (\n <DraggableListBox\n state={listState}\n listRef={listRef}\n orderedKeys={orderedKeys}\n onReorder={onReorder}\n >\n {(dragState, dropState, collectionProps) => (\n <ListElement\n qa={qa \|\| 'ListBox'}\n {...mergeProps(mergedListBoxProps, collectionProps)}\n ref={listRef}\n styles={listStyles}\n tokens={listGapTokens}\n aria-disabled={isDisabled \|\| undefined}\n mods={{ sections: false }}\n data-shape={shape}\n data-input-type=\"listbox\"\n >\n {itemsArray\n .filter((item) => item.type === 'item')\n .map((item) => (\n <Option\n key={item.key}\n size={size}\n item={item}\n state={listState}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n lastFocusSourceRef={lastFocusSourceRef}\n dragState={dragState}\n dropState={dropState}\n onClick={onOptionClick}\n />\n ))}\n </ListElement>\n )}\n </DraggableListBox>\n ) : (\n <ListElement\n qa={qa \|\| 'ListBox'}\n {...mergedListBoxProps}\n ref={listRef}\n styles={listStyles}\n tokens={listGapTokens}\n aria-disabled={isDisabled \|\| undefined}\n mods={{ sections: hasSections }}\n data-shape={shape}\n data-input-type=\"listbox\"\n style={\n shouldVirtualize\n ? {\n position: 'relative',\n height: `${rowVirtualizer.getTotalSize()}px`,\n }\n : undefined\n }\n >\n {shouldVirtualize\n ? rowVirtualizer.getVirtualItems().map((virtualItem) => {\n const item = itemsArray[virtualItem.index];\n\n return (\n <Option\n key={item.key}\n size={size}\n item={item}\n state={listState}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n // Measures the option's real height; the virtualizer adds the gap.\n virtualRef={rowVirtualizer.measureElement as any}\n virtualStyle={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n transform: `translateY(${virtualItem.start}px)`,\n }}\n virtualIndex={virtualItem.index}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />\n );\n })\n : (() => {\n const renderedItems: ReactNode[] = [];\n let isFirstSection = true;\n\n for (const item of listState.collection) {\n if (item.type === 'section') {\n if (!isFirstSection) {\n renderedItems.push(\n <StyledDivider\n key={`divider-${String(item.key)}`}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n renderedItems.push(\n <ListBoxSection\n key={item.key}\n item={item}\n state={listState}\n optionStyles={optionStyles}\n optionHighlight={optionHighlight}\n headingStyles={headingStyles}\n sectionStyles={sectionStyles}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n size={size}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />,\n );\n\n isFirstSection = false;\n } else {\n renderedItems.push(\n <Option\n key={item.key}\n size={size}\n item={item}\n state={listState}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />,\n );\n }\n }\n\n return renderedItems;\n })()}\n </ListElement>\n )}\n </ListBoxScrollElement>\n {footer ? (\n <StyledFooter styles={footerStyles} data-size={size}>\n {footer}\n </StyledFooter>\n ) : (\n <div role=\"presentation\" />\n )}\n </ListBoxWrapperElement>\n );\n\n return wrapWithField<Omit<CubeListBoxProps<T>, 'children'>>(\n listBoxField,\n ref,\n { ...props, labelProps: mergeAriaProps(labelProps, props.labelProps) },\n );\n}) as unknown as (<T>(\n props: CubeListBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & {\n Item: typeof CollectionItem;\n Section: typeof BaseSection;\n};\n\nfunction Option({\n size = 'medium',\n item,\n state,\n styles,\n highlight,\n isParentDisabled,\n isInvalid,\n isValid,\n focusOnHover = false,\n isListFocused = false,\n isCheckable,\n onClick: onOptionClick,\n virtualStyle,\n virtualRef,\n virtualIndex,\n lastFocusSourceRef,\n dragState,\n dropState,\n}: {\n size?: 'small' \| 'medium' \| 'large';\n item: any;\n state: any;\n styles?: Styles;\n highlight?: string;\n isParentDisabled?: boolean;\n isInvalid?: boolean;\n isValid?: boolean;\n focusOnHover?: boolean;\n /* Whether the list has focus, so its focused option shows as focused /\n isListFocused?: boolean;\n isCheckable?: boolean;\n onClick?: (key: Key) => void;\n /* Inline style applied when virtualized (absolute positioning etc.) /\n virtualStyle?: CSSProperties;\n /* react-virtual's `measureElement`, called with the option after every commit /\n virtualRef?: (element: HTMLElement \| null) => void;\n /* Virtual index from react-virtual for data-index attribute /\n virtualIndex?: number;\n /* Ref to track the source of focus changes /\n lastFocusSourceRef?: MutableRefObject<'keyboard' \| 'mouse' \| 'other'>;\n /* Drag state from DraggableCollection. When provided, enables drag-and-drop. /\n dragState?: DraggableCollectionState;\n /* Drop state from DraggableCollection. When provided, renders drop indicators. */\n dropState?: DroppableCollectionState;\n}) {\n const localRef = useRef<HTMLLIElement>(null);\n\n // Measure during the commit. After it, the browser can paint the option at\n // its estimated height first, overlapping the next one for a frame.\n useLayoutEffect(() => {\n virtualRef?.(localRef.current);\n });\n\n const isDisabled = isParentDisabled \|\| state.disabledKeys.has(item.key);\n const isSelected = state.selectionManager.isSelected(item.key);\n\n // Drag-and-drop support — only enable when both states are provided\n const isDraggable = !!dragState && !!dropState;\n\n // useDraggableItem must be called unconditionally (Rules of Hooks).\n // When dragState is undefined, we pass a minimal mock state to satisfy the hook.\n const mockDragState = useMemo(\n () => createMockDragState(state.collection, state.selectionManager),\n [state.collection, state.selectionManager],\n );\n\n const dragResult = useDraggableItem(\n { key: item.key },\n dragState ?? mockDragState,\n );\n const effectiveDragProps = isDraggable ? dragResult.dragProps : {};\n const isDragging = isDraggable && !!dragState?.isDragging(item.key);\n\n const { hoverProps, isHovered } = useHover({ isDisabled });\n\n const { optionProps, isPressed, labelProps, descriptionProps } = useOption(\n {\n key: item.key,\n isDisabled,\n isSelected,\n shouldSelectOnPressUp: true,\n shouldFocusOnHover: focusOnHover,\n },\n state,\n localRef,\n );\n\n const isFocused =\n !isDisabled &&\n isListFocused &&\n state.selectionManager.focusedKey === item.key;\n\n // Filter out service props - all remaining props can be passed to Item\n const filteredItemProps = filterSelectionItemProps(\n filterCollectionItemProps(item.props),\n );\n\n // Determine icon: drag handle > checkbox > user icon > default\n const effectiveIcon = useMemo(() => {\n if (isDraggable) {\n if (!filteredItemProps.icon \|\| isHovered) {\n return <GripVerticalIcon size={14} />;\n }\n }\n\n if (\n !isCheckable \|\|\n state.selectionManager.selectionMode !== 'multiple' \|\|\n filteredItemProps.icon\n ) {\n return (\n filteredItemProps.icon ??\n (state.selectionManager.selectionMode !== 'multiple' ? null : undefined)\n );\n }\n\n return renderCheckboxIcon({\n isSelected,\n isDisabled,\n isFocused,\n isHovered,\n isInvalid,\n isValid,\n });\n }, [\n isDraggable,\n isCheckable,\n state.selectionManager.selectionMode,\n isSelected,\n isDisabled,\n isFocused,\n isHovered,\n isInvalid,\n isValid,\n filteredItemProps.icon,\n ]);\n\n // Side-effects layered on top of React Aria's own onClick. The underlying\n // React Aria onClick is already chained via mergeProps below, so this handler\n // must NOT call optionProps.onClick again — re-invoking it would trigger\n // usePress's virtual-click branch and double-fire onPress (and toggle\n // selection twice in multiple mode).\n const handleOptionExtras = (e: MouseEvent) => {\n if (lastFocusSourceRef) {\n lastFocusSourceRef.current = 'mouse';\n }\n\n state.selectionManager.setFocusedKey(item.key);\n\n if (!onOptionClick) {\n return;\n }\n\n // In checkable multiple mode, suppress the callback when the click landed\n // inside the checkbox wrapper — that area is reserved for toggle-only\n // behaviour (React Aria still handles the toggle via the chained onClick).\n if (isCheckable && state.selectionManager.selectionMode === 'multiple') {\n const clickTarget = e.target as HTMLElement;\n const checkboxElement = localRef.current?.querySelector(\n '[data-element=\"CheckboxWrapper\"]',\n );\n\n if (\n checkboxElement &&\n (checkboxElement === clickTarget \|\|\n checkboxElement.contains(clickTarget))\n ) {\n return;\n }\n }\n\n onOptionClick(item.key);\n };\n\n // Filter out React Aria props that shouldn't reach the DOM\n const {\n onKeyDown,\n onKeyUp,\n tabIndex,\n 'aria-selected': ariaSelected,\n 'aria-disabled': ariaDisabled,\n role,\n ...filteredOptionProps\n } = filterSelectionItemProps(optionProps);\n\n const theme = getValidationTheme(\n 'default' as const,\n { isInvalid, isValid },\n { includeValid: true },\n );\n\n const listBoxItem = (\n <ListBoxItem\n ref={localRef}\n data-key={String(item.key)}\n {...mergeProps(\n filteredOptionProps,\n hoverProps,\n filteredItemProps,\n {\n onClick: handleOptionExtras,\n onKeyDown,\n onKeyUp,\n tabIndex,\n 'aria-selected': ariaSelected,\n 'aria-disabled': ariaDisabled,\n role,\n },\n effectiveDragProps,\n )}\n theme={theme}\n style={virtualStyle}\n data-size={size}\n data-index={virtualIndex}\n size={size}\n display={isDraggable ? 'grid' : undefined}\n isSelected={isSelected}\n isDisabled={isDisabled}\n icon={effectiveIcon}\n highlight={highlight}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n styles={mergeStyles(styles, filteredItemProps.styles)}\n defaultTooltipPlacement=\"right\"\n mods={{\n listboxitem: true,\n focused: isFocused,\n pressed: isPressed,\n dragging: isDragging,\n draggable: isDraggable,\n gripIcon: isDraggable && (!filteredItemProps.icon \|\| isHovered),\n valid: isSelected && !!isValid && !isInvalid,\n invalid: isSelected && !!isInvalid,\n checkable: isCheckable,\n hovered: isHovered,\n all: false, // This will be set to true for SelectAllOption\n }}\n >\n {item.rendered}\n </ListBoxItem>\n );\n\n if (!isDraggable \|\| !dropState) {\n return listBoxItem;\n }\n\n return (\n <>\n <ListBoxDropIndicator\n target={{ type: 'item', key: item.key, dropPosition: 'before' }}\n dropState={dropState}\n />\n {listBoxItem}\n <ListBoxDropIndicator\n target={{ type: 'item', key: item.key, dropPosition: 'after' }}\n dropState={dropState}\n />\n </>\n );\n}\n\n// =============================================================================\n// Drop Indicator for DnD reordering\n// =============================================================================\n\nfunction ListBoxDropIndicator({\n target,\n dropState,\n}: {\n target: DropTarget;\n dropState: DroppableCollectionState;\n}) {\n const ref = useRef<HTMLLIElement>(null);\n const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n { target },\n dropState,\n ref,\n );\n\n if (isHidden) {\n return null;\n }\n\n return (\n <ListBoxDropIndicatorElement\n ref={ref}\n role=\"option\"\n {...dropIndicatorProps}\n mods={{ 'drop-indicator': true, 'drop-target': isDropTarget }}\n >\n <div data-element=\"Indicator\" />\n </ListBoxDropIndicatorElement>\n );\n}\n\ninterface ListBoxSectionProps<T> {\n item: any;\n state: any;\n optionStyles?: Styles;\n optionHighlight?: string;\n headingStyles?: Styles;\n sectionStyles?: Styles;\n isParentDisabled?: boolean;\n isInvalid?: boolean;\n isValid?: boolean;\n focusOnHover?: boolean;\n isListFocused?: boolean;\n isCheckable?: boolean;\n onClick?: (key: Key) => void;\n size?: 'small' \| 'medium' \| 'large';\n lastFocusSourceRef?: MutableRefObject<'keyboard' \| 'mouse' \| 'other'>;\n}\n\nfunction ListBoxSection<T>(props: ListBoxSectionProps<T>) {\n const {\n item,\n state,\n optionStyles,\n optionHighlight,\n headingStyles,\n sectionStyles,\n isParentDisabled,\n isInvalid,\n isValid,\n focusOnHover,\n isListFocused,\n isCheckable,\n onClick: onOptionClick,\n lastFocusSourceRef,\n } = props;\n const heading = item.rendered;\n\n const { itemProps, headingProps, groupProps } = useListBoxSection({\n heading,\n 'aria-label': item['aria-label'],\n });\n\n return (\n <SectionWrapperElement {...itemProps} styles={sectionStyles}>\n {heading && (\n <StyledSectionHeading\n {...headingProps}\n size={props.size}\n styles={headingStyles}\n >\n {heading}\n </StyledSectionHeading>\n )}\n <SectionListElement {...groupProps}>\n {[...item.childNodes]\n .filter((node: any) => state.collection.getItem(node.key))\n .map((node: any) => (\n <Option\n key={node.key}\n size={props.size}\n item={node}\n state={state}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isParentDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />\n ))}\n </SectionListElement>\n </SectionWrapperElement>\n );\n}\n\ntype SectionComponent = typeof BaseSection;\n\nconst ListBoxSectionComponent = Object.assign(BaseSection, {\n displayName: 'Section',\n}) as SectionComponent;\n\nListBox.Item = CollectionItem;\n\nListBox.Section = ListBoxSectionComponent;\n\nObject.defineProperty(ListBox, 'cubeInputType', {\n value: 'ListBox',\n enumerable: false,\n configurable: false,\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"ListBox.js","names":["useHover","IconMinus","useVirtualizer","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","ForwardedRef","forwardRef","MutableRefObject","ReactElement","ReactNode","RefObject","useEffect","useLayoutEffect","useMemo","useRef","useState","AriaListBoxProps","DropTarget","useDraggableItem","useDropIndicator","useKeyboard","useListBox","useListBoxSection","useOption","Section","BaseSection","DraggableCollectionState","DroppableCollectionState","ListProps","useListState","useWarn","useI18n","CheckIcon","GripVerticalIcon","Icon","SIZE_NAME_TO_KEY","SIZES","mergeProps","useCombinedRefs","useFocus","allowOverlayKeysToPropagate","extractStyles","StyledDivider","StyledFooter","StyledHeader","StyledSectionHeading","CollectionItem","CubeCollectionItemProps","filterCollectionItemProps","filterSelectionItemProps","getValueSelectionState","Item","getValidationMods","getValidationTheme","useFieldProps","wrapWithField","createMockDragState","DraggableListBox","CollectionBase","Key","FieldBaseProps","ListBoxWrapperElement","qa","styles","display","gridColumns","gridRows","flow","gap","position","radius","color","transition","outline","focused","border","valid","invalid","disabled","ListElement","as","padding","listStyle","boxSizing","margin","height","ListBoxScrollElement","overflow","scrollbar","ListBoxItem","disableActionsFocus","all","outlineOffset","cursor","draggable","opacity","gripIcon","ListBoxDropIndicatorElement","zIndex","pointerEvents","Indicator","$","left","right","top","fill","SectionWrapperElement","SectionListElement","ListBoxCheckbox","placeItems","width","flexShrink","ListBoxCheckboxWrapper","placeContent","placeSelf","renderCheckboxIcon","isSelected","isDisabled","isFocused","isHovered","isInvalid","isValid","mods","selected","hovered","CubeListBoxProps","Omit","T","listStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectedKeys","defaultSelectedKey","defaultSelectedKeys","onSelectionChange","key","selectionMode","listRef","HTMLUListElement","disallowEmptySelection","allowDuplicateSelectionEvents","shouldFocusWrap","stateRef","focusOnHover","header","footer","headerStyles","footerStyles","Record","size","disableSelectionToggle","shouldUseVirtualFocus","isFocusWithin","onEscape","isCheckable","onOptionClick","showSelectAll","selectAllLabel","allValueProps","Partial","filter","nodes","Iterable","emptyLabel","shape","isReorderable","onReorder","newOrder","PROP_STYLES","SelectAllOption","label","isIndeterminate","state","lastFocusSourceRef","onClick","propagate","t","hoverProps","resolvedLabel","undefined","markIcon","localRef","HTMLLIElement","checkboxIcon","indeterminate","handleOptionClick","e","current","selectionManager","clickTarget","target","HTMLElement","checkboxElement","querySelector","contains","listboxitem","checkable","toStatelySelection","value","isMultiple","Set","ListBox","props","ref","HTMLDivElement","valuePropsMapper","onChange","fieldProps","Array","isArray","extra","id","labelStyles","isRequired","necessityIndicator","message","description","externalMods","labelSuffix","form","otherProps","forceUpdate","lastSelectedKeyRef","externalSelectionHandler","wrappedOnSelectionChange","keys","prevKey","from","listStateProps","disabledBehavior","selection","defaultSelection","listState","first","selectAllState","rawSelection","collection","disabledKeys","handleSelectAllClick","clearSelection","selectAll","args","keyboardProps","onKeyDown","itemsArray","hasSections","some","i","type","shouldVirtualize","listBoxProps","toString","isVirtualized","escapeKeyBehavior","focusProps","isListFocused","scrollRef","rowVirtualizer","count","length","getScrollElement","getItemKey","index","estimateSize","currentItem","XL","overscan","measure","focusedKey","scrollElement","itemElement","CSS","escape","String","scrollTop","viewportHeight","clientHeight","viewportBottom","itemRect","getBoundingClientRect","scrollRect","itemTop","itemBottom","isAlreadyVisible","scrollIntoView","block","behavior","mergedListBoxProps","tabIndex","orderedKeys","map","listGapTokens","listBoxField","dragState","dropState","collectionProps","sections","item","getTotalSize","getVirtualItems","virtualItem","measureElement","transform","start","renderedItems","isFirstSection","push","Option","highlight","isParentDisabled","virtualStyle","virtualRef","virtualIndex","element","has","isDraggable","mockDragState","dragResult","effectiveDragProps","dragProps","isDragging","optionProps","isPressed","labelProps","descriptionProps","shouldSelectOnPressUp","shouldFocusOnHover","filteredItemProps","effectiveIcon","icon","handleOptionExtras","MouseEvent","setFocusedKey","onKeyUp","ariaSelected","ariaDisabled","role","filteredOptionProps","theme","const","includeValid","listBoxItem","pressed","dragging","rendered","dropPosition","ListBoxDropIndicator","t0","_c","t1","dropIndicatorProps","isHidden","isDropTarget","t2","t3","Symbol","for","t4","ListBoxSectionProps","ListBoxSection","heading","itemProps","headingProps","groupProps","childNodes","node","getItem","node_0","t5","t6","SectionComponent","ListBoxSectionComponent","Object","assign","displayName","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/ListBox/ListBox.tsx"],"sourcesContent":["import { useHover } from '@react-aria/interactions';\nimport { IconMinus } from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n BASE_STYLES,\n BasePropsWithoutChildren,\n BaseStyleProps,\n COLOR_STYLES,\n ColorStyleProps,\n mergeStyles,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n CSSProperties,\n ForwardedRef,\n forwardRef,\n MutableRefObject,\n ReactElement,\n ReactNode,\n RefObject,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n AriaListBoxProps,\n DropTarget,\n useDraggableItem,\n useDropIndicator,\n useKeyboard,\n useListBox,\n useListBoxSection,\n useOption,\n} from 'react-aria';\nimport {\n Section as BaseSection,\n DraggableCollectionState,\n DroppableCollectionState,\n ListProps,\n useListState,\n} from 'react-stately';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { GripVerticalIcon } from '../../../icons/GripVerticalIcon';\nimport { Icon } from '../../../icons/Icon';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { extractStyles } from '../../../utils/styles';\n// Import Menu styled components for header and footer\nimport {\n StyledDivider,\n StyledFooter,\n StyledHeader,\n StyledSectionHeading,\n} from '../../actions/Menu/styled';\nimport {\n CollectionItem,\n CubeCollectionItemProps,\n filterCollectionItemProps,\n filterSelectionItemProps,\n getValueSelectionState,\n} from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\nimport {\n getValidationMods,\n getValidationTheme,\n useFieldProps,\n wrapWithField,\n} from '../../form';\nimport { createMockDragState } from '../../shared/DraggableCollection';\n\nimport { DraggableListBox } from './DraggableListBox';\n\nimport type { CollectionBase, Key } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\nconst ListBoxWrapperElement = tasty({\n qa: 'ListBox',\n styles: {\n display: 'grid',\n gridColumns: '1sf',\n gridRows: 'max-content max-content max-content 1sf max-content',\n flow: 'column',\n gap: 0,\n position: 'relative',\n radius: {\n '': '1cr',\n '[data-shape=\"popover\"]': '(1cr - 1bw)',\n '[data-shape=\"plain\"]': '0',\n },\n color: '#dark-02',\n transition: 'theme',\n outline: {\n '': '#purple-03.0',\n 'invalid & focused': '#danger.50',\n focused: '#purple-03',\n },\n border: {\n '': true,\n focused: '#primary-text',\n valid: '#success-text.50',\n invalid: '#danger-text.50',\n disabled: true,\n '[data-shape=\"plain\"] \| [data-shape=\"popover\"] \| searchable': false,\n },\n },\n});\n\nconst ListElement = tasty({\n as: 'ul',\n styles: {\n // The space between options. Set from `listGap`, which also hands the\n // same number to the virtualizer.\n '$list-gap': '1bw',\n display: 'block',\n // The space kept below the last option. Padding, so `listStyles` can take\n // it away, and outside the content box, where a virtualized list sets its\n // own height.\n padding: '.5x bottom',\n listStyle: 'none',\n boxSizing: 'content-box',\n margin: {\n '': '.5x .5x 0 .5x',\n '[data-shape=\"plain\"]': '0',\n },\n height: 'max-content',\n },\n});\n\n// NEW: dedicated scroll container for ListBox\nconst ListBoxScrollElement = tasty({\n as: 'div',\n styles: {\n display: 'grid',\n gridColumns: '1sf',\n gridRows: '1sf',\n overflow: 'auto',\n scrollbar: 'styled',\n },\n});\n\n// Create an extended Item for ListBox options with 'all' modifier support\nconst ListBoxItem = tasty(Item, {\n as: 'li',\n disableActionsFocus: true,\n styles: {\n display: 'grid',\n margin: {\n '': '$list-gap bottom',\n // Mid-drag the last option is followed by a drop indicator, which takes\n // the gap back (`ListBoxDropIndicatorElement`). Not `:has(~ …)`: see\n // AGENTS.md → Styling.\n ':last-child': '0',\n all: '.5x',\n },\n // Inside the option: options sit a hairline apart, so a ring outside one\n // would cover its neighbour, and the scroll box would clip it at the edges.\n outlineOffset: '-1bw',\n Icon: {\n cursor: {\n draggable: 'grab',\n },\n opacity: {\n gripIcon: '.4',\n 'gripIcon & hovered': '1',\n },\n transition: {\n draggable: 'opacity',\n },\n },\n },\n});\n\n// Horizontal drop indicator for DnD reordering\nconst ListBoxDropIndicatorElement = tasty({\n as: 'li',\n styles: {\n zIndex: 10,\n position: 'relative',\n pointerEvents: 'none',\n height: 0,\n // After the last option: cancels the `$list-gap` that option keeps while\n // it is not the last child, so the list holds its height mid-drag. An\n // `optionStyles` margin replaces that gap, and this then overshoots.\n margin: {\n '': 0,\n ':last-child': '(-1 * $list-gap) top',\n },\n opacity: {\n '': 0,\n 'drop-target': 1,\n },\n\n Indicator: {\n $: '>',\n position: 'absolute',\n left: '.5x',\n right: '.5x',\n // Centred in the gap between two options, or on the edge of the list.\n top: {\n '': '(-1px - $list-gap / 2)',\n ':first-child \| :last-child': '-1px',\n },\n height: '2px',\n fill: '#primary',\n radius: 'round',\n },\n },\n});\n\nconst SectionWrapperElement = tasty({\n as: 'li',\n styles: {\n display: 'block',\n },\n});\n\nconst SectionListElement = tasty({\n qa: 'ListBoxSectionList',\n as: 'ul',\n styles: {\n display: 'flex',\n gap: '0',\n flow: 'column',\n margin: '0',\n padding: '0',\n listStyle: 'none',\n },\n});\n\n// Checkbox component for multiple selection options\nconst ListBoxCheckbox = tasty({\n as: 'div',\n styles: {\n display: 'grid',\n placeItems: 'center',\n radius: '.5r',\n width: '(2x - 2bw)',\n height: '(2x - 2bw)',\n flexShrink: 0,\n transition: 'theme',\n opacity: {\n '': 0,\n 'selected \| indeterminate \| hovered \| focused': 1,\n },\n fill: {\n '': '#surface',\n 'selected \| indeterminate': '#primary',\n 'invalid & !(selected \| indeterminate)': '#surface',\n 'invalid & (selected \| indeterminate)': '#danger',\n disabled: '#dark.12',\n },\n color: {\n '': '#clear',\n 'selected \| indeterminate': '#white',\n },\n border: {\n '': '#dark.30',\n invalid: '#danger',\n 'disabled \| ((selected \| indeterminate) & !invalid)': '#clear',\n },\n },\n});\n\nconst ListBoxCheckboxWrapper = tasty({\n as: 'div',\n styles: {\n display: 'grid',\n placeItems: 'center',\n placeContent: 'center',\n cursor: '$pointer',\n placeSelf: 'stretch',\n },\n});\n\nfunction renderCheckboxIcon({\n isSelected,\n isDisabled,\n isFocused,\n isHovered,\n isInvalid,\n isValid,\n}: {\n isSelected: boolean;\n isDisabled: boolean;\n isFocused: boolean;\n isHovered: boolean;\n isInvalid?: boolean;\n isValid?: boolean;\n}) {\n const mods = {\n selected: isSelected,\n disabled: isDisabled,\n focused: isFocused,\n hovered: isHovered,\n ...getValidationMods({ isInvalid, isValid }),\n };\n\n return (\n <ListBoxCheckboxWrapper data-element=\"CheckboxWrapper\" mods={mods}>\n <ListBoxCheckbox data-element=\"Checkbox\" mods={mods}>\n <CheckIcon size={12} stroke={3} />\n </ListBoxCheckbox>\n </ListBoxCheckboxWrapper>\n );\n}\n\nexport interface CubeListBoxProps<T>\n extends Omit<\n AriaListBoxProps<T>,\n 'autoFocus' \| 'selectedKeys' \| 'defaultSelectedKeys' \| 'onSelectionChange'\n >,\n CollectionBase<T>,\n FieldBaseProps<Key \| readonly Key[] \| null \| undefined>,\n BasePropsWithoutChildren,\n // The style props `PROP_STYLES` extracts at runtime and the docs list;\n // without these a `height` or `width` worked but failed to type-check.\n BaseStyleProps,\n OuterStyleProps,\n ColorStyleProps {\n /** Custom styles for the list container /\n listStyles?: Styles;\n /* Custom styles for individual options /\n optionStyles?: Styles;\n /\n Substring to highlight within each option's (text) children. Typically the\n * current search query. Matching is case-insensitive.\n /\n optionHighlight?: string;\n /* Custom styles for section containers /\n sectionStyles?: Styles;\n /* Custom styles for section headings /\n headingStyles?: Styles;\n /\n Space between options, in pixels. Defaults to a hairline (`1bw`). It\n * applies to flat, virtualized, sectioned and reorderable lists alike.\n /\n listGap?: number;\n /* Whether the ListBox is disabled /\n isDisabled?: boolean;\n /* The selected key in controlled single selection mode /\n selectedKey?: Key \| null;\n /* The selected keys in controlled multiple selection mode. Use \"all\" to select all items or an array of keys /\n selectedKeys?: 'all' \| Key[];\n /* The default selected key in uncontrolled single selection mode /\n defaultSelectedKey?: Key \| null;\n /* The default selected keys in uncontrolled multiple selection mode. Use \"all\" to select all items or an array of keys /\n defaultSelectedKeys?: 'all' \| Key[];\n /* Callback fired when selection changes /\n onSelectionChange?: (key: Key \| null \| 'all' \| Key[]) => void;\n /* The selection mode of the ListBox /\n selectionMode?: 'single' \| 'multiple';\n /* Ref for accessing the list DOM element /\n listRef?: RefObject<HTMLUListElement \| null>;\n /* Whether to disallow empty selection /\n disallowEmptySelection?: boolean;\n /\n Whether `onSelectionChange` should fire even when the new selection equals the\n * current one (e.g. re-selecting the already-selected item with `disallowEmptySelection`).\n * React Stately suppresses such duplicate events by default. Popover-based wrappers\n * (Picker, FilterPicker) rely on the duplicate event to close the popover on re-select.\n /\n allowDuplicateSelectionEvents?: boolean;\n /* Whether to wrap focus when reaching the end of the list /\n shouldFocusWrap?: boolean;\n /\n Ref to access the internal ListState instance.\n * This allows parent components to access selection state and other list functionality.\n /\n stateRef?: RefObject<any \| null>;\n\n /\n Whether moving the pointer over an option will move DOM focus to that option.\n * Set to false for components that keep DOM focus outside (e.g. searchable FilterListBox).\n * Defaults to true.\n /\n focusOnHover?: boolean;\n /* Custom header content displayed above the list /\n header?: ReactNode;\n /* Custom footer content displayed below the list /\n footer?: ReactNode;\n /* Custom styles for the header /\n headerStyles?: Styles;\n /* Custom styles for the footer /\n footerStyles?: Styles;\n /* Additional modifiers for styling the ListBox /\n mods?: Record<string, boolean>;\n /* Size variant of the ListBox /\n size?: 'small' \| 'medium' \| 'large';\n\n /\n When `true`, clicking an already-selected item keeps it selected instead of toggling it off.\n * Useful when embedding ListBox inside components like ComboBox.\n /\n disableSelectionToggle?: boolean;\n\n /\n Whether to use virtual focus for keyboard navigation.\n * When true, DOM focus stays outside individual option elements (useful for searchable lists).\n * Defaults to false for backward compatibility.\n /\n shouldUseVirtualFocus?: boolean;\n\n /\n For a list whose focused option is moved from an input outside it, as\n * FilterListBox's search input does: whether focus is within that input's\n * component. The focused option is marked only while it is `true`. Unset, the\n * list's own focus decides, and with `shouldUseVirtualFocus` the focused\n * option is always marked.\n /\n isFocusWithin?: boolean;\n\n /\n Callback fired when the user presses Escape key.\n * When provided, this prevents React Aria's default Escape behavior (selection reset).\n /\n onEscape?: () => void;\n\n /\n Whether to show checkboxes for multiple selection mode.\n * This adds a checkbox icon to the left of each option.\n /\n isCheckable?: boolean;\n\n /\n Callback fired when an option is clicked but not on the checkbox area.\n * Used by FilterPicker to close the popover on non-checkbox clicks.\n /\n onOptionClick?: (key: Key) => void;\n\n /\n Whether to show the \"Select All\" option in multiple selection mode.\n * This adds a select all option to the header that allows selecting/deselecting all items.\n /\n showSelectAll?: boolean;\n\n /\n Label for the \"Select All\" option. Defaults to \"Select All\".\n /\n selectAllLabel?: ReactNode;\n\n /\n Props to apply to the \"Select All\" option.\n /\n allValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n /\n Filter function to apply to the collection nodes.\n * Takes an iterable of nodes and returns a filtered iterable.\n * Useful for implementing search/filter functionality.\n /\n filter?: (nodes: Iterable<any>) => Iterable<any>;\n\n /\n Label to display when the list is empty (no items available).\n * Defaults to \"No items\".\n /\n emptyLabel?: ReactNode;\n\n /\n Visual shape of the ListBox styling.\n * - `card` (default): Standard card styling with border and margin\n * - `plain`: No border, no margin, no radius - suitable for embedded use\n * - `popover`: No border, but keeps margin and radius - suitable for overlay use\n * Defaults to 'card'.\n /\n shape?: 'card' \| 'plain' \| 'popover';\n\n /\n Enable drag-and-drop reordering of list items.\n * When enabled, virtualization is disabled and each item gets a drag handle.\n * @default false\n /\n isReorderable?: boolean;\n\n /\n Callback when items are reordered via drag-and-drop.\n * Called with the new array of item keys in their new order.\n /\n onReorder?: (newOrder: string[]) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nconst SelectAllOption = ({\n label,\n isSelected,\n isIndeterminate,\n isDisabled,\n isCheckable,\n size = 'medium',\n state,\n lastFocusSourceRef,\n onClick,\n allValueProps = {},\n}: {\n label?: ReactNode;\n isSelected: boolean;\n isIndeterminate: boolean;\n isDisabled?: boolean;\n isCheckable?: boolean;\n size?: 'small' \| 'medium' \| 'large';\n state: any;\n lastFocusSourceRef: MutableRefObject<'keyboard' \| 'mouse' \| 'other'>;\n onClick: (propagate?: boolean) => void;\n allValueProps?: Partial<CubeCollectionItemProps<any>>;\n}) => {\n const { t } = useI18n();\n const { hoverProps, isHovered } = useHover({ isDisabled });\n const resolvedLabel =\n label === '' \|\| label === undefined \|\| label === null\n ? t('listBox.selectAll', 'Select All')\n : label;\n\n const markIcon = isIndeterminate ? (\n <Icon size={12} stroke={3} aria-hidden=\"true\">\n <IconMinus />\n </Icon>\n ) : (\n <CheckIcon size={12} stroke={3} />\n );\n\n const localRef = useRef<HTMLLIElement>(null);\n\n // Create checkbox icon for select all option\n const checkboxIcon = useMemo(() => {\n if (!isCheckable) {\n return null;\n }\n\n return (\n <ListBoxCheckboxWrapper\n data-element=\"CheckboxWrapper\"\n mods={{\n selected: isSelected,\n disabled: isDisabled,\n hovered: isHovered,\n indeterminate: isIndeterminate,\n }}\n >\n <ListBoxCheckbox\n data-element=\"Checkbox\"\n mods={{\n selected: isSelected,\n disabled: isDisabled,\n hovered: isHovered,\n indeterminate: isIndeterminate,\n }}\n >\n {(isIndeterminate \|\| isSelected) && markIcon}\n </ListBoxCheckbox>\n </ListBoxCheckboxWrapper>\n );\n }, [\n isCheckable,\n isSelected,\n isDisabled,\n isHovered,\n isIndeterminate,\n markIcon,\n ]);\n\n const handleOptionClick = (e) => {\n // Mark focus changes from mouse clicks\n if (lastFocusSourceRef) {\n lastFocusSourceRef.current = 'mouse';\n }\n\n // If there's an onOptionClick callback and this is checkable in multiple mode,\n // we need to distinguish between checkbox and content clicks\n if (state.selectionManager.selectionMode === 'multiple') {\n // Check if the click target is within the checkbox area\n const clickTarget = e.target as HTMLElement;\n const checkboxElement = localRef.current?.querySelector(\n '[data-element=\"CheckboxWrapper\"]',\n );\n\n if (\n checkboxElement &&\n (checkboxElement === clickTarget \|\|\n checkboxElement.contains(clickTarget))\n ) {\n onClick?.(false);\n } else {\n // Then call the callback (which will close the popover in FilterPicker)\n onClick?.(true);\n }\n } else {\n onClick?.(true);\n }\n };\n\n return (\n <>\n <ListBoxItem\n ref={localRef}\n data-size={size}\n size={size}\n role=\"option\"\n aria-selected={isSelected}\n isSelected={isSelected}\n isDisabled={isDisabled}\n icon={checkboxIcon}\n mods={{\n listboxitem: true,\n disabled: isDisabled,\n checkable: isCheckable,\n hovered: isHovered,\n indeterminate: isIndeterminate,\n all: true, // Important: this preserves the 'all' modifier\n }}\n {...mergeProps(hoverProps, allValueProps, {\n onClick: handleOptionClick,\n })}\n >\n {resolvedLabel}\n </ListBoxItem>\n <StyledDivider />\n </>\n );\n};\n\n/\n A public selection prop as the Set-based value React Stately expects: a key\n * array (or `'all'`, passed through) in multiple mode, a single key (or\n * `null` for none) in single mode.\n /\nfunction toStatelySelection(\n value: 'all' \| Key[] \| Key \| null,\n isMultiple: boolean,\n): 'all' \| Set<Key> {\n if (isMultiple) {\n return value === 'all' ? 'all' : new Set(value as Key[]);\n }\n\n return value == null ? new Set() : new Set([value as Key]);\n}\n\nexport const ListBox = forwardRef(function ListBox<T extends object>(\n props: CubeListBoxProps<T>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n props = useFieldProps(props, {\n valuePropsMapper: ({ value, onChange }) => {\n const fieldProps: any = {};\n\n if (props.selectionMode === 'multiple') {\n fieldProps.selectedKeys = value \|\| [];\n } else {\n fieldProps.selectedKey = value ?? null;\n }\n\n fieldProps.onSelectionChange = (key: any) => {\n if (props.selectionMode === 'multiple') {\n onChange(key ? (Array.isArray(key) ? key : [key]) : []);\n } else {\n onChange(Array.isArray(key) ? key[0] : key);\n }\n };\n\n return fieldProps;\n },\n });\n\n const { t } = useI18n();\n\n let {\n qa,\n label,\n extra,\n id,\n labelStyles,\n isRequired,\n necessityIndicator,\n isInvalid,\n isValid,\n isDisabled,\n listStyles,\n optionStyles,\n optionHighlight,\n sectionStyles,\n headingStyles,\n listGap,\n listRef,\n message,\n description,\n styles,\n mods: externalMods,\n size = 'medium',\n labelSuffix,\n selectedKey,\n defaultSelectedKey,\n selectedKeys,\n defaultSelectedKeys,\n shouldUseVirtualFocus,\n isFocusWithin,\n onSelectionChange,\n disableSelectionToggle = false,\n allowDuplicateSelectionEvents,\n stateRef,\n focusOnHover,\n header,\n footer,\n headerStyles,\n footerStyles,\n onEscape,\n isCheckable,\n onOptionClick,\n showSelectAll,\n selectAllLabel,\n allValueProps,\n filter,\n emptyLabel = t('listBox.noItems', 'No items'),\n shape = 'card',\n isReorderable = false,\n onReorder,\n form,\n ...otherProps\n } = props;\n\n const [, forceUpdate] = useState({});\n const lastSelectedKeyRef = useRef<Key \| null>(null);\n\n // Wrap onSelectionChange to prevent selection when disabled and handle React Aria's Set format\n const externalSelectionHandler = onSelectionChange \|\| (props as any).onChange;\n\n const wrappedOnSelectionChange = useMemo(() => {\n if (!externalSelectionHandler) return undefined;\n\n return (keys: any) => {\n // Don't allow selection changes when disabled\n if (isDisabled) {\n return;\n }\n\n // React Aria always passes a Set for selection changes\n // Handle the special \"all\" case and convert to our public API format\n if (keys === 'all') {\n externalSelectionHandler('all');\n } else if (keys instanceof Set) {\n if (keys.size === 0) {\n if (disableSelectionToggle && props.selectionMode === 'single') {\n const prevKey = lastSelectedKeyRef.current;\n if (prevKey != null) {\n externalSelectionHandler(prevKey);\n return;\n }\n }\n externalSelectionHandler(\n props.selectionMode === 'multiple' ? [] : null,\n );\n } else if (props.selectionMode === 'multiple') {\n externalSelectionHandler(Array.from(keys));\n } else {\n const key = Array.from(keys)[0];\n lastSelectedKeyRef.current = key ?? null;\n externalSelectionHandler(key);\n }\n } else {\n lastSelectedKeyRef.current = keys as Key \| null;\n externalSelectionHandler(keys);\n }\n };\n }, [\n externalSelectionHandler,\n isDisabled,\n props.selectionMode,\n disableSelectionToggle,\n ]);\n\n // Prepare props for useListState with correct selection props\n const listStateProps: ListProps<T> = {\n ...props,\n onSelectionChange: wrappedOnSelectionChange,\n disabledBehavior: 'all',\n filter,\n selectionMode: props.selectionMode \|\| 'single',\n allowDuplicateSelectionEvents,\n };\n\n // Set selection props based on mode: the array props in multiple mode, the\n // scalar key props in single mode.\n const isMultiple = listStateProps.selectionMode === 'multiple';\n const selection = isMultiple ? selectedKeys : selectedKey;\n const defaultSelection = isMultiple\n ? defaultSelectedKeys\n : defaultSelectedKey;\n\n if (selection !== undefined) {\n listStateProps.selectedKeys = toStatelySelection(selection, isMultiple);\n }\n\n if (defaultSelection !== undefined) {\n listStateProps.defaultSelectedKeys = toStatelySelection(\n defaultSelection,\n isMultiple,\n );\n }\n\n const listState = getValueSelectionState(useListState(listStateProps));\n\n useLayoutEffect(() => {\n const selected = listState.selectionManager.selectedKeys;\n if (selected && (selected as any).size > 0) {\n const first = Array.from(selected as Set<Key>)[0];\n lastSelectedKeyRef.current = first ?? null;\n }\n }, [listState.selectionManager.selectedKeys]);\n\n // Calculate select all state for multiple selection mode\n const selectAllState = useMemo(() => {\n // Select-all only makes sense for multiple selection mode and* when the UI is enabled\n if (props.selectionMode !== 'multiple' \|\| !showSelectAll) {\n return { isSelected: false, isIndeterminate: false };\n }\n\n // React Stately exposes the raw selection value which is either the string \"all\"\n // (when `selectAll()` was used) or a Set of item keys.\n const rawSelection: any = (listState.selectionManager as any).rawSelection;\n\n // Fast path – user pressed our \"Select All\" control previously.\n if (rawSelection === 'all') {\n return { isSelected: true, isIndeterminate: false };\n }\n\n const selectedKeys = listState.selectionManager.selectedKeys as Set<Key>;\n\n // When there is nothing selected, we are in a clear state\n if (selectedKeys.size === 0) {\n return { isSelected: false, isIndeterminate: false };\n }\n\n // Otherwise it must be a partial (indeterminate) selection.\n return { isSelected: false, isIndeterminate: true };\n }, [\n props.selectionMode,\n showSelectAll,\n listState.collection,\n listState.disabledKeys,\n listState.selectionManager.selectedKeys,\n listState.selectionManager.rawSelection,\n ]);\n\n // Handle select all click\n const handleSelectAllClick = (propagate?: boolean) => {\n if (isDisabled \|\| props.selectionMode !== 'multiple') return;\n\n if (selectAllState.isSelected) {\n // All selected, deselect all\n listState.selectionManager.clearSelection();\n // Manually call the wrapped handler since React Aria might not trigger it\n wrappedOnSelectionChange?.(new Set());\n } else {\n // Some or none selected, select all\n listState.selectionManager.selectAll();\n // Manually call the wrapped handler since React Aria might not trigger it\n wrappedOnSelectionChange?.('all');\n forceUpdate({});\n }\n\n if (propagate && !selectAllState.isSelected) {\n onOptionClick?.('__ALL__');\n }\n };\n\n // Track whether the last focus change was due to keyboard navigation\n const lastFocusSourceRef = useRef<'keyboard' \| 'mouse' \| 'other'>('other');\n\n // Expose the list state instance via the provided ref (if any)\n if (stateRef) {\n stateRef.current = {\n ...listState,\n lastFocusSourceRef,\n };\n }\n\n // Warn if isCheckable is false in single selection mode\n useWarn(isCheckable === false && props.selectionMode === 'single', {\n key: ['listbox-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 // Custom keyboard handling: `Escape` and `Tab` have to leave the list so a\n // surrounding overlay can close on the one and keep focus inside with the\n // other, while every other key stays contained. See\n // `allowOverlayKeysToPropagate`.\n const { keyboardProps } = useKeyboard({\n onKeyDown: (e) => {\n allowOverlayKeysToPropagate(e);\n\n // Mark focus changes from keyboard navigation\n if (\n e.key === 'ArrowDown' \|\|\n e.key === 'ArrowUp' \|\|\n e.key === 'Home' \|\|\n e.key === 'End' \|\|\n e.key === 'PageUp' \|\|\n e.key === 'PageDown'\n ) {\n lastFocusSourceRef.current = 'keyboard';\n }\n\n if (e.key === 'Escape') {\n // Called to potentially override the default selection clearing.\n onEscape?.();\n }\n },\n });\n\n styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n ref = useCombinedRefs(ref);\n listRef = useCombinedRefs(listRef);\n\n // ----- Collection and virtualization decision (must precede useListBox) -----\n const itemsArray = useMemo(\n () => [...listState.collection],\n [listState.collection],\n );\n\n const hasSections = useMemo(\n () => itemsArray.some((i) => i.type === 'section'),\n [itemsArray],\n );\n\n const shouldVirtualize = !hasSections && !isReorderable;\n\n const { listBoxProps } = useListBox(\n {\n ...props,\n id: id,\n 'aria-label': props['aria-label'] \|\| label?.toString(),\n // Only disable isVirtualized for reorderable lists (DnD needs real DOM focus).\n // Section-based lists keep isVirtualized: true to preserve ARIA attributes.\n isVirtualized: !isReorderable,\n shouldUseVirtualFocus: shouldUseVirtualFocus ?? false,\n escapeKeyBehavior: onEscape ? 'none' : 'clearSelection',\n onSelectionChange: wrappedOnSelectionChange,\n },\n listState,\n listRef,\n );\n\n const { isFocused, focusProps } = useFocus();\n\n // The focused key outlives focus, so an option shows as focused only while\n // the list has it. A component whose input moves the key (FilterListBox)\n // says whether focus is within it, in any focus mode. Otherwise the list's\n // own focus decides, and with virtual focus the focused key alone marks it.\n const isListFocused =\n isFocusWithin ??\n (shouldUseVirtualFocus \|\| listState.selectionManager.isFocused);\n\n // Scroll container ref for virtualization\n const scrollRef = useRef<HTMLDivElement>(null);\n\n const rowVirtualizer = useVirtualizer({\n count: shouldVirtualize ? itemsArray.length : 0,\n getScrollElement: () => scrollRef.current,\n // Use the actual item key to ensure React properly reconciles DOM elements\n // when items are filtered, added, or removed. Without this, the virtualizer\n // uses index-based keys which causes DOM reuse issues and style leaking.\n // A new key function makes the virtualizer recompute positions from the\n // heights it has measured per key. ListBox isn't compiled (useVirtualizer),\n // so that is every render. Reading `itemsArray` keeps new items bringing a\n // new function should it ever compile.\n getItemKey: (index: number) => itemsArray[index]?.key ?? index,\n estimateSize: (index: number) => {\n const currentItem: any = itemsArray[index];\n\n if (currentItem?.props?.description) {\n return SIZES.XL;\n }\n return SIZES[SIZE_NAME_TO_KEY[size] as keyof typeof SIZES];\n },\n // Options are positioned absolutely here, so their margins space nothing.\n // `1` matches the `1bw` default.\n gap: listGap ?? 1,\n overscan: 10,\n });\n\n // The virtualizer caches positions without the gap, so re-measure when it\n // changes. Not when the items do: their positions follow `getItemKey`, and\n // `measure()` would drop every measured height.\n useEffect(() => {\n if (shouldVirtualize) {\n rowVirtualizer.measure();\n }\n }, [shouldVirtualize, rowVirtualizer, listGap]);\n\n // Keep focused item visible, but only for keyboard navigation\n useLayoutEffect(() => {\n const focusedKey = listState.selectionManager.focusedKey;\n if (focusedKey == null) return;\n\n // Only scroll on keyboard navigation\n if (lastFocusSourceRef.current !== 'keyboard') return;\n\n const scrollElement = scrollRef.current;\n if (!scrollElement) return;\n\n const itemElement = scrollElement.querySelector(\n `[data-key=\"${CSS.escape(String(focusedKey))}\"]`,\n ) as HTMLElement;\n if (!itemElement) return;\n\n const scrollTop = scrollElement.scrollTop;\n const viewportHeight = scrollElement.clientHeight;\n const viewportBottom = scrollTop + viewportHeight;\n\n const itemRect = itemElement.getBoundingClientRect();\n const scrollRect = scrollElement.getBoundingClientRect();\n\n // Calculate item position relative to scroll container\n const itemTop = itemRect.top - scrollRect.top + scrollTop;\n const itemBottom = itemTop + itemRect.height;\n\n // Check if the item is fully visible in the viewport\n const isAlreadyVisible =\n itemTop >= scrollTop && itemBottom <= viewportBottom;\n\n if (!isAlreadyVisible) {\n // Use scrollIntoView with block: 'nearest' to minimize scroll jumps\n itemElement.scrollIntoView({ block: 'nearest', behavior: 'auto' });\n }\n }, [listState.selectionManager.focusedKey, itemsArray]);\n\n // Merge React Aria listbox props with custom keyboard props so both sets of\n // event handlers (e.g. Arrow navigation and our Escape handler) are\n // preserved.\n // `useListBox` takes no validation state, so the list would look invalid\n // without a screen reader ever hearing it.\n const mergedListBoxProps = mergeProps(listBoxProps, keyboardProps, {\n 'aria-invalid': isInvalid \|\| undefined,\n });\n\n // React Aria keeps a disabled list a Tab stop while no option has focus.\n if (isDisabled) {\n delete mergedListBoxProps.tabIndex;\n }\n\n // Ordered keys for DnD reordering\n const orderedKeys = useMemo(() => {\n if (!isReorderable) {\n return [];\n }\n\n return itemsArray\n .filter((i) => i.type === 'item')\n .map((i) => String(i.key));\n }, [isReorderable, itemsArray]);\n\n const mods = useMemo(\n () => ({\n ...getValidationMods({ isInvalid, isValid }),\n disabled: isDisabled,\n focused: isFocused,\n header: !!header \|\| (showSelectAll && props.selectionMode === 'multiple'),\n footer: !!footer,\n selectAll: showSelectAll && props.selectionMode === 'multiple',\n ...externalMods,\n }),\n [\n isInvalid,\n isValid,\n isDisabled,\n isFocused,\n header,\n footer,\n showSelectAll,\n props.selectionMode,\n externalMods,\n ],\n );\n\n const listGapTokens =\n listGap == null ? undefined : { '$list-gap': `${listGap}px` };\n\n const listBoxField = (\n <ListBoxWrapperElement\n ref={ref}\n qa=\"ListBoxWrapper\"\n mods={mods}\n styles={styles}\n data-shape={shape}\n >\n {header ? (\n <StyledHeader styles={headerStyles} data-size={size}>\n {header}\n </StyledHeader>\n ) : (\n <div role=\"presentation\" />\n )}\n {showSelectAll && props.selectionMode === 'multiple' ? (\n <SelectAllOption\n label={selectAllLabel}\n state={listState}\n lastFocusSourceRef={lastFocusSourceRef}\n isSelected={selectAllState.isSelected}\n isIndeterminate={selectAllState.isIndeterminate}\n isDisabled={isDisabled}\n isCheckable={isCheckable}\n size={size}\n allValueProps={allValueProps}\n onClick={handleSelectAllClick}\n />\n ) : (\n <>\n <div role=\"presentation\" />\n <div role=\"presentation\" />\n </>\n )}\n {/* Scroll container wrapper /}\n <ListBoxScrollElement ref={scrollRef} mods={mods} {...focusProps}>\n {listState.collection.size === 0 ? (\n <Item preset=\"t4\" color=\"#dark-03\" size={size} padding=\"(.5x - 1bw)\">\n {emptyLabel}\n </Item>\n ) : isReorderable ? (\n <DraggableListBox\n state={listState}\n listRef={listRef}\n orderedKeys={orderedKeys}\n onReorder={onReorder}\n >\n {(dragState, dropState, collectionProps) => (\n <ListElement\n qa={qa \|\| 'ListBox'}\n {...mergeProps(mergedListBoxProps, collectionProps)}\n ref={listRef}\n styles={listStyles}\n tokens={listGapTokens}\n aria-disabled={isDisabled \|\| undefined}\n mods={{ sections: false }}\n data-shape={shape}\n data-input-type=\"listbox\"\n >\n {itemsArray\n .filter((item) => item.type === 'item')\n .map((item) => (\n <Option\n key={item.key}\n size={size}\n item={item}\n state={listState}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n lastFocusSourceRef={lastFocusSourceRef}\n dragState={dragState}\n dropState={dropState}\n onClick={onOptionClick}\n />\n ))}\n </ListElement>\n )}\n </DraggableListBox>\n ) : (\n <ListElement\n qa={qa \|\| 'ListBox'}\n {...mergedListBoxProps}\n ref={listRef}\n styles={listStyles}\n tokens={listGapTokens}\n aria-disabled={isDisabled \|\| undefined}\n mods={{ sections: hasSections }}\n data-shape={shape}\n data-input-type=\"listbox\"\n style={\n shouldVirtualize\n ? {\n position: 'relative',\n height: `${rowVirtualizer.getTotalSize()}px`,\n }\n : undefined\n }\n >\n {shouldVirtualize\n ? rowVirtualizer.getVirtualItems().map((virtualItem) => {\n const item = itemsArray[virtualItem.index];\n\n return (\n <Option\n key={item.key}\n size={size}\n item={item}\n state={listState}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n // Measures the option's real height; the virtualizer adds the gap.\n virtualRef={rowVirtualizer.measureElement as any}\n virtualStyle={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n transform: `translateY(${virtualItem.start}px)`,\n }}\n virtualIndex={virtualItem.index}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />\n );\n })\n : (() => {\n const renderedItems: ReactNode[] = [];\n let isFirstSection = true;\n\n for (const item of listState.collection) {\n if (item.type === 'section') {\n if (!isFirstSection) {\n renderedItems.push(\n <StyledDivider\n key={`divider-${String(item.key)}`}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n renderedItems.push(\n <ListBoxSection\n key={item.key}\n item={item}\n state={listState}\n optionStyles={optionStyles}\n optionHighlight={optionHighlight}\n headingStyles={headingStyles}\n sectionStyles={sectionStyles}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n size={size}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />,\n );\n\n isFirstSection = false;\n } else {\n renderedItems.push(\n <Option\n key={item.key}\n size={size}\n item={item}\n state={listState}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />,\n );\n }\n }\n\n return renderedItems;\n })()}\n </ListElement>\n )}\n </ListBoxScrollElement>\n {footer ? (\n <StyledFooter styles={footerStyles} data-size={size}>\n {footer}\n </StyledFooter>\n ) : (\n <div role=\"presentation\" />\n )}\n </ListBoxWrapperElement>\n );\n\n return wrapWithField<Omit<CubeListBoxProps<T>, 'children'>>(\n listBoxField,\n ref,\n props,\n );\n}) as unknown as (<T>(\n props: CubeListBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & {\n Item: typeof CollectionItem;\n Section: typeof BaseSection;\n};\n\nfunction Option({\n size = 'medium',\n item,\n state,\n styles,\n highlight,\n isParentDisabled,\n isInvalid,\n isValid,\n focusOnHover = false,\n isListFocused = false,\n isCheckable,\n onClick: onOptionClick,\n virtualStyle,\n virtualRef,\n virtualIndex,\n lastFocusSourceRef,\n dragState,\n dropState,\n}: {\n size?: 'small' \| 'medium' \| 'large';\n item: any;\n state: any;\n styles?: Styles;\n highlight?: string;\n isParentDisabled?: boolean;\n isInvalid?: boolean;\n isValid?: boolean;\n focusOnHover?: boolean;\n /* Whether the list has focus, so its focused option shows as focused /\n isListFocused?: boolean;\n isCheckable?: boolean;\n onClick?: (key: Key) => void;\n /* Inline style applied when virtualized (absolute positioning etc.) /\n virtualStyle?: CSSProperties;\n /* react-virtual's `measureElement`, called with the option after every commit /\n virtualRef?: (element: HTMLElement \| null) => void;\n /* Virtual index from react-virtual for data-index attribute /\n virtualIndex?: number;\n /* Ref to track the source of focus changes /\n lastFocusSourceRef?: MutableRefObject<'keyboard' \| 'mouse' \| 'other'>;\n /* Drag state from DraggableCollection. When provided, enables drag-and-drop. /\n dragState?: DraggableCollectionState;\n /* Drop state from DraggableCollection. When provided, renders drop indicators. */\n dropState?: DroppableCollectionState;\n}) {\n const localRef = useRef<HTMLLIElement>(null);\n\n // Measure during the commit. After it, the browser can paint the option at\n // its estimated height first, overlapping the next one for a frame.\n useLayoutEffect(() => {\n virtualRef?.(localRef.current);\n });\n\n const isDisabled = isParentDisabled \|\| state.disabledKeys.has(item.key);\n const isSelected = state.selectionManager.isSelected(item.key);\n\n // Drag-and-drop support — only enable when both states are provided\n const isDraggable = !!dragState && !!dropState;\n\n // useDraggableItem must be called unconditionally (Rules of Hooks).\n // When dragState is undefined, we pass a minimal mock state to satisfy the hook.\n const mockDragState = useMemo(\n () => createMockDragState(state.collection, state.selectionManager),\n [state.collection, state.selectionManager],\n );\n\n const dragResult = useDraggableItem(\n { key: item.key },\n dragState ?? mockDragState,\n );\n const effectiveDragProps = isDraggable ? dragResult.dragProps : {};\n const isDragging = isDraggable && !!dragState?.isDragging(item.key);\n\n const { hoverProps, isHovered } = useHover({ isDisabled });\n\n const { optionProps, isPressed, labelProps, descriptionProps } = useOption(\n {\n key: item.key,\n isDisabled,\n isSelected,\n shouldSelectOnPressUp: true,\n shouldFocusOnHover: focusOnHover,\n },\n state,\n localRef,\n );\n\n const isFocused =\n !isDisabled &&\n isListFocused &&\n state.selectionManager.focusedKey === item.key;\n\n // Filter out service props - all remaining props can be passed to Item\n const filteredItemProps = filterSelectionItemProps(\n filterCollectionItemProps(item.props),\n );\n\n // Determine icon: drag handle > checkbox > user icon > default\n const effectiveIcon = useMemo(() => {\n if (isDraggable) {\n if (!filteredItemProps.icon \|\| isHovered) {\n return <GripVerticalIcon size={14} />;\n }\n }\n\n if (\n !isCheckable \|\|\n state.selectionManager.selectionMode !== 'multiple' \|\|\n filteredItemProps.icon\n ) {\n return (\n filteredItemProps.icon ??\n (state.selectionManager.selectionMode !== 'multiple' ? null : undefined)\n );\n }\n\n return renderCheckboxIcon({\n isSelected,\n isDisabled,\n isFocused,\n isHovered,\n isInvalid,\n isValid,\n });\n }, [\n isDraggable,\n isCheckable,\n state.selectionManager.selectionMode,\n isSelected,\n isDisabled,\n isFocused,\n isHovered,\n isInvalid,\n isValid,\n filteredItemProps.icon,\n ]);\n\n // Side-effects layered on top of React Aria's own onClick. The underlying\n // React Aria onClick is already chained via mergeProps below, so this handler\n // must NOT call optionProps.onClick again — re-invoking it would trigger\n // usePress's virtual-click branch and double-fire onPress (and toggle\n // selection twice in multiple mode).\n const handleOptionExtras = (e: MouseEvent) => {\n if (lastFocusSourceRef) {\n lastFocusSourceRef.current = 'mouse';\n }\n\n state.selectionManager.setFocusedKey(item.key);\n\n if (!onOptionClick) {\n return;\n }\n\n // In checkable multiple mode, suppress the callback when the click landed\n // inside the checkbox wrapper — that area is reserved for toggle-only\n // behaviour (React Aria still handles the toggle via the chained onClick).\n if (isCheckable && state.selectionManager.selectionMode === 'multiple') {\n const clickTarget = e.target as HTMLElement;\n const checkboxElement = localRef.current?.querySelector(\n '[data-element=\"CheckboxWrapper\"]',\n );\n\n if (\n checkboxElement &&\n (checkboxElement === clickTarget \|\|\n checkboxElement.contains(clickTarget))\n ) {\n return;\n }\n }\n\n onOptionClick(item.key);\n };\n\n // Filter out React Aria props that shouldn't reach the DOM\n const {\n onKeyDown,\n onKeyUp,\n tabIndex,\n 'aria-selected': ariaSelected,\n 'aria-disabled': ariaDisabled,\n role,\n ...filteredOptionProps\n } = filterSelectionItemProps(optionProps);\n\n const theme = getValidationTheme(\n 'default' as const,\n { isInvalid, isValid },\n { includeValid: true },\n );\n\n const listBoxItem = (\n <ListBoxItem\n ref={localRef}\n data-key={String(item.key)}\n {...mergeProps(\n filteredOptionProps,\n hoverProps,\n filteredItemProps,\n {\n onClick: handleOptionExtras,\n onKeyDown,\n onKeyUp,\n tabIndex,\n 'aria-selected': ariaSelected,\n 'aria-disabled': ariaDisabled,\n role,\n },\n effectiveDragProps,\n )}\n theme={theme}\n style={virtualStyle}\n data-size={size}\n data-index={virtualIndex}\n size={size}\n display={isDraggable ? 'grid' : undefined}\n isSelected={isSelected}\n isDisabled={isDisabled}\n icon={effectiveIcon}\n highlight={highlight}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n styles={mergeStyles(styles, filteredItemProps.styles)}\n defaultTooltipPlacement=\"right\"\n mods={{\n listboxitem: true,\n focused: isFocused,\n pressed: isPressed,\n dragging: isDragging,\n draggable: isDraggable,\n gripIcon: isDraggable && (!filteredItemProps.icon \|\| isHovered),\n valid: isSelected && !!isValid && !isInvalid,\n invalid: isSelected && !!isInvalid,\n checkable: isCheckable,\n hovered: isHovered,\n all: false, // This will be set to true for SelectAllOption\n }}\n >\n {item.rendered}\n </ListBoxItem>\n );\n\n if (!isDraggable \|\| !dropState) {\n return listBoxItem;\n }\n\n return (\n <>\n <ListBoxDropIndicator\n target={{ type: 'item', key: item.key, dropPosition: 'before' }}\n dropState={dropState}\n />\n {listBoxItem}\n <ListBoxDropIndicator\n target={{ type: 'item', key: item.key, dropPosition: 'after' }}\n dropState={dropState}\n />\n </>\n );\n}\n\n// =============================================================================\n// Drop Indicator for DnD reordering\n// =============================================================================\n\nfunction ListBoxDropIndicator({\n target,\n dropState,\n}: {\n target: DropTarget;\n dropState: DroppableCollectionState;\n}) {\n const ref = useRef<HTMLLIElement>(null);\n const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n { target },\n dropState,\n ref,\n );\n\n if (isHidden) {\n return null;\n }\n\n return (\n <ListBoxDropIndicatorElement\n ref={ref}\n role=\"option\"\n {...dropIndicatorProps}\n mods={{ 'drop-indicator': true, 'drop-target': isDropTarget }}\n >\n <div data-element=\"Indicator\" />\n </ListBoxDropIndicatorElement>\n );\n}\n\ninterface ListBoxSectionProps<T> {\n item: any;\n state: any;\n optionStyles?: Styles;\n optionHighlight?: string;\n headingStyles?: Styles;\n sectionStyles?: Styles;\n isParentDisabled?: boolean;\n isInvalid?: boolean;\n isValid?: boolean;\n focusOnHover?: boolean;\n isListFocused?: boolean;\n isCheckable?: boolean;\n onClick?: (key: Key) => void;\n size?: 'small' \| 'medium' \| 'large';\n lastFocusSourceRef?: MutableRefObject<'keyboard' \| 'mouse' \| 'other'>;\n}\n\nfunction ListBoxSection<T>(props: ListBoxSectionProps<T>) {\n const {\n item,\n state,\n optionStyles,\n optionHighlight,\n headingStyles,\n sectionStyles,\n isParentDisabled,\n isInvalid,\n isValid,\n focusOnHover,\n isListFocused,\n isCheckable,\n onClick: onOptionClick,\n lastFocusSourceRef,\n } = props;\n const heading = item.rendered;\n\n const { itemProps, headingProps, groupProps } = useListBoxSection({\n heading,\n 'aria-label': item['aria-label'],\n });\n\n return (\n <SectionWrapperElement {...itemProps} styles={sectionStyles}>\n {heading && (\n <StyledSectionHeading\n {...headingProps}\n size={props.size}\n styles={headingStyles}\n >\n {heading}\n </StyledSectionHeading>\n )}\n <SectionListElement {...groupProps}>\n {[...item.childNodes]\n .filter((node: any) => state.collection.getItem(node.key))\n .map((node: any) => (\n <Option\n key={node.key}\n size={props.size}\n item={node}\n state={state}\n styles={optionStyles}\n highlight={optionHighlight}\n isParentDisabled={isParentDisabled}\n isInvalid={isInvalid}\n isValid={isValid}\n focusOnHover={focusOnHover}\n isListFocused={isListFocused}\n isCheckable={isCheckable}\n lastFocusSourceRef={lastFocusSourceRef}\n onClick={onOptionClick}\n />\n ))}\n </SectionListElement>\n </SectionWrapperElement>\n );\n}\n\ntype SectionComponent = typeof BaseSection;\n\nconst ListBoxSectionComponent = Object.assign(BaseSection, {\n displayName: 'Section',\n}) as SectionComponent;\n\nListBox.Item = CollectionItem;\n\nListBox.Section = ListBoxSectionComponent;\n\nObject.defineProperty(ListBox, 'cubeInputType', {\n value: 'ListBox',\n enumerable: false,\n configurable: false,\n});\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -253,7 +253,6 @@ const ListBoxPopover = function ListBoxPopover(props) {
 						maxWidth
 					},
 					children: /* @__PURE__ */ jsx(ListBox, {
-						isBare: true,
 						ref: listBoxRef,
 						disableSelectionToggle: true,
 						id: listBoxId,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListBoxPopover.js","names":["getEventTarget","isFocusWithin","Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useInteractOutside","useOverlay","useOverlayPosition","useEvent","useI18n","mergeProps","mergeRefs","DisplayTransition","useModalLayerRef","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","layerRef","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","getOutsidePressBehavior","t13","el_0","behavior","setTimeout","t14","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t15","event","preventDefault","preserveOutsidePressFocus","t16","t17","ref","onInteractOutsideStart","onInteractOutside","t18","split","placementDirection","transitionRefHolder","t19","Symbol","for","node","setScrollRef","t20","t21","phase","isShown","isExiting","transitionRef","open","overlayContent"],"sources":["../../../../src/components/fields/ListBoxPopover/ListBoxPopover.tsx"],"sourcesContent":["import { getEventTarget, isFocusWithin } from '@react-aria/utils';\nimport { 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 { useInteractOutside, useOverlay, useOverlayPosition } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { DisplayTransition } from '../../helpers';\nimport { useModalLayerRef } from '../../overlays/Modal/modal-containment';\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 // Opened inside a modal, the list stays readable while the modal hides the\n // page.\n const layerRef = useModalLayerRef();\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 const getOutsidePressBehavior = (el: Element) => {\n const menuTriggerEl = el.closest('[data-popover-trigger]');\n if (menuTriggerEl) {\n return menuTriggerEl === triggerRef.current ? 'consume' : 'ignore';\n }\n if (\n (!shouldCloseOnTriggerInteraction && triggerRef.current?.contains(el)) \|\|\n el.closest('[data-popover-keep]')\n ) {\n return 'ignore';\n }\n if (\n (shouldPassControlPresses && el.closest(CONTROL_SELECTOR)) \|\|\n el.closest('[data-popover-dismiss]')\n ) {\n return 'pass';\n }\n return 'consume';\n };\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 behavior = getOutsidePressBehavior(el);\n if (behavior === 'pass') {\n // Leave the control's press intact and close after its action.\n setTimeout(onClose, 0);\n }\n return behavior === 'consume';\n },\n },\n mergedPopoverRef as any,\n );\n\n const preserveOutsidePressFocus = useEvent((event: PointerEvent) => {\n if (\n (isFocusWithin(triggerRef.current) \|\|\n isFocusWithin(mergedPopoverRef.current)) &&\n getOutsidePressBehavior(getEventTarget(event) as Element) === 'consume'\n ) {\n event.preventDefault();\n }\n });\n\n // Aria now permits outside presses to move focus. Consumed presses must\n // only dismiss this list; a blur would also commit the field's draft.\n useInteractOutside({\n ref: mergedPopoverRef,\n isDisabled: !isOpen,\n onInteractOutsideStart: preserveOutsidePressFocus,\n onInteractOutside: preserveOutsidePressFocus,\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, isExiting, ref: transitionRef }) => {\n transitionRefHolder.current = transitionRef;\n return (\n <ListBoxPopoverWrapper\n {...mergeProps(\n { ...overlayPositionProps, style: positionStyle },\n overlayBehaviorProps,\n compositeFocusProps,\n )}\n ref={mergeRefs(mergedPopoverRef, layerRef)}\n style={positionStyle}\n // A press on the list while it fades out must not close the\n // overlay under it (CUB-5293) — see `Overlay`.\n data-react-aria-top-layer={isExiting \|\| undefined}\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 isBare\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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"}
1	+ {"version":3,"file":"ListBoxPopover.js","names":["getEventTarget","isFocusWithin","Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useInteractOutside","useOverlay","useOverlayPosition","useEvent","useI18n","mergeProps","mergeRefs","DisplayTransition","useModalLayerRef","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","layerRef","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","getOutsidePressBehavior","t13","el_0","behavior","setTimeout","t14","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t15","event","preventDefault","preserveOutsidePressFocus","t16","t17","ref","onInteractOutsideStart","onInteractOutside","t18","split","placementDirection","transitionRefHolder","t19","Symbol","for","node","setScrollRef","t20","t21","phase","isShown","isExiting","transitionRef","open","overlayContent"],"sources":["../../../../src/components/fields/ListBoxPopover/ListBoxPopover.tsx"],"sourcesContent":["import { getEventTarget, isFocusWithin } from '@react-aria/utils';\nimport { 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 { useInteractOutside, useOverlay, useOverlayPosition } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { DisplayTransition } from '../../helpers';\nimport { useModalLayerRef } from '../../overlays/Modal/modal-containment';\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 // Opened inside a modal, the list stays readable while the modal hides the\n // page.\n const layerRef = useModalLayerRef();\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 const getOutsidePressBehavior = (el: Element) => {\n const menuTriggerEl = el.closest('[data-popover-trigger]');\n if (menuTriggerEl) {\n return menuTriggerEl === triggerRef.current ? 'consume' : 'ignore';\n }\n if (\n (!shouldCloseOnTriggerInteraction && triggerRef.current?.contains(el)) \|\|\n el.closest('[data-popover-keep]')\n ) {\n return 'ignore';\n }\n if (\n (shouldPassControlPresses && el.closest(CONTROL_SELECTOR)) \|\|\n el.closest('[data-popover-dismiss]')\n ) {\n return 'pass';\n }\n return 'consume';\n };\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 behavior = getOutsidePressBehavior(el);\n if (behavior === 'pass') {\n // Leave the control's press intact and close after its action.\n setTimeout(onClose, 0);\n }\n return behavior === 'consume';\n },\n },\n mergedPopoverRef as any,\n );\n\n const preserveOutsidePressFocus = useEvent((event: PointerEvent) => {\n if (\n (isFocusWithin(triggerRef.current) \|\|\n isFocusWithin(mergedPopoverRef.current)) &&\n getOutsidePressBehavior(getEventTarget(event) as Element) === 'consume'\n ) {\n event.preventDefault();\n }\n });\n\n // Aria now permits outside presses to move focus. Consumed presses must\n // only dismiss this list; a blur would also commit the field's draft.\n useInteractOutside({\n ref: mergedPopoverRef,\n isDisabled: !isOpen,\n onInteractOutsideStart: preserveOutsidePressFocus,\n onInteractOutside: preserveOutsidePressFocus,\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, isExiting, ref: transitionRef }) => {\n transitionRefHolder.current = transitionRef;\n return (\n <ListBoxPopoverWrapper\n {...mergeProps(\n { ...overlayPositionProps, style: positionStyle },\n overlayBehaviorProps,\n compositeFocusProps,\n )}\n ref={mergeRefs(mergedPopoverRef, layerRef)}\n style={positionStyle}\n // A press on the list while it fades out must not close the\n // overlay under it (CUB-5293) — see `Overlay`.\n data-react-aria-top-layer={isExiting \|\| undefined}\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":";;;;;;;;;;;;;;;;;AAkHA,MAAM0E,mBACJ;AAEF,MAAMC,wBAAwBvE,MAAM;CAClCwE,IAAI;CACJC,QAAQ;EACNC,UAAU;EACVC,QAAQ;EACV;CACD,CAAC;AAEF,MAAMC,wBAAwB5E,MAAM;CAClCwE,IAAI;CACJC,QAAQ;EACNI,SAAS;EACTC,UAAU;EACVC,aAAa;EACbC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,MAAM;GACJ,IAAI;GACJC,QAAQ;GACT;EACDC,WAAW;EACXC,YACE;EACFC,WAAW;GACT,IAAI;GACJ,mCAAiC;GACjC,oCAAkC;GAClC,4DAA0D;GAC1D,6DAA2D;GAC5D;EACDC,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC3B;EACDC,OAAO;GACL,IAAI;GACJ,SAAS;GACV;EACDC,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EAED,sBAAsB;EACxB;CACD,CAAC;AAEF,MAAaC,iBAAiB,SAAAA,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAG5B,MAAA,EAAAC,MAAcxF,SAAS;CACvB,MAAA,EAAAQ,QAAAC,YAAAE,YAAAE,YAAAC,WAAAC,YAAAC,eAAAC,kBAAAC,eAAAC,WAAAC,eAAAC,eAAAC,cAAAC,iBAAAC,eAAAC,eAAAC,SAAAC,aAAAC,eAAA6D,IAAA5D,cAAAC,aAAAC,iCAAA2D,IAAA1D,0BAAA2D,IAAA1D,YAAAC,cAAAE,OAAAC,UAAAC,cAAAC,mBAAAE,SAAAC,OAAAC,WAAAC,gBAAAC,qBAAAK,QAAAE,MAAAwC,IAAAvC,YAAAC,mBAAAE,mBAwCI6B;CArBF,MAAAzD,gBAAA6D,OAAAI,SAAA,WAAAJ;CAGA,MAAA1D,kCAAA2D,OAAAG,SAAA,OAAAH;CACA,MAAA1D,2BAAA2D,OAAAE,SAAA,QAAAF;CAmBF,MAAAG,mBAAyBnF;CAIzB,MAAAoF,WAAiB3F,kBAAkB;CAMnC,MAAA4F,mBAAyBrG,OAA8B,KAAK;CAU/C,MAAAsG,KAAC3C,qBAAA7C;CACA,MAAAyF,KAAAJ;CAED,MAAAK,KAAA,GAAGrF,UAAS;CAAe,IAAAsF;AAAA,KAAAd,EAAA,OAAArE,oBAAAqE,EAAA,OAAA9E,UAAA8E,EAAA,OAAAtE,iBAAAsE,EAAA,OAAAvE,cAAAuE,EAAA,OAAAW,MAAAX,EAAA,OAAAY,MAAAZ,EAAA,OAAAa,IAAA;AAJjBC,OAAA;GAAAC,WACVJ;GAAwCK,YACvCJ;GAAuBK,WACxBP;GAAuBQ,WACvBL;GAA2BpF;GAAAP;GAAAiG,QAG9BzF;GAAaC;GAEtB;AAAAqE,IAAA,KAAArE;AAAAqE,IAAA,KAAA9E;AAAA8E,IAAA,KAAAtE;AAAAsE,IAAA,KAAAvE;AAAAuE,IAAA,KAAAW;AAAAX,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;AAAAb,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAbD,MAAA,EAAAoB,cAAAC,sBAAAH,WAAA/C,mBAII3D,mBAAmBsG,GASrB;CAAC,IAAAQ;AAAA,KAAAtB,EAAA,OAAAqB,qBAAAE,OAAA;AAKAD,OAAAD,qBAAoBE,SAApB,EAAgC;AAAAvB,IAAA,KAAAqB,qBAAAE;AAAAvB,IAAA,KAAAsB;OAAAA,MAAAtB,EAAA;CAAjC,MAAAwB,KAACF;CAAkD,IAAAG;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAA3B,EAAA,QAAAwB,IAAA;AADrD,GAAA,CAAAC,WAAAC,aAAAC,iBACEH;AAAoDxB,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;AAAA1B,IAAA,MAAA2B;QAAA;AAAAF,cAAAzB,EAAA;AAAA0B,aAAA1B,EAAA;AAAA2B,kBAAA3B,EAAA;;CAAA,IAAA4B;CAAA,IAAAC;AAAA,KAAA7B,EAAA,QAAA9B,kBAAA8B,EAAA,QAAA7B,gBAAA;AAG5CyD,cAAA;AACR,OAAI1D,eACFA,gBAAc4D,UAAW,EAAA3D,gBAAH;AACvB,gBACM;AACL,QAAID,eACFA,gBAAc4D,UAAW;;;AAG5BD,QAAA,CAAC3D,gBAAgBC,eAAe;AAAA6B,IAAA,MAAA9B;AAAA8B,IAAA,MAAA7B;AAAA6B,IAAA,MAAA4B;AAAA5B,IAAA,MAAA6B;QAAA;AAAAD,QAAA5B,EAAA;AAAA6B,QAAA7B,EAAA;;AATnC5F,WAAUwH,KASPC,IAAiC;CAAA,IAAAE;AAAA,KAAA/B,EAAA,QAAAvD,mCAAAuD,EAAA,QAAAtD,4BAAAsD,EAAA,QAAA7E,YAAA;AAEJ4G,SAAAC,OAAA;GAC9B,MAAAC,gBAAsBD,GAAEE,QAAS,yBAAyB;AAC1D,OAAID,cAAa,QACRA,kBAAkB9G,WAAU2G,UAA5B,YAAA;AAET,OACG,CAACrF,mCAAmCtB,WAAU2G,SAAkBK,SAACH,GACjC,IAAjCA,GAAEE,QAAS,sBAAsB,CAAA,QAE1B;AAET,OACGxF,4BAA4BsF,GAAEE,QAAS9D,iBACJ,IAApC4D,GAAEE,QAAS,yBAAyB,CAAA,QAE7B;AACR,UACM;;AACRlC,IAAA,MAAAvD;AAAAuD,IAAA,MAAAtD;AAAAsD,IAAA,MAAA7E;AAAA6E,IAAA,MAAA+B;OAAAA,OAAA/B,EAAA;CAlBD,MAAAoC,0BAAgCL;CAkB9B,IAAAM;AAAA,KAAArC,EAAA,QAAAoC,2BAAApC,EAAA,QAAA7C,SAAA;AASgCkF,SAAAC,SAAA;GAC5B,MAAAC,WAAiBH,wBAAwBJ,KAAG;AAC5C,OAAIO,aAAa,OAEfC,YAAWrF,SAAS,EAAE;AACvB,UACMoF,aAAa;;AACrBvC,IAAA,MAAAoC;AAAApC,IAAA,MAAA7C;AAAA6C,IAAA,MAAAqC;OAAAA,OAAArC,EAAA;CAAA,IAAAyC;AAAA,KAAAzC,EAAA,QAAA9E,UAAA8E,EAAA,QAAA7C,WAAA6C,EAAA,QAAAqC,KAAA;AAZHI,QAAA;GAAAtF;GAAAuF,mBAEqB;GAAIxH;GAAAyH,eAER;GAAIC,8BACWP;GAQ/B;AAAArC,IAAA,MAAA9E;AAAA8E,IAAA,MAAA7C;AAAA6C,IAAA,MAAAqC;AAAArC,IAAA,MAAAyC;OAAAA,OAAAzC,EAAA;CAdH,MAAA,EAAAoB,cAAAyB,yBAA+CtI,WAC7CkI,KAcAjC,iBACD;CAAC,IAAAsC;AAAA,KAAA9C,EAAA,QAAAoC,2BAAApC,EAAA,QAAAQ,oBAAAR,EAAA,QAAA7E,YAAA;AAEyC2H,SAAAC,UAAA;AACzC,QACGpJ,cAAcwB,WAAU2G,QACgB,IAAvCnI,cAAc6G,iBAAgBsB,QACuC,KAAvEM,wBAAwB1I,eAAeqJ,MAAM,CAAY,KAAK,UAE9DA,OAAKC,gBAAiB;;AAEzBhD,IAAA,MAAAoC;AAAApC,IAAA,MAAAQ;AAAAR,IAAA,MAAA7E;AAAA6E,IAAA,MAAA8C;OAAAA,OAAA9C,EAAA;CARD,MAAAiD,4BAAkCxI,SAASqI,IAQzC;CAMY,MAAAI,MAAA,CAAChI;CAAM,IAAAiI;AAAA,KAAAnD,EAAA,QAAAQ,oBAAAR,EAAA,QAAAiD,6BAAAjD,EAAA,QAAAkD,KAAA;AAFFC,QAAA;GAAAC,KACZ5C;GAAgB7D,YACTuG;GAAOG,wBACKJ;GAAyBK,mBAC9BL;GACpB;AAAAjD,IAAA,MAAAQ;AAAAR,IAAA,MAAAiD;AAAAjD,IAAA,MAAAkD;AAAAlD,IAAA,MAAAmD;OAAAA,OAAAnD,EAAA;AALD1F,oBAAmB6I,IAKjB;CAAA,IAAAI;AAAA,KAAAvD,EAAA,QAAAxE,aAAAwE,EAAA,QAAAkB,WAAA;AAGyBqC,QAAArC,WAASsC,MAAQ,IAAO,CAAA,MAAxBhI;AAAqCwE,IAAA,MAAAxE;AAAAwE,IAAA,MAAAkB;AAAAlB,IAAA,MAAAuD;OAAAA,OAAAvD,EAAA;CAAhE,MAAAyD,qBAA2BF;CAI3B,MAAAG,sBAA4BrJ,OAE1B,KAAK;CAAC,IAAAsJ;AAAA,KAAA3D,EAAA,QAAA4D,OAAAC,IAAA,4BAAA,EAAA;AACyBF,SAAAG,SAAA;AAC/BpD,oBAAgBoB,UAAWgC;AAC3BJ,uBAAmB5B,UAAWgC,KAAK;;AACpC9D,IAAA,MAAA2D;OAAAA,OAAA3D,EAAA;CAHD,MAAA+D,eAAqBJ;CAGd,IAAAK;AAAA,KAAAhE,EAAA,QAAA3C,aAAA2C,EAAA,QAAA1C,kBAAA0C,EAAA,QAAAjD,YAAAiD,EAAA,QAAApE,iBAAAoE,EAAA,QAAAzC,uBAAAyC,EAAA,QAAApD,gBAAAoD,EAAA,QAAAjC,cAAAiC,EAAA,QAAApC,UAAAoC,EAAA,QAAA7D,iBAAA6D,EAAA,QAAAxD,eAAAwD,EAAA,QAAArD,cAAAqD,EAAA,QAAAlD,SAAAkD,EAAA,QAAA5C,SAAA4C,EAAA,QAAAS,YAAAT,EAAA,QAAAnE,aAAAmE,EAAA,QAAAzE,cAAAyE,EAAA,QAAAjE,iBAAAiE,EAAA,QAAA5D,WAAA4D,EAAA,QAAAhD,gBAAAgD,EAAA,QAAAyB,aAAAzB,EAAA,QAAA0B,YAAA1B,EAAA,QAAAQ,oBAAAR,EAAA,QAAA/C,qBAAA+C,EAAA,QAAA/D,mBAAA+D,EAAA,QAAAhE,gBAAAgE,EAAA,QAAA6C,wBAAA7C,EAAA,QAAAqB,wBAAArB,EAAA,QAAAlE,iBAAAkE,EAAA,QAAAyD,sBAAAzD,EAAA,QAAA2B,iBAAA3B,EAAA,QAAA9D,iBAAA8D,EAAA,QAAA3D,eAAA2D,EAAA,QAAAzD,gBAAAyD,EAAA,QAAA1D,iBAAA0D,EAAA,QAAAE,GAAA;AAIF8D,SAAAC,QAAA;GAAC,MAAA,EAAAC,OAAAC,SAAAC,WAAAhB,KAAAiB,kBAAAJ;AACAP,uBAAmB5B,UAAWuC;AAAH,UAEzB,oBAAC;IAAqB,GAChB1J,aACF;KAAA,GAAK0G;KAAoBE,OAASI;KAAe,EACjDkB,sBACAtF,oBACD;IACI,KAAA3C,YAAU4F,kBAAkBC,SAAQ;IAClCkB,OAAAA;IAGoB,6BAAAyC,aAAA7D;cAE3B,oBAAC;KACMwD,KAAAA;KACWN,kBAAAA;KACJS,cAAAA;KACN,MAAA;MAAAI,MACEH;MAAO5E,QACL2E,UAAU;MACpB;KACQpI,QAAAA;KACD,OAAA;MAAA,uBACkBF,gBAAA,GAChBA,cAAa,MADG2E;MAEVkB;MAAAC;MAGf;eAEA,oBAAC;MACMnG,KAAAA;MACL,wBAAA;MACIM,IAAAA;MAEF,cAAAwB,cACC,OAAOD,UAAU,WAAjBA,QAEGE,iBAAAiD,SAEEL,EAAE,0BAA0B,UAAW;MAE9B5C,mBAAAA;MAKf,eAAAhB,kBAAkB,aAAlB,aAAAiE;MAGA,aAAAjE,kBAAkB,WAAlBD,cAAAkE;MAGA,cAAAjE,kBAAkB,aAAlBC,eAAAgE;MAGA,aAAAjE,kBAAkB,aAAlBE,cAAA+D;MAEU5D;MACEC;MACS,uBAAA;MAChBE;MACCc;MACA7B,QAAAA;MACMC;MACGC;MACFC;MACAC;MACNC;MACCY,UAAAA;MACJ,OAAA;MACMe;MACOd;MAElBF;OAEL;MACF;KAAwB;;AAE3BiD,IAAA,MAAA3C;AAAA2C,IAAA,MAAA1C;AAAA0C,IAAA,MAAAjD;AAAAiD,IAAA,MAAApE;AAAAoE,IAAA,MAAAzC;AAAAyC,IAAA,MAAApD;AAAAoD,IAAA,MAAAjC;AAAAiC,IAAA,MAAApC;AAAAoC,IAAA,MAAA7D;AAAA6D,IAAA,MAAAxD;AAAAwD,IAAA,MAAArD;AAAAqD,IAAA,MAAAlD;AAAAkD,IAAA,MAAA5C;AAAA4C,IAAA,MAAAS;AAAAT,IAAA,MAAAnE;AAAAmE,IAAA,MAAAzE;AAAAyE,IAAA,MAAAjE;AAAAiE,IAAA,MAAA5D;AAAA4D,IAAA,MAAAhD;AAAAgD,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;AAAA1B,IAAA,MAAAQ;AAAAR,IAAA,MAAA/C;AAAA+C,IAAA,MAAA/D;AAAA+D,IAAA,MAAAhE;AAAAgE,IAAA,MAAA6C;AAAA7C,IAAA,MAAAqB;AAAArB,IAAA,MAAAlE;AAAAkE,IAAA,MAAAyD;AAAAzD,IAAA,MAAA2B;AAAA3B,IAAA,MAAA9D;AAAA8D,IAAA,MAAA3D;AAAA2D,IAAA,MAAAzD;AAAAyD,IAAA,MAAA1D;AAAA0D,IAAA,MAAAE;AAAAF,IAAA,MAAAgE;OAAAA,OAAAhE,EAAA;CAAA,IAAAiE;AAAA,KAAAjE,EAAA,QAAA9E,UAAA8E,EAAA,QAAAgE,KAAA;AAIEC,QAAA,oBAAC,oBAtFN,oBAAC;GAA2B/I,SAAAA;aACzB8I;IAkFiB,GAGkB;AAAAhE,IAAA,MAAA9E;AAAA8E,IAAA,MAAAgE;AAAAhE,IAAA,MAAAiE;OAAAA,OAAAjE,EAAA;AAAA,QAAjCiE"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | 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.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | 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";

package/dist/components/fields/NumberInput/StepButton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

package/dist/components/fields/PasswordInput/PasswordInput.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";