@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/amd/InputDateMask-55fcbf50.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDateMask-55fcbf50.js","sources":["../../src/UNSAFE_InputDateMask/DateSegment.tsx","../../src/UNSAFE_InputDateMask/LiteralSegment.tsx","../../src/UNSAFE_InputDateMask/dateReducer.ts","../../src/UNSAFE_InputDateMask/useDateFieldHandlers.ts","../../src/UNSAFE_InputDateMask/DateField.tsx","../../src/UNSAFE_InputDateMask/useDateField.ts","../../src/UNSAFE_InputDateMask/InputDateMaskContext.ts","../../src/UNSAFE_InputDateMask/InputDateMask.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { DateFieldAction } from './dateReducer';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { EditableDateSegment } from './types';\nimport { isBackspaceOrDelete, isSelectAll } from '#utils/PRIVATE_keyboardUtils';\nimport { isNumberOnlyString } from '#utils/PRIVATE_dayUtils';\nimport { segmentStyles } from './themes/SegmentStyles.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype AriaProps = Pick<\n  AriaAttributesSignalExcluded,\n  'aria-label' | 'aria-valuemax' | 'aria-valuemin' | 'aria-valuenow' | 'aria-valuetext'\n>;\n\ntype Props = AriaProps & {\n  /** A ref that is provided for the first segment in a date field. */\n  inputRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * True if the segment is complete in the sense that it contains a complete valid value.\n   * For instance, entering '0' and then '1-9' is considered a complete value for month and day.\n   * Also true if typing any additional digit would cause the segment value to exceed the max.\n   */\n  isComplete?: boolean;\n\n  /**\n   * True if the segment is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * True if the segment should be hidden.\n   */\n  isHidden?: boolean;\n\n  /**\n   * True if the segment is highlighted.\n   */\n  isHighlighted?: boolean;\n\n  /**\n   * True if the segment is invalid.\n   */\n  isInvalid?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   */\n  isRequired?: boolean;\n\n  /**\n   * True if the segment is selected.\n   */\n  isSelected?: boolean;\n\n  /**\n   * Placeholder displayed when the segment has no display value.\n   */\n  placeholder?: string;\n\n  /**\n   * The text to display for this segment.\n   */\n  text?: string;\n\n  /**\n   * The segment of a calendar date which is being represented, i.e. the month, day, or year.\n   */\n  type: EditableDateSegment;\n\n  /**\n   * Callback invoked when a change to the segment is requested via user action, such as typing\n   * a new value or pressing the Backspace or Delete keys.\n   */\n  onChange?: (action: DateFieldAction) => void;\n};\n\n// Used to disable browser cut and paste, which don't really work with segments (copy is fine).\nconst preventDefaultHandler = (e: Event) => {\n  e.preventDefault();\n};\n\nconst isIos = () => getClientHints().platform === 'ios';\n\n/**\n * A DateSegment renders a part of a calendar date, e.g. the day, month, or year.\n * It can be used as a spinbutton to step or spin its value.\n */\nexport const DateSegment = ({\n  'aria-label': ariaLabel,\n  'aria-valuemax': ariaValueMax,\n  'aria-valuemin': ariaValueMin,\n  'aria-valuenow': ariaValueNow,\n  'aria-valuetext': ariaValueText,\n  inputRef,\n  isComplete,\n  isDisabled,\n  isHidden,\n  isHighlighted,\n  isInvalid,\n  isRequired,\n  isSelected,\n  onChange,\n  placeholder,\n  text,\n  type\n}: Props) => {\n  const hasDisplayValue = text && text.length > 0;\n  const rootClasses = classNames([\n    segmentStyles.base,\n    isSelected && segmentStyles.selected,\n    isHighlighted && segmentStyles.highlighted\n  ]);\n  const placeholderClasses = classNames([\n    segmentStyles.placeholder,\n    isHidden || hasDisplayValue ? segmentStyles.hidden : segmentStyles.notHidden\n  ]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const emptySegmentValueText = translations.inputDateMask_empty_segment();\n\n  // If a ref was passed in, use it, otherwise get a ref.\n  const sRef = useRef<HTMLDivElement>(null);\n  const segmentRef = inputRef ?? sRef;\n\n  const hasLeadingZero = useRef<boolean>(false);\n  const { locale } = useUser();\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (\n        isDisabled ||\n        event.key === 'Tab' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight' ||\n        event.key === 'Enter' ||\n        isSelectAll(event)\n      ) {\n        // Let the event pass through.\n        return;\n      }\n\n      if (isHighlighted) {\n        // If date is selected, ignore edits and let backspace/delete pass through to clear.\n        if (isBackspaceOrDelete(event) || event.key === 'Backspace') {\n          return;\n        }\n      } else if (event.key === '0' && (isComplete || text === undefined)) {\n        // Typing '0' is considered a leading zero if the segment is complete, in which case\n        // the user is typing a new value, or if there is no current value.\n        hasLeadingZero.current = true;\n      } else if (isNumberOnlyString(event.key)) {\n        onChange?.({\n          actionType: 'updateSegment',\n          data: { type, text: event.key, hasLeadingZero: hasLeadingZero.current, locale }\n        });\n        hasLeadingZero.current = false;\n      } else if (isBackspaceOrDelete(event) || event.key === 'Backspace') {\n        // Android sends Backspace as event.key, not event.code, so check for it.\n        onChange?.({ actionType: 'clearSegment', data: { type } });\n        hasLeadingZero.current = false;\n      } else if (event.key === 'ArrowUp') {\n        onChange?.({ actionType: 'step', data: { direction: 'increase', locale, type } });\n        hasLeadingZero.current = false;\n      } else if (event.key === 'ArrowDown') {\n        onChange?.({ actionType: 'step', data: { direction: 'decrease', locale, type } });\n        hasLeadingZero.current = false;\n      } else if (event.key === 'PageUp') {\n        onChange?.({ actionType: 'page', data: { direction: 'increase', locale, type } });\n        hasLeadingZero.current = false;\n      } else if (event.key === 'PageDown') {\n        onChange?.({ actionType: 'page', data: { direction: 'decrease', locale, type } });\n        hasLeadingZero.current = false;\n      } else if (event.key === 'Home') {\n        onChange?.({ actionType: 'goToHome', data: { locale, type } });\n        hasLeadingZero.current = false;\n      } else if (event.key === 'End') {\n        onChange?.({ actionType: 'goToEnd', data: { locale, type } });\n        hasLeadingZero.current = false;\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [isComplete, isDisabled, isHighlighted, locale, onChange, text, type]\n  );\n\n  // Used to focus the segment when isSelected is true.\n  useEffect(() => {\n    if (isSelected) {\n      segmentRef.current?.focus();\n    }\n  }, [isSelected, segmentRef]);\n\n  // This attribute is used to distinguish between segments when clicked (see DateField.tsx).\n  const customDataAttribute = { 'data-segment': [type] };\n\n  // If ariaValueText is undefined, substitute a string that indicates the segment is empty.\n  // If ariaValueNow and ariaValueText represent the same value, omit the value text; this\n  // is the same as what we do in NumberInputText.\n  const valueText =\n    ariaValueText === undefined\n      ? emptySegmentValueText\n      : ariaValueNow?.toString() === ariaValueText\n      ? undefined\n      : ariaValueText;\n\n  return (\n    // Introduce a div wrapper around the contentEditable element to prevent it from grabbing focus.\n    // https://stackoverflow.com/questions/34354085/clicking-outside-a-contenteditable-div-stills-give-focus-to-it\n    // JET-64874: We change the segment's role to \"textbox\" on iOS to work around a VoiceOver bug.\n    <div>\n      <div\n        ref={segmentRef}\n        role={isIos() ? 'textbox' : 'spinbutton'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || undefined}\n        aria-label={ariaLabel}\n        aria-required={isRequired}\n        aria-valuemin={isIos() ? undefined : ariaValueMin}\n        aria-valuemax={isIos() ? undefined : ariaValueMax}\n        aria-valuenow={isIos() ? undefined : ariaValueNow}\n        aria-valuetext={isIos() ? undefined : valueText}\n        autocapitalize=\"off\"\n        autocorrect=\"off\"\n        class={rootClasses}\n        contentEditable={!isDisabled}\n        {...customDataAttribute}\n        enterkeyhint={isDisabled ? undefined : 'done'}\n        inputMode={isDisabled ? 'none' : 'numeric'}\n        onCut={preventDefaultHandler}\n        onKeyDown={onKeyDown}\n        onPaste={preventDefaultHandler}\n        spellcheck={false}\n        tabIndex={isSelected ? 0 : -1}>\n        <span aria-hidden=\"true\" class={placeholderClasses} {...customDataAttribute}>\n          {placeholder}\n        </span>\n        {text}\n      </div>\n    </div>\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 { classNames } from '#utils/UNSAFE_classNames';\nimport { segmentStyles } from './themes/SegmentStyles.css';\n\ntype Props = {\n  /**\n   * True if the segment should be hidden.\n   */\n  isHidden?: boolean;\n\n  /**\n   * True if the segment should be highlighted.\n   */\n  isHighlighted?: boolean;\n\n  /**\n   * True if the literal is part of a date placeholder, such as mm/dd/yyyy.\n   * If the date is partially specified or complete, this is false.\n   */\n  isPlaceholder?: boolean;\n\n  /**\n   * The text to display for this segment.\n   */\n  text: string;\n};\n\n/**\n * LiteralSegment is used to represent a literal separator in a calendar date,\n * such as the '/' in 11/29/2023.\n */\nexport const LiteralSegment = ({ isHidden, isHighlighted, isPlaceholder, text }: Props) => {\n  const spanClasses = classNames([\n    segmentStyles.literalBase,\n    isPlaceholder && segmentStyles.placeholder,\n    isHighlighted && segmentStyles.highlighted,\n    isHidden ? segmentStyles.hidden : segmentStyles.notHidden\n  ]);\n\n  return (\n    <span aria-hidden=\"true\" class={spanClasses}>\n      {text}\n    </span>\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 { DateFieldState, DateSegmentState } from './useDateField';\nimport { BCP47Locale } from '#UNSAFE_IntlDateTime';\nimport { CalendarDate, EditableDateSegment, IsoMonth } from './types';\nimport { getMonthName, getTodayAsCalendarDate } from '#utils/PRIVATE_dayUtils';\nimport { getDaysInMonth, getMonthsInYear, MAX_ISO_YEAR } from '#utils/UNSAFE_calendarDateUtils';\n\ntype DateFieldActionData = Partial<DateSegmentState> & {\n  direction?: 'increase' | 'decrease';\n  hasLeadingZero?: boolean;\n  locale?: BCP47Locale;\n};\n\ntype DateFieldAction = {\n  actionType:\n    | 'clearDate'\n    | 'clearSegment'\n    | 'commit'\n    | 'goToEnd'\n    | 'goToHome'\n    | 'page'\n    | 'selectDateOrSegment'\n    | 'selectFirst'\n    | 'selectNext'\n    | 'selectPrevious'\n    | 'selectSegment'\n    | 'step'\n    | 'updateSegment';\n  data?: DateFieldActionData;\n};\n\ntype ResetAction = {\n  actionType: 'reset';\n  data: DateFieldState;\n};\n\ntype DateReducerAction = DateFieldAction | ResetAction;\n\n/**\n * Reducer function for updating DateFieldState per the specified DateFieldAction.\n * @param state\n * @param action\n */\nconst dateReducer = (state: DateFieldState, action: DateReducerAction) => {\n  // On mount, the reducer is initialized with initial state derived from the DateField's value.\n  // If that value is changed programmatically afterwards, the only way to push that update\n  // into the reducer is to define a \"reset\" action.\n  if (action.actionType === 'reset') {\n    return action.data;\n  }\n\n  const segmentType = action.data?.type!;\n  const segmentState = findSegment(state.segments, segmentType);\n\n  switch (action.actionType) {\n    case 'clearDate': {\n      const updatedSegments = selectFirst(clearDate(state.segments), state.orderedSegments);\n      return createDateFieldStateWithSelectedDate(state, updatedSegments, false);\n    }\n    case 'clearSegment': {\n      const updatedSegment = clearSegment(segmentState);\n      return createDateFieldState(state, segmentType, updatedSegment);\n    }\n    case 'commit': {\n      const updatedSegments = clearSelectionAndComplete(state.segments);\n      return createDateFieldStateWithSelectedDate(state, updatedSegments, false);\n    }\n    case 'goToEnd': {\n      const updatedSegment = goToEnd(\n        segmentType,\n        segmentState,\n        state.segments,\n        action.data?.locale!\n      );\n      return createDateFieldState(state, segmentType, updatedSegment, false);\n    }\n    case 'goToHome': {\n      const updatedSegment = goToHome(\n        segmentType,\n        segmentState,\n        state.segments,\n        action.data?.locale!\n      );\n      return createDateFieldState(state, segmentType, updatedSegment, false);\n    }\n    case 'page': {\n      const direction = action.data?.direction;\n      const locale = action.data?.locale!;\n      const updatedSegment = doStepOrPage(\n        segmentType,\n        segmentState,\n        state.segments,\n        'page',\n        direction,\n        locale\n      );\n      return createDateFieldState(state, segmentType, updatedSegment, false);\n    }\n    case 'selectDateOrSegment': {\n      return selectDateOrSegment(state);\n    }\n    case 'selectFirst': {\n      const updatedSegments = selectFirst(state.segments, state.orderedSegments);\n      return createDateFieldStateWithSelectedDate(state, updatedSegments, false);\n    }\n    case 'selectNext': {\n      const updatedSegments = selectNext(state.segments, state.orderedSegments);\n      return createDateFieldStateWithSelectedDate(state, updatedSegments, false);\n    }\n    case 'selectPrevious': {\n      const updatedSegments = selectPrevious(state.segments, state.orderedSegments);\n      return createDateFieldStateWithSelectedDate(state, updatedSegments, false);\n    }\n    case 'selectSegment': {\n      const updatedSegments = selectSegment(state.segments, segmentType);\n      return createDateFieldStateWithSelectedDate(state, updatedSegments, false);\n    }\n    case 'step': {\n      const direction = action.data?.direction;\n      const locale = action.data?.locale!;\n      const updatedSegment = doStepOrPage(\n        segmentType,\n        segmentState,\n        state.segments,\n        'step',\n        direction,\n        locale\n      );\n      return createDateFieldState(state, segmentType, updatedSegment, false);\n    }\n    case 'updateSegment': {\n      const updatedSegment = updateSegment(segmentType, segmentState, action, state.segments);\n      return createDateFieldState(state, segmentType, updatedSegment);\n    }\n    default: {\n      throw new Error('Unknown action type');\n    }\n  }\n};\n\nconst stringToNumber = (s: string) => +s;\nconst numberToString = (n: number) => n.toString();\nconst withinRange = (n: number, min: number, max: number) => n >= min && n <= max;\n\nconst findSegment = (segments: DateSegmentState[], type: EditableDateSegment): DateSegmentState => {\n  return segments.find((segment) => segment.type === type)!;\n};\n\n// A segment is considered complete if appending a zero to the current value causes it\n// to exceed the max. For instance, if you type 2-9 into month or 4-9 into day, the\n// segment is complete because you can't type any more digits and have it be a valid value.\nconst isSegmentComplete = (val: number, max: number) => {\n  const num = stringToNumber(numberToString(val) + '0');\n  return num > max;\n};\n\n// A date is considered complete if all of its segments have values.\nconst isDateComplete = (allSegments: DateSegmentState[]) => {\n  return allSegments.every((seg) => seg.text && seg.text.length > 0);\n};\n\n// A date is considered a partial date if at least one segment has a value.\nconst isPartialDate = (allSegments: DateSegmentState[]) => {\n  return allSegments.some((seg) => seg['aria-valuenow'] !== undefined);\n};\n\n// Construct a calendar date that reflects the values of each segment.\n// If none of the segments have a value, return undefined.\nconst createCalendarDateFromSegments = (segments: DateSegmentState[]) => {\n  const hasAnySegmentWithAValue = isPartialDate(segments);\n  if (!hasAnySegmentWithAValue) {\n    return undefined;\n  }\n\n  // This returns something that looks like [ {month: 12}, {day: 25}, {year: 2020} ].\n  // Note: we use the aria-valuenow to get the current value as a number (not string).\n  const segmentValues = segments.map((seg) => {\n    return { [seg.type]: seg['aria-valuenow'] };\n  });\n\n  // Iterate over segmentValues and spread each value to get {month: 12, day:25, year: 2020}.\n  const iterator = segmentValues.values();\n  let cd: CalendarDate = {};\n  for (const segValue of iterator) {\n    cd = { ...cd, ...segValue };\n  }\n  return cd;\n};\n\n// Find the current value for year.\nconst getYearValue = (segments: DateSegmentState[]) => {\n  const yearState = findSegment(segments, 'year');\n  return yearState['aria-valuenow'];\n};\n\n// Find the current value for month.\nconst getMonthValue = (segments: DateSegmentState[]) => {\n  const monthState = findSegment(segments, 'month');\n  return monthState['aria-valuenow'] as IsoMonth;\n};\n\n// Determine the aria-valuetext for the given month, which includes the month name.\nconst getMonthAria = (locale: BCP47Locale, month: IsoMonth, year: number | undefined) => {\n  const monthName = getMonthName(locale, month, year ?? '*', 'long');\n  return `${month} - ${monthName}`;\n};\n\n// Return a copy of the ordered segments array.\nconst getOrderedSegments = (currentState: DateFieldState) => {\n  return [...currentState.orderedSegments];\n};\n\n// Replace the updated segment and return a new DateSegmentState[].\nconst replaceDateSegment = (\n  existingSegments: DateSegmentState[],\n  updatedSegmentType: EditableDateSegment,\n  updatedSegment: DateSegmentState\n) => {\n  return existingSegments.map((seg) => (seg.type === updatedSegmentType ? updatedSegment : seg));\n};\n\n// Return a new DateSegmentState[] that reflects changes across all segments.\n// When you change the month this can affect the day, for instance.\nconst createDateSegmentStates = (\n  existingSegments: DateSegmentState[],\n  orderedSegments: EditableDateSegment[],\n  updatedSegmentType: EditableDateSegment,\n  updatedSegment: DateSegmentState,\n  autoAdvance: boolean\n) => {\n  const modifiedSegments = replaceDateSegment(existingSegments, updatedSegmentType, updatedSegment);\n  let updatedSegments = modifiedSegments;\n\n  if (updatedSegmentType === 'month' || updatedSegmentType === 'year') {\n    // If month was changed, update the day as needed; this includes adjusting the\n    // day value if it now exceeds the max number of days in the month.\n    // If year was changed, that can also affect the max number of days (if month is February).\n    const daySeg = findSegment(modifiedSegments, 'day');\n    if (daySeg) {\n      const monthValue =\n        updatedSegmentType == 'month'\n          ? (updatedSegment['aria-valuenow'] as IsoMonth)\n          : getMonthValue(modifiedSegments);\n      const yearValue =\n        updatedSegmentType === 'year'\n          ? updatedSegment['aria-valuenow']\n          : getYearValue(modifiedSegments);\n      const dayMax = getDaysInMonth(monthValue ?? '*', yearValue ?? '*');\n      const currentDay = daySeg['aria-valuenow'];\n      const dayValue = !!currentDay && currentDay > dayMax ? dayMax : currentDay;\n      const dayValueStr = !!dayValue ? numberToString(dayValue) : undefined;\n      const updatedDaySeg = {\n        ...daySeg,\n        'aria-valuemax': dayMax,\n        'aria-valuenow': dayValue,\n        'aria-valuetext': dayValueStr,\n        text: dayValueStr\n      };\n      updatedSegments = replaceDateSegment(modifiedSegments, 'day', updatedDaySeg);\n    }\n  }\n\n  // If the updatedSegment is complete, automatically select the next segment.\n  updatedSegments =\n    updatedSegment.isComplete && autoAdvance\n      ? selectNext(updatedSegments, orderedSegments)\n      : updatedSegments;\n\n  return updatedSegments;\n};\n\n// Construct a new DateFieldState from a set of updated segments.\nconst createDateFieldStateFromSegments = (\n  currentState: DateFieldState,\n  updatedSegments: DateSegmentState[]\n) => {\n  return {\n    currentDate: createCalendarDateFromSegments(updatedSegments),\n    isCompleteDate: isDateComplete(updatedSegments),\n    isDateSelected: currentState.isDateSelected,\n    isPartialDate: isPartialDate(updatedSegments),\n    orderedSegments: getOrderedSegments(currentState),\n    segments: updatedSegments\n  };\n};\n\n// Construct a new DateFieldState given an updated segment, which may affect other segments.\nconst createDateFieldState = (\n  currentState: DateFieldState,\n  updatedSegmentType: EditableDateSegment,\n  updatedSegment: DateSegmentState,\n  autoAdvance = true\n): DateFieldState => {\n  const updatedSegments = createDateSegmentStates(\n    currentState.segments,\n    currentState.orderedSegments,\n    updatedSegmentType,\n    updatedSegment,\n    autoAdvance\n  );\n\n  return createDateFieldStateFromSegments(currentState, updatedSegments);\n};\n\n// Return a new copy of the segment with the value cleared.\nconst clearSegment = (segmentState: DateSegmentState) => {\n  return {\n    ...segmentState,\n    'aria-valuetext': undefined,\n    'aria-valuenow': undefined,\n    text: undefined,\n    isComplete: false\n  };\n};\n\n// Return a new copy of segments with all values cleared and aria-valuemax adjusted.\nconst clearDate = (segments: DateSegmentState[]) => {\n  return segments.map((segmentState) => {\n    const cleared = clearSegment(segmentState);\n    const valueMax =\n      cleared.type === 'year'\n        ? MAX_ISO_YEAR\n        : cleared.type === 'month'\n        ? getMonthsInYear('*')\n        : getDaysInMonth('*', '*');\n    return { ...cleared, 'aria-valuemax': valueMax };\n  });\n};\n\n// Return a new copy of the segment with updated values.\nconst updateSegment = (\n  segmentType: EditableDateSegment,\n  segmentState: DateSegmentState,\n  action: DateFieldAction,\n  segments: DateSegmentState[]\n) => {\n  const actionText = action.data?.text!;\n  const hasLeadingZero = action.data?.hasLeadingZero;\n  const locale = action.data?.locale!;\n  const minValue = segmentState['aria-valuemin']!;\n  const maxValue = segmentState['aria-valuemax']!;\n  const wasComplete = segmentState.isComplete;\n\n  // If the segment was already complete, replace any existing text with actionText.\n  // Otherwise append actionText onto existing text to get the requested string.\n  // For instance if the existing text is '1' and actionText (i.e. that the user typed)\n  // is '2' then requestedValStr is '12'.\n  const requestedValStr = wasComplete ? actionText : segmentState.text + actionText;\n\n  // If the requested value is out of range, discard the existing text/value and only\n  // keep the new one. Check if the segment is complete.\n  const requestedVal = stringToNumber(requestedValStr);\n  const inRange = withinRange(requestedVal, minValue, maxValue);\n  const newValStr = inRange ? requestedValStr : actionText;\n  const newVal = inRange ? requestedVal : stringToNumber(actionText);\n  const isComplete =\n    isSegmentComplete(newVal, maxValue) || (!!hasLeadingZero && segmentType !== 'year');\n\n  // For month changes, aria-valuetext includes the month name.\n  const ariaValueText =\n    segmentType === 'month'\n      ? getMonthAria(locale, newVal as IsoMonth, getYearValue(segments))\n      : newValStr;\n\n  // Create a new segment state that reflects the updated value.\n  return {\n    ...segmentState,\n    'aria-valuetext': ariaValueText,\n    'aria-valuenow': newVal,\n    text: newValStr,\n    isComplete\n  };\n};\n\n// Return a new DateSegmentState[] where the specified segment is selected, all others cleared.\nconst selectSegment = (segments: DateSegmentState[], segmentType: EditableDateSegment) => {\n  return segments.map((seg) => {\n    return { ...seg, isSelected: seg.type === segmentType ? true : false };\n  });\n};\n\n// Return a new DateSegmentState[] where the first segment is selected.\nconst selectFirst = (segments: DateSegmentState[], orderedSegments: EditableDateSegment[]) => {\n  return selectSegment(segments, orderedSegments[0]);\n};\n\n// Find the index of the selected segment in the ordered list; return -1 if there is no selection.\nconst getSelectedSegmentIndex = (\n  segments: DateSegmentState[],\n  orderedSegments: EditableDateSegment[]\n) => {\n  const sel = segments.find((seg) => seg.isSelected === true);\n  return sel === undefined ? -1 : orderedSegments.findIndex((type) => type === sel.type);\n};\n\n// Convenience function to mark the selected segment complete.\nconst markSelectedSegmentComplete = (segments: DateSegmentState[]) => {\n  return segments.map((seg) => (seg.isSelected ? { ...seg, isComplete: true } : seg));\n};\n\n// Select the segment following the one that is currently selected.\nconst selectNext = (segments: DateSegmentState[], orderedSegments: EditableDateSegment[]) => {\n  const selectedIndex = getSelectedSegmentIndex(segments, orderedSegments);\n  const max = orderedSegments.length - 1;\n\n  // If we're already at the last position, do nothing. Note if nothing was currently selected\n  // then selectedIndex is -1. The first segment will be selected.\n  return selectedIndex === max\n    ? segments\n    : selectSegment(markSelectedSegmentComplete(segments), orderedSegments[selectedIndex + 1]);\n};\n\n// Select the segment prior to the one that is currently selected.\nconst selectPrevious = (segments: DateSegmentState[], orderedSegments: EditableDateSegment[]) => {\n  const selectedIndex = getSelectedSegmentIndex(segments, orderedSegments);\n  return selectedIndex === 0\n    ? segments\n    : selectedIndex === -1\n    ? selectFirst(segments, orderedSegments)\n    : selectSegment(markSelectedSegmentComplete(segments), orderedSegments[selectedIndex - 1]);\n};\n\n// Return a new DateSegmentState[] where all segments are unselected and any values are\n// marked complete. We want to do this when the user commits the DateField value (on blur).\nconst clearSelectionAndComplete = (segments: DateSegmentState[]) => {\n  return segments.map((seg) => {\n    return { ...seg, isSelected: false, isComplete: !!seg.text };\n  });\n};\n\n// Return a new DateSegmentState[] where all segments are unselected.\nconst clearSelection = (segments: DateSegmentState[]) => {\n  return segments.map((seg) => {\n    return { ...seg, isSelected: false };\n  });\n};\n\n// Return a new DateFieldState where the entire date is selected if the date is complete,\n// or the first segment is selected.\nconst selectDateOrSegment = (currentState: DateFieldState) => {\n  if (currentState.isCompleteDate) {\n    return createDateFieldStateWithSelectedDate(\n      currentState,\n      clearSelection(currentState.segments),\n      true\n    );\n  } else {\n    const updatedSegments = selectFirst(currentState.segments, currentState.orderedSegments);\n    return createDateFieldStateFromSegments(currentState, updatedSegments);\n  }\n};\n\n// Create a new DateFieldState from the updatedSegments and isDateSelected params.\nconst createDateFieldStateWithSelectedDate = (\n  currentState: DateFieldState,\n  updatedSegments: DateSegmentState[],\n  isDateSelected: boolean\n) => {\n  return {\n    currentDate: createCalendarDateFromSegments(updatedSegments),\n    isCompleteDate: isDateComplete(updatedSegments),\n    isDateSelected,\n    isPartialDate: isPartialDate(updatedSegments),\n    orderedSegments: getOrderedSegments(currentState),\n    segments: updatedSegments\n  };\n};\n\nconst YEAR_HOME_VALUE = 1900;\nconst YEAR_END_VALUE = 2100;\n\n// If a segment is empty, use today's date as a starting point for any step or page action.\nconst getDefaultSegmentValue = (segmentType: EditableDateSegment) => {\n  const { year: yearDefault, month: monthDefault, day: dayDefault } = getTodayAsCalendarDate();\n  const defaults = { year: yearDefault, month: monthDefault, day: dayDefault };\n  return defaults[segmentType];\n};\n\n// Get the minimum value for the segment.\nconst getHomeSegmentValue = (segmentType: EditableDateSegment, segmentState: DateSegmentState) => {\n  return segmentType === 'year' ? YEAR_HOME_VALUE : segmentState['aria-valuemin']!;\n};\n\n// Get the maximum value for the segment (for year, this is YEAR_END_VALUE).\nconst getEndSegmentValue = (segmentType: EditableDateSegment, segmentState: DateSegmentState) => {\n  return segmentType === 'year' ? YEAR_END_VALUE : segmentState['aria-valuemax']!;\n};\n\n// Return the result of stepping currentValue in the requested direction, taking into account min and max.\nconst getSteppedSegmentValue = (\n  currentValue: number,\n  direction: DateFieldActionData['direction'],\n  min: number,\n  max: number\n) => {\n  const newValue =\n    direction === 'increase'\n      ? currentValue + 1 > max\n        ? min\n        : currentValue + 1\n      : currentValue - 1 < min\n      ? max\n      : currentValue - 1;\n  return newValue;\n};\n\n// Return the result of paging the value up or down, taking into account min and max.\nconst getPagedSegmentValue = (\n  currentValue: number,\n  direction: DateFieldActionData['direction'],\n  min: number,\n  max: number,\n  segmentType: EditableDateSegment\n) => {\n  const step = segmentType === 'month' ? 2 : segmentType === 'year' ? 5 : 7;\n  const newValue =\n    direction === 'increase'\n      ? currentValue + step > max\n        ? (currentValue + step) % max\n        : currentValue + step\n      : currentValue - step < min\n      ? currentValue - step + max\n      : currentValue - step;\n  return newValue;\n};\n\n// Create a new segment with an updated value from a keyboard action such as step, page, Home, or End.\nconst createSegmentFromKeyboardAction = (\n  newVal: number,\n  locale: BCP47Locale,\n  segmentType: EditableDateSegment,\n  segmentState: DateSegmentState,\n  segments: DateSegmentState[]\n) => {\n  const newValStr = numberToString(newVal);\n  // For month changes, aria-valuetext includes the month name.\n  const ariaValueText =\n    segmentType === 'month'\n      ? getMonthAria(locale, newVal as IsoMonth, getYearValue(segments))\n      : newValStr;\n\n  // Create a new segment state that reflects the updated value.\n  // After any keyboard action, the value is complete so that if the user types anything,\n  // it will replace the stepped value.\n  return {\n    ...segmentState,\n    'aria-valuetext': ariaValueText,\n    'aria-valuenow': newVal,\n    text: newValStr,\n    isComplete: true\n  };\n};\n\n// Set the segment to its minimum value.\nconst goToHome = (\n  segmentType: EditableDateSegment,\n  segmentState: DateSegmentState,\n  segments: DateSegmentState[],\n  locale: BCP47Locale\n) => {\n  const newValue = getHomeSegmentValue(segmentType, segmentState);\n  return createSegmentFromKeyboardAction(newValue, locale, segmentType, segmentState, segments);\n};\n\n// Set the segment to its maximum value.\nconst goToEnd = (\n  segmentType: EditableDateSegment,\n  segmentState: DateSegmentState,\n  segments: DateSegmentState[],\n  locale: BCP47Locale\n) => {\n  const newValue = getEndSegmentValue(segmentType, segmentState);\n  return createSegmentFromKeyboardAction(newValue, locale, segmentType, segmentState, segments);\n};\n\n// Step or page a segment's value.\nconst doStepOrPage = (\n  segmentType: EditableDateSegment,\n  segmentState: DateSegmentState,\n  segments: DateSegmentState[],\n  type: 'step' | 'page',\n  direction: DateFieldActionData['direction'],\n  locale: BCP47Locale\n) => {\n  const valueNow = segmentState['aria-valuenow'];\n  const min = segmentState['aria-valuemin']!;\n  const max = segmentState['aria-valuemax']!;\n  const newValue =\n    valueNow === undefined\n      ? getDefaultSegmentValue(segmentType)\n      : type === 'page'\n      ? getPagedSegmentValue(valueNow, direction, min, max, segmentType)\n      : getSteppedSegmentValue(valueNow, direction, min, max);\n\n  return createSegmentFromKeyboardAction(newValue, locale, segmentType, segmentState, segments);\n};\n\nexport { dateReducer, getMonthAria, numberToString, stringToNumber };\nexport type { DateFieldAction, DateFieldActionData };\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 { Dispatch, MutableRef, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DateFieldAction } from './dateReducer';\nimport { DateFieldState } from './useDateField';\nimport { CalendarDate, EditableDateSegment } from './types';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { isBackspaceOrDelete, isSelectAll } from '#utils/PRIVATE_keyboardUtils';\nimport { InputDateMask } from './InputDateMask';\nimport { useDoubleTap } from '#hooks/UNSAFE_useDoubleTap';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\n\ntype Props = {\n  dateResetRef: MutableRef<boolean>;\n  direction: 'ltr' | 'rtl';\n  dispatch: Dispatch<DateFieldAction>;\n  groupRef?: RefObject<HTMLDivElement>;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  isInputFocused?: boolean;\n  onCommit: InputDateMaskProps['onCommit'];\n  onInput: InputDateMaskProps['onInput'];\n  state: DateFieldState;\n  value?: CalendarDate;\n};\n\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * A hook that creates various handlers and manages effects for a DateField.\n */\nconst useDateFieldHandlers = ({\n  dateResetRef,\n  direction,\n  dispatch,\n  groupRef,\n  isDisabled,\n  isFocused,\n  isInputFocused,\n  onCommit,\n  onInput,\n  state,\n  value: currentValue\n}: Props) => {\n  const { tabbableModeProps } = useTabbableMode();\n  const { tabIndex: tabbableModeIndex } = tabbableModeProps;\n  const anySegmentSelected = state.segments.some((segment) => !!segment.isSelected);\n\n  // If any segment is selected, it is contenteditable=true and it has the focus. If you shift-Tab, you will\n  // land on the outer div (DateField) first meaning it takes 2 shift-tab keys to get the previous element.\n  // To prevent this, if any segment is selected the tabindex on the div is set to -1.\n  // We also need to set tabindex to -1 for the disabled case, since we are dealing with a div instead\n  // of an intrinsic input and have to handle it directly.\n  const updatedTabIndex = tabbableModeIndex === -1 || anySegmentSelected || isDisabled ? -1 : 0;\n\n  // Keep track of the last changed and last committed date values.\n  const lastDateRef = useRef<CalendarDate | undefined>(state.currentDate);\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(state.currentDate);\n  // Keep track whether the date was cleared.\n  const dateClearedRef = useRef<boolean>(false);\n  const lastFocusedRef = useRef<boolean>(!!isFocused);\n\n  // If the value was programmatically changed (see useDateField.ts), then update the\n  // last changed and last committed date refs to stay in sync.\n  // currentValue is the controlled value passed from the parent.\n  if (dateResetRef.current) {\n    lastDateRef.current = currentValue;\n    lastCommittedDateRef.current = currentValue;\n  }\n\n  // Handle requested segment changes by calling the reducer dispatch function.\n  const onChange = useCallback(\n    (action: DateFieldAction) => {\n      dispatch(action);\n    },\n    [dispatch]\n  );\n\n  // If the user clicked on a segment, dispatch a request to select it.\n  // If they clicked on the date field itself, select the first segment.\n  const onClick = useCallback(\n    (e: Event) => {\n      const segmentType = (e.target as HTMLElement).getAttribute(\n        'data-segment'\n      ) as EditableDateSegment;\n      !!segmentType\n        ? dispatch({ actionType: 'selectSegment', data: { type: segmentType } })\n        : dispatch({ actionType: 'selectFirst' });\n    },\n    [dispatch]\n  );\n\n  // If complete, select the date.\n  const selectAll = useCallback(\n    (isGroupFocus = true) => {\n      if (state.isCompleteDate) {\n        dispatch({ actionType: 'selectDateOrSegment' });\n        // Focus can end up in different places depending on if the user selected a segment\n        // first (via click or arrow key), and then did select all. To make shift-tabbing\n        // consistent in all cases, set focus to the group when selecting the date.\n        isGroupFocus && groupRef?.current?.focus();\n      }\n    },\n    [dispatch, groupRef, state.isCompleteDate]\n  );\n\n  const onDoubleClick = useCallback(() => {\n    selectAll();\n  }, [selectAll]);\n\n  const onDoubleTap = useCallback(\n    (e: Event) => {\n      const segmentType = (e.target as HTMLElement).getAttribute(\n        'data-segment'\n      ) as EditableDateSegment;\n\n      // Only do select all if a segment was double tapped, which means the\n      // mobile keyboard will stay up.\n      !!segmentType && selectAll(false);\n    },\n    [selectAll]\n  );\n\n  const doubleTapHandlers = useDoubleTap({ onDoubleTap: onDoubleTap, onSingleTap: onClick });\n\n  // Handle arrow key navigation between segments. If no segment is currently selected, then select the first one.\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (\n        (direction === 'ltr' && event.key === 'ArrowLeft') ||\n        (direction === 'rtl' && event.key === 'ArrowRight')\n      ) {\n        // Select the previous segment when pressing Left arrow (or Right arrow in rtl).\n        dispatch({ actionType: 'selectPrevious' });\n        event.stopPropagation();\n      } else if (\n        (direction === 'ltr' && event.key === 'ArrowRight') ||\n        (direction === 'rtl' && event.key === 'ArrowLeft')\n      ) {\n        // Select the next segment when pressing Right arrow (or Left arrow in rtl).\n        dispatch({ actionType: 'selectNext' });\n        event.stopPropagation();\n      } else if (\n        (isBackspaceOrDelete(event) || event.key === 'Backspace') &&\n        state.isDateSelected\n      ) {\n        // Clear the entire date.\n        dispatch({ actionType: 'clearDate' });\n        dateClearedRef.current = true;\n        // Kill the event to prevent weird issue with placeholders getting deleted on iOS only.\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n      } else if (isSelectAll(event)) {\n        selectAll();\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === 'Enter') {\n        // Hitting Enter commits any changes.\n        if (calendarDatesAreDifferent(lastCommittedDateRef.current, lastDateRef.current)) {\n          // Call onCommit only if the value is different.\n          onCommit?.({ value: lastDateRef.current });\n          lastCommittedDateRef.current = lastDateRef.current;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [direction, dispatch, onCommit, selectAll, state.isDateSelected]\n  );\n\n  // Blurring commits the date value; clear any selected segments and mark non-empty segments as complete.\n  useEffect(() => {\n    if (lastFocusedRef.current && !isFocused) {\n      dispatch({ actionType: 'commit' });\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, lastDateRef.current)) {\n        // Call onCommit only if the value is different.\n        onCommit?.({ value: lastDateRef.current });\n        lastCommittedDateRef.current = lastDateRef.current;\n      }\n    }\n    lastFocusedRef.current = !!isFocused;\n  }, [dispatch, isFocused, onCommit]);\n\n  // If you try to call onInput from onChange directly it doesn't work. The value of\n  // state.currentDate is from the current render, not the render *after* the dispatch.\n  // So wait for the state to finish updating.\n  useEffect(() => {\n    if (\n      calendarDatesAreDifferent(lastDateRef.current, state.currentDate) &&\n      !dateResetRef.current\n    ) {\n      const frozenDate =\n        state.currentDate !== undefined\n          ? Object.freeze({ ...state.currentDate })\n          : state.currentDate;\n      onInput({ value: frozenDate });\n      lastDateRef.current = frozenDate;\n    }\n    dateResetRef.current = false;\n  }, [onInput, state.currentDate, dateResetRef]);\n\n  // The following is a simplified version of how we detect keyboard vs. mouse focus\n  // in the useCollectionFocusRing hook. If the user tabs onto the field, we want to\n  // automatically select the first segment.\n  const recentPointerRef = useRef<boolean>(false);\n  const pointerDownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const onPointerDown = () => {\n    recentPointerRef.current = true;\n    clearTimeout(pointerDownTimerRef.current);\n\n    pointerDownTimerRef.current = setTimeout(() => {\n      recentPointerRef.current = false;\n    }, 200);\n  };\n\n  useEffect(() => {\n    // If we receive focus that is *not* due to the user clicking in the field, i.e. the user\n    // tabbed onto the field, then select the first segment.\n    // Note: we cannot check isFocused because it includes the ? icon in compact UAD, and we don't\n    // want the date selected when the help icon is focused.\n    isInputFocused && !recentPointerRef.current && dispatch({ actionType: 'selectFirst' });\n\n    // If we lose focus due to the keyboard, i.e. shift-tabbing onto the compact UAD help icon,\n    // then 'commit' which will clear any selected segments.\n    !isInputFocused && !recentPointerRef.current && dispatch({ actionType: 'commit' });\n    recentPointerRef.current = false;\n  }, [dispatch, isInputFocused]);\n\n  const handlers = isMobile()\n    ? { ...doubleTapHandlers, onKeyDown }\n    : { onClick, onDoubleClick, onKeyDown, onPointerDown };\n\n  return {\n    dateClearedRef,\n    dateFieldHandlers: isDisabled ? {} : handlers,\n    segmentHandlers: isDisabled ? {} : { onChange },\n    tabIndex: updatedTabIndex\n  };\n};\n\nexport { useDateFieldHandlers };\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 { useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { DateSegment } from './DateSegment';\nimport { DateSegmentState } from './useDateField';\nimport { Flex } from '#UNSAFE_Flex';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InputDateMask } from './InputDateMask';\nimport { LiteralSegment } from './LiteralSegment';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useDateField } from './useDateField';\nimport { useDateFieldHandlers } from './useDateFieldHandlers';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport type { DatePlaceholders, EditableDateSegment } from './types';\nimport { formatFullCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\n\ntype AriaProps = Pick<\n  AriaAttributesSignalExcluded,\n  'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby'\n>;\n\ntype HTMLElementProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'onBlur' | 'onFocus'>;\n\nexport type Props = AriaProps &\n  HTMLElementProps & {\n    /**\n     * A base id prefix.\n     */\n    baseId: string;\n\n    /**\n     * A ref to the element that receives focus when the field's label is clicked,\n     * or when the component is toggled between readonly and enabled. This is the\n     * first segment in the field.\n     */\n    fieldRef?: RefObject<HTMLDivElement>;\n\n    /**\n     * Specifies the smallest date unit that is displayed by the component.\n     * If set to month, only month and year are shown.\n     * If set to day then month, day, and year are shown.\n     */\n    granularity?: InputDateMaskProps['granularity'];\n\n    /**\n     * True if the component has an inside label.\n     */\n    hasInsideLabel?: boolean;\n\n    /**\n     * Specifies for accessibility purposes whether a value is required.\n     */\n    isRequired?: InputDateMaskProps['isRequired'];\n\n    /**\n     * The placeholder masks used by the date field.\n     */\n    masks: DatePlaceholders;\n\n    /**\n     * Specifies how to align text within the field.\n     */\n    textAlign?: InputDateMaskProps['textAlign'];\n\n    /**\n     * The current display value of the component.\n     */\n    value?: InputDateMaskProps['value'];\n\n    /**\n     * The style variant of the component.\n     */\n    variant?: InputDateMaskProps['variant'];\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     */\n    onInput: InputDateMaskProps['onInput'];\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     */\n    onCommit: InputDateMaskProps['onCommit'];\n  };\n\nconst findSegment = (segments: DateSegmentState[], type: EditableDateSegment): DateSegmentState => {\n  return segments.find((segment) => segment.type === type)!;\n};\n\n/**\n * Container for Segment children that represent different parts of a date with no time.\n */\nconst DateField = ({\n  'aria-describedby': describedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  baseId,\n  fieldRef,\n  granularity = 'day',\n  hasInsideLabel,\n  isRequired,\n  masks: dateMasks,\n  onBlur,\n  onCommit,\n  onFocus,\n  onInput,\n  textAlign,\n  value,\n  variant = 'default'\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const announceDateCleared = translations.inputDateMask_date_cleared();\n  const labels = {\n    month: translations.formControl_month(),\n    day: translations.formControl_day(),\n    year: translations.formControl_year()\n  };\n\n  const { direction, locale } = useUser();\n\n  const { isDisabled, isFocused, isInputFocused } = useFormFieldContext();\n  const hasValue = value !== undefined;\n\n  // DateField is similar to TextFieldInput for styling. The main difference\n  // is TextFieldInput renders a textarea or input and DateField renders a div, so the positioning with\n  // padding is different. DateField and TextFieldInput are both the mainContent\n  // of a TextField component.\n  const { classes } = useComponentTheme<TextFieldInputVariantOptions>(TextFieldInputRedwoodTheme, {\n    type: 'notPassword',\n    styleVariant: variant,\n    textarea: 'notTextArea',\n    input: 'notInput',\n    div: 'isDiv',\n    prefix: 'noPrefix',\n    suffix: 'noSuffix',\n    startContent: 'noStartContent',\n    endContent: 'noEndContent',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    value: hasValue ? 'hasValue' : 'noValue',\n    focused: isFocused ? 'isFocused' : 'notFocused',\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n  });\n\n  const compClasses = classNames([classes]);\n\n  const { state, dispatch, dateResetRef } = useDateField({\n    ariaLabels: labels,\n    dateMasks,\n    granularity,\n    locale,\n    value\n  });\n  const { isDateSelected, isPartialDate, segments: editableSegments } = state;\n  const yearSegment = findSegment(editableSegments, 'year');\n  const monthSegment = findSegment(editableSegments, 'month');\n  const daySegment = granularity === 'day' ? findSegment(editableSegments, 'day') : undefined;\n  const segmentsMap = {\n    year: yearSegment,\n    month: monthSegment,\n    day: daySegment\n  };\n\n  const groupRef = useRef<HTMLDivElement>(null);\n  const { dateClearedRef, dateFieldHandlers, segmentHandlers, tabIndex } = useDateFieldHandlers({\n    dateResetRef,\n    direction,\n    dispatch,\n    groupRef,\n    isDisabled,\n    isFocused,\n    isInputFocused,\n    onCommit,\n    onInput,\n    state,\n    value\n  });\n\n  // Like other form components, don't show placeholders for inside labels unless focused.\n  // This flag causes the segment placeholders to be hidden.\n  const isHidden = value === undefined && hasInsideLabel && !isFocused;\n\n  // If the date is complete, create a hidden accessible region with the full formatted date.\n  const formattedDateStr = !state.isCompleteDate\n    ? ''\n    : formatFullCalendarDate(locale, state.currentDate!, granularity);\n\n  const formattedDateAriaId = `${baseId}-date`;\n  const formattedDateAria = state.isCompleteDate ? (\n    <HiddenAccessible id={formattedDateAriaId}>{formattedDateStr}</HiddenAccessible>\n  ) : undefined;\n  const ariaDescribedBy = state.isCompleteDate\n    ? merge([describedBy, formattedDateAriaId])\n    : describedBy;\n\n  // Add an announcement to the live region if the date was cleared.\n  // Note: we deliberately do not reset dateClearedRef because there are multiple\n  // rerenders after clearing the date and we want to make sure the announcement\n  // has time to be heard.\n  const announceText = dateClearedRef.current ? announceDateCleared : '';\n\n  // firstSegmentType is 'day', 'month', or 'year' and is used to determine\n  // where to put the fieldRef.\n  const firstSegmentType = state.orderedSegments[0];\n\n  return (\n    <div\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      class={compClasses}\n      onFocusIn={onFocus}\n      onFocusOut={onBlur}\n      ref={groupRef}\n      role=\"group\"\n      tabIndex={tabIndex}\n      {...dateFieldHandlers}>\n      <Flex direction=\"row\" wrap=\"nowrap\" justify={textAlign}>\n        {dateMasks.map(({ type, value: placeholder }) => {\n          const segmentProps = type !== 'literal' ? segmentsMap[type] : {};\n          if (type === 'literal') {\n            return (\n              <LiteralSegment\n                isHidden={isHidden}\n                isHighlighted={isDateSelected}\n                isPlaceholder={!isPartialDate}\n                text={placeholder}></LiteralSegment>\n            );\n          } else {\n            return (\n              <DateSegment\n                inputRef={type === firstSegmentType ? fieldRef : undefined}\n                isDisabled={isDisabled}\n                isInvalid={!!ariaInvalid}\n                isHidden={isHidden}\n                isHighlighted={isDateSelected}\n                isRequired={isRequired}\n                placeholder={placeholder}\n                type={type}\n                {...segmentHandlers}\n                {...segmentProps}></DateSegment>\n            );\n          }\n        })}\n      </Flex>\n      {formattedDateAria}\n      <LiveRegion>{announceText}</LiveRegion>\n    </div>\n  );\n};\n\nexport { DateField, findSegment };\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 { ComponentProps } from 'preact';\nimport { useReducer, useRef } from 'preact/hooks';\nimport { BCP47Locale } from '#UNSAFE_IntlDateTime';\nimport { DateField } from './DateField';\nimport { CalendarDate, DateGranularity, DatePlaceholders, EditableDateSegment } from './types';\nimport { DateSegment } from './DateSegment';\nimport { dateReducer, getMonthAria, numberToString } from './dateReducer';\nimport { calendarDatesAreDifferent } from '../utils/PRIVATE_dayUtils';\nimport {\n  getDaysInMonth,\n  getMonthsInYear,\n  MIN_ISO_YEAR,\n  MAX_ISO_YEAR,\n  MIN_ISO_DAY,\n  MIN_ISO_MONTH\n} from '../utils/UNSAFE_calendarDateUtils';\n\ntype DateFieldType = ComponentProps<typeof DateField>;\n\ntype useDateFieldProps = {\n  ariaLabels: Record<EditableDateSegment, string>;\n  dateMasks: DatePlaceholders;\n  granularity: DateGranularity;\n  locale: BCP47Locale;\n  value: DateFieldType['value'];\n};\n\ntype DateSegmentState = Readonly<ComponentProps<typeof DateSegment>>;\n\ntype DateFieldState = {\n  readonly currentDate: CalendarDate | undefined;\n  readonly isCompleteDate: boolean;\n  readonly isDateSelected: boolean;\n  readonly isPartialDate: boolean;\n  readonly orderedSegments: EditableDateSegment[];\n  readonly segments: DateSegmentState[];\n};\n\n/**\n * Hook that returns a DateFieldState and a dispatch method to request changes to that state.\n */\nconst useDateField = ({\n  ariaLabels,\n  dateMasks,\n  granularity,\n  locale,\n  value: currentValue\n}: useDateFieldProps) => {\n  // Construct an ordered list of the editable segments, i.e. ['month', 'day', 'year'].\n  const fdm = dateMasks.filter(({ type }) => type !== 'literal');\n  const orderedSegments = fdm.map(({ type }) => type) as EditableDateSegment[];\n\n  // Derive some data from currentValue that will become part of our initial state.\n  const yearValue = currentValue?.year;\n  const monthValue = currentValue?.month;\n  const dayValue = currentValue?.day;\n  const monthMax = getMonthsInYear(yearValue ?? '*');\n  const dayMax = getDaysInMonth(monthValue ?? '*', yearValue ?? '*');\n  const isCompleteDate = !!yearValue && !!monthValue && (granularity === 'month' || !!dayValue);\n  const isPartialDate = !!yearValue || !!monthValue || !!dayValue;\n  const yearValueStr = yearValue ? numberToString(yearValue) : undefined;\n  const monthValueStr = monthValue ? numberToString(monthValue) : undefined;\n  const dayValueStr = dayValue ? numberToString(dayValue) : undefined;\n  const monthAria = monthValue ? getMonthAria(locale, monthValue, yearValue) : undefined;\n\n  const daySeg = [\n    {\n      type: 'day' as EditableDateSegment,\n      'aria-label': ariaLabels.day,\n      'aria-valuemin': MIN_ISO_DAY,\n      'aria-valuemax': dayMax,\n      'aria-valuenow': dayValue,\n      'aria-valuetext': dayValueStr,\n      isComplete: !!dayValue,\n      isSelected: false,\n      text: dayValueStr\n    }\n  ];\n\n  // Create state for each editable segment of a date, i.e. year, month, or day.\n  const editableSegments = [\n    {\n      type: 'year' as EditableDateSegment,\n      'aria-label': ariaLabels.year,\n      'aria-valuemin': MIN_ISO_YEAR,\n      'aria-valuemax': MAX_ISO_YEAR,\n      'aria-valuenow': yearValue,\n      'aria-valuetext': yearValueStr,\n      isComplete: !!yearValue,\n      isSelected: false,\n      text: yearValueStr\n    },\n    {\n      type: 'month' as EditableDateSegment,\n      'aria-label': ariaLabels.month,\n      'aria-valuemin': MIN_ISO_MONTH,\n      'aria-valuemax': monthMax,\n      'aria-valuenow': monthValue,\n      'aria-valuetext': monthAria,\n      isComplete: !!monthValue,\n      isSelected: false,\n      text: monthValueStr\n    },\n    ...(granularity === 'day' ? daySeg : [])\n  ];\n\n  // Create the initial state to pass to our reducer.\n  const initialState: DateFieldState = {\n    currentDate: currentValue,\n    isCompleteDate,\n    isDateSelected: false,\n    isPartialDate,\n    orderedSegments,\n    segments: editableSegments\n  };\n\n  const [state, dispatch] = useReducer(dateReducer, initialState);\n\n  // currentValue is the controlled value passed from the parent.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n  const dateResetRef = useRef<boolean>(false);\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.currentDate)) {\n      dispatch({ actionType: 'reset', data: initialState });\n      dateResetRef.current = true;\n    }\n  }\n\n  return { dateResetRef, dispatch, state };\n};\n\nexport { useDateField };\nexport type { DateFieldState, DateSegmentState };\n","import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\ntype InputDateMaskContextProps = {\n  isInputDatePickerParent: boolean;\n  isDropdownOpen: boolean;\n};\n\n/**\n * Context used to indicate when the component is being used in\n * composition within some parent, such as InputDatePicker.\n */\nconst InputDateMaskContext = createContext<InputDateMaskContextProps>({\n  isInputDatePickerParent: false,\n  isDropdownOpen: false\n});\n\nconst useInputDateMaskContext = () => useContext(InputDateMaskContext);\n\nexport { InputDateMaskContext, useInputDateMaskContext };\nexport type { InputDateMaskContextProps };\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, Ref, RefObject } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useMemo, useRef } from 'preact/hooks';\n\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport type { CalendarDate, DatePlaceholders } from './types';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { DateField } from './DateField';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { getDatePlaceholderMasks, formatShortCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { translateCustomMasks } from '#utils/PRIVATE_dayUtils';\nimport { Label } from '#UNSAFE_Label';\nimport { ReadonlyTextField, ReadonlyTextFieldInput, TextField } from '#UNSAFE_TextField';\nimport { Size } from '#utils/UNSAFE_size';\nimport { TextFieldContent } from '#UNSAFE_TextField/TextFieldContent';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { TextProps } from '#utils/UNSAFE_interpolations/text';\nimport { useFocusableTextField, FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useInputDateMaskContext } from './InputDateMaskContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype TextFieldContentProps = ComponentProps<typeof TextFieldContent>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n\n  /**\n   * Use this property to provide content for the end slot, such as a calendar icon.\n   */\n  endContent?: TextFieldContentProps['endContent'];\n\n  /**\n   * Specifies the smallest date unit that is displayed by the component.\n   * If set to month, only month and year are shown.\n   * If set to day then month, day, and year are shown.\n   */\n  granularity?: 'month' | 'day';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: boolean;\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * A ref to the component field. This can be used when you are composing with InputDateMask\n   * and need to provide an anchor ref to a floating component.\n   */\n  mainFieldRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * If specified, overrides the locale specific order of the individual date segments as\n   * well as the locale specific separator. The value of each placeholder is only used\n   * when the type is 'literal', otherwise it is replaced with a translated placeholder\n   * for month, day, or year. If masks are specified and granularity = day, then the\n   * placeholders must include month, day, and year. If granularity = month, then the\n   * placeholders must include month and year, but not day.\n   */\n  masks?: DatePlaceholders;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  /**\n   * The current display value of the component.\n   */\n  value?: CalendarDate;\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: 'default' | 'embedded';\n\n  /**\n   * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\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   */\n  onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n};\n\n/**\n * An InputDateMask allows you to edit the month, day, and year fields of a calendar date.\n */\nexport const InputDateMask = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      endContent,\n      granularity = 'day',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      mainFieldRef,\n      messages,\n      masks,\n      testId,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant,\n      onCommit,\n      onInput\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const enabledElementRef = useRef<HTMLDivElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLDivElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    useImperativeHandle(ref!, () => focusMethods, [focusMethods]);\n\n    const { isDropdownOpen, isInputDatePickerParent } = useInputDateMaskContext();\n    const isComponentFocused = isFocused || (isInputDatePickerParent && isDropdownOpen);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps: origLabelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused: isComponentFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n\n    // When using a div with role=group (i.e. DateField), you need aria-labelledby instead of a\n    // for-id association with a label. Remove forId and id and use aria-labelledby instead.\n    const { forId, ...labelProps } = origLabelProps;\n    const { id, ...dateFieldProps } = inputProps;\n    const ariaLabelledBy = labelProps.id;\n    // Because we don't use for-id, clicking the label does not automatically focus the field.\n    // We have to do it manually.\n    const onClick = useCallback(() => {\n      enabledElementRef.current?.focus();\n    }, [enabledElementRef]);\n\n    const labelComp =\n      labelEdge !== 'none' ? (\n        <Label {...(!isDisabled && !isReadonly ? { onClick } : {})} {...labelProps}>\n          {label}\n        </Label>\n      ) : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const aRef = useRef<HTMLDivElement>(null);\n    const anchorRef = mainFieldRef ?? aRef;\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const { locale } = useUser();\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const monthPlaceholder = translations.inputDateMask_monthPlaceholder();\n    const dayPlaceholder = translations.inputDateMask_dayPlaceholder();\n    const yearPlaceholder = translations.inputDateMask_yearPlaceholder();\n\n    // The DatePlaceholders type already ensures the masks contain the right placeholders,\n    // for either full calendar dates or month-year dates. This check ensures the masks,\n    // if provided, match the granularity. E.g. for granularity=month, you should pass\n    // month and year placeholders, and a separator.\n    if (\n      masks &&\n      ((granularity === 'day' && masks.length !== 5) ||\n        (granularity === 'month' && masks.length !== 3))\n    ) {\n      throw new Error('Specified masks must match the granularity');\n    }\n\n    const dateMasks = useMemo(() => {\n      // Determine the locale specific placeholder masks and separators in the correct order\n      // for the locale, unless a custom set of masks was passed in. Each mask represents a\n      // placeholder for a segment of a date (i.e. mm/dd/yyyy). Memoize because we shouldn't\n      // need to recreate this data often.\n      const placeholderMasks = masks\n        ? translateCustomMasks(masks, monthPlaceholder, dayPlaceholder, yearPlaceholder)\n        : getDatePlaceholderMasks(\n            locale,\n            granularity,\n            monthPlaceholder,\n            dayPlaceholder,\n            yearPlaceholder\n          );\n\n      return placeholderMasks;\n    }, [masks, locale, granularity, dayPlaceholder, monthPlaceholder, yearPlaceholder]);\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            testId={testId}\n            mainContent={\n              <ReadonlyTextFieldInput\n                aria-describedby={dateFieldProps['aria-describedby']}\n                aria-label={ariaLabel}\n                aria-labelledby={labelProps.id}\n                as=\"div\"\n                elementRef={readonlyElementRef}\n                textAlign={textAlign}\n                value={\n                  value === undefined ? '' : formatShortCalendarDate(value, granularity, dateMasks)\n                }\n                hasEmptyLabel={label === '' && labelEdge === 'none'}\n                hasInsideLabel={hasInsideLabel}\n              />\n            }\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // The main content inside TextField is a DateField (not TextFieldInput) in this case.\n    // We reuse the TextField building blocks and hooks, but recompose them.\n    const mainContent = (\n      <DateField\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        baseId={baseId}\n        fieldRef={enabledElementRef}\n        granularity={granularity}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        isRequired={isRequired}\n        masks={dateMasks}\n        onCommit={onCommit}\n        onInput={onInput}\n        textAlign={textAlign}\n        value={value}\n        {...dateFieldProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          endContent={endContent}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["preventDefaultHandler","e","preventDefault","isIos","getClientHints","platform","DateSegment","ariaLabel","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","inputRef","isComplete","isDisabled","isHidden","isHighlighted","isInvalid","isRequired","isSelected","onChange","placeholder","text","type","hasDisplayValue","length","rootClasses","classNames","segmentStyles","base","selected","highlighted","placeholderClasses","hidden","notHidden","emptySegmentValueText","useTranslationBundle","inputDateMask_empty_segment","sRef","useRef","segmentRef","hasLeadingZero","locale","useUser","onKeyDown","useCallback","event","key","isSelectAll","isBackspaceOrDelete","undefined","isNumberOnlyString","actionType","data","current","direction","stopPropagation","useEffect","focus","customDataAttribute","valueText","toString","_jsx","children","_jsxs","ref","role","autocapitalize","autocorrect","class","contentEditable","enterkeyhint","inputMode","onCut","onPaste","spellcheck","tabIndex","jsx","LiteralSegment","isPlaceholder","spanClasses","literalBase","dateReducer","state","action","segmentType","segmentState","findSegment","segments","updatedSegments","selectFirst","clearDate","orderedSegments","createDateFieldStateWithSelectedDate","updatedSegment","clearSegment","createDateFieldState","clearSelectionAndComplete","goToEnd","goToHome","doStepOrPage","selectDateOrSegment","selectNext","selectPrevious","selectSegment","updateSegment","Error","stringToNumber","s","numberToString","n","find","segment","isDateComplete","allSegments","every","seg","isPartialDate","some","createCalendarDateFromSegments","iterator","map","values","cd","segValue","getYearValue","getMonthAria","month","year","getMonthName","getOrderedSegments","currentState","replaceDateSegment","existingSegments","updatedSegmentType","createDateSegmentStates","autoAdvance","modifiedSegments","daySeg","monthValue","yearValue","dayMax","getDaysInMonth","currentDay","dayValue","dayValueStr","updatedDaySeg","createDateFieldStateFromSegments","currentDate","isCompleteDate","isDateSelected","cleared","valueMax","MAX_ISO_YEAR","getMonthsInYear","actionText","minValue","maxValue","requestedValStr","requestedVal","inRange","max","newValStr","newVal","val","isSegmentComplete","getSelectedSegmentIndex","sel","findIndex","markSelectedSegmentComplete","selectedIndex","createSegmentFromKeyboardAction","newValue","getHomeSegmentValue","getEndSegmentValue","valueNow","min","yearDefault","monthDefault","day","dayDefault","getTodayAsCalendarDate","getDefaultSegmentValue","currentValue","step","getPagedSegmentValue","getSteppedSegmentValue","useDateFieldHandlers","dateResetRef","dispatch","groupRef","isFocused","isInputFocused","onCommit","onInput","value","tabbableModeProps","useTabbableMode","tabbableModeIndex","anySegmentSelected","updatedTabIndex","lastDateRef","lastCommittedDateRef","dateClearedRef","lastFocusedRef","onClick","target","getAttribute","selectAll","isGroupFocus","onDoubleClick","onDoubleTap","doubleTapHandlers","useDoubleTap","onSingleTap","stopImmediatePropagation","calendarDatesAreDifferent","frozenDate","Object","freeze","recentPointerRef","pointerDownTimerRef","handlers","deviceType","isMobile","onPointerDown","clearTimeout","setTimeout","dateFieldHandlers","segmentHandlers","DateField","describedBy","ariaInvalid","ariaLabelledBy","baseId","fieldRef","granularity","hasInsideLabel","masks","dateMasks","onBlur","onFocus","textAlign","variant","translations","announceDateCleared","inputDateMask_date_cleared","labels","formControl_month","formControl_day","formControl_year","useFormFieldContext","hasValue","classes","useComponentTheme","TextFieldInputRedwoodTheme","styleVariant","textarea","input","div","prefix","suffix","startContent","endContent","insideLabel","focused","disabled","compClasses","ariaLabels","filter","monthMax","yearValueStr","monthValueStr","monthAria","MIN_ISO_DAY","initialState","MIN_ISO_YEAR","MIN_ISO_MONTH","useReducer","lastValueFromParentRef","useDateField","editableSegments","segmentsMap","formattedDateStr","formatFullCalendarDate","formattedDateAriaId","formattedDateAria","HiddenAccessible","id","ariaDescribedBy","merge","announceText","firstSegmentType","jsxs","onFocusIn","onFocusOut","Flex","wrap","justify","segmentProps","LiveRegion","InputDateMaskContext","createContext","isInputDatePickerParent","isDropdownOpen","useInputDateMaskContext","useContext","InputDateMask","forwardRef","assistiveText","columnSpan","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","mainFieldRef","messages","testId","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","readonlyElementRef","focusProps","methods","focusMethods","useFocusableTextField","useImperativeHandle","isComponentFocused","formFieldContext","inputProps","labelProps","origLabelProps","textFieldProps","userAssistanceProps","useTextField","forId","dateFieldProps","labelComp","Label","fieldLabelProps","inlineUserAssistance","InlineUserAssistance","fieldLabel","aRef","anchorRef","compactUserAssistance","CompactUserAssistance","monthPlaceholder","inputDateMask_monthPlaceholder","dayPlaceholder","inputDateMask_dayPlaceholder","yearPlaceholder","inputDateMask_yearPlaceholder","useMemo","translateCustomMasks","getDatePlaceholderMasks","FormFieldContext","Provider","ReadonlyTextField","mainContent","ReadonlyTextFieldInput","as","elementRef","formatShortCalendarDate","hasEmptyLabel","TextField"],"mappings":"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"}

package/amd/InputDatePicker-ecd4a7ce.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-0e2eb66f', './HiddenAccessible-037ef42d', './IconButton-05c6b793', './clientHints-fff66be9', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-3d3e72a9', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-404b38fa', './DatePicker-b907fb97', './SectionedContent-ef1f844c', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-3d7186b3', './maskUtils-9370948f', './calendarDateUtils-5e25297c', './InputDateMask-55fcbf50'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,S,k,x,A,v,g,F,T,V,I,w,P,U,M,R,j,_,B,H,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee){"use strict";const se=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:S,testId:k,todayButton:x,todayTimeZone:A,userAssistanceDensity:v,value:g,weekDisplay:F})=>{const[T,V]=a.useState(!1),[I,w]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(w(c),c||V(!1));const U=te(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:S,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||d||m||!(t||r||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===i.getClientHints().deviceType,ae=e=>e&&$.isCompleteCalendarDate(e)?e:void 0,ne=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:ae(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:ae(s.data),dateValue:s.data};default:return e}},oe=({onCommit:e,onInput:s,value:t})=>{const[n,o]=a.useState(!1),r=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(t),u=a.useRef(t),m=a.useRef(t),p=a.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=a.useReducer(ne,{completeDateValue:ae(e),dateValue:e});return{state:s,dispatch:t}})({value:t});X.calendarDatesAreDifferent(m.current,t)&&(m.current=t,X.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{X.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&X.calendarDatesAreDifferent(h.dateValue,c.current)&&(e?.({previousValue:c.current,value:h.dateValue}),c.current=h.dateValue,p.current=!1)}),[e,s,h.dateValue]);const f=a.useCallback((e=>{y({type:"dateChanged",data:e.value})}),[y]),b=a.useCallback((()=>{X.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),C=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),D=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),o(!1)}),[]);return{calendarIconActionHandler:C,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:D,completeDateValue:h.completeDateValue,dateValue:h.dateValue,iconRef:r,isOpen:n,maskCommitHandler:b,maskInputHandler:f,maskRef:i}},re=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:k,onCommit:x,onInput:A,testId:v,userAssistanceDensity:g,weekDisplay:F,...T},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:w,completeDateValue:P,dateValue:U,dropdownCloseHandler:M,iconRef:R,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=oe({onCommit:x,onInput:A,value:k}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=u.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:Y}=J.useFormContext(),Z=g??Y;a.useImperativeHandle(V,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const W=K.useId(),z=L(),q=m||p?void 0:s.jsx(o.HiddenAccessible,{id:W,isHidden:!0,children:z}),Q=m||p?e:G.merge([e,W]),X=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:m,ref:R,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:s.jsx(n.SvgCalendar,{})}),$=j;return s.jsxs(s.Fragment,{children:[s.jsx(ee.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:s.jsx(ee.InputDateMask,{"aria-describedby":Q,assistiveText:t,endContent:X,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:_,onInput:B,mainFieldRef:E,messages:f,testId:v,ref:H,userAssistanceDensity:g,value:U,...T})}),q,$&&s.jsx(se,{anchorRef:E,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:j,label:h,onClose:M,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:Z,value:P,weekDisplay:F})]})}));e.InputDatePicker=re}));
-//# sourceMappingURL=InputDatePicker-ecd4a7ce.js.map

