@oracle/oraclejet-preact 19.0.1 → 19.0.3

package/es/DatePicker-86c5eebd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-86c5eebd.js","sources":["../../src/UNSAFE_DatePicker/useDatePickerState.ts","../../src/UNSAFE_DatePicker/useDatePicker.ts","../../src/UNSAFE_DatePicker/TodayButton.tsx","../../src/UNSAFE_DatePicker/DatePicker.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 type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport {\n  addToCalendarDate,\n  addToMonth,\n  addToYear,\n  compareDates,\n  getDaysInMonth\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { useMemo, useReducer, useRef } from 'preact/compat';\n\n// This is the type of the state that is returned from the useDatePickerState reducer.\n// This is a single state that will handle the different views of the DatePicker, the\n// MonthView, the MonthGridView, and the YearGridView. Initially we have implemented\n// the state for the MonthView.\ntype DatePickerState = {\n  /**\n   * Specifies the current view the DatePicker is showing.\n   */\n  currentView: 'monthView' | 'monthsGridView' | 'yearsGridView';\n\n  /**\n   * The focusableDate is the one day in the MonthView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders\n   * with Today as the focusableDate. The focusableDate doesn't have focus until the user tabs in\n   * to the Month View.\n   * When the user navigates the days with the arrow keys,\n   * the focusableDate changes along with the focusedDate, and they will be the same date.\n   * This is a 'roving' index.\n   * The focusableDate is never undefined.\n   * <p>\n   * If the user keyboards to the next month (Fn+Down Arrow on a Mac),\n   * then the focusableDate and the focusedDate of the next month\n   * is the same day number, or as close as possible to stay in the same month. For example,\n   * if the focusedDate and focusableDate is April 2, 2024, the focusedDate and focusableDate for the next month is May 2, 2024.\n   * If the focusedDate and focusableDate is February 28, 2024, the focusedDate and focusableDate for the next month is March 28, 2024.\n   * If the focusedDate and focusableDate is January 31, 2024, the focusedDate and focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   * </p>\n   * <p>\n   * If the user clicks the Next Month button in the DatePicker's header, then\n   * there is no date that has focus, so the focusedDate is undefined.\n   * The focusableDate will be set.\n   * For example,\n   * if the focusableDate is April 2, 2024, the focusableDate for the next month is May 2, 2024.\n   * If the focusableDate is February 28, 2024, the focusableDate for the next month is March 28, 2024.\n   * If the focusableDate is January 31, 2024, the focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   *\n   * </p>\n   */\n  focusableDate: CalendarDateRequired;\n\n  /**\n   * The focusableMonth is the one month in the MonthsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableMonth. The focusableMonth doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableMonth changes\n   * along with the focusedMonth, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableMonth is never undefined.\n   */\n  focusableMonth: CalendarDateRequired['month'];\n\n  /**\n   * The focusableYear is the one month in the YearsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableYear. The focusableYear doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableYear changes\n   * along with the focusedYear, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableYear is never undefined.\n   */\n  focusableYear: CalendarDateRequired['year'];\n\n  /**\n   * A boolean to indicate if the focus is in the view.\n   */\n  isViewFocused: boolean;\n\n  /**\n   * Specifies whether to hide the previous navigation button is hidden from the header.\n   */\n  isPreviousNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the today navigation button is hidden from the header.\n   */\n  isTodayNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the next navigation button is hidden from the header.\n   */\n  isNextNavigationButtonHidden: boolean;\n};\n\nconst datePickerResetActionTypes = ['reset'] as const;\n\nconst datePickerViewActionTypes = [\n  'monthView',\n  'monthsGridView',\n  'yearsGridView',\n  'viewBlur'\n] as const;\n\nconst monthViewActionTypes = [\n  'dayFocused',\n  'daySelected',\n  'goToToday',\n  'previousDay',\n  'nextDay',\n  'previousWeek',\n  'nextWeek',\n  'previousMonth',\n  'previousMonthAndFocus',\n  'nextMonth',\n  'nextMonthAndFocus',\n  'previousYear',\n  'nextYear',\n  'firstDayOfMonth',\n  'lastDayOfMonth'\n] as const;\n\nconst monthsGridViewActionTypes = [\n  'previousMonthInGridView',\n  'nextMonthInGridView',\n  'previousMonthRowInGridView',\n  'nextMonthRowInGridView',\n  'monthFocused',\n  'monthSelected'\n] as const;\n\nconst yearsGridViewActionTypes = [\n  'previousYearInGridView',\n  'nextYearInGridView',\n  'previousYearRowInGridView',\n  'nextYearRowInGridView',\n  'previousDecade',\n  'previousDecadeAndFocus',\n  'nextDecade',\n  'nextDecadeAndFocus',\n  'yearFocused',\n  'yearSelected'\n] as const;\n\ntype DatePickerViewActionTypes = (typeof datePickerViewActionTypes)[number];\ntype DatePickerResetActionTypes = (typeof datePickerResetActionTypes)[number];\ntype MonthViewActionTypes = (typeof monthViewActionTypes)[number];\ntype MonthsGridViewActionTypes = (typeof monthsGridViewActionTypes)[number];\ntype YearsGridViewActionTypes = (typeof yearsGridViewActionTypes)[number];\n\n// This is the type of the actions that the hook returns.\ntype DatePickerStateAction = ReturnType<typeof useDatePickerState>['actions'];\n\n// Type for the action of the datePickerReducer.\ntype DatePickerViewAction = {\n  [Type in DatePickerViewActionTypes]: { type: Type; payload?: undefined };\n}[DatePickerViewActionTypes];\n\ntype DatePickerResetAction = {\n  [Type in DatePickerResetActionTypes]: { type: Type; payload: DatePickerState };\n}[DatePickerResetActionTypes];\n\ntype MonthViewAction = {\n  [Type in MonthViewActionTypes]: { type: Type; payload: CalendarDateRequired };\n}[MonthViewActionTypes];\n\ntype MonthsGridViewAction = {\n  [Type in MonthsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'month'> };\n}[MonthsGridViewActionTypes];\n\ntype YearsGridViewAction = {\n  [Type in YearsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'year'> };\n}[YearsGridViewActionTypes];\n\ntype DatePickerReducerAction =\n  | DatePickerResetAction\n  | DatePickerViewAction\n  | MonthViewAction\n  | MonthsGridViewAction\n  | YearsGridViewAction;\n\n// A reducer is a plain old function you write that takes the current state,\n// and the action to be processed, and returns the state as it should be, based on that action occurring.\n// The reducer, not the sender,  determines how a given report (action) affects the state.\nconst datePickerReducer = (\n  state: DatePickerState,\n  action: DatePickerReducerAction\n): DatePickerState => {\n  // On mount, the reducer is initialized with initial state derived from the DatePicker'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.type === 'reset') {\n    return action.payload!;\n  }\n\n  switch (action.type) {\n    case 'monthView': {\n      return {\n        ...state,\n        currentView: 'monthView',\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    case 'monthsGridView': {\n      return {\n        ...state,\n        currentView: 'monthsGridView',\n        focusableMonth: state.focusableDate.month,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: true,\n        isPreviousNavigationButtonHidden: true,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'yearsGridView': {\n      return {\n        ...state,\n        currentView: 'yearsGridView',\n        focusableYear: state.focusableDate.year,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'viewBlur': {\n      return state.isViewFocused ? { ...state, isViewFocused: false } : state;\n    }\n    case 'dayFocused':\n    case 'daySelected': {\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'goToToday': {\n      // User clicked on the 'Today' icon, which means they want to navigate to show the month of Today\n      // payload is Today's date. We also set the focus to Today.\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'previousDay': {\n      const previousDay = addToCalendarDate(action.payload, { days: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextDay': {\n      const nextDay = addToCalendarDate(action.payload, { days: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousWeek': {\n      const previousDay = addToCalendarDate(action.payload, { days: -7 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextWeek': {\n      const nextDay = addToCalendarDate(action.payload, { days: 7 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousMonth':\n    case 'previousMonthAndFocus': {\n      // PageUp moves focus to the previous month.\n      // We also get here if the DatePicker while in month view header's Previous navigation button is pressed.\n      const prevMonth = addToCalendarDate(action.payload, { months: -1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'previousMonthAndFocus',\n        focusableDate: prevMonth\n      };\n    }\n    case 'nextMonth':\n    case 'nextMonthAndFocus': {\n      // Shift PageDown moves focus to the next month. TODO: Confirm this works on a Windows machine.\n      // Shift Fn Arrow Down works on my Mac.\n      // We also get here if the DatePicker while in month view header's Next navigation button is pressed.\n      const nextMonth = addToCalendarDate(action.payload, { months: 1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'nextMonthAndFocus',\n        focusableDate: nextMonth\n      };\n    }\n    case 'previousYear': {\n      // Shift Page Up moves focus to the previous year. TODO: Confirm this works on a Windows machine.\n      const previousYear = addToCalendarDate(action.payload, { years: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousYear };\n    }\n    case 'nextYear': {\n      const nextYear = addToCalendarDate(action.payload, { years: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextYear };\n    }\n    case 'firstDayOfMonth': {\n      // Home moves focus to the first day of the month (Fn+LeftArrow on a mouse.)\n      const currentDate = action.payload;\n      const firstDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: 1\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: firstDayOfMonthDate };\n    }\n    case 'lastDayOfMonth': {\n      // End moves focus to the last day of the month\n      const currentDate = action.payload;\n      const lastDay = getDaysInMonth(currentDate.month, currentDate.year);\n      const lastDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: lastDay\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: lastDayOfMonthDate };\n    }\n\n    case 'previousMonthInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -1);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'previousMonthRowInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -4);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'nextMonthInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 1);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'nextMonthRowInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 4);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'monthFocused': {\n      return { ...state, focusableMonth: action.payload.month, isViewFocused: true };\n    }\n    case 'monthSelected': {\n      const monthSteps = action.payload.month - state.focusableDate.month;\n      const goToDate = addToCalendarDate(state.focusableDate, { months: monthSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n\n    case 'previousYearInGridView': {\n      const previousYear = addToYear(action.payload.year, -1);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousYearRowInGridView': {\n      const previousYear = addToYear(action.payload.year, -4);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousDecade':\n    case 'previousDecadeAndFocus': {\n      const previousYear = addToYear(action.payload.year, -10);\n      return {\n        ...state,\n        focusableYear: previousYear,\n        isViewFocused: action.type === 'previousDecadeAndFocus'\n      };\n    }\n    case 'nextYearInGridView': {\n      const nextYear = addToYear(action.payload.year, 1);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextYearRowInGridView': {\n      const nextYear = addToYear(action.payload.year, 4);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextDecade':\n    case 'nextDecadeAndFocus': {\n      const nextYear = addToYear(action.payload.year, 10);\n      return {\n        ...state,\n        focusableYear: nextYear,\n        isViewFocused: action.type === 'nextDecadeAndFocus'\n      };\n    }\n    case 'yearFocused': {\n      return { ...state, focusableYear: action.payload.year, isViewFocused: true };\n    }\n    case 'yearSelected': {\n      const yearSteps = action.payload.year - state.focusableDate.year;\n      const goToDate = addToCalendarDate(state.focusableDate, { years: yearSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * This becomes the state's focusableDate.\n   */\n  initialFocusableDate: CalendarDateRequired;\n};\n\n/**\n * useDatePickerState takes an object with the initialFocusableDate and\n * determines the initial state; i.e., focusableDate and focusedDate. It returns the state\n * and actions a user can take on the DatePicker that will update the state. The actions are functions\n * that call dispatch with the type and payload.\n * @param param0\n * @returns\n */\nconst useDatePickerState = ({ initialFocusableDate }: Props) => {\n  // Create the initial state to pass to our reducer.\n  const initialState: DatePickerState = {\n    currentView: 'monthView',\n    focusableDate: initialFocusableDate,\n    focusableMonth: initialFocusableDate.month,\n    focusableYear: initialFocusableDate.year,\n    isViewFocused: false,\n    isNextNavigationButtonHidden: false,\n    isPreviousNavigationButtonHidden: false,\n    isTodayNavigationButtonHidden: false\n  };\n\n  const [state, dispatch] = useReducer(datePickerReducer, initialState);\n\n  // initialFocusableDate is the controlled value passed from the parent.\n  const lastValueFromParentRef = useRef<CalendarDateRequired>(initialFocusableDate);\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current focusableDate 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 (compareDates(lastValueFromParentRef.current, initialFocusableDate) !== 0) {\n    lastValueFromParentRef.current = initialFocusableDate;\n    if (compareDates(initialFocusableDate, state.focusableDate) !== 0) {\n      dispatch({ type: 'reset', payload: initialState });\n    }\n  }\n\n  // Using an action creator like this is nice because now each time we want to add an action,\n  // we don't have to remember the action constant to use or how the payload should be structured. (from the redux doc)\n\n  // memoize the actions object since we pass this around to our components.\n  const actions = useMemo(() => {\n    const actionsObject: {\n      [Type in\n        | DatePickerViewActionTypes\n        | MonthViewActionTypes\n        | MonthsGridViewActionTypes\n        | YearsGridViewActionTypes]: (\n        payload: Extract<DatePickerReducerAction, { type: Type }>['payload']\n      ) => void;\n    } = {} as any;\n\n    datePickerViewActionTypes.forEach((type) => {\n      actionsObject[type] = () => dispatch({ type });\n    });\n\n    monthViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    monthsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    yearsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: YearsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    return actionsObject;\n  }, [dispatch]);\n\n  return { state, actions };\n};\n\nexport { useDatePickerState };\nexport type {\n  DatePickerState,\n  DatePickerStateAction,\n  DatePickerViewActionTypes,\n  MonthViewActionTypes,\n  MonthsGridViewActionTypes,\n  YearsGridViewActionTypes\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { MonthView } from '#PRIVATE_MonthView';\nimport type { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport {\n  constrainCalendarDate,\n  getCalendarDateToday,\n  isCalendarDateBefore,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ComponentProps, RefObject, useCallback, useMemo } from 'preact/compat';\nimport { useDatePickerState } from './useDatePickerState';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\n\n/**\n * A map that specifies the selection of the header toggle button based on the\n * view we are in.\n */\nconst headerToggleSelection = {\n  monthView: 'none',\n  monthsGridView: 'month',\n  yearsGridView: 'year'\n} as const;\n\ntype MonthViewProps = ComponentProps<typeof MonthView>;\ntype MonthsGridViewProps = ComponentProps<typeof MonthsGridView>;\ntype YearsGridViewProps = ComponentProps<typeof YearsGridView>;\n\ntype UseDatePickerProps = {\n  isReadonly?: boolean;\n  max?: CalendarDateRequired;\n  min?: CalendarDateRequired;\n  rootRef: RefObject<HTMLDivElement>;\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n  value?: CalendarDateRequired;\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n};\n\n/**\n * A custom hook that adds functionality to the DatePicker component.\n */\nexport const useDatePicker = ({\n  isReadonly,\n  max,\n  min,\n  rootRef,\n  todayTimeZone,\n  value,\n  onCommit\n}: UseDatePickerProps) => {\n  // Check for errors first\n  if (min && max && isCalendarDateBefore(max, min)) {\n    throw new Error('DatePicker: min must be equal or less than max.');\n  }\n\n  const todaysDate = getCalendarDateToday(todayTimeZone);\n\n  // We need to make sure that this initialFocusableDate is within the min/max range.\n  // When there is no min or max set, we draw the month of the value if value is set, otherwise we draw today's month.\n  // If the initialFocusableDate is not within the min/max range, then we constrain the calendar date by changing the month to draw\n  // so that the initialFocusableDate is the min date if the initialFocusableDate is < min or the max month if the initialFocusableDate is > max.\n  const initialFocusableDate = useMemo(\n    () => constrainCalendarDate(value ?? todaysDate, min, max),\n    [value, todaysDate, min, max]\n  );\n\n  const { state, actions } = useDatePickerState({ initialFocusableDate });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabels = {\n    next: translations.datePicker_next(),\n    previous: translations.datePicker_prev(),\n    goToToday: translations.datePicker_goToToday(),\n    today: translations.datePicker_today()\n  };\n\n  // JET-73420, JET-62113: Create a changeValue method that can be called by a test adapter to\n  // simulate a user changing the value. This method calls the onCommit callback, just like what\n  // would happen if a user (or test) made a change through the UI.\n  const changeValue = useCallback(\n    (newValue: CalendarDateRequired) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI. Note that newValue\n      // cannot be undefined (meaning you cannot clear the value) because there is no way to\n      // do that through the UI.\n      if (!isReadonly) {\n        onCommit({ value: newValue, previousValue: value });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly');\n    },\n    [isReadonly, onCommit, value]\n  );\n\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  const handlers = {\n    /**\n     * Handler for DatePickerHeader.onMonthToggle.\n     * This is used for toggling between the MonthView and\n     * MonthsGridView.\n     */\n    handleMonthToggle: useCallback(() => {\n      if (state.currentView !== 'monthsGridView') {\n        actions.monthsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onYearToggle.\n     * This is used for toggling between the MonthView and\n     * YearsGridView.\n     */\n    handleYearToggle: useCallback(() => {\n      if (state.currentView !== 'yearsGridView') {\n        actions.yearsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onTodayNavigation.\n     * This is used for navigating to today in the MonthView.\n     */\n    handleTodayNavigation: useCallback(() => {\n      actions.goToToday(todaysDate);\n    }, [actions, todaysDate]),\n\n    /**\n     * Handler for DatePickerHeader.onPreviousNavigation.\n     * This is used for navigating to the previous month in MonthView\n     * and previous decade in YearsGridView.\n     */\n    handlePreviousNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.previousMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.previousDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for DatePickerHeader.onNextNavigation.\n     * This is used for navigating to the next month in MonthView\n     * and next decade in YearsGridView.\n     */\n    handleNextNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.nextMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.nextDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for MonthView.onAction.\n     * This is used for selecting a date in MonthView.\n     */\n    handleMonthViewAction: useCallback<MonthViewProps['onAction']>(\n      (payload) => {\n        if (payload.date === undefined || isReadonly) return;\n        actions.daySelected(payload.date);\n        // We purposely send onCommit even if the value is the same.\n        // The InputDatePicker closes the datepicker when the user commits,\n        // even if it is the already selected date.\n        onCommit?.({ previousValue: value, value: payload.date });\n      },\n      [actions, isReadonly, onCommit, value]\n    ),\n\n    /**\n     * Handler for MonthView.onNavigation.\n     * This is used for navigating in the MonthView like moving around the\n     * dates in the month and going to the prev/next month/year.\n     */\n    handleMonthViewNavigation: useCallback<MonthViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'previousMonth':\n            return actions.previousMonthAndFocus(detail.date);\n          case 'nextMonth':\n            return actions.nextMonthAndFocus(detail.date);\n          case 'today':\n            return actions.goToToday(todaysDate);\n          default:\n            return actions[detail.direction](detail.date);\n        }\n      },\n      [actions, todaysDate]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onAction.\n     * This is used for selecting a month in MonthsGridView and navigating to\n     * the selected month in MonthView.\n     */\n    handleMonthsGridViewAction: useCallback<MonthsGridViewProps['onAction']>(\n      (detail) => {\n        actions.monthSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onNavigation.\n     * This is used for navigating through the MonthsGridView.\n     */\n    handleMonthsGridViewNavigation: useCallback<MonthsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextMonthRowInGridView({ month: detail.month });\n          case 'next':\n            return actions.nextMonthInGridView({ month: detail.month });\n          case 'previous':\n            return actions.previousMonthInGridView({ month: detail.month });\n          case 'up':\n            return actions.previousMonthRowInGridView({ month: detail.month });\n        }\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onAction.\n     * This is used for selecting a year in YearsGridView and navigating to\n     * the selected year in MonthView.\n     */\n    handleYearsGridViewAction: useCallback<YearsGridViewProps['onAction']>(\n      (detail) => {\n        actions.yearSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onNavigation.\n     * This is used for navigating through the YearsGridView.\n     */\n    handleYearsGridViewNavigation: useCallback<YearsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextYearRowInGridView({ year: detail.year });\n          case 'next':\n            return actions.nextYearInGridView({ year: detail.year });\n          case 'nextDecade':\n            return actions.nextDecadeAndFocus({ year: detail.year });\n          case 'previous':\n            return actions.previousYearInGridView({ year: detail.year });\n          case 'previousDecade':\n            return actions.previousDecadeAndFocus({ year: detail.year });\n          case 'up':\n            return actions.previousYearRowInGridView({ year: detail.year });\n        }\n      },\n      [actions]\n    )\n  };\n\n  const { focusProps } = useFocusWithin({\n    // If we blur out of the MonthView, make sure the isViewFocused state is false.\n    // This is used for the case where you are on the Today month,\n    // and you press on Go to Today, focus moves to the day cell that is today,\n    // then tab back twice to Go to Today button and press it again and focus should move again to the day cell that is today.\n    // JET-66580 today button stays highlighted and arrow keys do not work\n    // We do not set isViewFocused onFocusWithin. Doing so causes a different issue. JET-73067 Input Date Picker/DatePicker - REFLOW - can not set value on the first click\n    onBlurWithin: useCallback(() => actions.viewBlur(undefined), [actions])\n  });\n\n  return {\n    accessibleLabels,\n    actions,\n    handlers,\n    state,\n    todaysDate,\n    toggleSelection: headerToggleSelection[state.currentView],\n    viewContainerProps: { ...focusProps }\n  };\n};\n","import { Flex } from '#UNSAFE_Flex';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Button } from '#UNSAFE_Button';\nimport { ComponentProps } from 'preact/compat';\n\ntype ButtonOnAction = NonNullable<ComponentProps<typeof Button>['onAction']>;\n\ntype Props = TestIdProps & {\n  /**\n   * Accessible label for the today navigation button that is in the footer of the DatePicker\n   * in small screens.\n   *\n   * Use this property to provide a screen reader aria-label for the\n   * footer today navigation button.\n   */\n  todayNavigationAriaLabel: string;\n\n  /**\n   * Label for the today navigation button that is in the footer of the DatePicker in small screens.\n   * Use this property to provide a label for the footer today navigation button.\n   */\n  todayNavigationLabel: string;\n\n  /**\n   * A callback function to be called when the today button is clicked. Only\n   * applicable when `isTodayNavigationButtonHidden` is set to `false`.\n   */\n  onTodayNavigationAction?: ButtonOnAction;\n};\n\n/**\n * A Today button. The DatePicker puts this in its footer on small screens.\n * When a user presses the button, the DatePicker navigates to Today and sets focus on Today.\n */\nexport const TodayButton = ({\n  onTodayNavigationAction,\n  testId,\n  todayNavigationAriaLabel,\n  todayNavigationLabel\n}: Props) => {\n  return (\n    <Flex direction=\"column\">\n      <Button\n        testId={testId}\n        label={todayNavigationLabel}\n        aria-label={todayNavigationAriaLabel}\n        size=\"sm\"\n        onAction={onTodayNavigationAction}\n      />\n    </Flex>\n  );\n};\n","import { useRef } from 'preact/hooks';\nimport { DatePickerHeader } from '#PRIVATE_DatePickerHeader';\nimport { MonthView } from '#PRIVATE_MonthView';\nimport { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDatePicker } from './useDatePicker';\nimport { useBreakpointValues } from '#hooks/UNSAFE_useBreakpointValues';\nimport { TodayButton } from './TodayButton';\nimport { datePickerPropVars } from './themes/DatePickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { DatePickerRedwoodTheme } from './themes/redwood/DatePickerTheme';\nimport { Size } from '#utils/UNSAFE_size';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\ntype Props = TestIdProps & {\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n\n  /**\n   * The daysOutsideMonth property affects the day cells that are outside of the current month.\n   * If set to 'hidden', then the days outside of the current month will be hidden.\n   * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n   * This defaults to 'hidden'.\n   */\n  daysOutsideMonth?: 'hidden' | 'selectable';\n\n  /**\n   * When property is set to \"auto\", the date picker will automatically adjust to the height of the rows of weeks.\n   * This is mainly to be used in conjunction with InputDatePicker.\n   * <p>If not specified, defaults to the theme specified height.<br/>\n   */\n  height?: 'auto';\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * The monthAndYearPicker property can be used to specify whether or not the DatePicker should show the\n   * Months Grid View and Years Grid View.\n   */\n  monthAndYearPicker?: 'on' | 'off';\n\n  /**\n   * The maximum selectable date. The max must be equal or greater than the min if they are both specified or an error is thrown.\n   */\n  max?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style maxWidth.\n   * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n   * This attribute accepts values of type:<br/>\n   * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n   * <p>When this component is used in composition and the component should take up 100% of the parent container's\n   * width, set maxWidth to '100%'.<br/>\n   * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  maxWidth?: Size;\n\n  /**\n   * The minimum selectable date. The min must be equal or less than the max if they are both specified or an error is thrown.\n   */\n  min?: CalendarDateRequired;\n\n  /**\n   * The todayTimeZone property is used to compute what the highlighted today cell is for the DatePicker.\n   * This defaults to the user's system timezone.\n   * <p>\n   * The only reason an application would set the todayTimeZone property is if they want the\n   * highlighted today cell to be in a different timezone than the user's system's timezone,\n   * like if the user has a preferred timezone that is not where they are physically working.\n   * </p>\n   */\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n\n  /**\n   * Specifies how to render the 'Go to today' button.\n   * <ul>\n   * <li>'visible' - set this property to 'visible' to show the 'Go to today' button.</li>\n   * <li>'hidden' - set this property to 'hidden' to hide the 'Go to today' button.</li>\n   * </ul>\n   */\n  todayButton?: 'visible' | 'hidden';\n\n  /**\n   * The value of the DatePicker. The value property is the date that looks selected in the DatePicker.\n   * If the value is undefined, no day will look selected.\n   * <p>\n   * The DatePicker initially opens to the selected date if there is one and it is within the min/max range.\n   * If there is no value, the DatePicker initially opens to today's month.\n   * </p>\n   */\n  value?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style width.\n   * <p>If not specified, defaults to '100%'.</p>\n   * <p>This attribute accepts values of type:</p>\n   * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n   * <br/>\n   * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  width?: Size;\n\n  /**\n   * Callback invoked when the user selects a date in the DatePicker. This callback is called even when the previous\n   * value and the value are the same, that is, when the user selects an already selected date.\n   * The app needs to handle this to write back the controlled 'value' property, or else no date will be shown\n   * to be selected.\n   * If the app is using a DatePicker to control another component, like as a way to navigate an Event Calendar,\n   * then they would listen to the onCommit to get the value of the selected date.\n   */\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n\n  /**\n   * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n   * rule for ISO 8601 as follows: The first week of the year is defined as the week that contains\n   * the first Thursday. Therefore, if January 1st falls on a Friday, it is considered part of the last week\n   * of the previous year. Conversely, if December 31st falls on a Wednesday, it is part of week 1 of the following year.\n   */\n  weekDisplay?: 'none' | 'number';\n};\n\n/**\n * A DatePicker is a calendar interface that allows users to select a single date.\n */\nexport const DatePicker = ({\n  dayFormatter,\n  daysOutsideMonth,\n  height,\n  isReadonly = false,\n  monthAndYearPicker = 'on',\n  max,\n  maxWidth,\n  min,\n  value,\n  testId,\n  todayTimeZone,\n  todayButton = 'visible',\n  weekDisplay = 'none',\n  width,\n  onCommit\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { accessibleLabels, handlers, state, todaysDate, toggleSelection, viewContainerProps } =\n    useDatePicker({\n      isReadonly,\n      max,\n      min,\n      rootRef,\n      todayTimeZone,\n      value,\n      onCommit\n    });\n  const { month, year } = state.focusableDate;\n  const isMonthYearPickerEnabled = monthAndYearPicker === 'on' && !isReadonly;\n  // When the screen is < 360px, we hide the DatePickerHeader's today button and show a Today button\n  // on the bottom of the DatePicker instead.\n  // NOTE: I cannot use xs, sm here since useBreakpointValues's types do not allow it.\n  const shouldShowTodayFooterButton = useBreakpointValues(\n    {\n      sm: true,\n      md: false\n    },\n    { sm: '0px', md: '360px' }\n  );\n\n  const showTodayFooterButton =\n    !state.isTodayNavigationButtonHidden &&\n    shouldShowTodayFooterButton &&\n    todayButton === 'visible';\n\n  // we need to render the baseTheme on the root dom element so that the CSS vars in datePickerPropVars will be defined.\n  const { classes } = useComponentTheme(DatePickerRedwoodTheme);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={classes} ref={rootRef} {...testIdProps}>\n      <Flex\n        direction=\"column\"\n        gap={\n          state.currentView === 'monthView'\n            ? datePickerPropVars.calendarGridRowGap\n            : datePickerPropVars.monthYearGridRowGap\n        }\n        height={\n          height === 'auto'\n            ? undefined\n            : showTodayFooterButton\n            ? datePickerPropVars.todayFooterButtonHeight\n            : datePickerPropVars.height\n        }\n        maxWidth={maxWidth !== undefined ? maxWidth : datePickerPropVars.maxWidth}\n        width={width !== undefined ? width : datePickerPropVars.width}>\n        <DatePickerHeader\n          testId={testId ? testId + '_header' : undefined}\n          month={month}\n          year={year}\n          isPreviousNavigationButtonHidden={state.isPreviousNavigationButtonHidden}\n          isTodayNavigationButtonHidden={\n            todayButton === 'hidden' ||\n            state.isTodayNavigationButtonHidden ||\n            shouldShowTodayFooterButton\n          }\n          isNextNavigationButtonHidden={state.isNextNavigationButtonHidden}\n          monthYearHeader={isMonthYearPickerEnabled ? 'independentButtons' : 'text'}\n          toggleSelection={isMonthYearPickerEnabled ? toggleSelection : undefined}\n          previousNavigationAccessibleLabel={accessibleLabels.previous}\n          todayNavigationAccessibleLabel={accessibleLabels.goToToday}\n          nextNavigationAccessibleLabel={accessibleLabels.next}\n          onTodayNavigationAction={handlers.handleTodayNavigation}\n          onPreviousNavigationAction={handlers.handlePreviousNavigation}\n          onNextNavigationAction={handlers.handleNextNavigation}\n          onMonthToggle={isMonthYearPickerEnabled ? handlers.handleMonthToggle : undefined}\n          onYearToggle={isMonthYearPickerEnabled ? handlers.handleYearToggle : undefined}\n        />\n        <div {...viewContainerProps}>\n          {state.currentView === 'monthView' && (\n            <MonthView\n              dayFormatter={dayFormatter}\n              daysOutsideMonth={daysOutsideMonth}\n              isReadonly={isReadonly}\n              max={max}\n              min={min}\n              selectedDate={value}\n              focusableDate={state.focusableDate}\n              isFocused={state.isViewFocused}\n              testId={testId ? testId + '_monthView' : undefined}\n              todaysDate={todaysDate}\n              onNavigation={handlers.handleMonthViewNavigation}\n              onAction={handlers.handleMonthViewAction}\n              weekDisplay={weekDisplay}\n            />\n          )}\n          {state.currentView === 'monthsGridView' && (\n            <MonthsGridView\n              currentMonth={todaysDate.month}\n              focusableMonth={state.focusableMonth}\n              isFocused={state.isViewFocused}\n              selectedMonth={month}\n              testId={testId ? testId + '_monthsGridView' : undefined}\n              onAction={handlers.handleMonthsGridViewAction}\n              onNavigation={handlers.handleMonthsGridViewNavigation}\n            />\n          )}\n          {state.currentView === 'yearsGridView' && (\n            <YearsGridView\n              currentYear={todaysDate.year}\n              focusableYear={state.focusableYear}\n              isFocused={state.isViewFocused}\n              selectedYear={year}\n              testId={testId ? testId + '_yearsGridView' : undefined}\n              onAction={handlers.handleYearsGridViewAction}\n              onNavigation={handlers.handleYearsGridViewNavigation}\n            />\n          )}\n        </div>\n        {showTodayFooterButton && (\n          <div>\n            <TodayButton\n              testId={testId ? testId + '_footerTodayButton' : undefined}\n              todayNavigationLabel={accessibleLabels.today}\n              todayNavigationAriaLabel={accessibleLabels.goToToday}\n              onTodayNavigationAction={handlers.handleTodayNavigation}\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  );\n};\n"],"names":["_jsx","useRef","_jsxs"],"mappings":"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"}

package/es/DatePickerHeader-cd95c0f1.js

@@ -0,0 +1,45 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+import { F as Flex } from './Flex-97b023db.js';
+import { I as IconButton } from './IconButton-e7787aeb.js';
+import { S as SvgCaretDown } from './CaretDown-1777ecfc.js';
+import { I as Icon } from './Icon-ef2ac069.js';
+import { S as SvgChevronLeft } from './ChevronLeft-9485ef57.js';
+import { S as SvgChevronRight } from './ChevronRight-e0152ded.js';
+import { T as Text } from './Text-983c749e.js';
+import { T as ToggleButton } from './ToggleButton-0253034c.js';
+import { V as View } from './View-cebbf701.js';
+import { u as useUser } from './useUser-2decb9ed.js';
+import './getFormatParse-6e71bd79.js';
+import './logger-c92f309c.js';
+import { g as getLongFormattedYearMonth, a as getNumericFormattedYear } from './calendarDateUtils-52ee4867.js';
+import { g as getMonthName } from './maskUtils-ad8f1f9b.js';
+import { useMemo } from 'preact/compat';
+import { styles } from './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css.js';
+
+const SvgCaretUp = (props) => (jsx(Icon, { viewBox: "0 0 24 24", ...props, children: jsx("g", { fill: "none", children: jsx("path", { d: "M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z", fill: "currentcolor" }) }) }));
+
+const SvgRadioButtonSmallOn = (props) => (jsx(Icon, { viewBox: "0 0 24 24", ...props, children: jsxs("g", { fill: "none", children: [jsx("path", { d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z", fill: "currentcolor" }), jsx("path", { d: "M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-1.5 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0z", fill: "currentcolor" })] }) }));
+
+/**
+ * The DatePickerHeader component can be used to render the header for the
+ * DatePicker component. It shows the current month, year and some additional
+ * elements based on the configuration like previous, today and next navigation
+ * buttons.
+ */
+const DatePickerHeader = ({ isPreviousNavigationButtonHidden = false, isTodayNavigationButtonHidden = false, isNextNavigationButtonHidden = false, month, monthToggleAccessibleLabel, monthYearHeader = 'independentButtons', nextNavigationAccessibleLabel, previousNavigationAccessibleLabel, testId, todayNavigationAccessibleLabel, toggleSelection = 'none', year, yearToggleAccessibleLabel, onMonthToggle, onNextNavigationAction, onPreviousNavigationAction, onTodayNavigationAction, onYearToggle }) => {
+    const { locale, direction } = useUser();
+    // format month and year to long string
+    // { month: 3, year 2024 } -> 'March 2024'
+    const longFormattedYearMonth = useMemo(() => getLongFormattedYearMonth(locale, year, month), [locale, month, year]);
+    // format month and year to strings
+    // { month: 3, year 2024 } -> { monthStr: 'Mar', yearStr: '2024' }
+    const { monthStr, yearStr } = useMemo(() => ({
+        monthStr: getMonthName(locale, month, year, 'short'),
+        yearStr: getNumericFormattedYear(locale, year, month)
+    }), [locale, month, year]);
+    return (jsxs(Flex, { align: "center", justify: "between", testId: testId, children: [jsxs(Flex, { children: [monthYearHeader === 'independentButtons' && (jsx(Fragment, { children: jsxs("div", { class: styles['monthYearButtonContainer'], children: [jsx(ToggleButton, { "aria-label": monthToggleAccessibleLabel, label: monthStr, endIcon: toggleSelection === 'month' ? jsx(SvgCaretUp, {}) : jsx(SvgCaretDown, {}), isSelected: toggleSelection === 'month', onToggle: onMonthToggle, size: "sm", variant: "borderless" }), jsx(ToggleButton, { "aria-label": yearToggleAccessibleLabel, label: yearStr, endIcon: toggleSelection === 'year' ? jsx(SvgCaretUp, {}) : jsx(SvgCaretDown, {}), isSelected: toggleSelection === 'year', onToggle: onYearToggle, size: "sm", variant: "borderless" })] }) })), monthYearHeader === 'text' && (jsx(View, { paddingInlineStart: "3x", children: jsx(Text, { size: "md", weight: "semiBold", children: longFormattedYearMonth }) }))] }), jsxs(Flex, { children: [!isPreviousNavigationButtonHidden && (jsx(IconButton, { "aria-label": previousNavigationAccessibleLabel, size: "sm", variant: "borderless", onAction: onPreviousNavigationAction, children: direction === 'ltr' ? jsx(SvgChevronLeft, {}) : jsx(SvgChevronRight, {}) })), !isTodayNavigationButtonHidden && (jsx(IconButton, { "aria-label": todayNavigationAccessibleLabel, size: "sm", variant: "borderless", onAction: onTodayNavigationAction, children: jsx(SvgRadioButtonSmallOn, {}) })), !isNextNavigationButtonHidden && (jsx(IconButton, { "aria-label": nextNavigationAccessibleLabel, size: "sm", variant: "borderless", onAction: onNextNavigationAction, children: direction === 'ltr' ? jsx(SvgChevronRight, {}) : jsx(SvgChevronLeft, {}) }))] })] }));
+};
+
+export { DatePickerHeader as D };
+//# sourceMappingURL=DatePickerHeader-cd95c0f1.js.map

package/es/DatePickerHeader-cd95c0f1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerHeader-cd95c0f1.js","sources":["../../src/UNSAFE_RedwoodIcons/CaretUp/CaretUp.tsx","../../src/UNSAFE_RedwoodIcons/RadioButtonSmallOn/RadioButtonSmallOn.tsx","../../src/PRIVATE_DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgCaretUp = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path d=\"M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z\" fill=\"currentcolor\" />\n    </g>\n  </Icon>\n);\nexport { SvgCaretUp as CaretUp };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgRadioButtonSmallOn = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path d=\"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z\" fill=\"currentcolor\" />\n      <path\n        d=\"M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-1.5 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgRadioButtonSmallOn as RadioButtonSmallOn };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Flex } from '#UNSAFE_Flex';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CaretDown } from '#UNSAFE_RedwoodIcons/CaretDown';\nimport { CaretUp } from '#UNSAFE_RedwoodIcons/CaretUp';\nimport { ChevronLeft } from '#UNSAFE_RedwoodIcons/ChevronLeft';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { RadioButtonSmallOn } from '#UNSAFE_RedwoodIcons/RadioButtonSmallOn';\nimport { Text } from '#UNSAFE_Text';\nimport { ToggleButton } from '#UNSAFE_ToggleButton';\nimport { View } from '#UNSAFE_View';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport {\n  CalendarMonthRequired,\n  getLongFormattedYearMonth,\n  getNumericFormattedYear\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { styles } from '#PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css';\n\ntype ToggleButtonOnToggle = NonNullable<ComponentProps<typeof ToggleButton>['onToggle']>;\ntype IconButtonOnAction = NonNullable<ComponentProps<typeof IconButton>['onAction']>;\n\ntype ToggleButtonsProps = {\n  /**\n   * Use this property to specify how to render the header part of the component.\n   * <ul>\n   *   <li>\n   *     `'independentButtons'` - The component will show two toggle buttons,\n   *     one for the month and one for the year.\n   *   </li>\n   *   <li>\n   *     `'text'` - The component will show the month and year as text in the header.\n   *   </li>\n   * </ul>\n   * @default 'independentButtons'\n   */\n  monthYearHeader?: 'independentButtons' | 'text';\n\n  /**\n   * Use this property to specify the selection state of the header toggle buttons. This property\n   * is only applicable when the `monthYearHeader` is not set to `'text'`.\n   * <ul>\n   *   <li>\n   *     `'month'` - The month toggle button is selected. Only applicable when the\n   *     `monthYearHeader` is set to `'independentButtons'`.\n   *   </li>\n   *   <li>\n   *     `'year'` - The year toggle button is selected. Only applicable when the\n   *     `monthYearHeader` is set to `'independentButtons'`.\n   *   </li>\n   *   <li>\n   *     `'none'` - No selection.\n   *   </li>\n   * </ul>\n   * @default 'none'\n   */\n  toggleSelection?: 'month' | 'year' | 'none';\n\n  /**\n   * Accessible label for the month toggle button. Only applicable when\n   * `monthYearHeader` is set to `'individualButtons'`.\n   *\n   * Use this property to provide a screen reader accessible label for the\n   * month toggle button. For example, you might want the screen reader\n   * to read the whole month \"March\", instead of what is shown on the\n   * button - \"Mar\". Or you might want the screen reader to read additional\n   * information like, \"Current month is March, press this toggle button to\n   * view a different month.\"\n   */\n  monthToggleAccessibleLabel?: string;\n\n  /**\n   * Accessible label for the year toggle button. Only applicable when\n   * `monthYearHeader` is set to `'individualButtons'`.\n   *\n   * Use this property to provide a screen reader accessible label for the\n   * month toggle button. For example, you might want the screen reader to\n   * read additional information like, \"Current year is 2024, press this toggle\n   * button to view a different year.\"\n   */\n  yearToggleAccessibleLabel?: string;\n\n  /**\n   * A callback function to be called when the month toggle button is clicked.\n   * Only applicable when `monthYearHeader` is set to `'independentButtons'`.\n   */\n  onMonthToggle?: ToggleButtonOnToggle;\n\n  /**\n   * A callback function to be called when the year toggle button is clicked.\n   * Only applicable when `monthYearHeader` is set to `'independentButtons'`.\n   */\n  onYearToggle?: ToggleButtonOnToggle;\n};\n\ntype Props = TestIdProps &\n  ToggleButtonsProps & {\n    /**\n     * The number representing the Month. The valid values are 1-12.\n     */\n    month: CalendarMonthRequired['month'];\n\n    /**\n     * The number representing the Year in ISO format. A valid ISO year will be within the\n     * range of 0 and 9999.\n     */\n    year: CalendarMonthRequired['year'];\n\n    /**\n     * Set this property to true to hide the previous navigation button.\n     * @default false\n     */\n    isPreviousNavigationButtonHidden?: boolean;\n\n    /**\n     * Set this property to true to hide the today navigation button.\n     * @default false\n     */\n    isTodayNavigationButtonHidden?: boolean;\n\n    /**\n     * Set this property to true to hide the next navigation button.\n     * @default false\n     */\n    isNextNavigationButtonHidden?: boolean;\n\n    /**\n     * Accessible label for the previous navigation button. Only applicable when\n     * `isPreviousNavigationButtonHidden` is set to `false`.\n     *\n     * Use this property to provide a screen reader accessible label for the\n     * previous navigation button. For example, you might want the screen reader to\n     * read additional information like, \"Go to previous month.\"\n     */\n    previousNavigationAccessibleLabel: string;\n\n    /**\n     * Accessible label for the today navigation button. Only applicable when\n     * `isTodayNavigationButtonHidden` is set to `false`.\n     *\n     * Use this property to provide a screen reader accessible label for the\n     * today navigation button. For example, you might want the screen reader to\n     * read additional information like, \"Go to today.\"\n     */\n    todayNavigationAccessibleLabel: string;\n\n    /**\n     * Accessible label for the next navigation button. Only applicable when\n     * `isNextNavigationButtonHidden` is set to `false`.\n     *\n     * Use this property to provide a screen reader accessible label for the\n     * next navigation button. For example, you might want the screen reader to\n     * read additional information like, \"Go to next month.\"\n     */\n    nextNavigationAccessibleLabel: string;\n\n    /**\n     * A callback function to be called when the previous navigation button is\n     * clicked. Only applicable when `isPreviousNavigationButtonHidden` is set to `false`.\n     */\n    onPreviousNavigationAction?: IconButtonOnAction;\n\n    /**\n     * A callback function to be called when the today button is clicked. Only\n     * applicable when `isTodayNavigationButtonHidden` is set to `false`.\n     */\n    onTodayNavigationAction?: IconButtonOnAction;\n\n    /**\n     * A callback function to be called when the next navigation button is\n     * clicked. Only applicable when `isNextNavigationButtonHidden` is set to `false`.\n     */\n    onNextNavigationAction?: IconButtonOnAction;\n  };\n\n/**\n * The DatePickerHeader component can be used to render the header for the\n * DatePicker component. It shows the current month, year and some additional\n * elements based on the configuration like previous, today and next navigation\n * buttons.\n */\nexport const DatePickerHeader = ({\n  isPreviousNavigationButtonHidden = false,\n  isTodayNavigationButtonHidden = false,\n  isNextNavigationButtonHidden = false,\n  month,\n  monthToggleAccessibleLabel,\n  monthYearHeader = 'independentButtons',\n  nextNavigationAccessibleLabel,\n  previousNavigationAccessibleLabel,\n  testId,\n  todayNavigationAccessibleLabel,\n  toggleSelection = 'none',\n  year,\n  yearToggleAccessibleLabel,\n  onMonthToggle,\n  onNextNavigationAction,\n  onPreviousNavigationAction,\n  onTodayNavigationAction,\n  onYearToggle\n}: Props) => {\n  const { locale, direction } = useUser();\n\n  // format month and year to long string\n  // { month: 3, year 2024 } -> 'March 2024'\n  const longFormattedYearMonth = useMemo(\n    () => getLongFormattedYearMonth(locale, year, month),\n    [locale, month, year]\n  );\n\n  // format month and year to strings\n  // { month: 3, year 2024 } -> { monthStr: 'Mar', yearStr: '2024' }\n  const { monthStr, yearStr } = useMemo(\n    () => ({\n      monthStr: getMonthName(locale, month, year, 'short'),\n      yearStr: getNumericFormattedYear(locale, year, month)\n    }),\n    [locale, month, year]\n  );\n\n  return (\n    <Flex align=\"center\" justify=\"between\" testId={testId}>\n      <Flex>\n        {monthYearHeader === 'independentButtons' && (\n          <>\n            <div class={styles['monthYearButtonContainer']}>\n              <ToggleButton\n                aria-label={monthToggleAccessibleLabel}\n                label={monthStr}\n                endIcon={toggleSelection === 'month' ? <CaretUp /> : <CaretDown />}\n                isSelected={toggleSelection === 'month'}\n                onToggle={onMonthToggle}\n                size=\"sm\"\n                variant=\"borderless\"\n              />\n              <ToggleButton\n                aria-label={yearToggleAccessibleLabel}\n                label={yearStr}\n                endIcon={toggleSelection === 'year' ? <CaretUp /> : <CaretDown />}\n                isSelected={toggleSelection === 'year'}\n                onToggle={onYearToggle}\n                size=\"sm\"\n                variant=\"borderless\"\n              />\n            </div>\n          </>\n        )}\n        {monthYearHeader === 'text' && (\n          <View paddingInlineStart=\"3x\">\n            <Text size=\"md\" weight=\"semiBold\">\n              {longFormattedYearMonth}\n            </Text>\n          </View>\n        )}\n      </Flex>\n      <Flex>\n        {!isPreviousNavigationButtonHidden && (\n          <IconButton\n            aria-label={previousNavigationAccessibleLabel}\n            size=\"sm\"\n            variant=\"borderless\"\n            onAction={onPreviousNavigationAction}>\n            {direction === 'ltr' ? <ChevronLeft /> : <ChevronRight />}\n          </IconButton>\n        )}\n        {!isTodayNavigationButtonHidden && (\n          <IconButton\n            aria-label={todayNavigationAccessibleLabel}\n            size=\"sm\"\n            variant=\"borderless\"\n            onAction={onTodayNavigationAction}>\n            <RadioButtonSmallOn />\n          </IconButton>\n        )}\n        {!isNextNavigationButtonHidden && (\n          <IconButton\n            aria-label={nextNavigationAccessibleLabel}\n            size=\"sm\"\n            variant=\"borderless\"\n            onAction={onNextNavigationAction}>\n            {direction === 'ltr' ? <ChevronRight /> : <ChevronLeft />}\n          </IconButton>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":["_jsx","_jsxs","_Fragment","CaretUp","CaretDown","ChevronLeft","ChevronRight","RadioButtonSmallOn"],"mappings":"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"}

package/es/DiagramStyles.styles.css

@@ -1,48 +1,42 @@
-.DiagramStyles_outerStyles__amen390 {
+.DiagramStyles_outerStyles__1ep4hfg0 {
   position: relative;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.DiagramStyles_outerStyles__amen390:focus-visible {
+.DiagramStyles_outerStyles__1ep4hfg0:focus-visible {
   outline-width: 0px;
 }
-.DiagramStyles_layerStyles__amen391 {
+.DiagramStyles_layerStyles__1ep4hfg1 {
   display: inline-block;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
 }
-.DiagramStyles_nodeStyles__amen392 {
+.DiagramStyles_nodeStyles__1ep4hfg2 {
   position: absolute;
   pointer-events: auto;
 }
-.DiagramStyles_linkStyles__amen393 {
+.DiagramStyles_linkStyles__1ep4hfg3 {
   pointer-events: auto;
 }
-.DiagramStyles_labelStyle__amen394 {
+.DiagramStyles_labelStyle__1ep4hfg4 {
   position: absolute;
 }
-.DiagramStyles_buttonStyle__amen395 {
-  position: absolute;
-}
-.DiagramStyles_labelBorderStyle__amen396 {
+.DiagramStyles_labelBorderStyle__1ep4hfg5 {
   border-style: solid;
 }
-.DiagramStyles_childContentStyle__amen397 {
-  position: absolute;
-}
-.DiagramStyles_dimmedItemStyle__amen398 {
+.DiagramStyles_dimmedItemStyle__1ep4hfg6 {
   opacity: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-dimmed-opacity);
 }
-.DiagramStyles_panZoomStyles__amen399 {
+.DiagramStyles_panZoomStyles__1ep4hfg7 {
   transform-origin: top left;
   position: relative;
   pointer-events: none;
 }
-.DiagramStyles_dimensionStyle__amen39a {
+.DiagramStyles_dimensionStyle__1ep4hfg8 {
   width: 100%;
   height: calc(140 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }

package/es/DiagramStyles.styles2.css

@@ -1,42 +1,48 @@
-.DiagramStyles_outerStyles__1ep4hfg0 {
+.DiagramStyles_outerStyles__amen390 {
   position: relative;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.DiagramStyles_outerStyles__1ep4hfg0:focus-visible {
+.DiagramStyles_outerStyles__amen390:focus-visible {
   outline-width: 0px;
 }
-.DiagramStyles_layerStyles__1ep4hfg1 {
+.DiagramStyles_layerStyles__amen391 {
   display: inline-block;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
 }
-.DiagramStyles_nodeStyles__1ep4hfg2 {
+.DiagramStyles_nodeStyles__amen392 {
   position: absolute;
   pointer-events: auto;
 }
-.DiagramStyles_linkStyles__1ep4hfg3 {
+.DiagramStyles_linkStyles__amen393 {
   pointer-events: auto;
 }
-.DiagramStyles_labelStyle__1ep4hfg4 {
+.DiagramStyles_labelStyle__amen394 {
   position: absolute;
 }
-.DiagramStyles_labelBorderStyle__1ep4hfg5 {
+.DiagramStyles_buttonStyle__amen395 {
+  position: absolute;
+}
+.DiagramStyles_labelBorderStyle__amen396 {
   border-style: solid;
 }
-.DiagramStyles_dimmedItemStyle__1ep4hfg6 {
+.DiagramStyles_childContentStyle__amen397 {
+  position: absolute;
+}
+.DiagramStyles_dimmedItemStyle__amen398 {
   opacity: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-dimmed-opacity);
 }
-.DiagramStyles_panZoomStyles__1ep4hfg7 {
+.DiagramStyles_panZoomStyles__amen399 {
   transform-origin: top left;
   position: relative;
   pointer-events: none;
 }
-.DiagramStyles_dimensionStyle__1ep4hfg8 {
+.DiagramStyles_dimensionStyle__amen39a {
   width: 100%;
   height: calc(140 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }