@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/amd/SelectSingle-a600e403.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSingle-a600e403.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleDesktopDropdown.tsx","../../src/UNSAFE_SelectSingle/SelectSingleMobileDropdown.tsx","../../src/UNSAFE_SelectSingle/useMobileDropdown.ts","../../src/UNSAFE_SelectSingle/SelectSingle.tsx","../../src/UNSAFE_SelectSingle/useSelectSingle.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  Dropdown,\n  DropdownList,\n  DropdownUserAssistance,\n  EmptyResults,\n  LinkItem,\n  preventDefault\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport type { CollectionRendererProps } from './SelectSingle.types';\n\ntype PickedDropdownProps = Pick<\n  ComponentProps<typeof Dropdown>,\n  'isOpen' | 'onAutoDismiss' | 'onPosition'\n>;\n\ntype PickedInlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  'assistiveText' | 'helpSourceLink' | 'helpSourceText'\n>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedDropdownProps &\n  PickedInlineUserAssistanceProps & {\n    data?: DataState<K, D> | null;\n    collectionRenderer: (props: CollectionRendererProps<K, D>) => ComponentChildren;\n    collectionRendererContext: CollectionRendererProps<K, D>;\n    dropdownId: string;\n    dropdownRef: RefObject<HTMLDivElement>;\n    isAddToListShown?: boolean;\n    isAdvancedSearchShown: boolean;\n    isDisabled?: boolean;\n    isDropdownAbove: boolean;\n    isEmptyResults: boolean;\n    isReadonly?: false;\n    label: string;\n    mainFieldRef: RefObject<HTMLDivElement>;\n    onAddToListAction?: () => void;\n    onAdvancedSearchAction?: () => void;\n    userAssistanceDensity?: UserAssistanceDensityType;\n  };\n\nexport function SelectSingleDesktopDropdown<\n  K extends string | number,\n  D extends Record<string, any>\n>({\n  assistiveText,\n  collectionRenderer,\n  collectionRendererContext,\n  data,\n  dropdownId,\n  dropdownRef,\n  helpSourceLink,\n  helpSourceText,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isDisabled,\n  isDropdownAbove,\n  isEmptyResults,\n  isOpen,\n  isReadonly,\n  label,\n  mainFieldRef,\n  onAddToListAction,\n  onAdvancedSearchAction,\n  onAutoDismiss,\n  onPosition,\n  userAssistanceDensity\n}: Props<K, D>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const dropdownInlineUserAssistance =\n    isOpen &&\n    !isDropdownAbove &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <TabbableModeContext.Provider value={{ isTabbable: false }}>\n        <DropdownUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          userAssistanceDensity={userAssistanceDensity}\n        />\n      </TabbableModeContext.Provider>\n    ) : undefined;\n\n  const dropdownListContent = isEmptyResults ? (\n    isAddToListShown || isAdvancedSearchShown ? undefined : (\n      <EmptyResults />\n    )\n  ) : (\n    collectionRenderer(collectionRendererContext)\n  );\n\n  const addToListContent = isAddToListShown ? (\n    <>\n      {!isEmptyResults && (\n        <div onMouseDown={preventDefault}>\n          <Separator />\n        </div>\n      )}\n      <LinkItem isHighlighted={isEmptyResults} onAction={onAddToListAction}>\n        {translations.select_addToList()}\n      </LinkItem>\n    </>\n  ) : undefined;\n\n  const advancedSearchContent = isAdvancedSearchShown ? (\n    <>\n      {!isEmptyResults && (\n        <div onMouseDown={preventDefault}>\n          <Separator />\n        </div>\n      )}\n      <LinkItem isHighlighted={isEmptyResults} onAction={onAdvancedSearchAction}>\n        {translations.select_moreSearchOptions()}\n      </LinkItem>\n    </>\n  ) : undefined;\n\n  return (\n    <Dropdown\n      anchorRef={mainFieldRef}\n      dropdownRef={dropdownRef}\n      id={dropdownId}\n      isOpen={isOpen}\n      onAutoDismiss={onAutoDismiss}\n      onPosition={onPosition}>\n      <DropdownList\n        hasBottomGap={dropdownInlineUserAssistance === undefined}\n        isLoading={data === null}>\n        {dropdownListContent}\n        {addToListContent}\n        {advancedSearchContent}\n      </DropdownList>\n      {dropdownInlineUserAssistance}\n    </Dropdown>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  DropdownList,\n  DropdownUserAssistance,\n  EmptyResults,\n  LinkItem,\n  SelectMobileDropdown,\n  preventDefault\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { Label } from '#UNSAFE_Label';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { ComponentChildren, ComponentProps } from 'preact';\nimport type { CollectionRendererProps } from './SelectSingle.types';\nimport { SelectSingleField } from './SelectSingleField';\nimport { SelectSingleFieldInput } from './SelectSingleFieldInput';\nimport { useMobileDropdown, type UseMobileDropdownProps } from './useMobileDropdown';\n\ntype SelectSingleFieldInputProps = ComponentProps<typeof SelectSingleFieldInput>;\n\ntype PickedInlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  'assistiveText' | 'helpSourceLink' | 'helpSourceText'\n>;\ntype PickedSelectSingleFieldInputProps = Pick<\n  ComponentProps<typeof SelectSingleFieldInput>,\n  | 'aria-describedby'\n  | 'aria-label'\n  | 'displayValue'\n  | 'isAddToListShown'\n  | 'isAdvancedSearchShown'\n  | 'isRequired'\n  | 'placeholder'\n  | 'textAlign'\n  | 'virtualKeyboard'\n> & {\n  onFieldBlur?: ComponentProps<typeof SelectSingleFieldInput>['onBlur'];\n  onFieldFocus?: ComponentProps<typeof SelectSingleFieldInput>['onFocus'];\n  onFieldInput?: ComponentProps<typeof SelectSingleFieldInput>['onInput'];\n  onFieldKeyDown?: ComponentProps<typeof SelectSingleFieldInput>['onKeyDown'];\n  onFieldKeyUp?: ComponentProps<typeof SelectSingleFieldInput>['onKeyUp'];\n};\ntype PickedSelectMobileDropdownProps = Pick<ComponentProps<typeof SelectMobileDropdown>, 'isOpen'>;\ntype PickedUseMobileDropdownProps<K extends string | number, D extends Record<string, any>> = Pick<\n  UseMobileDropdownProps<K, D>,\n  'clearValue' | 'setDropdownOpen' | 'stopFiltering' | 'setUserInput'\n> & {\n  mainFieldInputRef: UseMobileDropdownProps<K, D>['inputRef'];\n};\n\ntype Props<\n  K extends string | number,\n  D extends Record<string, any>\n> = PickedInlineUserAssistanceProps &\n  PickedSelectMobileDropdownProps &\n  PickedSelectSingleFieldInputProps &\n  PickedUseMobileDropdownProps<K, D> & {\n    data?: DataState<K, D> | null;\n    collectionRenderer: (props: CollectionRendererProps<K, D>) => ComponentChildren;\n    collectionRendererContext: CollectionRendererProps<K, D>;\n    dropdownId: string;\n    isEmptyResults: boolean;\n    isFocused: boolean;\n    isLoading: boolean;\n    label: string;\n    liveRegionText?: string;\n    onAddToListAction?: () => void;\n    onAdvancedSearchAction?: () => void;\n    propIsLoading?: boolean;\n    userAssistanceDensity?: UserAssistanceDensityType;\n    userInput?: string;\n    virtualKeyboard?: SelectSingleFieldInputProps['virtualKeyboard'];\n  };\n\nexport function SelectSingleMobileDropdown<\n  K extends string | number,\n  D extends Record<string, any>\n>({\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n  assistiveText,\n  clearValue,\n  collectionRenderer,\n  collectionRendererContext,\n  data,\n  displayValue,\n  dropdownId,\n  helpSourceLink,\n  helpSourceText,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isEmptyResults,\n  isFocused,\n  isLoading,\n  isOpen = false,\n  isRequired,\n  label,\n  liveRegionText,\n  mainFieldInputRef,\n  onAddToListAction,\n  onAdvancedSearchAction,\n  onFieldBlur,\n  onFieldFocus,\n  onFieldInput,\n  onFieldKeyDown,\n  onFieldKeyUp,\n  placeholder,\n  propIsLoading,\n  setDropdownOpen,\n  setUserInput,\n  stopFiltering,\n  textAlign,\n  userAssistanceDensity,\n  userInput,\n  virtualKeyboard\n}: Props<K, D>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n    useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: false,\n      isFocused,\n      isLoading,\n      isReadonly: false,\n      isRequiredShown: false,\n      labelEdge: 'inside',\n      styleVariant: 'default',\n      value: ''\n    });\n  const { selectSingleFieldInputProps, selectSingleFieldProps } = useMobileDropdown({\n    clearValue,\n    displayValue,\n    inputRef: mainFieldInputRef,\n    isDropdownOpen: isOpen,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    userInput\n  });\n\n  // JET-54256 - inside label animates up on initial display with selected value\n  // If we're waiting for the selected values to load, the component should look like it\n  // has a value in the meantime.\n  // Use the original propIsLoading instead of isLoading because we don't want to delay\n  // the inside label position by a timer like we do the progressive loading indicator.\n  formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n  const mobileDropdownFieldLabelProps = {\n    label: <Label {...labelProps}>{label}</Label>,\n    labelEdge: 'inside' as const\n  };\n\n  const dropdownInlineUserAssistance =\n    isOpen &&\n    (assistiveText || helpSourceLink) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <DropdownUserAssistance\n        assistiveText={assistiveText}\n        fieldLabel={label}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        userAssistanceDensity={userAssistanceDensity}\n        {...userAssistanceProps}\n      />\n    ) : undefined;\n\n  const dropdownListContent = isEmptyResults ? (\n    isAddToListShown || isAdvancedSearchShown ? undefined : (\n      <EmptyResults />\n    )\n  ) : (\n    collectionRenderer(collectionRendererContext)\n  );\n\n  const addToListContent = isAddToListShown ? (\n    <>\n      <div onMouseDown={preventDefault}>\n        <Separator />\n      </div>\n      <LinkItem onAction={onAddToListAction}>{translations.select_addToList()}</LinkItem>\n    </>\n  ) : undefined;\n\n  const advancedSearchContent = isAdvancedSearchShown ? (\n    <>\n      <div onMouseDown={preventDefault}>\n        <Separator />\n      </div>\n      <LinkItem onAction={onAdvancedSearchAction}>\n        {translations.select_moreSearchOptions()}\n      </LinkItem>\n    </>\n  ) : undefined;\n\n  return (\n    <SelectMobileDropdown\n      header={\n        <FormFieldContext.Provider value={formFieldContext}>\n          <View>\n            <SelectSingleField\n              {...textFieldProps}\n              {...mobileDropdownFieldLabelProps}\n              {...selectSingleFieldProps}\n              onFocus={onFieldFocus}\n              onBlur={onFieldBlur}>\n              <SelectSingleFieldInput\n                {...inputProps}\n                {...selectSingleFieldInputProps}\n                aria-controls={dropdownId}\n                aria-expanded={isOpen}\n                aria-label={ariaLabel}\n                isAddToListShown={isAddToListShown}\n                isAdvancedSearchShown={isAdvancedSearchShown}\n                isRequired={isRequired}\n                liveRegionText={liveRegionText}\n                placeholder={placeholder}\n                textAlign={textAlign}\n                virtualKeyboard={virtualKeyboard}\n                onInput={onFieldInput}\n                onKeyDown={onFieldKeyDown}\n                onKeyUp={onFieldKeyUp}\n              />\n            </SelectSingleField>\n          </View>\n          {dropdownInlineUserAssistance}\n          {addToListContent}\n          {advancedSearchContent}\n        </FormFieldContext.Provider>\n      }\n      hasHeaderSeparator={!(isAdvancedSearchShown && isEmptyResults)}\n      id={dropdownId}\n      isOpen={isOpen}\n      labelId={labelProps.id}>\n      <DropdownList\n        isLoading={data === null}\n        hasTopGap={!(isAddToListShown || isAdvancedSearchShown)}>\n        {dropdownListContent}\n      </DropdownList>\n    </SelectMobileDropdown>\n  );\n}\n","import { isSearchTextEmptyOrUndefined } from '#PRIVATE_SelectCommon';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport type { useSelectSingle } from './useSelectSingle';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype PickedPropsFromUseSelectSingle<K extends Key, D extends Data> = Pick<\n  ReturnType<typeof useSelectSingle<K, D>>,\n  | 'clearValue'\n  | 'inputRef'\n  | 'isDropdownOpen'\n  | 'setDropdownOpen'\n  | 'setUserInput'\n  | 'stopFiltering'\n  | 'userInput'\n>;\nexport type UseMobileDropdownProps<K extends Key, D extends Data> = PickedPropsFromUseSelectSingle<\n  K,\n  D\n> & {\n  displayValue: string;\n};\n\nexport function useMobileDropdown<K extends Key, D extends Data>({\n  clearValue,\n  displayValue,\n  inputRef,\n  isDropdownOpen,\n  userInput,\n  setDropdownOpen,\n  stopFiltering,\n  setUserInput\n}: UseMobileDropdownProps<K, D>) {\n  // Create a ref for the input in the dropdown\n  const dropdownInputRef = useRef<HTMLInputElement>(null);\n\n  const closeDropdown = useCallback(() => {\n    setDropdownOpen(false);\n    // stop filtering before closing the dropdown\n    stopFiltering();\n    // revert the focus back to the main field\n    inputRef.current?.focus();\n  }, [inputRef, setDropdownOpen, stopFiltering]);\n\n  const onBackButtonClick = useCallback(() => {\n    closeDropdown();\n  }, [closeDropdown]);\n\n  const onClearButtonClick = useCallback(() => {\n    // reset the user filter and the value of the component\n    stopFiltering();\n    // clear the value but do not close the dropdown\n    clearValue(false);\n    // set focus to the dropdown input field\n    dropdownInputRef.current?.focus();\n  }, [clearValue, stopFiltering]);\n\n  const wasDropdownOpen = useRef(isDropdownOpen);\n  useEffect(() => {\n    // if the dropdown is open, ignore any valueItems update\n    if (isDropdownOpen) {\n      // this dropdown is opened now, so set the focus on the input field\n      setTimeout(() => dropdownInputRef.current?.focus(), 0);\n    }\n    wasDropdownOpen.current = isDropdownOpen;\n  }, [isDropdownOpen]);\n\n  const isInitialRender = useRef(true);\n  if (isInitialRender.current) {\n    isInitialRender.current = false;\n    setUserInput(displayValue);\n  }\n\n  return {\n    selectSingleFieldInputProps: {\n      displayValue: userInput ?? '',\n      hasEmptyLabel: false,\n      hasInsideLabel: true,\n      inputRef: dropdownInputRef,\n      isUserFiltering: true,\n      removeIcon: 'always' as const,\n      userInput\n    },\n    selectSingleFieldProps: {\n      hasInsideLabel: true,\n      isBackButtonShown: true,\n      isClearButtonShown:\n        !isSearchTextEmptyOrUndefined(userInput) || !isSearchTextEmptyOrUndefined(displayValue),\n      isDropdownArrowShown: false,\n      styleVariant: 'embedded' as const,\n      onBackButtonClick,\n      onClearButtonClick\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  Fragment,\n  type ComponentChildren,\n  type ComponentProps,\n  type Ref,\n  type VNode\n} from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport {\n  DefaultList,\n  SelectMobileFieldInput,\n  isBeforeDataFetch,\n  isPhone,\n  isTablet\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { Label } from '#UNSAFE_Label';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { ReadonlyTextField, ReadonlyTextFieldInput } from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport type { VirtualizedListView } from '#UNSAFE_VirtualizedListView';\nimport { useFocusableTextField, type FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport type { Size } from '#utils/UNSAFE_size';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { MutableRef, useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport type { CollectionRendererProps, ItemRendererProps } from './SelectSingle.types';\nimport { SelectSingleDesktopDropdown } from './SelectSingleDesktopDropdown';\nimport { SelectSingleField } from './SelectSingleField';\nimport { SelectSingleFieldInput } from './SelectSingleFieldInput';\nimport { SelectSingleMobileDropdown } from './SelectSingleMobileDropdown';\nimport { useDisplayValue } from './useDisplayValue';\nimport { useSelectSingle } from './useSelectSingle';\n\ntype SelectSingleFieldInputProps = ComponentProps<typeof SelectSingleFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = TestIdProps & {\n  /**\n   * Specifies whether the add to list link is shown in the dropdown when the user filters.\n   * It is up to the application to show its own UI when the link is triggered.\n   *\n   * Advanced search and add to list should not be enabled at the same time.  If both are on,\n   * advanced search will take precedence because its external UI could also potentially include\n   * the ability to add to list.\n   */\n  addToList?: 'on' | 'off';\n  /**\n   * Specifies whether the advanced search link is shown in the dropdown when the user filters.\n   * It is up to the application to show its own UI when the link is triggered.\n   *\n   * Advanced search and add to list should not be enabled at the same time.  If both are on,\n   * advanced search will take precedence because its external UI could also potentially include\n   * the ability to add to list.\n   */\n  advancedSearch?: 'on' | 'off';\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: SelectSingleFieldInputProps['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter or select.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Render function for the collection in the dropdown.\n   */\n  collectionRenderer?: (\n    collectionRendererProps: CollectionRendererProps<K, D>\n  ) => ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Specifies data for the dropdown list.\n   *\n   * Note that the <code>itemText</code> property allows for customizing the rendering\n   * of each data item.\n   */\n  data?: DataState<K, D> | null;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is waiting for <code>valueItems</code> to load.\n   * While loading, SelectSingle will show the progressive loading indicator in the text field.\n   */\n  isLoading?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * selected by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be selected by the user.\n   */\n  isRequired?: SelectSingleFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has selected a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Render function for an item in the default list in the dropdown.\n   */\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  /**\n   * Specifies how to get the text string to render for a data item.\n   * This property can be set to either:\n   * <ul>\n   * <li>a string that specifies the name of a top level data attribute to render as text, or</li>\n   * <li>a callback function that takes a properties object and returns the text string to\n   * display.</li>\n   * </ul>\n   *\n   * This text will be rendered for the selected <code>valueItems</code> of the component.\n   * It will also be rendered for each item in the dropdown.  When rendered for the\n   * dropdown items, default matching search term highlighting will still be applied.\n   */\n  itemText: ItemTextType<K, D>;\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user selects or enters a value.\n   */\n  placeholder?: SelectSingleFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: SelectSingleFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Specifies the key, data, and optional metadata for the selected value.\n   */\n  valueItem?: Item<K, D>;\n  /**\n   * The style variant of the component.\n   */\n  variant?: SelectSingleFieldInputProps['variant'];\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n  /**\n   * Callback function called when the user triggers the add to list link shown in the dropdown.\n   */\n  onAddToListAction?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback function called when the user triggers the advanced search link shown in the dropdown.\n   */\n  onAdvancedSearchAction?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback invoked when the user commits the selected value.\n   *\n   * The function should set a new <code>valueItem</code> property.\n   */\n  onCommit: (detail: ValueUpdateDetail<K>) => void;\n  /**\n   * Callback function to trigger loading data for the dropdown list, which may or may not be\n   * filtered by user entered search text.\n   *\n   * The function should set a new <code>DataState</code> as the <code>data</code> property.\n   */\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback function to handle when the viewport of the dropdown list has changed, for example\n   * by scrolling, including the case where the user scrolls to the end of the list and there are\n   * more items to load.\n   *\n   * The function should set a new <code>DataState</code> for the specified range as the\n   * <code>data</code> property.\n   */\n  onLoadRange?: ComponentProps<typeof VirtualizedListView>['onLoadRange'];\n};\n\n/**\n * A SelectSingle is a dropdown list that supports single selection and search filtering.\n */\nexport const SelectSingle = forwardRef(\n  <K extends string | number, D extends Record<string, any>>(\n    {\n      addToList = 'off',\n      advancedSearch = 'off',\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      collectionRenderer,\n      columnSpan,\n      data,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isLoading: propIsLoading,\n      isReadonly: propIsReadonly,\n      isRequired,\n      isRequiredShown,\n      itemRenderer,\n      itemText,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onAddToListAction,\n      onAdvancedSearchAction,\n      onCommit,\n      onFilter,\n      onLoadRange,\n      placeholder,\n      testId,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      valueItem,\n      variant = 'default',\n      virtualKeyboard\n    }: Props<K, D>,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused: origIsFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    useImperativeHandle(ref!, () => focusMethods, [focusMethods]);\n\n    const {\n      addToListEventHandlers,\n      advancedSearchEventHandlers,\n      clearValue,\n      collectionRendererContext,\n      dropdownArrowEventHandlers,\n      dropdownEventHandlers,\n      dropdownRef,\n      inputEventHandlers,\n      isAddToListShown,\n      isAdvancedSearchShown,\n      isDataFetched,\n      isDropdownAbove,\n      isDropdownOpen,\n      isEmptyResults,\n      isFocused,\n      isUserFiltering,\n      mainFieldRef,\n      mouseProps,\n      setDropdownOpen,\n      setUserInput,\n      stopFiltering,\n      textFieldRef,\n      userInput\n    } = useSelectSingle<K, D>({\n      addToList,\n      advancedSearch,\n      data,\n      inputRef: enabledElementRef as MutableRef<HTMLInputElement>,\n      isDisabled,\n      isFocused: origIsFocused,\n      isReadonly,\n      onAddToListAction,\n      onAdvancedSearchAction,\n      onCommit,\n      onFilter,\n      valueItem\n    });\n\n    // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n    // show the loading indicator until after a delay, because showing it immediately could result\n    // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n    // after the delay, when the timer expires, at which point we should show the loading indicator.\n    // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n    // and no loading indicator will be shown.\n    // (ListView detects its loading state by checking data === null.  While it would be nice for\n    // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n    // If valueItems === null triggers our loading state, then the selections in the dropdown\n    // are cleared for that period of time, which is undesirable.)\n    const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isLoading,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value: valueItem !== undefined ? true : undefined\n    });\n\n    // JET-54256 - inside label animates up on initial display with selected value\n    // If we're waiting for the selected values to load, the component should look like it\n    // has a value in the meantime.\n    // Use the original propIsLoading instead of isLoading because we don't want to delay\n    // the inside label position by a timer like we do the progressive loading indicator.\n    formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n    const dropdownId = `${baseId}-dropdown`;\n\n    const displayValue = useDisplayValue(itemText, valueItem);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,\n      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={mainFieldRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const defaultCollectionRenderer = useCallback(\n      ({\n        onPersistCurrentRowKey,\n        onRowAction,\n        selected,\n        searchText,\n        currentRowKeyOverride\n      }: CollectionRendererProps<K, D>) => (\n        <DefaultList\n          aria-label={label ?? ''}\n          componentName=\"SelectSingle\"\n          currentItemVariant=\"highlight\"\n          currentKey={currentRowKeyOverride}\n          data={data}\n          itemRenderer={itemRenderer}\n          itemText={itemText}\n          onCurrentKeyChange={onPersistCurrentRowKey}\n          onItemAction={onRowAction}\n          onLoadRange={onLoadRange}\n          searchText={isUserFiltering ? searchText : undefined}\n          selectedKeys={selected}\n          selectionMode=\"single\"\n        />\n      ),\n      [data, isUserFiltering, itemRenderer, itemText, label, onLoadRange]\n    );\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"div\"\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n          textAlign={textAlign}\n          value={displayValue}\n        />\n      );\n\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={mainFieldRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const hasInsideLabel = labelComp !== undefined && labelEdge === 'inside';\n    const liveRegionText =\n      isDropdownOpen && isDataFetched\n        ? data?.totalSize === 0\n          ? translations.select_noMatchesFound()\n          : data?.totalSize === 1\n          ? translations.select_oneMatchFound()\n          : data?.sizePrecision === 'exact'\n          ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n          : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n        : '';\n\n    const hasEmptyLabel = label === '' && labelEdge === 'none';\n    // Use the mobile field if the component is being rendered in a phone\n    // and it is not disabled.\n    const isPhoneMainFieldInput = isPhone() && !isDisabled;\n    const mainContent = !isPhoneMainFieldInput ? (\n      <SelectSingleFieldInput\n        aria-controls={dropdownId}\n        aria-expanded={isDropdownOpen}\n        aria-label={ariaLabel}\n        displayValue={displayValue}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasInsideLabel={hasInsideLabel}\n        inputRef={enabledElementRef}\n        isAddToListShown={isAddToListShown}\n        isAdvancedSearchShown={isAdvancedSearchShown}\n        isRequired={isRequired}\n        isUserFiltering={isUserFiltering}\n        liveRegionText={liveRegionText}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        userInput={userInput}\n        // In tablet, we would want to show the virtual keyboard\n        virtualKeyboard={isTablet() ? virtualKeyboard : undefined}\n        {...inputProps}\n        {...inputEventHandlers}\n      />\n    ) : (\n      <SelectMobileFieldInput\n        aria-controls={dropdownId}\n        aria-describedby={inputProps['aria-describedby']}\n        aria-expanded={isDropdownOpen}\n        aria-invalid={inputProps['aria-invalid']}\n        aria-label={ariaLabel}\n        aria-labelledby={labelProps.id}\n        displayValue={displayValue}\n        hasEmptyLabel={hasEmptyLabel}\n        hasInsideLabel={hasInsideLabel}\n        isRequired={isRequired}\n        onBlur={inputProps.onBlur}\n        onFocus={inputProps.onFocus}\n        placeholder={placeholder}\n        ref={enabledElementRef as Ref<HTMLDivElement>}\n        textAlign={textAlign}\n        variant={inputProps.variant}\n      />\n    );\n\n    const shouldShowDropdown =\n      isDropdownOpen &&\n      data !== undefined &&\n      (data === null || data.totalSize > 0 || isBeforeDataFetch<K, D>(data) || isEmptyResults);\n    const dropdown = !shouldShowDropdown ? null : isPhone() ? (\n      <SelectSingleMobileDropdown\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabel}\n        assistiveText={assistiveText}\n        clearValue={clearValue}\n        collectionRenderer={collectionRenderer ?? defaultCollectionRenderer}\n        collectionRendererContext={collectionRendererContext}\n        data={data}\n        displayValue={displayValue}\n        dropdownId={dropdownId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        isAddToListShown={isAddToListShown}\n        isAdvancedSearchShown={isAdvancedSearchShown}\n        isEmptyResults={isEmptyResults}\n        isFocused={isFocused}\n        isLoading={isLoading}\n        isOpen={shouldShowDropdown}\n        isRequired={isRequired}\n        label={label}\n        liveRegionText={liveRegionText}\n        mainFieldInputRef={enabledElementRef}\n        onAddToListAction={addToListEventHandlers.onAction}\n        onAdvancedSearchAction={advancedSearchEventHandlers.onAction}\n        onFieldBlur={focusProps.onFocusOut}\n        onFieldFocus={focusProps.onFocusIn}\n        onFieldInput={inputEventHandlers.onInput}\n        onFieldKeyDown={inputEventHandlers.onKeyDown}\n        onFieldKeyUp={inputEventHandlers.onKeyUp}\n        placeholder={placeholder}\n        propIsLoading={propIsLoading}\n        setDropdownOpen={setDropdownOpen}\n        stopFiltering={stopFiltering}\n        setUserInput={setUserInput}\n        textAlign={textAlign}\n        userAssistanceDensity={userAssistanceDensity}\n        userInput={userInput}\n        virtualKeyboard={virtualKeyboard}\n      />\n    ) : (\n      <SelectSingleDesktopDropdown\n        {...dropdownEventHandlers}\n        assistiveText={assistiveText}\n        collectionRenderer={collectionRenderer ?? defaultCollectionRenderer}\n        collectionRendererContext={collectionRendererContext}\n        data={data}\n        dropdownId={dropdownId}\n        dropdownRef={dropdownRef}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        isAddToListShown={isAddToListShown}\n        isAdvancedSearchShown={isAdvancedSearchShown}\n        isDisabled={isDisabled}\n        isDropdownAbove={isDropdownAbove}\n        isEmptyResults={isEmptyResults}\n        isOpen={shouldShowDropdown}\n        isReadonly={isReadonly}\n        label={label}\n        mainFieldRef={mainFieldRef}\n        onAddToListAction={addToListEventHandlers.onAction}\n        onAdvancedSearchAction={advancedSearchEventHandlers.onAction}\n        userAssistanceDensity={userAssistanceDensity}\n      />\n    );\n\n    return (\n      <Fragment>\n        <FormFieldContext.Provider value={formFieldContext}>\n          <SelectSingleField\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            hasInsideLabel={hasInsideLabel}\n            inlineUserAssistance={inlineUserAssistance}\n            isDropdownArrowShown={true}\n            mainFieldRef={mainFieldRef}\n            onBlur={focusProps?.onFocusOut}\n            onDropdownArrowClick={dropdownArrowEventHandlers.onClick}\n            onFocus={focusProps?.onFocusIn}\n            rootRef={textFieldRef as Ref<HTMLElement> | undefined}\n            testId={testId}\n            {...textFieldProps}\n            {...fieldLabelProps}\n            {...mouseProps}>\n            {mainContent}\n          </SelectSingleField>\n          {/* Live region for instructing how to close the dropdown. */}\n          {/* This is only applicable for Desktop usage, as in mobile we render a full screen modal and it has controls\n              on the page for closing the modal. */}\n          {/* Make sure to always render the LiveRegion in desktop and only add/remove the text within it to avoid any issues\n              with the screen reader. */}\n          {!isPhone() && (\n            <LiveRegion>\n              {shouldShowDropdown ? translations.select_closeDropdown() : undefined}\n            </LiveRegion>\n          )}\n        </FormFieldContext.Provider>\n        {dropdown}\n      </Fragment>\n    );\n  }\n) as {\n  <K extends string | number, D extends Record<string, any>>(\n    props: Props<K, D> & { ref?: Ref<FocusableHandle> }\n  ): VNode<any> | null;\n}; // forwardRef will remove generics, so we cast it explicitly to preserve generics.\n\nexport type SelectSingleProps<K extends string | number, D extends Record<string, any>> = Props<\n  K,\n  D\n>;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  UseCollectionRendererSelectSingleParams,\n  isBeforeDataFetch,\n  isPhone,\n  isSearchClearedFirstTime,\n  isSearchTextEmptyOrUndefined,\n  useCollectionRenderer,\n  useSelectCommon\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { SelectSingle } from './SelectSingle';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod';\n\ntype PickedPropsFromSelectSingle = Pick<\n  ComponentProps<typeof SelectSingle>,\n  | 'addToList'\n  | 'advancedSearch'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'onAddToListAction'\n  | 'onAdvancedSearchAction'\n  | 'onFilter'\n>;\ntype UseSelectSingleProps<K, D> = PickedPropsFromSelectSingle & {\n  data?: DataState<K, D> | null;\n  inputRef: RefObject<HTMLInputElement>;\n  isFocused?: boolean;\n  onCommit: (detail: ValueUpdateDetail<K>) => void;\n  valueItem?: Item<K, D>;\n};\n\n/**\n * Hook that manages SelectSingle state and behavior.  This hook creates state variables and\n * event listeners, returning properties to apply to components internally rendered by\n * SelectSingle, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isDisabled Specifies whether the component is disabled.\n * @param isFocused Specifies whether the component has focus.\n * @param isReadonly Specifies whether the component is readonly.\n * @param onCommit Callback invoked when the selected value is committed.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n * @param valueItem Specifies the key, data, and optional metadata for the selected value.\n *\n * @returns Properties to apply to internal components that SelectSingle renders, and component\n * state.\n */\nexport function useSelectSingle<K extends string | number, D extends Record<string, any>>({\n  addToList,\n  advancedSearch,\n  data,\n  inputRef,\n  isDisabled,\n  isFocused: propIsFocused,\n  isReadonly,\n  onAddToListAction,\n  onAdvancedSearchAction,\n  onCommit: propOnCommit,\n  onFilter,\n  valueItem\n}: UseSelectSingleProps<K, D>) {\n  const {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    getDropdownTabbableElems,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss: baseHandleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown: baseHandleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    isDropdownAbove,\n    isDropdownOpen,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    setCurrentRowOverride,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    isFocused: propIsFocused,\n    onFilter\n  });\n\n  const [selectedKeys, setSelectedKeys] = useState<Set<K>>();\n  const [isBlurClearValue, setBlurClearValue] = useState(false);\n  const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n  const [isTabbingOutOfDropdown, setTabbingOutOfDropdown] = useState(false);\n\n  // refs used by some of the effects below to determine whether the effect needs to run,\n  // for when the list of dependencies is longer than what we want the trigger to actually be\n  const prevDataRef = useRef(data);\n  const prevDropdownOpenRef = useRef(isDropdownOpen);\n  const prevSearchText = useRef(searchText);\n\n  const isAdvancedSearchShown =\n    advancedSearch === 'on' && isUserFiltering && searchText != null && searchText.length > 0;\n  const isDataFetched = data !== undefined && data !== null && !isBeforeDataFetch<K, D>(data);\n  const isEmptyResults = isDataFetched && data?.totalSize === 0;\n  // advanced search and add to list should not be shown at the same time, so if both are on,\n  // let advanced search win because it is shown more often than add to list in the dropdown\n  // (even when the list is not empty) and its external UI could potentially include the\n  // ability to add to list too\n  const isAddToListShown =\n    addToList === 'on' &&\n    advancedSearch !== 'on' &&\n    isUserFiltering &&\n    searchText != null &&\n    searchText.length > 0;\n\n  const handleAddToListAction = useCallback(() => {\n    setDropdownOpen(false);\n    stopFiltering();\n    onAddToListAction?.({ searchText: isUserFiltering ? searchText : undefined });\n  }, [isUserFiltering, onAddToListAction, searchText, setDropdownOpen, stopFiltering]);\n\n  const handleAdvancedSearchAction = useCallback(() => {\n    setDropdownOpen(false);\n    stopFiltering();\n    onAdvancedSearchAction?.({ searchText: isUserFiltering ? searchText : undefined });\n  }, [isUserFiltering, onAdvancedSearchAction, searchText, setDropdownOpen, stopFiltering]);\n\n  const onCommit = useCallback(\n    (value?: K) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  const clearValue = useCallback(\n    (shouldCloseDropdown = true) => {\n      if (shouldCloseDropdown) {\n        setDropdownOpen(false);\n      }\n\n      setSelectedKeys(new Set<K>());\n\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(undefined);\n    },\n    [onCommit, setDropdownOpen]\n  );\n\n  // determine if we need to clear the value because the user has deleted all the text\n  const isClearValueNeeded = useCallback(() => {\n    return isUserFiltering && userInput === '' && valueItem !== undefined;\n  }, [isUserFiltering, userInput, valueItem]);\n\n  const clearValueIfNeeded = useCallback(() => {\n    if (isClearValueNeeded()) {\n      clearValue();\n      return true;\n    }\n    return false;\n  }, [clearValue, isClearValueNeeded]);\n\n  // JET-65757 - Empty value rejected when not confirmed by Enter/Tab\n  // When the field loses focus, check to see if we need to clear the value and set a state flag\n  // to later check in a useEffect.\n  // (We have to make this check outside of the useEffect itself because by the time the useEffect\n  // is called, the state we check here to see if we need to clear the value may have already\n  // been changed.)\n  if (\n    prevIsFocused &&\n    !isFocused &&\n    !isTabbingOutOfDropdown &&\n    !isBlurClearValue &&\n    isClearValueNeeded()\n  ) {\n    setBlurClearValue(true);\n  }\n  // Create this function with useEffectEvent so that it is stable and by itself won't cause\n  // the below dependent useEffect to trigger.\n  const handleBlur_stable = useEffectEvent(() => {\n    // if we need to clear the value, do it now and reset the flag\n    if (isBlurClearValue) {\n      clearValue();\n      setBlurClearValue(false);\n    }\n    // if we were tabbing out of the dropdown, reset the flag now that we've lost focus\n    if (isTabbingOutOfDropdown) {\n      setTabbingOutOfDropdown(false);\n    }\n  });\n  // only run this effect when focus changes (handleBlur_stable has to be listed\n  // as a dependency, but it's stable and won't change across renders)\n  useEffect(() => {\n    if (!isFocused) {\n      handleBlur_stable();\n    }\n  }, [handleBlur_stable, isFocused]);\n\n  // JET-60376, JET-62113: Create a changeValue method that can be called by a test adapter to\n  // simulate a user changing the value. This method calls the onCommit callback, just like what\n  // would happen if a user (or test) made a change through the UI.\n  const textFieldRef = useRef<HTMLElement>(null);\n  const changeValue = useCallback(\n    (value?: K) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onCommit(value);\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [isDisabled, isReadonly, onCommit]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: isReadonly ? mainFieldRef : textFieldRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  const focusInput = useCallback(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  const removeDropdown = useCallback(() => {\n    dropdownRef.current?.parentElement?.removeChild(dropdownRef.current);\n  }, [dropdownRef]);\n\n  const myHandleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        if (event?.type === 'keydown') {\n          const keyboardEvent = event as KeyboardEvent;\n          switch (keyboardEvent.code) {\n            case KEYS.TAB: {\n              // if there are multiple tabbable elements in the dropdown, like the list and\n              // the advanced search link, then leave the dropdown open when tabbing among them\n              const isShift = keyboardEvent.shiftKey;\n              const tabbableElems = getDropdownTabbableElems();\n              if (tabbableElems && tabbableElems.length > 1) {\n                const firstTabbableElem = tabbableElems[0];\n                const lastTabbableElem = tabbableElems[tabbableElems.length - 1];\n                // check if tabbing forwards and focus is not on the last tabbable elem or\n                // tabbing backwards and focus is not on the first tabbable elem,\n                // then keep the dropdown open and simply return\n                if (\n                  (!isShift && document.activeElement !== lastTabbableElem) ||\n                  (isShift && document.activeElement !== firstTabbableElem)\n                ) {\n                  setDropdownOpen(true);\n                  return;\n                }\n              }\n\n              // if there is a currentRow in the dropdown, select it and commit it\n              if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n                setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n                onCommit(currentRowKeyRef.current);\n\n                // set flag that we're tabbing out of dropdown so that we can check it in a\n                // useEffect that gets executed when we lose focus\n                setTabbingOutOfDropdown(true);\n              }\n\n              // Put focus on an element in the main field, but don't kill the event, so that\n              // the browser can naturally transfer focus to the next focusable item relative\n              // to the element in the main field.\n              focusInput();\n\n              // Remove the dropdown immediately, without waiting for a rerender based on changing\n              // state, so that the open dropdown cannot get focus when the browser handles the\n              // Tab key.\n              removeDropdown();\n              break;\n            }\n            default:\n              break;\n          }\n        }\n      }\n    },\n    [\n      currentRowKeyRef,\n      data,\n      focusInput,\n      getDropdownTabbableElems,\n      isDropdownOpen,\n      onCommit,\n      removeDropdown,\n      setDropdownOpen\n    ]\n  );\n\n  const myHandleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.TAB: {\n          // if we're not going to clear the value when the component loses focus,\n          // check whether we need to select the current item\n          const isValueClearedTab = isClearValueNeeded();\n          if (!isValueClearedTab && isDropdownOpen && data != null && data.data.length > 0) {\n            // JET-68215 (Error state is lost after mouse click + Tab). If the user is just tabbing\n            // to navigate between controls, we don't want to consider that a selection. Only commit\n            // if the user has interacted with the control. isUserFiltering is set to true whenever\n            // the user types to filter and will get reset when the dropdown closes.\n            if (isUserFiltering) {\n              // if there is a currentRow in the dropdown (meaning a highlighted item that would\n              // have keyboard focus if the dropdown list had physical focus, which may be different\n              // from the currently selected item), select it and commit it;\n              // otherwise commit the currently selected value again so that a valueAction event\n              // will be fired\n              if (currentRowKeyRef.current !== undefined) {\n                setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n                onCommit(currentRowKeyRef.current);\n              } else {\n                onCommit(valueItem?.key ?? undefined);\n              }\n            }\n          }\n\n          // Remove the dropdown immediately, without waiting for a rerender based on changing\n          // state, so that the open dropdown cannot get focus when the browser handles the\n          // Tab key.\n          removeDropdown();\n\n          setDropdownOpen(false);\n          break;\n        }\n\n        case KEYS.ENTER: {\n          // if this is on a mobile device (only phone and not in tablet devices), do not do anything\n          if (isPhone()) {\n            return;\n          }\n\n          // if add to list is shown and there are no results, trigger the add to list link\n          if (isAddToListShown && isEmptyResults) {\n            handleAddToListAction();\n            return;\n          }\n\n          // if advanced search is shown and there are no results, trigger the advanced\n          // search link\n          if (isAdvancedSearchShown && isEmptyResults) {\n            handleAdvancedSearchAction();\n            return;\n          }\n\n          // check whether we need to clear the value;\n          // if not, check whether we need to select the current item\n          const isValueCleared = clearValueIfNeeded();\n          if (!isValueCleared && isDropdownOpen && data != null && data.data.length > 0) {\n            setDropdownOpen(false);\n\n            // after selecting a value, the user is no longer actively filtering, so update related\n            // state accordingly so that the newly selected value appears in the field\n            stopFiltering();\n\n            // if there is a currentRow in the dropdown, select it and commit it;\n            // otherwise commit the currently selected value again\n            if (currentRowKeyRef.current !== undefined) {\n              setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n              onCommit(currentRowKeyRef.current);\n            } else {\n              onCommit(valueItem?.key ?? undefined);\n            }\n          }\n          break;\n        }\n\n        default:\n          break;\n      }\n    },\n    [\n      clearValueIfNeeded,\n      currentRowKeyRef,\n      data,\n      handleAddToListAction,\n      handleAdvancedSearchAction,\n      isAddToListShown,\n      isAdvancedSearchShown,\n      isClearValueNeeded,\n      isDropdownOpen,\n      isEmptyResults,\n      isUserFiltering,\n      onCommit,\n      removeDropdown,\n      setDropdownOpen,\n      stopFiltering,\n      valueItem\n    ]\n  );\n\n  // when the valueItem changes, save the new selectedKeys\n  useEffect(() => {\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }, [valueItem]);\n\n  const onItemAction = useCallback<UseCollectionRendererSelectSingleParams<K, D>['onItemAction']>(\n    (detail) => {\n      focusInput();\n      setDropdownOpen(false);\n\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey);\n    },\n    [focusInput, onCommit, setDropdownOpen, stopFiltering]\n  );\n\n  useEffect(() => {\n    // Only run this effect when data changes because we need to wait for the new set of\n    // filtered data to be set before highlighting the first result.\n    // We also need to do this when the user clears the field for the first time. This is because,\n    // when opening the dropdown with a selected value, we show all the data but we start navigation\n    // from the selected item. But, if one clears the field, then the data stays the same but we need\n    // to start the navigation from the first row.\n    if (\n      data === prevDataRef.current &&\n      !isSearchClearedFirstTime(prevSearchText.current, searchText)\n    ) {\n      return;\n    }\n\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (\n      isDropdownOpen &&\n      isUserFiltering &&\n      data != null &&\n      data.offset === 0 &&\n      data.data.length > 0\n    ) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRowOverride({\n        rowKey: !isSearchTextEmptyOrUndefined(searchText) ? data.data[0].metadata.key : undefined\n      });\n    }\n  }, [data, isDropdownOpen, isUserFiltering, searchText, setCurrentRowOverride]);\n\n  useEffect(() => {\n    // only run this effect when the state of the dropdown changes\n    if (isDropdownOpen === prevDropdownOpenRef.current) {\n      return;\n    }\n\n    // JET-66783 - <oj-c-select-single> scroll position is not at selected item when we open the list second time.\n    // JET-75708 - Clearing the filter without opening the dropdown starts navigation from an incorrect item\n    // when the dropdown opens update the current row\n    if (isDropdownOpen) {\n      // if not filtering and there are selected rows, set that as the current row\n      // otherwise, clear the current row\n      if (!isUserFiltering && selectedKeys && selectedKeys.size > 0) {\n        setCurrentRowOverride({ rowKey: Array.from(selectedKeys)[0] });\n      } else {\n        setCurrentRowOverride({ rowKey: undefined });\n      }\n    }\n  }, [isDropdownOpen, isUserFiltering, selectedKeys, setCurrentRowOverride]);\n\n  const dropdownEventHandlers = useMemo(() => {\n    return mergeProps(\n      {\n        onAutoDismiss: baseHandleDropdownAutoDismiss,\n        onPosition: handleDropdownPosition\n      },\n      { onAutoDismiss: myHandleDropdownAutoDismiss }\n    );\n  }, [baseHandleDropdownAutoDismiss, handleDropdownPosition, myHandleDropdownAutoDismiss]);\n\n  const inputEventHandlers = useMemo(() => {\n    return mergeProps(\n      {\n        onInput: handleInput,\n        onKeyDown: baseHandleMainFieldKeyDown,\n        onKeyUp: handleMainFieldKeyUp\n      },\n      { onKeyDown: myHandleMainFieldKeyDown }\n    );\n  }, [baseHandleMainFieldKeyDown, handleInput, handleMainFieldKeyUp, myHandleMainFieldKeyDown]);\n\n  const collectionRendererContext = useCollectionRenderer<K, D>({\n    currentKey: currentRowOverride.rowKey,\n    searchText,\n    selectedKeys,\n    onCurrentKeyChange,\n    onItemAction\n  });\n\n  if (isFocused !== prevIsFocused) {\n    setPrevIsFocused(isFocused);\n  }\n\n  // update refs used in some of the above effects in a useEffect on every render so that they\n  // update after the above effects run\n  useEffect(() => {\n    prevDataRef.current = data;\n    prevDropdownOpenRef.current = isDropdownOpen;\n    prevSearchText.current = searchText;\n  });\n\n  return {\n    addToListEventHandlers: {\n      onAction: handleAddToListAction\n    },\n    advancedSearchEventHandlers: {\n      onAction: handleAdvancedSearchAction\n    },\n    collectionRendererContext,\n    dropdownArrowEventHandlers: {\n      onClick: handleDropdownArrowClick\n    },\n    clearValue,\n    dropdownEventHandlers,\n    dropdownRef,\n    inputEventHandlers,\n    inputRef,\n    isAddToListShown,\n    isAdvancedSearchShown,\n    isDataFetched,\n    isDropdownAbove,\n    isDropdownOpen,\n    isEmptyResults,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    mouseProps: isDisabled || isReadonly ? {} : { onMouseDown },\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    textFieldRef,\n    userInput\n  };\n}\n"],"names":["SelectSingleDesktopDropdown","assistiveText","collectionRenderer","collectionRendererContext","data","dropdownId","dropdownRef","helpSourceLink","helpSourceText","isAddToListShown","isAdvancedSearchShown","isDisabled","isDropdownAbove","isEmptyResults","isOpen","isReadonly","label","mainFieldRef","onAddToListAction","onAdvancedSearchAction","onAutoDismiss","onPosition","userAssistanceDensity","translations","useTranslationBundle","dropdownInlineUserAssistance","undefined","_jsx","TabbableModeContext","Provider","value","isTabbable","children","jsx","DropdownUserAssistance","fieldLabel","dropdownListContent","EmptyResults","addToListContent","_jsxs","onMouseDown","preventDefault","Separator","LinkItem","isHighlighted","onAction","select_addToList","advancedSearchContent","select_moreSearchOptions","Dropdown","anchorRef","id","jsxs","DropdownList","hasBottomGap","isLoading","SelectSingleMobileDropdown","ariaDescribedBy","ariaLabel","clearValue","displayValue","isFocused","isRequired","liveRegionText","mainFieldInputRef","onFieldBlur","onFieldFocus","onFieldInput","onFieldKeyDown","onFieldKeyUp","placeholder","propIsLoading","setDropdownOpen","setUserInput","stopFiltering","textAlign","userInput","virtualKeyboard","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","isRequiredShown","labelEdge","styleVariant","selectSingleFieldInputProps","selectSingleFieldProps","inputRef","isDropdownOpen","dropdownInputRef","useRef","closeDropdown","useCallback","current","focus","onBackButtonClick","onClearButtonClick","wasDropdownOpen","useEffect","setTimeout","isInitialRender","hasEmptyLabel","hasInsideLabel","isUserFiltering","removeIcon","isBackButtonShown","isClearButtonShown","isSearchTextEmptyOrUndefined","isDropdownArrowShown","useMobileDropdown","hasValue","mobileDropdownFieldLabelProps","Label","_Fragment","SelectMobileDropdown","header","FormFieldContext","View","SelectSingleField","onFocus","onBlur","SelectSingleFieldInput","onInput","onKeyDown","onKeyUp","hasHeaderSeparator","labelId","hasTopGap","SelectSingle","forwardRef","addToList","advancedSearch","columnSpan","propIsDisabled","propIsReadonly","itemRenderer","itemText","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","onFilter","onLoadRange","testId","propTextAlign","propUserAssistanceDensity","valueItem","variant","ref","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","defaultTextAlignForVariant","enabledElementRef","readonlyElementRef","focusProps","origIsFocused","methods","focusMethods","useFocusableTextField","useImperativeHandle","addToListEventHandlers","advancedSearchEventHandlers","dropdownArrowEventHandlers","dropdownEventHandlers","inputEventHandlers","isDataFetched","mouseProps","textFieldRef","propIsFocused","propOnCommit","currentRowKeyRef","currentRowOverride","getDropdownTabbableElems","handleDropdownArrowClick","handleDropdownAutoDismiss","baseHandleDropdownAutoDismiss","handleDropdownPosition","handleInput","handleMainFieldKeyDown","baseHandleMainFieldKeyDown","handleMainFieldKeyUp","onCurrentKeyChange","searchText","setCurrentRowOverride","useSelectCommon","selectedKeys","setSelectedKeys","useState","isBlurClearValue","setBlurClearValue","prevIsFocused","setPrevIsFocused","isTabbingOutOfDropdown","setTabbingOutOfDropdown","prevDataRef","prevDropdownOpenRef","prevSearchText","length","isBeforeDataFetch","totalSize","handleAddToListAction","handleAdvancedSearchAction","previousValue","key","shouldCloseDropdown","Set","isClearValueNeeded","clearValueIfNeeded","handleBlur_stable","useEffectEvent","changeValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","focusInput","removeDropdown","parentElement","removeChild","myHandleDropdownAutoDismiss","event","type","keyboardEvent","code","KEYS","TAB","isShift","shiftKey","tabbableElems","firstTabbableElem","lastTabbableElem","document","activeElement","myHandleMainFieldKeyDown","isControlOrFunctionKey","ENTER","isPhone","onItemAction","detail","newKey","context","isSearchClearedFirstTime","offset","rowKey","metadata","size","Array","from","useMemo","mergeProps","useCollectionRenderer","currentKey","onClick","useSelectSingle","useLoadingIndicatorTimer","baseId","useDisplayValue","labelComp","fieldLabelProps","labelText","inlineUserAssistance","InlineUserAssistance","compactUserAssistance","CompactUserAssistance","defaultCollectionRenderer","onPersistCurrentRowKey","onRowAction","selected","currentRowKeyOverride","DefaultList","componentName","currentItemVariant","selectionMode","mainContent","ReadonlyTextFieldInput","as","formVariant","ReadonlyTextField","role","onFocusOut","onFocusIn","select_noMatchesFound","select_oneMatchFound","sizePrecision","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","SelectMobileFieldInput","isTablet","shouldShowDropdown","dropdown","Fragment","onDropdownArrowClick","rootRef","LiveRegion","select_closeDropdown"],"mappings":"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"}