package/amd/InputDatePicker-ecd4a7ce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDatePicker-ecd4a7ce.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\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 */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\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 { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } 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 { useInputDatePickerState } from './useInputDatePickerState';\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 Props = {\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(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  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\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    // If the current date value differs from the last committed value, then call onCommit.\n    if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n      onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n      lastCommittedDateRef.current = state.dateValue;\n    }\n  }, [onCommit, state.dateValue]);\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  //   - Updates the value in state.\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      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\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 '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\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     */\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 {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      onCommit,\n      onInput,\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\n    return (\n      <>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\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}\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      </>\n    );\n  }\n);\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","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","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","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"ylEAsEA,MAAMA,GAA0B,EAC9BC,YACAC,gBACAC,eACAC,mBACAC,iBACAC,iBACAC,aACAC,SACAC,aACAC,QACAC,UACAC,WACAC,MACAC,WACAC,MACAC,qBACAC,SACAC,cACAC,gBACAC,wBACAC,QACAC,kBAGA,MAAOC,EAAiBC,GAAoBC,EAAQA,UAAC,IAC9CC,EAAYC,GAAiBF,EAAQA,SAACjB,GACvCoB,EAAyBC,eAE5BC,IACDN,EAAiBM,EAAKC,UAAUC,WAAW,OAAO,GACjD,IAECN,IAAelB,IACjBmB,EAAcnB,GACTA,GACHgB,GAAiB,IAIrB,MAMMS,EAAkBC,MAElBC,iBAAEA,GAAqBC,EAAoBA,qBAAa,4BACxDC,EAAsBF,IAEtBG,EACJC,EAAAA,IAACC,EAAUA,YACTrC,aAAcA,EACdC,iBAAkBA,EAClBqC,OAASR,OAA2BS,EAAT,OAC3B9B,SAAUA,EACVC,IAAKA,EACLE,IAAKA,EAEL4B,SAAUV,EAAkB,YAASS,EACrCE,MAAM,OACN5B,mBAAoBA,EACpBC,OAAQA,EACRE,cAAeA,EACfD,YAAaA,EACbG,MAAOA,EACPC,YAAaA,IAIXuB,GACJrC,GACEe,IAAmBU,GACpB1B,GACAE,KACAP,GAAiBG,GAAmBS,GAAYA,EAASgC,OAAS,IACxC,cAA1B1B,GAAmE,WAA1BA,OAatCsB,EAZFH,MAACQ,EAAAA,iBAAiBC,SAAQ,CAAC3B,MAAO,CAAE4B,WAAW,GAAMC,SACnDX,EAAKY,IAAA,MAAA,CAAAC,MAAOC,gCACVd,EAAAA,IAACe,EAAAA,qBACC,CAAApD,cAAeA,EACfqD,WAAY7C,EACZL,eAAgBA,EAChBC,eAAgBA,EAChBQ,SAAUA,EACVM,sBAAuBA,QAM3BoC,EAAgBvC,EAASA,GAAUgB,EAAkB,SAAW,kBAAeS,EAI/Ee,EACJlB,EAAAA,IAAA,MAAA,CAAKa,MAAOM,iBACVR,SAAAX,EAAAY,IAACQ,mBACa,CAAA,aAAAtB,EACZuB,OAAQf,EACRgB,cAAc,EACdC,KAAMxB,EACNyB,KAAK,SACL9C,OAAQuC,MA4Bd,OAvBiBvB,EACfM,EAAAY,IAACa,QAAK,CAACC,aAAa,iBAAiBzD,OAAQA,EAAQG,QAASA,WAC5D4B,EAAAA,IAACoB,EAAgBA,+BACHtB,EACZuB,OAAQf,EACRgB,cAAc,EACdC,KAAMxB,EACNyB,KAAK,SACL9C,OAAQuC,MAIZjB,EAAAA,IAAC2B,EAAyBA,0BACxB,CAAAjE,UAAWA,EACXgE,aAAa,iBACbzD,OAAQA,EACRG,QAASA,EACTwD,WAAYvC,EACZwC,YAvF6B,CAC/BC,oBAAoB,EACpBC,qBAAqB,YAsFlBb,GAIU,EAGXvB,GAAU,IACyB,UAAhCqC,EAAcA,iBAAGC,WC1KpBC,GAAiCC,GAC7BA,GAAYC,EAAsBA,uBAACD,GAEtCA,OADDhC,EAKAkC,GAAyB,CAC7BC,EACAC,KAEA,OAAQA,EAAOC,MACb,IAAK,cACH,MAAO,IACFF,EACHG,UAAWF,EAAOhD,KAClBmD,kBAAmBR,GAA8BK,EAAOhD,OAG5D,IAAK,eACH,MAAO,IAAK+C,EAAOG,UAAWF,EAAOhD,KAAMmD,kBAAmBH,EAAOhD,MAEvE,IAAK,QACH,MAAO,CACLmD,kBAAmBR,GAA8BK,EAAOhD,MACxDkD,UAAWF,EAAOhD,MAGtB,QACE,OAAO+C,EACV,EC/BGK,GAAqB,EAAGtE,WAAUuE,UAAS9D,MAAO+D,MAEtD,MAAO5E,EAAQ6E,GAAa5D,EAAQA,UAAC,GAG/B6D,EAAwCC,SAA0B,MAGlEC,EAAkCD,SAAoB,MAGtDE,EAAsBF,UAAgB,GACtCG,EAA2BH,EAAAA,SAG3BI,EAAuBJ,SAAiCH,GACxDQ,EAAcL,SAAiCH,GAG/CS,EAAyBN,SAAiCH,GAG1DU,EAAkBP,UAAgB,IAElCV,MAAEA,EAAKkB,SAAEA,GDqBe,GAAG1E,YACjC,MAAOwD,EAAOkB,GAAYC,EAAAA,WAAWpB,GAAwB,CAC3DK,kBAAmBR,GAA8BpD,GACjD2D,UAAW3D,IAGb,MAAO,CAAEwD,QAAOkB,WAAU,EC3BEE,CAAwB,CAAE5E,MAAO+D,IAMzDc,4BAA0BL,EAAuBM,QAASf,KAC5DS,EAAuBM,QAAUf,EAC7Bc,4BAA0Bd,EAAcP,EAAMG,aAChDe,EAAS,CAAEhB,KAAM,QAASjD,KAAMsD,IAChCQ,EAAYO,QAAUf,EACtBO,EAAqBQ,QAAUf,IAKnCgB,EAAAA,WAAU,KACJF,EAAyBA,0BAACrB,EAAMG,UAAWY,EAAYO,WACzDhB,EAAQ,CAAEkB,cAAeT,EAAYO,QAAS9E,MAAOwD,EAAMG,YAC3DY,EAAYO,QAAUtB,EAAMG,WAG5Bc,EAAgBK,SAChBD,EAAAA,0BAA0BrB,EAAMG,UAAWW,EAAqBQ,WAEhEvF,IAAW,CAAEyF,cAAeV,EAAqBQ,QAAS9E,MAAOwD,EAAMG,YACvEW,EAAqBQ,QAAUtB,EAAMG,UACrCc,EAAgBK,SAAU,EAC3B,GACA,CAACvF,EAAUuE,EAASN,EAAMG,YAI7B,MAAMsB,EAAmBzE,eACtB0E,IACCR,EAAS,CAAEhB,KAAM,cAAejD,KAAMyE,EAAOlF,OAAQ,GAEvD,CAAC0E,IAIGS,EAAoB3E,EAAAA,aAAyD,KAE7EqE,EAAyBA,0BAACP,EAAqBQ,QAAStB,EAAMG,aAChEpE,IAAW,CAAES,MAAOwD,EAAMG,UAAWqB,cAAeV,EAAqBQ,UACzER,EAAqBQ,QAAUtB,EAAMG,UACtC,GACA,CAACpE,EAAUiE,EAAMG,YAGdyB,EAA4B5E,EAAAA,aAAsD,KAEjF4D,EAAoBU,SACvBd,GAAW3D,IAAgBA,IAE7B+D,EAAoBU,SAAU,CAAK,GAClC,IAEGO,EAAuB7E,eAC1B0E,IAGuB,qBAAlBA,EAAOI,QACTlB,EAAoBU,SAAU,EAC9BS,aAAalB,EAAyBS,SAGtCT,EAAyBS,QAAUU,YAAW,KAC5CpB,EAAoBU,SAAU,CAAK,GAClC,MACwB,cAAlBI,EAAOI,QAA4C,sBAAlBJ,EAAOI,QAEjDrB,EAAQa,SAASW,QAEnBzB,GAAU,EAAM,GAElB,IAoBF,MAAO,CACLoB,4BACAM,wBAf8BlF,eAC7B0E,IAECjB,EAAQa,SAASW,QAGjBhB,EAAgBK,SAAU,EAC1BJ,EAAS,CAAEhB,KAAM,eAAgBjD,KAAMyE,EAAOlF,QAC9CgE,GAAU,EAAM,GAElB,CAACU,IAMDW,uBACAzB,kBAAmBJ,EAAMI,kBACzBD,UAAWH,EAAMG,UACjBM,UACA9E,SACAgG,oBACAF,mBACAd,UACD,EClEUwB,GAAkBC,EAAAA,YAC7B,EAEI,mBAAoBC,EACpBhH,gBACAC,eACAC,mBACAC,iBACAC,iBACAC,aACAE,aACAC,QACAG,MACAC,WACAC,MACAC,qBACAG,gBACAD,cACAG,QACAT,WACAuE,UACAlE,SACAG,sBAAuB+F,EACvB7F,iBACG8F,GAELC,KAEA,MAAMZ,0BACJA,EAAyBM,wBACzBA,EAAuB9B,kBACvBA,EAAiBD,UACjBA,EAAS0B,qBACTA,EAAoBpB,QACpBA,EAAO9E,OACPA,EAAMgG,kBACNA,EAAiBF,iBACjBA,EAAgBd,QAChBA,GACEN,GAAmB,CACrBtE,WACAuE,UACA9D,UAGIiG,EAAe/B,SAAuB,OACtCgC,2BAAEA,EAA0BC,4BAAEA,GAClCpF,EAAoBA,qBAAa,4BAC7BqF,EAAwBF,KAGtBnG,sBAAuBsG,GAA8BC,EAAcA,iBACrEvG,EAAwB+F,GAA6BO,EAE3DE,EAAmBA,oBAACP,GAAM,KAAO,CAC/BP,MAAO,KACLtB,EAAQW,SAASW,OAAO,EAE1Be,KAAM,KACJrC,EAAQW,SAAS0B,MAAM,MAI3B,MAAMC,EAAyBC,EAAAA,QACzBC,EAA2BR,IAC3BS,EACH1H,GAAeE,OAIZiC,EAHFH,EAAAA,IAAC2F,EAAAA,iBAAgB,CAACC,GAAIL,EAAwBM,UAAU,EAAIlF,SACzD8E,IAGDK,EACH9H,GAAeE,EAEZyG,EADAoB,QAAM,CAACpB,EAAiBY,IAGxBS,EACJhG,EAAAY,IAACqF,EAAUA,WACK,CAAA,gBAAA,SACF,aAAAf,EACZlH,WAAYA,EACZ8G,IAAK/B,EACLmD,KAAK,KACLxH,OAAQA,EAASA,EAAS,qBAAkByB,EAC5CgG,QAAQ,QACRC,SAAUlC,EAAyBvD,SACnCX,EAAAA,IAACqG,EAAAA,YAAY,CAAA,KAIXC,EAAqBrI,EAE3B,OACEsI,6BACEvG,EAACY,IAAA4F,wBAAqB/F,SAAQ,CAC5B3B,MAAO,CAAE2H,eAAgBxI,EAAQyI,yBAAyB,GAAM/F,SAChEX,EAAAA,IAAC2G,GAAaA,cACM,CAAA,mBAAAb,EAClBnI,cAAeA,EACfqI,WAAYA,EACZlI,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPE,SAAU4F,EACVrB,QAASmB,EACTgB,aAAcA,EACdxG,SAAUA,EACVG,OAAQA,EACRoG,IAAK7B,EACLpE,sBAAuB+F,EACvB9F,MAAO2D,KACHoC,MAIPa,EAEAY,GACCtG,MAACvC,GAAuB,CACtBC,UAAWqH,EACXpH,cAAeA,EACfC,aAAcA,EACdC,iBAAkBA,EAClBC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZD,OAAQA,EACRE,MAAOA,EACPC,QAAS+F,EACT9F,SAAUmG,EACVlG,IAAKA,EACLC,SAAUA,EACVC,IAAKA,EACLC,mBAAoBA,EACpBC,OAAQA,EAASA,EAAS,mBAAgByB,EAC1CvB,cAAeA,EACfD,YAAaA,EACbE,sBAAuBA,EACvBC,MAAO4D,EACP3D,YAAaA,MAInB"}

package/amd/InputPassword-61090b77.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './useHover-7964884c', './Label-7cbbe3b7', './keyboardUtils-71bc5d84', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', './useTranslationBundle-7c40cb58', 'css!./LiveRegionStyles.styles.css', './LayerHost-733ade2f', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-3d3e72a9', './CompactUserAssistance-f962b357', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'preact', 'css!./IconStyle.styles.css', './Popup-3e2566da', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-f1befe37', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-411d7a73'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,y,x,F,f,T,v,C,S,A,g,I,R,U,w,P,E,L,j,V,_,k,D,B,N,H,q,W,O,$,G,M,z,J){"use strict";const K=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:l="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:F,hasRevealToggle:f="always",helpSourceLink:T,helpSourceText:v,isDisabled:C,isReadonly:S,isRequired:A=!1,isRequiredShown:w,label:P,labelEdge:E,labelStartWidth:L,messages:j,placeholder:V,textAlign:_,userAssistanceDensity:k,value:D,variant:B="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:K,dispatch:Q}=M.useCurrentValueReducer({value:D}),X=a.useCallback((e=>{Q({type:"input",payload:e.value}),N?.(e)}),[N,Q]),Y=a.useCallback((e=>{Q({type:"commit",payload:e.value}),H?.(e)}),[H,Q]),{isDisabled:Z,isReadonly:ee,labelEdge:se,labelStartWidth:te,textAlign:ae,userAssistanceDensity:oe}=n.useFormContext(),le=C??Z,ne=S??ee,ie=E??se,de=L??te,re=_??ae,ce=k??oe,{bool:ue,setFalse:pe,setTrue:be}=R.useToggle(!1),me=a.useRef(null),he=a.useRef(null),{focusProps:ye,isFocused:xe,methods:Fe}=o.useFocusableTextField({enabledElementRef:me,readonlyElementRef:he,isDisabled:le,isReadonly:ne,onBlurWithin:pe}),{methods:fe}=z.useSelectableTextField(me);a.useImperativeHandle(W,(()=>U.mergeProps(Fe,fe)),[Fe,fe]);const{hoverProps:Te,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:v,isDisabled:le,isFocused:xe,isReadonly:ne,isRequiredShown:w,labelEdge:ie,messages:j,styleVariant:B,userAssistanceDensity:ce,value:D}),Re=a.useCallback((()=>{ue?pe():be()}),[ue,pe,be]),Ue=x.useTranslationBundle("@oracle/oraclejet-preact"),we=Ue.inputPassword_hidden(),Pe=Ue.inputPassword_show(),Ee=Ue.inputPassword_hide(),Le=le||"always"!==f?null:s.jsx(J.RevealToggleIcon,{accessibleLabel:we,isRevealed:ue,onToggle:Re,tooltipHide:Ee,tooltipShow:Pe,testId:`${q}_toggleicon`}),je=a.useCallback((()=>{me.current?.focus(),X?.({previousValue:D,value:""})}),[X,D,me]),Ve=O.useClearIcon({clearIcon:s.jsx(G.ClearIcon,{onClick:je,testId:`${q}_clearicon`}),display:F,hasValue:Ce.hasValue,isFocused:xe,isEnabled:!ne&&!le,isHover:ve}),_e=$.beforeVNode(Le,Ve),ke="none"!==ie?s.jsx(c.Label,{...Ae,children:P}):void 0,De={label:"none"!==ie?ke:void 0,labelEdge:"none"!==ie?ie:void 0,labelStartWidth:"none"!==ie?de:void 0},Be="none"===ie?P:void 0,Ne="efficient"===ce||"reflow"===ce?le||ne?"efficient"!==ce?void 0:s.jsx(g.InlineUserAssistance,{userAssistanceDensity:ce,...Ie}):s.jsx(g.InlineUserAssistance,{assistiveText:t,helpSourceLink:T,helpSourceText:v,messages:j,isRequiredShown:w,userAssistanceDensity:ce,...Ie}):void 0,He=a.useRef(null),qe="compact"===ce?s.jsx(I.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:t,...Ie}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Se["aria-describedby"],"aria-label":Be,"aria-labelledby":Ae.id,as:"input",autoFocus:u,elementRef:he,textAlign:re,type:"password",value:D,hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==P&&"inside"===ie});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(h.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:qe,inlineUserAssistance:Ne,ref:He,mainContent:e,testId:q,...De})})}const We=s.jsx(p.TextFieldInput,{"aria-label":Be,autoComplete:l,autoFocus:u,currentCommitValue:K,hasEndContent:!(!Ve&&!Le),hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==ke&&"inside"===ie,inputRef:me,isRequired:A,onInput:X,onCommit:Y,placeholder:V,textAlign:re,value:D,type:ue?"text":"password",...Se});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(y.TextField,{columnSpan:b,endContent:_e,inlineUserAssistance:Ne,compactUserAssistance:qe,mainContent:We,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:He,testId:q,...ge,...De,...Te})})}));e.InputPassword=K}));
-//# sourceMappingURL=InputPassword-61090b77.js.map

