@cube-dev/ui-kit 0.207.0 → 0.208.0

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

@@ -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","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","LAYER_SELECTOR","DISABLED_SELECTOR","isOutsideControl","el","trigger","control","closest","contains","matches","layer","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","undefined","mergedPopoverRef","layerRef","overlayScrollRef","t3","t4","t5","t6","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t7","style","t8","maxHeight","maxWidth","positionStyle","t10","t9","current","t11","menuTriggerEl","dismissEl","getOutsidePressBehavior","t12","el_0","behavior","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","event","preventDefault","preserveOutsidePressFocus","t15","t16","ref","onInteractOutsideStart","onInteractOutside","t17","split","placementDirection","transitionRefHolder","t18","Symbol","for","node","setScrollRef","t19","t20","phase","isShown","isExiting","transitionRef","open","overlayContent","_c","mergeProps","mergeRefs"],"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 (`$item-gap`, `1px`). */\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  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// The controls an outside press reaches: a button, a link, a form control,\n// anything with `tabindex`, or something inside one.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\n// The layer a field sits in: a dialog, popover or tray, otherwise the page.\nconst LAYER_SELECTOR =\n  '[role=\"dialog\"], [role=\"alertdialog\"], [data-overlay-layer]';\n\nconst DISABLED_SELECTOR = ':disabled, [aria-disabled=\"true\"]';\n\n// An enabled control apart from the field, in the field's own layer. A press\n// anywhere else counts as blank space and keeps the field's focus and draft:\n// on the field itself, on a dialog's surface, on a disabled control, or\n// outside the field's layer, which stays open.\nfunction isOutsideControl(el: Element, trigger: HTMLElement | null) {\n  const control = el.closest(CONTROL_SELECTOR);\n\n  if (\n    control == null ||\n    trigger == null ||\n    control.contains(trigger) ||\n    trigger.contains(control) ||\n    control.matches(`${LAYER_SELECTOR}, ${DISABLED_SELECTOR}`)\n  ) {\n    return false;\n  }\n\n  const layer = trigger.closest(LAYER_SELECTOR);\n\n  return layer == null || layer.contains(control);\n}\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    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    // The press reaches an outside control, so a checkbox toggles, a text\n    // field takes focus and a native Save button saves on the first click.\n    // A UI Kit Button passes from any layer, unless it is disabled.\n    const dismissEl = el.closest('[data-popover-dismiss]');\n\n    if (\n      isOutsideControl(el, triggerRef.current) ||\n      (dismissEl != null && !dismissEl.matches(DISABLED_SELECTOR))\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. A passed press moves it\n  // to its control, and the field settles its draft on blur, as on Tab. A\n  // consumed press, such as one on blank space or a dialog's backdrop, must\n  // only dismiss this list: the field keeps focus and its 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            // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\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              tokens={{\n                '$overlay-min-width': comboBoxWidth\n                  ? `${comboBoxWidth}px`\n                  : undefined,\n              }}\n              // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes the space left once it has measured; inline, it overrides whatever max size the merged styles give, without restating their defaults\n              style={{ maxHeight, maxWidth }}\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                selectionMode={selectionMode}\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                // As in Select: a large field opens large options, a small\n                // one medium options, which stay easy to pick.\n                size={size === 'large' ? 'large' : 'medium'}\n                shouldUseVirtualFocus={true}\n                items={items as any}\n                filter={filter}\n                styles={listBoxStyles}\n                optionStyles={optionStyles}\n                optionHighlight={optionHighlight}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                stateRef={listStateRef}\n                shape=\"popover\"\n                emptyLabel={emptyLabel}\n                onSelectionChange={onSelectionChange}\n              >\n                {children as any}\n              </ListBox>\n            </ListBoxPopoverElement>\n          </ListBoxPopoverWrapper>\n        );\n      }}\n    </DisplayTransition>\n  );\n\n  return <Portal>{overlayContent}</Portal>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ListBoxPopover.js","names":["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","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","LAYER_SELECTOR","DISABLED_SELECTOR","isOutsideControl","el","trigger","control","closest","contains","matches","layer","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","undefined","mergedPopoverRef","layerRef","overlayScrollRef","t3","t4","t5","t6","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t7","style","t8","maxHeight","maxWidth","positionStyle","t10","t9","current","t11","menuTriggerEl","dismissEl","getOutsidePressBehavior","t12","el_0","behavior","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","event","preventDefault","preserveOutsidePressFocus","t15","t16","ref","onInteractOutsideStart","onInteractOutside","t17","split","placementDirection","transitionRefHolder","t18","Symbol","for","node","setScrollRef","t19","t20","phase","isShown","isExiting","transitionRef","open","overlayContent","_c","mergeProps","mergeRefs"],"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/useI18n';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { useModalLayerRef } from '../../overlays/Modal/modal-containment';\nimport { Portal } from '../../portal/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 (`$item-gap`, `1px`). */\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  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// The controls an outside press reaches: a button, a link, a form control,\n// anything with `tabindex`, or something inside one.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\n// The layer a field sits in: a dialog, popover or tray, otherwise the page.\nconst LAYER_SELECTOR =\n  '[role=\"dialog\"], [role=\"alertdialog\"], [data-overlay-layer]';\n\nconst DISABLED_SELECTOR = ':disabled, [aria-disabled=\"true\"]';\n\n// An enabled control apart from the field, in the field's own layer. A press\n// anywhere else counts as blank space and keeps the field's focus and draft:\n// on the field itself, on a dialog's surface, on a disabled control, or\n// outside the field's layer, which stays open.\nfunction isOutsideControl(el: Element, trigger: HTMLElement | null) {\n  const control = el.closest(CONTROL_SELECTOR);\n\n  if (\n    control == null ||\n    trigger == null ||\n    control.contains(trigger) ||\n    trigger.contains(control) ||\n    control.matches(`${LAYER_SELECTOR}, ${DISABLED_SELECTOR}`)\n  ) {\n    return false;\n  }\n\n  const layer = trigger.closest(LAYER_SELECTOR);\n\n  return layer == null || layer.contains(control);\n}\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    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    // The press reaches an outside control, so a checkbox toggles, a text\n    // field takes focus and a native Save button saves on the first click.\n    // A UI Kit Button passes from any layer, unless it is disabled.\n    const dismissEl = el.closest('[data-popover-dismiss]');\n\n    if (\n      isOutsideControl(el, triggerRef.current) ||\n      (dismissEl != null && !dismissEl.matches(DISABLED_SELECTOR))\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. A passed press moves it\n  // to its control, and the field settles its draft on blur, as on Tab. A\n  // consumed press, such as one on blank space or a dialog's backdrop, must\n  // only dismiss this list: the field keeps focus and its 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            // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\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              tokens={{\n                '$overlay-min-width': comboBoxWidth\n                  ? `${comboBoxWidth}px`\n                  : undefined,\n              }}\n              // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes the space left once it has measured; inline, it overrides whatever max size the merged styles give, without restating their defaults\n              style={{ maxHeight, maxWidth }}\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                selectionMode={selectionMode}\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                // As in Select: a large field opens large options, a small\n                // one medium options, which stay easy to pick.\n                size={size === 'large' ? 'large' : 'medium'}\n                shouldUseVirtualFocus={true}\n                items={items as any}\n                filter={filter}\n                styles={listBoxStyles}\n                optionStyles={optionStyles}\n                optionHighlight={optionHighlight}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                stateRef={listStateRef}\n                shape=\"popover\"\n                emptyLabel={emptyLabel}\n                onSelectionChange={onSelectionChange}\n              >\n                {children as any}\n              </ListBox>\n            </ListBoxPopoverElement>\n          </ListBoxPopoverWrapper>\n        );\n      }}\n    </DisplayTransition>\n  );\n\n  return <Portal>{overlayContent}</Portal>;\n};\n"],"mappings":"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"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useCompositeFocus.js","names":["FocusEvent","RefObject","useEffect","useRef","useEvent","CompositeBlurInfo","isPressing","UseCompositeFocusProps","wrapperRef","HTMLElement","popoverRef","onFocus","onBlur","info","isDisabled","UseCompositeFocusReturn","compositeFocusProps","e","useCompositeFocus","t0","$","_c","wasInsideRef","rafRef","isPressingOutsideRef","t1","node","current","contains","Node","t2","Symbol","for","cancelAnimationFrame","cancelCheck","t3","target","setTimeout","handleDocumentMouseDown","t4","document","removeEventListener","leave","t5","addEventListener","handleFocus","t6","e_0","next","relatedTarget","requestAnimationFrame","activeElement","handleBlur","t7","t8","t9","_c"],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import { FocusEvent, RefObject, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nexport interface CompositeBlurInfo {\n  /**\n   * Focus left for a mousedown outside, and that press has not ended yet. A\n   * layout change made now moves the control under the pointer.\n   */\n  isPressing: boolean;\n}\n\nexport interface UseCompositeFocusProps {\n  wrapperRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLElement>;\n  onFocus?: () => void;\n  onBlur?: (info: CompositeBlurInfo) => void;\n  isDisabled?: boolean;\n}\n\nexport interface UseCompositeFocusReturn {\n  compositeFocusProps: {\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n  };\n}\n\n/**\n * Tracks focus across a wrapper element and its (portaled) popover as a single\n * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`\n * when it leaves both — essential for components whose overlay is portaled, so\n * that clicking an option does not look like a blur of the whole component.\n *\n * Focus entering is reported as it happens. Focus leaving is too when the blur\n * names where focus went (`relatedTarget`), so it runs before the click that\n * caused it: a Save button sees what leaving the field committed, and an\n * `onFocus` runs before a change made in the same press. A blur to nowhere\n * (a node removed under focus, a programmatic `blur()`, a hop through the\n * body) is checked a frame later, and focus that is back by then reports\n * nothing. One caused by a mousedown outside is final and reported at once:\n * Safari leaves focus nowhere when a button is clicked.\n */\nexport function useCompositeFocus({\n  wrapperRef,\n  popoverRef,\n  onFocus,\n  onBlur,\n  isDisabled,\n}: UseCompositeFocusProps): UseCompositeFocusReturn {\n  const wasInsideRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  // Set from an outside mousedown until the task that handles it ends. The\n  // focus change is that mousedown's default action, so a blur that sees the\n  // flag was caused by it.\n  const isPressingOutsideRef = useRef(false);\n\n  const contains = (node: EventTarget | null) =>\n    node != null &&\n    ((wrapperRef.current?.contains(node as Node) ?? false) ||\n      (popoverRef.current?.contains(node as Node) ?? false));\n\n  const cancelCheck = () => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n\n  const handleDocumentMouseDown = useEvent((e: MouseEvent) => {\n    if (contains(e.target)) return;\n\n    isPressingOutsideRef.current = true;\n    setTimeout(() => {\n      isPressingOutsideRef.current = false;\n    }, 0);\n  });\n\n  const leave = () => {\n    cancelCheck();\n\n    if (!wasInsideRef.current) return;\n\n    wasInsideRef.current = false;\n    document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    onBlur?.({ isPressing: isPressingOutsideRef.current });\n  };\n\n  const handleFocus = () => {\n    // A portaled popover's focus events also bubble to the wrapper through the\n    // React tree, so each edge is reported once however many times it arrives.\n    if (isDisabled || wasInsideRef.current) return;\n\n    wasInsideRef.current = true;\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    onFocus?.();\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (isDisabled) return;\n\n    const next = e.relatedTarget;\n\n    if (next != null || isPressingOutsideRef.current) {\n      if (!contains(next)) leave();\n\n      return;\n    }\n\n    cancelCheck();\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n\n      if (!contains(document.activeElement)) leave();\n    });\n  };\n\n  // StrictMode unmounts and remounts effects after an `autoFocus` has already\n  // reported focus, so the listener focus added is put back here.\n  useEffect(() => {\n    if (wasInsideRef.current) {\n      document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    }\n\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleDocumentMouseDown]);\n\n  return {\n    compositeFocusProps: {\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCompositeFocus.js","names":["FocusEvent","RefObject","useEffect","useRef","useEvent","CompositeBlurInfo","isPressing","UseCompositeFocusProps","wrapperRef","HTMLElement","popoverRef","onFocus","onBlur","info","isDisabled","UseCompositeFocusReturn","compositeFocusProps","e","useCompositeFocus","t0","$","_c","wasInsideRef","rafRef","isPressingOutsideRef","t1","node","current","contains","Node","t2","Symbol","for","cancelAnimationFrame","cancelCheck","t3","target","setTimeout","handleDocumentMouseDown","t4","document","removeEventListener","leave","t5","addEventListener","handleFocus","t6","e_0","next","relatedTarget","requestAnimationFrame","activeElement","handleBlur","t7","t8","t9","_c"],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import { FocusEvent, RefObject, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nexport interface CompositeBlurInfo {\n  /**\n   * Focus left for a mousedown outside, and that press has not ended yet. A\n   * layout change made now moves the control under the pointer.\n   */\n  isPressing: boolean;\n}\n\nexport interface UseCompositeFocusProps {\n  wrapperRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLElement>;\n  onFocus?: () => void;\n  onBlur?: (info: CompositeBlurInfo) => void;\n  isDisabled?: boolean;\n}\n\nexport interface UseCompositeFocusReturn {\n  compositeFocusProps: {\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n  };\n}\n\n/**\n * Tracks focus across a wrapper element and its (portaled) popover as a single\n * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`\n * when it leaves both — essential for components whose overlay is portaled, so\n * that clicking an option does not look like a blur of the whole component.\n *\n * Focus entering is reported as it happens. Focus leaving is too when the blur\n * names where focus went (`relatedTarget`), so it runs before the click that\n * caused it: a Save button sees what leaving the field committed, and an\n * `onFocus` runs before a change made in the same press. A blur to nowhere\n * (a node removed under focus, a programmatic `blur()`, a hop through the\n * body) is checked a frame later, and focus that is back by then reports\n * nothing. One caused by a mousedown outside is final and reported at once:\n * Safari leaves focus nowhere when a button is clicked.\n */\nexport function useCompositeFocus({\n  wrapperRef,\n  popoverRef,\n  onFocus,\n  onBlur,\n  isDisabled,\n}: UseCompositeFocusProps): UseCompositeFocusReturn {\n  const wasInsideRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  // Set from an outside mousedown until the task that handles it ends. The\n  // focus change is that mousedown's default action, so a blur that sees the\n  // flag was caused by it.\n  const isPressingOutsideRef = useRef(false);\n\n  const contains = (node: EventTarget | null) =>\n    node != null &&\n    ((wrapperRef.current?.contains(node as Node) ?? false) ||\n      (popoverRef.current?.contains(node as Node) ?? false));\n\n  const cancelCheck = () => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n\n  const handleDocumentMouseDown = useEvent((e: MouseEvent) => {\n    if (contains(e.target)) return;\n\n    isPressingOutsideRef.current = true;\n    setTimeout(() => {\n      isPressingOutsideRef.current = false;\n    }, 0);\n  });\n\n  const leave = () => {\n    cancelCheck();\n\n    if (!wasInsideRef.current) return;\n\n    wasInsideRef.current = false;\n    document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    onBlur?.({ isPressing: isPressingOutsideRef.current });\n  };\n\n  const handleFocus = () => {\n    // A portaled popover's focus events also bubble to the wrapper through the\n    // React tree, so each edge is reported once however many times it arrives.\n    if (isDisabled || wasInsideRef.current) return;\n\n    wasInsideRef.current = true;\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    onFocus?.();\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (isDisabled) return;\n\n    const next = e.relatedTarget;\n\n    if (next != null || isPressingOutsideRef.current) {\n      if (!contains(next)) leave();\n\n      return;\n    }\n\n    cancelCheck();\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n\n      if (!contains(document.activeElement)) leave();\n    });\n  };\n\n  // StrictMode unmounts and remounts effects after an `autoFocus` has already\n  // reported focus, so the listener focus added is put back here.\n  useEffect(() => {\n    if (wasInsideRef.current) {\n      document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    }\n\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleDocumentMouseDown]);\n\n  return {\n    compositeFocusProps: {\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { settleOverlayKey } from "../../../utils/react/overlayKeyPropagation.js";

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["tasty","ForwardedRef","forwardRef","KeyboardEvent","RefObject","useRef","AriaNumberFieldProps","mergeProps","mergeAriaProps","useKeyboard","useLocale","useNumberField","useNumberFieldState","useI18n","castNullableNumberValue","WithNullableValue","settleOverlayKey","useFieldProps","useDisplayedValidation","CubeTextInputBaseProps","TextInputBase","StepButton","TextInputDOMEvents","FieldBaseProps","TextFieldKeyboardProps","CubeNumberInputProps","Omit","field","hideStepper","suffixPosition","StyledTextInputBase","inputStyles","textAlign","StepperContainer","styles","display","gridColumns","gridRows","flow","placeSelf","margin","NumberInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","showsValidateErrors","props","suffix","value","defaultValue","onChange","inputRef","labelProps","userLabelProps","inputProps","userInputProps","wrapperProps","otherProps","showStepper","locale","displayedValidation","t2","trackTouched","ariaProps","t3","state","localInputRef","t4","onKeyDown","undefined","onKeyUp","groupProps","ariaGroupProps","incrementButtonProps","decrementButtonProps","validation","HTMLInputElement","t5","fieldLabel","label","t6","incrementAriaLabel","stepUpLabel","t7","decrementAriaLabel","stepDownLabel","t8","event","defaultPrevented","isDefaultPrevented","key","continuePropagation","t9","isDisabled","keyboardProps","t10","mergedLabelProps","steppers","size","shape","T0","t12","getDisplayedValidation","t13","id","t14","t15","name","isNaN","numberValue","t16","_NumberInput","cubeInputType","displayName","TextInputBase","_c","mergeProps","mergeAriaProps"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  AriaNumberFieldProps,\n  mergeProps as mergeAriaProps,\n  useKeyboard,\n  useLocale,\n  useNumberField,\n} from 'react-aria';\nimport { useNumberFieldState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableNumberValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { settleOverlayKey } from '../../../utils/react/overlayKeyPropagation';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport { StepButton } from './StepButton';\n\nimport type { TextInputDOMEvents } from '@react-types/shared';\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport interface CubeNumberInputProps\n  extends\n    Omit<\n      CubeTextInputBaseProps,\n      | 'defaultValue'\n      | 'value'\n      | 'onChange'\n      | 'field'\n      | 'validate'\n      | 'onFocus'\n      | 'onBlur'\n      | keyof TextInputDOMEvents\n    >,\n    Omit<\n      AriaNumberFieldProps,\n      'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp'\n    >,\n    TextFieldKeyboardProps {\n  field?: FieldBaseProps<number | null | undefined>['field'];\n  /** Whether or to hide stepper */\n  hideStepper?: boolean;\n  /**\n   * Whether the suffix goes before or after the stepper buttons. Defaults to\n   * `before`, so a unit sits next to the number. The validation and loading\n   * icons always come before both.\n   */\n  suffixPosition?: 'before' | 'after';\n}\n\nconst StyledTextInputBase = tasty(TextInputBase, {\n  inputStyles: {\n    textAlign: 'right',\n  },\n});\n\nconst StepperContainer = tasty({\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf 1sf',\n    flow: 'column',\n    placeSelf: 'stretch',\n    margin: '(.5x - 1bw) left',\n  },\n});\n\nfunction NumberInput(\n  rawProps: WithNullableValue<CubeNumberInputProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  // `NaN` is the number field's own empty value.\n  rawProps = castNullableNumberValue(rawProps);\n  let props = useFieldProps(rawProps, { showsValidateErrors: true });\n\n  let {\n    hideStepper,\n    suffix,\n    value,\n    defaultValue,\n    onChange,\n    inputRef,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    wrapperProps,\n    ...otherProps\n  } = props;\n  let showStepper = !hideStepper;\n  let { locale } = useLocale();\n  // The state commits typed text on blur and Enter, so its `onChange` is the\n  // change `validate` sees.\n  let displayedValidation = useDisplayedValidation();\n  let ariaProps = displayedValidation.trackTouched(props);\n  let state = useNumberFieldState({ ...ariaProps, locale });\n  let localInputRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef ?? localInputRef;\n\n  let {\n    groupProps: ariaGroupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    ...validation\n  } = useNumberField(\n    { ...ariaProps, onKeyDown: undefined, onKeyUp: undefined },\n    state,\n    inputRef as RefObject<HTMLInputElement>,\n  );\n  let groupProps = mergeProps(ariaGroupProps, wrapperProps);\n\n  // React Aria names each stepper after the field: a text label goes into the\n  // name, any other label is composed in through the `aria-labelledby` it sets.\n  // The UI Kit strings take the label the same way, so they replace React\n  // Aria's own without losing the field name. Without a text label the name\n  // has to read on its own, so it has strings of its own rather than an\n  // empty `{{label}}` slot.\n  let fieldLabel =\n    props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let stepUpLabel =\n    props.incrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepUp', 'Increase {{label}}', { label: fieldLabel })\n      : t('numberInput.increase', 'Increase'));\n  let stepDownLabel =\n    props.decrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepDown', 'Decrease {{label}}', { label: fieldLabel })\n      : t('numberInput.decrease', 'Decrease'));\n  // Keep native commits and user callbacks inside one Aria event wrapper so\n  // continuePropagation can still undo the native shortcut's propagation stop.\n  let { keyboardProps } = useKeyboard({\n    isDisabled: props.isDisabled,\n    onKeyDown: (event) => {\n      inputProps.onKeyDown?.(event as KeyboardEvent<HTMLInputElement>);\n      event.defaultPrevented = event.isDefaultPrevented();\n      // NumberInput historically lets every key except Enter reach ancestors.\n      if (event.key !== 'Enter') event.continuePropagation();\n      props.onKeyDown?.(event);\n      // Number handling never prevents `Escape` or `Tab`, so a prevented one\n      // is the caller's and stops here, as in every other field. An\n      // unprevented one already goes on, unless the caller stopped it.\n      if (event.isDefaultPrevented()) settleOverlayKey(event);\n    },\n    onKeyUp: props.onKeyUp,\n  });\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const steppers = showStepper ? (\n    <StepperContainer>\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"up\"\n        {...incrementButtonProps}\n        aria-label={stepUpLabel}\n        size={otherProps.size}\n        isPlain={otherProps.shape === 'plain'}\n      />\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"down\"\n        {...decrementButtonProps}\n        aria-label={stepDownLabel}\n        size={otherProps.size}\n        isPlain={otherProps.shape === 'plain'}\n      />\n    </StepperContainer>\n  ) : undefined;\n\n  return (\n    <StyledTextInputBase\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        // `useNumberField` seeds its input id once. Merging the current id\n        // through react-aria's own `mergeProps` updates that seed, so the\n        // input, its label and the steppers' `aria-controls` follow the id\n        // when the form binding changes after mount.\n        mergeAriaProps({ ...inputProps, ...keyboardProps }, { id: props.id }),\n        { 'data-input-type': 'numberinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      wrapperProps={groupProps}\n      // The validation/loading icon always comes first; `suffixPosition`\n      // places the suffix against the steppers instead.\n      suffixPosition=\"after\"\n      suffix={\n        showStepper ? (\n          props.suffixPosition === 'after' ? (\n            <>\n              {steppers}\n              {suffix}\n            </>\n          ) : (\n            <>\n              {suffix}\n              {steppers}\n            </>\n          )\n        ) : (\n          suffix\n        )\n      }\n    >\n      {/* `useNumberField` keeps `name` off the input, whose text is formatted, so a native `<form>` submits the number from here. */}\n      {props.name ? (\n        <input\n          type=\"hidden\"\n          name={props.name}\n          value={isNaN(state.numberValue) ? '' : state.numberValue}\n          disabled={props.isDisabled}\n        />\n      ) : null}\n    </StyledTextInputBase>\n  );\n}\n\n/**\n * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.\n */\nconst _NumberInput = forwardRef(NumberInput);\n\n(_NumberInput as any).cubeInputType = 'Number';\n\n_NumberInput.displayName = 'NumberInput';\n\nexport { _NumberInput as NumberInput };\nexport type { AriaNumberFieldProps };\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["tasty","ForwardedRef","forwardRef","KeyboardEvent","RefObject","useRef","AriaNumberFieldProps","mergeProps","mergeAriaProps","useKeyboard","useLocale","useNumberField","useNumberFieldState","useI18n","castNullableNumberValue","WithNullableValue","settleOverlayKey","useFieldProps","useDisplayedValidation","CubeTextInputBaseProps","TextInputBase","StepButton","TextInputDOMEvents","FieldBaseProps","TextFieldKeyboardProps","CubeNumberInputProps","Omit","field","hideStepper","suffixPosition","StyledTextInputBase","inputStyles","textAlign","StepperContainer","styles","display","gridColumns","gridRows","flow","placeSelf","margin","NumberInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","showsValidateErrors","props","suffix","value","defaultValue","onChange","inputRef","labelProps","userLabelProps","inputProps","userInputProps","wrapperProps","otherProps","showStepper","locale","displayedValidation","t2","trackTouched","ariaProps","t3","state","localInputRef","t4","onKeyDown","undefined","onKeyUp","groupProps","ariaGroupProps","incrementButtonProps","decrementButtonProps","validation","HTMLInputElement","t5","fieldLabel","label","t6","incrementAriaLabel","stepUpLabel","t7","decrementAriaLabel","stepDownLabel","t8","event","defaultPrevented","isDefaultPrevented","key","continuePropagation","t9","isDisabled","keyboardProps","t10","mergedLabelProps","steppers","size","shape","T0","t12","getDisplayedValidation","t13","id","t14","t15","name","isNaN","numberValue","t16","_NumberInput","cubeInputType","displayName","TextInputBase","_c","mergeProps","mergeAriaProps"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  AriaNumberFieldProps,\n  mergeProps as mergeAriaProps,\n  useKeyboard,\n  useLocale,\n  useNumberField,\n} from 'react-aria';\nimport { useNumberFieldState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  castNullableNumberValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { settleOverlayKey } from '../../../utils/react/overlayKeyPropagation';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport { StepButton } from './StepButton';\n\nimport type { TextInputDOMEvents } from '@react-types/shared';\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport interface CubeNumberInputProps\n  extends\n    Omit<\n      CubeTextInputBaseProps,\n      | 'defaultValue'\n      | 'value'\n      | 'onChange'\n      | 'field'\n      | 'validate'\n      | 'onFocus'\n      | 'onBlur'\n      | keyof TextInputDOMEvents\n    >,\n    Omit<\n      AriaNumberFieldProps,\n      'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp'\n    >,\n    TextFieldKeyboardProps {\n  field?: FieldBaseProps<number | null | undefined>['field'];\n  /** Whether or to hide stepper */\n  hideStepper?: boolean;\n  /**\n   * Whether the suffix goes before or after the stepper buttons. Defaults to\n   * `before`, so a unit sits next to the number. The validation and loading\n   * icons always come before both.\n   */\n  suffixPosition?: 'before' | 'after';\n}\n\nconst StyledTextInputBase = tasty(TextInputBase, {\n  inputStyles: {\n    textAlign: 'right',\n  },\n});\n\nconst StepperContainer = tasty({\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf 1sf',\n    flow: 'column',\n    placeSelf: 'stretch',\n    margin: '(.5x - 1bw) left',\n  },\n});\n\nfunction NumberInput(\n  rawProps: WithNullableValue<CubeNumberInputProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  // `NaN` is the number field's own empty value.\n  rawProps = castNullableNumberValue(rawProps);\n  let props = useFieldProps(rawProps, { showsValidateErrors: true });\n\n  let {\n    hideStepper,\n    suffix,\n    value,\n    defaultValue,\n    onChange,\n    inputRef,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    wrapperProps,\n    ...otherProps\n  } = props;\n  let showStepper = !hideStepper;\n  let { locale } = useLocale();\n  // The state commits typed text on blur and Enter, so its `onChange` is the\n  // change `validate` sees.\n  let displayedValidation = useDisplayedValidation();\n  let ariaProps = displayedValidation.trackTouched(props);\n  let state = useNumberFieldState({ ...ariaProps, locale });\n  let localInputRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef ?? localInputRef;\n\n  let {\n    groupProps: ariaGroupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    ...validation\n  } = useNumberField(\n    { ...ariaProps, onKeyDown: undefined, onKeyUp: undefined },\n    state,\n    inputRef as RefObject<HTMLInputElement>,\n  );\n  let groupProps = mergeProps(ariaGroupProps, wrapperProps);\n\n  // React Aria names each stepper after the field: a text label goes into the\n  // name, any other label is composed in through the `aria-labelledby` it sets.\n  // The UI Kit strings take the label the same way, so they replace React\n  // Aria's own without losing the field name. Without a text label the name\n  // has to read on its own, so it has strings of its own rather than an\n  // empty `{{label}}` slot.\n  let fieldLabel =\n    props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let stepUpLabel =\n    props.incrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepUp', 'Increase {{label}}', { label: fieldLabel })\n      : t('numberInput.increase', 'Increase'));\n  let stepDownLabel =\n    props.decrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepDown', 'Decrease {{label}}', { label: fieldLabel })\n      : t('numberInput.decrease', 'Decrease'));\n  // Keep native commits and user callbacks inside one Aria event wrapper so\n  // continuePropagation can still undo the native shortcut's propagation stop.\n  let { keyboardProps } = useKeyboard({\n    isDisabled: props.isDisabled,\n    onKeyDown: (event) => {\n      inputProps.onKeyDown?.(event as KeyboardEvent<HTMLInputElement>);\n      event.defaultPrevented = event.isDefaultPrevented();\n      // NumberInput historically lets every key except Enter reach ancestors.\n      if (event.key !== 'Enter') event.continuePropagation();\n      props.onKeyDown?.(event);\n      // Number handling never prevents `Escape` or `Tab`, so a prevented one\n      // is the caller's and stops here, as in every other field. An\n      // unprevented one already goes on, unless the caller stopped it.\n      if (event.isDefaultPrevented()) settleOverlayKey(event);\n    },\n    onKeyUp: props.onKeyUp,\n  });\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const steppers = showStepper ? (\n    <StepperContainer>\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"up\"\n        {...incrementButtonProps}\n        aria-label={stepUpLabel}\n        size={otherProps.size}\n        isPlain={otherProps.shape === 'plain'}\n      />\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"down\"\n        {...decrementButtonProps}\n        aria-label={stepDownLabel}\n        size={otherProps.size}\n        isPlain={otherProps.shape === 'plain'}\n      />\n    </StepperContainer>\n  ) : undefined;\n\n  return (\n    <StyledTextInputBase\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        // `useNumberField` seeds its input id once. Merging the current id\n        // through react-aria's own `mergeProps` updates that seed, so the\n        // input, its label and the steppers' `aria-controls` follow the id\n        // when the form binding changes after mount.\n        mergeAriaProps({ ...inputProps, ...keyboardProps }, { id: props.id }),\n        { 'data-input-type': 'numberinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      wrapperProps={groupProps}\n      // The validation/loading icon always comes first; `suffixPosition`\n      // places the suffix against the steppers instead.\n      suffixPosition=\"after\"\n      suffix={\n        showStepper ? (\n          props.suffixPosition === 'after' ? (\n            <>\n              {steppers}\n              {suffix}\n            </>\n          ) : (\n            <>\n              {suffix}\n              {steppers}\n            </>\n          )\n        ) : (\n          suffix\n        )\n      }\n    >\n      {/* `useNumberField` keeps `name` off the input, whose text is formatted, so a native `<form>` submits the number from here. */}\n      {props.name ? (\n        <input\n          type=\"hidden\"\n          name={props.name}\n          value={isNaN(state.numberValue) ? '' : state.numberValue}\n          disabled={props.isDisabled}\n        />\n      ) : null}\n    </StyledTextInputBase>\n  );\n}\n\n/**\n * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.\n */\nconst _NumberInput = forwardRef(NumberInput);\n\n(_NumberInput as any).cubeInputType = 'Number';\n\n_NumberInput.displayName = 'NumberInput';\n\nexport { _NumberInput as NumberInput };\nexport type { AriaNumberFieldProps };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Button } from "../../actions/Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -11,6 +10,7 @@ import { withOverlayKeys } from "../../../utils/react/overlayKeyPropagation.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { TextInputBase as _TextInputBase } from "../TextInput/TextInputBase.js";
+import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
 import { useDisplayedValidation } from "../TextInput/displayed-validation.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef, useRef, useState } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","useState","AriaTextFieldProps","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","withOverlayKeys","ItemAction","ItemActionProvider","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","TextFieldKeyboardProps","CubePasswordInputProps","Omit","validate","PasswordInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","form","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","onKeyDown","HTMLInputElement","t2","mergedLabelProps","t3","_temp2","toggleType","t4","t5","t6","t7","t8","wrappedSuffix","t9","t10","paddingRight","getDisplayedValidation","type_0","toString","_PasswordInput","cubeInputType","displayName","_c","mergeProps","TextInputBase"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef, useState } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { EyeIcon } from '../../../icons/EyeIcon';\nimport { EyeInvisibleIcon } from '../../../icons/EyeInvisibleIcon';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { withOverlayKeys } from '../../../utils/react/overlayKeyPropagation';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport type { TextFieldKeyboardProps } from '../../../shared/form';\n\nexport interface CubePasswordInputProps\n  extends\n    WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>>,\n    CubeBufferedValueProps,\n    TextFieldKeyboardProps {\n  validate?: AriaTextFieldProps['validate'];\n}\n\nfunction PasswordInput(\n  rawProps: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value?.toString() ?? '',\n      onChange,\n    }),\n  });\n\n  let [type, setType] = useState('password');\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    suffix,\n    multiLine,\n    inputRef: propsInputRef,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...rest\n  } = props;\n  let localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  let buffered = useBufferedValue(rest.value, rest.onChange, {\n    isBuffered,\n    isDisabled: rest.isDisabled,\n    isReadOnly: rest.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      onKeyDown: withOverlayKeys(rest.onKeyDown),\n      type,\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const toggleType = () => {\n    setType((type) => (type === 'password' ? 'text' : 'password'));\n  };\n\n  const wrappedSuffix = (\n    <>\n      {suffix}\n      {/*\n        The disabled state travels through the provider rather than as a prop on\n        the action. Both disable it, but the provider marks the state as\n        INHERITED from the field, and `current` paints from the colour it\n        inherits — which a disabled field has already faded — so a second fade\n        would multiply the two down to roughly a tenth opacity. No `type` is\n        passed, so the `context` mod stays off and the toggle keeps its margins.\n      */}\n      <ItemActionProvider isDisabled={rest.isDisabled}>\n        <ItemAction\n          // No `type` — the default `current` type inherits the input's own text\n          // color, so the toggle follows the field's theme, validation state and\n          // disabled state rather than staying opaque against faded text.\n          // A toggle button keeps one name and reports its state with\n          // `aria-pressed`: pressed means the password is shown.\n          tooltip={t('passwordInput.showPassword', 'Show password')}\n          aria-pressed={type === 'text'}\n          icon={type === 'password' ? <EyeInvisibleIcon /> : <EyeIcon />}\n          onPress={toggleType}\n        />\n      </ItemActionProvider>\n    </>\n  );\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'passwordinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      inputStyles={{ paddingRight: '4x' }}\n      type={type}\n      suffixPosition=\"after\"\n      suffix={wrappedSuffix}\n      multiLine={multiLine}\n      {...rest}\n      {...displayedValidation.getDisplayedValidation(rest, validation)}\n    />\n  );\n}\n\n/**\n * PasswordInputs are password inputs that allow users to input passwords or code entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _PasswordInput = forwardRef(PasswordInput);\n\n(_PasswordInput as any).cubeInputType = 'Text';\n_PasswordInput.displayName = 'PasswordInput';\n\nexport { _PasswordInput as PasswordInput };\n"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","useState","AriaTextFieldProps","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","castNullableStringValue","WithNullableValue","withOverlayKeys","useBufferedValue","ItemAction","ItemActionProvider","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","TextFieldKeyboardProps","CubePasswordInputProps","Omit","validate","PasswordInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","form","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","onKeyDown","HTMLInputElement","t2","mergedLabelProps","t3","_temp2","toggleType","t4","t5","t6","t7","t8","wrappedSuffix","t9","t10","paddingRight","getDisplayedValidation","type_0","toString","_PasswordInput","cubeInputType","displayName","_c","mergeProps","TextInputBase"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef, useState } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { EyeIcon } from '../../../icons/EyeIcon';\nimport { EyeInvisibleIcon } from '../../../icons/EyeInvisibleIcon';\nimport { chain } from '../../../utils/react/chain';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { withOverlayKeys } from '../../../utils/react/overlayKeyPropagation';\nimport { useBufferedValue } from '../../../utils/react/useBufferedValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useFieldProps } from '../../form/Form/use-field/use-field-props';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport type { TextFieldKeyboardProps } from '../../../shared/form';\n\nexport interface CubePasswordInputProps\n  extends\n    WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>>,\n    CubeBufferedValueProps,\n    TextFieldKeyboardProps {\n  validate?: AriaTextFieldProps['validate'];\n}\n\nfunction PasswordInput(\n  rawProps: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value?.toString() ?? '',\n      onChange,\n    }),\n  });\n\n  let [type, setType] = useState('password');\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    suffix,\n    multiLine,\n    inputRef: propsInputRef,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...rest\n  } = props;\n  let localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  let buffered = useBufferedValue(rest.value, rest.onChange, {\n    isBuffered,\n    isDisabled: rest.isDisabled,\n    isReadOnly: rest.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      onKeyDown: withOverlayKeys(rest.onKeyDown),\n      type,\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const toggleType = () => {\n    setType((type) => (type === 'password' ? 'text' : 'password'));\n  };\n\n  const wrappedSuffix = (\n    <>\n      {suffix}\n      {/*\n        The disabled state travels through the provider rather than as a prop on\n        the action. Both disable it, but the provider marks the state as\n        INHERITED from the field, and `current` paints from the colour it\n        inherits — which a disabled field has already faded — so a second fade\n        would multiply the two down to roughly a tenth opacity. No `type` is\n        passed, so the `context` mod stays off and the toggle keeps its margins.\n      */}\n      <ItemActionProvider isDisabled={rest.isDisabled}>\n        <ItemAction\n          // No `type` — the default `current` type inherits the input's own text\n          // color, so the toggle follows the field's theme, validation state and\n          // disabled state rather than staying opaque against faded text.\n          // A toggle button keeps one name and reports its state with\n          // `aria-pressed`: pressed means the password is shown.\n          tooltip={t('passwordInput.showPassword', 'Show password')}\n          aria-pressed={type === 'text'}\n          icon={type === 'password' ? <EyeInvisibleIcon /> : <EyeIcon />}\n          onPress={toggleType}\n        />\n      </ItemActionProvider>\n    </>\n  );\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'passwordinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      inputStyles={{ paddingRight: '4x' }}\n      type={type}\n      suffixPosition=\"after\"\n      suffix={wrappedSuffix}\n      multiLine={multiLine}\n      {...rest}\n      {...displayedValidation.getDisplayedValidation(rest, validation)}\n    />\n  );\n}\n\n/**\n * PasswordInputs are password inputs that allow users to input passwords or code entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _PasswordInput = forwardRef(PasswordInput);\n\n(_PasswordInput as any).cubeInputType = 'Text';\n_PasswordInput.displayName = 'PasswordInput';\n\nexport { _PasswordInput as PasswordInput };\n"],"mappings":"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"}

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

@@ -2,9 +2,7 @@
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
-import "../../content/Item/index.js";
 import { CubeItemButtonProps } from "../../actions/ItemButton/ItemButton.js";
-import "../../actions/index.js";
 import { CubeItemBaseProps as CubeItemProps } from "../../content/Item/Item.js";
 import { FieldLayoutStyleProps } from "../../form/field-layout.js";
 import { CubeListBoxProps, ListBox } from "../ListBox/ListBox.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,27 +1,27 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { Text as _Text } from "../../content/Text.js";
-import { isTextOnly } from "../../../utils/react/isTextOnly.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
+import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { DirectionIcon } from "../../../icons/DirectionIcon.js";
+import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { ItemActionIcon } from "../../actions/ItemActionsWrapper.js";
 import { ItemButton as _ItemButton } from "../../actions/ItemButton/ItemButton.js";
-import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";
+import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { allowOverlayKeysToPropagate } from "../../../utils/react/overlayKeyPropagation.js";
 import { getValidationTheme } from "../../form/validation/resolve-validation-props.js";
-import { getValidationIcon } from "../../form/validation/ValidationIndicator.js";
 import { TRIGGER_TOOLTIP_WARNING } from "../../form/legacy-tooltip.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { splitFieldLayout } from "../../form/field-layout.js";
-import { DialogTrigger } from "../../overlays/Dialog/DialogTrigger.js";
+import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { ListBox } from "../ListBox/ListBox.js";
+import { getValidationIcon } from "../../form/validation/ValidationIndicator.js";
 import { TriggerActions } from "../TriggerActions.js";
+import { DialogTrigger } from "../../overlays/Dialog/DialogTrigger.js";
+import { isTextOnly } from "../../../utils/react/isTextOnly.js";
 import { processSelectionArray } from "../../../utils/selection.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useId, useMemo, useRef, useState } from "react";