@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/ComboBox.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ComboBox.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  ComboBox as AriaComboBox,\n  ComboBoxProps as AriaComboBoxProps,\n  ComboBoxStateContext\n} from 'react-aria-components/ComboBox';\nimport {\n  ListBoxSection as AriaListBoxSection,\n  ListBox,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxLoadMoreItem,\n  ListBoxProps,\n  ListBoxSectionProps,\n  ListStateContext\n} from 'react-aria-components/ListBox';\nimport {PopoverProps as AriaPopoverProps, Placement} from 'react-aria-components/Popover';\nimport {\n  AsyncLoadable,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  LoadingState,\n  SingleSelection,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {AvatarContext} from './Avatar';\nimport {BaseCollection, CollectionNode} from 'react-aria/private/collections/BaseCollection';\nimport {baseColor, centerPadding, focusRing, space, style} from '../style' with {type: 'macro'};\nimport {Button, ButtonRenderProps} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {checkmark, description, icon, iconCenterWrapper, label, sectionHeading} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {Collection} from 'react-aria/Collection';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  Ref,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {createFocusableRef} from './useDOMRef';\nimport {createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {edgeToText} from '../style/spectrum-theme' with {type: 'macro'};\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRefType} from './types';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport {InputContext, InputProps} from 'react-aria-components/Input';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListLayout} from 'react-stately/useVirtualizerState';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {Node} from '@react-types/shared';\nimport {Popover} from './Popover';\nimport {pressScale} from './pressScale';\nimport {ProgressCircle} from './ProgressCircle';\nimport {TextFieldRef} from './TextField';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useScale} from './utils';\nimport {useSlotId} from 'react-aria/private/utils/useId';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\nimport {Virtualizer} from 'react-aria-components/Virtualizer';\n\nexport interface ComboboxStyleProps {\n  /**\n   * The size of the Combobox.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The prefix to display in the ComboBox. A non-interactive element that appears before the input.\n   */\n  prefix?: ReactNode;\n}\nexport interface ComboBoxProps<T>\n  extends\n    Omit<\n      AriaComboBoxProps<T>,\n      | 'children'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'defaultFilter'\n      | 'allowsEmptyCollection'\n      | 'selectionMode'\n      | 'selectedKey'\n      | 'defaultSelectedKey'\n      | 'onSelectionChange'\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n      | keyof GlobalDOMAttributes\n    >,\n    Omit<SingleSelection, 'disallowEmptySelection'>,\n    ComboboxStyleProps,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps,\n    Pick<ListBoxProps<T>, 'items' | 'dependencies'>,\n    Pick<AriaPopoverProps, 'shouldFlip'>,\n    Pick<AsyncLoadable, 'onLoadMore'>,\n    Pick<InputProps, 'placeholder'> {\n  /** The contents of the collection. */\n  children: ReactNode | ((item: T) => ReactNode);\n  /**\n   * Direction the menu will render relative to the ComboBox.\n   *\n   * @default 'bottom'\n   */\n  direction?: 'bottom' | 'top';\n  /**\n   * Alignment of the menu relative to the input target.\n   *\n   * @default 'start'\n   */\n  align?: 'start' | 'end';\n  /**\n   * Width of the menu. By default, matches width of the trigger. Note that the minimum width of the\n   * dropdown is always equal to the trigger's width.\n   */\n  menuWidth?: number;\n  /**\n   * The current loading state of the ComboBox. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n}\n\nexport const ComboBoxContext =\n  createContext<ContextValue<Partial<ComboBoxProps<any>>, TextFieldRef>>(null);\n\nconst inputButton = style<ButtonRenderProps & {isOpen: boolean; size: 'S' | 'M' | 'L' | 'XL'}>({\n  ...controlBorderRadius('sm'),\n  display: 'flex',\n  outlineStyle: 'none',\n  textAlign: 'center',\n  borderStyle: 'none',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32\n    }\n  },\n  marginStart: 'text-to-control',\n  aspectRatio: 'square',\n  flexShrink: 0,\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isOpen: 'gray-200',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isHovered: 'Highlight',\n      isOpen: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled',\n    forcedColors: 'ButtonFace'\n  }\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nconst loadingWrapperStyles = style({\n  gridColumnStart: '1',\n  gridColumnEnd: '-1',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginY: 8\n});\n\nconst progressCircleStyles = style({\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 22,\n      XL: 26\n    }\n  },\n  marginStart: {\n    isInput: 'text-to-visual'\n  }\n});\n\nconst emptyStateText = style({\n  height: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n      XL: 48\n    }\n  },\n  font: {\n    size: {\n      S: 'ui-sm',\n      M: 'ui',\n      L: 'ui-lg',\n      XL: 'ui-xl'\n    }\n  },\n  display: 'flex',\n  alignItems: 'center',\n  paddingStart: 'edge-to-text'\n});\n\nexport let listbox = style<{size: 'S' | 'M' | 'L' | 'XL'}>({\n  width: 'full',\n  boxSizing: 'border-box',\n  maxHeight: '[inherit]',\n  // TODO: Might help with horizontal scrolling happening on Windows, will need to check somehow. Otherwise, revert back to overflow: auto\n  overflowY: 'auto',\n  overflowX: 'hidden',\n  fontFamily: 'sans',\n  fontSize: controlFont(),\n  outlineStyle: 'none'\n});\n\nexport let listboxItem = style(\n  {\n    ...focusRing(),\n    ...control({shape: 'default', wrap: true, icon: true}),\n    columnGap: 0,\n    paddingX: 0,\n    paddingBottom: '--labelPadding',\n    backgroundColor: {\n      default: 'transparent',\n      isFocused: baseColor('gray-100').isFocusVisible\n    },\n    color: {\n      default: baseColor('neutral'),\n      isDisabled: {\n        default: 'disabled',\n        forcedColors: 'GrayText'\n      }\n    },\n    position: 'relative',\n    gridColumnStart: 1,\n    gridColumnEnd: -1,\n    display: 'grid',\n    gridTemplateAreas: ['. checkmark icon label       .', '. .         .    description .'],\n    gridTemplateColumns: {\n      size: {\n        S: [edgeToText(24), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(24)],\n        M: [edgeToText(32), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(32)],\n        L: [edgeToText(40), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(40)],\n        XL: [edgeToText(48), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(48)]\n      }\n    },\n    gridTemplateRows: {\n      // min-content prevents second row from 'auto'ing to a size larger then 0 when empty\n      default: 'auto minmax(0, min-content)',\n      ':has([slot=description])': 'auto auto'\n    },\n    rowGap: {\n      ':has([slot=description])': space(1)\n    },\n    alignItems: 'baseline',\n    minHeight: controlSize(),\n    height: 'min',\n    textDecoration: 'none',\n    cursor: {\n      default: 'default',\n      isLink: 'pointer'\n    },\n    transition: 'transform'\n  },\n  getAllowedOverrides()\n);\n\nexport let listboxHeader = style<{size?: 'S' | 'M' | 'L' | 'XL'}>({\n  color: 'neutral',\n  boxSizing: 'border-box',\n  minHeight: controlSize(),\n  paddingY: centerPadding(),\n  marginX: {\n    size: {\n      S: `[${edgeToText(24)}]`,\n      M: `[${edgeToText(32)}]`,\n      L: `[${edgeToText(40)}]`,\n      XL: `[${edgeToText(48)}]`\n    }\n  }\n});\n\nconst separatorWrapper = style({\n  display: 'flex',\n  marginX: {\n    size: {\n      S: `[${edgeToText(24)}]`,\n      M: `[${edgeToText(32)}]`,\n      L: `[${edgeToText(40)}]`,\n      XL: `[${edgeToText(48)}]`\n    }\n  },\n  height: 12,\n  alignItems: 'center'\n});\n\nconst dividerStyle = style({\n  backgroundColor: {\n    default: 'gray-200',\n    forcedColors: 'ButtonBorder'\n  },\n  borderRadius: 'full',\n  height: '[2px]',\n  width: 'full'\n});\n\nconst avatar = style({\n  gridArea: 'icon',\n  marginEnd: 'text-to-visual'\n});\n\n// Not from any design, just following the sizing of the existing rows\nexport const LOADER_ROW_HEIGHTS = {\n  S: {\n    medium: 24,\n    large: 30\n  },\n  M: {\n    medium: 32,\n    large: 40\n  },\n  L: {\n    medium: 40,\n    large: 50\n  },\n  XL: {\n    medium: 48,\n    large: 60\n  }\n};\n\nlet InternalComboboxContext = createContext<{size: 'S' | 'M' | 'L' | 'XL'}>({size: 'M'});\n\n/**\n * ComboBox allow users to choose a single option from a collapsible list of options when space is\n * limited.\n */\nexport const ComboBox = /*#__PURE__*/ (forwardRef as forwardRefType)(function ComboBox<T>(\n  props: ComboBoxProps<T>,\n  ref: Ref<TextFieldRef>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ComboBoxContext);\n\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    size = 'M',\n    labelPosition = 'top',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...comboBoxProps\n  } = props;\n\n  return (\n    <AriaComboBox\n      {...comboBoxProps}\n      allowsEmptyCollection\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isOpen, isRequired, isInvalid}) => (\n        <ComboboxInner\n          {...props}\n          isDisabled={isDisabled}\n          isOpen={isOpen}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          ref={ref}\n        />\n      )}\n    </AriaComboBox>\n  );\n});\n\nexport interface ComboBoxItemProps\n  extends\n    Omit<\n      ListBoxItemProps,\n      | 'children'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'onClick'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  children: ReactNode;\n}\n\nconst avatarSize = {\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26\n} as const;\n\nconst checkmarkIconSize = {\n  S: 'XS',\n  M: 'M',\n  L: 'L',\n  XL: 'XL'\n} as const;\n\nexport function ComboBoxItem(props: ComboBoxItemProps): ReactNode {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  let {size} = useContext(InternalComboboxContext);\n  return (\n    <ListBoxItem\n      {...props}\n      ref={ref}\n      textValue={\n        props.textValue ||\n        (typeof props.children === 'string' ? (props.children as string) : undefined)\n      }\n      style={pressScale(ref, props.UNSAFE_style)}\n      className={renderProps =>\n        (props.UNSAFE_className || '') + listboxItem({...renderProps, size, isLink}, props.styles)\n      }>\n      {renderProps => {\n        let {children} = props;\n        return (\n          <>\n            <Provider\n              values={[\n                [\n                  IconContext,\n                  {\n                    slots: {\n                      icon: {\n                        render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                        styles: icon\n                      }\n                    }\n                  }\n                ],\n                [\n                  AvatarContext,\n                  {\n                    slots: {\n                      avatar: {size: avatarSize[size], styles: avatar}\n                    }\n                  }\n                ],\n                [\n                  TextContext,\n                  {\n                    slots: {\n                      label: {styles: label({size})},\n                      description: {styles: description({...renderProps, size})}\n                    }\n                  }\n                ]\n              ]}>\n              {!isLink && !props.onAction && (\n                <CheckmarkIcon\n                  size={checkmarkIconSize[size]}\n                  className={checkmark({...renderProps, size})}\n                />\n              )}\n              {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n            </Provider>\n          </>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\nexport interface ComboBoxSectionProps<T> extends Omit<\n  ListBoxSectionProps<T>,\n  'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n> {}\nexport function ComboBoxSection<T>(props: ComboBoxSectionProps<T>): ReactNode {\n  let {size} = useContext(InternalComboboxContext);\n  return (\n    <>\n      <AriaListBoxSection {...props}>{props.children}</AriaListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n\nconst ComboboxInner = forwardRef(function ComboboxInner(\n  props: ComboBoxProps<any> & {isOpen: boolean},\n  ref: ForwardedRef<TextFieldRef | null>\n) {\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    menuWidth,\n    label,\n    description: descriptionMessage,\n    errorMessage,\n    children,\n    defaultItems,\n    items,\n    size = 'M',\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator,\n    loadingState,\n    isDisabled,\n    isOpen,\n    isRequired,\n    isInvalid,\n    menuTrigger,\n    onLoadMore\n  } = props;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useRef<HTMLDivElement>(null);\n  let buttonRef = useRef<HTMLButtonElement>(null);\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  // Better way to encode this into a style? need to account for flipping\n  let menuOffset: number;\n  if (size === 'S') {\n    menuOffset = 6;\n  } else if (size === 'M') {\n    menuOffset = 6;\n  } else if (size === 'L') {\n    menuOffset = 7;\n  } else {\n    menuOffset = 8;\n  }\n\n  let state = useContext(ComboBoxStateContext);\n  let timeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n  let [showLoading, setShowLoading] = useState(false);\n  let isLoadingOrFiltering = loadingState === 'loading' || loadingState === 'filtering';\n  {\n    /* Logic copied from S1 */\n  }\n  let showFieldSpinner = useMemo(\n    () => showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),\n    [showLoading, isOpen, menuTrigger, loadingState]\n  );\n  let spinnerId = useSlotId([showFieldSpinner]);\n\n  let inputValue = state?.inputValue;\n  let lastInputValue = useRef(inputValue);\n  useEffect(() => {\n    if (isLoadingOrFiltering && !showLoading) {\n      if (timeout.current === null) {\n        timeout.current = setTimeout(() => {\n          setShowLoading(true);\n        }, 500);\n      }\n\n      // If user is typing, clear the timer and restart since it is a new request\n      if (inputValue !== lastInputValue.current) {\n        clearTimeout(timeout.current);\n        timeout.current = setTimeout(() => {\n          setShowLoading(true);\n        }, 500);\n      }\n    } else if (!isLoadingOrFiltering) {\n      // If loading is no longer happening, clear any timers and hide the loading circle\n      setShowLoading(false);\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n      timeout.current = null;\n    }\n\n    lastInputValue.current = inputValue;\n  }, [isLoadingOrFiltering, showLoading, inputValue]);\n\n  useEffect(() => {\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n      timeout.current = null;\n    };\n  }, []);\n\n  let renderer;\n  let listBoxLoadingCircle = (\n    <ListBoxLoadMoreItem\n      // Only show the spinner in the list when loading more\n      isLoading={loadingState === 'loadingMore'}\n      onLoadMore={onLoadMore}\n      className={loadingWrapperStyles}>\n      <ProgressCircle\n        isIndeterminate\n        size=\"S\"\n        styles={progressCircleStyles({size})}\n        // Same loading string as table\n        aria-label={stringFormatter.format('table.loadingMore')}\n      />\n    </ListBoxLoadMoreItem>\n  );\n\n  if (typeof children === 'function') {\n    renderer = (\n      <>\n        <Collection items={items ?? defaultItems} dependencies={props.dependencies}>\n          {children}\n        </Collection>\n        {listBoxLoadingCircle}\n      </>\n    );\n  } else {\n    // TODO: is there a case where the user might provide items to the Combobox but doesn't provide a function renderer?\n    // Same case for other components that have this logic (TableView/CardView/Picker)\n    renderer = (\n      <>\n        {children}\n        {listBoxLoadingCircle}\n      </>\n    );\n  }\n  let scale = useScale();\n\n  return (\n    <>\n      <InternalComboboxContext.Provider value={{size}}>\n        <FieldLabel\n          isDisabled={isDisabled}\n          isRequired={isRequired}\n          size={size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>\n        <FieldGroup\n          prefix={props.prefix}\n          role=\"presentation\"\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          size={size}\n          styles={style({\n            ...fieldInput(),\n            paddingStart: 'edge-to-text',\n            // better way to do this one? it's not actually half, they are\n            // [9, 4], [12, 6], [15, 8], [18, 8]\n            paddingEnd: 'calc(self(height, self(minHeight)) * 3 / 16 - self(borderEndWidth, 2px))'\n          })({size})}>\n          <InputContext.Consumer>\n            {ctx => (\n              <InputContext.Provider\n                value={{\n                  ...ctx,\n                  ref: mergeRefs((ctx as any)?.ref, inputRef)\n                }}>\n                <Input aria-describedby={spinnerId} />\n              </InputContext.Provider>\n            )}\n          </InputContext.Consumer>\n          {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n          {showFieldSpinner && (\n            <ProgressCircle\n              id={spinnerId}\n              isIndeterminate\n              size=\"S\"\n              styles={progressCircleStyles({size, isInput: true})}\n              aria-label={stringFormatter.format('table.loading')}\n            />\n          )}\n          <Button\n            ref={buttonRef}\n            // Prevent press scale from sticking while ComboBox is open.\n            // @ts-ignore\n            isPressed={false}\n            style={renderProps => pressScale(buttonRef)(renderProps)}\n            className={renderProps =>\n              inputButton({\n                ...renderProps,\n                size,\n                isOpen\n              })\n            }>\n            <ChevronIcon size={size} className={iconStyles} />\n          </Button>\n        </FieldGroup>\n        <HelpText\n          size={size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={descriptionMessage}>\n          {errorMessage}\n        </HelpText>\n        <Popover\n          hideArrow\n          offset={menuOffset}\n          placement={`${direction} ${align}` as Placement}\n          shouldFlip={shouldFlip}\n          UNSAFE_style={\n            {\n              '--trigger-width': menuWidth ? menuWidth + 'px' : undefined\n            } as CSSProperties\n          }\n          padding=\"none\"\n          styles={style({\n            minWidth: '--trigger-width',\n            width: '--trigger-width'\n          })}>\n          <div\n            className={style({\n              display: 'flex',\n              size: 'full'\n            })}>\n            <Provider\n              values={[\n                [HeaderContext, {styles: listboxHeader({size})}],\n                [\n                  HeadingContext,\n                  {\n                    // @ts-ignore\n                    role: 'presentation',\n                    styles: sectionHeading\n                  }\n                ],\n                [\n                  TextContext,\n                  {\n                    slots: {\n                      description: {\n                        styles: description({size, isFocused: false, isDisabled: false})\n                      }\n                    }\n                  }\n                ]\n              ]}>\n              <Virtualizer\n                layout={ListLayout}\n                layoutOptions={{\n                  estimatedRowHeight: 32,\n                  padding: 8,\n                  estimatedHeadingHeight: 50,\n                  loaderHeight: LOADER_ROW_HEIGHTS[size][scale]\n                }}>\n                <ListBox\n                  dependencies={props.dependencies}\n                  renderEmptyState={() => (\n                    <span className={emptyStateText({size})}>\n                      {loadingState === 'loading'\n                        ? stringFormatter.format('table.loading')\n                        : stringFormatter.format('combobox.noResults')}\n                    </span>\n                  )}\n                  items={items}\n                  className={listbox({size})}>\n                  {renderer}\n                </ListBox>\n              </Virtualizer>\n            </Provider>\n          </div>\n        </Popover>\n      </InternalComboboxContext.Provider>\n    </>\n  );\n});\n\nclass SeparatorNode extends CollectionNode<any> {\n  static readonly type = 'separator';\n\n  filter(\n    collection: BaseCollection<any>,\n    newCollection: BaseCollection<any>\n  ): CollectionNode<any> | null {\n    let prevItem = newCollection.getItem(this.prevKey!);\n    if (prevItem && prevItem.type !== 'separator') {\n      let clone = this.clone();\n      newCollection.addDescendants(clone, collection);\n      return clone;\n    }\n\n    return null;\n  }\n}\n\nexport const Divider = /*#__PURE__*/ createLeafComponent(\n  SeparatorNode,\n  function Divider(\n    {size}: {size?: 'S' | 'M' | 'L' | 'XL'},\n    ref: ForwardedRef<HTMLDivElement>,\n    node: Node<unknown>\n  ) {\n    let listState = useContext(ListStateContext)!;\n\n    let nextNode = node.nextKey != null && listState.collection.getItem(node.nextKey);\n    if (\n      node.prevKey == null ||\n      !nextNode ||\n      nextNode.type === 'separator' ||\n      (nextNode.type === 'loader' && nextNode.nextKey == null)\n    ) {\n      return null;\n    }\n\n    return (\n      <div className={separatorWrapper({size})}>\n        <div ref={ref} className={dividerStyle} />\n      </div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"ComboBox.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ComboBox.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  ComboBox as AriaComboBox,\n  ComboBoxProps as AriaComboBoxProps,\n  ComboBoxStateContext\n} from 'react-aria-components/ComboBox';\nimport {\n  ListBoxSection as AriaListBoxSection,\n  ListBox,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxLoadMoreItem,\n  ListBoxProps,\n  ListBoxSectionProps,\n  ListStateContext\n} from 'react-aria-components/ListBox';\nimport {PopoverProps as AriaPopoverProps, Placement} from 'react-aria-components/Popover';\nimport {\n  AsyncLoadable,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  LoadingState,\n  SingleSelection,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {AvatarContext} from './Avatar';\nimport {BaseCollection, CollectionNode} from 'react-aria/private/collections/BaseCollection';\nimport {baseColor, centerPadding, focusRing, space, style} from '../style' with {type: 'macro'};\nimport {Button, ButtonRenderProps} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {checkmark, description, icon, iconCenterWrapper, label, sectionHeading} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {Collection} from 'react-aria/Collection';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  Ref,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {createFocusableRef} from './useDOMRef';\nimport {createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {edgeToText} from '../style/spectrum-theme' with {type: 'macro'};\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRefType} from './types';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport {InputContext, InputProps} from 'react-aria-components/Input';\nimport intlMessages from '../intl/*.json';\nimport {ListLayout} from 'react-stately/useVirtualizerState';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {Node} from '@react-types/shared';\nimport {Popover} from './Popover';\nimport {pressScale} from './pressScale';\nimport {ProgressCircle} from './ProgressCircle';\nimport {TextFieldRef} from './TextField';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useScale} from './utils';\nimport {useSlotId} from 'react-aria/private/utils/useId';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\nimport {Virtualizer} from 'react-aria-components/Virtualizer';\n\nexport interface ComboboxStyleProps {\n  /**\n   * The size of the Combobox.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The prefix to display in the ComboBox. A non-interactive element that appears before the input.\n   */\n  prefix?: ReactNode;\n}\nexport interface ComboBoxProps<T>\n  extends\n    Omit<\n      AriaComboBoxProps<T>,\n      | 'children'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'defaultFilter'\n      | 'allowsEmptyCollection'\n      | 'selectionMode'\n      | 'selectedKey'\n      | 'defaultSelectedKey'\n      | 'onSelectionChange'\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n      | keyof GlobalDOMAttributes\n    >,\n    Omit<SingleSelection, 'disallowEmptySelection'>,\n    ComboboxStyleProps,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps,\n    Pick<ListBoxProps<T>, 'items' | 'dependencies'>,\n    Pick<AriaPopoverProps, 'shouldFlip'>,\n    Pick<AsyncLoadable, 'onLoadMore'>,\n    Pick<InputProps, 'placeholder'> {\n  /** The contents of the collection. */\n  children: ReactNode | ((item: T) => ReactNode);\n  /**\n   * Direction the menu will render relative to the ComboBox.\n   *\n   * @default 'bottom'\n   */\n  direction?: 'bottom' | 'top';\n  /**\n   * Alignment of the menu relative to the input target.\n   *\n   * @default 'start'\n   */\n  align?: 'start' | 'end';\n  /**\n   * Width of the menu. By default, matches width of the trigger. Note that the minimum width of the\n   * dropdown is always equal to the trigger's width.\n   */\n  menuWidth?: number;\n  /**\n   * The current loading state of the ComboBox. Determines whether or not the progress circle should\n   * be shown.\n   */\n  loadingState?: LoadingState;\n}\n\nexport const ComboBoxContext =\n  createContext<ContextValue<Partial<ComboBoxProps<any>>, TextFieldRef>>(null);\n\nconst inputButton = style<ButtonRenderProps & {isOpen: boolean; size: 'S' | 'M' | 'L' | 'XL'}>({\n  ...controlBorderRadius('sm'),\n  display: 'flex',\n  outlineStyle: 'none',\n  textAlign: 'center',\n  borderStyle: 'none',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32\n    }\n  },\n  marginStart: 'text-to-control',\n  aspectRatio: 'square',\n  flexShrink: 0,\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isOpen: 'gray-200',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isHovered: 'Highlight',\n      isOpen: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled',\n    forcedColors: 'ButtonFace'\n  }\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nconst loadingWrapperStyles = style({\n  gridColumnStart: '1',\n  gridColumnEnd: '-1',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginY: 8\n});\n\nconst progressCircleStyles = style({\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 22,\n      XL: 26\n    }\n  },\n  marginStart: {\n    isInput: 'text-to-visual'\n  }\n});\n\nconst emptyStateText = style({\n  height: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n      XL: 48\n    }\n  },\n  font: {\n    size: {\n      S: 'ui-sm',\n      M: 'ui',\n      L: 'ui-lg',\n      XL: 'ui-xl'\n    }\n  },\n  display: 'flex',\n  alignItems: 'center',\n  paddingStart: 'edge-to-text'\n});\n\nexport let listbox = style<{size: 'S' | 'M' | 'L' | 'XL'}>({\n  width: 'full',\n  boxSizing: 'border-box',\n  maxHeight: '[inherit]',\n  // TODO: Might help with horizontal scrolling happening on Windows, will need to check somehow. Otherwise, revert back to overflow: auto\n  overflowY: 'auto',\n  overflowX: 'hidden',\n  fontFamily: 'sans',\n  fontSize: controlFont(),\n  outlineStyle: 'none'\n});\n\nexport let listboxItem = style(\n  {\n    ...focusRing(),\n    ...control({shape: 'default', wrap: true, icon: true}),\n    columnGap: 0,\n    paddingX: 0,\n    paddingBottom: '--labelPadding',\n    backgroundColor: {\n      default: 'transparent',\n      isFocused: baseColor('gray-100').isFocusVisible\n    },\n    color: {\n      default: baseColor('neutral'),\n      isDisabled: {\n        default: 'disabled',\n        forcedColors: 'GrayText'\n      }\n    },\n    position: 'relative',\n    gridColumnStart: 1,\n    gridColumnEnd: -1,\n    display: 'grid',\n    gridTemplateAreas: ['. checkmark icon label       .', '. .         .    description .'],\n    gridTemplateColumns: {\n      size: {\n        S: [edgeToText(24), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(24)],\n        M: [edgeToText(32), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(32)],\n        L: [edgeToText(40), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(40)],\n        XL: [edgeToText(48), 'auto', 'auto', 'minmax(0, 1fr)', edgeToText(48)]\n      }\n    },\n    gridTemplateRows: {\n      // min-content prevents second row from 'auto'ing to a size larger then 0 when empty\n      default: 'auto minmax(0, min-content)',\n      ':has([slot=description])': 'auto auto'\n    },\n    rowGap: {\n      ':has([slot=description])': space(1)\n    },\n    alignItems: 'baseline',\n    minHeight: controlSize(),\n    height: 'min',\n    textDecoration: 'none',\n    cursor: {\n      default: 'default',\n      isLink: 'pointer'\n    },\n    transition: 'transform'\n  },\n  getAllowedOverrides()\n);\n\nexport let listboxHeader = style<{size?: 'S' | 'M' | 'L' | 'XL'}>({\n  color: 'neutral',\n  boxSizing: 'border-box',\n  minHeight: controlSize(),\n  paddingY: centerPadding(),\n  marginX: {\n    size: {\n      S: `[${edgeToText(24)}]`,\n      M: `[${edgeToText(32)}]`,\n      L: `[${edgeToText(40)}]`,\n      XL: `[${edgeToText(48)}]`\n    }\n  }\n});\n\nconst separatorWrapper = style({\n  display: 'flex',\n  marginX: {\n    size: {\n      S: `[${edgeToText(24)}]`,\n      M: `[${edgeToText(32)}]`,\n      L: `[${edgeToText(40)}]`,\n      XL: `[${edgeToText(48)}]`\n    }\n  },\n  height: 12,\n  alignItems: 'center'\n});\n\nconst dividerStyle = style({\n  backgroundColor: {\n    default: 'gray-200',\n    forcedColors: 'ButtonBorder'\n  },\n  borderRadius: 'full',\n  height: '[2px]',\n  width: 'full'\n});\n\nconst avatar = style({\n  gridArea: 'icon',\n  marginEnd: 'text-to-visual'\n});\n\n// Not from any design, just following the sizing of the existing rows\nexport const LOADER_ROW_HEIGHTS = {\n  S: {\n    medium: 24,\n    large: 30\n  },\n  M: {\n    medium: 32,\n    large: 40\n  },\n  L: {\n    medium: 40,\n    large: 50\n  },\n  XL: {\n    medium: 48,\n    large: 60\n  }\n};\n\nlet InternalComboboxContext = createContext<{size: 'S' | 'M' | 'L' | 'XL'}>({size: 'M'});\n\n/**\n * ComboBox allow users to choose a single option from a collapsible list of options when space is\n * limited.\n */\nexport const ComboBox = /*#__PURE__*/ (forwardRef as forwardRefType)(function ComboBox<T>(\n  props: ComboBoxProps<T>,\n  ref: Ref<TextFieldRef>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ComboBoxContext);\n\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    size = 'M',\n    labelPosition = 'top',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...comboBoxProps\n  } = props;\n\n  return (\n    <AriaComboBox\n      {...comboBoxProps}\n      allowsEmptyCollection\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isOpen, isRequired, isInvalid}) => (\n        <ComboboxInner\n          {...props}\n          isDisabled={isDisabled}\n          isOpen={isOpen}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          ref={ref}\n        />\n      )}\n    </AriaComboBox>\n  );\n});\n\nexport interface ComboBoxItemProps\n  extends\n    Omit<\n      ListBoxItemProps,\n      | 'children'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'onClick'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  children: ReactNode;\n}\n\nconst avatarSize = {\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26\n} as const;\n\nconst checkmarkIconSize = {\n  S: 'XS',\n  M: 'M',\n  L: 'L',\n  XL: 'XL'\n} as const;\n\nexport function ComboBoxItem(props: ComboBoxItemProps): ReactNode {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  let {size} = useContext(InternalComboboxContext);\n  return (\n    <ListBoxItem\n      {...props}\n      ref={ref}\n      textValue={\n        props.textValue ||\n        (typeof props.children === 'string' ? (props.children as string) : undefined)\n      }\n      style={pressScale(ref, props.UNSAFE_style)}\n      className={renderProps =>\n        (props.UNSAFE_className || '') + listboxItem({...renderProps, size, isLink}, props.styles)\n      }>\n      {renderProps => {\n        let {children} = props;\n        return (\n          <>\n            <Provider\n              values={[\n                [\n                  IconContext,\n                  {\n                    slots: {\n                      icon: {\n                        render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                        styles: icon\n                      }\n                    }\n                  }\n                ],\n                [\n                  AvatarContext,\n                  {\n                    slots: {\n                      avatar: {size: avatarSize[size], styles: avatar}\n                    }\n                  }\n                ],\n                [\n                  TextContext,\n                  {\n                    slots: {\n                      label: {styles: label({size})},\n                      description: {styles: description({...renderProps, size})}\n                    }\n                  }\n                ]\n              ]}>\n              {!isLink && !props.onAction && (\n                <CheckmarkIcon\n                  size={checkmarkIconSize[size]}\n                  className={checkmark({...renderProps, size})}\n                />\n              )}\n              {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n            </Provider>\n          </>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\nexport interface ComboBoxSectionProps<T> extends Omit<\n  ListBoxSectionProps<T>,\n  'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n> {}\nexport function ComboBoxSection<T>(props: ComboBoxSectionProps<T>): ReactNode {\n  let {size} = useContext(InternalComboboxContext);\n  return (\n    <>\n      <AriaListBoxSection {...props}>{props.children}</AriaListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n\nconst ComboboxInner = forwardRef(function ComboboxInner(\n  props: ComboBoxProps<any> & {isOpen: boolean},\n  ref: ForwardedRef<TextFieldRef | null>\n) {\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    menuWidth,\n    label,\n    description: descriptionMessage,\n    errorMessage,\n    children,\n    defaultItems,\n    items,\n    size = 'M',\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator,\n    loadingState,\n    isDisabled,\n    isOpen,\n    isRequired,\n    isInvalid,\n    menuTrigger,\n    onLoadMore\n  } = props;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useRef<HTMLDivElement>(null);\n  let buttonRef = useRef<HTMLButtonElement>(null);\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  // Better way to encode this into a style? need to account for flipping\n  let menuOffset: number;\n  if (size === 'S') {\n    menuOffset = 6;\n  } else if (size === 'M') {\n    menuOffset = 6;\n  } else if (size === 'L') {\n    menuOffset = 7;\n  } else {\n    menuOffset = 8;\n  }\n\n  let state = useContext(ComboBoxStateContext);\n  let timeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n  let [showLoading, setShowLoading] = useState(false);\n  let isLoadingOrFiltering = loadingState === 'loading' || loadingState === 'filtering';\n  {\n    /* Logic copied from S1 */\n  }\n  let showFieldSpinner = useMemo(\n    () => showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),\n    [showLoading, isOpen, menuTrigger, loadingState]\n  );\n  let spinnerId = useSlotId([showFieldSpinner]);\n\n  let inputValue = state?.inputValue;\n  let lastInputValue = useRef(inputValue);\n  useEffect(() => {\n    if (isLoadingOrFiltering && !showLoading) {\n      if (timeout.current === null) {\n        timeout.current = setTimeout(() => {\n          setShowLoading(true);\n        }, 500);\n      }\n\n      // If user is typing, clear the timer and restart since it is a new request\n      if (inputValue !== lastInputValue.current) {\n        clearTimeout(timeout.current);\n        timeout.current = setTimeout(() => {\n          setShowLoading(true);\n        }, 500);\n      }\n    } else if (!isLoadingOrFiltering) {\n      // If loading is no longer happening, clear any timers and hide the loading circle\n      setShowLoading(false);\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n      timeout.current = null;\n    }\n\n    lastInputValue.current = inputValue;\n  }, [isLoadingOrFiltering, showLoading, inputValue]);\n\n  useEffect(() => {\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n      timeout.current = null;\n    };\n  }, []);\n\n  let renderer;\n  let listBoxLoadingCircle = (\n    <ListBoxLoadMoreItem\n      // Only show the spinner in the list when loading more\n      isLoading={loadingState === 'loadingMore'}\n      onLoadMore={onLoadMore}\n      className={loadingWrapperStyles}>\n      <ProgressCircle\n        isIndeterminate\n        size=\"S\"\n        styles={progressCircleStyles({size})}\n        // Same loading string as table\n        aria-label={stringFormatter.format('table.loadingMore')}\n      />\n    </ListBoxLoadMoreItem>\n  );\n\n  if (typeof children === 'function') {\n    renderer = (\n      <>\n        <Collection items={items ?? defaultItems} dependencies={props.dependencies}>\n          {children}\n        </Collection>\n        {listBoxLoadingCircle}\n      </>\n    );\n  } else {\n    // TODO: is there a case where the user might provide items to the Combobox but doesn't provide a function renderer?\n    // Same case for other components that have this logic (TableView/CardView/Picker)\n    renderer = (\n      <>\n        {children}\n        {listBoxLoadingCircle}\n      </>\n    );\n  }\n  let scale = useScale();\n\n  return (\n    <>\n      <InternalComboboxContext.Provider value={{size}}>\n        <FieldLabel\n          isDisabled={isDisabled}\n          isRequired={isRequired}\n          size={size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>\n        <FieldGroup\n          prefix={props.prefix}\n          role=\"presentation\"\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          size={size}\n          styles={style({\n            ...fieldInput(),\n            paddingStart: 'edge-to-text',\n            // better way to do this one? it's not actually half, they are\n            // [9, 4], [12, 6], [15, 8], [18, 8]\n            paddingEnd: 'calc(self(height, self(minHeight)) * 3 / 16 - self(borderEndWidth, 2px))'\n          })({size})}>\n          <InputContext.Consumer>\n            {ctx => (\n              <InputContext.Provider\n                value={{\n                  ...ctx,\n                  ref: mergeRefs((ctx as any)?.ref, inputRef)\n                }}>\n                <Input aria-describedby={spinnerId} />\n              </InputContext.Provider>\n            )}\n          </InputContext.Consumer>\n          {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n          {showFieldSpinner && (\n            <ProgressCircle\n              id={spinnerId}\n              isIndeterminate\n              size=\"S\"\n              styles={progressCircleStyles({size, isInput: true})}\n              aria-label={stringFormatter.format('table.loading')}\n            />\n          )}\n          <Button\n            ref={buttonRef}\n            // Prevent press scale from sticking while ComboBox is open.\n            // @ts-ignore\n            isPressed={false}\n            style={renderProps => pressScale(buttonRef)(renderProps)}\n            className={renderProps =>\n              inputButton({\n                ...renderProps,\n                size,\n                isOpen\n              })\n            }>\n            <ChevronIcon size={size} className={iconStyles} />\n          </Button>\n        </FieldGroup>\n        <HelpText\n          size={size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={descriptionMessage}>\n          {errorMessage}\n        </HelpText>\n        <Popover\n          hideArrow\n          offset={menuOffset}\n          placement={`${direction} ${align}` as Placement}\n          shouldFlip={shouldFlip}\n          UNSAFE_style={\n            {\n              '--trigger-width': menuWidth ? menuWidth + 'px' : undefined\n            } as CSSProperties\n          }\n          padding=\"none\"\n          styles={style({\n            minWidth: '--trigger-width',\n            width: '--trigger-width'\n          })}>\n          <div\n            className={style({\n              display: 'flex',\n              size: 'full'\n            })}>\n            <Provider\n              values={[\n                [HeaderContext, {styles: listboxHeader({size})}],\n                [\n                  HeadingContext,\n                  {\n                    // @ts-ignore\n                    role: 'presentation',\n                    styles: sectionHeading\n                  }\n                ],\n                [\n                  TextContext,\n                  {\n                    slots: {\n                      description: {\n                        styles: description({size, isFocused: false, isDisabled: false})\n                      }\n                    }\n                  }\n                ]\n              ]}>\n              <Virtualizer\n                layout={ListLayout}\n                layoutOptions={{\n                  estimatedRowHeight: 32,\n                  padding: 8,\n                  estimatedHeadingHeight: 50,\n                  loaderHeight: LOADER_ROW_HEIGHTS[size][scale]\n                }}>\n                <ListBox\n                  dependencies={props.dependencies}\n                  renderEmptyState={() => (\n                    <span className={emptyStateText({size})}>\n                      {loadingState === 'loading'\n                        ? stringFormatter.format('table.loading')\n                        : stringFormatter.format('combobox.noResults')}\n                    </span>\n                  )}\n                  items={items}\n                  className={listbox({size})}>\n                  {renderer}\n                </ListBox>\n              </Virtualizer>\n            </Provider>\n          </div>\n        </Popover>\n      </InternalComboboxContext.Provider>\n    </>\n  );\n});\n\nclass SeparatorNode extends CollectionNode<any> {\n  static readonly type = 'separator';\n\n  filter(\n    collection: BaseCollection<any>,\n    newCollection: BaseCollection<any>\n  ): CollectionNode<any> | null {\n    let prevItem = newCollection.getItem(this.prevKey!);\n    if (prevItem && prevItem.type !== 'separator') {\n      let clone = this.clone();\n      newCollection.addDescendants(clone, collection);\n      return clone;\n    }\n\n    return null;\n  }\n}\n\nexport const Divider = /*#__PURE__*/ createLeafComponent(\n  SeparatorNode,\n  function Divider(\n    {size}: {size?: 'S' | 'M' | 'L' | 'XL'},\n    ref: ForwardedRef<HTMLDivElement>,\n    node: Node<unknown>\n  ) {\n    let listState = useContext(ListStateContext)!;\n\n    let nextNode = node.nextKey != null && listState.collection.getItem(node.nextKey);\n    if (\n      node.prevKey == null ||\n      !nextNode ||\n      nextNode.type === 'separator' ||\n      (nextNode.type === 'loader' && nextNode.nextKey == null)\n    ) {\n      return null;\n    }\n\n    return (\n      <div className={separatorWrapper({size})}>\n        <div ref={ref} className={dividerStyle} />\n      </div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"ComboBox.cjs.map"}