@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/amd/{InputDatePicker-613800d1.js.map → InputDatePicker-37824ba4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputDatePicker-613800d1.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePicker.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 { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\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 */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { styles } from './themes/InputDatePickerStyles.css';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     * It is also called when a selection is made in the date picker.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n    // InputDateMask renders the embedded field shell, but InputDatePicker owns this extra wrapper\n    // for the picker root and dropdown. The wrapper must fill the table cell so the embedded shell\n    // can inherit the expected height.\n    const rootClass = isEmbeddedVariant(dateMaskProps.variant) ? styles.embeddedRoot : undefined;\n\n    return (\n      <div {...testIdProps} class={rootClass} ref={rootRef}>\n        <InputDateMaskContext.Provider\n          value={{\n            endContentVisualOffset: 'buttonSm',\n            isDropdownOpen: isOpen,\n            isInputDatePickerParent: true\n          }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId ? testId + '_mask' : undefined}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </div>\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 type { ComponentProps, RefObject } from 'preact';\nimport type { ElementRef } from 'preact/compat';\nimport { useCallback, useRef, useState } from 'preact/hooks';\nimport {\n  isCompleteCalendarDate,\n  type CalendarDate,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\nconst convertToCalendarDateRequired = (dateValue?: CalendarDate) => {\n  return !dateValue || !isCompleteCalendarDate(dateValue)\n    ? undefined\n    : (dateValue as CalendarDateRequired);\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // If the value differs from the last value we sent to onInput, treat it as a\n  // programmatic change and sync both refs to the external controlled value.\n  if (calendarDatesAreDifferent(lastDateRef.current, currentValue)) {\n    lastDateRef.current = currentValue;\n    lastCommittedDateRef.current = currentValue;\n  }\n\n  const onInputIfDifferent = useCallback(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      if (calendarDatesAreDifferent(detail.value, lastDateRef.current)) {\n        const frozenDate =\n          detail.value !== undefined ? Object.freeze({ ...detail.value }) : detail.value;\n        onInput({ previousValue: lastDateRef.current, value: frozenDate });\n        lastDateRef.current = frozenDate;\n      }\n    },\n    [onInput]\n  );\n\n  const onCommitIfDifferent = useCallback(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      if (calendarDatesAreDifferent(detail.value, lastCommittedDateRef.current)) {\n        onCommit?.({ previousValue: lastCommittedDateRef.current, value: detail.value });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\n\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      onInputIfDifferent(detail);\n    },\n    [onInputIfDifferent]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      onCommitIfDifferent(detail);\n    },\n    [onCommitIfDifferent]\n  );\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Emits onInput/onCommit with the selected date.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      onInputIfDifferent(detail);\n      onCommitIfDifferent(detail);\n      setIsOpen(false);\n    },\n    [onCommitIfDifferent, onInputIfDifferent]\n  );\n\n  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\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        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: convertToCalendarDateRequired(currentValue),\n    dateValue: currentValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","InputDatePicker","forwardRef","propDescribedBy","onInput","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","rootRef","useRef","calendarIconActionHandler","datePickerCommitHandler","completeDateValue","dateValue","dropdownCloseHandler","iconRef","maskCommitHandler","maskInputHandler","maskRef","currentValue","setIsOpen","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","calendarDatesAreDifferent","current","onInputIfDifferent","detail","frozenDate","Object","freeze","previousValue","onCommitIfDifferent","reason","clearTimeout","setTimeout","focus","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","isCompleteCalendarDate","useInputDatePicker","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","rootClass","isEmbeddedVariant","styles","embeddedRoot","_jsxs","InputDateMaskContext","endContentVisualOffset","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}
+{"version":3,"file":"InputDatePicker-37824ba4.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePicker.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 { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\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 */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { styles } from './themes/InputDatePickerStyles.css';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     * It is also called when a selection is made in the date picker.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n    // InputDateMask renders the embedded field shell, but InputDatePicker owns this extra wrapper\n    // for the picker root and dropdown. The wrapper must fill the table cell so the embedded shell\n    // can inherit the expected height.\n    const rootClass = isEmbeddedVariant(dateMaskProps.variant) ? styles.embeddedRoot : undefined;\n\n    return (\n      <div {...testIdProps} class={rootClass} ref={rootRef}>\n        <InputDateMaskContext.Provider\n          value={{\n            endContentVisualOffset: 'buttonSm',\n            isDropdownOpen: isOpen,\n            isInputDatePickerParent: true\n          }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId ? testId + '_mask' : undefined}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </div>\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 type { ComponentProps, RefObject } from 'preact';\nimport type { ElementRef } from 'preact/compat';\nimport { useCallback, useRef, useState } from 'preact/hooks';\nimport {\n  isCompleteCalendarDate,\n  type CalendarDate,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\nconst convertToCalendarDateRequired = (dateValue?: CalendarDate) => {\n  return !dateValue || !isCompleteCalendarDate(dateValue)\n    ? undefined\n    : (dateValue as CalendarDateRequired);\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // If the value differs from the last value we sent to onInput, treat it as a\n  // programmatic change and sync both refs to the external controlled value.\n  if (calendarDatesAreDifferent(lastDateRef.current, currentValue)) {\n    lastDateRef.current = currentValue;\n    lastCommittedDateRef.current = currentValue;\n  }\n\n  const onInputIfDifferent = useCallback(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      if (calendarDatesAreDifferent(detail.value, lastDateRef.current)) {\n        const frozenDate =\n          detail.value !== undefined ? Object.freeze({ ...detail.value }) : detail.value;\n        onInput({ previousValue: lastDateRef.current, value: frozenDate });\n        lastDateRef.current = frozenDate;\n      }\n    },\n    [onInput]\n  );\n\n  const onCommitIfDifferent = useCallback(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      if (calendarDatesAreDifferent(detail.value, lastCommittedDateRef.current)) {\n        onCommit?.({ previousValue: lastCommittedDateRef.current, value: detail.value });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\n\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      onInputIfDifferent(detail);\n    },\n    [onInputIfDifferent]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      onCommitIfDifferent(detail);\n    },\n    [onCommitIfDifferent]\n  );\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Emits onInput/onCommit with the selected date.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      onInputIfDifferent(detail);\n      onCommitIfDifferent(detail);\n      setIsOpen(false);\n    },\n    [onCommitIfDifferent, onInputIfDifferent]\n  );\n\n  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\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        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: convertToCalendarDateRequired(currentValue),\n    dateValue: currentValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","InputDatePicker","forwardRef","propDescribedBy","onInput","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","rootRef","useRef","calendarIconActionHandler","datePickerCommitHandler","completeDateValue","dateValue","dropdownCloseHandler","iconRef","maskCommitHandler","maskInputHandler","maskRef","currentValue","setIsOpen","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","calendarDatesAreDifferent","current","onInputIfDifferent","detail","frozenDate","Object","freeze","previousValue","onCommitIfDifferent","reason","clearTimeout","setTimeout","focus","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","isCompleteCalendarDate","useInputDatePicker","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","rootClass","isEmbeddedVariant","styles","embeddedRoot","_jsxs","InputDateMaskContext","endContentVisualOffset","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}

package/amd/ListStyles.styles.css

@@ -1,11 +1,109 @@
-.ListStyles_listStyles_base__131gxbz0 {
-  background-color: var(--oj-current-bg-color, var(--oj-c-page-background-neutral0));
-  box-sizing: border-box;
+.ListStyles_listStyles_base__1wld4xf0 {
+  color: var(--oj-c-text-icon-primary);
   height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 0;
+  overflow-y: inherit;
+  overflow-anchor: none;
 }
-.ListStyles_listStyles_base__131gxbz0:focus {
+.ListStyles_listStyles_base__1wld4xf0:focus {
   outline-style: none;
+}
+.ListStyles_listStyles_userSelect__1wld4xf1 {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ListStyles_listItemStyles_base__1wld4xf2 {
+  display: flex;
+  min-height: var(--oj-c-PRIVATE-list-item-height);
+  box-sizing: border-box;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0px -1px transparent;
+}
+.ListStyles_listItemStyles_checkboxContainer__1wld4xf3 {
+  width: 100%;
+}
+.ListStyles_sparkleStyles_base__1wld4xf4 {
+  position: absolute;
+  top: 0;
+  width: var(--oj-c-size-units, 0.25rem);
+  z-index: 1;
+  display: block;
+  background-image: var(--imageVars_sparkleImg__odczjta);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.ListStyles_sparkleStyles_container__1wld4xf5 {
+  position: relative;
+}
+.ListStyles_skeletonStyles_container__1wld4xf6 {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+.ListStyles_paddingStyles_allPadding__1wld4xf7 {
+  padding-top: var(--oj-c-PRIVATE-list-item-padding-vertical);
+  padding-bottom: var(--oj-c-PRIVATE-list-item-padding-vertical);
+  padding-inline-start: var(--oj-c-PRIVATE-list-item-padding-horizontal);
+  padding-inline-end: var(--oj-c-PRIVATE-list-item-padding-horizontal);
+}
+.ListStyles_paddingStyles_topItemPadding__1wld4xf8 {
+  padding-top: var(--oj-c-PRIVATE-list-item-padding-vertical);
+}
+.ListStyles_paddingStyles_bottomItemPadding__1wld4xf9 {
+  padding-bottom: var(--oj-c-PRIVATE-list-item-padding-vertical);
+}
+.ListStyles_paddingStyles_startItemPadding__1wld4xfa {
+  padding-inline-start: var(--oj-c-PRIVATE-list-item-padding-horizontal);
+}
+.ListStyles_paddingStyles_endItemPadding__1wld4xfb {
+  padding-inline-end: var(--oj-c-PRIVATE-list-item-padding-horizontal);
+}
+.ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xfc {
+  border-top-color: var(--oj-c-border-divider);
+}
+.ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xfe {
+  box-shadow: inset 0px -1px var(--oj-c-border-divider);
+}
+.ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfi {
+  background-color: var(--oj-c-surface-selected);
+}
+.ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfo {
+  outline-color: var(--oj-c-keyboard-outline-color);
+  outline-offset: calc(-1 * var(--oj-c-keyboard-outline-width));
+  outline-style: var(--oj-c-keyboard-outline-style);
+  outline-width: var(--oj-c-keyboard-outline-width);
+}
+.ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfw {
+  border-top-color: var(--oj-c-border-selected);
+  box-shadow: inset 0px -1px var(--oj-c-border-selected);
+}
+.ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfy:not(:active) {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listItemMultiVariantStyles_compound_3__1wld4xfz {
+  background-color: var(--oj-c-overlay-hover);
+}
+.ListStyles_listItemMultiVariantStyles_compound_4__1wld4xf10 {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listItemMultiVariantStyles_compound_6__1wld4xf12 {
+  background-image: 
+    linear-gradient(
+      var(--oj-c-collection-header-surface-selected),
+      var(--oj-c-collection-header-surface-selected)
+    ),
+    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+@media (hover: hover) {
+  .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfx:hover:not(:active) {
+    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
+  .ListStyles_listItemMultiVariantStyles_compound_5__1wld4xf11:hover:not(:active) {
+    background-image: 
+    linear-gradient(
+      var(--oj-c-collection-header-surface-selected),
+      var(--oj-c-collection-header-surface-selected)
+    ),
+    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
 }

package/amd/ListStyles.styles2.css

@@ -1,109 +1,11 @@
-.ListStyles_listStyles_base__1wld4xf0 {
-  color: var(--oj-c-text-icon-primary);
-  height: 100%;
-  overflow-y: inherit;
-  overflow-anchor: none;
-}
-.ListStyles_listStyles_base__1wld4xf0:focus {
-  outline-style: none;
-}
-.ListStyles_listStyles_userSelect__1wld4xf1 {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.ListStyles_listItemStyles_base__1wld4xf2 {
-  display: flex;
-  min-height: var(--oj-c-PRIVATE-list-item-height);
+.ListStyles_listStyles_base__131gxbz0 {
+  background-color: var(--oj-current-bg-color, var(--oj-c-page-background-neutral0));
   box-sizing: border-box;
-  border-top: 1px solid transparent;
-  box-shadow: inset 0px -1px transparent;
-}
-.ListStyles_listItemStyles_checkboxContainer__1wld4xf3 {
-  width: 100%;
-}
-.ListStyles_sparkleStyles_base__1wld4xf4 {
-  position: absolute;
-  top: 0;
-  width: var(--oj-c-size-units, 0.25rem);
-  z-index: 1;
-  display: block;
-  background-image: var(--imageVars_sparkleImg__odczjta);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
-.ListStyles_sparkleStyles_container__1wld4xf5 {
-  position: relative;
-}
-.ListStyles_skeletonStyles_container__1wld4xf6 {
   height: 100%;
-  overflow-x: hidden;
-  overflow-y: hidden;
-}
-.ListStyles_paddingStyles_allPadding__1wld4xf7 {
-  padding-top: var(--oj-c-PRIVATE-list-item-padding-vertical);
-  padding-bottom: var(--oj-c-PRIVATE-list-item-padding-vertical);
-  padding-inline-start: var(--oj-c-PRIVATE-list-item-padding-horizontal);
-  padding-inline-end: var(--oj-c-PRIVATE-list-item-padding-horizontal);
-}
-.ListStyles_paddingStyles_topItemPadding__1wld4xf8 {
-  padding-top: var(--oj-c-PRIVATE-list-item-padding-vertical);
-}
-.ListStyles_paddingStyles_bottomItemPadding__1wld4xf9 {
-  padding-bottom: var(--oj-c-PRIVATE-list-item-padding-vertical);
-}
-.ListStyles_paddingStyles_startItemPadding__1wld4xfa {
-  padding-inline-start: var(--oj-c-PRIVATE-list-item-padding-horizontal);
-}
-.ListStyles_paddingStyles_endItemPadding__1wld4xfb {
-  padding-inline-end: var(--oj-c-PRIVATE-list-item-padding-horizontal);
-}
-.ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xfc {
-  border-top-color: var(--oj-c-border-divider);
-}
-.ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xfe {
-  box-shadow: inset 0px -1px var(--oj-c-border-divider);
-}
-.ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfi {
-  background-color: var(--oj-c-surface-selected);
-}
-.ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfo {
-  outline-color: var(--oj-c-keyboard-outline-color);
-  outline-offset: calc(-1 * var(--oj-c-keyboard-outline-width));
-  outline-style: var(--oj-c-keyboard-outline-style);
-  outline-width: var(--oj-c-keyboard-outline-width);
-}
-.ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfw {
-  border-top-color: var(--oj-c-border-selected);
-  box-shadow: inset 0px -1px var(--oj-c-border-selected);
-}
-.ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfy:not(:active) {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listItemMultiVariantStyles_compound_3__1wld4xfz {
-  background-color: var(--oj-c-overlay-hover);
-}
-.ListStyles_listItemMultiVariantStyles_compound_4__1wld4xf10 {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listItemMultiVariantStyles_compound_6__1wld4xf12 {
-  background-image: 
-    linear-gradient(
-      var(--oj-c-collection-header-surface-selected),
-      var(--oj-c-collection-header-surface-selected)
-    ),
-    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  position: relative;
+  width: 100%;
+  z-index: 0;
 }
-@media (hover: hover) {
-  .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfx:hover:not(:active) {
-    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
-  .ListStyles_listItemMultiVariantStyles_compound_5__1wld4xf11:hover:not(:active) {
-    background-image: 
-    linear-gradient(
-      var(--oj-c-collection-header-surface-selected),
-      var(--oj-c-collection-header-surface-selected)
-    ),
-    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
+.ListStyles_listStyles_base__131gxbz0:focus {
+  outline-style: none;
 }

package/amd/MeterCircleVariants.styles.css

@@ -1,24 +1,24 @@
-.MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0 {
+.MeterCircleVariants_multiVariantStyles_size_sm__id92ht0 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-sm);
 }
-.MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1 {
+.MeterCircleVariants_multiVariantStyles_size_md__id92ht1 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-md);
 }
-.MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2 {
+.MeterCircleVariants_multiVariantStyles_size_lg__id92ht2 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-lg);
 }
-.MeterCircleVariants_multiVariantStyles_size_fit__1k0drkm3 {
+.MeterCircleVariants_multiVariantStyles_size_fit__id92ht3 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-fit);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm4 {
+.MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht4 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-sm);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm5 {
+.MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht5 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-md);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm6 {
+.MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht6 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-lg);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_fit__1k0drkm7 {
+.MeterCircleVariants_multiVariantStyles_trackSize_fit__id92ht7 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-fit);
 }

package/amd/MeterCircleVariants.styles2.css

@@ -1,24 +1,24 @@
-.MeterCircleVariants_multiVariantStyles_size_sm__id92ht0 {
+.MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-sm);
 }
-.MeterCircleVariants_multiVariantStyles_size_md__id92ht1 {
+.MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-md);
 }
-.MeterCircleVariants_multiVariantStyles_size_lg__id92ht2 {
+.MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-lg);
 }
-.MeterCircleVariants_multiVariantStyles_size_fit__id92ht3 {
+.MeterCircleVariants_multiVariantStyles_size_fit__1k0drkm3 {
   --size__1qest1m0: var(--oj-c-meter-circle-size-fit);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht4 {
+.MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm4 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-sm);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht5 {
+.MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm5 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-md);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht6 {
+.MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm6 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-lg);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_fit__id92ht7 {
+.MeterCircleVariants_multiVariantStyles_trackSize_fit__1k0drkm7 {
   --trackSize__1qest1m1: var(--oj-c-meter-circle-track-size-fit);
 }

package/amd/NavigationListExternalLinkItem-382cd5a2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-0efcad58'], (function(e,t,i){"use strict";e.NavigationListExternalLinkItem=function({itemKey:e,badge:a,icon:n,iconPosition:s="start",metadata:o,severity:r,label:m,href:l,target:c,isRemovable:g=!1,isDisabled:v=!1}){const b=v?{isDisabled:v}:{isRemovable:g};return t.jsx(i.BaseNavigationListItem,{navigationItemRole:"option",isExternalNavigationLinkItem:!0,itemKey:e,icon:n,iconPosition:s,label:m,badge:a,metadata:o,severity:r,...b,href:l,target:c})}}));
+//# sourceMappingURL=NavigationListExternalLinkItem-382cd5a2.js.map

package/amd/{NavigationListExternalLinkItem-3d98a9e8.js.map → NavigationListExternalLinkItem-382cd5a2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NavigationListExternalLinkItem-3d98a9e8.js","sources":["../../src/UNSAFE_NavigationList/NavigationListExternalLinkItem.tsx"],"sourcesContent":["import {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListExternalLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListExternalLinkItem, use other types of NavigationListItem instead.\n     */\n    href: string;\n    /**\n     * Sets the target for the hyperlink.\n     */\n    target?: 'self' | 'blank' | 'parent' | 'top';\n  };\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListExternalLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  icon,\n  iconPosition = 'start',\n  metadata,\n  severity,\n  label,\n  href,\n  target,\n  isRemovable = false,\n  isDisabled = false\n}: NavigationListExternalLinkItemProps<K>) {\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n  return (\n    <BaseNavigationListItem\n      navigationItemRole=\"option\"\n      isExternalNavigationLinkItem={true}\n      itemKey={itemKey}\n      icon={icon}\n      iconPosition={iconPosition}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      {...interactionProps}\n      href={href}\n      target={target}></BaseNavigationListItem>\n  );\n}\n"],"names":["itemKey","badge","icon","iconPosition","metadata","severity","label","href","target","isRemovable","isDisabled","interactionProps","_jsx","BaseNavigationListItem","navigationItemRole","isExternalNavigationLinkItem"],"mappings":"2IAmBgB,UAA0DA,QACxEA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,aACJA,EAAe,QAAOC,SACtBA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,KACLA,EAAIC,OACJA,EAAMC,YACNA,GAAc,EAAKC,WACnBA,GAAa,IAEb,MAAMC,EAAmBD,EAAa,CAAEA,cAAe,CAAED,eACzD,OACEG,MAACC,EAAsBA,uBAAA,CACrBC,mBAAmB,SACnBC,8BAA8B,EAC9Bf,QAASA,EACTE,KAAMA,EACNC,aAAcA,EACdG,MAAOA,EACPL,MAAOA,EACPG,SAAUA,EACVC,SAAUA,KACNM,EACJJ,KAAMA,EACNC,OAAQA,GAEd"}
+{"version":3,"file":"NavigationListExternalLinkItem-382cd5a2.js","sources":["../../src/UNSAFE_NavigationList/NavigationListExternalLinkItem.tsx"],"sourcesContent":["import {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListExternalLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> & {\n    /**\n     * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListExternalLinkItem, use other types of NavigationListItem instead.\n     */\n    href: string;\n    /**\n     * Sets the target for the hyperlink.\n     */\n    target?: 'self' | 'blank' | 'parent' | 'top';\n  };\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListExternalLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  icon,\n  iconPosition = 'start',\n  metadata,\n  severity,\n  label,\n  href,\n  target,\n  isRemovable = false,\n  isDisabled = false\n}: NavigationListExternalLinkItemProps<K>) {\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n  return (\n    <BaseNavigationListItem\n      navigationItemRole=\"option\"\n      isExternalNavigationLinkItem={true}\n      itemKey={itemKey}\n      icon={icon}\n      iconPosition={iconPosition}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      {...interactionProps}\n      href={href}\n      target={target}></BaseNavigationListItem>\n  );\n}\n"],"names":["itemKey","badge","icon","iconPosition","metadata","severity","label","href","target","isRemovable","isDisabled","interactionProps","_jsx","BaseNavigationListItem","navigationItemRole","isExternalNavigationLinkItem"],"mappings":"2IAmBgB,UAA0DA,QACxEA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,aACJA,EAAe,QAAOC,SACtBA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,KACLA,EAAIC,OACJA,EAAMC,YACNA,GAAc,EAAKC,WACnBA,GAAa,IAEb,MAAMC,EAAmBD,EAAa,CAAEA,cAAe,CAAED,eACzD,OACEG,MAACC,EAAsBA,uBAAA,CACrBC,mBAAmB,SACnBC,8BAA8B,EAC9Bf,QAASA,EACTE,KAAMA,EACNC,aAAcA,EACdG,MAAOA,EACPL,MAAOA,EACPG,SAAUA,EACVC,SAAUA,KACNM,EACJJ,KAAMA,EACNC,OAAQA,GAEd"}

package/amd/NavigationListLinkItem-8ed2c18d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-0efcad58', './NavigationList-fd5b6fe4'], (function(i,e,t,a){"use strict";i.NavigationListItem=function({itemKey:i,label:a,badge:s,metadata:o,severity:n,icon:l,iconPosition:m="start",isRemovable:r=!1,isDisabled:b=!1}){const c=b?{isDisabled:b}:{isRemovable:r};return e.jsx(t.BaseNavigationListItem,{itemKey:i,label:a,badge:s,metadata:o,severity:n,icon:l,iconPosition:m,...c})},i.NavigationListLinkItem=function({itemKey:i,badge:s,icon:o,iconPosition:n="start",metadata:l,severity:m,href:r,label:b,isRemovable:c=!1,isDisabled:d=!1,"aria-controls":v}){const{itemType:g}=a.useNavigationListItem({itemKey:i,isGroup:!1,isCollapsibleVariant:!1,isDisabled:d}),y="tabs"===g?"tab":"option",f=d?{isDisabled:d}:{isRemovable:c};return e.jsx(t.BaseNavigationListItem,{"aria-controls":v,navigationItemRole:y,itemKey:i,icon:o,iconPosition:n,label:b,badge:s,metadata:l,severity:m,...f,href:r})}}));
+//# sourceMappingURL=NavigationListLinkItem-8ed2c18d.js.map

package/amd/{NavigationListLinkItem-c4b2b73c.js.map → NavigationListLinkItem-8ed2c18d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NavigationListLinkItem-c4b2b73c.js","sources":["../../src/UNSAFE_NavigationList/NavigationListItem.tsx","../../src/UNSAFE_NavigationList/NavigationListLinkItem.tsx"],"sourcesContent":["import {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = PublicNavigationListItemProps<K>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity,\n  icon,\n  iconPosition = 'start',\n  isRemovable = false,\n  isDisabled = false\n}: NavigationListItemProps<K>) {\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      icon={icon}\n      iconPosition={iconPosition}\n      {...interactionProps}\n    />\n  );\n}\n","import {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { useNavigationListItem } from '../UNSAFE_NavigationListCommon/useNavigationListItem';\n\ntype AriaProps = {\n  /**\n   * Accepts the panel element's ID associated with the item\n   **/\n  'aria-controls'?: string;\n};\nexport type NavigationListLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> &\n    AriaProps & {\n      /**\n       * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListLinkItem, use other types of NavigationListItem instead.\n       */\n      href: string;\n    };\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  icon,\n  iconPosition = 'start',\n  metadata,\n  severity,\n  href,\n  label,\n  isRemovable = false,\n  isDisabled = false,\n  'aria-controls': ariaControls\n}: NavigationListLinkItemProps<K>) {\n  const { itemType } = useNavigationListItem({\n    itemKey,\n    isGroup: false,\n    isCollapsibleVariant: false,\n    isDisabled\n  });\n  // If navigationlist is used for internal navigation then this item will take up role tab else it will take up role option\n  const navigationListItemRole = itemType === 'tabs' ? 'tab' : 'option';\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n  return (\n    <BaseNavigationListItem\n      aria-controls={ariaControls}\n      navigationItemRole={navigationListItemRole}\n      itemKey={itemKey}\n      icon={icon}\n      iconPosition={iconPosition}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      {...interactionProps}\n      href={href}></BaseNavigationListItem>\n  );\n}\n"],"names":["itemKey","label","badge","metadata","severity","icon","iconPosition","isRemovable","isDisabled","interactionProps","_jsx","jsx","BaseNavigationListItem","href","ariaControls","itemType","useNavigationListItem","isGroup","isCollapsibleVariant","navigationListItemRole","navigationItemRole"],"mappings":"6JAOM,UAAwDA,QAC5DA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,aACJA,EAAe,QAAOC,YACtBA,GAAc,EAAKC,WACnBA,GAAa,IAEb,MAAMC,EAAmBD,EAAa,CAAEA,cAAe,CAAED,eAEzD,OACEG,EAAAC,IAACC,EAAsBA,uBAAA,CACrBZ,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,KAAMA,EACNC,aAAcA,KACVG,GAGV,2BCTgB,UAAkDT,QAChEA,EAAOE,MACPA,EAAKG,KACLA,EAAIC,aACJA,EAAe,QAAOH,SACtBA,EAAQC,SACRA,EAAQS,KACRA,EAAIZ,MACJA,EAAKM,YACLA,GAAc,EAAKC,WACnBA,GAAa,EACb,gBAAiBM,IAEjB,MAAMC,SAAEA,GAAaC,wBAAsB,CACzChB,UACAiB,SAAS,EACTC,sBAAsB,EACtBV,eAGIW,EAAsC,SAAbJ,EAAsB,MAAQ,SACvDN,EAAmBD,EAAa,CAAEA,cAAe,CAAED,eACzD,OACEG,MAACE,EAAAA,uBAAsB,CAAA,gBACNE,EACfM,mBAAoBD,EACpBnB,QAASA,EACTK,KAAMA,EACNC,aAAcA,EACdL,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,KACNK,EACJI,KAAMA,GAEZ"}
+{"version":3,"file":"NavigationListLinkItem-8ed2c18d.js","sources":["../../src/UNSAFE_NavigationList/NavigationListItem.tsx","../../src/UNSAFE_NavigationList/NavigationListLinkItem.tsx"],"sourcesContent":["import {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = PublicNavigationListItemProps<K>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity,\n  icon,\n  iconPosition = 'start',\n  isRemovable = false,\n  isDisabled = false\n}: NavigationListItemProps<K>) {\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      icon={icon}\n      iconPosition={iconPosition}\n      {...interactionProps}\n    />\n  );\n}\n","import {\n  BaseNavigationListItem,\n  PublicNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\nimport { useNavigationListItem } from '../UNSAFE_NavigationListCommon/useNavigationListItem';\n\ntype AriaProps = {\n  /**\n   * Accepts the panel element's ID associated with the item\n   **/\n  'aria-controls'?: string;\n};\nexport type NavigationListLinkItemProps<K extends string | number> =\n  PublicNavigationListItemProps<K> &\n    AriaProps & {\n      /**\n       * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListLinkItem, use other types of NavigationListItem instead.\n       */\n      href: string;\n    };\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  icon,\n  iconPosition = 'start',\n  metadata,\n  severity,\n  href,\n  label,\n  isRemovable = false,\n  isDisabled = false,\n  'aria-controls': ariaControls\n}: NavigationListLinkItemProps<K>) {\n  const { itemType } = useNavigationListItem({\n    itemKey,\n    isGroup: false,\n    isCollapsibleVariant: false,\n    isDisabled\n  });\n  // If navigationlist is used for internal navigation then this item will take up role tab else it will take up role option\n  const navigationListItemRole = itemType === 'tabs' ? 'tab' : 'option';\n  const interactionProps = isDisabled ? { isDisabled } : { isRemovable };\n  return (\n    <BaseNavigationListItem\n      aria-controls={ariaControls}\n      navigationItemRole={navigationListItemRole}\n      itemKey={itemKey}\n      icon={icon}\n      iconPosition={iconPosition}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      {...interactionProps}\n      href={href}></BaseNavigationListItem>\n  );\n}\n"],"names":["itemKey","label","badge","metadata","severity","icon","iconPosition","isRemovable","isDisabled","interactionProps","_jsx","jsx","BaseNavigationListItem","href","ariaControls","itemType","useNavigationListItem","isGroup","isCollapsibleVariant","navigationListItemRole","navigationItemRole"],"mappings":"6JAOM,UAAwDA,QAC5DA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,aACJA,EAAe,QAAOC,YACtBA,GAAc,EAAKC,WACnBA,GAAa,IAEb,MAAMC,EAAmBD,EAAa,CAAEA,cAAe,CAAED,eAEzD,OACEG,EAAAC,IAACC,EAAsBA,uBAAA,CACrBZ,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,KAAMA,EACNC,aAAcA,KACVG,GAGV,2BCTgB,UAAkDT,QAChEA,EAAOE,MACPA,EAAKG,KACLA,EAAIC,aACJA,EAAe,QAAOH,SACtBA,EAAQC,SACRA,EAAQS,KACRA,EAAIZ,MACJA,EAAKM,YACLA,GAAc,EAAKC,WACnBA,GAAa,EACb,gBAAiBM,IAEjB,MAAMC,SAAEA,GAAaC,wBAAsB,CACzChB,UACAiB,SAAS,EACTC,sBAAsB,EACtBV,eAGIW,EAAsC,SAAbJ,EAAsB,MAAQ,SACvDN,EAAmBD,EAAa,CAAEA,cAAe,CAAED,eACzD,OACEG,MAACE,EAAAA,uBAAsB,CAAA,gBACNE,EACfM,mBAAoBD,EACpBnB,QAASA,EACTK,KAAMA,EACNC,aAAcA,EACdL,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,KACNK,EACJI,KAAMA,GAEZ"}

package/amd/OverflowTabBar-9e7277f4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-34e0073f', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-88d9b328', './TabBarLinkItem-7b5b5b73', './TabBarItem-60866864', './OverflowTabBarItem-7d80beed'], (function(e,a,t,l,r,s,i,o,n,c,d){"use strict";e.OverflowTabBar=function({items:e,layout:b="stretch",display:m="standard",size:u="md",edge:f="top",selection:y,truncation:v,onSelect:I,onRemove:g,"aria-label":h,"aria-labelledby":B,contextMenuConfig:T,testId:p}){const w="stacked"===m?{display:m}:{display:m,size:u},x=l.useRef(null),[K,O]=l.useState(t.createRef()),R=l.useCallback((e=>{O({current:e})}),[]),[k,j]=l.useState(!1),M=l.useRef(!1),S=l.useCallback((e=>{"more"===e.value?M.current?j(!1):j(!0):I?.(e),M.current=!1}),[I]),C=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:z,overflowItemKeys:A,maxWidths:D}=o.useDetectHorizontalOverflow({rootRef:K,keysArray:C,isTruncationDisabled:!(v&&"progressive"===v)}),N=r.classNames([i.styles.overflowTabBarBase]);return a.jsx("div",{ref:x,class:N,children:a.jsxs(s.TabBar,{ref:R,selection:y,onSelect:S,...w,layout:b,edge:f,onRemove:g,"aria-label":h,"aria-labelledby":B,testId:p,contextMenuConfig:T,children:[null!=z&&z.length>0&&e.filter((e=>z?.includes(e.itemKey))).map((e=>null!=e.href?a.jsx(n.TabBarLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:D?.get(e.itemKey)}):a.jsx(c.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,isRemovable:e.isRemovable,"aria-controls":e.tabPanelId,labelMaxWidth:D?.get(e.itemKey)}))),null!=A&&A.length>0&&a.jsx(d.OverflowTabBarItem,{isOpen:k,onClose:e=>{K.current&&["itemAction","dismissed"].includes(e.reason)&&K?.current?.focus(),"outsideMousedown"===e.reason&&(M.current=!0),j(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>A?.includes(e.itemKey)))})]})})}}));
+//# sourceMappingURL=OverflowTabBar-9e7277f4.js.map

package/amd/OverflowTabBar-9e7277f4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTabBar-9e7277f4.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, TabBar, TabBarItem, TabBarLinkItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  contextMenuConfig,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tabBarRef is callback-based to meet useResizeObserver hook's state management requirements.\n  const [tabBarRef, setTabBarRef] = useState(createRef<HTMLDivElement>());\n  const tabBarRefCallback = useCallback((node: HTMLDivElement | null) => {\n    setTabBarRef({ current: node });\n  }, []);\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRefCallback}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}\n        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  isRemovable={item.isRemovable}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","contextMenuConfig","testId","displayProps","rootRef","useRef","tabBarRef","setTabBarRef","useState","createRef","tabBarRefCallback","useCallback","node","current","isDropDownOpen","setIsDropDownOpen","isOutsideMouseDown","handleSelect","e","value","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","jsxs","TabBar","length","filter","includes","href","jsx","TabBarLinkItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","TabBarItem","isRemovable","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"4WA0B0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,kBACjCA,EAAiBC,OACjBA,IAEA,MAQMC,EAA2B,YAAZX,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFW,EAAUC,SAAuB,OAGhCC,EAAWC,GAAgBC,EAAAA,SAASC,EAAAA,aACrCC,EAAoBC,eAAaC,IACrCL,EAAa,CAAEM,QAASD,GAAO,GAC9B,KAEIE,EAAgBC,GAAqBP,EAAQA,UAAU,GAExDQ,EAAqBX,UAAgB,GAYrCY,EAAeN,eAClBO,IACiB,SAAZA,EAAEC,MAEAH,EAAmBH,QACrBE,GAAkB,GAElBA,GAAkB,GAGpBlB,IAAWqB,GAEbF,EAAmBH,SAAU,CAAK,GAEpC,CAAChB,IAKGuB,EAAYC,EAAAA,SAAQ,IAAM/B,EAAMgC,KAAKC,GAASA,EAAKC,WAAiB,CAAClC,KAErEmC,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFxB,QAASE,EACTc,YACAS,uBAAwBjC,GAA6B,gBAAfA,KAGlCkC,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,IAAK,MAAA,CAAAC,IAAK/B,EAASgC,MAAON,EAAmBO,SAC3CC,EAACC,KAAAC,EAAMA,QACLL,IAAKzB,EACLf,UAAWA,EACXE,SAAUoB,KACNd,EACJZ,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,oBACKC,EACjBE,OAAQA,EACRD,kBAAmBA,EAAiBoC,SAAA,CAChB,MAAnBZ,GACCA,EAAgBgB,OAAS,GACzBnD,EACGoD,QAAQnB,GAASE,GAAiBkB,SAASpB,EAAKC,WAChDF,KAAKC,GACS,MAAbA,EAAKqB,KACHV,EAAAW,IAACC,iBACC,CAAAF,KAAMrB,EAAKqB,KACXpB,QAASD,EAAKC,QACduB,MAAOxB,EAAKwB,MACZC,KAAMzB,EAAKyB,KACXC,MAAO1B,EAAK0B,MACZC,SAAU3B,EAAK2B,SACfC,SAAU5B,EAAK4B,yBACA5B,EAAK6B,WACpBC,cAAe1B,GAAW2B,IAAI/B,EAAKC,WAGrCU,EAAAW,IAACU,aACC,CAAA/B,QAASD,EAAKC,QACduB,MAAOxB,EAAKwB,MACZC,KAAMzB,EAAKyB,KACXC,MAAO1B,EAAK0B,MACZC,SAAU3B,EAAK2B,SACfC,SAAU5B,EAAK4B,SACfK,YAAajC,EAAKiC,4BACHjC,EAAK6B,WACpBC,cAAe1B,GAAW2B,IAAI/B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBe,OAAS,GACrDP,MAACuB,EAAAA,mBACC,CAAAC,OAAQ5C,EACR6C,QAvFWzC,IACfZ,EAAUO,SAAW,CAAC,aAAc,aAAa8B,SAASzB,EAAE0C,SAC9DtD,GAAWO,SAASgD,QAEL,qBAAb3C,EAAE0C,SACJ5C,EAAmBH,SAAU,GAE/BE,GAAkB,EAAM,EAiFhB+C,gBA7Dc,OA8DdC,cAAezE,EAAMoD,QAAQnB,GAASG,GAAkBiB,SAASpB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-7d80beed.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-1be27606', './clientHints-dabdb010', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './NavigationList-fd5b6fe4', './NavigationListLinkItem-8ed2c18d', './UNSAFE_Text/themes/TextStyles.css', './Flex-026e94ca', './logger-00b673c5', 'preact', './LayerHost-e32470d1', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-13ad7944', 'css!./IconStyle.styles.css', './EmbeddedIconButton-2630c4ed', './ExpandableContext-9f96f74d', './View-ef57c267', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './NavigationListContext-1fc6d48d', './safeHref-e764caa8', 'css!./NavigationListSeparator.styles.css', './OverflowH-74d3bc28', './useTabBarContext-15a23bb6', './Dropdown-59b63c9b', './Sheet-57c508aa', './TabBarItem-60866864', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css'], (function(e,t,s,a,o,n,i,l,r,c,d,m,u,b,v,f,p,g,h,y,x,N,I,T,w,C,S,L,B,R,F,j,k,E,O,A){"use strict";const K=()=>{const{deviceRenderMode:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:d,overflowItems:m,isOpen:u,onClose:b}){const{selection:v,showFocusRing:f,isEdgeBottom:p,onSelect:g,onRemove:h,layout:y}=j.useTabBarContext(),x=s.useRef(!1),N=s.useRef(null);s.useEffect((()=>{u||(x.current=!1,N.current=null)}),[u]);const I=s.useRef(null),T=s.useRef(null),w=s.useCallback((e=>{"pointer"===e.reason&&(x.current=!0),g?.({value:e.value}),b?.({reason:"itemAction"})}),[g,b]),C=s.useCallback((e=>{b?.({reason:e.reason})}),[b]),S=s.useCallback((()=>{b?.({reason:"dismissed"})}),[b]),L=f&&!x.current&&!K(),B=m?.find((e=>e.itemKey===v))?.tabPanelId,R=a.useTranslationBundle("@oracle/oraclejet-preact"),U=void 0!==v&&(_=v,null!=m?.find((e=>e.itemKey===_)));var _;const H=n.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===y?"1 0 auto":"0 0 auto"}),D=l.classNames([A.styles.navContainerBase]),V="pointer"===N.current&&u,P=V?"none":"firstFocusable",M=s.useRef(null),q=s.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),T.current?.focus())}),[T]),z=s.useCallback((()=>t.jsx("div",{tabIndex:V?0:-1,onKeyDown:q,ref:M,class:D,children:t.jsx(r.NavigationList,{itemType:"tabs",ref:T,selected:v,onSelectedChange:w,onRemove:h,children:m?.map((e=>null!=e.href?t.jsx(c.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity,isRemovable:e.isRemovable}):t.jsx(c.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity,isRemovable:e.isRemovable})))})})),[q,D,V,v,w,h,m]);return t.jsxs(t.Fragment,{children:[m&&m.length>0&&t.jsx("div",{ref:I,style:H,children:t.jsx(O.BaseTabBarItem,{"aria-controls":B,itemKey:e,label:R.overflowItemLabel(),icon:o||t.jsx(F.SvgOverflowH,{}),badge:d,showFocusRingOverride:L,selectionOverride:U,displayOverride:"icons","aria-haspopup":!0,onPointerSelect:({value:e})=>{N.current=e?"pointer":"keyboard"}})}),K()?t.jsx(E.Sheet,{isOpen:u,onClose:S,initialFocus:P,children:z()}):t.jsx(k.Dropdown,{initialFocus:P,isOpen:u,onClose:C,onTransitionEnd:e=>{e&&"pointer"===N.current&&M.current?.focus()},placement:p?"top-end":"bottom-end",anchorRef:I,children:z()})]})}}));
+//# sourceMappingURL=OverflowTabBarItem-7d80beed.js.map