npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-013a20c → 0.0.0-canary-65f5135 - Mend

@cube-dev/ui-kit 0.0.0-canary-013a20c → 0.0.0-canary-65f5135

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 (578) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","names":["AriaLabelingProps","CollectionBase","DOMRef","Key","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","React","cloneElement","ReactElement","ReactNode","RefObject","useEffect","useMemo","useRef","AriaSelectProps","DismissButton","FocusScope","HiddenSelect","useButton","useHover","useListBox","useListBoxSection","useOption","useOverlay","useOverlayPosition","useSelect","Section","BaseSection","useSelectState","CubeTooltipProviderProps","useEvent","useI18n","CloseIcon","DirectionIcon","LoadingIcon","FieldBaseProps","generateRandomId","forwardRefWithGenerics","mergeProps","useCombinedRefs","useFocus","focusProgrammatically","useOverlayEscapeGuard","usePopoverSync","extractStyles","ItemAction","isOwnActionsPress","ItemActionsWrapper","StyledDivider","ListDivider","StyledSectionHeading","ListSectionHeading","StyledSection","ListSectionWrapper","CollectionItem","filterCollectionItemProps","CubeItemProps","Item","Text","getValidationIcon","getValidationMods","useFieldProps","wrapWithField","DisplayTransition","Portal","TriggerActions","TriggerIcon","Placement","Props","SelectWrapperElement","qa","styles","display","position","radius","fill","disabled","color","focused","invalid","ListBoxElement","as","gap","flow","margin","padding","listStyle","scrollbar","outline","OptionItem","disableActionsFocus","SelectOverlayWrapper","zIndex","OverlayElement","width","gridRows","height","overflow","shadow","border","boxSizing","transition","translate","transformOrigin","scale","opacity","CubeSelectBaseProps","T","Omit","selectedKey","defaultSelectedKey","onSelectionChange","key","icon","rightIcon","prefix","suffix","triggerDescription","descriptionPlacement","hotkeys","tooltip","auto","triggerRef","HTMLButtonElement","isLoading","loadingIndicator","overlayOffset","hideTrigger","inputStyles","optionStyles","triggerStyles","listBoxStyles","overlayStyles","direction","targetRef","HTMLElement","placement","shouldFlip","containerPadding","inputProps","type","shape","suffixPosition","theme","isClearable","clearLabel","onClear","actions","onOpenChange","isOpen","CubeSelectProps","popoverRef","HTMLInputElement","listBoxRef","size","placeholder","PROP_STYLES","Select","props","ref","HTMLDivElement","defaultValidationTrigger","valuePropsMapper","value","onChange","label","extra","labelStyles","isRequired","necessityIndicator","isInvalid","isValid","isDisabled","autoFocus","message","placementProp","labelSuffix","form","otherProps","t","state","selectId","menuId","onClose","close","containerRef","popover","current","active","document","activeElement","contains","preventScroll","labelProps","triggerProps","valueProps","menuProps","overlayProps","overlayRef","scrollRef","offset","isFocused","focusProps","hoverProps","isHovered","buttonProps","validationIcon","hasSelection","selectedItem","showClearButton","isReadOnly","clearValue","setSelectedKey","focus","triggerWidth","offsetWidth","showPlaceholder","trim","modifiers","loading","hovered","hasCustomRightIcon","undefined","triggerRightIcon","hasTriggerActions","triggerActions","pressed","selectField","name","showActions","skipActionsWidthTransition","rendered","ListBoxPopup","t0","$","_c","minWidth","parentOverlayProps","t1","t2","shouldUseVirtualFocus","listItemSize","t3","focusStrategy","t4","listBoxProps","t5","t6","el","menuTriggerEl","closest","setTimeout","t7","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","rawOverlayProps","t8","split","placementDirection","t9","t10","t11","phase","isShown","transitionRef","style","open","renderedItems","isFirstSection","item","collection","push","String","Option","disabledKeys","has","selectionManager","isSelected","isVirtualFocused","focusedKey","shouldSelectOnPressUp","shouldFocusOnHover","optionProps","isPressed","descriptionProps","T0","filteredItemProps","listboxitem","selected","SelectSectionProps","headingStyles","sectionStyles","SelectSection","heading","itemProps","headingProps","groupProps","Symbol","for","section","childNodes","filter","node","getItem","map","node_0","_Select","cubeInputType","SectionComponent","SelectSectionComponent","Object","assign","displayName","__Select","Action"],"sources":["../../../../src/components/fields/Select/Select.tsx"],"sourcesContent":["import {\n AriaLabelingProps,\n CollectionBase,\n DOMRef,\n Key,\n} from '@react-types/shared';\nimport {\n BASE_STYLES,\n BasePropsWithoutChildren,\n BaseStyleProps,\n COLOR_STYLES,\n ColorStyleProps,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport React, {\n cloneElement,\n ReactElement,\n ReactNode,\n RefObject,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport {\n AriaSelectProps,\n DismissButton,\n FocusScope,\n HiddenSelect,\n useButton,\n useHover,\n useListBox,\n useListBoxSection,\n useOption,\n useOverlay,\n useOverlayPosition,\n useSelect,\n} from 'react-aria';\nimport { Section as BaseSection, useSelectState } from 'react-stately';\nimport { CubeTooltipProviderProps } from 'src/components/overlays/Tooltip/TooltipProvider';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps } from '../../../shared/index';\nimport { generateRandomId } from '../../../utils/random';\nimport {\n forwardRefWithGenerics,\n mergeProps,\n useCombinedRefs,\n} from '../../../utils/react/index';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { focusProgrammatically } from '../../../utils/react/programmaticFocus';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemAction } from '../../actions';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { ItemActionsWrapper } from '../../actions/ItemActionsWrapper';\nimport {\n StyledDivider as ListDivider,\n StyledSectionHeading as ListSectionHeading,\n StyledSection as ListSectionWrapper,\n} from '../../actions/Menu/styled';\nimport {\n CollectionItem,\n filterCollectionItemProps,\n} from '../../CollectionItem';\nimport { CubeItemProps, Item } from '../../content/Item';\nimport { Text } from '../../content/Text';\nimport {\n getValidationIcon,\n getValidationMods,\n useFieldProps,\n wrapWithField,\n} from '../../form';\nimport { DisplayTransition } from '../../helpers';\nimport { Portal } from '../../portal';\nimport { TriggerActions, TriggerIcon } from '../TriggerActions';\n\nimport type { Placement } from 'react-aria';\nimport type { Props } from '../../../props';\n\nconst SelectWrapperElement = tasty({\n qa: 'SelectWrapper',\n styles: {\n display: 'grid',\n position: 'relative',\n radius: true,\n fill: {\n '': '#surface',\n disabled: '#disabled-surface',\n 'theme=special': '#clear',\n },\n color: {\n '': '#dark.85',\n focused: '#dark.85',\n invalid: '#danger-text',\n disabled: '#disabled-surface-text',\n },\n },\n});\n\nexport const ListBoxElement = tasty({\n qa: 'ListBox',\n as: 'ul',\n styles: {\n display: 'flex',\n gap: '1bw',\n flow: 'column',\n margin: '0',\n padding: '0',\n listStyle: 'none',\n scrollbar: 'styled',\n // The listbox is programmatically focused when the popover opens\n // (so keyboard nav works immediately) but it should never display a\n // focus ring — only the focused option does. Without this, the\n // browser draws its native outline around the whole listbox when\n // it receives focus.\n outline: 0,\n },\n});\n\n// Use Item for options to unify item visuals and reduce custom styling\nconst OptionItem = tasty(Item, {\n as: 'li',\n disableActionsFocus: true,\n qa: 'Option',\n styles: {\n '$inline-compensation': '0px',\n },\n});\n\nconst SelectOverlayWrapper = tasty({\n qa: 'SelectOverlayWrapper',\n styles: {\n position: 'absolute',\n zIndex: 1000,\n },\n});\n\nconst OverlayElement = tasty({\n qa: 'SelectOverlay',\n styles: {\n width: 'min $overlay-min-width',\n display: 'grid',\n gridRows: '1sf',\n height: 'initial max-content (50vh - 5x)',\n overflow: 'auto',\n fill: '#surface',\n radius: '1cr',\n shadow: true,\n padding: '.5x',\n border: true,\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});\n\nexport interface CubeSelectBaseProps<T>\n extends BasePropsWithoutChildren,\n AriaLabelingProps,\n BaseStyleProps,\n OuterStyleProps,\n ColorStyleProps,\n FieldBaseProps<Key \| null \| undefined>,\n CollectionBase<T>,\n Omit<\n AriaSelectProps<T>,\n \| 'errorMessage'\n \| 'name'\n \| 'selectedKey'\n \| 'defaultSelectedKey'\n \| 'onSelectionChange'\n > {\n /** The currently selected key in the collection (controlled). /\n selectedKey?: Key \| null;\n /* The initial selected key in the collection (uncontrolled). /\n defaultSelectedKey?: Key;\n /* Handler that is called when the selection changes. /\n onSelectionChange?: (key: Key \| null) => void;\n icon?: ReactElement;\n rightIcon?: ReactNode;\n prefix?: ReactNode;\n suffix?: ReactNode;\n /* Description text for the trigger. Note: Different from field-level description. /\n triggerDescription?: ReactNode;\n descriptionPlacement?: 'inline' \| 'block';\n /* Keyboard shortcut that triggers the select when pressed /\n hotkeys?: string;\n /\n Tooltip content and configuration for the trigger. The info badge next to\n * the field's label is `labelTooltip`.\n * - string: simple tooltip text\n * - true: auto tooltip on overflow (shows selected value as tooltip when truncated)\n * - object: advanced configuration with optional auto property\n /\n tooltip?:\n \| string\n \| boolean\n \| (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n triggerRef?: RefObject<HTMLButtonElement>;\n isLoading?: boolean;\n loadingIndicator?: ReactNode;\n overlayOffset?: number;\n hideTrigger?: boolean;\n /\n @deprecated Use `triggerStyles` instead\n /\n inputStyles?: Styles;\n optionStyles?: Styles;\n triggerStyles?: Styles;\n listBoxStyles?: Styles;\n overlayStyles?: Styles;\n direction?: 'top' \| 'bottom';\n /\n The ref of the element the popover should visually attach itself to.\n * Defaults to the trigger button.\n \n Only the popover's POSITION follows this ref. The trigger keeps its own\n * ref for focus, outside-click and dismiss logic, so anchoring to a wider\n * container does not make clicks inside that container count as trigger\n * presses. The popover's `minWidth` also stays tied to the trigger, not to\n * this element.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n \n Overrides `direction` when both are given.\n * @default `${direction} end`\n /\n placement?: Placement;\n shouldFlip?: boolean;\n /* Minimum padding in pixels between the popover and viewport edges /\n containerPadding?: number;\n inputProps?: Props;\n type?: 'outline' \| 'outline-2' \| 'clear' \| 'primary' \| (string & {});\n /\n Shape of the trigger's border radius.\n * - `card` - Card shape with larger border radius (`1cr`)\n * - `button` - Button shape with default border radius (default)\n * - `sharp` - Sharp corners with no border radius (`0`)\n * - `pill` - Pill shape with fully rounded ends (`round`)\n * @default \"button\"\n /\n shape?: 'card' \| 'button' \| 'sharp' \| 'pill';\n suffixPosition?: 'before' \| 'after';\n theme?: 'default' \| 'special';\n /* Whether the select is clearable using a clear button in the rightIcon slot /\n isClearable?: boolean;\n /* Accessible name for the built-in clear button. Defaults to a localized \"Clear value\". /\n clearLabel?: string;\n /* Callback called when the clear button is pressed /\n onClear?: () => void;\n /\n Custom actions rendered inside the trigger, to the left of the built-in\n * clear button and dropdown caret. Use `Select.Action` so they match the\n * trigger's size and theme.\n \n Pressing one runs its handler without opening or closing the popover —\n * including while the popover is open. Actions follow the trigger's disabled\n * state but NOT `isReadOnly`, since a read-only field can still host an\n * action that does not change the value; pass `isDisabled` yourself for one\n * that does.\n /\n actions?: ReactNode;\n /* Callback called when the popover open state changes /\n onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {\n popoverRef?: RefObject<HTMLInputElement>;\n /* The ref for the list box. /\n listBoxRef?: RefObject<HTMLElement>;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n placeholder?: string;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nfunction Select<T extends object>(\n props: CubeSelectProps<T>,\n ref: DOMRef<HTMLDivElement>,\n) {\n props = useFieldProps(props, {\n defaultValidationTrigger: 'onChange',\n valuePropsMapper: ({ value, onChange }) => ({\n selectedKey: value ?? null,\n onSelectionChange: onChange,\n }),\n });\n\n let {\n qa,\n label,\n extra,\n icon,\n rightIcon,\n labelStyles,\n isRequired,\n necessityIndicator,\n isInvalid,\n isValid,\n prefix,\n isDisabled = props.isLoading \|\| false,\n autoFocus,\n inputProps,\n triggerRef,\n popoverRef,\n listBoxRef,\n isLoading,\n loadingIndicator,\n overlayOffset = 8,\n inputStyles,\n triggerStyles,\n optionStyles,\n listBoxStyles,\n overlayStyles,\n suffix,\n actions,\n message,\n triggerDescription,\n descriptionPlacement,\n hotkeys,\n direction = 'bottom',\n targetRef,\n placement: placementProp,\n shouldFlip = true,\n containerPadding = 8,\n placeholder,\n tooltip,\n size = 'medium',\n shape,\n styles,\n type = 'outline',\n theme = 'default',\n labelSuffix,\n suffixPosition = 'before',\n isClearable,\n clearLabel,\n onOpenChange,\n form,\n ...otherProps\n } = props;\n const { t } = useI18n();\n let state = useSelectState(props);\n\n // Generate a unique ID for this select instance\n const selectId = useMemo(() => generateRandomId(), []);\n\n // Call onOpenChange when open state changes\n useEffect(() => {\n onOpenChange?.(state.isOpen);\n }, [state.isOpen]);\n\n styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n ref = useCombinedRefs(ref);\n triggerRef = useCombinedRefs(triggerRef);\n popoverRef = useCombinedRefs(popoverRef);\n listBoxRef = useCombinedRefs(listBoxRef);\n\n usePopoverSync({\n menuId: selectId,\n isOpen: state.isOpen,\n onClose: () => state.close(),\n triggerRef: triggerRef as RefObject<HTMLElement \| null>,\n containerRef: popoverRef as RefObject<HTMLElement \| null>,\n });\n\n // Hand focus back to the trigger the moment the list closes, rather than\n // leaving it to the popup's `FocusScope`, which only restores when it\n // UNMOUNTS — at the end of the exit transition (CUB-4839).\n //\n // For the length of that transition focus would otherwise sit on an option\n // inside a popup that is going away, and the key a user presses next can\n // land nowhere at all: once the option is detached focus drops to `<body>`,\n // which takes the event out of the React tree entirely.\n //\n // `focusProgrammatically` so the trigger's tooltip does not read this as the\n // user arriving and pop up — it would then swallow that next `Escape`.\n //\n // Guarded on focus still being INSIDE the popup, so this only finishes a\n // hand-off the popup had already started: closing by clicking elsewhere\n // leaves focus wherever the user put it.\n useEffect(() => {\n if (state.isOpen) return;\n\n const popover = popoverRef.current;\n const active = document.activeElement;\n\n if (!popover \|\| !active \|\| !popover.contains(active)) return;\n\n focusProgrammatically(triggerRef.current, { preventScroll: true });\n // Both refs come from `useCombinedRefs`, so their identity never changes;\n // listing them satisfies the rule without re-running this.\n }, [state.isOpen, popoverRef, triggerRef]);\n\n let { labelProps, triggerProps, valueProps, menuProps } = useSelect(\n props,\n state,\n triggerRef,\n );\n\n let { overlayProps, placement } = useOverlayPosition({\n // Position only. `triggerRef` stays the dismiss/focus anchor below, so a\n // consumer can line this popover up with a row without that row's clicks\n // reading as presses on the trigger.\n targetRef: (targetRef ?? triggerRef) as RefObject<HTMLElement>,\n overlayRef: popoverRef,\n scrollRef: listBoxRef,\n placement: placementProp ?? (`${direction} end` as Placement),\n shouldFlip: shouldFlip,\n isOpen: state.isOpen,\n onClose: state.close,\n offset: overlayOffset,\n containerPadding: containerPadding,\n });\n\n let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n let { hoverProps, isHovered } = useHover({ isDisabled });\n\n // Get props for the button based on the trigger props from useSelect\n let { buttonProps } = useButton(triggerProps, triggerRef);\n\n let validationIcon = getValidationIcon({ isInvalid, isValid });\n\n // Clear button logic\n let hasSelection = state.selectedItem != null;\n let showClearButton =\n isClearable && hasSelection && !isDisabled && !props.isReadOnly;\n\n // Clear function\n let clearValue = useEvent(() => {\n props.onSelectionChange?.(null);\n state.setSelectedKey(null);\n // Close the popup if it's open\n if (state.isOpen) {\n state.close();\n }\n // Return focus to the trigger for better UX\n triggerRef.current?.focus?.();\n\n props.onClear?.();\n });\n\n let triggerWidth = triggerRef?.current?.offsetWidth;\n\n const showPlaceholder = !!placeholder?.trim() && !state.selectedItem;\n\n const modifiers = useMemo(\n () => ({\n ...getValidationMods({ isInvalid, isValid }),\n disabled: isDisabled,\n loading: isLoading,\n hovered: isHovered,\n focused: isFocused,\n placeholder: showPlaceholder,\n prefix: !!prefix,\n suffix: true,\n }),\n [\n isInvalid,\n isValid,\n isDisabled,\n isLoading,\n isHovered,\n isFocused,\n showPlaceholder,\n prefix,\n ],\n );\n\n suffix = useMemo(() => {\n if (!suffix && !validationIcon) {\n return null;\n }\n\n return (\n <>\n {suffix}\n {validationIcon}\n </>\n );\n }, [suffix, validationIcon]);\n\n // A caller's `rightIcon` keeps the `rightIcon` slot: it accepts a render\n // function resolved against the trigger's mods, which only that slot does, and\n // it is also what a caller's `RightIcon` styles target. It replaces the\n // built-in control, exactly as before.\n const hasCustomRightIcon = rightIcon !== undefined;\n const triggerRightIcon = hasCustomRightIcon ? (\n isLoading ? (\n <LoadingIcon />\n ) : (\n rightIcon\n )\n ) : undefined;\n\n // With a caller's own `rightIcon` the built-in control moves into that slot,\n // leaving the run with whatever the caller passed — possibly nothing. The run\n // is still rendered, so the trigger does not restructure if actions arrive\n // later, but the row stops counting it as end content — which is what keeps an\n // icon-only trigger with `rightIcon={null}` square.\n const hasTriggerActions = !hasCustomRightIcon \|\| !!actions;\n\n // Everything trailing that is NOT the caller's own icon goes into the actions\n // run — a sibling of the `<button>`, so the clear button is no longer nested\n // inside one. See `TriggerActions`.\n const triggerActions = (\n <TriggerActions\n actions={actions}\n builtIn={\n hasCustomRightIcon ? null : showClearButton ? (\n <ItemAction\n icon={<CloseIcon />}\n size={size}\n qa=\"SelectClearButton\"\n // `ItemAction` derives its accessible name from `aria-label` or a\n // string `tooltip` and warns for neither, so an icon-only clear\n // button without this reaches a screen reader unnamed.\n aria-label={clearLabel ?? t('select.clearValue', 'Clear value')}\n // No explicit `type`/`theme`: the default `current` type paints\n // from the trigger's own inherited text color, so the button\n // matches whatever the field is showing instead of one palette.\n //\n // NOTE: this trigger keeps NEUTRAL label text when invalid, so\n // the button reads neutral there too. `Picker` and `FilterPicker`\n // are also `Item`-based but do tint theirs, which is the actual\n // inconsistency to fix — in `Select`, not here.\n mods={{ pressed: false }}\n onPress={clearValue}\n />\n ) : isLoading ? (\n <TriggerIcon>\n <LoadingIcon />\n </TriggerIcon>\n ) : (\n <TriggerIcon>\n <DirectionIcon to={state.isOpen ? 'up' : 'down'} />\n </TriggerIcon>\n )\n }\n />\n );\n\n let selectField = (\n <SelectWrapperElement\n mods={modifiers}\n styles={styles}\n data-size={size}\n data-type={type}\n data-theme={theme}\n >\n <HiddenSelect\n state={state}\n triggerRef={triggerRef}\n label={props.label}\n name={props.name}\n />\n {/\n The trigger's trailing controls are rendered as a SIBLING of the\n `<button>` — the same layout `ItemButton` uses for its actions, shared\n through `ItemActionsWrapper`. `Select` builds its trigger from `Item`\n rather than `ItemButton` because `useSelect`/`useButton` already own the\n button props, so it reaches for the wrapper directly.\n\n The RAW theme, unlike `Picker` / `FilterPicker` which forward\n `getValidationTheme(...)`: this trigger is painted with the raw theme too\n and surfaces validation through `SelectWrapperElement` rather than by\n switching theme. What the wrapper hands its actions must always match\n what the trigger paints with.\n */}\n <ItemActionsWrapper\n type={type}\n theme={theme}\n size={size}\n isDisabled={isDisabled \|\| isLoading}\n mods={modifiers}\n actions={triggerActions}\n >\n {({ showActions, skipActionsWidthTransition }) => (\n <Item\n actions={hasTriggerActions \|\| undefined}\n insideWrapper\n as=\"button\"\n qa={qa \|\| 'Select'}\n data-input-type=\"select\"\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n ref={triggerRef}\n data-popover-trigger\n showActions={showActions}\n skipActionsWidthTransition={skipActionsWidthTransition}\n styles={{ ...inputStyles, ...triggerStyles }}\n theme={theme}\n size={size}\n shape={shape}\n // Ensure this button never submits a surrounding form in tests or runtime\n htmlType=\"button\"\n // Preserve visual variant via data attribute instead of conflicting with HTML attribute\n type={type}\n mods={modifiers}\n prefix={prefix}\n suffix={suffix}\n icon={icon}\n rightIcon={triggerRightIcon}\n description={triggerDescription}\n descriptionPlacement={descriptionPlacement}\n hotkeys={hotkeys}\n tooltip={tooltip}\n labelProps={valueProps}\n >\n {state.selectedItem ? (\n state.selectedItem.rendered\n ) : placeholder ? (\n <Text.Placeholder>{placeholder}</Text.Placeholder>\n ) : null}\n </Item>\n )}\n </ItemActionsWrapper>\n <ListBoxPopup\n {...menuProps}\n popoverRef={popoverRef}\n listBoxRef={listBoxRef}\n overlayProps={overlayProps}\n placement={placement}\n state={state}\n listBoxStyles={listBoxStyles}\n overlayStyles={overlayStyles}\n optionStyles={optionStyles}\n minWidth={triggerWidth}\n triggerRef={triggerRef}\n isDisabled={isDisabled}\n />\n </SelectWrapperElement>\n );\n\n return wrapWithField<Omit<CubeSelectProps<T>, 'children' \| 'tooltip'>>(\n selectField,\n ref,\n mergeProps(\n {\n ...props,\n // The trigger's own. Handed on, it read as the legacy field `tooltip`.\n tooltip: undefined,\n },\n { labelProps },\n ),\n );\n}\n\nexport function ListBoxPopup({\n state,\n popoverRef,\n listBoxRef,\n listBoxStyles,\n overlayStyles,\n optionStyles,\n overlayProps: parentOverlayProps,\n shouldUseVirtualFocus = false,\n placement,\n minWidth,\n size = 'small',\n triggerRef,\n isDisabled,\n ...otherProps\n}) {\n // For trigger+popover components, map 'small' size to 'medium' for list items\n // while preserving 'medium' and 'large' sizes\n const listItemSize = size === 'small' ? 'medium' : size;\n\n // Get props for the listbox\n let { listBoxProps } = useListBox(\n {\n autoFocus: state.focusStrategy \|\| true,\n shouldUseVirtualFocus,\n ...otherProps,\n },\n state,\n listBoxRef,\n );\n\n // Handle events that should cause the popup to close,\n // e.g. blur, clicking outside, or pressing the escape key.\n let { overlayProps: rawOverlayProps } = useOverlay(\n {\n onClose: () => state.close(),\n shouldCloseOnBlur: true,\n isOpen: state.isOpen,\n isDismissable: true,\n shouldCloseOnInteractOutside: (el) => {\n // The trigger owns interactive controls of its own — the clear button\n // and any custom `actions`. They sit in the actions run, a SIBLING of\n // the trigger, so the lookup below would read them as a press outside\n // and dismiss, swallowing the press: the first press on `Reset` while\n // the list was open only closed the list and the action never ran. Same\n // guard as `DialogTrigger`, which `Picker` / `FilterPicker` go through.\n if (isOwnActionsPress(el, triggerRef?.current)) return false;\n\n const menuTriggerEl = el.closest('[data-popover-trigger]');\n if (!menuTriggerEl) {\n if (el.closest('[data-popover-keep]')) return false;\n // Plain interactive controls (Button, ItemButton) opt in via\n // `data-popover-dismiss` to dismiss us without losing their click\n // to useOverlay's stopPropagation. Schedule the close after the\n // click finishes so the button's onPress runs first.\n if (el.closest('[data-popover-dismiss]')) {\n setTimeout(() => state.close(), 0);\n return false;\n }\n return true;\n }\n // If the same trigger that opened this select was clicked, allow closing\n if (menuTriggerEl === triggerRef?.current) return true;\n // Otherwise, don't close (let event mechanism handle it)\n return false;\n },\n },\n popoverRef,\n );\n\n // A list that has already closed must not swallow the `Escape` meant for\n // whatever surrounds it — see `useOverlayEscapeGuard`.\n const overlayProps = useOverlayEscapeGuard(rawOverlayProps, state.isOpen);\n\n // Extract primary placement direction for consistent styling\n const placementDirection = placement?.split(' ')[0] \|\| 'bottom';\n\n // Wrap in <FocusScope> so that focus is restored back to the\n // trigger when the popup is closed. In addition, add hidden\n // <DismissButton> components at the start and end of the list\n // to allow screen reader users to dismiss the popup easily.\n //\n // `autoFocus` is required because `ListBoxPopup` is rendered\n // unconditionally (not gated on `state.isOpen`), so by the time the\n // popover actually opens, react-aria's `useSelectableCollection`\n // autoFocus has already been consumed (its useRef captures the\n // initial value on mount, when the listbox isn't in the DOM yet).\n // Setting `autoFocus` on the FocusScope itself runs each time the\n // FocusScope mounts (every time the popover opens, since the inner\n // tree is unmounted between opens) and explicitly focuses the\n // first tabbable element (the listbox). This also registers the\n // FocusScope as the active scope, so an outer contained Dialog\n // FocusScope (e.g. a popover Dialog wrapping the Select) correctly\n // recognises focus moving into the Select popover and doesn't yank\n // it back to the trigger.\n return (\n <Portal>\n <DisplayTransition isShown={state.isOpen && !isDisabled}>\n {({ phase, isShown, ref: transitionRef }) => (\n <SelectOverlayWrapper\n {...overlayProps}\n {...parentOverlayProps}\n ref={popoverRef}\n style={parentOverlayProps?.style}\n >\n <OverlayElement\n ref={transitionRef}\n data-placement={placementDirection}\n data-phase={phase}\n mods={{\n open: isShown,\n }}\n styles={overlayStyles}\n style={{\n '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',\n }}\n >\n <FocusScope autoFocus restoreFocus>\n <DismissButton onDismiss={() => state.close()} />\n {(() => {\n const renderedItems: React.ReactNode[] = [];\n let isFirstSection = true;\n\n for (const item of state.collection) {\n if (item.type === 'section') {\n if (!isFirstSection) {\n renderedItems.push(\n <ListDivider\n key={`divider-${String(item.key)}`}\n as=\"li\"\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n renderedItems.push(\n <SelectSection\n key={item.key}\n item={item}\n state={state}\n optionStyles={optionStyles}\n sectionStyles={undefined}\n shouldUseVirtualFocus={shouldUseVirtualFocus}\n size={listItemSize}\n />,\n );\n\n isFirstSection = false;\n } else {\n renderedItems.push(\n <Option\n key={item.key}\n item={item}\n state={state}\n styles={optionStyles}\n shouldUseVirtualFocus={shouldUseVirtualFocus}\n size={listItemSize}\n />,\n );\n }\n }\n\n return (\n <ListBoxElement\n styles={listBoxStyles}\n {...listBoxProps}\n ref={listBoxRef}\n >\n {renderedItems}\n </ListBoxElement>\n );\n })()}\n <DismissButton onDismiss={() => state.close()} />\n </FocusScope>\n </OverlayElement>\n </SelectOverlayWrapper>\n )}\n </DisplayTransition>\n </Portal>\n );\n}\n\nfunction Option({ item, state, styles, shouldUseVirtualFocus, size }) {\n let ref = useRef<HTMLLIElement>(null);\n let isDisabled = state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let isVirtualFocused = state.selectionManager.focusedKey === item.key;\n\n let { optionProps, isPressed, labelProps, descriptionProps } = useOption(\n {\n key: item.key,\n isDisabled,\n isSelected,\n shouldSelectOnPressUp: true,\n shouldFocusOnHover: true,\n shouldUseVirtualFocus,\n },\n state,\n ref,\n );\n\n // Handle focus events, so we can apply highlighted\n // style to the focused option\n let { isFocused, focusProps } = useFocus({ isDisabled });\n\n // Filter out service props - all remaining props can be passed to Item\n const filteredItemProps = filterCollectionItemProps(item.props);\n\n return (\n <OptionItem\n {...mergeProps(optionProps, focusProps, filteredItemProps)}\n ref={ref}\n mods={{\n listboxitem: true,\n selected: isSelected,\n focused: shouldUseVirtualFocus ? isVirtualFocused : isFocused,\n disabled: isDisabled,\n pressed: isPressed,\n }}\n data-size={size}\n styles={{\n ...(styles as Styles),\n ...(filteredItemProps.styles as Styles),\n }}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n defaultTooltipPlacement=\"right\"\n >\n {item.rendered}\n </OptionItem>\n );\n}\n\ninterface SelectSectionProps<T> {\n item: any; // react-stately Node<T>\n state: any; // TreeState<T>\n optionStyles?: Styles;\n headingStyles?: Styles;\n sectionStyles?: Styles;\n shouldUseVirtualFocus?: boolean;\n size?: string;\n}\n\nfunction SelectSection<T>(props: SelectSectionProps<T>) {\n const {\n item,\n state,\n optionStyles,\n headingStyles,\n sectionStyles,\n shouldUseVirtualFocus,\n size,\n } = props;\n\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 <ListSectionWrapper {...itemProps} styles={sectionStyles}>\n {heading && (\n <ListSectionHeading\n {...headingProps}\n size={size}\n styles={{ ...headingStyles, '$inline-compensation': '0px' }}\n >\n {heading}\n </ListSectionHeading>\n )}\n <ListBoxElement {...groupProps} mods={{ section: true }}>\n {[...item.childNodes]\n .filter((node: any) => state.collection.getItem(node.key))\n .map((node: any) => (\n <Option\n key={node.key}\n item={node}\n state={state}\n styles={optionStyles}\n shouldUseVirtualFocus={shouldUseVirtualFocus}\n size={size}\n />\n ))}\n </ListBoxElement>\n </ListSectionWrapper>\n );\n}\n\nconst _Select = forwardRefWithGenerics(Select);\n\n(_Select as any).cubeInputType = 'Select';\n\ntype SectionComponent = typeof BaseSection;\n\nconst SelectSectionComponent = Object.assign(BaseSection, {\n displayName: 'Section',\n}) as SectionComponent;\n\nconst __Select = Object.assign(\n _Select as typeof _Select & {\n Item: typeof CollectionItem;\n Section: typeof SelectSectionComponent;\n Action: typeof ItemAction;\n },\n {\n Item: CollectionItem,\n Section: SelectSectionComponent,\n Action: ItemAction,\n },\n);\n\n(__Select as any).displayName = 'Select';\n\nexport { __Select as Select };\n\nexport type { AriaSelectProps };\nexport { useSelectState };\n"],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","names":["AriaLabelingProps","CollectionBase","DOMRef","Key","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","React","cloneElement","ReactElement","ReactNode","RefObject","useEffect","useMemo","useRef","AriaSelectProps","DismissButton","FocusScope","HiddenSelect","useButton","useHover","useListBox","useListBoxSection","useOption","useOverlay","useOverlayPosition","useSelect","Section","BaseSection","useSelectState","CubeTooltipProviderProps","useEvent","useI18n","CloseIcon","DirectionIcon","LoadingIcon","FieldBaseProps","generateRandomId","forwardRefWithGenerics","mergeProps","useCombinedRefs","useFocus","focusProgrammatically","useOverlayEscapeGuard","usePopoverSync","extractStyles","ItemAction","isOwnActionsPress","ItemActionsWrapper","StyledDivider","ListDivider","StyledSectionHeading","ListSectionHeading","StyledSection","ListSectionWrapper","CollectionItem","filterCollectionItemProps","CubeItemProps","Item","Text","getValidationIcon","getValidationMods","useFieldProps","wrapWithField","DisplayTransition","Portal","TriggerActions","TriggerIcon","Placement","Props","SelectWrapperElement","qa","styles","display","position","radius","fill","disabled","color","focused","invalid","ListBoxElement","as","gap","flow","margin","padding","listStyle","scrollbar","outline","OptionItem","disableActionsFocus","SelectOverlayWrapper","zIndex","OverlayElement","width","gridRows","height","overflow","shadow","border","boxSizing","transition","translate","transformOrigin","scale","opacity","CubeSelectBaseProps","T","Omit","selectedKey","defaultSelectedKey","onSelectionChange","key","icon","rightIcon","prefix","suffix","triggerDescription","descriptionPlacement","hotkeys","tooltip","auto","triggerRef","HTMLButtonElement","isLoading","loadingIndicator","overlayOffset","hideTrigger","inputStyles","optionStyles","triggerStyles","listBoxStyles","overlayStyles","direction","targetRef","HTMLElement","placement","shouldFlip","containerPadding","inputProps","type","shape","suffixPosition","theme","isClearable","clearLabel","onClear","actions","onOpenChange","isOpen","CubeSelectProps","popoverRef","HTMLInputElement","listBoxRef","size","placeholder","PROP_STYLES","Select","props","ref","HTMLDivElement","defaultValidationTrigger","valuePropsMapper","value","onChange","label","extra","labelStyles","isRequired","necessityIndicator","isInvalid","isValid","isDisabled","autoFocus","message","placementProp","labelSuffix","form","otherProps","t","state","selectId","menuId","onClose","close","containerRef","popover","current","active","document","activeElement","contains","preventScroll","labelProps","triggerProps","valueProps","menuProps","undefined","overlayProps","overlayRef","scrollRef","offset","isFocused","focusProps","hoverProps","isHovered","buttonProps","validationIcon","hasSelection","selectedItem","showClearButton","isReadOnly","clearValue","setSelectedKey","focus","triggerWidth","offsetWidth","showPlaceholder","trim","modifiers","loading","hovered","hasCustomRightIcon","triggerRightIcon","hasTriggerActions","triggerActions","pressed","selectField","name","showActions","skipActionsWidthTransition","rendered","ListBoxPopup","t0","$","_c","minWidth","parentOverlayProps","t1","t2","shouldUseVirtualFocus","listItemSize","t3","focusStrategy","t4","listBoxProps","t5","t6","el","menuTriggerEl","closest","setTimeout","t7","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","rawOverlayProps","t8","split","placementDirection","t9","t10","t11","phase","isShown","transitionRef","style","open","renderedItems","isFirstSection","item","collection","push","String","Option","disabledKeys","has","selectionManager","isSelected","isVirtualFocused","focusedKey","shouldSelectOnPressUp","shouldFocusOnHover","optionProps","isPressed","descriptionProps","T0","filteredItemProps","listboxitem","selected","SelectSectionProps","headingStyles","sectionStyles","SelectSection","heading","itemProps","headingProps","groupProps","Symbol","for","section","childNodes","filter","node","getItem","map","node_0","_Select","cubeInputType","SectionComponent","SelectSectionComponent","Object","assign","displayName","__Select","Action"],"sources":["../../../../src/components/fields/Select/Select.tsx"],"sourcesContent":["import {\n AriaLabelingProps,\n CollectionBase,\n DOMRef,\n Key,\n} from '@react-types/shared';\nimport {\n BASE_STYLES,\n BasePropsWithoutChildren,\n BaseStyleProps,\n COLOR_STYLES,\n ColorStyleProps,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport React, {\n cloneElement,\n ReactElement,\n ReactNode,\n RefObject,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport {\n AriaSelectProps,\n DismissButton,\n FocusScope,\n HiddenSelect,\n useButton,\n useHover,\n useListBox,\n useListBoxSection,\n useOption,\n useOverlay,\n useOverlayPosition,\n useSelect,\n} from 'react-aria';\nimport { Section as BaseSection, useSelectState } from 'react-stately';\nimport { CubeTooltipProviderProps } from 'src/components/overlays/Tooltip/TooltipProvider';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps } from '../../../shared/index';\nimport { generateRandomId } from '../../../utils/random';\nimport {\n forwardRefWithGenerics,\n mergeProps,\n useCombinedRefs,\n} from '../../../utils/react/index';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { focusProgrammatically } from '../../../utils/react/programmaticFocus';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemAction } from '../../actions';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { ItemActionsWrapper } from '../../actions/ItemActionsWrapper';\nimport {\n StyledDivider as ListDivider,\n StyledSectionHeading as ListSectionHeading,\n StyledSection as ListSectionWrapper,\n} from '../../actions/Menu/styled';\nimport {\n CollectionItem,\n filterCollectionItemProps,\n} from '../../CollectionItem';\nimport { CubeItemProps, Item } from '../../content/Item';\nimport { Text } from '../../content/Text';\nimport {\n getValidationIcon,\n getValidationMods,\n useFieldProps,\n wrapWithField,\n} from '../../form';\nimport { DisplayTransition } from '../../helpers';\nimport { Portal } from '../../portal';\nimport { TriggerActions, TriggerIcon } from '../TriggerActions';\n\nimport type { Placement } from 'react-aria';\nimport type { Props } from '../../../props';\n\nconst SelectWrapperElement = tasty({\n qa: 'SelectWrapper',\n styles: {\n display: 'grid',\n position: 'relative',\n radius: true,\n fill: {\n '': '#surface',\n disabled: '#disabled-surface',\n 'theme=special': '#clear',\n },\n color: {\n '': '#dark.85',\n focused: '#dark.85',\n invalid: '#danger-text',\n disabled: '#disabled-surface-text',\n },\n },\n});\n\nexport const ListBoxElement = tasty({\n qa: 'ListBox',\n as: 'ul',\n styles: {\n display: 'flex',\n gap: '1bw',\n flow: 'column',\n margin: '0',\n padding: '0',\n listStyle: 'none',\n scrollbar: 'styled',\n // The listbox is programmatically focused when the popover opens\n // (so keyboard nav works immediately) but it should never display a\n // focus ring — only the focused option does. Without this, the\n // browser draws its native outline around the whole listbox when\n // it receives focus.\n outline: 0,\n },\n});\n\n// Use Item for options to unify item visuals and reduce custom styling\nconst OptionItem = tasty(Item, {\n as: 'li',\n disableActionsFocus: true,\n qa: 'Option',\n styles: {\n '$inline-compensation': '0px',\n },\n});\n\nconst SelectOverlayWrapper = tasty({\n qa: 'SelectOverlayWrapper',\n styles: {\n position: 'absolute',\n zIndex: 1000,\n },\n});\n\nconst OverlayElement = tasty({\n qa: 'SelectOverlay',\n styles: {\n width: 'min $overlay-min-width',\n display: 'grid',\n gridRows: '1sf',\n height: 'initial max-content (50vh - 5x)',\n overflow: 'auto',\n fill: '#surface',\n radius: '1cr',\n shadow: true,\n padding: '.5x',\n border: true,\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});\n\nexport interface CubeSelectBaseProps<T>\n extends BasePropsWithoutChildren,\n AriaLabelingProps,\n BaseStyleProps,\n OuterStyleProps,\n ColorStyleProps,\n FieldBaseProps<Key \| null \| undefined>,\n CollectionBase<T>,\n Omit<\n AriaSelectProps<T>,\n \| 'errorMessage'\n \| 'name'\n \| 'selectedKey'\n \| 'defaultSelectedKey'\n \| 'onSelectionChange'\n > {\n /** The currently selected key in the collection (controlled). /\n selectedKey?: Key \| null;\n /* The initial selected key in the collection (uncontrolled). /\n defaultSelectedKey?: Key;\n /* Handler that is called when the selection changes. /\n onSelectionChange?: (key: Key \| null) => void;\n icon?: ReactElement;\n rightIcon?: ReactNode;\n prefix?: ReactNode;\n suffix?: ReactNode;\n /* Description text for the trigger. Note: Different from field-level description. /\n triggerDescription?: ReactNode;\n descriptionPlacement?: 'inline' \| 'block';\n /* Keyboard shortcut that triggers the select when pressed /\n hotkeys?: string;\n /\n Tooltip content and configuration for the trigger. The info badge next to\n * the field's label is `labelTooltip`.\n * - string: simple tooltip text\n * - true: auto tooltip on overflow (shows selected value as tooltip when truncated)\n * - object: advanced configuration with optional auto property\n /\n tooltip?:\n \| string\n \| boolean\n \| (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n triggerRef?: RefObject<HTMLButtonElement>;\n isLoading?: boolean;\n loadingIndicator?: ReactNode;\n overlayOffset?: number;\n hideTrigger?: boolean;\n /\n @deprecated Use `triggerStyles` instead\n /\n inputStyles?: Styles;\n optionStyles?: Styles;\n triggerStyles?: Styles;\n listBoxStyles?: Styles;\n overlayStyles?: Styles;\n direction?: 'top' \| 'bottom';\n /\n The ref of the element the popover should visually attach itself to.\n * Defaults to the trigger button.\n \n Only the popover's POSITION follows this ref. The trigger keeps its own\n * ref for focus, outside-click and dismiss logic, so anchoring to a wider\n * container does not make clicks inside that container count as trigger\n * presses. The popover's `minWidth` also stays tied to the trigger, not to\n * this element.\n /\n targetRef?: RefObject<HTMLElement \| null>;\n /\n Placement of the popover relative to the anchor.\n * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n * `'top start'`, `'right top'`, `'left top'`).\n \n Overrides `direction` when both are given.\n * @default `${direction} end`\n /\n placement?: Placement;\n shouldFlip?: boolean;\n /* Minimum padding in pixels between the popover and viewport edges /\n containerPadding?: number;\n inputProps?: Props;\n type?: 'outline' \| 'outline-2' \| 'clear' \| 'primary' \| (string & {});\n /\n Shape of the trigger's border radius.\n * - `card` - Card shape with larger border radius (`1cr`)\n * - `button` - Button shape with default border radius (default)\n * - `sharp` - Sharp corners with no border radius (`0`)\n * - `pill` - Pill shape with fully rounded ends (`round`)\n * @default \"button\"\n /\n shape?: 'card' \| 'button' \| 'sharp' \| 'pill';\n suffixPosition?: 'before' \| 'after';\n theme?: 'default' \| 'special';\n /* Whether the select is clearable using a clear button in the rightIcon slot /\n isClearable?: boolean;\n /* Accessible name for the built-in clear button. Defaults to a localized \"Clear value\". /\n clearLabel?: string;\n /* Callback called when the clear button is pressed /\n onClear?: () => void;\n /\n Custom actions rendered inside the trigger, to the left of the built-in\n * clear button and dropdown caret. Use `Select.Action` so they match the\n * trigger's size and theme.\n \n Pressing one runs its handler without opening or closing the popover —\n * including while the popover is open. Actions follow the trigger's disabled\n * state but NOT `isReadOnly`, since a read-only field can still host an\n * action that does not change the value; pass `isDisabled` yourself for one\n * that does.\n /\n actions?: ReactNode;\n /* Callback called when the popover open state changes /\n onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {\n popoverRef?: RefObject<HTMLInputElement>;\n /* The ref for the list box. /\n listBoxRef?: RefObject<HTMLElement>;\n size?: 'small' \| 'medium' \| 'large' \| (string & {});\n placeholder?: string;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nfunction Select<T extends object>(\n props: CubeSelectProps<T>,\n ref: DOMRef<HTMLDivElement>,\n) {\n props = useFieldProps(props, {\n defaultValidationTrigger: 'onChange',\n valuePropsMapper: ({ value, onChange }) => ({\n selectedKey: value ?? null,\n onSelectionChange: onChange,\n }),\n });\n\n let {\n qa,\n label,\n extra,\n icon,\n rightIcon,\n labelStyles,\n isRequired,\n necessityIndicator,\n isInvalid,\n isValid,\n prefix,\n isDisabled = props.isLoading \|\| false,\n autoFocus,\n inputProps,\n triggerRef,\n popoverRef,\n listBoxRef,\n isLoading,\n loadingIndicator,\n overlayOffset = 8,\n inputStyles,\n triggerStyles,\n optionStyles,\n listBoxStyles,\n overlayStyles,\n suffix,\n actions,\n message,\n triggerDescription,\n descriptionPlacement,\n hotkeys,\n direction = 'bottom',\n targetRef,\n placement: placementProp,\n shouldFlip = true,\n containerPadding = 8,\n placeholder,\n tooltip,\n size = 'medium',\n shape,\n styles,\n type = 'outline',\n theme = 'default',\n labelSuffix,\n suffixPosition = 'before',\n isClearable,\n clearLabel,\n onOpenChange,\n form,\n ...otherProps\n } = props;\n const { t } = useI18n();\n let state = useSelectState(props);\n\n // Generate a unique ID for this select instance\n const selectId = useMemo(() => generateRandomId(), []);\n\n // Call onOpenChange when open state changes\n useEffect(() => {\n onOpenChange?.(state.isOpen);\n }, [state.isOpen]);\n\n styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n ref = useCombinedRefs(ref);\n triggerRef = useCombinedRefs(triggerRef);\n popoverRef = useCombinedRefs(popoverRef);\n listBoxRef = useCombinedRefs(listBoxRef);\n\n usePopoverSync({\n menuId: selectId,\n isOpen: state.isOpen,\n onClose: () => state.close(),\n triggerRef: triggerRef as RefObject<HTMLElement \| null>,\n containerRef: popoverRef as RefObject<HTMLElement \| null>,\n });\n\n // Hand focus back to the trigger the moment the list closes, rather than\n // leaving it to the popup's `FocusScope`, which only restores when it\n // UNMOUNTS — at the end of the exit transition (CUB-4839).\n //\n // For the length of that transition focus would otherwise sit on an option\n // inside a popup that is going away, and the key a user presses next can\n // land nowhere at all: once the option is detached focus drops to `<body>`,\n // which takes the event out of the React tree entirely.\n //\n // `focusProgrammatically` so the trigger's tooltip does not read this as the\n // user arriving and pop up — it would then swallow that next `Escape`.\n //\n // Guarded on focus still being INSIDE the popup, so this only finishes a\n // hand-off the popup had already started: closing by clicking elsewhere\n // leaves focus wherever the user put it.\n useEffect(() => {\n if (state.isOpen) return;\n\n const popover = popoverRef.current;\n const active = document.activeElement;\n\n if (!popover \|\| !active \|\| !popover.contains(active)) return;\n\n focusProgrammatically(triggerRef.current, { preventScroll: true });\n // Both refs come from `useCombinedRefs`, so their identity never changes;\n // listing them satisfies the rule without re-running this.\n }, [state.isOpen, popoverRef, triggerRef]);\n\n // React Aria hands `form` to `HiddenSelect` as the id of its `<form>`, so the\n // form instance would render as `form=\"[object Object]\"` on the `<select>`.\n let { labelProps, triggerProps, valueProps, menuProps } = useSelect(\n { ...props, form: undefined },\n state,\n triggerRef,\n );\n\n let { overlayProps, placement } = useOverlayPosition({\n // Position only. `triggerRef` stays the dismiss/focus anchor below, so a\n // consumer can line this popover up with a row without that row's clicks\n // reading as presses on the trigger.\n targetRef: (targetRef ?? triggerRef) as RefObject<HTMLElement>,\n overlayRef: popoverRef,\n scrollRef: listBoxRef,\n placement: placementProp ?? (`${direction} end` as Placement),\n shouldFlip: shouldFlip,\n isOpen: state.isOpen,\n onClose: state.close,\n offset: overlayOffset,\n containerPadding: containerPadding,\n });\n\n let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n let { hoverProps, isHovered } = useHover({ isDisabled });\n\n // Get props for the button based on the trigger props from useSelect\n let { buttonProps } = useButton(triggerProps, triggerRef);\n\n let validationIcon = getValidationIcon({ isInvalid, isValid });\n\n // Clear button logic\n let hasSelection = state.selectedItem != null;\n let showClearButton =\n isClearable && hasSelection && !isDisabled && !props.isReadOnly;\n\n // Clear function\n let clearValue = useEvent(() => {\n props.onSelectionChange?.(null);\n state.setSelectedKey(null);\n // Close the popup if it's open\n if (state.isOpen) {\n state.close();\n }\n // Return focus to the trigger for better UX\n triggerRef.current?.focus?.();\n\n props.onClear?.();\n });\n\n let triggerWidth = triggerRef?.current?.offsetWidth;\n\n const showPlaceholder = !!placeholder?.trim() && !state.selectedItem;\n\n const modifiers = useMemo(\n () => ({\n ...getValidationMods({ isInvalid, isValid }),\n disabled: isDisabled,\n loading: isLoading,\n hovered: isHovered,\n focused: isFocused,\n placeholder: showPlaceholder,\n prefix: !!prefix,\n suffix: true,\n }),\n [\n isInvalid,\n isValid,\n isDisabled,\n isLoading,\n isHovered,\n isFocused,\n showPlaceholder,\n prefix,\n ],\n );\n\n suffix = useMemo(() => {\n if (!suffix && !validationIcon) {\n return null;\n }\n\n return (\n <>\n {suffix}\n {validationIcon}\n </>\n );\n }, [suffix, validationIcon]);\n\n // A caller's `rightIcon` keeps the `rightIcon` slot: it accepts a render\n // function resolved against the trigger's mods, which only that slot does, and\n // it is also what a caller's `RightIcon` styles target. It replaces the\n // built-in control, exactly as before.\n const hasCustomRightIcon = rightIcon !== undefined;\n const triggerRightIcon = hasCustomRightIcon ? (\n isLoading ? (\n <LoadingIcon />\n ) : (\n rightIcon\n )\n ) : undefined;\n\n // With a caller's own `rightIcon` the built-in control moves into that slot,\n // leaving the run with whatever the caller passed — possibly nothing. The run\n // is still rendered, so the trigger does not restructure if actions arrive\n // later, but the row stops counting it as end content — which is what keeps an\n // icon-only trigger with `rightIcon={null}` square.\n const hasTriggerActions = !hasCustomRightIcon \|\| !!actions;\n\n // Everything trailing that is NOT the caller's own icon goes into the actions\n // run — a sibling of the `<button>`, so the clear button is no longer nested\n // inside one. See `TriggerActions`.\n const triggerActions = (\n <TriggerActions\n actions={actions}\n builtIn={\n hasCustomRightIcon ? null : showClearButton ? (\n <ItemAction\n icon={<CloseIcon />}\n size={size}\n qa=\"SelectClearButton\"\n // `ItemAction` derives its accessible name from `aria-label` or a\n // string `tooltip` and warns for neither, so an icon-only clear\n // button without this reaches a screen reader unnamed.\n aria-label={clearLabel ?? t('select.clearValue', 'Clear value')}\n // No explicit `type`/`theme`: the default `current` type paints\n // from the trigger's own inherited text color, so the button\n // matches whatever the field is showing instead of one palette.\n //\n // NOTE: this trigger keeps NEUTRAL label text when invalid, so\n // the button reads neutral there too. `Picker` and `FilterPicker`\n // are also `Item`-based but do tint theirs, which is the actual\n // inconsistency to fix — in `Select`, not here.\n mods={{ pressed: false }}\n onPress={clearValue}\n />\n ) : isLoading ? (\n <TriggerIcon>\n <LoadingIcon />\n </TriggerIcon>\n ) : (\n <TriggerIcon>\n <DirectionIcon to={state.isOpen ? 'up' : 'down'} />\n </TriggerIcon>\n )\n }\n />\n );\n\n let selectField = (\n <SelectWrapperElement\n mods={modifiers}\n styles={styles}\n data-size={size}\n data-type={type}\n data-theme={theme}\n >\n <HiddenSelect\n state={state}\n triggerRef={triggerRef}\n label={props.label}\n name={props.name}\n />\n {/\n The trigger's trailing controls are rendered as a SIBLING of the\n `<button>` — the same layout `ItemButton` uses for its actions, shared\n through `ItemActionsWrapper`. `Select` builds its trigger from `Item`\n rather than `ItemButton` because `useSelect`/`useButton` already own the\n button props, so it reaches for the wrapper directly.\n\n The RAW theme, unlike `Picker` / `FilterPicker` which forward\n `getValidationTheme(...)`: this trigger is painted with the raw theme too\n and surfaces validation through `SelectWrapperElement` rather than by\n switching theme. What the wrapper hands its actions must always match\n what the trigger paints with.\n */}\n <ItemActionsWrapper\n type={type}\n theme={theme}\n size={size}\n isDisabled={isDisabled \|\| isLoading}\n mods={modifiers}\n actions={triggerActions}\n >\n {({ showActions, skipActionsWidthTransition }) => (\n <Item\n actions={hasTriggerActions \|\| undefined}\n insideWrapper\n as=\"button\"\n qa={qa \|\| 'Select'}\n data-input-type=\"select\"\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n ref={triggerRef}\n data-popover-trigger\n showActions={showActions}\n skipActionsWidthTransition={skipActionsWidthTransition}\n styles={{ ...inputStyles, ...triggerStyles }}\n theme={theme}\n size={size}\n shape={shape}\n // Ensure this button never submits a surrounding form in tests or runtime\n htmlType=\"button\"\n // Preserve visual variant via data attribute instead of conflicting with HTML attribute\n type={type}\n mods={modifiers}\n prefix={prefix}\n suffix={suffix}\n icon={icon}\n rightIcon={triggerRightIcon}\n description={triggerDescription}\n descriptionPlacement={descriptionPlacement}\n hotkeys={hotkeys}\n tooltip={tooltip}\n labelProps={valueProps}\n >\n {state.selectedItem ? (\n state.selectedItem.rendered\n ) : placeholder ? (\n <Text.Placeholder>{placeholder}</Text.Placeholder>\n ) : null}\n </Item>\n )}\n </ItemActionsWrapper>\n <ListBoxPopup\n {...menuProps}\n popoverRef={popoverRef}\n listBoxRef={listBoxRef}\n overlayProps={overlayProps}\n placement={placement}\n state={state}\n listBoxStyles={listBoxStyles}\n overlayStyles={overlayStyles}\n optionStyles={optionStyles}\n minWidth={triggerWidth}\n triggerRef={triggerRef}\n isDisabled={isDisabled}\n />\n </SelectWrapperElement>\n );\n\n return wrapWithField<Omit<CubeSelectProps<T>, 'children' \| 'tooltip'>>(\n selectField,\n ref,\n mergeProps(\n {\n ...props,\n // The trigger's own. Handed on, it read as the legacy field `tooltip`.\n tooltip: undefined,\n },\n { labelProps },\n ),\n );\n}\n\nexport function ListBoxPopup({\n state,\n popoverRef,\n listBoxRef,\n listBoxStyles,\n overlayStyles,\n optionStyles,\n overlayProps: parentOverlayProps,\n shouldUseVirtualFocus = false,\n placement,\n minWidth,\n size = 'small',\n triggerRef,\n isDisabled,\n ...otherProps\n}) {\n // For trigger+popover components, map 'small' size to 'medium' for list items\n // while preserving 'medium' and 'large' sizes\n const listItemSize = size === 'small' ? 'medium' : size;\n\n // Get props for the listbox\n let { listBoxProps } = useListBox(\n {\n autoFocus: state.focusStrategy \|\| true,\n shouldUseVirtualFocus,\n ...otherProps,\n },\n state,\n listBoxRef,\n );\n\n // Handle events that should cause the popup to close,\n // e.g. blur, clicking outside, or pressing the escape key.\n let { overlayProps: rawOverlayProps } = useOverlay(\n {\n onClose: () => state.close(),\n shouldCloseOnBlur: true,\n isOpen: state.isOpen,\n isDismissable: true,\n shouldCloseOnInteractOutside: (el) => {\n // The trigger owns interactive controls of its own — the clear button\n // and any custom `actions`. They sit in the actions run, a SIBLING of\n // the trigger, so the lookup below would read them as a press outside\n // and dismiss, swallowing the press: the first press on `Reset` while\n // the list was open only closed the list and the action never ran. Same\n // guard as `DialogTrigger`, which `Picker` / `FilterPicker` go through.\n if (isOwnActionsPress(el, triggerRef?.current)) return false;\n\n const menuTriggerEl = el.closest('[data-popover-trigger]');\n if (!menuTriggerEl) {\n if (el.closest('[data-popover-keep]')) return false;\n // Plain interactive controls (Button, ItemButton) opt in via\n // `data-popover-dismiss` to dismiss us without losing their click\n // to useOverlay's stopPropagation. Schedule the close after the\n // click finishes so the button's onPress runs first.\n if (el.closest('[data-popover-dismiss]')) {\n setTimeout(() => state.close(), 0);\n return false;\n }\n return true;\n }\n // If the same trigger that opened this select was clicked, allow closing\n if (menuTriggerEl === triggerRef?.current) return true;\n // Otherwise, don't close (let event mechanism handle it)\n return false;\n },\n },\n popoverRef,\n );\n\n // A list that has already closed must not swallow the `Escape` meant for\n // whatever surrounds it — see `useOverlayEscapeGuard`.\n const overlayProps = useOverlayEscapeGuard(rawOverlayProps, state.isOpen);\n\n // Extract primary placement direction for consistent styling\n const placementDirection = placement?.split(' ')[0] \|\| 'bottom';\n\n // Wrap in <FocusScope> so that focus is restored back to the\n // trigger when the popup is closed. In addition, add hidden\n // <DismissButton> components at the start and end of the list\n // to allow screen reader users to dismiss the popup easily.\n //\n // `autoFocus` is required because `ListBoxPopup` is rendered\n // unconditionally (not gated on `state.isOpen`), so by the time the\n // popover actually opens, react-aria's `useSelectableCollection`\n // autoFocus has already been consumed (its useRef captures the\n // initial value on mount, when the listbox isn't in the DOM yet).\n // Setting `autoFocus` on the FocusScope itself runs each time the\n // FocusScope mounts (every time the popover opens, since the inner\n // tree is unmounted between opens) and explicitly focuses the\n // first tabbable element (the listbox). This also registers the\n // FocusScope as the active scope, so an outer contained Dialog\n // FocusScope (e.g. a popover Dialog wrapping the Select) correctly\n // recognises focus moving into the Select popover and doesn't yank\n // it back to the trigger.\n return (\n <Portal>\n <DisplayTransition isShown={state.isOpen && !isDisabled}>\n {({ phase, isShown, ref: transitionRef }) => (\n <SelectOverlayWrapper\n {...overlayProps}\n {...parentOverlayProps}\n ref={popoverRef}\n style={parentOverlayProps?.style}\n >\n <OverlayElement\n ref={transitionRef}\n data-placement={placementDirection}\n data-phase={phase}\n mods={{\n open: isShown,\n }}\n styles={overlayStyles}\n style={{\n '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',\n }}\n >\n <FocusScope autoFocus restoreFocus>\n <DismissButton onDismiss={() => state.close()} />\n {(() => {\n const renderedItems: React.ReactNode[] = [];\n let isFirstSection = true;\n\n for (const item of state.collection) {\n if (item.type === 'section') {\n if (!isFirstSection) {\n renderedItems.push(\n <ListDivider\n key={`divider-${String(item.key)}`}\n as=\"li\"\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n renderedItems.push(\n <SelectSection\n key={item.key}\n item={item}\n state={state}\n optionStyles={optionStyles}\n sectionStyles={undefined}\n shouldUseVirtualFocus={shouldUseVirtualFocus}\n size={listItemSize}\n />,\n );\n\n isFirstSection = false;\n } else {\n renderedItems.push(\n <Option\n key={item.key}\n item={item}\n state={state}\n styles={optionStyles}\n shouldUseVirtualFocus={shouldUseVirtualFocus}\n size={listItemSize}\n />,\n );\n }\n }\n\n return (\n <ListBoxElement\n styles={listBoxStyles}\n {...listBoxProps}\n ref={listBoxRef}\n >\n {renderedItems}\n </ListBoxElement>\n );\n })()}\n <DismissButton onDismiss={() => state.close()} />\n </FocusScope>\n </OverlayElement>\n </SelectOverlayWrapper>\n )}\n </DisplayTransition>\n </Portal>\n );\n}\n\nfunction Option({ item, state, styles, shouldUseVirtualFocus, size }) {\n let ref = useRef<HTMLLIElement>(null);\n let isDisabled = state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let isVirtualFocused = state.selectionManager.focusedKey === item.key;\n\n let { optionProps, isPressed, labelProps, descriptionProps } = useOption(\n {\n key: item.key,\n isDisabled,\n isSelected,\n shouldSelectOnPressUp: true,\n shouldFocusOnHover: true,\n shouldUseVirtualFocus,\n },\n state,\n ref,\n );\n\n // Handle focus events, so we can apply highlighted\n // style to the focused option\n let { isFocused, focusProps } = useFocus({ isDisabled });\n\n // Filter out service props - all remaining props can be passed to Item\n const filteredItemProps = filterCollectionItemProps(item.props);\n\n return (\n <OptionItem\n {...mergeProps(optionProps, focusProps, filteredItemProps)}\n ref={ref}\n mods={{\n listboxitem: true,\n selected: isSelected,\n focused: shouldUseVirtualFocus ? isVirtualFocused : isFocused,\n disabled: isDisabled,\n pressed: isPressed,\n }}\n data-size={size}\n styles={{\n ...(styles as Styles),\n ...(filteredItemProps.styles as Styles),\n }}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n defaultTooltipPlacement=\"right\"\n >\n {item.rendered}\n </OptionItem>\n );\n}\n\ninterface SelectSectionProps<T> {\n item: any; // react-stately Node<T>\n state: any; // TreeState<T>\n optionStyles?: Styles;\n headingStyles?: Styles;\n sectionStyles?: Styles;\n shouldUseVirtualFocus?: boolean;\n size?: string;\n}\n\nfunction SelectSection<T>(props: SelectSectionProps<T>) {\n const {\n item,\n state,\n optionStyles,\n headingStyles,\n sectionStyles,\n shouldUseVirtualFocus,\n size,\n } = props;\n\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 <ListSectionWrapper {...itemProps} styles={sectionStyles}>\n {heading && (\n <ListSectionHeading\n {...headingProps}\n size={size}\n styles={{ ...headingStyles, '$inline-compensation': '0px' }}\n >\n {heading}\n </ListSectionHeading>\n )}\n <ListBoxElement {...groupProps} mods={{ section: true }}>\n {[...item.childNodes]\n .filter((node: any) => state.collection.getItem(node.key))\n .map((node: any) => (\n <Option\n key={node.key}\n item={node}\n state={state}\n styles={optionStyles}\n shouldUseVirtualFocus={shouldUseVirtualFocus}\n size={size}\n />\n ))}\n </ListBoxElement>\n </ListSectionWrapper>\n );\n}\n\nconst _Select = forwardRefWithGenerics(Select);\n\n(_Select as any).cubeInputType = 'Select';\n\ntype SectionComponent = typeof BaseSection;\n\nconst SelectSectionComponent = Object.assign(BaseSection, {\n displayName: 'Section',\n}) as SectionComponent;\n\nconst __Select = Object.assign(\n _Select as typeof _Select & {\n Item: typeof CollectionItem;\n Section: typeof SelectSectionComponent;\n Action: typeof ItemAction;\n },\n {\n Item: CollectionItem,\n Section: SelectSectionComponent,\n Action: ItemAction,\n },\n);\n\n(__Select as any).displayName = 'Select';\n\nexport { __Select as Select };\n\nexport type { AriaSelectProps };\nexport { useSelectState };\n"],"mappings":"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"}

package/dist/components/fields/Slider/Gradation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/HueSlider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef, useState } from "react";

package/dist/components/fields/Slider/RangeSlider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

package/dist/components/fields/Slider/SliderTrack.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { c } from "react-compiler-runtime";

package/dist/components/fields/Slider/elements.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65f5135 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
@@ -115,7 +115,7 @@ const SwitchElement = tasty({
 });
 const PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];
 function Switch(props, ref) {
-	const $ = c(52);
+	const $ = c(54);
 	let t0;
 	if ($[0] !== props) {
 		t0 = castNullableIsSelected(props);
@@ -159,128 +159,137 @@ function Switch(props, ref) {
 	const { hoverProps, isHovered } = useHover(t6);
 	const inputRef = useRef(null);
 	const domRef = useFocusableRef(ref, inputRef);
-	const { inputProps } = useSwitch(props, useToggleState(props), inputRef);
-	const t7 = inputProps.checked;
-	let t8;
-	if ($[9] !== isInvalid || $[10] !== isValid) {
-		t8 = getValidationMods({
+	let t7;
+	if ($[9] !== props) {
+		t7 = {
+			...props,
+			form: void 0
+		};
+		$[9] = props;
+		$[10] = t7;
+	} else t7 = $[10];
+	const { inputProps } = useSwitch(t7, useToggleState(props), inputRef);
+	const t8 = inputProps.checked;
+	let t9;
+	if ($[11] !== isInvalid || $[12] !== isValid) {
+		t9 = getValidationMods({
 			isInvalid,
 			isValid
 		});
-		$[9] = isInvalid;
-		$[10] = isValid;
-		$[11] = t8;
-	} else t8 = $[11];
-	const t9 = labelPosition === "side";
-	let t10;
-	if ($[12] !== inputProps.checked || $[13] !== insideForm || $[14] !== isDisabled || $[15] !== isFocused || $[16] !== isHovered || $[17] !== t8 || $[18] !== t9) {
-		t10 = {
-			checked: t7,
+		$[11] = isInvalid;
+		$[12] = isValid;
+		$[13] = t9;
+	} else t9 = $[13];
+	const t10 = labelPosition === "side";
+	let t11;
+	if ($[14] !== inputProps.checked || $[15] !== insideForm || $[16] !== isDisabled || $[17] !== isFocused || $[18] !== isHovered || $[19] !== t10 || $[20] !== t9) {
+		t11 = {
+			checked: t8,
 			disabled: isDisabled,
 			hovered: isHovered,
 			focused: isFocused,
-			...t8,
+			...t9,
 			"inside-form": insideForm,
-			"side-label": t9
+			"side-label": t10
 		};
-		$[12] = inputProps.checked;
-		$[13] = insideForm;
-		$[14] = isDisabled;
-		$[15] = isFocused;
-		$[16] = isHovered;
-		$[17] = t8;
-		$[18] = t9;
+		$[14] = inputProps.checked;
+		$[15] = insideForm;
+		$[16] = isDisabled;
+		$[17] = isFocused;
+		$[18] = isHovered;
 		$[19] = t10;
-	} else t10 = $[19];
-	const mods = t10;
-	const t11 = qa || "Switch";
-	let t12;
-	if ($[20] !== focusProps || $[21] !== inputProps) {
-		t12 = mergeProps$1(inputProps, focusProps);
-		$[20] = focusProps;
-		$[21] = inputProps;
-		$[22] = t12;
-	} else t12 = $[22];
+		$[20] = t9;
+		$[21] = t11;
+	} else t11 = $[21];
+	const mods = t11;
+	const t12 = qa || "Switch";
 	let t13;
-	if ($[23] !== id || $[24] !== t11 || $[25] !== t12) {
-		t13 = /* @__PURE__ */ jsx(HiddenInput, {
-			qa: t11,
+	if ($[22] !== focusProps || $[23] !== inputProps) {
+		t13 = mergeProps$1(inputProps, focusProps);
+		$[22] = focusProps;
+		$[23] = inputProps;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== id || $[26] !== t12 || $[27] !== t13) {
+		t14 = /* @__PURE__ */ jsx(HiddenInput, {
+			qa: t12,
 			"data-input-type": "switch",
-			...t12,
+			...t13,
 			ref: inputRef,
 			id
 		});
-		$[23] = id;
-		$[24] = t11;
-		$[25] = t12;
-		$[26] = t13;
-	} else t13 = $[26];
-	let t14;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsx("div", {
+		$[25] = id;
+		$[26] = t12;
+		$[27] = t13;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx("div", {
 			"data-element": "Thumb",
 			"aria-hidden": "true"
 		});
-		$[27] = t14;
-	} else t14 = $[27];
-	let t15;
-	if ($[28] !== inputStyles || $[29] !== mods || $[30] !== size) {
-		t15 = /* @__PURE__ */ jsx(SwitchElement, {
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== inputStyles || $[31] !== mods || $[32] !== size) {
+		t16 = /* @__PURE__ */ jsx(SwitchElement, {
 			mods,
 			"data-size": size,
 			styles: inputStyles,
-			children: t14
+			children: t15
 		});
-		$[28] = inputStyles;
-		$[29] = mods;
-		$[30] = size;
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] !== children) {
-		t16 = children ? /* @__PURE__ */ jsx(_Text, {
-			nowrap: true,
-			children
-		}) : null;
-		$[32] = children;
+		$[30] = inputStyles;
+		$[31] = mods;
+		$[32] = size;
 		$[33] = t16;
 	} else t16 = $[33];
 	let t17;
-	if ($[34] !== isLoading || $[35] !== label) {
-		t17 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
-		$[34] = isLoading;
-		$[35] = label;
-		$[36] = t17;
-	} else t17 = $[36];
+	if ($[34] !== children) {
+		t17 = children ? /* @__PURE__ */ jsx(_Text, {
+			nowrap: true,
+			children
+		}) : null;
+		$[34] = children;
+		$[35] = t17;
+	} else t17 = $[35];
 	let t18;
-	if ($[37] !== hoverProps || $[38] !== mods || $[39] !== size || $[40] !== styles || $[41] !== t13 || $[42] !== t15 || $[43] !== t16 || $[44] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
+	if ($[36] !== isLoading || $[37] !== label) {
+		t18 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
+		$[36] = isLoading;
+		$[37] = label;
+		$[38] = t18;
+	} else t18 = $[38];
+	let t19;
+	if ($[39] !== hoverProps || $[40] !== mods || $[41] !== size || $[42] !== styles || $[43] !== t14 || $[44] !== t16 || $[45] !== t17 || $[46] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
 			qa: "SwitchWrapper",
 			mods,
 			"data-size": size,
 			styles,
 			...hoverProps,
 			children: [
-				t13,
-				t15,
+				t14,
 				t16,
-				t17
+				t17,
+				t18
 			]
 		});
-		$[37] = hoverProps;
-		$[38] = mods;
-		$[39] = size;
-		$[40] = styles;
-		$[41] = t13;
-		$[42] = t15;
-		$[43] = t16;
-		$[44] = t17;
-		$[45] = t18;
-	} else t18 = $[45];
-	const switchField = t18;
-	let t19;
-	if ($[46] !== domRef || $[47] !== id || $[48] !== inputStyles || $[49] !== props || $[50] !== switchField) {
-		t19 = wrapWithField(switchField, domRef, {
+		$[39] = hoverProps;
+		$[40] = mods;
+		$[41] = size;
+		$[42] = styles;
+		$[43] = t14;
+		$[44] = t16;
+		$[45] = t17;
+		$[46] = t18;
+		$[47] = t19;
+	} else t19 = $[47];
+	const switchField = t19;
+	let t20;
+	if ($[48] !== domRef || $[49] !== id || $[50] !== inputStyles || $[51] !== props || $[52] !== switchField) {
+		t20 = wrapWithField(switchField, domRef, {
 			...props,
 			id,
 			labelProps: {
@@ -290,14 +299,14 @@ function Switch(props, ref) {
 			children: null,
 			inputStyles
 		});
-		$[46] = domRef;
-		$[47] = id;
-		$[48] = inputStyles;
-		$[49] = props;
-		$[50] = switchField;
-		$[51] = t19;
-	} else t19 = $[51];
-	return t19;
+		$[48] = domRef;
+		$[49] = id;
+		$[50] = inputStyles;
+		$[51] = props;
+		$[52] = switchField;
+		$[53] = t20;
+	} else t20 = $[53];
+	return t20;
 }
 /**
 * Switches allow users to turn an individual option on or off.