@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/forms/select/Select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/select/Select.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type ReactNode,\n  type ReactElement,\n  type SetStateAction,\n  type Dispatch,\n} from 'react';\nimport ReactSelect, { createFilter, type GroupBase } from 'react-select';\n\nimport { components } from './components/components.js';\nimport type { MenuListFunctionRefObject } from './components/MenuList.js';\nimport { SelectMenuContext } from './contexts/SelectMenuContext.js';\nimport {\n  useSelectOptions,\n  _isOption,\n  safeStringify,\n} from './hooks/use-select-options.js';\nimport { useSelectSlots } from './hooks/use-select-slots.js';\nimport { useSelectValue } from './hooks/use-select-value.js';\nimport { SelectContent } from './SelectContent.js';\nimport { SelectCustomTrigger } from './SelectCustomTrigger.js';\nimport { SelectDisplayValue } from './SelectDisplayValue.js';\nimport {\n  SelectEmptyState,\n  type SelectEmptyStateProps,\n} from './SelectEmptyState.js';\nimport { SelectFilter, type SelectFilterProps } from './SelectFilter.js';\nimport { SelectGroup, SelectGroupLabel } from './SelectGroup.js';\nimport { SelectOption } from './SelectOption.js';\nimport { SelectPrefix, type SelectPrefixProps } from './SelectPrefix.js';\nimport { SelectSuffix } from './SelectSuffix.js';\nimport { SelectTrigger } from './SelectTrigger.js';\nimport {\n  reducer,\n  SelectActions,\n  type SelectReducerAction,\n} from './state/select-menu-state-reducer.js';\nimport * as styles from './styles/Select.sty.js';\nimport type {\n  BaseOption,\n  OptionOrGroup,\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './types.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport type {\n  FormControlState,\n  FormControlStateProps,\n} from '../../core/types/form-control-state.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { modalityStore } from '../../core/utils/modality.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport { withFormFieldMessageContextProviderWithGenerics } from '../forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useFormFieldValidation } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n} from '../shared-types.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport type { ValidationState } from '../validation/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\nconst COMPONENT_NAME = 'Select';\n\n// Redeclare react-select module to extend it with additional props for typesafety.\n// https://react-select.com/typescript#custom-select-props\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<\n    Option,\n    // oxlint-disable-next-line typescript/no-unused-vars\n    IsMulti extends boolean,\n    // oxlint-disable-next-line typescript/no-unused-vars\n    Group extends GroupBase<Option>,\n  > {\n    /** Custom placeholder text */\n    placeholderText?: ReactNode;\n    /** The trigger width set by the dev. */\n    triggerWidth?: SelectTriggerWidthOptionsType;\n    /** Custom select trigger */\n    customTrigger?: ReactElement<\n      // oxlint-disable-next-line typescript/no-explicit-any\n      { [key: string]: any } | null | undefined\n    >;\n    /** Custom display value. */\n    displayValue?: ReactNode[];\n    /** Prefix for the select trigger */\n    prefix?: ReactElement<SelectPrefixProps>;\n    /* TriggerRef that needs to be applied to the trigger in order to setup the menu positioning */\n    triggerRef: HTMLElement | null;\n    /* setter for the TriggerRef */\n    setTriggerRef: Dispatch<SetStateAction<HTMLDivElement | null>>;\n    /** Defines if the space for the prefix icons should be reserved in all options rendered */\n    optionsHavePrefix: boolean;\n    /** Select.Filter component specified by dev */\n    customFilter?: ReactElement<SelectFilterProps>;\n    /** Custom empty state provided by dev */\n    emptyState?: ReactElement<SelectEmptyStateProps>;\n    /** Form control state for errors and hints */\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState?: FormControlState;\n    /** Parent-owned form control error visibility. */\n    formControlShowError: boolean;\n    /** Parent-owned form control hint content. */\n    formControlHint: ReactNode;\n    /** Parent-owned form control hint props. */\n    formControlHintProps: { id: string; 'aria-live': 'polite' };\n    loading?: boolean;\n    clearable?: boolean;\n    isRequired?: boolean;\n    /** array of all select options (including those in groups) */\n    allOptions?: BaseOption<Option>[];\n    hiddenSelectRef: Ref<HTMLSelectElement>;\n    hiddenSelectName?: string;\n    hiddenSelectForm?: string;\n    /** whether the focus styles on the options should be visible */\n    focusOnOption: boolean;\n    /** Ref that needs to be applied to the filter input to manage the focus and keyboard navigation */\n    filterRef?: RefObject<FormControlRef<HTMLDivElement> | null>;\n    /** Ref that needs to be applied to the clear selection element to manage the focus and keyboard navigation */\n    clearSelectionRef?: RefObject<HTMLElement | null>;\n    /** Ref that needs to be applied to the select content (menulist) element to manage the focus and keyboard navigation */\n    contentRef?: RefObject<HTMLDivElement | null>;\n    /** Identifies the menu portal as part of the Select focus boundary. */\n    menuOwnerId: string;\n    menuListFunctionRef?: RefObject<MenuListFunctionRefObject | null>;\n    /** The content width set by the dev. */\n    contentWidth?: SelectContentWidthOptionsType;\n    /** Whether the selected options are reordered to the top of the options. */\n    showSelectedOptionsFirst?: boolean;\n    /** The id used for the hidden input. */\n    selectInputId?: string;\n    /** Labels the current element. */\n    'aria-label'?: string;\n    /** Identifies the element (or elements) that label(s) the current element. */\n    'aria-labelledby'?: string;\n    /** Identifies the element (or elements) that describe(s) the object. */\n    'aria-describedby'?: string;\n    /** Identifies the element (or elements) that provide(s) a detailed, extended description for the object. */\n    'aria-details'?: string;\n    /** className and style prop for each of the components. */\n    componentProps: {\n      trigger?: StylingProps &\n        DataTestId &\n        BehaviorTrackingProps & { readOnly: boolean; ariaDisabled?: boolean };\n      content?: StylingProps & DataTestId & BehaviorTrackingProps;\n      filter?: StylingProps & DataTestId & BehaviorTrackingProps;\n      emptyState?: StylingProps & DataTestId & BehaviorTrackingProps;\n    };\n  }\n}\n\n// Redeclare react forwardRef to allow generic types on react\n// https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref\ndeclare module 'react' {\n  function forwardRef<T, P = unknown>(\n    render: (\n      props: P,\n      ref: import('react').Ref<T>,\n    ) => import('react').ReactElement | null,\n  ): (\n    props: P & import('react').RefAttributes<T>,\n  ) => import('react').ReactElement | null;\n}\n\n/**\n * Common select base props.\n * @public\n */\nexport type SelectBaseProps<T, Multiple extends boolean> = PropsWithChildren<{\n  /**\n   * Used to compare options with objects for values either by a specified property of the object or through a comparator function.\n   */\n  compareBy?: keyof T | ((valueA: T, valueB: T) => boolean);\n\n  /** Name used for the component when submitting it in a form */\n  name?: string;\n\n  /** Form name used to connect the component to a form */\n  form?: string;\n\n  /**\n   * Internal: routes this control's native/Strato validation messages to the\n   * field outlet (default), the enclosing form's outlet, or both. Unstable.\n   * @internal\n   */\n  _messageTarget?: MessageTarget | MessageTarget[];\n\n  /**\n   * Boolean to determine whether the component is required\n   *\n   * @defaultValue false\n   */\n  required?: boolean;\n\n  /**\n   * Whether the component is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * Event handler called when the open state for the select changes\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n\n  /**\n   * Whether or not the select allows multiple selection or not\n   * @defaultValue false\n   */\n  multiple?: Multiple;\n\n  /**\n   * Whether or not the select is clearable.\n   * @defaultValue false for single select, true for multi select\n   */\n  clearable?: boolean;\n}> &\n  MaskingProps;\n\n/**\n * @public\n */\nexport type SelectOnChangeValue<\n  OptionValue,\n  Multiple extends boolean,\n> = Multiple extends true\n  ? SelectMultiValue<OptionValue>\n  : SelectSingleValue<OptionValue>;\n\n/**\n * Accepted properties for Select\n * @public\n */\nexport type SelectFormsProps<\n  /*\n   * TODO: Figure out how we can properly infer the type of the Select here\n   * because that would come from the value of the options (as children)\n   * which is not really doable with the given API.\n   */\n  OptionValue,\n  Multiple extends boolean,\n> = SelectBaseProps<OptionValue, Multiple> &\n  FormControlProps<\n    Multiple extends true\n      ? SelectMultiValue<OptionValue>\n      : SelectSingleValue<OptionValue>,\n    (value: SelectOnChangeValue<OptionValue, Multiple>) => void,\n    HTMLElement\n  > &\n  // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n  FormControlStateProps &\n  DOMProps &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps;\n\n/**\n * Function to return the item that should be focused after\n * updating all options via onChange in a controlled multi select.\n * @param options - all select options\n * @param focusedOptionValue - the value of the previously focused option\n * @returns option with the same value as the previously focused option or null\n */\nfunction getNewFocusedOption(\n  options: OptionOrGroup<BaseOption<unknown>>,\n  focusedOptionValue: unknown,\n): BaseOption<unknown> | null {\n  for (const optionOrGroup of options) {\n    if (_isOption(optionOrGroup)) {\n      if (optionOrGroup.value === focusedOptionValue) {\n        return optionOrGroup;\n      }\n    } else {\n      for (const option of optionOrGroup.options) {\n        if (_isOption(option) && option.value === focusedOptionValue) {\n          return option;\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\nfunction focusFilterClearButton(\n  filterElement: HTMLElement | null | undefined,\n  filterValue: string | undefined,\n  event: Pick<\n    ReactKeyboardEvent<HTMLDivElement>,\n    'preventDefault' | 'stopPropagation'\n  >,\n): boolean {\n  if (!filterValue) {\n    return false;\n  }\n  const xButton = filterElement?.querySelector<HTMLButtonElement>(\n    'button[data-dt-children-name=\"ClearAll\"]',\n  );\n  if (xButton) {\n    event.preventDefault();\n    event.stopPropagation();\n    xButton.focus();\n    return true;\n  }\n  return false;\n}\n\n/** Select component */\nfunction SelectFwd<OptionValue, Multiple extends boolean = false>(\n  props: SelectFormsProps<OptionValue, Multiple>,\n  forwardedRef: Ref<FormControlWithOverlayRef>,\n) {\n  const {\n    multiple = false,\n    disabled: propsDisabled,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    clearable = multiple,\n    name,\n    id: propId,\n    readOnly: propReadOnly,\n    children,\n    value: propsValue,\n    defaultValue: propsDefaultValue,\n    onChange: propsOnChange,\n    onFocus,\n    onBlur,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    onOpenChange,\n    onValidityChange,\n    required: propsRequired,\n    form,\n    _messageTarget,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const slots = useSelectSlots(children);\n\n  const stratoLogger = useMemo(\n    () =>\n      createStratoLogger.bind({\n        name,\n        id: propId,\n        ariaLabel,\n        dataTestId,\n      })(COMPONENT_NAME),\n    [name, propId, ariaLabel, dataTestId],\n  );\n\n  const {\n    disableFiltering,\n    value: filterValueProp,\n    defaultValue: filterDefaultValueProp,\n    onChange: filterOnChangeProp,\n    ...remainingFilterProps\n  } = slots.Filter?.props ?? {};\n\n  const {\n    width: triggerWidthProp,\n    placeholder: triggerPlaceholderProp,\n    ...remainingTriggerProps\n  } = slots.Trigger?.props ?? {};\n\n  const {\n    width: contentWidthProp,\n    loading: contentLoadingProp,\n    showSelectedOptionsFirst: contentShowSelectedOptionsFirstProp,\n    ...remainingContentProps\n  } = slots.Content?.props ?? {};\n\n  const {\n    optionsOrGroups: options,\n    optionsHavePrefix,\n    allOptions,\n  } = useSelectOptions<OptionValue>(slots.Content, stratoLogger);\n\n  const { value, defaultValue } = useSelectValue<OptionValue, Multiple>({\n    value: propsValue,\n    defaultValue: propsDefaultValue,\n    options,\n    multiple: (multiple === true) as Multiple,\n  });\n\n  const {\n    id,\n    disabled,\n    required,\n    ariaDisabled,\n    readOnly,\n    hint,\n    hintProps,\n    showError,\n    messageDispatch: messagesContextDispatch,\n  } = useFormControl({\n    propId,\n    propDisabled: propsDisabled,\n    propRequired: propsRequired,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n    controlState,\n  });\n\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getValidationState(hiddenSelectRef.current, 'manual', undefined, id),\n  );\n\n  const [triggerRef, setTriggerRef] = useState<HTMLDivElement | null>(null);\n  const menuOwnerId = useId();\n\n  useFormFieldValidation(\n    hiddenSelectRef,\n    { required, value: safeStringify(propsValue) },\n    undefined,\n    undefined,\n    _emitValidationState,\n  );\n\n  const formRegistration = useInternalFormRegistration({\n    id,\n    name,\n    form,\n    messageTarget: _messageTarget,\n    getValue: () => {\n      if (propsValue !== undefined) {\n        return propsValue;\n      }\n      const selected = (selectRef.current?.getValue() ??\n        []) as SelectMultiValue<BaseOption<OptionValue>>;\n      if (multiple) {\n        return selected.map((o) => o.value);\n      }\n      return selected[0]?.value ?? null;\n    },\n    onValidityChange,\n    focus: () =>\n      hiddenTrigger?.focus({ preventScroll: true, focusVisible: true }),\n    validateField: async ({ reveal, trigger }) => {\n      hiddenSelectRef.current?.checkValidity();\n      if (reveal) {\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        queueMicrotask(() => hiddenSelectRef.current?.reportValidity());\n      }\n      const state = getValidationState(\n        hiddenSelectRef.current,\n        trigger,\n        undefined,\n        id,\n      );\n      return emitValidationState(state);\n    },\n    resetValidation: () => {\n      hiddenSelectRef.current?.setCustomValidity('');\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formRegistration.onValidityChange;\n\n  const menuOpenReducer = useCallback(\n    (state: boolean, action: SelectReducerAction) => {\n      if (readOnly) {\n        return state;\n      }\n\n      const newState = reducer(state, action);\n\n      if (state !== newState) {\n        // Delay the onOpenChange call to not run into a bad setState().\n        queueMicrotask(() => {\n          onOpenChange?.(newState);\n        });\n\n        // Surface blur validation when the dropdown closes.\n        //oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        if (state === true && newState === false && !controlState) {\n          queueMicrotask(() => {\n            messagesContextDispatch?.({\n              type: FormFieldMessagesAction.SETISTOUCHED,\n              payload: { isTouched: true },\n            });\n            hiddenSelectRef.current?.checkValidity();\n            emitValidationState(\n              getValidationState(\n                hiddenSelectRef.current,\n                'blur',\n                undefined,\n                id,\n              ),\n            );\n          });\n        }\n      }\n\n      return newState;\n    },\n    [\n      readOnly,\n      controlState,\n      onOpenChange,\n      messagesContextDispatch,\n      hiddenSelectRef,\n      emitValidationState,\n      id,\n    ],\n  );\n\n  const [menuOpen, dispatch] = useReducer(menuOpenReducer, false);\n\n  // useRef instead of useState: isFocusWithin is never read during render, only inside\n  // event handlers. A ref gives a synchronous, always-current value so that concurrent\n  // focus events (e.g. button focus + dummyInput focus on the same click when using a\n  // CustomTrigger) cannot both read `false` before the first setIsFocusWithin flush.\n  const isFocusWithin = useRef<boolean>(false);\n\n  const [filterValue, setFilterValue] = useControllableState({\n    value: filterValueProp,\n    defaultValue: filterDefaultValueProp,\n    onChange: filterOnChangeProp,\n  });\n\n  // any is needed as the needed type coming from the react-select is not exported\n  // oxlint-disable-next-line typescript/no-explicit-any\n  const selectRef = useRef<any>(null);\n\n  const hiddenTrigger = triggerRef?.querySelector('input');\n  const [focusOnOption, setFocusOnOption] = useState<boolean>(true);\n\n  // If the disableFiltering value changes, the filterValue will need to be\n  // reset\n  useEffect(() => {\n    if (\n      disableFiltering === true &&\n      (filterValue !== undefined || filterValue !== '')\n    ) {\n      setFilterValue('');\n    }\n    // We don't want to include filterValue as dependency because when the user types in the input and\n    // disableFiltering is true, we don't want to clear the input\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [disableFiltering]);\n\n  const filterConfig = {\n    // Filter by both visible label and option value/textValue.\n    // This allows searching by value (e.g. \"green\") when the rendered label differs.\n    stringify: (option: {\n      label: string;\n      value: string;\n      data: BaseOption<OptionValue>;\n    }) => {\n      const searchValue = option.data.textValue ?? option.value;\n\n      if (searchValue && searchValue !== option.label) {\n        return `${option.label} ${searchValue}`;\n      }\n\n      return `${option.label}`;\n    },\n  };\n\n  const handleChange = (\n    option:\n      | SelectSingleValue<BaseOption<OptionValue>>\n      | SelectMultiValue<BaseOption<OptionValue>>,\n  ) => {\n    // Send native onChange event for any form control / onChange listeners\n    requestAnimationFrame(() => {\n      const nativeEvent = new Event('change', {\n        bubbles: true,\n        cancelable: true,\n      });\n      hiddenSelectRef?.current?.dispatchEvent(nativeEvent);\n    });\n\n    if (multiple === false) {\n      setFilterValue(''); // clear the filter when an option is selected in single mode\n    }\n\n    // Early exit if the onChange prop is not defined, there is nothing that needs\n    // to be done.\n    if (!propsOnChange) {\n      return;\n    }\n\n    // In a single select scenario, it will only emit a single value of the selected option\n    if (multiple === false) {\n      // If the clicked option is the same as the selected one we can return early.\n      if (option === value) {\n        return;\n      }\n      if (option === null) {\n        // Ensures that null is returned if no value is selected\n        propsOnChange?.(null as SelectOnChangeValue<OptionValue, Multiple>);\n      } else {\n        propsOnChange?.(\n          (option as SelectSingleValue<BaseOption<OptionValue>>)\n            ?.value as SelectOnChangeValue<OptionValue, Multiple>,\n        );\n      }\n    }\n\n    // In a multi select scenario, it will map the value of all selected options and report them\n    // in the on change.\n    if (multiple === true) {\n      const selectedOptionValues = (\n        option as SelectMultiValue<BaseOption<OptionValue>>\n      ).map((individualOption) => individualOption.value);\n      propsOnChange?.(\n        selectedOptionValues as SelectOnChangeValue<OptionValue, Multiple>,\n      );\n    }\n  };\n\n  const filterRef = useRef<FormControlRef<HTMLDivElement>>(null);\n  const clearSelectionRef = useRef<HTMLElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const menuListFunctionRef = useRef<MenuListFunctionRefObject>(null);\n\n  useEffect(() => {\n    if (menuOpen) {\n      modalityStore.setState('keyboard');\n    }\n  }, [menuOpen]);\n\n  const handleArrowKeyOptionFocus = (key: KeyboardEvent['key']) => {\n    if (key !== 'ArrowUp' && key !== 'ArrowDown') {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      if (!contentRef.current || !menuListFunctionRef.current) {\n        return;\n      }\n\n      const focusedElement = contentRef.current.querySelector(\n        '.strato-select-option--focus',\n      );\n\n      if (!focusedElement) {\n        // No focused element in DOM means react-select wrapped around to the\n        // opposite end of the list \u2014 scroll there to reveal it.\n        if (key === 'ArrowDown') {\n          menuListFunctionRef.current.scrollToIndex(0);\n        } else {\n          menuListFunctionRef.current.scrollToBottom();\n        }\n        return;\n      }\n\n      const index = Number(\n        focusedElement.closest('[data-index]')?.getAttribute('data-index'),\n      );\n      if (!isNaN(index)) {\n        menuListFunctionRef.current.scrollToIndex(index);\n      }\n    });\n  };\n\n  useImperativeHandle(\n    forwardedRef,\n    (): FormControlWithOverlayRef => ({\n      element: containerRef.current,\n      triggerRef: triggerRef,\n      inputRef: hiddenSelectRef.current,\n      focus: () => {\n        hiddenTrigger?.focus();\n      },\n      open: () => {\n        // When opened programmatically the hidden input needs to be focused for the virtual focus\n        hiddenTrigger?.focus();\n        dispatch({\n          type: SelectActions.OPEN,\n        });\n      },\n      close: () =>\n        dispatch({\n          type: SelectActions.CLOSE,\n        }),\n      validate: () => {\n        // The initialization of the hiddenSelectRef is delayed, therefore,\n        // we want to check the validity at the end of the render cycle.\n        queueMicrotask(() => hiddenSelectRef.current?.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const state = getValidationState(\n          hiddenSelectRef.current,\n          'manual',\n          undefined,\n          id,\n        );\n        emitValidationState(state);\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        queueMicrotask(() => hiddenSelectRef.current?.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const state = getValidationState(\n          hiddenSelectRef.current,\n          'manual',\n          undefined,\n          id,\n        );\n        return emitValidationState(state);\n      },\n    }),\n    [\n      hiddenTrigger,\n      messagesContextDispatch,\n      emitValidationState,\n      triggerRef,\n      id,\n    ],\n  );\n\n  /**\n   * Workaround for the focus to stay on the selected option for the controlled multi select\n   * See: https://github.com/JedWatson/react-select/issues/5367\n   */\n  if (multiple && propsOnChange) {\n    const select = selectRef.current;\n    if (select?.state.focusedOption) {\n      const focusedOptionValue = select.state.focusedOption.value;\n      const newFocusedOption = getNewFocusedOption(options, focusedOptionValue);\n\n      // HACK: manipulating the state without setState is evil (but needed here as we are mid-transition)\n      select.state.focusedOption = newFocusedOption;\n    }\n  }\n\n  const contextMemo = useMemo(\n    () => ({ state: menuOpen, dispatch }),\n    [menuOpen, dispatch],\n  );\n\n  const handleFocus = (event: FocusEvent<HTMLElement>) => {\n    if (!isFocusWithin.current) {\n      isFocusWithin.current = true;\n      onFocus?.(event);\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLElement>) => {\n    // The relatedTarget is null when focus leaves the browser \u2014 treat that as\n    // a real blur. Otherwise, only treat it as a blur if focus is not moving\n    // to one of the Select's own internal elements (hidden trigger, filter,\n    // clear-selection) \u2014 those may live in a portal so a container.contains\n    // check alone would misclassify them as \"outside\".\n    // Also exclude the custom trigger element itself: when using a CustomTrigger\n    // the dummyInput is nested inside a keyboard-focusable element. Shift+Tab\n    // from the dummyInput goes back to that outer element, which must not fire\n    // a consumer onBlur.\n    const relatedTarget = event.relatedTarget as Node | null;\n    const movingToInternal =\n      relatedTarget !== null &&\n      (relatedTarget === hiddenTrigger ||\n        relatedTarget === clearSelectionRef.current ||\n        filterRef.current?.element?.contains(relatedTarget) ||\n        triggerRef?.contains(relatedTarget) ||\n        (relatedTarget instanceof HTMLElement &&\n          relatedTarget.closest(`[data-dt-owner=\"${menuOwnerId}\"]`) !== null));\n\n    if (!movingToInternal && isFocusWithin.current) {\n      isFocusWithin.current = false;\n      hiddenSelectRef.current?.checkValidity();\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n      emitValidationState(getValidationState(hiddenSelectRef.current, 'blur'));\n      onBlur?.(event);\n    }\n  };\n\n  const handleKeyDownOnFilterClearButton = (\n    event: ReactKeyboardEvent<HTMLDivElement>,\n  ) => {\n    // Focus is on the X button inside the SearchInput (not the input itself).\n    // react-select blocks Enter->click natively, so we trigger .click() manually.\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      const clearButton = document.activeElement as HTMLElement;\n      event.preventDefault();\n      event.stopPropagation();\n      clearButton.click();\n      filterRef.current?.inputRef?.focus();\n      // Restore the virtual focus on options now that DOM focus\n      // has returned to the filter input.\n      setFocusOnOption(true);\n    }\n\n    if (event.key === 'Tab' && !event.shiftKey) {\n      event.preventDefault();\n      event.stopPropagation();\n      if (clearSelectionRef.current) {\n        clearSelectionRef.current.focus();\n        // Keep virtual focus off options while navigating between controls.\n        setFocusOnOption(false);\n      } else {\n        hiddenTrigger?.focus();\n        // Restore the virtual focus on options now that DOM focus\n        // has cycled back to the trigger.\n        setFocusOnOption(true);\n      }\n    }\n\n    if (event.key === 'Tab' && event.shiftKey) {\n      event.preventDefault();\n      event.stopPropagation();\n      filterRef.current?.inputRef?.focus();\n      // Restore the virtual focus on options now that DOM focus\n      // has returned to the filter input.\n      setFocusOnOption(true);\n    }\n  };\n\n  return (\n    <SelectMenuContext.Provider value={contextMemo}>\n      <div\n        ref={containerRef}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        className={clsx(\n          styles.selectWrapper({\n            fullWidth:\n              triggerWidthProp === 'full' || triggerWidthProp === '100%',\n          }),\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        {...mergeProps(restProps, behavioralTrackingProps)}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <ReactSelect\n          instanceId={id}\n          selectInputId={id}\n          className={clsx(styles.select, styles.clearReactSelectZIndex, {\n            [styles.validAndEnabled]: !disabled && !ariaDisabled && !showError,\n          })}\n          unstyled\n          options={options}\n          components={components}\n          // TODO: React select does an instance equality check on this one, so we need to figure out how\n          // to keep that in sync over a controlled state.\n          value={value}\n          defaultValue={defaultValue}\n          onChange={(value) =>\n            // Need to cast this here as React.Select handles the value still as unknown.\n            // TODO: Maybe we can go to the JSX generic?\n            handleChange(\n              value as\n                | SelectSingleValue<BaseOption<OptionValue>>\n                | SelectMultiValue<BaseOption<OptionValue>>,\n            )\n          }\n          onBlur={handleBlur}\n          hiddenSelectName={name}\n          hiddenSelectForm={form}\n          ref={selectRef}\n          pageSize={5}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-details={ariaDetails}\n          aria-disabled={ariaDisabled}\n          hiddenSelectRef={hiddenSelectRef}\n          // This has to be set to false as we don't want the input directly in the select trigger\n          // but handle this ourselves\n          isSearchable={false}\n          // Multi selection relevant props\n          isMulti={multiple ?? false}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={multiple === false}\n          // This has to be set to false as we don't want the clear button directly in the select trigger\n          // but handle this ourselves\n          isClearable={false}\n          isDisabled={disabled}\n          isRequired={required}\n          triggerWidth={triggerWidthProp}\n          contentWidth={contentWidthProp ?? 'trigger'}\n          placeholderText={triggerPlaceholderProp}\n          // DISCUSS: Figure out if `undefined` is better here or if we should use `null`\n          displayValue={slots.DisplayValue ?? undefined}\n          prefix={slots.Prefix ?? undefined}\n          customTrigger={slots.CustomTrigger ?? undefined}\n          // Trigger and Menu (Popper) ref connections\n          triggerRef={triggerRef}\n          setTriggerRef={setTriggerRef}\n          // Reserving space for prefix icons\n          optionsHavePrefix={optionsHavePrefix}\n          menuIsOpen={menuOpen}\n          // Handles Filtering in the current select\n          filterOption={(option, inputValue) => {\n            if (disableFiltering === true) {\n              return true;\n            }\n            const filterFunction =\n              createFilter<BaseOption<OptionValue>>(filterConfig);\n\n            // We need to cast this here, because the filter option prop only infers option as `FilterOptionOption<unknown>`. The `FilterOptionOption` type is not exposed by react-select.\n            return filterFunction(\n              option as Parameters<typeof filterFunction>[0],\n              inputValue,\n            );\n          }}\n          customFilter={slots.Filter ?? undefined}\n          inputValue={filterValue}\n          onInputChange={(newValue, actionmeta) => {\n            if (actionmeta.action === 'input-change') {\n              setFilterValue(newValue);\n            }\n          }}\n          emptyState={slots.EmptyState ?? undefined}\n          controlState={controlState}\n          formControlShowError={showError}\n          formControlHint={hint}\n          formControlHintProps={hintProps}\n          loading={contentLoadingProp}\n          clearable={clearable}\n          allOptions={allOptions}\n          tabSelectsValue={false}\n          focusOnOption={focusOnOption}\n          contentRef={contentRef}\n          menuOwnerId={menuOwnerId}\n          menuListFunctionRef={menuListFunctionRef}\n          filterRef={filterRef}\n          clearSelectionRef={clearSelectionRef}\n          showSelectedOptionsFirst={contentShowSelectedOptionsFirstProp}\n          componentProps={{\n            trigger: {\n              className: slots.Trigger?.props.className,\n              style: { ...slots.Trigger?.props.style },\n              readOnly: !!readOnly,\n              ariaDisabled,\n              ...remainingTriggerProps,\n            },\n            filter: {\n              className: slots.Filter?.props.className,\n              style: slots.Filter?.props.style,\n              ...remainingFilterProps,\n            },\n            content: {\n              className: slots.Content?.props.className,\n              style: slots.Content?.props.style,\n              ...remainingContentProps,\n            },\n            emptyState: {\n              ...slots.EmptyState?.props,\n            },\n          }}\n          onFocus={handleFocus}\n          onKeyDown={(event) => {\n            if (!menuOpen) {\n              if (event.key === 'Enter' || event.key === ' ') {\n                // Prevent the Enter keypress from submitting an enclosing form\n                // when it is meant to open the dropdown.\n                event.preventDefault();\n                dispatch({\n                  type: SelectActions.SELECTFOCUS,\n                });\n              }\n\n              return true;\n            }\n\n            // close the dropdown on Escape and focus the trigger\n            if (event.key === 'Escape') {\n              dispatch({\n                type: SelectActions.SELECTFOCUS,\n              });\n\n              hiddenTrigger?.focus();\n            }\n\n            if (filterRef.current || clearSelectionRef.current) {\n              // focus is on filter\n              if (document.activeElement === filterRef.current?.inputRef) {\n                // We only want to remove selected values with Backspace when the focus is not on the filter input\n                if (\n                  event.key === 'Backspace' &&\n                  filterRef.current.inputRef?.value === ''\n                ) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n\n                if (event.key === 'Tab') {\n                  const hasClearSearchButton = !!filterValue;\n                  if (\n                    event.shiftKey ||\n                    (!clearSelectionRef.current && !hasClearSearchButton)\n                  ) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    hiddenTrigger?.focus();\n                  } else if (hasClearSearchButton) {\n                    // Native Tab + the setFocusOnOption re-render prevents :focus-visible\n                    // from firing on the X button. Focus it programmatically instead,\n                    // matching the clearSelectionRef pattern.\n                    if (\n                      focusFilterClearButton(\n                        filterRef.current?.element,\n                        filterValue,\n                        event,\n                      )\n                    ) {\n                      setFocusOnOption(false);\n                    }\n                  } else {\n                    // clear-selection is visible, filter is empty \u2014 native Tab works here.\n                    setFocusOnOption(false);\n                  }\n                }\n\n                // close the overlay when using a single select and selecting an option while searching in the filter\n                if (event.key === 'Enter' && !props.multiple) {\n                  dispatch({\n                    type: SelectActions.SELECTFOCUS,\n                  });\n                  hiddenTrigger?.focus();\n                }\n\n                // do not select any options if the select is in a loading state\n                if (event.key === 'Enter' && contentLoadingProp) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n\n                // do not select any options if typing space as the first character of the filter\n                if (event.key === ' ' && !filterValue) {\n                  setFilterValue(' ');\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n\n                handleArrowKeyOptionFocus(event.key);\n\n                return true;\n              }\n\n              if (\n                filterRef.current?.element &&\n                filterRef.current.element.contains(document.activeElement) &&\n                document.activeElement !== filterRef.current.inputRef\n              ) {\n                handleKeyDownOnFilterClearButton(event);\n                return false;\n              }\n\n              // focus is on the clear selection element\n              if (document.activeElement === clearSelectionRef.current) {\n                setFocusOnOption(false);\n                if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n                  event.preventDefault();\n                }\n\n                // focus the trigger on tab (if it is not a shift tab press to focus back on the filter)\n                if (\n                  event.key === 'Tab' &&\n                  !(event.shiftKey && filterRef.current)\n                ) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  hiddenTrigger?.focus();\n                  setFocusOnOption(true);\n                }\n\n                // focus moves from the clear selection element back to the X button\n                // (if the filter has text and the button is visible), or back to the filter input.\n                if (\n                  event.key === 'Tab' &&\n                  event.shiftKey &&\n                  filterRef.current\n                ) {\n                  if (\n                    !focusFilterClearButton(\n                      filterRef.current?.element,\n                      filterValue,\n                      event,\n                    )\n                  ) {\n                    setFocusOnOption(true);\n                  }\n                }\n\n                return false;\n              }\n\n              try {\n                // focus is on hidden input element\n                if (\n                  document.activeElement &&\n                  document.getElementById(document.activeElement.id)\n                ) {\n                  if (event.key === 'Tab') {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    if (!event.shiftKey) {\n                      // set focus on filter if available\n                      if (filterRef.current) {\n                        filterRef.current.inputRef?.focus();\n                        return false;\n                      }\n\n                      // set focus on clearSelection if available\n                      if (clearSelectionRef.current) {\n                        clearSelectionRef.current.focus();\n                        setFocusOnOption(false);\n                        return false;\n                      }\n                    } else {\n                      // set focus on clearSelection if available\n                      if (clearSelectionRef.current) {\n                        clearSelectionRef.current.focus();\n                        setFocusOnOption(false);\n                        return false;\n                      }\n                      // set focus on X button in filter if filter has text\n                      if (\n                        focusFilterClearButton(\n                          filterRef.current?.element,\n                          filterValue,\n                          event,\n                        )\n                      ) {\n                        setFocusOnOption(false);\n                        return false;\n                      }\n                      // set focus on filter if available\n                      if (filterRef.current) {\n                        filterRef.current.inputRef?.focus();\n                        return false;\n                      }\n                    }\n                  }\n\n                  handleArrowKeyOptionFocus(event.key);\n\n                  // do not select any options if the select is in a loading state\n                  if (contentLoadingProp) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }\n                }\n              } catch (error) {\n                // oxlint-disable-next-line no-console\n                console.log(\n                  'Invalid query selector on the Select trigger',\n                  error,\n                );\n              }\n              return false;\n            }\n\n            try {\n              // close the dropdown when tab is pressed and no filter or clear selection is available\n              if (\n                document.activeElement &&\n                document.getElementById(document.activeElement.id)\n              ) {\n                if (event.key === 'Tab') {\n                  dispatch({\n                    type: SelectActions.SELECTFOCUS,\n                  });\n                } else {\n                  handleArrowKeyOptionFocus(event.key);\n                }\n              }\n            } catch (error) {\n              // oxlint-disable-next-line no-console\n              console.log(\n                'Invalid query selector on the Select trigger',\n                error,\n              );\n            }\n\n            setFocusOnOption(true);\n          }}\n        />\n      </div>\n    </SelectMenuContext.Provider>\n  );\n}\n\nconst SelectForwardRef = forwardRef(SelectFwd);\n\n/**\n * Select component that uses a fallback FormFieldMessages-context if it wasn't wrapped in a FormField.\n */\nconst SelectRoot =\n  withFormFieldMessageContextProviderWithGenerics(SelectForwardRef);\n\n/**\n * The `Select` component allows you to choose one or multiple\n * options from a collapsed dropdown with options.\n * @public\n */\nexport const Select = Object.assign(SelectRoot, {\n  Content: SelectContent,\n  Option: SelectOption,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Trigger: SelectTrigger,\n  DisplayValue: SelectDisplayValue,\n  Prefix: SelectPrefix,\n  Suffix: SelectSuffix,\n  CustomTrigger: SelectCustomTrigger,\n  Filter: SelectFilter,\n  EmptyState: SelectEmptyState,\n});\n\n(Select as typeof Select & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type ReactNode,\n  type ReactElement,\n  type SetStateAction,\n  type Dispatch,\n} from 'react';\nimport ReactSelect, { createFilter, type GroupBase } from 'react-select';\n\nimport { components } from './components/components.js';\nimport type { MenuListFunctionRefObject } from './components/MenuList.js';\nimport { SelectLiveRegion } from './components/SelectLiveRegion.js';\nimport { SelectMenuContext } from './contexts/SelectMenuContext.js';\nimport {\n  useSelectOptions,\n  _isOption,\n  safeStringify,\n} from './hooks/use-select-options.js';\nimport { useSelectSlots } from './hooks/use-select-slots.js';\nimport { useSelectValue } from './hooks/use-select-value.js';\nimport { SelectContent } from './SelectContent.js';\nimport { SelectCustomTrigger } from './SelectCustomTrigger.js';\nimport { SelectDisplayValue } from './SelectDisplayValue.js';\nimport {\n  SelectEmptyState,\n  type SelectEmptyStateProps,\n} from './SelectEmptyState.js';\nimport { SelectFilter, type SelectFilterProps } from './SelectFilter.js';\nimport { SelectGroup, SelectGroupLabel } from './SelectGroup.js';\nimport { SelectOption } from './SelectOption.js';\nimport { SelectPrefix, type SelectPrefixProps } from './SelectPrefix.js';\nimport { SelectSuffix } from './SelectSuffix.js';\nimport { SelectTrigger } from './SelectTrigger.js';\nimport {\n  reducer,\n  SelectActions,\n  type SelectReducerAction,\n} from './state/select-menu-state-reducer.js';\nimport * as styles from './styles/Select.sty.js';\nimport type {\n  BaseOption,\n  OptionOrGroup,\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n  InteractiveElement,\n} from './types.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { DOMProps } from '../../core/types/dom.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport type {\n  FormControlState,\n  FormControlStateProps,\n} from '../../core/types/form-control-state.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { modalityStore } from '../../core/utils/modality.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport { withFormFieldMessageContextProviderWithGenerics } from '../forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useFormFieldValidation } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n} from '../shared-types.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport type { ValidationState } from '../validation/types.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../validation/validation-builders.js';\n\nconst COMPONENT_NAME = 'Select';\n\n// Redeclare react-select module to extend it with additional props for typesafety.\n// https://react-select.com/typescript#custom-select-props\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<\n    Option,\n    // oxlint-disable-next-line typescript/no-unused-vars\n    IsMulti extends boolean,\n    // oxlint-disable-next-line typescript/no-unused-vars\n    Group extends GroupBase<Option>,\n  > {\n    /** Custom placeholder text */\n    placeholderText?: ReactNode;\n    /** The trigger width set by the dev. */\n    triggerWidth?: SelectTriggerWidthOptionsType;\n    /** Custom select trigger */\n    customTrigger?: ReactElement<\n      // oxlint-disable-next-line typescript/no-explicit-any\n      { [key: string]: any } | null | undefined\n    >;\n    /** Custom display value. */\n    displayValue?: ReactNode[];\n    /** Prefix for the select trigger */\n    prefix?: ReactElement<SelectPrefixProps>;\n    /* TriggerRef that needs to be applied to the trigger in order to setup the menu positioning */\n    triggerRef: HTMLElement | null;\n    /* setter for the TriggerRef */\n    setTriggerRef: Dispatch<SetStateAction<HTMLDivElement | null>>;\n    /** Defines if the space for the prefix icons should be reserved in all options rendered */\n    optionsHavePrefix: boolean;\n    /** Select.Filter component specified by dev */\n    customFilter?: ReactElement<SelectFilterProps>;\n    /** Custom empty state provided by dev */\n    emptyState?: ReactElement<SelectEmptyStateProps>;\n    /** Form control state for errors and hints */\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState?: FormControlState;\n    /** Parent-owned form control error visibility. */\n    formControlShowError: boolean;\n    /** Parent-owned form control hint content. */\n    formControlHint: ReactNode;\n    /** Parent-owned form control hint props. */\n    formControlHintProps: { id: string; 'aria-live': 'polite' };\n    loading?: boolean;\n    clearable?: boolean;\n    isRequired?: boolean;\n    /** array of all select options (including those in groups) */\n    allOptions?: BaseOption<Option>[];\n    hiddenSelectRef: Ref<HTMLSelectElement>;\n    hiddenSelectName?: string;\n    hiddenSelectForm?: string;\n    /** whether the focus styles on the options should be visible */\n    focusOnOption: boolean;\n    /** Ref that needs to be applied to the filter input to manage the focus and keyboard navigation */\n    filterRef?: RefObject<FormControlRef<HTMLDivElement> | null>;\n    /** Ref that needs to be applied to the clear selection element to manage the focus and keyboard navigation */\n    clearSelectionRef?: RefObject<HTMLElement | null>;\n    /** Ref that needs to be applied to the select content (menulist) element to manage the focus and keyboard navigation */\n    contentRef?: RefObject<HTMLDivElement | null>;\n    /** Identifies the menu portal as part of the Select focus boundary. */\n    menuOwnerId: string;\n    menuListFunctionRef?: RefObject<MenuListFunctionRefObject | null>;\n    /** The content width set by the dev. */\n    contentWidth?: SelectContentWidthOptionsType;\n    /** Whether the selected options are reordered to the top of the options. */\n    showSelectedOptionsFirst?: boolean;\n    /** The id used for the hidden input. */\n    selectInputId?: string;\n    /** Labels the current element. */\n    'aria-label'?: string;\n    /** Identifies the element (or elements) that label(s) the current element. */\n    'aria-labelledby'?: string;\n    /** Identifies the element (or elements) that describe(s) the object. */\n    'aria-describedby'?: string;\n    /** Identifies the element (or elements) that provide(s) a detailed, extended description for the object. */\n    'aria-details'?: string;\n    /** className and style prop for each of the components. */\n    componentProps: {\n      trigger?: StylingProps &\n        DataTestId &\n        BehaviorTrackingProps & { readOnly: boolean; ariaDisabled?: boolean };\n      content?: StylingProps & DataTestId & BehaviorTrackingProps;\n      filter?: StylingProps & DataTestId & BehaviorTrackingProps;\n      emptyState?: StylingProps & DataTestId & BehaviorTrackingProps;\n    };\n  }\n}\n\n// Redeclare react forwardRef to allow generic types on react\n// https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref\ndeclare module 'react' {\n  function forwardRef<T, P = unknown>(\n    render: (\n      props: P,\n      ref: import('react').Ref<T>,\n    ) => import('react').ReactElement | null,\n  ): (\n    props: P & import('react').RefAttributes<T>,\n  ) => import('react').ReactElement | null;\n}\n\n/**\n * Common select base props.\n * @public\n */\nexport type SelectBaseProps<T, Multiple extends boolean> = PropsWithChildren<{\n  /**\n   * Used to compare options with objects for values either by a specified property of the object or through a comparator function.\n   */\n  compareBy?: keyof T | ((valueA: T, valueB: T) => boolean);\n\n  /** Name used for the component when submitting it in a form */\n  name?: string;\n\n  /** Form name used to connect the component to a form */\n  form?: string;\n\n  /**\n   * Internal: routes this control's native/Strato validation messages to the\n   * field outlet (default), the enclosing form's outlet, or both. Unstable.\n   * @internal\n   */\n  _messageTarget?: MessageTarget | MessageTarget[];\n\n  /**\n   * Boolean to determine whether the component is required\n   *\n   * @defaultValue false\n   */\n  required?: boolean;\n\n  /**\n   * Whether the component is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * Event handler called when the open state for the select changes\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n\n  /**\n   * Whether or not the select allows multiple selection or not\n   * @defaultValue false\n   */\n  multiple?: Multiple;\n\n  /**\n   * Whether or not the select is clearable.\n   * @defaultValue false for single select, true for multi select\n   */\n  clearable?: boolean;\n}> &\n  MaskingProps;\n\n/**\n * @public\n */\nexport type SelectOnChangeValue<\n  OptionValue,\n  Multiple extends boolean,\n> = Multiple extends true\n  ? SelectMultiValue<OptionValue>\n  : SelectSingleValue<OptionValue>;\n\n/**\n * Accepted properties for Select\n * @public\n */\nexport type SelectFormsProps<\n  /*\n   * TODO: Figure out how we can properly infer the type of the Select here\n   * because that would come from the value of the options (as children)\n   * which is not really doable with the given API.\n   */\n  OptionValue,\n  Multiple extends boolean,\n> = SelectBaseProps<OptionValue, Multiple> &\n  FormControlProps<\n    Multiple extends true\n      ? SelectMultiValue<OptionValue>\n      : SelectSingleValue<OptionValue>,\n    (value: SelectOnChangeValue<OptionValue, Multiple>) => void,\n    HTMLElement\n  > &\n  // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n  FormControlStateProps &\n  DOMProps &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps;\n\n/**\n * Function to return the item that should be focused after\n * updating all options via onChange in a controlled multi select.\n * @param options - all select options\n * @param focusedOptionValue - the value of the previously focused option\n * @returns option with the same value as the previously focused option or null\n */\nfunction getNewFocusedOption(\n  options: OptionOrGroup<BaseOption<unknown>>,\n  focusedOptionValue: unknown,\n): BaseOption<unknown> | null {\n  for (const optionOrGroup of options) {\n    if (_isOption(optionOrGroup)) {\n      if (optionOrGroup.value === focusedOptionValue) {\n        return optionOrGroup;\n      }\n    } else {\n      for (const option of optionOrGroup.options) {\n        if (_isOption(option) && option.value === focusedOptionValue) {\n          return option;\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\n/** Select component */\nfunction SelectFwd<OptionValue, Multiple extends boolean = false>(\n  props: SelectFormsProps<OptionValue, Multiple>,\n  forwardedRef: Ref<FormControlWithOverlayRef>,\n) {\n  const {\n    multiple = false,\n    disabled: propsDisabled,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    clearable = multiple,\n    name,\n    id: propId,\n    readOnly: propReadOnly,\n    children,\n    value: propsValue,\n    defaultValue: propsDefaultValue,\n    onChange: propsOnChange,\n    onFocus,\n    onBlur,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    onOpenChange,\n    onValidityChange,\n    required: propsRequired,\n    form,\n    _messageTarget,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const slots = useSelectSlots(children);\n\n  const stratoLogger = useMemo(\n    () =>\n      createStratoLogger.bind({\n        name,\n        id: propId,\n        ariaLabel,\n        dataTestId,\n      })(COMPONENT_NAME),\n    [name, propId, ariaLabel, dataTestId],\n  );\n\n  const {\n    disableFiltering,\n    value: filterValueProp,\n    defaultValue: filterDefaultValueProp,\n    onChange: filterOnChangeProp,\n    ...remainingFilterProps\n  } = slots.Filter?.props ?? {};\n\n  const {\n    width: triggerWidthProp,\n    placeholder: triggerPlaceholderProp,\n    ...remainingTriggerProps\n  } = slots.Trigger?.props ?? {};\n\n  const {\n    width: contentWidthProp,\n    loading: contentLoadingProp,\n    showSelectedOptionsFirst: contentShowSelectedOptionsFirstProp,\n    ...remainingContentProps\n  } = slots.Content?.props ?? {};\n\n  const {\n    optionsOrGroups: options,\n    optionsHavePrefix,\n    allOptions,\n  } = useSelectOptions<OptionValue>(slots.Content, stratoLogger);\n\n  const { value, defaultValue } = useSelectValue<OptionValue, Multiple>({\n    value: propsValue,\n    defaultValue: propsDefaultValue,\n    options,\n    multiple: (multiple === true) as Multiple,\n  });\n\n  const {\n    id,\n    disabled,\n    required,\n    ariaDisabled,\n    readOnly,\n    hint,\n    hintProps,\n    showError,\n    messageDispatch: messagesContextDispatch,\n  } = useFormControl({\n    propId,\n    propDisabled: propsDisabled,\n    propRequired: propsRequired,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n    controlState,\n  });\n\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getValidationState(hiddenSelectRef.current, 'manual', undefined, id),\n  );\n\n  const [triggerRef, setTriggerRef] = useState<HTMLDivElement | null>(null);\n  const menuOwnerId = useId();\n\n  useFormFieldValidation(\n    hiddenSelectRef,\n    { required, value: safeStringify(propsValue) },\n    undefined,\n    undefined,\n    _emitValidationState,\n    controlState,\n  );\n\n  const formRegistration = useInternalFormRegistration({\n    id,\n    name,\n    form,\n    messageTarget: _messageTarget,\n    getValue: () => {\n      if (propsValue !== undefined) {\n        return propsValue;\n      }\n      const selected = (selectRef.current?.getValue() ??\n        []) as SelectMultiValue<BaseOption<OptionValue>>;\n      if (multiple) {\n        return selected.map((o) => o.value);\n      }\n      return selected[0]?.value ?? null;\n    },\n    onValidityChange,\n    focus: () =>\n      hiddenTrigger?.focus({ preventScroll: true, focusVisible: true }),\n    validateField: async ({ reveal, trigger }) => {\n      hiddenSelectRef.current?.checkValidity();\n      if (reveal) {\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        queueMicrotask(() => hiddenSelectRef.current?.reportValidity());\n      }\n      const state = getValidationState(\n        hiddenSelectRef.current,\n        trigger,\n        undefined,\n        id,\n      );\n      return emitValidationState(state);\n    },\n    resetValidation: () => {\n      hiddenSelectRef.current?.setCustomValidity('');\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formRegistration.onValidityChange;\n\n  const menuOpenReducer = useCallback(\n    (state: boolean, action: SelectReducerAction) => {\n      if (readOnly) {\n        return state;\n      }\n\n      const newState = reducer(state, action);\n\n      if (state !== newState) {\n        // Delay the onOpenChange call to not run into a bad setState().\n        queueMicrotask(() => {\n          onOpenChange?.(newState);\n        });\n\n        // Surface blur validation when the dropdown closes.\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        if (state === true && newState === false && !controlState) {\n          queueMicrotask(() => {\n            messagesContextDispatch?.({\n              type: FormFieldMessagesAction.SETISTOUCHED,\n              payload: { isTouched: true },\n            });\n            hiddenSelectRef.current?.checkValidity();\n            emitValidationState(\n              getValidationState(\n                hiddenSelectRef.current,\n                'blur',\n                undefined,\n                id,\n              ),\n            );\n          });\n        }\n      }\n\n      return newState;\n    },\n    [\n      readOnly,\n      controlState,\n      onOpenChange,\n      messagesContextDispatch,\n      hiddenSelectRef,\n      emitValidationState,\n      id,\n    ],\n  );\n\n  const [menuOpen, dispatch] = useReducer(menuOpenReducer, false);\n\n  // useRef instead of useState: isFocusWithin is never read during render, only inside\n  // event handlers. A ref gives a synchronous, always-current value so that concurrent\n  // focus events (e.g. button focus + dummyInput focus on the same click when using a\n  // CustomTrigger) cannot both read `false` before the first setIsFocusWithin flush.\n  const isFocusWithin = useRef<boolean>(false);\n\n  const [filterValue, setFilterValue] = useControllableState({\n    value: filterValueProp,\n    defaultValue: filterDefaultValueProp,\n    onChange: filterOnChangeProp,\n  });\n\n  // any is needed as the needed type coming from the react-select is not exported\n  // oxlint-disable-next-line typescript/no-explicit-any\n  const selectRef = useRef<any>(null);\n\n  const hiddenTrigger = triggerRef?.querySelector('input');\n  const [focusOnOption, setFocusOnOption] = useState<boolean>(true);\n  const [announcementText, setAnnouncementText] = useState<string>('');\n\n  // If the disableFiltering value changes, the filterValue will need to be\n  // reset.\n  useEffect(() => {\n    if (disableFiltering === true) {\n      setFilterValue('');\n    }\n    // We don't want to include filterValue as dependency because when the user types in the input and\n    // disableFiltering is true, we don't want to clear the input\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [disableFiltering]);\n\n  const filterConfig = {\n    // Filter by both visible label and option value/textValue.\n    // This allows searching by value (e.g. \"green\") when the rendered label differs.\n    stringify: (option: {\n      label: string;\n      value: string;\n      data: BaseOption<OptionValue>;\n    }) => {\n      const searchValue = option.data.textValue ?? option.value;\n\n      if (searchValue && searchValue !== option.label) {\n        return `${option.label} ${searchValue}`;\n      }\n\n      return `${option.label}`;\n    },\n  };\n\n  const handleChange = (\n    option:\n      | SelectSingleValue<BaseOption<OptionValue>>\n      | SelectMultiValue<BaseOption<OptionValue>>,\n  ) => {\n    // Send native onChange event for any form control / onChange listeners\n    requestAnimationFrame(() => {\n      const nativeEvent = new Event('change', {\n        bubbles: true,\n        cancelable: true,\n      });\n      hiddenSelectRef?.current?.dispatchEvent(nativeEvent);\n    });\n\n    if (multiple === false) {\n      setFilterValue(''); // clear the filter when an option is selected in single mode\n    }\n\n    // Early exit if the onChange prop is not defined, there is nothing that needs\n    // to be done.\n    if (!propsOnChange) {\n      return;\n    }\n\n    // In a single select scenario, it will only emit a single value of the selected option\n    if (multiple === false) {\n      // If the clicked option is the same as the selected one we can return early.\n      if (option === value) {\n        return;\n      }\n      if (option === null) {\n        // Ensures that null is returned if no value is selected\n        propsOnChange?.(null as SelectOnChangeValue<OptionValue, Multiple>);\n      } else {\n        propsOnChange?.(\n          (option as SelectSingleValue<BaseOption<OptionValue>>)\n            ?.value as SelectOnChangeValue<OptionValue, Multiple>,\n        );\n      }\n    }\n\n    // In a multi select scenario, it will map the value of all selected options and report them\n    // in the on change.\n    if (multiple === true) {\n      const selectedOptionValues = (\n        option as SelectMultiValue<BaseOption<OptionValue>>\n      ).map((individualOption) => individualOption.value);\n      propsOnChange?.(\n        selectedOptionValues as SelectOnChangeValue<OptionValue, Multiple>,\n      );\n    }\n  };\n\n  const filterRef = useRef<FormControlRef<HTMLDivElement>>(null);\n  const clearSelectionRef = useRef<HTMLElement>(null);\n  const interactiveElementsRef = useRef<InteractiveElement[]>([]);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const menuListFunctionRef = useRef<MenuListFunctionRefObject>(null);\n\n  useEffect(() => {\n    if (menuOpen) {\n      modalityStore.setState('keyboard');\n    }\n  }, [menuOpen]);\n\n  const handleArrowKeyOptionFocus = useCallback((key: KeyboardEvent['key']) => {\n    if (key !== 'ArrowUp' && key !== 'ArrowDown') {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      if (!contentRef.current || !menuListFunctionRef.current) {\n        return;\n      }\n\n      const focusedElement = contentRef.current.querySelector(\n        '.strato-select-option--focus',\n      );\n\n      if (!focusedElement) {\n        // No focused element in DOM means react-select wrapped around to the\n        // opposite end of the list \u2014 scroll there to reveal it.\n        if (key === 'ArrowDown') {\n          menuListFunctionRef.current.scrollToIndex(0);\n        } else {\n          menuListFunctionRef.current.scrollToBottom();\n        }\n        return;\n      }\n\n      const index = Number(\n        focusedElement.closest('[data-index]')?.getAttribute('data-index'),\n      );\n      if (!isNaN(index)) {\n        menuListFunctionRef.current.scrollToIndex(index);\n      }\n    });\n  }, []);\n\n  // Stable \u2014 reads from interactiveElementsRef so it never needs to close over interactiveElements directly.\n  const navigateTab = useCallback(\n    (forward: boolean, event: ReactKeyboardEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      const elements = interactiveElementsRef.current;\n      const currentIdx = elements.findIndex((el) => el.isCurrent());\n      if (currentIdx === -1) {\n        return;\n      }\n\n      const dir = forward ? 1 : -1;\n      const stepAmount = elements.length;\n\n      for (let i = 1; i <= stepAmount; i++) {\n        const rawIdx = currentIdx + dir * i;\n        const idx = ((rawIdx % stepAmount) + stepAmount) % stepAmount; // `+ n) % n` keeps the result positive when wrapping backwards past index 0\n        if (elements[idx].isAvailable()) {\n          elements[idx].focus();\n          return;\n        }\n      }\n    },\n    [],\n  );\n\n  const handleKeyDownWhenMenuClosed = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        // Prevent the Enter keypress from submitting an enclosing form\n        // when it is meant to open the dropdown.\n        event.preventDefault();\n        dispatch({\n          type: SelectActions.OPEN,\n        });\n      }\n    },\n    [dispatch],\n  );\n\n  const handleKeyDownOnFilterInput = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // We only want to remove selected values with Backspace when the focus is not on the filter input\n      if (\n        event.key === 'Backspace' &&\n        filterRef.current?.inputRef?.value === ''\n      ) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (event.key === 'Tab') {\n        navigateTab(!event.shiftKey, event);\n      }\n\n      // close the overlay when using a single select and selecting an option while searching in the filter\n      if (event.key === 'Enter' && !multiple) {\n        dispatch({\n          type: SelectActions.CLOSE,\n        });\n        // Access via triggerRef so hiddenTrigger (a mutable DOM node) is not a dep.\n        triggerRef?.querySelector<HTMLInputElement>('input')?.focus();\n      }\n\n      // do not select any options if the select is in a loading state\n      if (event.key === 'Enter' && contentLoadingProp) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      // do not select any options if typing space as the first character of the filter\n      if (event.key === ' ' && !filterValue) {\n        setFilterValue(' ');\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      handleArrowKeyOptionFocus(event.key);\n    },\n    [\n      navigateTab,\n      dispatch,\n      multiple,\n      triggerRef,\n      contentLoadingProp,\n      filterValue,\n      handleArrowKeyOptionFocus,\n      setFilterValue,\n    ],\n  );\n\n  const handleKeyDownOnClearSelection = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      setFocusOnOption(false);\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n      }\n\n      if (event.key === 'Tab') {\n        navigateTab(!event.shiftKey, event);\n      }\n    },\n    [navigateTab, setFocusOnOption],\n  );\n\n  const handleKeyDownOnHiddenTriggerWithOverlayNav = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      handleArrowKeyOptionFocus(event.key);\n\n      // do not select any options if the select is in a loading state\n      if (contentLoadingProp) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (event.key === 'Tab') {\n        navigateTab(!event.shiftKey, event);\n      }\n    },\n    [navigateTab, handleArrowKeyOptionFocus, contentLoadingProp],\n  );\n\n  const handleKeyDownOnHiddenTriggerBasic = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Tab') {\n        // close the dropdown when tab is pressed and no filter or clear selection is available\n        dispatch({\n          type: SelectActions.CLOSE,\n        });\n      } else {\n        handleArrowKeyOptionFocus(event.key);\n      }\n    },\n    [dispatch, handleArrowKeyOptionFocus],\n  );\n\n  useImperativeHandle(\n    forwardedRef,\n    (): FormControlWithOverlayRef => ({\n      element: containerRef.current,\n      triggerRef: triggerRef,\n      inputRef: hiddenSelectRef.current,\n      focus: () => {\n        hiddenTrigger?.focus();\n      },\n      open: () => {\n        // When opened programmatically the hidden input needs to be focused for the virtual focus\n        hiddenTrigger?.focus();\n        dispatch({\n          type: SelectActions.OPEN,\n        });\n      },\n      close: () =>\n        dispatch({\n          type: SelectActions.CLOSE,\n        }),\n      validate: () => {\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        if (controlState) {\n          return;\n        }\n        // The initialization of the hiddenSelectRef is delayed, therefore,\n        // we want to check the validity at the end of the render cycle.\n        queueMicrotask(() => hiddenSelectRef.current?.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const state = getValidationState(\n          hiddenSelectRef.current,\n          'manual',\n          undefined,\n          id,\n        );\n        emitValidationState(state);\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        if (controlState) {\n          return {\n            status: 'done' as const,\n            trigger: 'manual' as const,\n            errors: [],\n          };\n        }\n        queueMicrotask(() => hiddenSelectRef.current?.checkValidity());\n        messagesContextDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        const state = getValidationState(\n          hiddenSelectRef.current,\n          'manual',\n          undefined,\n          id,\n        );\n        return emitValidationState(state);\n      },\n    }),\n    [\n      hiddenTrigger,\n      messagesContextDispatch,\n      emitValidationState,\n      triggerRef,\n      id,\n      controlState,\n    ],\n  );\n\n  /**\n   * Workaround for the focus to stay on the selected option for the controlled multi select\n   * See: https://github.com/JedWatson/react-select/issues/5367\n   */\n  if (multiple && propsOnChange) {\n    const select = selectRef.current;\n    if (select?.state.focusedOption) {\n      const focusedOptionValue = select.state.focusedOption.value;\n      const newFocusedOption = getNewFocusedOption(options, focusedOptionValue);\n\n      // HACK: manipulating the state without setState is evil (but needed here as we are mid-transition)\n      select.state.focusedOption = newFocusedOption;\n    }\n  }\n\n  const contextMemo = useMemo(\n    () => ({\n      state: menuOpen,\n      dispatch,\n      announcementText,\n      setAnnouncementText,\n    }),\n    [menuOpen, dispatch, announcementText, setAnnouncementText],\n  );\n\n  const handleFocus = (event: FocusEvent<HTMLElement>) => {\n    if (!isFocusWithin.current) {\n      isFocusWithin.current = true;\n      onFocus?.(event);\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLElement>) => {\n    // The relatedTarget is null when focus leaves the browser \u2014 treat that as\n    // a real blur. Otherwise, only treat it as a blur if focus is not moving\n    // to one of the Select's own internal elements (hidden trigger, filter,\n    // clear-selection) \u2014 those may live in a portal so a container.contains\n    // check alone would misclassify them as \"outside\".\n    // Also exclude the custom trigger element itself: when using a CustomTrigger\n    // the dummyInput is nested inside a keyboard-focusable element. Shift+Tab\n    // from the dummyInput goes back to that outer element, which must not fire\n    // a consumer onBlur.\n    const relatedTarget = event.relatedTarget as Node | null;\n    const movingToInternal =\n      relatedTarget !== null &&\n      (relatedTarget === hiddenTrigger ||\n        relatedTarget === clearSelectionRef.current ||\n        filterRef.current?.element?.contains(relatedTarget) ||\n        triggerRef?.contains(relatedTarget) ||\n        (relatedTarget instanceof HTMLElement &&\n          relatedTarget.closest(`[data-dt-owner=\"${menuOwnerId}\"]`) !== null));\n\n    if (!movingToInternal && isFocusWithin.current) {\n      isFocusWithin.current = false;\n      if (controlState) {\n        return;\n      }\n      hiddenSelectRef.current?.checkValidity();\n      messagesContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n      emitValidationState(getValidationState(hiddenSelectRef.current, 'blur'));\n      onBlur?.(event);\n    }\n  };\n\n  const handleKeyDownOnFilterClearButton = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Focus is on the X button inside the SearchInput (not the input itself).\n      // react-select blocks Enter->click natively, so we trigger .click() manually.\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n      }\n\n      if (event.key === 'Enter' || event.key === ' ') {\n        const clearButton = document.activeElement as HTMLElement;\n        event.preventDefault();\n        event.stopPropagation();\n        clearButton.click();\n        filterRef.current?.inputRef?.focus();\n        // Restore the virtual focus on options now that DOM focus\n        // has returned to the filter input.\n        setFocusOnOption(true);\n      }\n\n      if (event.key === 'Tab') {\n        navigateTab(!event.shiftKey, event);\n      }\n    },\n    [navigateTab, setFocusOnOption],\n  );\n\n  // Declared after the handlers so each element's handleKeyDown captures a stable callback.\n  // navigateTab reads this via interactiveElementsRef; the onKeyDown handler below uses it directly.\n  const interactiveElements = useMemo<InteractiveElement[]>(\n    () => [\n      {\n        isAvailable: () => !!hiddenTrigger,\n        isCurrent: () => document.activeElement === hiddenTrigger,\n        focus: () => {\n          hiddenTrigger?.focus();\n          setFocusOnOption(true);\n        },\n        handleKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) =>\n          handleKeyDownOnHiddenTriggerWithOverlayNav(event),\n      },\n      {\n        isAvailable: () => !!filterRef.current,\n        isCurrent: () => document.activeElement === filterRef.current?.inputRef,\n        focus: () => {\n          filterRef.current?.inputRef?.focus();\n          setFocusOnOption(true);\n        },\n        handleKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) =>\n          handleKeyDownOnFilterInput(event),\n      },\n      {\n        isAvailable: () => {\n          const xButton =\n            filterRef.current?.element?.querySelector<HTMLButtonElement>(\n              'button[data-dt-children-name=\"ClearAll\"]',\n            );\n          return !!filterValue && !!xButton;\n        },\n        isCurrent: () =>\n          !!filterRef.current?.element?.contains(document.activeElement) &&\n          document.activeElement !== filterRef.current?.inputRef,\n        focus: () => {\n          filterRef.current?.element\n            ?.querySelector<HTMLButtonElement>(\n              'button[data-dt-children-name=\"ClearAll\"]',\n            )\n            ?.focus();\n          setFocusOnOption(false);\n        },\n        handleKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) =>\n          handleKeyDownOnFilterClearButton(event),\n      },\n      {\n        isAvailable: () => !!clearSelectionRef.current,\n        isCurrent: () => document.activeElement === clearSelectionRef.current,\n        focus: () => {\n          clearSelectionRef.current?.focus();\n          setFocusOnOption(false);\n        },\n        handleKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) =>\n          handleKeyDownOnClearSelection(event),\n      },\n    ],\n    [\n      hiddenTrigger,\n      filterValue,\n      setFocusOnOption,\n      handleKeyDownOnHiddenTriggerWithOverlayNav,\n      handleKeyDownOnFilterInput,\n      handleKeyDownOnFilterClearButton,\n      handleKeyDownOnClearSelection,\n    ],\n  );\n  interactiveElementsRef.current = interactiveElements;\n\n  return (\n    <SelectMenuContext.Provider value={contextMemo}>\n      <div\n        ref={containerRef}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        className={clsx(\n          styles.selectWrapper({\n            fullWidth:\n              triggerWidthProp === 'full' || triggerWidthProp === '100%',\n          }),\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        {...mergeProps(restProps, behavioralTrackingProps)}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <ReactSelect\n          instanceId={id}\n          selectInputId={id}\n          className={clsx(styles.select, styles.clearReactSelectZIndex, {\n            [styles.validAndEnabled]: !disabled && !ariaDisabled && !showError,\n          })}\n          unstyled\n          options={options}\n          components={components}\n          // TODO: React select does an instance equality check on this one, so we need to figure out how\n          // to keep that in sync over a controlled state.\n          value={value}\n          defaultValue={defaultValue}\n          onChange={(value) =>\n            // Need to cast this here as React.Select handles the value still as unknown.\n            // TODO: Maybe we can go to the JSX generic?\n            handleChange(\n              value as\n                | SelectSingleValue<BaseOption<OptionValue>>\n                | SelectMultiValue<BaseOption<OptionValue>>,\n            )\n          }\n          onBlur={handleBlur}\n          hiddenSelectName={name}\n          hiddenSelectForm={form}\n          ref={selectRef}\n          pageSize={5}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-details={ariaDetails}\n          aria-disabled={ariaDisabled}\n          hiddenSelectRef={hiddenSelectRef}\n          // This has to be set to false as we don't want the input directly in the select trigger\n          // but handle this ourselves\n          isSearchable={false}\n          // Multi selection relevant props\n          isMulti={multiple ?? false}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={multiple === false}\n          // This has to be set to false as we don't want the clear button directly in the select trigger\n          // but handle this ourselves\n          isClearable={false}\n          isDisabled={disabled}\n          isRequired={required}\n          triggerWidth={triggerWidthProp}\n          contentWidth={contentWidthProp ?? 'trigger'}\n          placeholderText={triggerPlaceholderProp}\n          // DISCUSS: Figure out if `undefined` is better here or if we should use `null`\n          displayValue={slots.DisplayValue ?? undefined}\n          prefix={slots.Prefix ?? undefined}\n          customTrigger={slots.CustomTrigger ?? undefined}\n          // Trigger and Menu (Popper) ref connections\n          triggerRef={triggerRef}\n          setTriggerRef={setTriggerRef}\n          // Reserving space for prefix icons\n          optionsHavePrefix={optionsHavePrefix}\n          menuIsOpen={menuOpen}\n          // Handles Filtering in the current select\n          filterOption={(option, inputValue) => {\n            if (disableFiltering === true) {\n              return true;\n            }\n            const filterFunction =\n              createFilter<BaseOption<OptionValue>>(filterConfig);\n\n            // We need to cast this here, because the filter option prop only infers option as `FilterOptionOption<unknown>`. The `FilterOptionOption` type is not exposed by react-select.\n            return filterFunction(\n              option as Parameters<typeof filterFunction>[0],\n              inputValue,\n            );\n          }}\n          customFilter={slots.Filter ?? undefined}\n          inputValue={filterValue}\n          onInputChange={(newValue, actionmeta) => {\n            if (actionmeta.action === 'input-change') {\n              setFilterValue(newValue);\n            }\n          }}\n          emptyState={slots.EmptyState ?? undefined}\n          controlState={controlState}\n          formControlShowError={showError}\n          formControlHint={hint}\n          formControlHintProps={hintProps}\n          loading={contentLoadingProp}\n          clearable={clearable}\n          allOptions={allOptions}\n          tabSelectsValue={false}\n          focusOnOption={focusOnOption}\n          contentRef={contentRef}\n          menuOwnerId={menuOwnerId}\n          menuListFunctionRef={menuListFunctionRef}\n          filterRef={filterRef}\n          clearSelectionRef={clearSelectionRef}\n          showSelectedOptionsFirst={contentShowSelectedOptionsFirstProp}\n          componentProps={{\n            trigger: {\n              className: slots.Trigger?.props.className,\n              style: { ...slots.Trigger?.props.style },\n              readOnly: !!readOnly,\n              ariaDisabled,\n              ...remainingTriggerProps,\n            },\n            filter: {\n              className: slots.Filter?.props.className,\n              style: slots.Filter?.props.style,\n              ...remainingFilterProps,\n            },\n            content: {\n              className: slots.Content?.props.className,\n              style: slots.Content?.props.style,\n              ...remainingContentProps,\n            },\n            emptyState: {\n              ...slots.EmptyState?.props,\n            },\n          }}\n          onFocus={handleFocus}\n          onKeyDown={(event) => {\n            if (!menuOpen) {\n              handleKeyDownWhenMenuClosed(event);\n              return;\n            }\n\n            // Escape closes the overlay and returns DOM focus to the trigger.\n            // The branches below still run against the newly-focused trigger\n            // and behave as no-ops for Escape.\n            if (event.key === 'Escape') {\n              dispatch({\n                type: SelectActions.CLOSE,\n              });\n              hiddenTrigger?.focus();\n            }\n\n            const hasFilterOrClear = !!(\n              filterRef.current || clearSelectionRef.current\n            );\n\n            if (hasFilterOrClear) {\n              interactiveElements\n                .find((el) => el.isCurrent())\n                ?.handleKeyDown(event);\n              return;\n            }\n\n            if (document.activeElement === hiddenTrigger) {\n              handleKeyDownOnHiddenTriggerBasic(event);\n            }\n\n            setFocusOnOption(true);\n          }}\n        />\n        <SelectLiveRegion loading={contentLoadingProp} />\n      </div>\n    </SelectMenuContext.Provider>\n  );\n}\n\nconst SelectForwardRef = forwardRef(SelectFwd);\n\n/**\n * Select component that uses a fallback FormFieldMessages-context if it wasn't wrapped in a FormField.\n */\nconst SelectRoot =\n  withFormFieldMessageContextProviderWithGenerics(SelectForwardRef);\n\n/**\n * The `Select` component allows you to choose one or multiple\n * options from a collapsed dropdown with options.\n * @public\n */\nexport const Select = Object.assign(SelectRoot, {\n  Content: SelectContent,\n  Option: SelectOption,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Trigger: SelectTrigger,\n  DisplayValue: SelectDisplayValue,\n  Prefix: SelectPrefix,\n  Suffix: SelectSuffix,\n  CustomTrigger: SelectCustomTrigger,\n  Filter: SelectFilter,\n  EmptyState: SelectEmptyState,\n});\n\n(Select as typeof Select & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/esm/forms/select/components/HiddenSelect.js