package/amd/InputPassword-61090b77.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputPassword-61090b77.js","sources":["../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\nimport { FocusableHandle, useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from '#PRIVATE_RevealToggleIcon';\nimport { useClearIcon } from '#hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '#utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '#PRIVATE_ClearIcon/ClearIcon';\nimport { Size } from '#utils/UNSAFE_size';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '#hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n} & TestIdProps;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\n/**\n * An InputPassword is a password input field with a reveal icon.\n */\nexport const InputPassword = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLInputElement>(null);\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLInputElement>({\n      enabledElementRef,\n      readonlyElementRef,\n      isDisabled,\n      isReadonly,\n      onBlurWithin: setRevealedFalse\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal button,\n    // toggle revealing/masking password\n    const onRevealIconToggle = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed, setRevealedFalse, setRevealedTrue]);\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const passwordMaskedStr = translations.inputPassword_hidden();\n    const passwordShowStr = translations.inputPassword_show();\n    const passwordHideStr = translations.inputPassword_hide();\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon\n          accessibleLabel={passwordMaskedStr}\n          isRevealed={isRevealed}\n          onToggle={onRevealIconToggle}\n          tooltipHide={passwordHideStr}\n          tooltipShow={passwordShowStr}\n          testId={`${testId}_toggleicon`}\n        />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"input\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          textAlign={textAlign}\n          type=\"password\"\n          value={value}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            ref={anchorRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        aria-label={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasEndContent={!!(maybeClearIcon || revealToggleIcon)}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          columnSpan={columnSpan}\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          compactUserAssistance={compactUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["InputPassword","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","testId","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","isRevealed","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","useRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","onBlurWithin","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconToggle","translations","useTranslationBundle","passwordMaskedStr","inputPassword_hidden","passwordShowStr","inputPassword_show","passwordHideStr","inputPassword_hide","revealToggleIcon","_jsx","RevealToggleIcon","accessibleLabel","onToggle","tooltipHide","tooltipShow","onClickClearIcon","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","role","TextFieldInput","hasEndContent","inputRef","TextField","endContent","onBlur","onFocusOut","onFocus","onFocusIn","mainFieldRef"],"mappings":"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"}

package/amd/InputText-32954a14.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useHover-7964884c', './useLengthFilter-ed8959a4', './useTextField-e6877c79', './Label-7cbbe3b7', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-5147bdc9', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-71bc5d84', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', './MaxLengthLiveRegion-46bb45da', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-3d3e72a9', './CompactUserAssistance-f962b357', './mergeProps-bcfa6a92', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'preact', 'css!./IconStyle.styles.css', './Popup-3e2566da', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './clientHints-fff66be9', './componentUtils-c14d7fce', './ClearIcon-f1befe37', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,i,n,o,l,r,d,u,c,x,p,f,b,h,m,v,F,y,C,S,I,T,A,L,g,R,U,P,E,j,V,_,w,D,H,k,B,N,M,q,$,O,W,G,K,X,z,J,Q){"use strict";const Y=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:F,hasClearIcon:T="never",endContent:A,helpSourceLink:g,helpSourceText:R,isDisabled:U,isReadonly:V,isRequired:_=!1,isRequiredShown:w,label:D,labelEdge:H,labelStartWidth:k,maxLength:B,maxLengthUnit:N,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:Y,value:ee,variant:se="default",virtualKeyboard:te,onInput:ae,onCommit:ie,testId:ne},oe)=>{const le=L.useTranslationBundle("@oracle/oraclejet-preact"),re=B?le.formControl_limitReached({CHARACTER_LIMIT:B}):"",{currentCommitValue:de,dispatch:ue}=J.useCurrentValueReducer({value:ee}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),ae?.(e)}),[ae,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),ie?.(e)}),[ie,ue]),{isDisabled:pe,isReadonly:fe,labelEdge:be,labelStartWidth:he,textAlign:me,userAssistanceDensity:ve}=l.useFormContext(),Fe=U??pe,ye=V??fe,Ce=H??be,Se=k??he,Ie=K??me,Te=Y??ve,Ae=a.useRef(h.useId()),Le=e?`${e} ${Ae.current}`:Ae.current,ge=[{detail:re,severity:"info"}],{isMaxLengthReached:Re,valueLength:Ue,onFilteredInput:Pe}=u.useLengthFilter({maxLength:B,maxLengthUnit:N,value:ee,onInput:ce,onCommit:xe}),Ee=[...M??[],...Re?ge:[]],je=a.useRef(null),Ve=a.useRef(null),{focusProps:_e,isFocused:we,methods:De}=n.useFocusableTextField({isDisabled:Fe,isReadonly:ye,enabledElementRef:je,readonlyElementRef:Ve}),{methods:He}=Q.useSelectableTextField(je);a.useImperativeHandle(oe,(()=>j.mergeProps(De,He)),[De,He]);const{hoverProps:ke,isHover:Be}=d.useHover({isDisabled:ye||Fe||!1}),{baseId:Ne,formFieldContext:Me,inputProps:qe,labelProps:$e,textFieldProps:Oe,userAssistanceProps:We}=c.useTextField({ariaDescribedBy:ye||Fe?e:Le,helpSourceLink:g,helpSourceText:R,isDisabled:Fe,isFocused:we,isReadonly:ye,isRequiredShown:w,labelEdge:Ce,messages:Ee,styleVariant:se,userAssistanceDensity:Te,value:ee}),Ge=a.useCallback((()=>{je.current?.focus(),ce?.({previousValue:ee,value:""})}),[ce,ee,je]),Ke=i.useClearIcon({clearIcon:s.jsx(z.ClearIcon,{onClick:Ge,testId:`${ne}_clearicon`}),display:T,hasValue:Me.hasValue,isFocused:we,isEnabled:!ye&&!Fe,isHover:Be}),Xe=X.beforeVNode(A,Ke),ze=void 0!==D&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Ye,suffixProps:Ze,valuePrefixSuffix:es,ariaLabelledBy:ss}=f.usePrefixSuffix({baseId:Ne,hasEndContent:void 0!==A,hasInsideLabel:ze,hasStartContent:void 0!==W,hasValue:Me.hasValue,isDisabled:Fe,isFocused:we,labelId:$e.id,prefix:$,suffix:G,value:ee}),ts=Je?s.jsx(p.PrefixSuffix,{...Ye}):void 0,as=Qe?s.jsx(p.PrefixSuffix,{...Ze}):void 0,is="none"!==Ce?s.jsx(x.Label,{...$e,children:D}):void 0,ns={label:"none"!==Ce?is:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Se:void 0},os="none"===Ce?D:void 0,ls="efficient"===Te||"reflow"===Te?Fe||ye?"efficient"!==Te?void 0:s.jsx(P.InlineUserAssistance,{userAssistanceDensity:Te,...We}):s.jsx(P.InlineUserAssistance,{assistiveText:t,fieldLabel:D,helpSourceLink:g,helpSourceText:R,messages:Ee,isRequiredShown:w,userAssistanceDensity:Te,...We}):void 0,rs=a.useRef(null),ds="compact"===Te?s.jsx(E.CompactUserAssistance,{anchorRef:rs,messages:Ee,assistiveText:t,...We}):void 0;if(ye){const e=s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":qe["aria-describedby"],"aria-label":os,"aria-labelledby":$e.id,as:"div",autoFocus:m,elementRef:Ve,textAlign:Ie,value:es,hasEmptyLabel:""===D&&"none"===Ce,hasInsideLabel:ze});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(C.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,ref:rs,mainContent:e,testId:ne,...ns})})}const us=void 0!==B,cs=s.jsxs(s.Fragment,{children:[ts,s.jsx(v.TextFieldInput,{"aria-labelledby":ss,"aria-label":os,autoComplete:o,autoFocus:m,currentCommitValue:de,hasEmptyLabel:""===D&&"none"===Ce,hasEndContent:void 0!==A,hasInsideLabel:void 0!==is&&"inside"===Ce,hasPrefix:void 0!==ts,hasStartContent:void 0!==W,hasSuffix:void 0!==as,inputRef:je,isRequired:_,placeholder:q,role:O,textAlign:Ie,type:Z()?te:void 0,value:Fe?es:ee,onCommit:xe,onInput:Pe,...qe}),as,us&&s.jsx(b.HiddenAccessible,{id:Ae.current,children:le.formControl_maxLength({MAX_LENGTH:`${B}`})}),us&&we&&s.jsx(I.MaxLengthLiveRegion,{maxLength:B,valueLength:Ue,testId:ne+"_remainingChars"})]});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(S.TextField,{endContent:Xe,columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,mainContent:cs,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,startContent:W,mainFieldRef:rs,testId:ne,...Oe,...ns,...ke})})}));function Z(){const e=K.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=Y}));
-//# sourceMappingURL=InputText-32954a14.js.map

package/amd/InputText-32954a14.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputText-32954a14.js","sources":["../../src/UNSAFE_InputText/InputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { PrefixSuffix } from '../UNSAFE_PrefixSuffix';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../PRIVATE_ClearIcon/ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n\n  /**\n   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n/**\n * An input text displays a field that allows a user to enter a text value.\n */\nexport const InputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const formControl_limitReached = maxLength\n      ? translations.formControl_limitReached({\n          CHARACTER_LIMIT: maxLength\n        })\n      : '';\n\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n\n    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const allMessages = [\n      ...(messages ?? []),\n      ...(isMaxLengthReached ? limitMessage : [])\n    ] as ComponentMessageItem[];\n\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages: allMessages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n    const {\n      shouldRenderPrefix,\n      shouldRenderSuffix,\n      prefixProps,\n      suffixProps,\n      valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel,\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const renderedPrefix = shouldRenderPrefix ? <PrefixSuffix {...prefixProps} /> : undefined;\n\n    const renderedSuffix = shouldRenderSuffix ? <PrefixSuffix {...suffixProps} /> : undefined;\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={allMessages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={allMessages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"div\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          textAlign={textAlign}\n          value={valuePrefixSuffix}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={hasInsideLabel}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId + '_remainingChars'}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          startContent={startContent}\n          mainFieldRef={anchorRef}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","testId","ref","translations","useTranslationBundle","formControl_limitReached","CHARACTER_LIMIT","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","current","limitMessage","severity","isMaxLengthReached","valueLength","onFilteredInput","useLengthFilter","allMessages","enabledElementRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","hasInsideLabel","undefined","shouldRenderPrefix","shouldRenderSuffix","prefixProps","suffixProps","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasStartContent","labelId","id","renderedPrefix","PrefixSuffix","renderedSuffix","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onFocusOut","onFocus","onFocusIn","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","HiddenAccessible","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","mainFieldRef","deviceType","getClientHints"],"mappings":"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"}

package/amd/Label-7cbbe3b7.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-733ade2f', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-05c6b793', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-9f9f658d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,t,a,n,l,d,i,r,c,m,p,u,F,h,y,b,S,T,x,C,A,U,g,w,E,N,L,I,M,f,V,_,B,R,D,j,k,P,v,O,W){"use strict";const q=({hasValue:e,readonly:o,disabled:t,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:p="reflow",variant:u="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:S}=l.useFormContext(),T="inside"===u,x="textField"===F,{classes:C,styles:{uaDensityCompactLabel:A,uaDensityCompactLabelStart:U,uaDensityCompactLabelTopInside:g}}=d.useComponentTheme(W.LabelRedwoodTheme,{labelWrapping:S,position:u,inside:T?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:o?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:x?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:x?"isAnimated":"notAnimated",disabled:x&&t?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:w}=d.useComponentTheme(O.TextFieldRedwoodTheme),E=a.classNames([A,"start"===u?U:g]),N=s.jsx("label",{...h,class:E});return"compact"===p?s.jsxs("div",{class:a.classNames([C,w]),children:["start"!==u&&N,s.jsx(k.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===u||"start"===u?u:"inside"}),"start"===u&&N]}):s.jsx("label",{...h,class:a.classNames([C,w])})};e.Label=({forId:e,...o})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:d}=t.useFormFieldContext();return s.jsx(q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:d,...o})}}));
-//# sourceMappingURL=Label-7cbbe3b7.js.map

package/amd/Label-7cbbe3b7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label-7cbbe3b7.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CompactLabelAssistance } from '../UNSAFE_UserAssistance';\n\nimport { LabelStyles, LabelVariantOptions } from './themes/LabelStyles.css';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from './themes/redwood/LabelTheme';\n\ntype StyleProps = Exclude<Props, 'children' | 'forId' | 'id'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n  readonly?: boolean;\n  disabled?: boolean;\n};\n\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps> & {\n  onClick?: (e: MouseEvent) => void;\n};\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  isRequiredShown,\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  userAssistanceDensity = 'reflow',\n  variant = 'inside',\n  parentComponentVariant = 'textField',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const isInside = variant === 'inside';\n  const isTextField = parentComponentVariant === 'textField';\n\n  // because variants have to match strings, we have to take any boolean props and convert\n  // them to a string value, (ie prefixed with \"is\" or \"non\")\n  const {\n    classes,\n    styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside }\n  } = useComponentTheme<LabelVariantOptions, LabelStyles>(LabelRedwoodTheme, {\n    labelWrapping,\n    position: variant,\n    inside: isInside ? 'isInside' : 'notInside',\n    inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',\n    readonly: readonly ? 'isReadonly' : 'notReadonly',\n    focused: isFocused ? 'isFocused' : 'nonFocused',\n    formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    textField: isTextField ? 'isTextField' : 'notTextField',\n    value: hasValue ? 'hasValue' : 'noValue',\n    valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',\n    animatedWhenInside: isTextField ? 'isAnimated' : 'notAnimated',\n    disabled: isTextField && disabled ? 'isDisabled' : 'nonDisabled',\n    userAssistanceDensity\n  });\n\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n\n  const compactLabelStyles = classNames([\n    uaDensityCompactLabel,\n    variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside\n  ]);\n  const compactUADLabel = <label {...props} class={compactLabelStyles} />;\n\n  return userAssistanceDensity === 'compact' ? (\n    <div class={classNames([classes, textFieldTheme])}>\n      {variant !== 'start' && compactUADLabel}\n      <CompactLabelAssistance\n        isRequiredShown={isRequiredShown}\n        helpIconId={helpIconId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        labelEdge={variant === 'top' || variant === 'start' ? variant : 'inside'}\n      />\n      {variant === 'start' && compactUADLabel}\n    </div>\n  ) : (\n    <label {...props} class={classNames([classes, textFieldTheme])} />\n  );\n};\n\ntype Props = {\n  /**\n   * Specifies how messages and assistive text are shown.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient' | 'compact';\n  /**\n   * Id to use for the help icon in compact user assistance density.\n   */\n  helpIconId?: string;\n  /**\n   * Help source link for compact user assistance density.\n   */\n  helpSourceLink?: string;\n  /**\n   * Help source text for compact user assistance density.\n   */\n  helpSourceText?: string;\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: boolean;\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top';\n  /**\n   * Determines how the label is going to be styled in based on parent component.\n   */\n  parentComponentVariant?:\n    | 'textField'\n    | 'radioSet'\n    | 'checkboxSet'\n    | 'richRadioSet'\n    | 'richCheckboxSet'\n    | 'formComponentWrapper';\n  /**\n   * Handler called when the label is clicked.\n   */\n  onClick?: (e: MouseEvent) => void;\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["StyledLabel","hasValue","readonly","disabled","isFocused","isRequiredShown","helpIconId","helpSourceLink","helpSourceText","userAssistanceDensity","variant","parentComponentVariant","props","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","isInside","isTextField","classes","styles","uaDensityCompactLabel","uaDensityCompactLabelStart","uaDensityCompactLabelTopInside","useComponentTheme","LabelRedwoodTheme","position","inside","inEnabledForm","focused","formLayout","readonlyForm","textField","value","valueOrFocus","animatedWhenInside","baseTheme","textFieldTheme","TextFieldRedwoodTheme","compactLabelStyles","classNames","compactUADLabel","_jsx","jsx","class","_jsxs","jsxs","CompactLabelAssistance","labelEdge","forId","isDisabled","useFormFieldContext","for"],"mappings":"4tDAsBA,MAAMA,EAAc,EAClBC,WACAC,WACAC,WACAC,YACAC,kBACAC,aACAC,iBACAC,iBACAC,wBAAwB,SACxBC,UAAU,SACVC,yBAAyB,eACtBC,MAEH,MAAMC,aAAEA,EAAcC,WAAYC,EAAcC,cAAEA,GAAkBC,EAAAA,iBAE9DC,EAAuB,WAAZR,EACXS,EAAyC,cAA3BR,GAIdS,QACJA,EACAC,QAAQC,sBAAEA,EAAqBC,2BAAEA,EAA0BC,+BAAEA,IAC3DC,EAAiBA,kBAAmCC,oBAAmB,CACzEV,gBACAW,SAAUjB,EACVkB,OAAQV,EAAW,WAAa,YAChCW,cAAehB,IAAiBE,EAAiB,kBAAoB,mBACrEb,SAAUA,EAAW,aAAe,cACpC4B,QAAS1B,EAAY,YAAc,aACnC2B,WAAYlB,EAAe,eAAiB,gBAC5CmB,aAAcjB,EAAiB,iBAAmB,kBAClDkB,UAAWd,EAAc,cAAgB,eACzCe,MAAOjC,EAAW,WAAa,UAC/BkC,aAAclC,GAAYG,EAAY,kBAAoB,iBAC1DgC,mBAAoBjB,EAAc,aAAe,cACjDhB,SAAUgB,GAAehB,EAAW,aAAe,cACnDM,2BAGM4B,UAAWC,GAAmBb,EAAiBA,kBAACc,EAAqBA,uBAKvEC,EAAqBC,EAAAA,WAAW,CACpCnB,EACY,UAAZZ,EAAsBa,EAA6BC,IAE/CkB,EAAkBC,EAAWC,IAAA,QAAA,IAAAhC,EAAOiC,MAAOL,IAEjD,MAAiC,YAA1B/B,EACLqC,EAAKC,KAAA,MAAA,CAAAF,MAAOJ,EAAAA,WAAW,CAACrB,EAASkB,cAClB,UAAZ5B,GAAuBgC,EACxBC,EAAAC,IAACI,yBACC,CAAA3C,gBAAiBA,EACjBC,WAAYA,EACZC,eAAgBA,EAChBC,eAAgBA,EAChByC,UAAuB,QAAZvC,GAAiC,UAAZA,EAAsBA,EAAU,WAErD,UAAZA,GAAuBgC,KAG1BC,MAAW,QAAA,IAAA/B,EAAOiC,MAAOJ,aAAW,CAACrB,EAASkB,KAC/C,UAyDkB,EAAGY,WAAUtC,MAChC,MAAMX,SAAEA,EAAQkD,WAAEA,EAAU/C,UAAEA,EAASU,WAAEA,GAAesC,EAAAA,sBACxD,OACET,EAAAA,IAAC3C,EACC,CAAAqD,IAAKH,EACLjD,SAAUA,EACVE,SAAUgD,EACV/C,UAAWA,EACXF,SAAUY,KACNF,GAEN"}