package/amd/SplitMenuButton-42f95b11.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-d3ecbf6e', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-0b288129', 'preact/compat', './mergeInterpolations-9ede4cf7', './unsafeDomAccess-602c5dde', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './Text-31cabc49', './BaseButton-5a0ad529', './TabbableModeContext-a9c97640', './dimensions-95c0c920', './useLongPress-1fae873d', './usePressClick-b5bf4243', './UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css'], (function(e,s,t,n,o,a,r,i,l,u,c,d,p,m,b,y,S,h,f,M,B,v,C,T,x,E,D,k,A,w,g,F,j,I){"use strict";const N=["embedded","min","noBorderRadiusStart","noBorderStart"],P=[...N,"active"],U=["embedded","fill","noBorderRadiusEnd","noBorderEnd"],_=[...U,"active"],L=[...Object.values(g.dimensionInterpolations)],R=p.mergeInterpolations(L),z=d.forwardRef((({children:e,label:a="",variant:i="outlined",isDisabled:c=!1,size:d="md",testId:p,onAction:y,"aria-describedby":S,onBlur:h,onFocus:f,onMouseEnter:M,onMouseLeave:B,onTouchEnd:v,onTouchStart:C,...T},x)=>{const E=r.useRef(null),D=r.useRef(null),[g,N]=r.useState("menu");r.useImperativeHandle(x,(()=>({focus:E.current.focus,blur:E.current.blur,[m.UNSAFE_DOM_ACCESS]:E.current[m.UNSAFE_DOM_ACCESS],click:D.current.click})),[]);const[P,U]=r.useState(!1),[_,L]=r.useState(!1),{class:z,...H}=R(T),K=r.useCallback((e=>{" "===e.key||"Enter"===e.key?L(!0):"ArrowDown"==e.key&&(N("firstItem"),!c&&U((e=>!e)),e.preventDefault())}),[c,U,L,N]),G=r.useCallback((e=>{" "!==e.key&&"Enter"!==e.key||(!c&&y&&y({reason:"keyboard"}),L(!1))}),[c,y,L]),{pressProps:$}=j.usePressClick((()=>{N("firstItem"),U((e=>!e))}),{isDisabled:c}),{longPressProps:q}=F.useLongPress((()=>{N("firstItem"),U((e=>!e))}),{isDisabled:c}),J=r.useCallback((()=>{L(!1)}),[L]),Q=()=>{N("menu"),U(!P)},W=e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||E.current?.focus(),U(!1)},{classes:X,styles:Y}=u.useComponentTheme(I.SplitMenuButtonRedwoodTheme,{styleVariant:i}),Z=b.classNames([Y.divider,c&&Y.disabledDivider]),ee={onBlur:h,onFocus:f,onMouseEnter:M,onMouseLeave:B,onTouchEnd:v,onTouchStart:C},se={...l.mergeProps({onBlur:J},q,$,{onKeyDown:c?void 0:K},{onKeyUp:G})},te=b.classNames([X,z]),ne=()=>s.jsx(A.BaseButton,{elementDetails:{type:"span"},ref:E,isDisabled:c,styling:["container","min"],variant:i,size:d,testId:p,"aria-label":a,"aria-roledescription":"split menu button. press down arrow to invoke menu","aria-describedby":S,"aria-expanded":P,children:s.jsxs(w.TabbableModeContext.Provider,{value:{isTabbable:!1},children:[s.jsx(A.BaseButton,{elementDetails:{type:"span",isFocusable:!1},ref:D,variant:i,styling:V(_),size:d,isDisabled:c,"aria-hidden":!0,onAction:y,children:s.jsx(k.Text,{truncation:"ellipsis",weight:"inherit",children:a})}),s.jsx("div",{class:`${Z}`}),s.jsx(A.BaseButton,{elementDetails:{type:"span",isFocusable:!1},variant:i,styling:O(P),size:d,isDisabled:c,"aria-hidden":!0,onAction:Q,children:s.jsx(t.ButtonLabelLayout,{display:"icons",startIcon:s.jsx(n.SvgChevronDown,{}),size:d,styling:"embedded"})})]})});return c?s.jsx("span",{role:"toolbar",class:te,style:H,children:ne()}):s.jsxs("span",{role:"toolbar",class:te,...l.mergeProps(ee,se),style:H,children:[ne(),s.jsx(o.Menu,{anchorRef:E,isOpen:P,onClose:W,initialFocus:g,children:e})]})}));function O(e){return e?P:N}function V(e){return e?_:U}z.displayName="SplitMenuButton",e.SplitMenuButton=z}));
+//# sourceMappingURL=SplitMenuButton-42f95b11.js.map