@@ -44,11 +44,10 @@ const HiddenSelect = forwardRef(
       // to join for a dep key — no risk of BigInt or circular-reference errors.
       { selectedValues: selectedValuesArray.join(",") },
       {},
-      id
+      id,
+      void 0,
+      controlState
     );
-    const handleInvalid = controlState ? (event) => {
-      event.preventDefault();
-    } : onInvalid;
     const value = useMemo(() => {
       if (multiple) {
         return selectedValuesArray;
@@ -70,7 +69,7 @@ const HiddenSelect = forwardRef(
         value: value && value.length !== 0 ? value : void 0,
         id,
         onChange: () => void 0,
-        onInvalid: handleInvalid,
+        onInvalid,
         ...controlState ? {} : { ...ariaProps, onBlur, onChange },
         children: selectedValuesArray.map((val, key) => {
           return /* @__PURE__ */ jsx("option", { value: `${val}` }, `${key}-${val}`);

package/esm/forms/select/components/HiddenSelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/select/components/HiddenSelect.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type ReactElement,\n  type Ref,\n  type SyntheticEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport { PropsValue, SingleValue } from 'react-select';\n\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport type { FormControlState } from '../../../core/types/form-control-state.js';\nimport { useFormFieldValidation } from '../../forms-core/hooks/useFormFieldValidation.js';\nimport type { BaseOption } from '../types.js';\n\n//#region Typings\n/** Accepted properties for the HiddenSelect component */\ninterface HiddenSelectProps<OptionValue> {\n  ref: Ref<HTMLSelectElement>;\n  name?: string;\n  form?: string;\n  selectedValues?: PropsValue<OptionValue>;\n  required?: boolean;\n  disabled?: boolean;\n  ariaDisabled?: boolean;\n  // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n  controlState?: FormControlState;\n}\n//#endregion\n\n/**\n * HiddenSelect component\n * @internal\n */\nexport const HiddenSelect: <OptionValue>(\n  props: HiddenSelectProps<OptionValue>,\n) => /* @__PURE__ */ ReactElement | null = forwardRef(\n  <OptionValue,>(\n    props: HiddenSelectProps<OptionValue>,\n    forwardedRef: HiddenSelectProps<OptionValue>['ref'],\n  ) => {\n    const {\n      name,\n      form,\n      selectedValues,\n      required,\n      disabled,\n      ariaDisabled,\n      controlState,\n    } = props;\n    const multiple = Array.isArray(selectedValues);\n\n    const id = useId();\n    const ref = useRef<HTMLSelectElement | null>(null);\n\n    const selectedValuesArray = useMemo(() => {\n      // Use textValue if it's defined. If not, use label (only if it's a string). Otherwise, use the value property.\n      const extractValue = (\n        val: SingleValue<BaseOption<OptionValue>>,\n      ): string => {\n        return val?.textValue ?? '';\n      };\n\n      if (multiple) {\n        return selectedValues?.length > 0\n          ? selectedValues.map(extractValue)\n          : [];\n      }\n\n      if (selectedValues) {\n        return [\n          extractValue(\n            selectedValues as unknown as SingleValue<BaseOption<OptionValue>>,\n          ),\n        ];\n      }\n\n      return [];\n    }, [multiple, selectedValues]);\n\n    const { ariaProps, onBlur, onChange, onInvalid } = useFormFieldValidation(\n      ref,\n      // selectedValuesArray already contains only plain strings, so it is safe\n      // to join for a dep key \u2014 no risk of BigInt or circular-reference errors.\n      { selectedValues: selectedValuesArray.join(',') },\n      {},\n      id,\n    );\n\n    const handleInvalid = controlState\n      ? (event: SyntheticEvent<HTMLSelectElement>) => {\n          // Suppress the native browser validation popup.\n          event.preventDefault();\n        }\n      : onInvalid;\n\n    const value = useMemo(() => {\n      if (multiple) {\n        return selectedValuesArray;\n      }\n      // use string value or empty string as array values are not allowed for single select\n      return selectedValues\n        ? `${\n            (selectedValues as unknown as SingleValue<BaseOption<OptionValue>>)\n              ?.value\n          }`\n        : '';\n    }, [multiple, selectedValues, selectedValuesArray]);\n\n    return (\n      <VisuallyHidden>\n        <select\n          ref={useMergeRefs([forwardedRef, ref])}\n          name={name}\n          form={form}\n          multiple={multiple}\n          tabIndex={-1}\n          required={required}\n          disabled={disabled}\n          aria-disabled={ariaDisabled}\n          aria-hidden\n          value={value && value.length !== 0 ? value : undefined}\n          id={id}\n          onChange={() => undefined}\n          onInvalid={handleInvalid}\n          {...(controlState ? {} : { ...ariaProps, onBlur, onChange })}\n        >\n          {selectedValuesArray.map((val, key) => {\n            return <option value={`${val}`} key={`${key}-${val}`} />;\n          })}\n        </select>\n      </VisuallyHidden>\n    );\n  },\n);\n\n(HiddenSelect as typeof HiddenSelect & { displayName: string }).displayName =\n  'HiddenSelect';\n"],
-  "mappings": "AAkImB;AAlInB;AAAA,EACE;AAAA,EAIA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AAsBhC,MAAM,eAE8B;AAAA,EACzC,CACE,OACA,iBACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AACJ,UAAM,WAAW,MAAM,QAAQ,cAAc;AAE7C,UAAM,KAAK,MAAM;AACjB,UAAM,MAAM,OAAiC,IAAI;AAEjD,UAAM,sBAAsB,QAAQ,MAAM;AAExC,YAAM,eAAe,CACnB,QACW;AACX,eAAO,KAAK,aAAa;AAAA,MAC3B;AAEA,UAAI,UAAU;AACZ,eAAO,gBAAgB,SAAS,IAC5B,eAAe,IAAI,YAAY,IAC/B,CAAC;AAAA,MACP;AAEA,UAAI,gBAAgB;AAClB,eAAO;AAAA,UACL;AAAA,YACE;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,aAAO,CAAC;AAAA,IACV,GAAG,CAAC,UAAU,cAAc,CAAC;AAE7B,UAAM,EAAE,WAAW,QAAQ,UAAU,UAAU,IAAI;AAAA,MACjD;AAAA;AAAA;AAAA,MAGA,EAAE,gBAAgB,oBAAoB,KAAK,GAAG,EAAE;AAAA,MAChD,CAAC;AAAA,MACD;AAAA,IACF;AAEA,UAAM,gBAAgB,eAClB,CAAC,UAA6C;AAE5C,YAAM,eAAe;AAAA,IACvB,IACA;AAEJ,UAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AAEA,aAAO,iBACH,GACG,gBACG,KACN,KACA;AAAA,IACN,GAAG,CAAC,UAAU,gBAAgB,mBAAmB,CAAC;AAElD,WACE,oBAAC,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,aAAa,CAAC,cAAc,GAAG,CAAC;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,iBAAe;AAAA,QACf,eAAW;AAAA,QACX,OAAO,SAAS,MAAM,WAAW,IAAI,QAAQ;AAAA,QAC7C;AAAA,QACA,UAAU,MAAM;AAAA,QAChB,WAAW;AAAA,QACV,GAAI,eAAe,CAAC,IAAI,EAAE,GAAG,WAAW,QAAQ,SAAS;AAAA,QAEzD,8BAAoB,IAAI,CAAC,KAAK,QAAQ;AACrC,iBAAO,oBAAC,YAAO,OAAO,GAAG,GAAG,MAAS,GAAG,GAAG,IAAI,GAAG,EAAI;AAAA,QACxD,CAAC;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEC,aAA+D,cAC9D;",
+  "sourcesContent": ["import {\n  forwardRef,\n  type ReactElement,\n  type Ref,\n  useMemo,\n  useRef,\n} from 'react';\nimport { PropsValue, SingleValue } from 'react-select';\n\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport type { FormControlState } from '../../../core/types/form-control-state.js';\nimport { useFormFieldValidation } from '../../forms-core/hooks/useFormFieldValidation.js';\nimport type { BaseOption } from '../types.js';\n\n//#region Typings\n/** Accepted properties for the HiddenSelect component */\ninterface HiddenSelectProps<OptionValue> {\n  ref: Ref<HTMLSelectElement>;\n  name?: string;\n  form?: string;\n  selectedValues?: PropsValue<OptionValue>;\n  required?: boolean;\n  disabled?: boolean;\n  ariaDisabled?: boolean;\n  // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n  controlState?: FormControlState;\n}\n//#endregion\n\n/**\n * HiddenSelect component\n * @internal\n */\nexport const HiddenSelect: <OptionValue>(\n  props: HiddenSelectProps<OptionValue>,\n) => /* @__PURE__ */ ReactElement | null = forwardRef(\n  <OptionValue,>(\n    props: HiddenSelectProps<OptionValue>,\n    forwardedRef: HiddenSelectProps<OptionValue>['ref'],\n  ) => {\n    const {\n      name,\n      form,\n      selectedValues,\n      required,\n      disabled,\n      ariaDisabled,\n      controlState,\n    } = props;\n    const multiple = Array.isArray(selectedValues);\n\n    const id = useId();\n    const ref = useRef<HTMLSelectElement | null>(null);\n\n    const selectedValuesArray = useMemo(() => {\n      // Use textValue if it's defined. If not, use label (only if it's a string). Otherwise, use the value property.\n      const extractValue = (\n        val: SingleValue<BaseOption<OptionValue>>,\n      ): string => {\n        return val?.textValue ?? '';\n      };\n\n      if (multiple) {\n        return selectedValues?.length > 0\n          ? selectedValues.map(extractValue)\n          : [];\n      }\n\n      if (selectedValues) {\n        return [\n          extractValue(\n            selectedValues as unknown as SingleValue<BaseOption<OptionValue>>,\n          ),\n        ];\n      }\n\n      return [];\n    }, [multiple, selectedValues]);\n\n    const { ariaProps, onBlur, onChange, onInvalid } = useFormFieldValidation(\n      ref,\n      // selectedValuesArray already contains only plain strings, so it is safe\n      // to join for a dep key \u2014 no risk of BigInt or circular-reference errors.\n      { selectedValues: selectedValuesArray.join(',') },\n      {},\n      id,\n      undefined,\n      controlState,\n    );\n\n    const value = useMemo(() => {\n      if (multiple) {\n        return selectedValuesArray;\n      }\n      // use string value or empty string as array values are not allowed for single select\n      return selectedValues\n        ? `${\n            (selectedValues as unknown as SingleValue<BaseOption<OptionValue>>)\n              ?.value\n          }`\n        : '';\n    }, [multiple, selectedValues, selectedValuesArray]);\n\n    return (\n      <VisuallyHidden>\n        <select\n          ref={useMergeRefs([forwardedRef, ref])}\n          name={name}\n          form={form}\n          multiple={multiple}\n          tabIndex={-1}\n          required={required}\n          disabled={disabled}\n          aria-disabled={ariaDisabled}\n          aria-hidden\n          value={value && value.length !== 0 ? value : undefined}\n          id={id}\n          onChange={() => undefined}\n          onInvalid={onInvalid}\n          {...(controlState ? {} : { ...ariaProps, onBlur, onChange })}\n        >\n          {selectedValuesArray.map((val, key) => {\n            return <option value={`${val}`} key={`${key}-${val}`} />;\n          })}\n        </select>\n      </VisuallyHidden>\n    );\n  },\n);\n\n(HiddenSelect as typeof HiddenSelect & { displayName: string }).displayName =\n  'HiddenSelect';\n"],
+  "mappings": "AA4HmB;AA5HnB;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AAsBhC,MAAM,eAE8B;AAAA,EACzC,CACE,OACA,iBACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AACJ,UAAM,WAAW,MAAM,QAAQ,cAAc;AAE7C,UAAM,KAAK,MAAM;AACjB,UAAM,MAAM,OAAiC,IAAI;AAEjD,UAAM,sBAAsB,QAAQ,MAAM;AAExC,YAAM,eAAe,CACnB,QACW;AACX,eAAO,KAAK,aAAa;AAAA,MAC3B;AAEA,UAAI,UAAU;AACZ,eAAO,gBAAgB,SAAS,IAC5B,eAAe,IAAI,YAAY,IAC/B,CAAC;AAAA,MACP;AAEA,UAAI,gBAAgB;AAClB,eAAO;AAAA,UACL;AAAA,YACE;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,aAAO,CAAC;AAAA,IACV,GAAG,CAAC,UAAU,cAAc,CAAC;AAE7B,UAAM,EAAE,WAAW,QAAQ,UAAU,UAAU,IAAI;AAAA,MACjD;AAAA;AAAA;AAAA,MAGA,EAAE,gBAAgB,oBAAoB,KAAK,GAAG,EAAE;AAAA,MAChD,CAAC;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AAEA,aAAO,iBACH,GACG,gBACG,KACN,KACA;AAAA,IACN,GAAG,CAAC,UAAU,gBAAgB,mBAAmB,CAAC;AAElD,WACE,oBAAC,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,aAAa,CAAC,cAAc,GAAG,CAAC;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,iBAAe;AAAA,QACf,eAAW;AAAA,QACX,OAAO,SAAS,MAAM,WAAW,IAAI,QAAQ;AAAA,QAC7C;AAAA,QACA,UAAU,MAAM;AAAA,QAChB;AAAA,QACC,GAAI,eAAe,CAAC,IAAI,EAAE,GAAG,WAAW,QAAQ,SAAS;AAAA,QAEzD,8BAAoB,IAAI,CAAC,KAAK,QAAQ;AACrC,iBAAO,oBAAC,YAAO,OAAO,GAAG,GAAG,MAAS,GAAG,GAAG,IAAI,GAAG,EAAI;AAAA,QACxD,CAAC;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEC,aAA+D,cAC9D;",
   "names": []
 }

package/esm/forms/select/components/Menu.js

@@ -221,8 +221,8 @@ function Menu(props) {
               {
                 value: {
                   state: {
-                    customMessages: [],
-                    formControlMessages: [],
+                    errors: [],
+                    hints: [],
                     showError: false
                   }
                 },

package/esm/forms/select/components/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/select/components/Menu.tsx"],
-  "sourcesContent": ["import type { Modifier, ModifierArguments } from '@popperjs/core';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport {\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  ReactPortal,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport type {\n  ActionMeta,\n  GroupBase,\n  OnChangeValue,\n  Options,\n  MenuProps as ReactSelectMenuProps,\n} from 'react-select';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CheckmarkSmallIcon, MinusIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { ProgressCircle } from '../../../content/progress/ProgressCircle.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { useOverlayStacking } from '../../../core/hooks/useOverlayStacking.js';\nimport { OverlayStackingProvider } from '../../../core/providers/OverlayStackingProvider.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Surface } from '../../../layouts/surface/Surface.js';\nimport { surfaceBorderRadius } from '../../../layouts/surface/variables.sty.js';\nimport { useOverlay } from '../../../overlays/hooks/useOverlay.js';\nimport { observeOverlaySize } from '../../../overlays/utils/popper-modifiers.js';\nimport { usePopper } from '../../../overlays/utils/use-popper-compat.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport { _FormFieldContext as FormFieldContext } from '../../forms-core/contexts/FormFieldContext.js';\nimport { FormFieldMessageContext } from '../../forms-core/contexts/FormFieldMessageContext.js';\nimport { SearchInput } from '../../search-input/SearchInput.js';\nimport { useSelectMenuContext } from '../hooks/use-select-menu-context.js';\nimport { safeStringify } from '../hooks/use-select-options.js';\nimport { SelectActions } from '../state/select-menu-state-reducer.js';\nimport * as styles from '../styles/Select.sty.js';\nimport type { BaseOption } from '../types.js';\n\ntype MenuProps<\n  OptionValue,\n  isMulti extends boolean,\n  Group extends GroupBase<OptionValue>,\n> = ReactSelectMenuProps<OptionValue, isMulti, Group>;\n\n// Popper modifier to sync the width of the overlay menu\nconst sameWidthModifier: Modifier<'sameWidth-as-trigger', object> = {\n  name: 'sameWidth-as-trigger',\n  enabled: true,\n  fn: ({ state }: ModifierArguments<object>) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n    state.styles.popper.height = 'min-content';\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\nconst heightModifier: Modifier<'select-height-handler', object> = {\n  name: 'select-height-handler',\n  enabled: true,\n  fn: ({ state }: ModifierArguments<object>): void => {\n    const viewportHeight = Math.max(\n      document.documentElement.clientHeight || 0,\n      window.innerHeight || 0,\n    );\n\n    const topOffset = state.rects.reference.y;\n    const bottomOffset =\n      viewportHeight - (state.rects.reference.y + state.rects.reference.height);\n    const offset = state.options.placement.includes('bottom')\n      ? bottomOffset\n      : topOffset;\n\n    if (offset < state.rects.popper.height) {\n      // Limit the height to half the viewport height or 320px (which ever is greater),\n      // subtract the height of the trigger and remove a 20 px buffer to the screen edge.\n      const maxHeightBase = viewportHeight / 2 > 320 ? viewportHeight / 2 : 320;\n      state.styles.popper.maxHeight = `${\n        maxHeightBase - state.rects.reference.height - 20\n      }px`;\n    }\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\nexport function Menu<\n  OptionValue,\n  isMulti extends boolean,\n  Group extends GroupBase<OptionValue>,\n>(props: MenuProps<OptionValue, isMulti, Group>): ReactPortal {\n  const { children, innerRef, innerProps, selectProps } = props;\n  const {\n    filterRef,\n    clearSelectionRef,\n    triggerRef,\n    inputValue,\n    isMulti,\n    onInputChange,\n  } = selectProps;\n  const {\n    className: contentConsumerClassName,\n    style: contentConsumerStyle,\n    'data-testid': contentDataTestId,\n    ...remainingContentProps\n  } = selectProps.componentProps.content ?? {};\n  const {\n    className: filterConsumerClassName,\n    style: filterConsumerStyle,\n    'data-testid': filterDataTestId,\n    ...remainingFilterProps\n  } = selectProps.componentProps.filter ?? {};\n\n  const [portalRef, setPortalRef] = useState<HTMLDivElement | null>(null);\n  const [menuWidth, setMenuWidth] = useState<string | number | undefined>(\n    triggerRef?.offsetWidth,\n  );\n\n  const rootPortalRef = useMergeRefs([innerRef, setPortalRef]);\n\n  const stackingContext = useOverlayStacking(undefined, 'overlay');\n\n  const { styles: positioningStyles } = usePopper(triggerRef, portalRef, {\n    placement: 'bottom-start',\n    modifiers: [\n      {\n        name: 'offset',\n        options: {\n          offset: [0, 4],\n        },\n      },\n      sameWidthModifier,\n      heightModifier,\n      observeOverlaySize,\n    ],\n  });\n\n  const { dispatch } = useSelectMenuContext();\n\n  const clearFilterValue = useCallback(() => {\n    if (inputValue !== '') {\n      onInputChange('', {\n        action: 'input-change',\n        prevInputValue: inputValue,\n      });\n    }\n  }, [inputValue, onInputChange]);\n\n  useOverlay(\n    {\n      onClose: () => {\n        dispatch({\n          type: SelectActions.CLOSE,\n        });\n        clearFilterValue();\n        setMenuWidth(triggerRef?.offsetWidth);\n      },\n      isOpen: selectProps.menuIsOpen,\n      isDismissible: true,\n      shouldCloseOnInteractOutside: (element) => {\n        // close the menu when the click is outside of the select and the select trigger.\n        // The closing when the trigger is clicked is handled by the trigger itself\n        return !selectProps.triggerRef?.contains(element);\n      },\n    },\n    innerRef as RefObject<HTMLElement>,\n  );\n\n  useEffect(() => {\n    if (selectProps.menuIsOpen) {\n      filterRef?.current?.inputRef?.focus({ preventScroll: true });\n    }\n  }, [filterRef, selectProps.menuIsOpen]);\n\n  const hiddenTrigger = useMemo(\n    () => selectProps.triggerRef?.querySelector('input'),\n    [selectProps.triggerRef],\n  );\n\n  useEffect(() => {\n    // Restore focus to the trigger when the menu unmounts, unless focus has\n    // already moved to another element (e.g. a different Select's trigger).\n    // When the portal unmounts after option selection or Escape, activeElement\n    // falls back to document.body, so this correctly restores focus.\n    return () => {\n      if (!document.activeElement || document.activeElement === document.body) {\n        hiddenTrigger?.focus();\n      }\n    };\n  }, [hiddenTrigger]);\n\n  const intl = useIntl();\n\n  const ariaLabelId = useId();\n\n  const selectableOptions = useMemo(\n    () => (selectProps.allOptions ?? []).filter((option) => !option.isDisabled),\n    [selectProps.allOptions],\n  );\n\n  const selectedKeys = useMemo(() => {\n    const value = selectProps.value;\n    const selected = Array.isArray(value)\n      ? (value as BaseOption<OptionValue>[])\n      : [];\n    return new Set(selected.map((option) => safeStringify(option.value)));\n  }, [selectProps.value]);\n\n  const isOptionSelected = (option: BaseOption<OptionValue>) =>\n    selectedKeys.has(safeStringify(option.value));\n\n  const areAllOptionsSelected =\n    isMulti &&\n    selectableOptions.length > 0 &&\n    selectableOptions.every(isOptionSelected);\n\n  const areSomeOptionsSelected =\n    isMulti && selectableOptions.some(isOptionSelected);\n\n  let selectAllState: boolean | 'mixed' = false;\n  if (areAllOptionsSelected) {\n    selectAllState = true;\n  } else if (areSomeOptionsSelected) {\n    selectAllState = 'mixed';\n  }\n\n  const handleSelectAllInteraction = () => {\n    if (!selectProps.loading) {\n      if (areAllOptionsSelected) {\n        selectProps.onChange([] as OnChangeValue<OptionValue, isMulti>, {\n          action: 'clear',\n          removedValues: selectProps.value as Options<OptionValue>,\n        });\n      } else {\n        selectProps.onChange(\n          selectableOptions as OnChangeValue<OptionValue, isMulti>,\n          {} as ActionMeta<OptionValue>,\n        );\n      }\n    }\n  };\n\n  const dataDtProperties = `state:${\n    areAllOptionsSelected ? 'deselect' : 'select'\n  }`;\n\n  const noOptionsAvailable =\n    selectProps.allOptions === undefined || selectProps.allOptions.length === 0;\n  const isFiltering =\n    selectProps.customFilter && inputValue !== undefined && inputValue !== '';\n  const showClearSelection =\n    selectProps.clearable &&\n    selectProps.value &&\n    isMulti === false &&\n    !isFiltering;\n  const showSelectAll =\n    selectProps.clearable &&\n    isMulti &&\n    !isFiltering &&\n    !noOptionsAvailable &&\n    selectableOptions.length > 0;\n\n  return createPortal(\n    <Surface\n      data-testid={contentDataTestId}\n      data-dt-owner={selectProps.menuOwnerId}\n      ref={rootPortalRef}\n      {...(innerProps as unknown as Record<string, unknown>)}\n      elevation=\"floating\"\n      padding={4}\n      tabIndex={-1}\n      className={clsx(\n        styles.selectMenuOverlay({\n          isTriggerWidth:\n            selectProps.contentWidth === 'trigger' ||\n            (selectProps.customFilter &&\n              selectProps.contentWidth === 'content'),\n        }),\n        contentConsumerClassName,\n      )}\n      style={{\n        zIndex: stackingContext.style.zIndex,\n        ...positioningStyles.popper,\n        width:\n          selectProps.contentWidth !== 'trigger'\n            ? selectProps.contentWidth\n            : menuWidth,\n        ...contentConsumerStyle,\n        ...assignInlineVars({\n          [surfaceBorderRadius]: Borders.Radius.Surface.Subdued,\n        }),\n      }}\n      onMouseDown={(e: ReactMouseEvent<HTMLDivElement>) => e.stopPropagation()}\n      {...remainingContentProps}\n    >\n      <OverlayStackingProvider>\n        {selectProps.customFilter && (\n          // The empty content is need so the TextInput does not consume the required coming from the FormField\n          <FormFieldContext.Provider value={{}}>\n            {/* The TextInput should not consume any validation context to not reflect error states. */}\n            <FormFieldMessageContext.Provider\n              value={{\n                state: {\n                  customMessages: [],\n                  formControlMessages: [],\n                  showError: false,\n                },\n              }}\n            >\n              <SearchInput\n                data-testid={filterDataTestId}\n                ref={filterRef}\n                variant=\"minimal\"\n                aria-label={intl.formatMessage({\n                  defaultMessage: 'Search available options',\n                  id: '4PipZ2Z07Q9epib1',\n                  description: 'Aria label for the filter inside the select',\n                })}\n                placeholder={intl.formatMessage({\n                  defaultMessage: 'Search',\n                  id: 'CerADEHqR/6IVmHr',\n                  description: 'Placeholder for the filter inside the select',\n                })}\n                value={inputValue}\n                onChange={(value: string) => {\n                  onInputChange(value, {\n                    action: 'input-change',\n                    prevInputValue: inputValue,\n                  });\n                }}\n                className={clsx(styles.filter, filterConsumerClassName)}\n                style={filterConsumerStyle}\n                {...remainingFilterProps}\n              />\n            </FormFieldMessageContext.Provider>\n            <Divider\n              className={clsx(\n                styles.selectMenuDivider,\n                'strato-select-divider',\n              )}\n              aria-hidden\n            />\n          </FormFieldContext.Provider>\n        )}\n        {showClearSelection && (\n          <>\n            <Button\n              ref={clearSelectionRef as Ref<HTMLButtonElement>}\n              width=\"full\"\n              textAlign=\"start\"\n              onClick={() => {\n                selectProps.onChange(\n                  null as OnChangeValue<OptionValue, isMulti>,\n                  {\n                    action: 'clear',\n                    removedValues: selectProps.value as Options<OptionValue>,\n                  },\n                );\n                // close the menu in single selection mode and clear the filter\n                if (isMulti === false) {\n                  dispatch({\n                    type: SelectActions.CLOSE,\n                  });\n                  clearFilterValue();\n                }\n              }}\n              onKeyDown={(event: ReactKeyboardEvent<HTMLButtonElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                  selectProps.onChange(\n                    null as OnChangeValue<OptionValue, isMulti>,\n                    {\n                      action: 'clear',\n                      removedValues: selectProps.value as Options<OptionValue>,\n                    },\n                  );\n                  // prevent option selection being triggered\n                  event.preventDefault();\n                  event.stopPropagation();\n\n                  // close the menu in single selection mode and clear the filter\n                  if (isMulti === false) {\n                    dispatch({\n                      type: SelectActions.CLOSE,\n                    });\n                    clearFilterValue();\n                  }\n\n                  // move the focus back to the trigger after clearing if possible\n                  // otherwise move it back to the input\n                  if (filterRef?.current && isMulti) {\n                    filterRef.current.inputRef?.focus();\n                  } else {\n                    const hiddentrigger = triggerRef?.querySelector('input');\n                    hiddentrigger?.focus();\n                  }\n                }\n              }}\n            >\n              {intl.formatMessage({\n                defaultMessage: 'Clear selection',\n                id: '/H3rbOvaR6bAasVo',\n                description: 'Select component clear selection button.',\n              })}\n            </Button>\n            <Divider\n              className={clsx(\n                styles.selectMenuDivider,\n                'strato-select-divider',\n              )}\n              aria-hidden\n            />\n          </>\n        )}\n        {showSelectAll && (\n          <>\n            <Flex\n              tabIndex={0}\n              role=\"checkbox\"\n              aria-checked={selectAllState}\n              className={clsx(\n                'strato-select-option',\n                styles.selectOptionMulti,\n                styles.selectAll,\n                {\n                  'strato-select-option--selected': areSomeOptionsSelected,\n                  'strato-select-option--disabled': selectProps.loading,\n                },\n              )}\n              ref={selectProps.clearSelectionRef as Ref<HTMLDivElement>}\n              onClick={() => {\n                handleSelectAllInteraction();\n              }}\n              onKeyDown={(event: ReactKeyboardEvent<HTMLDivElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                  handleSelectAllInteraction();\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }}\n              data-dt-children-name=\"SelectDeselectAll\"\n              data-dt-properties={dataDtProperties}\n            >\n              <div\n                className={clsx(\n                  styles.selectOptionMultiIndicator({\n                    selected: areSomeOptionsSelected,\n                  }),\n                )}\n              >\n                {areAllOptionsSelected ? (\n                  <CheckmarkSmallIcon\n                    className={styles.selectOptionMultiIndicatorIcon}\n                  />\n                ) : null}\n                {!areAllOptionsSelected && areSomeOptionsSelected ? (\n                  <MinusIcon\n                    className={styles.selectOptionMultiIndicatorIcon}\n                  />\n                ) : null}\n              </div>\n              {intl.formatMessage({\n                defaultMessage: 'Select all',\n                id: 'EsLvnx9UfUL/bZ/r',\n                description: 'Select all option in the Select component.',\n              })}\n            </Flex>\n            <Divider\n              className={clsx(\n                styles.selectMenuDivider,\n                'strato-select-divider',\n              )}\n            />\n          </>\n        )}\n        {selectProps.loading ? (\n          <Flex\n            paddingY={6}\n            paddingLeft={8}\n            paddingRight={12}\n            className={styles.selectMenuLoadingWrapper}\n          >\n            <ProgressCircle size=\"small\" aria-labelledby={ariaLabelId} />\n            <Text id={ariaLabelId}>\n              <FormattedMessage\n                description=\"Label for the loading state.\"\n                defaultMessage=\"Loading\"\n                id=\"cycz+bYG+VH7Of4e\"\n              />\n            </Text>\n          </Flex>\n        ) : (\n          children\n        )}\n      </OverlayStackingProvider>\n    </Surface>,\n    document.body,\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Modifier, ModifierArguments } from '@popperjs/core';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport {\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  ReactPortal,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport type {\n  ActionMeta,\n  GroupBase,\n  OnChangeValue,\n  Options,\n  MenuProps as ReactSelectMenuProps,\n} from 'react-select';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CheckmarkSmallIcon, MinusIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { ProgressCircle } from '../../../content/progress/ProgressCircle.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { useOverlayStacking } from '../../../core/hooks/useOverlayStacking.js';\nimport { OverlayStackingProvider } from '../../../core/providers/OverlayStackingProvider.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Surface } from '../../../layouts/surface/Surface.js';\nimport { surfaceBorderRadius } from '../../../layouts/surface/variables.sty.js';\nimport { useOverlay } from '../../../overlays/hooks/useOverlay.js';\nimport { observeOverlaySize } from '../../../overlays/utils/popper-modifiers.js';\nimport { usePopper } from '../../../overlays/utils/use-popper-compat.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport { _FormFieldContext as FormFieldContext } from '../../forms-core/contexts/FormFieldContext.js';\nimport { FormFieldMessageContext } from '../../forms-core/contexts/FormFieldMessageContext.js';\nimport { SearchInput } from '../../search-input/SearchInput.js';\nimport { useSelectMenuContext } from '../hooks/use-select-menu-context.js';\nimport { safeStringify } from '../hooks/use-select-options.js';\nimport { SelectActions } from '../state/select-menu-state-reducer.js';\nimport * as styles from '../styles/Select.sty.js';\nimport type { BaseOption } from '../types.js';\n\ntype MenuProps<\n  OptionValue,\n  isMulti extends boolean,\n  Group extends GroupBase<OptionValue>,\n> = ReactSelectMenuProps<OptionValue, isMulti, Group>;\n\n// Popper modifier to sync the width of the overlay menu\nconst sameWidthModifier: Modifier<'sameWidth-as-trigger', object> = {\n  name: 'sameWidth-as-trigger',\n  enabled: true,\n  fn: ({ state }: ModifierArguments<object>) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n    state.styles.popper.height = 'min-content';\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\nconst heightModifier: Modifier<'select-height-handler', object> = {\n  name: 'select-height-handler',\n  enabled: true,\n  fn: ({ state }: ModifierArguments<object>): void => {\n    const viewportHeight = Math.max(\n      document.documentElement.clientHeight || 0,\n      window.innerHeight || 0,\n    );\n\n    const topOffset = state.rects.reference.y;\n    const bottomOffset =\n      viewportHeight - (state.rects.reference.y + state.rects.reference.height);\n    const offset = state.options.placement.includes('bottom')\n      ? bottomOffset\n      : topOffset;\n\n    if (offset < state.rects.popper.height) {\n      // Limit the height to half the viewport height or 320px (which ever is greater),\n      // subtract the height of the trigger and remove a 20 px buffer to the screen edge.\n      const maxHeightBase = viewportHeight / 2 > 320 ? viewportHeight / 2 : 320;\n      state.styles.popper.maxHeight = `${\n        maxHeightBase - state.rects.reference.height - 20\n      }px`;\n    }\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\nexport function Menu<\n  OptionValue,\n  isMulti extends boolean,\n  Group extends GroupBase<OptionValue>,\n>(props: MenuProps<OptionValue, isMulti, Group>): ReactPortal {\n  const { children, innerRef, innerProps, selectProps } = props;\n  const {\n    filterRef,\n    clearSelectionRef,\n    triggerRef,\n    inputValue,\n    isMulti,\n    onInputChange,\n  } = selectProps;\n  const {\n    className: contentConsumerClassName,\n    style: contentConsumerStyle,\n    'data-testid': contentDataTestId,\n    ...remainingContentProps\n  } = selectProps.componentProps.content ?? {};\n  const {\n    className: filterConsumerClassName,\n    style: filterConsumerStyle,\n    'data-testid': filterDataTestId,\n    ...remainingFilterProps\n  } = selectProps.componentProps.filter ?? {};\n\n  const [portalRef, setPortalRef] = useState<HTMLDivElement | null>(null);\n  const [menuWidth, setMenuWidth] = useState<string | number | undefined>(\n    triggerRef?.offsetWidth,\n  );\n\n  const rootPortalRef = useMergeRefs([innerRef, setPortalRef]);\n\n  const stackingContext = useOverlayStacking(undefined, 'overlay');\n\n  const { styles: positioningStyles } = usePopper(triggerRef, portalRef, {\n    placement: 'bottom-start',\n    modifiers: [\n      {\n        name: 'offset',\n        options: {\n          offset: [0, 4],\n        },\n      },\n      sameWidthModifier,\n      heightModifier,\n      observeOverlaySize,\n    ],\n  });\n\n  const { dispatch } = useSelectMenuContext();\n\n  const clearFilterValue = useCallback(() => {\n    if (inputValue !== '') {\n      onInputChange('', {\n        action: 'input-change',\n        prevInputValue: inputValue,\n      });\n    }\n  }, [inputValue, onInputChange]);\n\n  useOverlay(\n    {\n      onClose: () => {\n        dispatch({\n          type: SelectActions.CLOSE,\n        });\n        clearFilterValue();\n        setMenuWidth(triggerRef?.offsetWidth);\n      },\n      isOpen: selectProps.menuIsOpen,\n      isDismissible: true,\n      shouldCloseOnInteractOutside: (element) => {\n        // close the menu when the click is outside of the select and the select trigger.\n        // The closing when the trigger is clicked is handled by the trigger itself\n        return !selectProps.triggerRef?.contains(element);\n      },\n    },\n    innerRef as RefObject<HTMLElement>,\n  );\n\n  useEffect(() => {\n    if (selectProps.menuIsOpen) {\n      filterRef?.current?.inputRef?.focus({ preventScroll: true });\n    }\n  }, [filterRef, selectProps.menuIsOpen]);\n\n  const hiddenTrigger = useMemo(\n    () => selectProps.triggerRef?.querySelector('input'),\n    [selectProps.triggerRef],\n  );\n\n  useEffect(() => {\n    // Restore focus to the trigger when the menu unmounts, unless focus has\n    // already moved to another element (e.g. a different Select's trigger).\n    // When the portal unmounts after option selection or Escape, activeElement\n    // falls back to document.body, so this correctly restores focus.\n    return () => {\n      if (!document.activeElement || document.activeElement === document.body) {\n        hiddenTrigger?.focus();\n      }\n    };\n  }, [hiddenTrigger]);\n\n  const intl = useIntl();\n\n  const ariaLabelId = useId();\n\n  const selectableOptions = useMemo(\n    () => (selectProps.allOptions ?? []).filter((option) => !option.isDisabled),\n    [selectProps.allOptions],\n  );\n\n  const selectedKeys = useMemo(() => {\n    const value = selectProps.value;\n    const selected = Array.isArray(value)\n      ? (value as BaseOption<OptionValue>[])\n      : [];\n    return new Set(selected.map((option) => safeStringify(option.value)));\n  }, [selectProps.value]);\n\n  const isOptionSelected = (option: BaseOption<OptionValue>) =>\n    selectedKeys.has(safeStringify(option.value));\n\n  const areAllOptionsSelected =\n    isMulti &&\n    selectableOptions.length > 0 &&\n    selectableOptions.every(isOptionSelected);\n\n  const areSomeOptionsSelected =\n    isMulti && selectableOptions.some(isOptionSelected);\n\n  let selectAllState: boolean | 'mixed' = false;\n  if (areAllOptionsSelected) {\n    selectAllState = true;\n  } else if (areSomeOptionsSelected) {\n    selectAllState = 'mixed';\n  }\n\n  const handleSelectAllInteraction = () => {\n    if (!selectProps.loading) {\n      if (areAllOptionsSelected) {\n        selectProps.onChange([] as OnChangeValue<OptionValue, isMulti>, {\n          action: 'clear',\n          removedValues: selectProps.value as Options<OptionValue>,\n        });\n      } else {\n        selectProps.onChange(\n          selectableOptions as OnChangeValue<OptionValue, isMulti>,\n          {} as ActionMeta<OptionValue>,\n        );\n      }\n    }\n  };\n\n  const dataDtProperties = `state:${\n    areAllOptionsSelected ? 'deselect' : 'select'\n  }`;\n\n  const noOptionsAvailable =\n    selectProps.allOptions === undefined || selectProps.allOptions.length === 0;\n  const isFiltering =\n    selectProps.customFilter && inputValue !== undefined && inputValue !== '';\n  const showClearSelection =\n    selectProps.clearable &&\n    selectProps.value &&\n    isMulti === false &&\n    !isFiltering;\n  const showSelectAll =\n    selectProps.clearable &&\n    isMulti &&\n    !isFiltering &&\n    !noOptionsAvailable &&\n    selectableOptions.length > 0;\n\n  return createPortal(\n    <Surface\n      data-testid={contentDataTestId}\n      data-dt-owner={selectProps.menuOwnerId}\n      ref={rootPortalRef}\n      {...(innerProps as unknown as Record<string, unknown>)}\n      elevation=\"floating\"\n      padding={4}\n      tabIndex={-1}\n      className={clsx(\n        styles.selectMenuOverlay({\n          isTriggerWidth:\n            selectProps.contentWidth === 'trigger' ||\n            (selectProps.customFilter &&\n              selectProps.contentWidth === 'content'),\n        }),\n        contentConsumerClassName,\n      )}\n      style={{\n        zIndex: stackingContext.style.zIndex,\n        ...positioningStyles.popper,\n        width:\n          selectProps.contentWidth !== 'trigger'\n            ? selectProps.contentWidth\n            : menuWidth,\n        ...contentConsumerStyle,\n        ...assignInlineVars({\n          [surfaceBorderRadius]: Borders.Radius.Surface.Subdued,\n        }),\n      }}\n      onMouseDown={(e: ReactMouseEvent<HTMLDivElement>) => e.stopPropagation()}\n      {...remainingContentProps}\n    >\n      <OverlayStackingProvider>\n        {selectProps.customFilter && (\n          // The empty content is need so the TextInput does not consume the required coming from the FormField\n          <FormFieldContext.Provider value={{}}>\n            {/* The TextInput should not consume any validation context to not reflect error states. */}\n            <FormFieldMessageContext.Provider\n              value={{\n                state: {\n                  errors: [],\n                  hints: [],\n                  showError: false,\n                },\n              }}\n            >\n              <SearchInput\n                data-testid={filterDataTestId}\n                ref={filterRef}\n                variant=\"minimal\"\n                aria-label={intl.formatMessage({\n                  defaultMessage: 'Search available options',\n                  id: '4PipZ2Z07Q9epib1',\n                  description: 'Aria label for the filter inside the select',\n                })}\n                placeholder={intl.formatMessage({\n                  defaultMessage: 'Search',\n                  id: 'CerADEHqR/6IVmHr',\n                  description: 'Placeholder for the filter inside the select',\n                })}\n                value={inputValue}\n                onChange={(value: string) => {\n                  onInputChange(value, {\n                    action: 'input-change',\n                    prevInputValue: inputValue,\n                  });\n                }}\n                className={clsx(styles.filter, filterConsumerClassName)}\n                style={filterConsumerStyle}\n                {...remainingFilterProps}\n              />\n            </FormFieldMessageContext.Provider>\n            <Divider\n              className={clsx(\n                styles.selectMenuDivider,\n                'strato-select-divider',\n              )}\n              aria-hidden\n            />\n          </FormFieldContext.Provider>\n        )}\n        {showClearSelection && (\n          <>\n            <Button\n              ref={clearSelectionRef as Ref<HTMLButtonElement>}\n              width=\"full\"\n              textAlign=\"start\"\n              onClick={() => {\n                selectProps.onChange(\n                  null as OnChangeValue<OptionValue, isMulti>,\n                  {\n                    action: 'clear',\n                    removedValues: selectProps.value as Options<OptionValue>,\n                  },\n                );\n                // close the menu in single selection mode and clear the filter\n                if (isMulti === false) {\n                  dispatch({\n                    type: SelectActions.CLOSE,\n                  });\n                  clearFilterValue();\n                }\n              }}\n              onKeyDown={(event: ReactKeyboardEvent<HTMLButtonElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                  selectProps.onChange(\n                    null as OnChangeValue<OptionValue, isMulti>,\n                    {\n                      action: 'clear',\n                      removedValues: selectProps.value as Options<OptionValue>,\n                    },\n                  );\n                  // prevent option selection being triggered\n                  event.preventDefault();\n                  event.stopPropagation();\n\n                  // close the menu in single selection mode and clear the filter\n                  if (isMulti === false) {\n                    dispatch({\n                      type: SelectActions.CLOSE,\n                    });\n                    clearFilterValue();\n                  }\n\n                  // move the focus back to the trigger after clearing if possible\n                  // otherwise move it back to the input\n                  if (filterRef?.current && isMulti) {\n                    filterRef.current.inputRef?.focus();\n                  } else {\n                    const hiddentrigger = triggerRef?.querySelector('input');\n                    hiddentrigger?.focus();\n                  }\n                }\n              }}\n            >\n              {intl.formatMessage({\n                defaultMessage: 'Clear selection',\n                id: '/H3rbOvaR6bAasVo',\n                description: 'Select component clear selection button.',\n              })}\n            </Button>\n            <Divider\n              className={clsx(\n                styles.selectMenuDivider,\n                'strato-select-divider',\n              )}\n              aria-hidden\n            />\n          </>\n        )}\n        {showSelectAll && (\n          <>\n            <Flex\n              tabIndex={0}\n              role=\"checkbox\"\n              aria-checked={selectAllState}\n              className={clsx(\n                'strato-select-option',\n                styles.selectOptionMulti,\n                styles.selectAll,\n                {\n                  'strato-select-option--selected': areSomeOptionsSelected,\n                  'strato-select-option--disabled': selectProps.loading,\n                },\n              )}\n              ref={selectProps.clearSelectionRef as Ref<HTMLDivElement>}\n              onClick={() => {\n                handleSelectAllInteraction();\n              }}\n              onKeyDown={(event: ReactKeyboardEvent<HTMLDivElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                  handleSelectAllInteraction();\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }}\n              data-dt-children-name=\"SelectDeselectAll\"\n              data-dt-properties={dataDtProperties}\n            >\n              <div\n                className={clsx(\n                  styles.selectOptionMultiIndicator({\n                    selected: areSomeOptionsSelected,\n                  }),\n                )}\n              >\n                {areAllOptionsSelected ? (\n                  <CheckmarkSmallIcon\n                    className={styles.selectOptionMultiIndicatorIcon}\n                  />\n                ) : null}\n                {!areAllOptionsSelected && areSomeOptionsSelected ? (\n                  <MinusIcon\n                    className={styles.selectOptionMultiIndicatorIcon}\n                  />\n                ) : null}\n              </div>\n              {intl.formatMessage({\n                defaultMessage: 'Select all',\n                id: 'EsLvnx9UfUL/bZ/r',\n                description: 'Select all option in the Select component.',\n              })}\n            </Flex>\n            <Divider\n              className={clsx(\n                styles.selectMenuDivider,\n                'strato-select-divider',\n              )}\n            />\n          </>\n        )}\n        {selectProps.loading ? (\n          <Flex\n            paddingY={6}\n            paddingLeft={8}\n            paddingRight={12}\n            className={styles.selectMenuLoadingWrapper}\n          >\n            <ProgressCircle size=\"small\" aria-labelledby={ariaLabelId} />\n            <Text id={ariaLabelId}>\n              <FormattedMessage\n                description=\"Label for the loading state.\"\n                defaultMessage=\"Loading\"\n                id=\"cycz+bYG+VH7Of4e\"\n              />\n            </Text>\n          </Flex>\n        ) : (\n          children\n        )}\n      </OverlayStackingProvider>\n    </Surface>,\n    document.body,\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }