@oracle/oraclejet-preact 17.1.0 → 17.1.1

package/es/InputDatePicker-81a18a57.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDatePicker-81a18a57.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 { 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":["_jsx","CalendarIcon","_jsxs"],"mappings":"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"}

package/es/Layer-915d986a.js

@@ -1,84 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { useContext, useState, useRef, useLayoutEffect, createPortal } from 'preact/compat';
-import { L as LayerContext } from './LayerHost-7a2149f5.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { styles, baseStyle } from './UNSAFE_Layer/themes/LayerStyles.css.js';
-import { u as useThemeInterpolations } from './useThemeInterpolations-4f6cc83c.js';
-
-const LOGICAL_PARENT = Symbol.for('oj-logical-parent');
-const Layer = ({ children, logicalParentRef, priority = 'popup', level = 'nearestAncestor' }) => {
-    const context = useContext(LayerContext);
-    const [layerContainer, _setLayerContainer] = useState(null);
-    const layerContainerRef = useRef(null);
-    const setLayerContainer = (elem) => {
-        layerContainerRef.current = elem;
-        _setLayerContainer(elem);
-    };
-    // because the children are being rendered into a portal that is out of the flow of parent dom,
-    // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.
-    const themeClasses = useThemeInterpolations();
-    let priorityStyle = styles.popupPriorityStyle;
-    switch (priority) {
-        case 'dialog': {
-            priorityStyle = styles.dialogPriorityStyle;
-            break;
-        }
-        case 'messages': {
-            priorityStyle = styles.messagesPriorityStyle;
-            break;
-        }
-        default: {
-            priorityStyle = styles.popupPriorityStyle;
-            break;
-        }
-    }
-    const classes = classNames([themeClasses, baseStyle, priorityStyle]);
-    // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented
-    // content does not get re-rendered with valid ref's
-    useLayoutEffect(() => {
-        const host = level === 'topLevel'
-            ? context.getRootLayerHost?.(priority)
-            : context.getLayerHost?.(priority);
-        if (!host)
-            return;
-        const doc = host.ownerDocument ?? document;
-        const layer = doc.createElement('div');
-        layer.setAttribute('data-oj-layer', 'true');
-        if (logicalParentRef) {
-            layer[LOGICAL_PARENT] = logicalParentRef.current;
-        }
-        // layer.style.position = 'relative';
-        host.appendChild(layer);
-        setLayerContainer(layer);
-        return () => {
-            if (host && layer && host.contains(layer)) {
-                delete layer[LOGICAL_PARENT];
-                host.removeChild(layer);
-            }
-            if (context.onLayerUnmount) {
-                context.onLayerUnmount(layer);
-            }
-            setLayerContainer(null);
-        };
-    }, [logicalParentRef, context, level, priority]);
-    // add the colorScheme and scale classes if there is a layerContainer
-    if (layerContainer) {
-        // use the theme interpolations to set the appropriate style classes for colorScheme and scale
-        layerContainer.className = classes;
-    }
-    const getLayerHost = () => {
-        return layerContainer;
-    };
-    let newLayerContext = {};
-    if (context.getLayerHost) {
-        newLayerContext = {
-            getRootLayerHost: context.getRootLayerHost?.bind(null, priority),
-            getLayerHost: getLayerHost.bind(null)
-        };
-    }
-    return (jsx(LayerContext.Provider, { value: newLayerContext, children: layerContainer && createPortal(children, layerContainer) }));
-};
-
-export { Layer as L, LOGICAL_PARENT as a };
-//# sourceMappingURL=Layer-915d986a.js.map

package/es/Layer-915d986a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layer-915d986a.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations();\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', 'true');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":"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"}

package/es/LayerHost-7a2149f5.js

@@ -1,40 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { createContext } from 'preact';
-import { Redwood } from './Common/themes/redwood/theme.js';
-import { jsx } from 'preact/jsx-runtime';
-import { forwardRef } from 'preact/compat';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Default environment created for the application
- */
-const DefaultEnvironment = {
-    user: {
-        locale: document.documentElement.getAttribute('lang') || 'en',
-        direction: document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',
-        forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'
-    },
-    theme: Redwood,
-    colorScheme: 'light',
-    scale: 'lg',
-    currentBgColor: undefined,
-    mode: 'production',
-    density: 'standard'
-};
-const EnvironmentContext = createContext(DefaultEnvironment);
-
-const LayerContext = createContext({});
-
-const LayerHost = forwardRef((_props, ref) => {
-    return jsx("div", { id: "__root_layer_host", ref: ref });
-});
-LayerHost.displayName = 'Forwarded<LayerHost>';
-
-export { DefaultEnvironment as D, EnvironmentContext as E, LayerContext as L, LayerHost as a };
-//# sourceMappingURL=LayerHost-7a2149f5.js.map

package/es/LayerHost-7a2149f5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerHost-7a2149f5.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["_jsx"],"mappings":";;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACLzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;IAC3D,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,mBAAmB,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AAClD,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/es/LayerManager-be34be40.js

@@ -1,34 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { useState, useCallback } from 'preact/compat';
-import { L as LayerContext, a as LayerHost } from './LayerHost-7a2149f5.js';
-
-function LayerManager({ children }) {
-    const [defaultHost, setDefaultHost] = useState();
-    //const context = useContext(LayerContext);
-    const defaultHostRef = useCallback((el) => {
-        // ref callbacks fire after the component has been unnmounted so we do not
-        // want to set state in this use-case
-        if (el !== null) {
-            setDefaultHost(el);
-        }
-    }, []);
-    return (jsx(LayerContext.Consumer, { children: (value) => {
-            let defaultHostContext = {};
-            if (defaultHost) {
-                defaultHostContext = {
-                    getRootLayerHost: () => {
-                        return defaultHost;
-                    },
-                    getLayerHost: () => {
-                        return defaultHost;
-                    }
-                };
-            }
-            const layerContext = value.getLayerHost ? value : defaultHostContext;
-            return (jsxs(LayerContext.Provider, { value: layerContext, children: [children, !value.getLayerHost && jsx(LayerHost, { ref: defaultHostRef })] }));
-        } }));
-}
-
-export { LayerManager as L };
-//# sourceMappingURL=LayerManager-be34be40.js.map

package/es/LayerManager-be34be40.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerManager-be34be40.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}