package/amd/SplitMenuButton-42f95b11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitMenuButton-42f95b11.js","sources":["../../src/UNSAFE_SplitMenuButton/SplitMenuButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { Text } from '../UNSAFE_Text';\n\nimport { BaseButton, StylingOptions } from '../UNSAFE_BaseButton';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useLongPress } from '../hooks/UNSAFE_useLongPress';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport {\n  SplitMenuButtonStyles,\n  SplitMenuButtonVariantOptions\n} from './themes/SplitMenuButtonStyles.css';\nimport { SplitMenuButtonRedwoodTheme } from './themes/redwood/SplitMenuButtonTheme.css';\n\nimport type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { useCallback, useState, useRef, useImperativeHandle } from 'preact/hooks';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype InitialFocusType = ComponentProps<typeof Menu>['initialFocus'];\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<\n  UnpackSignals<JSX.HTMLAttributes<HTMLElement>>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n  | 'aria-describedby'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * children - One or more MenuItems\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The label rendered on the action side of the button.  Used\n     * to identify which child MenuItem action is invoked.\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     \n     */\n    variant?: 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: ComponentProps<typeof BaseButton>['onAction'];\n  };\n\nconst menuButtonStyling = [\n  'embedded',\n  'min',\n  'noBorderRadiusStart',\n  'noBorderStart'\n] as StylingOptions[];\nconst menuButtonActiveStyling = [...menuButtonStyling, 'active'] as StylingOptions[];\n\nconst actionbuttonStyling = [\n  'embedded',\n  'fill',\n  'noBorderRadiusEnd',\n  'noBorderEnd'\n] as StylingOptions[];\nconst actionButtonActiveStyling = [...actionbuttonStyling, 'active'] as StylingOptions[];\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n\n/**\n * A SplitMenuButton is a combined action and menu button.\n */\nexport const SplitMenuButton = forwardRef(\n  (\n    {\n      children,\n      label = '',\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      testId,\n      onAction,\n      'aria-describedby': ariaDescribedBy,\n      onBlur: propsOnBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      ...props\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const rootButtonRef = useRef<ButtonHandle>(null);\n    const actionButtonRef = useRef<ButtonHandle>(null);\n    const [initialFocus, setInitialFocus] = useState<InitialFocusType>('menu');\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          focus: rootButtonRef.current!.focus,\n          blur: rootButtonRef.current!.blur,\n          [UNSAFE_DOM_ACCESS]: rootButtonRef.current![UNSAFE_DOM_ACCESS],\n\n          // Need to delegate click to the inner action button since\n          // clicking on the outer button does not trigger an action\n          click: actionButtonRef.current!.click\n        };\n      },\n      []\n    );\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [isActive, setIsActive] = useState<boolean>(false);\n    const { class: cls, ...styles } = styleInterpolations(props);\n\n    // SPACE or ENTER on root area invokes action, as does CLICK/TAP on LEFT SIDE ACTION AREA\n    // DOWN ARROW invokes menu, as does CLICK/TAP on RIGHT SIDE MENU AREA\n    const onKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          setIsActive(true);\n        } else if (event.key == 'ArrowDown') {\n          setInitialFocus('firstItem');\n          !isDisabled && setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n          // Prevent page scroll for down arrow, user definitely wanted to show menu in this case.\n          // Don't prevent other keypress defaults, as user may want to hold SPACE down to scroll page.\n          event.preventDefault();\n        }\n      },\n      [isDisabled, setIsMenuOpen, setIsActive, setInitialFocus]\n    );\n\n    const onKeyUp = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          !isDisabled && onAction && onAction({ reason: 'keyboard' });\n          setIsActive(false);\n        }\n      },\n      [isDisabled, onAction, setIsActive]\n    );\n\n    const { pressProps } = usePressClick(\n      () => {\n        setInitialFocus('firstItem');\n        setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n      },\n      { isDisabled }\n    );\n\n    const { longPressProps } = useLongPress(\n      () => {\n        setInitialFocus('firstItem');\n        setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n      },\n      { isDisabled }\n    );\n\n    const onBlur = useCallback(() => {\n      setIsActive(false);\n    }, [setIsActive]);\n\n    const menuHandler = () => {\n      setInitialFocus('menu');\n      setIsMenuOpen(!isMenuOpen);\n    };\n\n    const handleClose = (e: any) => {\n      //Focus has to be set on the launcher when menu is dismissed or\n      //item is \"selected\"\n      if (e.reason === 'dismissed' || e.reason === 'itemAction') {\n        rootButtonRef.current?.focus();\n      }\n      setIsMenuOpen(false);\n    };\n\n    const { classes, styles: themeStyles } = useComponentTheme<\n      SplitMenuButtonVariantOptions,\n      SplitMenuButtonStyles\n    >(SplitMenuButtonRedwoodTheme, {\n      styleVariant: variant\n    });\n\n    const dividerStyles = classNames([\n      themeStyles.divider,\n      isDisabled && themeStyles.disabledDivider\n    ]);\n\n    const globalEventProps = {\n      onBlur: propsOnBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const customGlobalEventProps = {\n      ...mergeProps(\n        { onBlur: onBlur },\n        longPressProps,\n        pressProps,\n        { onKeyDown: isDisabled ? undefined : onKeyDown },\n        { onKeyUp: onKeyUp }\n      )\n    };\n\n    const rootStyles = classNames([classes, cls]);\n    // Using Span for top button allows us to avoid :hover state rendering by\n    // taking advantage of :enabled not on spans\n    const rootButton = () => {\n      return (\n        <BaseButton\n          elementDetails={{ type: 'span' }}\n          ref={rootButtonRef}\n          isDisabled={isDisabled}\n          styling={['container', 'min']}\n          variant={variant}\n          size={size}\n          testId={testId}\n          aria-label={label}\n          aria-roledescription=\"split menu button. press down arrow to invoke menu\"\n          aria-describedby={ariaDescribedBy}\n          aria-expanded={isMenuOpen}>\n          <TabbableModeContext.Provider value={{ isTabbable: false }}>\n            <BaseButton\n              elementDetails={{ type: 'span', isFocusable: false }}\n              ref={actionButtonRef}\n              variant={variant}\n              styling={getActionButtonStyling(isActive)}\n              size={size}\n              isDisabled={isDisabled}\n              aria-hidden={true}\n              onAction={onAction}>\n              <Text truncation={'ellipsis'} weight={'inherit'}>\n                {label}\n              </Text>\n            </BaseButton>\n            <div class={`${dividerStyles}`} />\n            <BaseButton\n              elementDetails={{ type: 'span', isFocusable: false }}\n              variant={variant}\n              styling={getMenuButtonStyling(isMenuOpen)}\n              size={size}\n              isDisabled={isDisabled}\n              aria-hidden={true}\n              onAction={menuHandler}>\n              <ButtonLabelLayout\n                display=\"icons\"\n                startIcon={<MenuButtonDropdownIcon />}\n                size={size}\n                styling=\"embedded\"></ButtonLabelLayout>\n            </BaseButton>\n          </TabbableModeContext.Provider>\n        </BaseButton>\n      );\n    };\n\n    if (isDisabled) {\n      return (\n        <span role=\"toolbar\" class={rootStyles} style={styles}>\n          {rootButton()}\n        </span>\n      );\n    } else {\n      /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n        Could be done via menu props or having a dropdownMenu component. JET-60595*/\n\n      /*TODO: Once menu expose a prop to set min width we would need to calculate offset width of button\n       so we set the correct min width since dropdown menus are 200px but if triggered element width is\n       bigger should be that size. JET-60745 */\n      return (\n        <span\n          role=\"toolbar\"\n          class={rootStyles}\n          {...mergeProps(globalEventProps, customGlobalEventProps)}\n          style={styles}>\n          {rootButton()}\n          <Menu\n            anchorRef={rootButtonRef}\n            isOpen={isMenuOpen}\n            onClose={handleClose}\n            initialFocus={initialFocus}>\n            {children}\n          </Menu>\n        </span>\n      );\n    }\n  }\n);\n\nfunction getMenuButtonStyling(isActive: boolean) {\n  return isActive ? menuButtonActiveStyling : menuButtonStyling;\n}\n\nfunction getActionButtonStyling(isActive: boolean) {\n  return isActive ? actionButtonActiveStyling : actionbuttonStyling;\n}\n\nSplitMenuButton.displayName = 'SplitMenuButton';\n"],"names":["menuButtonStyling","menuButtonActiveStyling","actionbuttonStyling","actionButtonActiveStyling","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","SplitMenuButton","forwardRef","children","label","variant","isDisabled","size","testId","onAction","ariaDescribedBy","onBlur","propsOnBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","props","ref","rootButtonRef","useRef","actionButtonRef","initialFocus","setInitialFocus","useState","useImperativeHandle","focus","current","blur","UNSAFE_DOM_ACCESS","click","isMenuOpen","setIsMenuOpen","isActive","setIsActive","class","cls","styles","onKeyDown","useCallback","event","key","menuOpen","preventDefault","onKeyUp","reason","pressProps","usePressClick","longPressProps","useLongPress","menuHandler","handleClose","e","classes","themeStyles","useComponentTheme","SplitMenuButtonRedwoodTheme","styleVariant","dividerStyles","classNames","divider","disabledDivider","globalEventProps","customGlobalEventProps","mergeProps","undefined","rootStyles","rootButton","_jsx","BaseButton","elementDetails","type","styling","_jsxs","TabbableModeContext","Provider","value","isTabbable","isFocusable","getActionButtonStyling","Text","truncation","weight","jsx","getMenuButtonStyling","ButtonLabelLayout","display","startIcon","MenuButtonDropdownIcon","role","style","Menu","anchorRef","isOpen","onClose","displayName"],"mappings":"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"}

package/amd/StyledDatePickerButton-416ddc14.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css', './classNames-08d99695', 'preact/compat'], (function(e,t,i,s,d){"use strict";const n=d.forwardRef((({isActivable:e=!1,isReadonly:d=!1,isAdjacentMonth:n=!1,isDimmed:a=!1,isForcedFocusRing:o=!1,isHidden:c=!1,isHoverable:r=!1,isRestricted:l=!1,isSelected:m=!1,isToday:u=!1,tabIndex:v,label:b,variant:y,...h},R=null)=>{const S=i.multiVariantStyles({active:e?"isActivable":"notActiveable",dimmed:a?"isDimmed":"notDimmed",hidden:c?"isHidden":"notHidden",hover:r?"isHoverable":"notHoverable",adjacentMonth:n?"isAdjacentMonth":"notAdjacentMonth",restricted:l?"isRestricted":"notRestricted",selected:m?"isSelected":"notSelected",today:u?"isToday":"notToday",focusRing:o?"forced":"notForced",variant:y}),f=s.classNames([S]);return t.jsx("span",{role:d?void 0:"button",class:f,ref:R,tabIndex:v,...h,children:b})}));e.StyledDatePickerButton=n}));
+//# sourceMappingURL=StyledDatePickerButton-416ddc14.js.map

package/amd/StyledDatePickerButton-416ddc14.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledDatePickerButton-416ddc14.js","sources":["../../src/PRIVATE_StyledDatePickerButton/StyledDatePickerButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { multiVariantStyles } from './themes/StyledDatePickerButtonStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { Ref, JSX } from 'preact';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.HTMLAttributes<HTMLElement>>, 'onClick' | 'onKeyDown'>;\n\ntype AriaProps = {\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n  'aria-disabled'?: UnpackSignals<JSX.AriaAttributes>['aria-disabled'];\n};\n\ntype Props = IntrinsicProps &\n  AriaProps & {\n    /**\n     * Specifies that the button appears activated when the user activates the StyledDatePickerButton.\n     * When true, adds the :active selector to the button so that it can show active styling.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isActivable?: boolean;\n    /**\n     * Specifies the styling of the button to look dimmed.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isDimmed?: boolean;\n    /**\n     * Specifies the styling of the button to look hidden, that is, visibility: hidden.\n     */\n    isHidden?: boolean;\n    /**\n     * Force a focus ring. Used for Safari to work around the :focus-visible bug.\n     */\n    isForcedFocusRing?: boolean;\n    /**\n     * Specifies that the button appears hovered when the user hovers over the StyledDatePickerButton.\n     * When true, adds the :hover selector to the button so that it can show hover styling.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isHoverable?: boolean;\n    /**\n     * Specifies the styling of the button to look like a day that is adjacent to the current month.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isAdjacentMonth?: boolean;\n    /**\n     * Specifies the role of the day cell to be 'button' when isReadonly is false, or no role when isReadonly is true.\n     * This helps the screenreader.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is restricted.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isRestricted?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is selected.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is today.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isToday?: boolean;\n    /**\n     * Specifies the label of the day button. This will be the day of the month.\n     */\n    label: string;\n    /**\n     * Specifies the tabIndex.\n     */\n    tabIndex?: 0 | -1;\n    /**\n     * Specifies the visual variant for the StyledDatePickerButton.\n     */\n    variant?: 'day' | 'month' | 'year';\n  };\n\n/**\n * StyledDatePickerButton is a controlled component that displays a stylized span for a button that goes into a DatePicker.\n */\nconst StyledDatePickerButton = forwardRef(\n  (\n    {\n      isActivable = false,\n      isReadonly = false,\n      isAdjacentMonth = false,\n      isDimmed = false,\n      isForcedFocusRing = false,\n      isHidden = false,\n      isHoverable = false,\n      isRestricted = false,\n      isSelected = false,\n      isToday = false,\n      tabIndex,\n      label,\n      variant,\n      ...props\n    }: Props,\n    ref: Ref<HTMLSpanElement> = null\n  ) => {\n    // The multiVariantStyles function is defined in StyledDatePickerButtonStyles.css.ts,\n    // using the recipe utility provided by @vanilla-extract/recipes.\n    // This function is used to merge the base styles, variants, and compound variants\n    // into a single set of styles for components based on the component's properties.\n    const variantClasses = multiVariantStyles({\n      active: isActivable ? 'isActivable' : 'notActiveable',\n      dimmed: isDimmed ? 'isDimmed' : 'notDimmed',\n      hidden: isHidden ? 'isHidden' : 'notHidden',\n      hover: isHoverable ? 'isHoverable' : 'notHoverable',\n      adjacentMonth: isAdjacentMonth ? 'isAdjacentMonth' : 'notAdjacentMonth',\n      restricted: isRestricted ? 'isRestricted' : 'notRestricted',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      today: isToday ? 'isToday' : 'notToday',\n      focusRing: isForcedFocusRing ? 'forced' : 'notForced',\n      variant\n    });\n\n    const classes = classNames([variantClasses]);\n    return (\n      <span\n        role={!isReadonly ? 'button' : undefined}\n        class={classes}\n        ref={ref}\n        tabIndex={tabIndex}\n        {...props}>\n        {label}\n      </span>\n    );\n  }\n);\n\nexport { StyledDatePickerButton };\n"],"names":["StyledDatePickerButton","forwardRef","isActivable","isReadonly","isAdjacentMonth","isDimmed","isForcedFocusRing","isHidden","isHoverable","isRestricted","isSelected","isToday","tabIndex","label","variant","props","ref","variantClasses","multiVariantStyles","active","dimmed","hidden","hover","adjacentMonth","restricted","selected","today","focusRing","classes","classNames","_jsx","role","undefined","class","children"],"mappings":"6LA0FM,MAAAA,EAAyBC,EAAAA,YAC7B,EAEIC,eAAc,EACdC,cAAa,EACbC,mBAAkB,EAClBC,YAAW,EACXC,qBAAoB,EACpBC,YAAW,EACXC,eAAc,EACdC,gBAAe,EACfC,cAAa,EACbC,WAAU,EACVC,WACAC,QACAC,aACGC,GAELC,EAA4B,QAM5B,MAAMC,EAAiBC,EAAAA,mBAAmB,CACxCC,OAAQjB,EAAc,cAAgB,gBACtCkB,OAAQf,EAAW,WAAa,YAChCgB,OAAQd,EAAW,WAAa,YAChCe,MAAOd,EAAc,cAAgB,eACrCe,cAAenB,EAAkB,kBAAoB,mBACrDoB,WAAYf,EAAe,eAAiB,gBAC5CgB,SAAUf,EAAa,aAAe,cACtCgB,MAAOf,EAAU,UAAY,WAC7BgB,UAAWrB,EAAoB,SAAW,YAC1CQ,YAGIc,EAAUC,EAAAA,WAAW,CAACZ,IAC5B,OACEa,EAAAA,IAAA,OAAA,CACEC,KAAO5B,OAAwB6B,EAAX,SACpBC,MAAOL,EACPZ,IAAKA,EACLJ,SAAUA,KACNG,EAAKmB,SACRrB,GAEH"}

package/amd/StyledDatePickerButtonStyles.styles.css

@@ -26,56 +26,62 @@
   outline-width: 1px;
   outline-color: var(--oj-c-border-keyboard-focus);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_hidden_isHidden__38ano7 {
+.StyledDatePickerButtonStyles_multiVariantStyles_focusRing_forced__38ano8:focus {
+  outline-style: dotted;
+  outline-offset: 1px;
+  outline-width: 1px;
+  outline-color: var(--oj-c-border-keyboard-focus);
+}
+.StyledDatePickerButtonStyles_multiVariantStyles_hidden_isHidden__38ano9 {
   visibility: hidden;
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_restricted_isRestricted__38anob {
+.StyledDatePickerButtonStyles_multiVariantStyles_restricted_isRestricted__38anod {
   -webkit-text-decoration-line: line-through;
           text-decoration-line: line-through;
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_variant_month__38anoi {
+.StyledDatePickerButtonStyles_multiVariantStyles_variant_month__38anok {
   min-width: calc(17 * var(--oj-c-size-units, 0.25rem));
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_variant_year__38anoj {
+.StyledDatePickerButtonStyles_multiVariantStyles_variant_year__38anol {
   min-width: calc(17 * var(--oj-c-size-units, 0.25rem));
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_0__38anok {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_0__38anom {
   background-color: var(--oj-c-base-button-variants-borderless-base-background-color);
   border-color: var(--oj-c-base-button-variants-borderless-base-border-color);
   color: var(--oj-c-base-button-variants-borderless-base-color);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_1__38anol:active {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_1__38anon:active {
   background-image: linear-gradient(var(--oj-c-base-button-variants-borderless-active-background-overlay-color),var(--oj-c-base-button-variants-borderless-active-background-overlay-color));
   border-color: transparent;
   color: var(--oj-c-text-icon-primary);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_4__38anom {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_4__38anoo {
   background-color: var(--oj-c-base-button-variants-outlined-base-background-color);
   border-color: var(--oj-c-base-button-variants-outlined-base-border-color);
   color: var(--oj-c-base-button-variants-outlined-base-color);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_5__38anon:active {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_5__38anop:active {
   background-image: linear-gradient(var(--oj-c-base-button-variants-outlined-active-background-overlay-color),var(--oj-c-base-button-variants-outlined-active-background-overlay-color));
   border-color: var(--oj-c-border-enabled);
   color: var(--oj-c-text-icon-primary);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_8__38anoo {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_8__38anoq {
   background-color: var(--oj-c-base-button-variants-call-to-action-base-background-color);
   border-color: var(--oj-c-base-button-variants-call-to-action-base-border-color);
   color: var(--oj-c-base-button-variants-call-to-action-base-color);
   font-weight: var(--oj-c-body-md-font-weight-semibold);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_9__38anop:active {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_9__38anor:active {
   background-image: linear-gradient(var(--oj-c-base-button-variants-call-to-action-active-background-overlay-color),var(--oj-c-base-button-variants-call-to-action-active-background-overlay-color));
   border-color: transparent;
   color: var(--oj-c-text-icon-inverse);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_12__38anoq {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_12__38anos {
   outline-style: solid;
   outline-offset: 1px;
   outline-width: 1px;
   outline-color: var(--oj-c-border-keyboard-focus);
 }
-.StyledDatePickerButtonStyles_multiVariantStyles_compound_13__38anor {
+.StyledDatePickerButtonStyles_multiVariantStyles_compound_13__38anot {
   color: var(--oj-c-text-icon-secondary);
 }

package/amd/Submenu-f8ab8c2e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './DirectionalExpandArrowIcon-fcec3c73', './useId-c9578d26', './MenuItem-f3de5e35', './Menu-0c8295f2', './themeContract.css-b6ec3943', './useScale-04a448c3', 'preact/hooks', './DirectionalCollapseArrowIcon-f2baa356'], (function(e,n,t,s,u,o,r,c,a,l,i){"use strict";const m=({label:e,children:l,startIcon:i,itemKey:m})=>{const f=u.useId(),I=u.useId(),y=t.useMemo((()=>`oj-menu-item-${I}`),[I]),{changeKey:x,currentKey:h}=o.useMenuContainerContext(),C=t.useRef(null),S=t.useRef(null),[k,j]=t.useState(!1),[M,A]=t.useState("none"),[g,w]=t.useState(p),E=a.useScale();t.useEffect((()=>{if(E&&c.scaleVars?.size?.units){const e=/\(([^)]+)\)/.exec(c.scaleVars.size.units)?.[1]||"",n=window.getComputedStyle(C.current).getPropertyValue(e);n.endsWith("px")?w(parseFloat(n)):n.endsWith("rem")?w(parseFloat(n)*b()):w(.25*b())}else w(.25*b())}),[E]),t.useEffect((()=>{y!==h&&j(!1)}),[h,y]);const R=t.useCallback((e=>{C.current?.focus(),j(!0),"keyup"===e.type?A("firstItem"):A("none")}),[]),v=t.useRef({recentClose:!1,pendingUnhover:!1});return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:i,id:y,submenuId:f,ref:C,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:R,hoverInfo:{hoverProps:{onMouseEnter:e=>{R(e)}},hoverStatus:v},openSubmenu:()=>{j(!0),A("firstItem")},submenuRef:S,isSubmenuOpen:k}),n.jsx(r.DropdownMenu,{isOpen:k,menuLevel:"sub",menuId:f,closeSubmenu:()=>{v.current.recentClose=!0,x({key:h,reason:"keyboard"}),setTimeout((()=>{v.current.recentClose=!1}),d),j(!1),C.current?.focus()},ref:S,anchorRef:C,defaultPlacement:"end-top",currentFocus:M,offsetValue:{mainAxis:-2*g,crossAxis:-(2*g+1)},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["start-top","end-bottom","start-bottom"]},children:l})]})},d=100,p=4,b=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize||"16px",10),f=({label:e,children:c,startIcon:a,itemKey:m})=>{const{isMobile:d}=o.useMenuContext(),p=u.useId(),b=u.useId(),f=u.useId(),I=l.useRef(null),[y,x]=l.useState(!1),[h,C]=l.useState("menu"),{menuContainerRef:S,changeKey:k}=o.useMenuContainerContext(),j=l.useCallback((()=>{g(),C("secondItem")}),[]),M=l.useCallback((e=>{g(),"keyup"===e.type?C("secondItem"):C(d?"secondItemDueToTouch":"menu")}),[]),A=l.useCallback((()=>{k({key:b,reason:"keyboard"}),I.current?.focus()}),[k,b,I]),g=()=>{S.current.style.display="none",x(!0)},w=()=>{x(!1),S.current&&(S.current.style.display="block")};return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:a,id:b,submenuId:p,ref:I,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:M,openSubmenu:j,isSubmenuOpen:y}),y?t.createPortal(n.jsxs(r.MenuContainer,{display:"sheet","aria-label":e,menuId:p,closeSubmenu:()=>{w(),A()},menuLevel:"sub",anchorRef:I,currentFocus:h,children:[n.jsx(o.BaseMenuItem,{id:f,menuItemLabelWeight:"bold",role:"menuitem",type:"submenu",startIcon:n.jsx(i.DirectionalCollapseArrowIcon,{}),onAction:e=>{w(),"keyup"===e.type?A():d?(k({key:b,reason:"touch"}),setTimeout((()=>{I.current?.focus()}),0)):(k({key:void 0,reason:"click"}),S.current?.focus())},label:e}),c]}),S.current?.parentElement):null]})};e.Submenu=e=>{const{isMobile:t}=o.useMenuContext();return n.jsx(n.Fragment,{children:t?n.jsx(f,{...e}):n.jsx(m,{...e})})}}));
+//# sourceMappingURL=Submenu-f8ab8c2e.js.map

package/amd/Submenu-f8ab8c2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Submenu-f8ab8c2e.js","sources":["../../src/UNSAFE_Menu/DropdownSubmenu.tsx","../../src/UNSAFE_Menu/SheetSubmenu.tsx","../../src/UNSAFE_Menu/Submenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/compat';\n\nimport { DirectionalExpandArrowIcon } from '../PRIVATE_ThemedIcons/DirectionalExpandArrowIcon';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { DropdownMenu } from './DropdownMenu';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { SubmenuProps } from './Submenu';\nimport { scaleVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { useScale } from '#hooks/UNSAFE_useScale';\n\nexport const DropdownSubmenu = ({ label, children, startIcon, itemKey }: SubmenuProps) => {\n  //Id of the submenu that will be used to connect via aria-owns, menuItem with its submenu\n  const submenuId = useId();\n\n  const preProcessedMenuItemID = useId();\n  //MenuItem id\n  const menuItemId = useMemo(\n    () => `oj-menu-item-${preProcessedMenuItemID}`,\n    [preProcessedMenuItemID]\n  );\n\n  const { changeKey, currentKey } = useMenuContainerContext();\n\n  const submenuMenuItemRef = useRef<HTMLAnchorElement | null>(null);\n  const dropdownSubmenuRef = useRef<HTMLDivElement | null>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [currentFocus, setCurrentFocus] = useState<'menu' | 'firstItem' | 'none'>('none');\n\n  const [pxPerUnit, setPxPerUnit] = useState(DEFAULT_PX_PER_UNIT);\n  const scale = useScale();\n\n  useEffect(() => {\n    // Important to have scale as a posible reason for running this effect since changing scale would produce a need of updating px per unit\n    if (!scale || !scaleVars?.size?.units) {\n      setPxPerUnit(0.25 * remInPx());\n    } else {\n      // We asume scale vars has the form of var(x), due to that we obtain string inside parenthesis, if not found empty string is passed\n      const cssVar = /\\(([^)]+)\\)/.exec(scaleVars.size.units)?.[1] || '';\n      // We try to get css var value, if this could not be obtained we use 0.25rem as fallback value\n      const valueofCSSVar = window\n        .getComputedStyle(submenuMenuItemRef.current as Element)\n        .getPropertyValue(cssVar);\n      if (valueofCSSVar.endsWith('px')) {\n        setPxPerUnit(parseFloat(valueofCSSVar));\n      } else if (valueofCSSVar.endsWith('rem')) {\n        setPxPerUnit(parseFloat(valueofCSSVar) * remInPx());\n      } else {\n        setPxPerUnit(0.25 * remInPx());\n      }\n    }\n  }, [scale]);\n\n  useEffect(() => {\n    if (menuItemId !== currentKey) {\n      setIsOpen(false);\n    }\n  }, [currentKey, menuItemId]);\n\n  //This function is used when pressing submenuitem and hovering over it\n  const openSubmenuAction = useCallback((e: Event) => {\n    submenuMenuItemRef.current?.focus();\n    //If not click/touch we set the focus on the first item\n    setIsOpen(true);\n    if (e.type === 'keyup') {\n      setCurrentFocus('firstItem');\n    } else {\n      setCurrentFocus('none');\n    }\n  }, []);\n\n  //TODO: There is a bug in a Icon, once that bug is solved we have to check this again. JET-56980\n  const hoverStatus = useRef<{ recentClose: boolean; pendingUnhover: boolean }>({\n    recentClose: false,\n    pendingUnhover: false\n  });\n\n  return (\n    <>\n      <BaseMenuItem\n        itemKey={itemKey}\n        startIcon={startIcon}\n        id={menuItemId}\n        submenuId={submenuId}\n        ref={submenuMenuItemRef}\n        label={label}\n        endIcon={<DirectionalExpandArrowIcon></DirectionalExpandArrowIcon>}\n        type=\"submenu\"\n        role=\"menuitem\"\n        onAction={openSubmenuAction}\n        hoverInfo={{\n          //Specific hover events of submenuItem\n          hoverProps: {\n            onMouseEnter: (e: MouseEvent) => {\n              openSubmenuAction(e);\n            }\n          },\n          hoverStatus\n        }}\n        //Open submenu using right/left key\n        openSubmenu={() => {\n          setIsOpen(true);\n          setCurrentFocus('firstItem');\n        }}\n        submenuRef={dropdownSubmenuRef}\n        isSubmenuOpen={isOpen}></BaseMenuItem>\n\n      <DropdownMenu\n        isOpen={isOpen}\n        menuLevel=\"sub\"\n        menuId={submenuId}\n        //Close submenu with left/right key\n        closeSubmenu={() => {\n          hoverStatus.current.recentClose = true;\n          changeKey({ key: currentKey, reason: 'keyboard' });\n          setTimeout(() => {\n            hoverStatus.current.recentClose = false;\n          }, HOVER_SHIFT_TIMEOUT);\n          setIsOpen(false);\n          //CurrentKey can be the same as submenuItem, because of that we explicitly focus it\n          submenuMenuItemRef.current?.focus();\n        }}\n        /*For now we are exposing ref if this is exposed at some point we would look for other\n            mechanisms to use this ref */\n        ref={dropdownSubmenuRef}\n        anchorRef={submenuMenuItemRef}\n        defaultPlacement=\"end-top\"\n        currentFocus={currentFocus}\n        offsetValue={{\n          mainAxis: -(2 * pxPerUnit), //TODO: need to figure out how to make this themable.\n          crossAxis: -(2 * pxPerUnit + 1)\n        }}\n        flipOptions={{\n          crossAxis: true,\n          mainAxis: true,\n          fallbackPlacements: ['start-top', 'end-bottom', 'start-bottom']\n        }}>\n        {children}\n      </DropdownMenu>\n    </>\n  );\n};\n\nconst HOVER_SHIFT_TIMEOUT = 100;\nconst DEFAULT_PX_PER_UNIT = 4;\nconst remInPx = () => {\n  return parseInt(window.getComputedStyle(document.documentElement).fontSize || '16px', 10);\n};\n","import { useCallback, useRef, useState } from 'preact/hooks';\n\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { DirectionalCollapseArrowIcon } from '../PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon';\nimport { DirectionalExpandArrowIcon } from '../PRIVATE_ThemedIcons/DirectionalExpandArrowIcon';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { SubmenuProps } from './Submenu';\nimport { createPortal } from 'preact/compat';\nimport { MenuContainer } from './MenuContainer';\nimport { useMenuContext } from './useMenuContext';\n\nexport const SheetSubmenu = ({ label, children, startIcon, itemKey }: SubmenuProps) => {\n  const { isMobile } = useMenuContext();\n  const submenuId = useId();\n  const submenuItemId = useId();\n  const submenuTitleId = useId();\n\n  const submenuMenuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [initialFocus, setInitialFocus] = useState<'menu' | 'secondItem' | 'secondItemDueToTouch'>(\n    'menu'\n  );\n\n  const { menuContainerRef, changeKey } = useMenuContainerContext();\n\n  const openSubmenuDirectional = useCallback(() => {\n    openSubmenu();\n    setInitialFocus('secondItem');\n  }, []);\n\n  const openSubmenuAction = useCallback((e: Event) => {\n    openSubmenu();\n    //If the submenu is open using keyboard focus has to go to second item(first is the title), if not to the menu Container\n    if (e.type === 'keyup') {\n      setInitialFocus('secondItem');\n    } else {\n      if (isMobile) {\n        setInitialFocus('secondItemDueToTouch');\n      } else {\n        setInitialFocus('menu');\n      }\n    }\n  }, []);\n\n  const returnFocusToSubmenuItem = useCallback(() => {\n    changeKey({ key: submenuItemId, reason: 'keyboard' });\n    submenuMenuItemRef.current?.focus();\n  }, [changeKey, submenuItemId, submenuMenuItemRef]);\n\n  /* No need to \"save\" these functions with useCallback */\n\n  const openSubmenu = () => {\n    /* Menu hidden instead of unmounted for two main reasons:\n      1. Children need to be updated even if menu is not present.\n      2. We can't unmount parent since all the submenus are children of main menu */\n    (menuContainerRef.current as HTMLElement).style.display = 'none';\n    setIsOpen(true);\n  };\n  const closeSubmenu = () => {\n    setIsOpen(false);\n    if (menuContainerRef.current) {\n      //Submenu is unmounted and prev menu is visible again.\n      /*Dom manipulation is kind of dirty. Have to check for new approaches. JET-57239 */\n      menuContainerRef.current.style.display = 'block';\n    }\n  };\n\n  const closeSubmenuPressingTitleItem = (e: Event) => {\n    closeSubmenu();\n    //If the submenu is closed using keyboard focus has to go to submenuItem that opened submenu, if not to the menu Container\n    if (e.type === 'keyup') {\n      returnFocusToSubmenuItem();\n    } else {\n      if (isMobile) {\n        changeKey({ key: submenuItemId, reason: 'touch' });\n        // We need to add a little delay due to VO double tap producing focusing wrong item. Will be removed once animation is added for sheet submenus\n        setTimeout(() => {\n          submenuMenuItemRef.current?.focus();\n        }, 0);\n      } else {\n        changeKey({ key: undefined, reason: 'click' });\n        menuContainerRef.current?.focus();\n      }\n    }\n  };\n\n  const closeDirectional = () => {\n    closeSubmenu();\n    returnFocusToSubmenuItem();\n  };\n\n  return (\n    <>\n      <BaseMenuItem\n        itemKey={itemKey}\n        startIcon={startIcon}\n        id={submenuItemId}\n        submenuId={submenuId}\n        ref={submenuMenuItemRef}\n        label={label}\n        endIcon={<DirectionalExpandArrowIcon></DirectionalExpandArrowIcon>}\n        type=\"submenu\"\n        role=\"menuitem\"\n        onAction={openSubmenuAction}\n        openSubmenu={openSubmenuDirectional}\n        isSubmenuOpen={isOpen}></BaseMenuItem>\n      {!isOpen\n        ? null\n        : // We need to use portal to ensure all submenus are siblings so if one dissapear not every submenu dissapear\n          createPortal(\n            <MenuContainer\n              display=\"sheet\"\n              aria-label={label}\n              menuId={submenuId}\n              closeSubmenu={closeDirectional}\n              menuLevel=\"sub\"\n              anchorRef={submenuMenuItemRef}\n              //TODO: We need to check if this initial focus is desired based on some W3C specs\n              currentFocus={initialFocus}>\n              <BaseMenuItem\n                id={submenuTitleId}\n                menuItemLabelWeight=\"bold\"\n                role=\"menuitem\"\n                type=\"submenu\"\n                startIcon={<DirectionalCollapseArrowIcon></DirectionalCollapseArrowIcon>}\n                onAction={closeSubmenuPressingTitleItem}\n                label={label}></BaseMenuItem>\n              {children}\n            </MenuContainer>,\n            menuContainerRef.current?.parentElement as HTMLElement\n          )}\n    </>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\n\nimport { DropdownSubmenu } from './DropdownSubmenu';\nimport { SheetSubmenu } from './SheetSubmenu';\nimport { useMenuContext } from './useMenuContext';\n\nexport type SubmenuProps = {\n  /**\n   * Set of menu groups or menu items that submenumenu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children?: ComponentChildren;\n\n  /**\n   *  Determines submenu text.\n   */\n  label: string;\n\n  /**\n   *  Submenu item startIcon\n   */\n  startIcon?: ComponentChildren;\n  /**\n   *  Item key\n   */\n  itemKey?: string;\n};\n\n/*Submenu behaves differently depending the device */\nexport const Submenu = (props: SubmenuProps) => {\n  const { isMobile } = useMenuContext();\n  return (\n    <>\n      {isMobile ? (\n        <SheetSubmenu {...props}></SheetSubmenu>\n      ) : (\n        <DropdownSubmenu {...props}></DropdownSubmenu>\n      )}\n    </>\n  );\n};\n"],"names":["DropdownSubmenu","label","children","startIcon","itemKey","submenuId","useId","preProcessedMenuItemID","menuItemId","useMemo","changeKey","currentKey","useMenuContainerContext","submenuMenuItemRef","useRef","dropdownSubmenuRef","isOpen","setIsOpen","useState","currentFocus","setCurrentFocus","pxPerUnit","setPxPerUnit","DEFAULT_PX_PER_UNIT","scale","useScale","useEffect","scaleVars","size","units","cssVar","exec","valueofCSSVar","window","getComputedStyle","current","getPropertyValue","endsWith","parseFloat","remInPx","openSubmenuAction","useCallback","e","focus","type","hoverStatus","recentClose","pendingUnhover","_jsxs","_jsx","BaseMenuItem","id","ref","endIcon","jsx","DirectionalExpandArrowIcon","role","onAction","hoverInfo","hoverProps","onMouseEnter","openSubmenu","submenuRef","isSubmenuOpen","DropdownMenu","menuLevel","menuId","closeSubmenu","key","reason","setTimeout","HOVER_SHIFT_TIMEOUT","anchorRef","defaultPlacement","offsetValue","mainAxis","crossAxis","flipOptions","fallbackPlacements","parseInt","document","documentElement","fontSize","SheetSubmenu","isMobile","useMenuContext","submenuItemId","submenuTitleId","initialFocus","setInitialFocus","menuContainerRef","openSubmenuDirectional","returnFocusToSubmenuItem","style","display","_Fragment","createPortal","jsxs","MenuContainer","menuItemLabelWeight","DirectionalCollapseArrowIcon","undefined","parentElement","props"],"mappings":"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"}

package/amd/TabBar-61d65c39.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', 'preact/hooks', './LayerHost-0b288129', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c', './Floating-c3558e44', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-4eb6c732', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-430d9e32', './TabBarContextMenu-6977866c'], (function(e,t,s,a,o,n,l,r,c,d,i,b,y,x,B,u,m,T,h,S,p,C,f,g,F,U,A,M,j,v,w,E,I,L,N,_,k,R,H,P,V,z,D,$,O){"use strict";const q=l.forwardRef((({children:e,layout:o="stretch",display:n="standard",size:l="md",edge:r="top",selection:c,onSelect:i,onRemove:b,"aria-describedby":y,"aria-label":x,"aria-labelledby":B,contextMenuConfig:u},m)=>{const T=m,{rootProps:h,tabBarContext:S,menuProps:p,contextMenuContext:C,contextMenuDescription:f,contextMenuDescriptionId:g,accStatusInfo:F}=$.useTabBar({class:D.styles.tabBarBase,edge:r,onRemove:b,onSelect:i,ref:T,selection:c,size:l,children:e,contextMenuConfig:u}),U=null!=u;return t.jsxs(t.Fragment,{children:[t.jsx(d.TabBarContext.Provider,{value:S,children:t.jsx("div",{...h,"aria-label":x,"aria-labelledby":B,"aria-haspopup":null!=u,"aria-describedby":U&&g?y?`${y} ${g}`:g:y,children:t.jsx(P.TabBarLayout,{layout:o,display:n,children:e})})}),U&&g&&t.jsx("span",{id:g,children:t.jsx(s.HiddenAccessible,{children:f})}),U&&F&&t.jsx(a.LiveRegion,{children:F}),U&&t.jsx(O.TabBarContextMenu,{...p,contextMenuConfig:u,contextMenuContext:C})]})}));e.TabBar=q}));
+//# sourceMappingURL=TabBar-61d65c39.js.map

package/amd/TabBar-61d65c39.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar-61d65c39.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","TabBarContext","Provider","value","jsx","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"ihDAqHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUD,GAEVE,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdpB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIc,EAA8C,MAArBd,EAE/B,OACEe,EAAAC,KAAAC,EAAAC,SAAA,CAAA7B,SAAA,CACE8B,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAOlB,EAAaf,SAC1C8B,EACMI,IAAA,MAAA,IAAApB,eACQL,EAAS,kBACJC,EAAc,gBACK,MAArBC,EAEb,mBAAAc,GAA0BN,EACtBX,EACE,GAAGA,KAAmBW,IACtBA,EACFX,EAENR,SAAA8B,MAACK,EAAAA,aAAY,CAAClC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAINyB,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRnB,SAAA8B,EAAAA,IAACO,EAAAA,iBAAkB,CAAArC,SAAAkB,MAGtBO,GAA0BL,GAAiBU,EAACI,IAAAI,aAAY,CAAAtC,SAAAoB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJL,kBAAmBA,EACnBM,mBAAoBA,MAI1B"}

package/amd/TabBarContextMenu-6977866c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './Separator-181f7541', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './tabBarUtils-2b861222'], (function(e,t,o,n,s,r,a,l,m,i,c,d,u,M,b,v,f,h,x,I,y,p){"use strict";e.TabBarContextMenu=function({contextMenuConfig:e,contextMenuContext:n,...s}){const r=e.accessibleLabel,a=s.isOpen?e.itemsRenderer(n):null;return null!=a?t.jsx(t.Fragment,{children:t.jsx(o.Menu,{...s,...r&&{"aria-label":r},children:a})}):t.jsx(t.Fragment,{})},e.getDefaultContextMenu=function({isRemovable:e,handleReorder:o,handleRemove:s,itemKey:r,tabKeys:a,direction:l,itemLabels:m,handleAccStatus:i}){const c=()=>{s?.({value:r}),i?.({removedKey:r})},d=null!=o,u="rtl"===l,M=e=>{if(d&&a){const{newArray:t,referenceItemIndex:n}=p.handleMove(e,a,r),s=a[n];o?.({reorderedKeys:t,itemKeys:[r],referenceKey:s}),i?.({position:"forward"===e?"after":"before",destinationKey:s})}},b=d?{moveForwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),moveBackwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:c}),remove:t.jsx(n.MenuItem,{label:"Remove",onAction:c}),reorder:t.jsxs(t.Fragment,{children:[t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")})]})}:{remove:t.jsx(n.MenuItem,{label:"Remove",onAction:c}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:c})},v=e||d?t.jsxs(t.Fragment,{children:[d&&a?t.jsxs(t.Fragment,{children:[(e=>{let o;switch(d){case e===a?.[0]:o=b.moveForwardItem;break;case e===a?.[a.length-1]:o=b.moveBackwardItem;break;default:o=t.jsxs(t.Fragment,{children:[b.moveForwardItem,b.moveBackwardItem]})}return o})(r),e?t.jsx(f.Separator,{}):void 0]}):void 0,e?b.remove:void 0]}):void 0;return{itemKey:r,defaultMenuItems:v,allMenuItems:b}}}));
+//# sourceMappingURL=TabBarContextMenu-6977866c.js.map

package/amd/TabBarContextMenu-6977866c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarContextMenu-6977866c.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Menu, MenuItem } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from './TabBar';\nimport { Separator } from '../UNSAFE_Separator';\nimport { TabBarItemContextMenuContext } from '../UNSAFE_TabBarCommon/TabBar.types';\nimport { ReorderableTabBar } from '../UNSAFE_ReorderableTabBar';\nimport { handleMove } from '../utils/PRIVATE_tabBarUtils';\n\nexport type Props<K extends string | number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/**\n * The internal component used to render a custom or default context menu\n */\nexport function TabBarContextMenu<K extends string | number>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  // We want to call itemsRenderer only when menu is open otherwise it would be called during render phase when no context is available\n  const menuItems = menuProps.isOpen ? contextMenuConfig.itemsRenderer(contextMenuContext) : null;\n  // If there are menu items then we construct the menu otherwise menu will be mounted unnecessarily, if menu items are null we return an empty fragment as return type needs to be a JSX\n  if (menuItems != null) {\n    return (\n      <>\n        <Menu\n          {...menuProps}\n          {...(accessibleLabel && {\n            'aria-label': accessibleLabel\n          })}>\n          {menuItems}\n        </Menu>\n      </>\n    );\n  }\n  return <></>;\n}\n\n/**\n * Optional props because we could have only remove feature or reorder feature.\n */\ntype StatusProps<K extends string | number> = {\n  position?: 'before' | 'after';\n  destinationKey?: K;\n  removedKey?: K;\n};\ntype AccInfo = {\n  /*\n   * Callback to obtain the key for remove/ key and position for moving a tab and build acc status text.\n   */\n  handleAccStatus: (statusDetail: StatusProps<string | number>) => void;\n};\n\n/**\n * Optional because we could have only remove feature or reorder feature.\n */\ntype RemoveItemProps = {\n  handleRemove?: ComponentProps<typeof TabBar>['onRemove'];\n  isRemovable?: boolean;\n};\n\n/**\n * Optional because we could have only remove feature or reorder feature.\n */\ntype ReorderItemProps<K> = {\n  handleReorder?: ComponentProps<typeof ReorderableTabBar>['onReorder'];\n  tabKeys?: K[];\n  direction?: 'ltr' | 'rtl';\n};\n\ntype TranslationLabels = {\n  /*\n   * The translation labels for remove item and move items. Optional because we could have only remove feature or reorder feature.\n   */\n  itemLabels: { labelRemove?: string; labelMoveLeft?: string; labelMoveRight?: string };\n};\n\n/**\n * Creates the default context menu items\n */\nexport function getDefaultContextMenu<K extends string | number>({\n  isRemovable,\n  handleReorder,\n  handleRemove,\n  itemKey,\n  tabKeys,\n  direction,\n  itemLabels,\n  handleAccStatus\n}: RemoveItemProps & ReorderItemProps<K> & TabBarItemContext<K> & TranslationLabels & AccInfo) {\n  const handleRemoveAction = () => {\n    handleRemove?.({ value: itemKey as string | number });\n    handleAccStatus?.({\n      removedKey: itemKey\n    });\n  };\n\n  const isReorderable = handleReorder != null;\n\n  const isRtl = direction === 'rtl';\n  const handleMoveAction = (moveDirection: 'forward' | 'backward') => {\n    if (isReorderable && tabKeys) {\n      const { newArray, referenceItemIndex } = handleMove(moveDirection, tabKeys, itemKey);\n      const destinationKey = tabKeys[referenceItemIndex];\n      handleReorder?.({\n        reorderedKeys: newArray,\n        itemKeys: [itemKey],\n        referenceKey: destinationKey\n      });\n      handleAccStatus?.({\n        position: moveDirection === 'forward' ? 'after' : 'before',\n        destinationKey: destinationKey\n      });\n    }\n  };\n\n  const allMenuItems = isReorderable\n    ? {\n        moveForwardItem: (\n          <MenuItem\n            label={isRtl ? itemLabels?.labelMoveLeft! : itemLabels?.labelMoveRight!}\n            onAction={() => handleMoveAction('forward')}\n          />\n        ),\n        moveBackwardItem: (\n          <MenuItem\n            label={isRtl ? itemLabels?.labelMoveRight! : itemLabels?.labelMoveLeft!}\n            onAction={() => handleMoveAction('backward')}\n          />\n        ),\n        removeItem: <MenuItem label={'Remove'} onAction={handleRemoveAction} />,\n        remove: <MenuItem label={'Remove'} onAction={handleRemoveAction} />,\n        reorder: (\n          <>\n            <MenuItem\n              label={isRtl ? itemLabels?.labelMoveLeft! : itemLabels?.labelMoveRight!}\n              onAction={() => handleMoveAction('forward')}\n            />\n            <MenuItem\n              label={isRtl ? itemLabels?.labelMoveRight! : itemLabels?.labelMoveLeft!}\n              onAction={() => handleMoveAction('backward')}\n            />\n          </>\n        )\n      }\n    : {\n        remove: <MenuItem label={'Remove'} onAction={handleRemoveAction} />,\n        removeItem: <MenuItem label={'Remove'} onAction={handleRemoveAction} />\n      };\n\n  const createMoveMenuItems = (itemKey: K) => {\n    let moveItem;\n    switch (isReorderable) {\n      case itemKey === tabKeys?.[0]:\n        moveItem = allMenuItems['moveForwardItem'];\n        break;\n      case itemKey === tabKeys?.[tabKeys.length - 1]:\n        moveItem = allMenuItems['moveBackwardItem'];\n        break;\n      default:\n        moveItem = (\n          <>\n            {allMenuItems['moveForwardItem']}\n            {allMenuItems['moveBackwardItem']}\n          </>\n        );\n    }\n    return moveItem;\n  };\n\n  const defaultMenuItems =\n    isRemovable || isReorderable ? (\n      <>\n        {isReorderable && tabKeys ? (\n          <>\n            {createMoveMenuItems(itemKey)}\n            {isRemovable ? <Separator /> : undefined}\n          </>\n        ) : undefined}\n        {isRemovable ? allMenuItems['remove'] : undefined}\n      </>\n    ) : undefined;\n\n  return {\n    itemKey,\n    defaultMenuItems,\n    allMenuItems\n  } as TabBarItemContextMenuContext<K>;\n}\n"],"names":["contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","menuItems","isOpen","itemsRenderer","_jsx","Menu","children","isRemovable","handleReorder","handleRemove","itemKey","tabKeys","direction","itemLabels","handleAccStatus","handleRemoveAction","value","removedKey","isReorderable","isRtl","handleMoveAction","moveDirection","newArray","referenceItemIndex","handleMove","destinationKey","reorderedKeys","itemKeys","referenceKey","position","allMenuItems","moveForwardItem","jsx","MenuItem","label","labelMoveLeft","labelMoveRight","onAction","moveBackwardItem","removeItem","remove","reorder","_jsxs","jsxs","_Fragment","Fragment","defaultMenuItems","moveItem","length","createMoveMenuItems","Separator","undefined"],"mappings":"2xBAuBM,UAAuDA,kBAC3DA,EAAiBC,mBACjBA,KACGC,IAEH,MAAMC,EAAkBH,EAAkBG,gBAGpCC,EAAYF,EAAUG,OAASL,EAAkBM,cAAcL,GAAsB,KAE3F,OAAiB,MAAbG,EAEAG,2BACEA,EAAAA,IAACC,EAAAA,SACKN,KACCC,GAAmB,CACtB,aAAcA,GAEfM,SAAAL,MAKFG,oBACT,oCA4CiEG,YAC/DA,EAAWC,cACXA,EAAaC,aACbA,EAAYC,QACZA,EAAOC,QACPA,EAAOC,UACPA,EAASC,WACTA,EAAUC,gBACVA,IAEA,MAAMC,EAAqB,KACzBN,IAAe,CAAEO,MAAON,IACxBI,IAAkB,CAChBG,WAAYP,GACZ,EAGEQ,EAAiC,MAAjBV,EAEhBW,EAAsB,QAAdP,EACRQ,EAAoBC,IACxB,GAAIH,GAAiBP,EAAS,CAC5B,MAAMW,SAAEA,EAAQC,mBAAEA,GAAuBC,EAAUA,WAACH,EAAeV,EAASD,GACtEe,EAAiBd,EAAQY,GAC/Bf,IAAgB,CACdkB,cAAeJ,EACfK,SAAU,CAACjB,GACXkB,aAAcH,IAEhBX,IAAkB,CAChBe,SAA4B,YAAlBR,EAA8B,QAAU,SAClDI,eAAgBA,GAEnB,GAGGK,EAAeZ,EACjB,CACEa,gBACE3B,EAAC4B,IAAAC,EAAQA,SACP,CAAAC,MAAOf,EAAQN,GAAYsB,cAAiBtB,GAAYuB,eACxDC,SAAU,IAAMjB,EAAiB,aAGrCkB,iBACElC,EAAC4B,IAAAC,EAAQA,SACP,CAAAC,MAAOf,EAAQN,GAAYuB,eAAkBvB,GAAYsB,cACzDE,SAAU,IAAMjB,EAAiB,cAGrCmB,WAAYnC,EAAC4B,IAAAC,WAAS,CAAAC,MAAO,SAAUG,SAAUtB,IACjDyB,OAAQpC,EAAC4B,IAAAC,WAAS,CAAAC,MAAO,SAAUG,SAAUtB,IAC7C0B,QACEC,EACEC,KAAAC,EAAAC,SAAA,CAAAvC,SAAA,CAAAF,EAAA4B,IAACC,WAAQ,CACPC,MAAOf,EAAQN,GAAYsB,cAAiBtB,GAAYuB,eACxDC,SAAU,IAAMjB,EAAiB,aAEnChB,EAAC4B,IAAAC,EAAQA,SACP,CAAAC,MAAOf,EAAQN,GAAYuB,eAAkBvB,GAAYsB,cACzDE,SAAU,IAAMjB,EAAiB,kBAKzC,CACEoB,OAAQpC,EAAC4B,IAAAC,WAAS,CAAAC,MAAO,SAAUG,SAAUtB,IAC7CwB,WAAYnC,EAAC4B,IAAAC,WAAS,CAAAC,MAAO,SAAUG,SAAUtB,KAuBjD+B,EACJvC,GAAeW,EACbwB,EAAAA,KACGE,EAAAA,SAAA,CAAAtC,SAAA,CAAAY,GAAiBP,EAChB+B,EAAAA,KACGE,EAAAA,SAAA,CAAAtC,SAAA,CAzBiB,CAACI,IAC3B,IAAIqC,EACJ,OAAQ7B,GACN,KAAKR,IAAYC,IAAU,GACzBoC,EAAWjB,EAA8B,gBACzC,MACF,KAAKpB,IAAYC,IAAUA,EAAQqC,OAAS,GAC1CD,EAAWjB,EAA+B,iBAC1C,MACF,QACEiB,EACEL,EACGC,KAAAC,WAAA,CAAAtC,SAAA,CAAAwB,EAA8B,gBAC9BA,EAA+B,oBAIxC,OAAOiB,CAAQ,EAQNE,CAAoBvC,GACpBH,EAAcH,EAAC4B,IAAAkB,EAASA,UAAG,CAAA,QAAGC,UAE/BA,EACH5C,EAAcuB,EAAqB,YAAIqB,UAExCA,EAEN,MAAO,CACLzC,UACAoC,mBACAhB,eAEJ"}

package/amd/TabBarMixed-092116bd.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-0b288129', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './HiddenAccessible-037ef42d', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c', './Floating-c3558e44', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', 'css!./OverflowTabBarItemStyles.styles.css', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-430d9e32', './LiveRegion-dbefb95b', './TabBarContextMenu-6977866c', './ConveyorBeltFocusContext-7d718341'], (function(e,t,s,o,a,n,r,l,c,i,b,d,u,m,x,y,B,T,C,f,h,S,p,g,M,v,F,A,I,U,E,k,w,R,_,j,N,P,L,H,V,D,K,O,z,q,G){"use strict";const J=o.forwardRef(((e,a)=>{const{children:n,onRemove:r,onSelect:c,selection:i,size:b,"aria-label":d,"aria-labelledby":u}=e,m=s.useRef(null),x=D.isMobile(),y=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=O.getItemAttribute(e.itemKey,m.current,O.REMOVABLE_ITEM_ATTRIBUTE)&&x){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:B,tabBarContext:T,menuProps:C,contextMenuContext:f,contextMenuDescription:h,contextMenuDescriptionId:S,accStatusInfo:g}=(M={class:K.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:c,ref:m,selection:i,size:b,children:n,contextMenuConfig:y},O.useTabBar(M));var M;const v=null!=y&&x;o.useImperativeHandle(a,(()=>({focus:()=>{m.current&&m.current.focus()},blur:()=>{m.current&&m.current.blur()}})));const[F,A]=s.useState(!1),U=s.useCallback((()=>{m.current?.focus()}),[]),E=s.useCallback((()=>{A(!0)}),[]),k=s.useCallback((()=>{A(!1)}),[]),w=s.useCallback((e=>{"Tab"!==e.key||e.shiftKey||E?.()}),[E]),R=s.useCallback((()=>{k?.()}),[k]),_=s.useMemo((()=>({focusTabbarRoot:U,isSuppressOverflowFocus:F,beginTabPass:E,endTabPass:k})),[F,U,E,k]),j=p.mergeProps(B,{onKeyDown:w,onBlur:R});return t.jsxs(G.ConveyorBeltFocusContext.Provider,{value:_,children:[t.jsx(l.TabBarContext.Provider,{value:T,children:t.jsx("div",{"aria-label":d,"aria-labelledby":u,...j,children:n})}),v&&S&&h&&t.jsx("span",{id:S,children:t.jsx(I.HiddenAccessible,{children:h})}),v&&g&&t.jsx(z.LiveRegion,{children:g}),v&&t.jsx(q.TabBarContextMenu,{...C,contextMenuConfig:y,contextMenuContext:f})]})}));e.TabBarMixed=J}));
+//# sourceMappingURL=TabBarMixed-092116bd.js.map

package/amd/TabBarMixed-092116bd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarMixed-092116bd.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","isSuppressOverflowFocus","setIsSuppressOverflowFocus","useState","focusTabbarRoot","useCallback","beginTabPass","endTabPass","onKeyDown","e","key","shiftKey","onBlur","focusContext","mergedRootProps","mergeProps","_jsxs","jsxs","ConveyorBeltFocusContext","Provider","value","TabBarContext","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"4lDA0Ea,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC7FyBC,ED8Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCtGhB4B,EAAAA,UAAUP,IADb,IAAyBA,ED0G3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAEnEgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAIL,MAAOC,EAAyBC,GAA8BC,EAAQA,UAAC,GAEjEC,EAAkBC,EAAAA,aAAY,KAClCzC,EAAQU,SAASyB,OAAO,GACvB,IAGGO,EAAeD,EAAAA,aAAY,KAC/BH,GAA2B,EAAK,GAC/B,IAGGK,EAAaF,EAAAA,aAAY,KAC7BH,GAA2B,EAAM,GAChC,IAEGM,EAAYH,eACfI,IAEe,QAAVA,EAAEC,KAAkBD,EAAEE,UAExBL,KACD,GAEH,CAACA,IAGGM,EAASP,EAAAA,aAAY,KAEzBE,KAAc,GACb,CAACA,IAEEM,EAAe5C,EAAAA,SACnB,KAAO,CACLmC,kBACAH,0BACAK,eACAC,gBAEF,CAACN,EAAyBG,EAAiBE,EAAcC,IAGrDO,EAAkBC,EAAAA,WAAWjC,EAAW,CAAE0B,YAAWI,WAE3D,OACEI,EAACC,KAAAC,EAAwBA,yBAACC,UAASC,MAAOP,EAAYxD,SAAA,CACpDqB,MAAC2C,EAAaA,cAACF,SAAQ,CAACC,MAAOrC,EAC7B1B,SAAAqB,EAAAA,IAAA,MAAA,CAAA,aAAiBhB,EAA4B,kBAAAC,KAAoBmD,WAC9DzD,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAMC,IAAA,OAAA,CAAA2C,GAAInC,WACRT,EAACC,IAAA4C,EAAgBA,iBAAE,CAAAlE,SAAA6B,MAGtBW,GAA0BT,GAAiBV,MAAC8C,EAAUA,WAAA,CAAAnE,SAAE+B,IACxDS,GACCnB,EAAAA,IAAC+C,EAAAA,kBACK,IAAAzC,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}