package/es/LineAreaChart-e2e762e8.js

@@ -1,248 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
-import { e as getGroupCenterCoord, f as findNearestDataPoint } from './layoutUtils-d43d93da.js';
-import { h as getCmdsForArea, i as getMarkerFillAndStroke, g as getItemAriaLabel, j as getCmdsForLine, k as getCumulativeSeries, l as getSeriesData, m as getLineAreaSegments, n as getLineAreaChartNavUtil, e as getItemColor, f as getMarkerType, o as getMarkers } from './dataStyleUtils-a0fc3f44.js';
-import { dvtVars, colorSchemeVars } from './Common/themes/themeContract.css.js';
-import { a as MARKER_PADDING, M as Marker } from './Marker-546af001.js';
-import './SvgShapesStyles.styles.css';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
-import { s as supportsMobileScreenReader } from './accUtils-dc32d20b.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
-import { g as getColorRamp } from './colorUtils-c462ff3b.js';
-import { r as rgba } from './utils-d65cb4fb.js';
-import { styles } from './PRIVATE_Chart/themes/ChartStyles.css.js';
-import { C as Chart } from './Chart-f2438968.js';
-
-function AreaSeries({ yScale, lineType = 'straight', color, isHorizontal, isLog, areaColorOpacity, lineSegments, bottomCoords, isHighlighted, isBottomSegmentCurved, seriesIndex }) {
-    const style = {
-        fill: color,
-        opacity: isHighlighted
-            ? areaColorOpacity
-            : `calc(${dvtVars.dimmedOpacity} * ${areaColorOpacity})`
-    };
-    return (jsx(Fragment, { children: lineSegments.map((lineSegment) => {
-            if (lineSegment.length < 2) {
-                return;
-            }
-            let baseCoords;
-            if (bottomCoords) {
-                // custom bottom coords. eg: top of last series in stacked area
-                baseCoords = bottomCoords;
-            }
-            else {
-                // TODO: make this more generic when we support apps setting baseline
-                // for log assume domain min is the baseline, otherwise use 0 baseline
-                const baselineCoord = yScale.transform(isLog ? yScale.domain()[0] : 0);
-                baseCoords = isHorizontal
-                    ? [
-                        [baselineCoord, lineSegment[0][1]],
-                        [baselineCoord, lineSegment[lineSegment.length - 1][1]]
-                    ]
-                    : [
-                        [lineSegment[0][0], baselineCoord],
-                        [lineSegment[lineSegment.length - 1][0], baselineCoord]
-                    ];
-            }
-            const cmds = getCmdsForArea(lineSegment, baseCoords, lineType, isHorizontal, isBottomSegmentCurved);
-            return (jsx("path", { d: cmds, style: style, "data-oj-series-index": seriesIndex, "data-oj-object": 'area' }));
-        }) }));
-}
-
-const MARKER_DEFAULT_SIZE = 10;
-function Markers({ yScale, xScale, color, seriesIndex, startIndex, endIndex, hiddenIds, selectedIds, orientation, isLog, data, markerType, getDataItem, focusedItemIndex, hoveredItemIndex, isDrillEnabled, activeId, isSelectionEnabled, timeAxisType, isPointInsideMarquee, series, groups }) {
-    const isHoriz = orientation === 'horizontal';
-    const items = [];
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    for (let groupIndex = startIndex; groupIndex < endIndex + 1; groupIndex++) {
-        const item = getDataItem(seriesIndex, groupIndex);
-        const value = data[groupIndex];
-        if (!item || value == null || hiddenIds?.has(item.id) || (isLog && value <= 0)) {
-            continue;
-        }
-        const x = isHoriz
-            ? yScale.transform(value)
-            : getGroupCenterCoord(groups[groupIndex], groupIndex, xScale, item, timeAxisType);
-        const y = isHoriz
-            ? getGroupCenterCoord(groups[groupIndex], groupIndex, xScale, item, timeAxisType)
-            : yScale.transform(value);
-        const isFocused = focusedItemIndex === groupIndex;
-        const isHovered = hoveredItemIndex === groupIndex;
-        const isSelected = !!(selectedIds?.has(item.id) || isPointInsideMarquee?.(item.id, { x, y }));
-        const isDrillable = item.drilling === 'on' || (item.drilling != 'off' && isDrillEnabled);
-        const { fill, stroke, outerStroke } = getMarkerFillAndStroke(!!item.isMarkerDisplayed, isSelectionEnabled, isHovered, isFocused, isSelected, color, item.markerColor);
-        const itemMarkerType = item.isMarkerDisplayed ? item.markerType || markerType : markerType;
-        const isActive = isFocused || isHovered;
-        const ariaLabel = supportsMobileScreenReader || isActive
-            ? getItemAriaLabel(translations, series.name || series.id.toString(), groups[groupIndex].name || groups[groupIndex].id, item.value, isSelectionEnabled, isSelected, isDrillable, item.accessibleLabel)
-            : undefined;
-        const dataInfo = {
-            'data-oj-series-index': seriesIndex,
-            'data-oj-group-index': groupIndex,
-            'data-oj-object': 'item',
-            id: isActive ? activeId : undefined,
-            role: ariaLabel ? 'img' : undefined,
-            'aria-label': ariaLabel
-        };
-        const markerSize = (item.markerSize || MARKER_DEFAULT_SIZE) + 2 * MARKER_PADDING;
-        items.push(jsx(Marker, { type: itemMarkerType, tx: x, ty: y, isInteractive: isDrillable || isSelectionEnabled, scale: 1, fill: fill, stroke: stroke, outerStroke: outerStroke, width: markerSize, height: markerSize, dataInfo: dataInfo, preserveRectAspectRatio: true }));
-    }
-    return jsx(Fragment, { children: items });
-}
-
-function LineSeries({ color, isHorizontal, lineType = 'straight', lineColor, lineStyle, lineWidth = 3, isHighlighted, lineSegmentCoords, seriesIndex }) {
-    const style = {
-        stroke: lineColor || color,
-        strokeDasharray: lineStyle === 'dotted' ? 3 : lineStyle === 'dashed' ? 6 : undefined,
-        strokeWidth: lineWidth,
-        fill: rgba(colorSchemeVars.palette.neutral[0], 0)
-    };
-    return (jsx(Fragment, { children: lineSegmentCoords.map((value) => {
-            if (value.length < 2) {
-                return;
-            }
-            const cmds = getCmdsForLine(value, lineType, isHorizontal);
-            return lineType === 'straight' ? (jsx("polyline", { points: cmds, style: style, className: isHighlighted ? undefined : styles.dimmed, "data-oj-series-index": seriesIndex, "data-oj-object": 'line' })) : (jsx("path", { d: cmds, style: style, className: isHighlighted ? undefined : styles.dimmed, "data-oj-series-index": seriesIndex, "data-oj-object": 'line' }));
-        }) }));
-}
-
-const AXIS_OFFSET = 0.2;
-const LINE_WITH_AREA_OPACITY = 0.2;
-/**
- * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.
- */
-function LineAreaChart({ width, height, selectedIds = [], hiddenIds = [], highlightedIds, hideAndShowBehavior = 'none', orientation = 'vertical', yAxis, series, groups, isStacked = false, getDataItem, selectionMode = 'none', drilling = 'off', type = 'line', ...props }) {
-    const { direction } = useUser();
-    const isRtl = direction === 'rtl';
-    const isLog = yAxis?.scale === 'log';
-    const timeAxisType = props.xAxis?.timeAxisType;
-    const hiddenSet = new Set(hiddenIds);
-    const selectedSet = new Set(selectedIds);
-    const highlightedSet = new Set(highlightedIds);
-    const isHoriz = orientation === 'horizontal';
-    const colors = getColorRamp();
-    const renderedSeries = isStacked
-        ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)
-        : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);
-    const renderedGetDataItem = (seriesIndex, groupIndex) => {
-        if (!isStacked)
-            return getDataItem(seriesIndex, groupIndex);
-        return {
-            ...getDataItem(seriesIndex, groupIndex),
-            value: renderedSeries[seriesIndex][groupIndex]
-        };
-    };
-    const getGapRatio = () => {
-        return 1;
-    };
-    const getNextChartItemFunc = (startIndex, endIndex) => {
-        return getLineAreaChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl, isHoriz);
-    };
-    const getDataItemPos = (xScale, yScale) => {
-        return (seriesIndex, groupIndex) => {
-            const value = renderedSeries[seriesIndex][groupIndex];
-            if (value == null) {
-                return;
-            }
-            let xVal = groupIndex;
-            if (timeAxisType) {
-                const val = timeAxisType === 'mixedFrequency'
-                    ? getDataItem(seriesIndex, groupIndex)?.x
-                    : groups[groupIndex].id;
-                xVal = new Date(val).getTime();
-            }
-            const x = isHoriz ? yScale.transform(value) : xScale.transform(xVal);
-            const y = isHoriz ? xScale.transform(xVal) : yScale.transform(value);
-            return { x, y, height: 0, width: 0 };
-        };
-    };
-    const getMarkerColorAndType = (seriesIndex, groupIndex) => {
-        return {
-            color: getItemColor(seriesIndex, groupIndex, series, getDataItem),
-            type: getMarkerType(seriesIndex, groupIndex, 'lineWithArea', getDataItem)
-        };
-    };
-    const findNearest = (xScale, yScale) => {
-        const getSeriesDataInfo = () => {
-            return {
-                offset: 0,
-                dataWidth: 0
-            };
-        };
-        const getYCoord = (value, yScale) => {
-            return yScale.transform(value);
-        };
-        return findNearestDataPoint(series, groups, xScale, yScale, renderedGetDataItem, isStacked, getSeriesDataInfo, getYCoord, isLog, 0, hiddenSet, timeAxisType);
-    };
-    const markers = getMarkers();
-    const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;
-    const isAreaRendered = type === 'area' || type === 'lineWithArea';
-    const isContrastLineNeeded = type === 'area';
-    const allLineSegmentCoords = [];
-    return (jsx(Chart, { width: width, height: height, selectedIds: selectedSet, hiddenIds: hiddenIds, hideAndShowBehavior: hideAndShowBehavior, orientation: orientation, yAxis: yAxis, series: series, groups: groups, selectionMode: selectionMode, drilling: drilling, isStacked: isStacked, getDataItem: getDataItem, findNearest: findNearest, getDataItemPos: getDataItemPos, getMarkerInfo: getMarkerColorAndType, renderGridLinesInFront: isAreaRendered, getNavUtil: getNextChartItemFunc, getGapRatio: getGapRatio, offset: AXIS_OFFSET, isRtl: isRtl, ...props, children: ({ xStartIndex, xEndIndex, xScale, yScale, activeId, focusedItemInfo, hoveredItemInfo, isPointInsideMarquee }) => {
-            return (jsxs(Fragment, { children: [renderedSeries.map((lineAreaSeries, index) => {
-                        if (lineAreaSeries.length === 0) {
-                            /* TODO: need a better way to handle when a series is hidden. */
-                            return;
-                        }
-                        const seriesItem = series[index];
-                        const lineSegmentCoords = getLineAreaSegments(yScale, xScale, lineAreaSeries, xStartIndex, xEndIndex, isHoriz, isLog, groups, index, renderedGetDataItem, timeAxisType);
-                        allLineSegmentCoords[index] = lineSegmentCoords[0];
-                        const isBottomSegmentCurved = seriesItem.lineType === 'curved' &&
-                            isStacked &&
-                            renderedSeries.length > 1 &&
-                            index > 0;
-                        const isHighlighted = highlightedIds === undefined || highlightedSet.has(seriesItem.id);
-                        const prevCoords = isStacked && index != 0
-                            ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {
-                                // find the index i such that i < index, and series i  has at least 
-                                // one or more data item unhidden. Only such series will can be 
-                                // used as bottomCoord for current series. Otherwise we have to use 
-                                // baseline coord
-                                if (j >= index) {
-                                    return prevValue;
-                                }
-                                if (newValue.length > 0) {
-                                    return j;
-                                }
-                                return prevValue;
-                            }, 0)
-                            : undefined;
-                        return (jsxs(Fragment, { children: [isAreaRendered && (jsx(AreaSeries, { yScale: yScale, lineType: seriesItem.lineType, color: seriesItem.areaColor || colors[index % colors.length], isHorizontal: isHoriz, areaColorOpacity: areaOpacity, isBottomSegmentCurved: isBottomSegmentCurved, bottomCoords: prevCoords !== undefined && allLineSegmentCoords[prevCoords].some((value) => value != null) ? allLineSegmentCoords[prevCoords] : undefined, lineSegments: lineSegmentCoords, isLog: isLog, isHighlighted: isHighlighted, seriesIndex: index })), jsx(LineSeries, { lineType: seriesItem.lineType, 
-                                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white.
-                                        It's always white in legacy.*/
-                                    lineColor: isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor, 
-                                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved.
-                                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.
-                                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that
-                                      generates this curve.
-                                     */
-                                    lineWidth: isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth, lineStyle: seriesItem.lineStyle, color: seriesItem.lineColor || colors[index % colors.length], lineSegmentCoords: lineSegmentCoords, isHorizontal: isHoriz, isHighlighted: isHighlighted, seriesIndex: index }), 
-                                /*for non stacked charts, markers should render in the order of series.
-                                 some markers might get hidden behind area but this preserves the legacy behavior. */
-                                !isStacked && (jsx(Markers, { yScale: yScale, xScale: xScale, groups: groups, series: seriesItem, timeAxisType: timeAxisType, data: lineAreaSeries, color: seriesItem.lineColor ||
-                                        seriesItem.areaColor ||
-                                        colors[index % colors.length] /* TODO : make this use getItemColor function from dataStyleUtils. */, seriesIndex: index, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, isPointInsideMarquee: isPointInsideMarquee, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index &&
-                                        focusedItemInfo.isFocusVisible &&
-                                        !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)
-                                        ? focusedItemInfo.groupIndex
-                                        : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
-                                        ? hoveredItemInfo.groupIndex
-                                        : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on' }))] }));
-                    }), isStacked &&
-                        renderedSeries.map((lineAreaSeries, index) => {
-                            if (lineAreaSeries.length === 0) {
-                                /* TODO: need a better way to handle when a series is hidden.*/
-                                return;
-                            }
-                            const seriesItem = series[index];
-                            return (jsx(Markers, { yScale: yScale, series: series[index], xScale: xScale, groups: groups, timeAxisType: timeAxisType, data: lineAreaSeries, color: seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length], seriesIndex: index, isPointInsideMarquee: isPointInsideMarquee, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible
-                                    ? focusedItemInfo.groupIndex
-                                    : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
-                                    ? hoveredItemInfo.groupIndex
-                                    : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on' }));
-                        })] }));
-        } }));
-}
-
-export { LineAreaChart as L };
-//# sourceMappingURL=LineAreaChart-e2e762e8.js.map