@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/amd/DatePicker-cf0e3fcd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-cf0e3fcd.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":["datePickerViewActionTypes","monthViewActionTypes","monthsGridViewActionTypes","yearsGridViewActionTypes","datePickerReducer","state","action","type","payload","currentView","isViewFocused","isNextNavigationButtonHidden","isPreviousNavigationButtonHidden","isTodayNavigationButtonHidden","focusableMonth","focusableDate","month","focusableYear","year","previousDay","addToCalendarDate","days","nextDay","prevMonth","months","nextMonth","previousYear","years","nextYear","currentDate","firstDayOfMonthDate","day","lastDay","getDaysInMonth","lastDayOfMonthDate","previousMonth","addToMonth","monthSteps","goToDate","addToYear","yearSteps","headerToggleSelection","monthView","monthsGridView","yearsGridView","useDatePicker","isReadonly","max","min","rootRef","todayTimeZone","value","onCommit","isCalendarDateBefore","Error","todaysDate","getCalendarDateToday","initialFocusableDate","useMemo","constrainCalendarDate","actions","initialState","dispatch","useReducer","lastValueFromParentRef","useRef","compareDates","current","actionsObject","forEach","useDatePickerState","translations","useTranslationBundle","accessibleLabels","next","datePicker_next","previous","datePicker_prev","goToToday","datePicker_goToToday","today","datePicker_today","changeValue","useCallback","newValue","Promise","reject","previousValue","resolve","useHiddenTestMethod","elementRef","method","name","handlers","handleMonthToggle","undefined","handleYearToggle","handleTodayNavigation","handlePreviousNavigation","previousDecade","handleNextNavigation","nextDecade","handleMonthViewAction","date","daySelected","handleMonthViewNavigation","detail","direction","previousMonthAndFocus","nextMonthAndFocus","handleMonthsGridViewAction","monthSelected","handleMonthsGridViewNavigation","nextMonthRowInGridView","nextMonthInGridView","previousMonthInGridView","previousMonthRowInGridView","handleYearsGridViewAction","yearSelected","handleYearsGridViewNavigation","nextYearRowInGridView","nextYearInGridView","nextDecadeAndFocus","previousYearInGridView","previousDecadeAndFocus","previousYearRowInGridView","focusProps","useFocusWithin","onBlurWithin","viewBlur","toggleSelection","viewContainerProps","TodayButton","onTodayNavigationAction","testId","todayNavigationAriaLabel","todayNavigationLabel","_jsx","jsx","Flex","children","Button","label","size","onAction","dayFormatter","daysOutsideMonth","height","monthAndYearPicker","maxWidth","todayButton","weekDisplay","width","isMonthYearPickerEnabled","shouldShowTodayFooterButton","useBreakpointValues","sm","md","showTodayFooterButton","classes","useComponentTheme","DatePickerRedwoodTheme","testIdProps","useTestId","class","ref","_jsxs","gap","datePickerPropVars","calendarGridRowGap","monthYearGridRowGap","todayFooterButtonHeight","DatePickerHeader","monthYearHeader","previousNavigationAccessibleLabel","todayNavigationAccessibleLabel","nextNavigationAccessibleLabel","onPreviousNavigationAction","onNextNavigationAction","onMonthToggle","onYearToggle","jsxs","MonthView","selectedDate","isFocused","onNavigation","MonthsGridView","currentMonth","selectedMonth","YearsGridView","currentYear","selectedYear"],"mappings":"ujBA2GA,MAAMA,EAA4B,CAChC,YACA,iBACA,gBACA,YAGIC,EAAuB,CAC3B,aACA,cACA,YACA,cACA,UACA,eACA,WACA,gBACA,wBACA,YACA,oBACA,eACA,WACA,kBACA,kBAGIC,EAA4B,CAChC,0BACA,sBACA,6BACA,yBACA,eACA,iBAGIC,EAA2B,CAC/B,yBACA,qBACA,4BACA,wBACA,iBACA,yBACA,aACA,qBACA,cACA,gBA2CIC,EAAoB,CACxBC,EACAC,KAKA,GAAoB,UAAhBA,EAAOC,KACT,OAAOD,EAAOE,QAGhB,OAAQF,EAAOC,MACb,IAAK,YACH,MAAO,IACFF,EACHI,YAAa,YACbC,eAAe,EACfC,8BAA8B,EAC9BC,kCAAkC,EAClCC,+BAA+B,GAGnC,IAAK,iBACH,MAAO,IACFR,EACHI,YAAa,iBACbK,eAAgBT,EAAMU,cAAcC,MACpCN,eAAe,EACfC,8BAA8B,EAC9BC,kCAAkC,EAClCC,+BAA+B,GAGnC,IAAK,gBACH,MAAO,IACFR,EACHI,YAAa,gBACbQ,cAAeZ,EAAMU,cAAcG,KACnCR,eAAe,EACfC,8BAA8B,EAC9BC,kCAAkC,EAClCC,+BAA+B,GAGnC,IAAK,WACH,OAAOR,EAAMK,cAAgB,IAAKL,EAAOK,eAAe,GAAUL,EAEpE,IAAK,aACL,IAAK,cAGL,IAAK,YAGH,MAAO,IAAKA,EAAOK,eAAe,EAAMK,cAAeT,EAAOE,SAEhE,IAAK,cAAe,CAClB,MAAMW,EAAcC,EAAiBA,kBAACd,EAAOE,QAAS,CAAEa,MAAO,IAC/D,MAAO,IAAKhB,EAAOK,eAAe,EAAMK,cAAeI,EACxD,CACD,IAAK,UAAW,CACd,MAAMG,EAAUF,EAAAA,kBAAkBd,EAAOE,QAAS,CAAEa,KAAM,IAC1D,MAAO,IAAKhB,EAAOK,eAAe,EAAMK,cAAeO,EACxD,CACD,IAAK,eAAgB,CACnB,MAAMH,EAAcC,EAAiBA,kBAACd,EAAOE,QAAS,CAAEa,MAAO,IAC/D,MAAO,IAAKhB,EAAOK,eAAe,EAAMK,cAAeI,EACxD,CACD,IAAK,WAAY,CACf,MAAMG,EAAUF,EAAAA,kBAAkBd,EAAOE,QAAS,CAAEa,KAAM,IAC1D,MAAO,IAAKhB,EAAOK,eAAe,EAAMK,cAAeO,EACxD,CACD,IAAK,gBACL,IAAK,wBAAyB,CAG5B,MAAMC,EAAYH,EAAiBA,kBAACd,EAAOE,QAAS,CAAEgB,QAAS,IAC/D,MAAO,IACFnB,EACHK,cAA+B,0BAAhBJ,EAAOC,KACtBQ,cAAeQ,EAElB,CACD,IAAK,YACL,IAAK,oBAAqB,CAIxB,MAAME,EAAYL,EAAAA,kBAAkBd,EAAOE,QAAS,CAAEgB,OAAQ,IAC9D,MAAO,IACFnB,EACHK,cAA+B,sBAAhBJ,EAAOC,KACtBQ,cAAeU,EAElB,CACD,IAAK,eAAgB,CAEnB,MAAMC,EAAeN,EAAiBA,kBAACd,EAAOE,QAAS,CAAEmB,OAAQ,IACjE,MAAO,IAAKtB,EAAOK,eAAe,EAAMK,cAAeW,EACxD,CACD,IAAK,WAAY,CACf,MAAME,EAAWR,EAAAA,kBAAkBd,EAAOE,QAAS,CAAEmB,MAAO,IAC5D,MAAO,IAAKtB,EAAOK,eAAe,EAAMK,cAAea,EACxD,CACD,IAAK,kBAAmB,CAEtB,MAAMC,EAAcvB,EAAOE,QACrBsB,EAAsB,CAC1BZ,KAAMW,EAAYX,KAClBF,MAAOa,EAAYb,MACnBe,IAAK,GAEP,MAAO,IAAK1B,EAAOK,eAAe,EAAMK,cAAee,EACxD,CACD,IAAK,iBAAkB,CAErB,MAAMD,EAAcvB,EAAOE,QACrBwB,EAAUC,EAAAA,eAAeJ,EAAYb,MAAOa,EAAYX,MACxDgB,EAAqB,CACzBhB,KAAMW,EAAYX,KAClBF,MAAOa,EAAYb,MACnBe,IAAKC,GAEP,MAAO,IAAK3B,EAAOK,eAAe,EAAMK,cAAemB,EACxD,CAED,IAAK,0BAA2B,CAC9B,MAAMC,EAAgBC,EAAAA,WAAW9B,EAAOE,QAAQQ,OAAQ,GACxD,MAAO,IAAKX,EAAOS,eAAgBqB,EAAezB,eAAe,EAClE,CACD,IAAK,6BAA8B,CACjC,MAAMyB,EAAgBC,EAAAA,WAAW9B,EAAOE,QAAQQ,OAAQ,GACxD,MAAO,IAAKX,EAAOS,eAAgBqB,EAAezB,eAAe,EAClE,CACD,IAAK,sBAAuB,CAC1B,MAAMe,EAAYW,EAAAA,WAAW9B,EAAOE,QAAQQ,MAAO,GACnD,MAAO,IAAKX,EAAOS,eAAgBW,EAAWf,eAAe,EAC9D,CACD,IAAK,yBAA0B,CAC7B,MAAMe,EAAYW,EAAAA,WAAW9B,EAAOE,QAAQQ,MAAO,GACnD,MAAO,IAAKX,EAAOS,eAAgBW,EAAWf,eAAe,EAC9D,CACD,IAAK,eACH,MAAO,IAAKL,EAAOS,eAAgBR,EAAOE,QAAQQ,MAAON,eAAe,GAE1E,IAAK,gBAAiB,CACpB,MAAM2B,EAAa/B,EAAOE,QAAQQ,MAAQX,EAAMU,cAAcC,MACxDsB,EAAWlB,EAAAA,kBAAkBf,EAAMU,cAAe,CAAES,OAAQa,IAClE,MAAO,IACFhC,EACHI,YAAa,YACbM,cAAeuB,EACf5B,eAAe,EACfC,8BAA8B,EAC9BC,kCAAkC,EAClCC,+BAA+B,EAElC,CAED,IAAK,yBAA0B,CAC7B,MAAMa,EAAea,EAAAA,UAAUjC,EAAOE,QAAQU,MAAO,GACrD,MAAO,IAAKb,EAAOY,cAAeS,EAAchB,eAAe,EAChE,CACD,IAAK,4BAA6B,CAChC,MAAMgB,EAAea,EAAAA,UAAUjC,EAAOE,QAAQU,MAAO,GACrD,MAAO,IAAKb,EAAOY,cAAeS,EAAchB,eAAe,EAChE,CACD,IAAK,iBACL,IAAK,yBAA0B,CAC7B,MAAMgB,EAAea,EAAAA,UAAUjC,EAAOE,QAAQU,MAAO,IACrD,MAAO,IACFb,EACHY,cAAeS,EACfhB,cAA+B,2BAAhBJ,EAAOC,KAEzB,CACD,IAAK,qBAAsB,CACzB,MAAMqB,EAAWW,EAAAA,UAAUjC,EAAOE,QAAQU,KAAM,GAChD,MAAO,IAAKb,EAAOY,cAAeW,EAAUlB,eAAe,EAC5D,CACD,IAAK,wBAAyB,CAC5B,MAAMkB,EAAWW,EAAAA,UAAUjC,EAAOE,QAAQU,KAAM,GAChD,MAAO,IAAKb,EAAOY,cAAeW,EAAUlB,eAAe,EAC5D,CACD,IAAK,aACL,IAAK,qBAAsB,CACzB,MAAMkB,EAAWW,EAAAA,UAAUjC,EAAOE,QAAQU,KAAM,IAChD,MAAO,IACFb,EACHY,cAAeW,EACflB,cAA+B,uBAAhBJ,EAAOC,KAEzB,CACD,IAAK,cACH,MAAO,IAAKF,EAAOY,cAAeX,EAAOE,QAAQU,KAAMR,eAAe,GAExE,IAAK,eAAgB,CACnB,MAAM8B,EAAYlC,EAAOE,QAAQU,KAAOb,EAAMU,cAAcG,KACtDoB,EAAWlB,EAAAA,kBAAkBf,EAAMU,cAAe,CAAEY,MAAOa,IACjE,MAAO,IACFnC,EACHI,YAAa,YACbM,cAAeuB,EACf5B,eAAe,EACfC,8BAA8B,EAC9BC,kCAAkC,EAClCC,+BAA+B,EAElC,CACD,QACE,OAAOR,EACV,EC1XGoC,EAAwB,CAC5BC,UAAW,OACXC,eAAgB,QAChBC,cAAe,QAoBJC,EAAgB,EAC3BC,aACAC,MACAC,MACAC,UACAC,gBACAC,QACAC,eAGA,GAAIJ,GAAOD,GAAOM,EAAoBA,qBAACN,EAAKC,GAC1C,MAAM,IAAIM,MAAM,mDAGlB,MAAMC,EAAaC,uBAAqBN,GAMlCO,EAAuBC,EAAOA,SAClC,IAAMC,EAAAA,sBAAsBR,GAASI,EAAYP,EAAKD,IACtD,CAACI,EAAOI,EAAYP,EAAKD,KAGrB1C,MAAEA,EAAKuD,QAAEA,GD4VU,GAAGH,2BAE5B,MAAMI,EAAgC,CACpCpD,YAAa,YACbM,cAAe0C,EACf3C,eAAgB2C,EAAqBzC,MACrCC,cAAewC,EAAqBvC,KACpCR,eAAe,EACfC,8BAA8B,EAC9BC,kCAAkC,EAClCC,+BAA+B,IAG1BR,EAAOyD,GAAYC,EAAAA,WAAW3D,EAAmByD,GAGlDG,EAAyBC,SAA6BR,GAqD5D,OA/C2E,IAAvES,EAAYA,aAACF,EAAuBG,QAASV,KAC/CO,EAAuBG,QAAUV,EAC+B,IAA5DS,EAAYA,aAACT,EAAsBpD,EAAMU,gBAC3C+C,EAAS,CAAEvD,KAAM,QAASC,QAASqD,KA4ChC,CAAExD,QAAOuD,QApCAF,EAAAA,SAAQ,KACtB,MAAMU,EAQF,CAAA,EAwBJ,OAtBApE,EAA0BqE,SAAS9D,IACjC6D,EAAc7D,GAAQ,IAAMuD,EAAS,CAAEvD,QAAO,IAGhDN,EAAqBoE,SAAS9D,IAC5B6D,EAAc7D,GACZC,GACGsD,EAAS,CAAEvD,OAAMC,WAAU,IAGlCN,EAA0BmE,SAAS9D,IACjC6D,EAAc7D,GACZC,GACGsD,EAAS,CAAEvD,OAAMC,WAAU,IAGlCL,EAAyBkE,SAAS9D,IAChC6D,EAAc7D,GACZC,GACGsD,EAAS,CAAEvD,OAAMC,WAAU,IAG3B4D,CAAa,GACnB,CAACN,IAEqB,ECjaEQ,CAAmB,CAAEb,yBAE1Cc,EAAeC,uBAAiC,4BAChDC,EAAmB,CACvBC,KAAMH,EAAaI,kBACnBC,SAAUL,EAAaM,kBACvBC,UAAWP,EAAaQ,uBACxBC,MAAOT,EAAaU,oBAMhBC,EAAcC,eACjBC,GAMMtC,EAIEuC,QAAQC,OAAO,0BAHpBlC,EAAS,CAAED,MAAOiC,EAAUG,cAAepC,IACpCkC,QAAQG,YAInB,CAAC1C,EAAYM,EAAUD,IAIzBsC,sBAAoB,CAClBC,WAAYzC,EACZ0C,OAAQT,EACRU,KAAM,iBAGR,MAAMC,EAAW,CAMfC,kBAAmBX,EAAWA,aAAC,KACH,mBAAtB9E,EAAMI,YACRmD,EAAQjB,oBAAeoD,GAEvBnC,EAAQlB,eAAUqD,EACnB,GACA,CAACnC,EAASvD,EAAMI,cAOnBuF,iBAAkBb,EAAWA,aAAC,KACF,kBAAtB9E,EAAMI,YACRmD,EAAQhB,mBAAcmD,GAEtBnC,EAAQlB,eAAUqD,EACnB,GACA,CAACnC,EAASvD,EAAMI,cAMnBwF,sBAAuBd,EAAWA,aAAC,KACjCvB,EAAQkB,UAAUvB,EAAW,GAC5B,CAACK,EAASL,IAOb2C,yBAA0Bf,EAAWA,aAAC,IACV,cAAtB9E,EAAMI,YACDmD,EAAQzB,cAAc9B,EAAMU,eAGX,kBAAtBV,EAAMI,YACDmD,EAAQuC,eAAe,CAAEjF,KAAMb,EAAMY,qBAD9C,GAGC,CAAC2C,EAASvD,EAAMI,YAAaJ,EAAMU,cAAeV,EAAMY,gBAO3DmF,qBAAsBjB,EAAWA,aAAC,IACN,cAAtB9E,EAAMI,YACDmD,EAAQnC,UAAUpB,EAAMU,eAGP,kBAAtBV,EAAMI,YACDmD,EAAQyC,WAAW,CAAEnF,KAAMb,EAAMY,qBAD1C,GAGC,CAAC2C,EAASvD,EAAMI,YAAaJ,EAAMU,cAAeV,EAAMY,gBAM3DqF,sBAAuBnB,EAAAA,aACpB3E,SACsBuF,IAAjBvF,EAAQ+F,MAAsBzD,IAClCc,EAAQ4C,YAAYhG,EAAQ+F,MAI5BnD,IAAW,CAAEmC,cAAepC,EAAOA,MAAO3C,EAAQ+F,OAAO,GAE3D,CAAC3C,EAASd,EAAYM,EAAUD,IAQlCsD,0BAA2BtB,EAAAA,aACxBuB,IACC,OAAQA,EAAOC,WACb,IAAK,gBACH,OAAO/C,EAAQgD,sBAAsBF,EAAOH,MAC9C,IAAK,YACH,OAAO3C,EAAQiD,kBAAkBH,EAAOH,MAC1C,IAAK,QACH,OAAO3C,EAAQkB,UAAUvB,GAC3B,QACE,OAAOK,EAAQ8C,EAAOC,WAAWD,EAAOH,MAC3C,GAEH,CAAC3C,EAASL,IAQZuD,2BAA4B3B,EAAAA,aACzBuB,IACC9C,EAAQmD,cAAcL,EAAO,GAE/B,CAAC9C,IAOHoD,+BAAgC7B,EAAAA,aAC7BuB,IACC,OAAQA,EAAOC,WACb,IAAK,OACH,OAAO/C,EAAQqD,uBAAuB,CAAEjG,MAAO0F,EAAO1F,QACxD,IAAK,OACH,OAAO4C,EAAQsD,oBAAoB,CAAElG,MAAO0F,EAAO1F,QACrD,IAAK,WACH,OAAO4C,EAAQuD,wBAAwB,CAAEnG,MAAO0F,EAAO1F,QACzD,IAAK,KACH,OAAO4C,EAAQwD,2BAA2B,CAAEpG,MAAO0F,EAAO1F,QAC7D,GAEH,CAAC4C,IAQHyD,0BAA2BlC,EAAAA,aACxBuB,IACC9C,EAAQ0D,aAAaZ,EAAO,GAE9B,CAAC9C,IAOH2D,8BAA+BpC,EAAAA,aAC5BuB,IACC,OAAQA,EAAOC,WACb,IAAK,OACH,OAAO/C,EAAQ4D,sBAAsB,CAAEtG,KAAMwF,EAAOxF,OACtD,IAAK,OACH,OAAO0C,EAAQ6D,mBAAmB,CAAEvG,KAAMwF,EAAOxF,OACnD,IAAK,aACH,OAAO0C,EAAQ8D,mBAAmB,CAAExG,KAAMwF,EAAOxF,OACnD,IAAK,WACH,OAAO0C,EAAQ+D,uBAAuB,CAAEzG,KAAMwF,EAAOxF,OACvD,IAAK,iBACH,OAAO0C,EAAQgE,uBAAuB,CAAE1G,KAAMwF,EAAOxF,OACvD,IAAK,KACH,OAAO0C,EAAQiE,0BAA0B,CAAE3G,KAAMwF,EAAOxF,OAC3D,GAEH,CAAC0C,MAICkE,WAAEA,GAAeC,iBAAe,CAOpCC,aAAc7C,EAAWA,aAAC,IAAMvB,EAAQqE,cAASlC,IAAY,CAACnC,MAGhE,MAAO,CACLa,mBACAb,UACAiC,WACAxF,QACAkD,aACA2E,gBAAiBzF,EAAsBpC,EAAMI,aAC7C0H,mBAAoB,IAAKL,GAC1B,EC1QUM,EAAc,EACzBC,0BACAC,SACAC,2BACAC,0BAGEC,EAAAC,IAACC,OAAI,CAAChC,UAAU,SAAQiC,SACtBH,EAACC,IAAAG,SACC,CAAAP,OAAQA,EACRQ,MAAON,EAAoB,aACfD,EACZQ,KAAK,KACLC,SAAUX,mBC8FQ,EACxBY,eACAC,mBACAC,SACArG,cAAa,EACbsG,qBAAqB,KACrBrG,MACAsG,WACArG,MACAG,QACAmF,SACApF,gBACAoG,cAAc,UACdC,cAAc,OACdC,QACApG,eAEA,MAAMH,EAAUgB,SAAuB,OACjCQ,iBAAEA,EAAgBoB,SAAEA,EAAQxF,MAAEA,EAAKkD,WAAEA,EAAU2E,gBAAEA,EAAeC,mBAAEA,GACtEtF,EAAc,CACZC,aACAC,MACAC,MACAC,UACAC,gBACAC,QACAC,cAEEpC,MAAEA,EAAKE,KAAEA,GAASb,EAAMU,cACxB0I,EAAkD,OAAvBL,IAAgCtG,EAI3D4G,EAA8BC,EAAAA,oBAClC,CACEC,IAAI,EACJC,IAAI,GAEN,CAAED,GAAI,MAAOC,GAAI,UAGbC,GACHzJ,EAAMQ,+BACP6I,GACgB,YAAhBJ,GAGIS,QAAEA,GAAYC,EAAiBA,kBAACC,EAAsBA,wBAEtDC,EAAcC,YAAU7B,GAE9B,OACEG,EAAAA,IAAK,MAAA,CAAA2B,MAAOL,EAASM,IAAKpH,KAAaiH,EAAWtB,SAChD0B,OAAC3B,EAAIA,KAAA,CACHhC,UAAU,SACV4D,IACwB,cAAtBlK,EAAMI,YACF+J,EAAAA,mBAAmBC,mBACnBD,EAAAA,mBAAmBE,oBAEzBvB,OACa,SAAXA,OACIpD,EACA+D,EACAU,EAAAA,mBAAmBG,wBACnBH,EAAkBA,mBAACrB,OAEzBE,cAAuBtD,IAAbsD,EAAyBA,EAAWmB,qBAAmBnB,SACjEG,WAAiBzD,IAAVyD,EAAsBA,EAAQgB,EAAAA,mBAAmBhB,MACxDZ,SAAA,CAAAH,EAAAA,IAACmC,EAAAA,iBAAgB,CACftC,OAAQA,EAASA,EAAS,eAAYvC,EACtC/E,MAAOA,EACPE,KAAMA,EACNN,iCAAkCP,EAAMO,iCACxCC,8BACkB,WAAhByI,GACAjJ,EAAMQ,+BACN6I,EAEF/I,6BAA8BN,EAAMM,6BACpCkK,gBAAiBpB,EAA2B,qBAAuB,OACnEvB,gBAAiBuB,EAA2BvB,OAAkBnC,EAC9D+E,kCAAmCrG,EAAiBG,SACpDmG,+BAAgCtG,EAAiBK,UACjDkG,8BAA+BvG,EAAiBC,KAChD2D,wBAAyBxC,EAASI,sBAClCgF,2BAA4BpF,EAASK,yBACrCgF,uBAAwBrF,EAASO,qBACjC+E,cAAe1B,EAA2B5D,EAASC,uBAAoBC,EACvEqF,aAAc3B,EAA2B5D,EAASG,sBAAmBD,IAEvEuE,EAASe,KAAA,MAAA,IAAAlD,YACgB,cAAtB9H,EAAMI,aACLgI,MAAC6C,EAAAA,UAAS,CACRrC,aAAcA,EACdC,iBAAkBA,EAClBpG,WAAYA,EACZC,IAAKA,EACLC,IAAKA,EACLuI,aAAcpI,EACdpC,cAAeV,EAAMU,cACrByK,UAAWnL,EAAMK,cACjB4H,OAAQA,EAASA,EAAS,kBAAevC,EACzCxC,WAAYA,EACZkI,aAAc5F,EAASY,0BACvBuC,SAAUnD,EAASS,sBACnBiD,YAAaA,IAGM,mBAAtBlJ,EAAMI,aACLgI,MAACiD,EAAcA,eAAA,CACbC,aAAcpI,EAAWvC,MACzBF,eAAgBT,EAAMS,eACtB0K,UAAWnL,EAAMK,cACjBkL,cAAe5K,EACfsH,OAAQA,EAASA,EAAS,uBAAoBvC,EAC9CiD,SAAUnD,EAASiB,2BACnB2E,aAAc5F,EAASmB,iCAGJ,kBAAtB3G,EAAMI,aACLgI,EAAAA,IAACoD,EAAaA,cAAA,CACZC,YAAavI,EAAWrC,KACxBD,cAAeZ,EAAMY,cACrBuK,UAAWnL,EAAMK,cACjBqL,aAAc7K,EACdoH,OAAQA,EAASA,EAAS,sBAAmBvC,EAC7CiD,SAAUnD,EAASwB,0BACnBoE,aAAc5F,EAAS0B,mCAI5BuC,GACCrB,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACL,EAAW,CACVE,OAAQA,EAASA,EAAS,0BAAuBvC,EACjDyC,qBAAsB/D,EAAiBO,MACvCuD,yBAA0B9D,EAAiBK,UAC3CuD,wBAAyBxC,EAASI,8BAM5C"}

package/amd/DatePickerHeader-406aa5c6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-4b81b412', './IconButton-dc1be00e', './CaretDown-9961d246', './Icon-234f9eb8', './ChevronLeft-b4354cdc', './ChevronRight-a97b4ec7', './Text-31cabc49', './ToggleButton-c9e433d4', './View-35699bb2', './useUser-08901aba', './getFormatParse-918996fc', './logger-0f873e29', './calendarDateUtils-ab83f6b1', './maskUtils-339ed9b6', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,a,i,s,r,l,c,d,g,h,x,b,v,m,j){"use strict";const u=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsx("g",{fill:"none",children:t.jsx("path",{d:"M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z",fill:"currentcolor"})})}),S=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsxs("g",{fill:"none",children:[t.jsx("path",{d:"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",fill:"currentcolor"}),t.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"})]})});e.DatePickerHeader=({isPreviousNavigationButtonHidden:e=!1,isTodayNavigationButtonHidden:i=!1,isNextNavigationButtonHidden:h=!1,month:x,monthToggleAccessibleLabel:B,monthYearHeader:f="independentButtons",nextNavigationAccessibleLabel:N,previousNavigationAccessibleLabel:T,testId:I,todayNavigationAccessibleLabel:y,toggleSelection:A="none",year:p,yearToggleAccessibleLabel:L,onMonthToggle:z,onNextNavigationAction:C,onPreviousNavigationAction:w,onTodayNavigationAction:M,onYearToggle:F})=>{const{locale:H,direction:D}=g.useUser(),P=m.useMemo((()=>b.getLongFormattedYearMonth(H,p,x)),[H,x,p]),{monthStr:Y,yearStr:k,monthLongStr:R}=m.useMemo((()=>({monthStr:v.getMonthName(H,x,p,"short"),yearStr:b.getNumericFormattedYear(H,p,x),monthLongStr:v.getMonthName(H,x,p,"long")})),[H,x,p]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:I,children:[t.jsxs(n.Flex,{children:["independentButtons"===f&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:j.styles.monthYearButtonContainer,children:[t.jsx(c.ToggleButton,{"aria-label":B??R,label:Y,endIcon:"month"===A?t.jsx(u,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"month"===A,onToggle:z,size:"sm",variant:"borderless"}),t.jsx(c.ToggleButton,{"aria-label":L,label:k,endIcon:"year"===A?t.jsx(u,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"year"===A,onToggle:F,size:"sm",variant:"borderless"})]})}),"text"===f&&t.jsx(d.View,{paddingInlineStart:"3x",children:t.jsx(l.Text,{size:"md",weight:"semiBold",children:P})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:w,children:"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(r.SvgChevronRight,{})}),!i&&t.jsx(o.IconButton,{"aria-label":y,size:"sm",variant:"borderless",onAction:M,children:t.jsx(S,{})}),!h&&t.jsx(o.IconButton,{"aria-label":N,size:"sm",variant:"borderless",onAction:C,children:"ltr"===D?t.jsx(r.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
+//# sourceMappingURL=DatePickerHeader-406aa5c6.js.map

package/amd/DatePickerHeader-406aa5c6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerHeader-406aa5c6.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.\" Defaults to the full month name.\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, monthLongStr } = useMemo(\n    () => ({\n      monthStr: getMonthName(locale, month, year, 'short'),\n      yearStr: getNumericFormattedYear(locale, year, month),\n      monthLongStr: getMonthName(locale, month, year, 'long')\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 ?? monthLongStr}\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":["SvgCaretUp","props","_jsx","jsx","Icon","viewBox","children","fill","d","SvgRadioButtonSmallOn","_jsxs","jsxs","isPreviousNavigationButtonHidden","isTodayNavigationButtonHidden","isNextNavigationButtonHidden","month","monthToggleAccessibleLabel","monthYearHeader","nextNavigationAccessibleLabel","previousNavigationAccessibleLabel","testId","todayNavigationAccessibleLabel","toggleSelection","year","yearToggleAccessibleLabel","onMonthToggle","onNextNavigationAction","onPreviousNavigationAction","onTodayNavigationAction","onYearToggle","locale","direction","useUser","longFormattedYearMonth","useMemo","getLongFormattedYearMonth","monthStr","yearStr","monthLongStr","getMonthName","getNumericFormattedYear","Flex","align","justify","_Fragment","class","styles","ToggleButton","label","endIcon","CaretUp","CaretDown","SvgCaretDown","isSelected","onToggle","size","variant","View","paddingInlineStart","Text","weight","IconButton","onAction","ChevronLeft","ChevronRight","RadioButtonSmallOn"],"mappings":"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"}

package/amd/Diagram-6072b867.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseDiagram-b9695479'], (function(e,n,s){"use strict";e.Diagram=function(e){const{selectedIds:d,highlightedIds:t,onSelectionChange:i,onItemFocus:o,onItemHover:a,nodeRenderer:l,...r}=e,c=d&&{nodes:d.nodes,links:d.links},k=t&&{nodes:t.nodes,links:t.links},g=i?e=>{i({nodes:{ids:e.nodes?.ids??[],data:e.nodes?.data??[]},links:{ids:e.links?.ids??[],data:e.links?.data??[]}})}:void 0,m=a?e=>{e&&(!e||"node"!==e.type&&"link"!==e.type)||a(e)}:void 0,h=o?e=>{e&&(!e||"node"!==e.type&&"link"!==e.type)||o(e)}:void 0;return n.jsx(s.BaseDiagram,{...r,selectedIds:c,highlightedIds:k,onSelectionChange:g,onItemFocus:h,onItemHover:m,nodeRenderer:e=>l({data:e.data,state:e.state}),normalizeLinks:!0})}}));
+//# sourceMappingURL=Diagram-6072b867.js.map

package/amd/Diagram-6072b867.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Diagram-6072b867.js","sources":["../../src/UNSAFE_Diagram/Diagram.tsx"],"sourcesContent":["import {\n  DiagramProps,\n  DiagramLayoutOutput,\n  DiagramLinkData,\n  DiagramNodeData,\n  State\n} from './diagram.types';\nimport {\n  SelectedItemDetail,\n  ItemHoverDetail,\n  ItemFocusDetail,\n  CommonDiagramProps\n} from '#PRIVATE_BaseDiagram/diagram.types';\nimport { BaseDiagram } from '#PRIVATE_BaseDiagram';\nimport { ComponentChildren } from 'preact';\n\n// Re-alias or restrict as needed; you might not need to define new types\nexport type FlatDiagramProps<\n  K1 extends string | number,\n  K2 extends string | number,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2>\n> = DiagramProps<K1, K2, D1, D2, L>;\n\n/**\n * Diagrams are used to display a set of nodes and the links between them.\n */\nexport function Diagram<\n  K1 extends string | number,\n  K2 extends string | number,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2>\n>(props: FlatDiagramProps<K1, K2, D1, D2, L>) {\n  // Adapt or map only as needed. For a flat diagram:\n  const {\n    selectedIds,\n    highlightedIds,\n    onSelectionChange,\n    onItemFocus,\n    onItemHover,\n    nodeRenderer,\n    ...rest // all other props\n  } = props;\n\n  // Map selectedIds/highlightedIds to match BaseDiagram's prop signature\n  const mappedSelectedIds = selectedIds && {\n    nodes: selectedIds.nodes,\n    links: selectedIds.links\n    // NO promotedLinks for flat diagrams\n  };\n  const mappedHighlightedIds = highlightedIds && {\n    nodes: highlightedIds.nodes,\n    links: highlightedIds.links\n    // NO promotedLinks for flat diagrams\n  };\n\n  // Map event handlers to match BaseDiagram's more complex handler signatures, if needed\n  const mappedOnSelectionChange = onSelectionChange\n    ? (detail: SelectedItemDetail<K1, K2, D1, D2>) => {\n        // BaseDiagram's detail = { nodes: {id, data}, links: {id, data}, promotedLinks: {id[]} }\n        // FlatDiagram expects { nodes: K1[], links: K2[], nodeData: D1[], linkData: D2[] }\n        onSelectionChange({\n          nodes: {\n            ids: detail.nodes?.ids ?? [],\n            data: detail.nodes?.data ?? []\n          },\n          links: {\n            ids: detail.links?.ids ?? [],\n            data: detail.links?.data ?? []\n          }\n        });\n      }\n    : undefined;\n\n  const mappedOnItemHover = onItemHover\n    ? (detail: ItemHoverDetail<K1, K2, D1, D2>) => {\n        // Ignore promotedLink case for FlatDiagram\n        if (!detail || (detail && (detail.type === 'node' || detail.type === 'link'))) {\n          onItemHover(detail);\n        }\n      }\n    : undefined;\n\n  const mappedOnItemFocus = onItemFocus\n    ? (detail: ItemFocusDetail<K1, K2, D1, D2>) => {\n        // Ignore promotedLink case for FlatDiagram\n        if (!detail || (detail && (detail.type === 'node' || detail.type === 'link'))) {\n          onItemFocus(detail);\n        }\n      }\n    : undefined;\n\n  const baseDiagramNodeRenderer = (ctx: { data: D1; state: State; expander: ComponentChildren }) =>\n    nodeRenderer({\n      data: ctx.data,\n      state: ctx.state\n      // expander is ignored by flat nodeRenderer\n    });\n\n  return (\n    <BaseDiagram<K1, K2, D1, D2, L>\n      {...(rest as Omit<\n        CommonDiagramProps<K1, K2, D1, D2, L>,\n        | 'selectedIds'\n        | 'highlightedIds'\n        | 'onSelectionChange'\n        | 'onItemHover'\n        | 'onItemFocus'\n        | 'expanded'\n        | 'onExpandedChange'\n        | 'nodeRenderer'\n      >)}\n      selectedIds={mappedSelectedIds}\n      highlightedIds={mappedHighlightedIds}\n      onSelectionChange={mappedOnSelectionChange}\n      onItemFocus={mappedOnItemFocus}\n      onItemHover={mappedOnItemHover}\n      nodeRenderer={baseDiagramNodeRenderer}\n      normalizeLinks={true}\n    />\n  );\n}\n"],"names":["props","selectedIds","highlightedIds","onSelectionChange","onItemFocus","onItemHover","nodeRenderer","rest","mappedSelectedIds","nodes","links","mappedHighlightedIds","mappedOnSelectionChange","detail","ids","data","undefined","mappedOnItemHover","type","mappedOnItemFocus","_jsx","jsx","BaseDiagram","ctx","state","normalizeLinks"],"mappings":"yGA4BM,SAMJA,GAEA,MAAMC,YACJA,EAAWC,eACXA,EAAcC,kBACdA,EAAiBC,YACjBA,EAAWC,YACXA,EAAWC,aACXA,KACGC,GACDP,EAGEQ,EAAoBP,GAAe,CACvCQ,MAAOR,EAAYQ,MACnBC,MAAOT,EAAYS,OAGfC,EAAuBT,GAAkB,CAC7CO,MAAOP,EAAeO,MACtBC,MAAOR,EAAeQ,OAKlBE,EAA0BT,EAC3BU,IAGCV,EAAkB,CAChBM,MAAO,CACLK,IAAKD,EAAOJ,OAAOK,KAAO,GAC1BC,KAAMF,EAAOJ,OAAOM,MAAQ,IAE9BL,MAAO,CACLI,IAAKD,EAAOH,OAAOI,KAAO,GAC1BC,KAAMF,EAAOH,OAAOK,MAAQ,KAE9B,OAEJC,EAEEC,EAAoBZ,EACrBQ,IAEMA,KAAWA,GAA2B,SAAhBA,EAAOK,MAAmC,SAAhBL,EAAOK,OAC1Db,EAAYQ,EACb,OAEHG,EAEEG,EAAoBf,EACrBS,IAEMA,KAAWA,GAA2B,SAAhBA,EAAOK,MAAmC,SAAhBL,EAAOK,OAC1Dd,EAAYS,EACb,OAEHG,EASJ,OACEI,EAAAC,IAACC,EAAWA,YAAA,IACLf,EAWLN,YAAaO,EACbN,eAAgBS,EAChBR,kBAAmBS,EACnBR,YAAae,EACbd,YAAaY,EACbX,aAzB6BiB,GAC/BjB,EAAa,CACXS,KAAMQ,EAAIR,KACVS,MAAOD,EAAIC,QAuBXC,gBAAgB,GAGtB"}

package/amd/Dropdown-7cc463f6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-c3558e44', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './animationUtils-716a9aa6', './unsafeDomAccess-602c5dde', './useEffectEvent-6aa4d559', './menuUtils-8e42385f'], (function(e,n,t,i,o,s,a,r,c,d,u,l,f,m,p,b,h,A){"use strict";const O={mainAxis:4,crossAxis:0},g={isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0},E={mainAxis:!0,crossAxis:!0},x={opening:e=>p.mergeAnimationStateObjects([p.SCALE_UP_FULL,{from:{transformOrigin:u.getTransformOrigin(e.placement,e.direction)},to:{transformOrigin:u.getTransformOrigin(e.placement,e.direction)}}],{duration:p.DURATION_LARGE})};function S(e){const n=e.current;if(n){if(n instanceof Element)return e;if(n[b.UNSAFE_DOM_ACCESS])return e}return null}e.Dropdown=function({isOpen:e=!1,anchorRef:s,children:a,id:u,onClose:p,minWidth:b,placement:y="bottom-start",offset:C=O,onPosition:j,flipOptions:P=E,sizeOptions:U=g,shiftOptions:w,initialFocus:v="none",onTransitionEnd:F}){const L=t.useRef(null),M=t.useCallback((e=>{if(!e)return void F?.(e);const n=L.current;if(n){if("firstFocusable"===v)return c.focusWithin(n),void F?.(e);if(A.getIsIosTablet()){const e=n.querySelector("[data-oj-menu-item-key]");e&&c.focusWithin(e)}F?.(e)}else F?.(e)}),[v]),{status:T,setAnimationElementRef:D,onPosition:R}=d.usePopupAnimation({isOpen:e,placement:y,isAnimatedOnMount:!0,animationStates:x,onPosition:j,onTransitionEnd:M}),k=t.useCallback((e=>{p?.({reason:"outsideMousedown",target:e.target})}),[p]),_=t.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case r.KEYS.ESC:case r.KEYS.TAB:p?.({reason:"dismissed"})}}),[p]);m.useOutsideMousedown({isDisabled:!1,ref:[L],handler:k});const I=h.useEffectEvent((()=>s?.current));return t.useEffect((()=>{const n=I();!e&&"unmounted"===T&&n&&n instanceof HTMLElement&&document.body.contains(n)&&n.focus()}),[I,e,T]),n.jsx(n.Fragment,{children:"unmounted"!==T?n.jsx(o.Layer,{logicalParentRef:S(s),children:n.jsx(i.Floating,{anchorRef:s,ref:D,placement:y,flipOptions:P,shiftOptions:w,sizeOptions:U,offsetValue:C,onPosition:R,boundaryOptions:{padding:{top:8,bottom:8,left:0,right:0}},children:n.jsx("div",{ref:L,id:u,class:f.dropdownStyles.base,style:{minWidth:`${b||0}px`},onKeyDown:_,children:n.jsx(l.CollectionInteractionContext.Provider,{value:"embedded",children:a})})})}):null})}}));
+//# sourceMappingURL=Dropdown-7cc463f6.js.map

package/amd/Dropdown-7cc463f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-7cc463f6.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.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, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   * @default false\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   * @default 'none'\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n\n  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none',\n  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\n  );\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd: _onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={toLogicalParentRef(anchorRef)}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["DEFAULT_OFFSET","mainAxis","crossAxis","DEFAULT_SIZE_OPTIONS","isMaxWidthAdjusted","isMaxHeightAdjusted","DEFAULT_FLIP_OPTIONS","animationStates","opening","node","mergeAnimationStateObjects","SCALE_UP_FULL","from","transformOrigin","getTransformOrigin","placement","direction","to","duration","DURATION_LARGE","toLogicalParentRef","anchorRef","current","Element","UNSAFE_DOM_ACCESS","isOpen","children","id","onClose","minWidth","offset","onPosition","flipOptions","sizeOptions","shiftOptions","initialFocus","onTransitionEnd","dropdownRef","useRef","_onTransitionEnd","useCallback","dropdownElement","focusWithin","getIsIosTablet","firstItem","querySelector","status","setAnimationElementRef","onPositionAnimated","usePopupAnimation","isAnimatedOnMount","handleMousedownClose","event","reason","target","handleKeyDown","defaultPrevented","code","KEYS","ESC","TAB","useOutsideMousedown","isDisabled","ref","handler","STABLE_getAnchor","useEffectEvent","useEffect","anchorElement","HTMLElement","document","body","contains","focus","_jsx","_Fragment","jsx","Layer","logicalParentRef","Floating","offsetValue","boundaryOptions","padding","top","bottom","left","right","class","dropdownStyles","base","style","onKeyDown","CollectionInteractionContext","Provider","value"],"mappings":"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"}

package/amd/IconMenuButton-ec28ecfb.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-d3ecbf6e', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './useTooltip-3a2fd217', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-5a0ad529'], (function(e,t,s,o,n,a,i,r,l,u,c,d,p,y,b,m,h,M,S,f,g,T,I,x,B,w,A){"use strict";const F=p.forwardRef((({children:e,tooltip:a,accessibleLabel:c,variant:d="outlined",isDisabled:p=!1,isMenuOpen:y=!1,isIconOnly:b=!1,onToggleMenu:m,size:h="md",type:M="button",testId:S,width:f,icon:g,"aria-describedby":T},I)=>{const x=i.useRef(null);i.useImperativeHandle(I,(()=>x.current),[x]);const{triggerProps:B,menuProps:F}=w.useMenuAction({isDisabled:p,onToggleMenu:m,isMenuOpen:y,anchorRef:x}),{tooltipContent:j,tooltipProps:v}=l.useTooltip({text:a||c,isDisabled:y||p}),C={type:"button",buttonType:M},D={"aria-describedby":T},N=t.jsx(r.Fragment,{children:t.jsxs(A.BaseButton,{...u.mergeProps(v,B,D),styling:y?["min","active"]:["min"],elementDetails:C,isDisabled:p,variant:d,width:f,size:h,ref:x,"aria-label":c??a,testId:S,children:[t.jsx(s.ButtonLabelLayout,{display:"icons",startIcon:g,endIcon:b?null:t.jsx(o.SvgChevronDown,{}),size:h}),j]})});return p?N:t.jsxs(r.Fragment,{children:[N,t.jsx(n.Menu,{...F,offsetValue:4,"aria-label":c??a,children:e})]})}));F.displayName="IconMenuButton",e.IconMenuButton=F}));
+//# sourceMappingURL=IconMenuButton-ec28ecfb.js.map

package/amd/IconMenuButton-ec28ecfb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenuButton-ec28ecfb.js","sources":["../../src/UNSAFE_IconMenuButton/IconMenuButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\n\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type BaseProps = WidthInterpolationProps & {\n  /**\n   * children - One or more MenuItems, dividers, or Menu groups\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The icon is the button's icon.  Note that this is not the menu\n   * expand icon shown on the right (or to the left in right to left mode).\n   */\n  icon?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if only the icon is shown, and no down chevron.\n   */\n  isIconOnly?: boolean;\n\n  /**\n   * Specifes the button type\n   */\n  type?: 'button' | 'submit';\n\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the button.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Specifies if the menu is open\n   */\n  isMenuOpen?: boolean;\n\n  /**\n   * Indicates in what states the button has chrome (background and border).\n   *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n   * useful for performing low-priority tasks, such as manipulating the UI.\",\n   *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n   * buttons are useful for supplemental actions that require minimal emphasis.\",\n   *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n   * solid buttons. Outlined buttons are useful for secondary actions.\",\n   *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n   *  most important actions in the UI.\",\n   */\n  variant?: 'ghost' | 'borderless' | 'outlined' | 'solid';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggleMenu?: (details: MenuToggleDetail) => void;\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconMenuButton is a combined action and menu button.\n */\nexport const IconMenuButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      accessibleLabel,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      isIconOnly = false,\n      onToggleMenu,\n      size = 'md',\n      type: buttonType = 'button',\n      testId,\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const buttonRef = useRef<ButtonHandle>(null);\n    useImperativeHandle(ref, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled: isMenuOpen || isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    const rootButton = (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          styling={isMenuOpen ? ['min', 'active'] : ['min']}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          variant={variant}\n          width={width}\n          size={size}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={icon}\n            endIcon={isIconOnly ? null : <MenuButtonDropdownIcon />}\n            size={size}></ButtonLabelLayout>\n          {tooltipContent}\n        </BaseButton>\n      </Fragment>\n    );\n\n    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n     Could be done via menu props or having a dropdownMenu component. JET-60595*/\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps} offsetValue={4} aria-label={accessibleLabel ?? tooltip}>\n          {children}\n        </Menu>\n      </Fragment>\n    );\n  }\n);\n\nIconMenuButton.displayName = 'IconMenuButton';\n"],"names":["IconMenuButton","forwardRef","children","tooltip","accessibleLabel","variant","isDisabled","isMenuOpen","isIconOnly","onToggleMenu","size","type","buttonType","testId","width","icon","ariaDescribedBy","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","tooltipContent","tooltipProps","useTooltip","text","elementDetails","ariaProps","rootButton","_jsx","jsx","Fragment","_jsxs","jsxs","BaseButton","mergeProps","styling","ButtonLabelLayout","display","startIcon","endIcon","MenuButtonDropdownIcon","Menu","offsetValue","displayName"],"mappings":"46BAmHa,MAAAA,EAAiBC,EAAAA,YAC5B,EAEIC,WACAC,UACAC,kBACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,KAAMC,EAAa,SACnBC,SACAC,QACAC,OACA,mBAAoBC,GAEtBC,KAEA,MAAMC,EAAYC,SAAqB,MACvCC,EAAmBA,oBAACH,GAAK,IAAMC,EAAUG,SAAU,CAACH,IAEpD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDlB,WAAYA,EACZG,aAAcA,EACdF,WAAYA,EACZkB,UAAWP,KAGPQ,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAM1B,GAAoBC,EAC1BE,WAAYC,GAAcD,IAGtBwB,EAAiB,CACrBnB,KAAM,SACNC,WAAYA,GAGRmB,EAAY,CAAE,mBAAoBf,GAElCgB,EACJC,EAAAC,IAACC,WACC,CAAAjC,SAAAkC,EAAAC,KAACC,aAAU,IACLC,EAAAA,WAAWZ,EAAcL,EAAcS,GAC3CS,QAASjC,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CuB,eAAgBA,EAChBxB,WAAYA,EACZD,QAASA,EACTS,MAAOA,EACPJ,KAAMA,EACNO,IAAKC,EAAS,aACFd,GAAmBD,EAC/BU,OAAQA,YACRoB,EAAAA,IAACQ,EAAAA,mBACCC,QAAS,QACTC,UAAW5B,EACX6B,QAASpC,EAAa,KAAOyB,EAAAA,IAACY,EAAAA,eAAyB,CAAA,GACvDnC,KAAMA,IACPgB,OAOP,OAAOpB,EAAU,EAGf8B,EAAAA,KAACD,EAAQA,oBACNH,EACDC,MAACa,EAAAA,KAAS,IAAAvB,EAAWwB,YAAa,EAAC,aAAc3C,GAAmBD,EACjED,SAAAA,MAGN,IAILF,EAAegD,YAAc"}

package/amd/IconSwitchButton-28f4854a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-5a0ad529', './useToggleAction-59741954', './useTooltip-3a2fd217', 'preact/hooks', './useId-c9578d26', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', './toggleButtonUtils-0ebe4c56', './ToggleButtonLabel-367494b8'], (function(e,t,o,s,i,l,a,n,c,r,d,g,p,u,b,h,T,m){"use strict";const y=s.forwardRef((({children:e,tooltip:s,size:n="md",isDisabled:d=!1,accessibleLabel:g,isSelected:p=!1,onToggle:u,testId:b,width:h,"aria-describedby":y},B)=>{const{triggerProps:w}=l.useToggleAction({isDisabled:d,onToggle:u}),{tooltipContent:S,tooltipProps:f}=a.useTooltip({text:s??g,isDisabled:d}),I=T.toggleStyling("auto",p,!0,!1,!1,void 0,void 0,!0),x={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(f,w,x),elementDetails:{type:"button",isSwitch:!0},"aria-checked":p,variant:"ghost",size:n,isDisabled:d,styling:I,width:h,ref:B,"aria-label":g??s,testId:b,children:t.jsx(m.ToggleButtonLabel,{isDisabled:d,label:g??s,isToggle:!0,inputName:c.useId(),inputType:"switch",onAction:()=>u?.({value:p}),isSelected:p,display:"icons",startIcon:e,size:n})}),S]})}));y.displayName="IconSwitchButton",e.IconSwitchButton=y}));
+//# sourceMappingURL=IconSwitchButton-28f4854a.js.map

package/amd/IconSwitchButton-28f4854a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSwitchButton-28f4854a.js","sources":["../../src/PRIVATE_IconSwitchButton/IconSwitchButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nimport { toggleStyling } from '#utils/UNSAFE_buttonUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ToggleButtonLabelProps } from '#UNSAFE_ToggleButtonLabel/ToggleButtonLabel';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type IconSwitchButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * The size indicates how large the button is rendered: \"xs\", \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconSwitchButton is an icon button that allows users to switch\n * between states when pressed.  It differs from a toggle button in not\n * providing any visual indication of the state; instead, switch the\n * icon to provide the state indication.\n */\nexport const IconSwitchButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      size = 'md',\n      isDisabled = false,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy\n    }: IconSwitchButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      true,\n      false,\n      false,\n      undefined,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          elementDetails={{ type: 'button', isSwitch: true }}\n          aria-checked={isSelected}\n          variant=\"ghost\"\n          size={size}\n          isDisabled={isDisabled}\n          styling={styling}\n          width={width}\n          ref={ref}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            isDisabled={isDisabled}\n            label={accessibleLabel ?? tooltip}\n            isToggle={true}\n            inputName={useId()}\n            inputType={'switch'}\n            onAction={() => onToggle?.({ value: isSelected })}\n            isSelected={isSelected}\n            display={'icons'}\n            startIcon={children}\n            size={size as ToggleButtonLabelProps['size']}\n          />\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconSwitchButton.displayName = 'IconSwitchButton';\n"],"names":["IconSwitchButton","forwardRef","children","tooltip","size","isDisabled","accessibleLabel","isSelected","onToggle","testId","width","ariaDescribedBy","ref","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","undefined","ariaProps","_jsxs","Fragment","_jsx","jsx","BaseButton","mergeProps","elementDetails","type","isSwitch","variant","ToggleButtonLabel","label","isToggle","inputName","useId","inputType","onAction","value","display","startIcon","displayName"],"mappings":"+jBAuFa,MAAAA,EAAmBC,EAAAA,YAC9B,EAEIC,WACAC,UACAC,OAAO,KACPC,cAAa,EACbC,kBACAC,cAAa,EACbC,WACAC,SACAC,QACA,mBAAoBC,GAEtBC,KAEA,MAAMC,aAAEA,GAAiBC,kBAAgB,CACvCT,WAAYA,EACZG,SAAUA,KAGNO,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMf,GAAWG,EACjBD,WAAYA,IAGRc,EAAUC,EAAAA,cACd,OACAb,GACA,GACA,GACA,OACAc,OACAA,GACA,GAGIC,EAAY,CAAE,mBAAoBX,GAExC,OACEY,EAAAA,KAACC,EAAAA,SAAQ,CAAAtB,SAAA,CACPuB,EAACC,IAAAC,EAAUA,WACL,IAAAC,EAAAA,WAAWZ,EAAcH,EAAcS,GAC3CO,eAAgB,CAAEC,KAAM,SAAUC,UAAU,GAAM,eACpCxB,EACdyB,QAAQ,QACR5B,KAAMA,EACNC,WAAYA,EACZc,QAASA,EACTT,MAAOA,EACPE,IAAKA,EAAG,aACIN,GAAmBH,EAC/BM,OAAQA,EAAMP,SACduB,MAACQ,EAAAA,kBACC,CAAA5B,WAAYA,EACZ6B,MAAO5B,GAAmBH,EAC1BgC,UAAU,EACVC,UAAWC,EAAKA,QAChBC,UAAW,SACXC,SAAU,IAAM/B,IAAW,CAAEgC,MAAOjC,IACpCA,WAAYA,EACZkC,QAAS,QACTC,UAAWxC,EACXE,KAAMA,MAGTW,IAEH,IAINf,EAAiB2C,YAAc"}

package/amd/IconToggleButton-56035aa0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-5a0ad529', './useToggleAction-59741954', './useTooltip-3a2fd217', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130', './ToggleButtonLabel-367494b8'], (function(e,t,o,s,i,l,a,n,r,d,c,g,b,p,u,T,h,m){"use strict";const y=s.forwardRef((({children:e,variant:s="outlined",size:n="md",isDisabled:d=!1,tooltip:c,accessibleLabel:g,isSelected:b=!1,onToggle:p,testId:u,"aria-describedby":y,width:B,...f},v)=>{const{globalEventProps:x}=h.processGlobals(f),{triggerProps:w}=l.useToggleAction({isDisabled:d,onToggle:p}),{tooltipContent:A,tooltipProps:D}=a.useTooltip({text:c??g,isDisabled:d}),I=T.toggleStyling("auto",b,!1,!1,"outlined"===s,void 0,void 0,!0,!0),P={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(D,w,x,P),variant:s,isDisabled:d,size:n,width:B,"aria-pressed":b,styling:I,ref:v,"aria-label":g??c,testId:u,children:t.jsx(m.ToggleButtonLabel,{onAction:()=>p?.({value:b}),size:n,isDisabled:d,display:"icons",startIcon:e})}),A]})}));y.displayName="IconToggleButton",e.IconToggleButton=y}));
+//# sourceMappingURL=IconToggleButton-56035aa0.js.map

package/amd/IconToggleButton-56035aa0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconToggleButton-56035aa0.js","sources":["../../src/UNSAFE_IconToggleButton/IconToggleButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type IconToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.   This should not vary depending on state.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'borderless' | 'outlined';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * IconToggleButtons direct users to toggle a state with\n * a single tap, click, or keystroke.\n */\nexport const IconToggleButton = forwardRef(\n  (\n    {\n      children,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      tooltip,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: IconToggleButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      undefined,\n      true,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, globalEventProps, ariaProps)}\n          variant={variant}\n          isDisabled={isDisabled}\n          size={size}\n          width={width}\n          aria-pressed={isSelected}\n          styling={styling}\n          ref={ref}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            onAction={() => onToggle?.({ value: isSelected })}\n            size={size}\n            isDisabled={isDisabled}\n            display={'icons'}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconToggleButton.displayName = 'IconToggleButton';\n"],"names":["IconToggleButton","forwardRef","children","variant","size","isDisabled","tooltip","accessibleLabel","isSelected","onToggle","testId","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","undefined","ariaProps","_jsxs","Fragment","_jsx","jsx","BaseButton","mergeProps","ToggleButtonLabel","onAction","value","display","startIcon","displayName"],"mappings":"2kBA6FaA,EAAmBC,EAAAA,YAC9B,EAEIC,WACAC,UAAU,WACVC,OAAO,KACPC,cAAa,EACbC,UACAC,kBACAC,cAAa,EACbC,WACAC,SACA,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,IAEtCI,aAAEA,GAAiBC,kBAAgB,CACvCb,WAAYA,EACZI,SAAUA,KAGNU,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMhB,GAAWC,EACjBF,WAAYA,IAGRkB,EAAUC,EAAaA,cAC3B,OACAhB,GACA,GACA,EACY,aAAZL,OACAsB,OACAA,GACA,GACA,GAGIC,EAAY,CAAE,mBAAoBf,GAExC,OACEgB,OAACC,EAAAA,oBACCC,EAACC,IAAAC,iBACKC,EAAAA,WAAWZ,EAAcH,EAAcF,EAAkBW,GAC7DvB,QAASA,EACTE,WAAYA,EACZD,KAAMA,EACNQ,MAAOA,iBACOJ,EACde,QAASA,EACTT,IAAKA,EACO,aAAAP,GAAmBD,EAC/BI,OAAQA,WACRmB,EAAAA,IAACI,EAAiBA,mBAChBC,SAAU,IAAMzB,IAAW,CAAE0B,MAAO3B,IACpCJ,KAAMA,EACNC,WAAYA,EACZ+B,QAAS,QACTC,UAAWnC,MAEdiB,IAEH,IAINnB,EAAiBsC,YAAc"}

package/amd/InlineSelectSingle-a1c1f520.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-4b81b412', './Label-701506b1', './useDisplayValue-8b0c1851', './Separator-181f7541', './logger-0f873e29', './TabbableModeContext-a9c97640', './LayerHost-0b288129', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-6b57cc3e', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-35699bb2', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-af642fe7'], (function(e,s,t,n,o,a,r,i,l,c,d,u,b,p,h,S,m,y,x,C,g,F,v,f,w,A,T,U,E,L,k,I,K,B,R,P,M,_,j,V,N,D,O,z,Y,$,G,H,W,q,Z){"use strict";const J={isTabbable:!1};const Q=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:b,onLoadRange:p,testId:S,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:C,isEmptyResults:g,isUserFiltering:F,labelProps:v,listContainerProps:f,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:b,onCommit:p,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},C){const g=n.useRef(null),{textAlign:F}=z.useFormContext(),v=m??F??"start",f=null!=t&&!Z.isBeforeDataFetch(t),w=f&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),U=n.useRef(!0),[E,L]=n.useState(void 0===y?void 0:new Set([y.key])),k=Y.useLoadingIndicatorTimer(c??!1),I=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(C,(()=>({focus:()=>g.current?.focus(),blur:()=>g.current?.blur(),[q.UNSAFE_DOM_ACCESS]:g.current})),[]);const{currentRowKeyRef:K,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:N,updateFiltering:D,userInput:O}=Z.useSelectCommon({data:t,inputRef:g,isFocused:!0,onFilter:h}),{baseId:J,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:k,value:void 0!==y||void 0}),te=`${J}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=f?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,L(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:Z.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),U.current&&(U.current=!1,V({rowKey:[...E??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{p?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[p,y]),re=n.useCallback((e=>{L(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{N();const s=e.context.key;L(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,N]),ce=n.useCallback((({value:e})=>{D(e),h?.({searchText:e})}),[h,D]),de=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:e.preventDefault();break;case H.KEYS.ENTER:case H.KEYS.TAB:{if(Z.isPhone())return;const s={reason:e.code===H.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(N(),void 0!==K.current&&null!=t&&t.data.length>0)return L(new Set([K.current])),void ae(K.current,s);ae(y?.key??void 0,s);break}}}),[re,K,t,ie,ae,N,y]),ue=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:if(null!=t&&R.current){const e=W.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),be=n.useCallback((e=>{e.code===H.KEYS.TAB&&void 0!==K.current&&null!=t&&t.data.length>0&&(L(new Set([K.current])),ae(K.current,{reason:"tabKey"}))}),[K,t,ae]),pe=n.useCallback((()=>{N(),re({reason:"itemAction"}),g.current?.focus(),h?.({searchText:void 0})}),[re,h,N]),he=Z.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:E,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:be},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:b,onClearButtonClick:pe,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:I,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:v,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),U=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(Z.DefaultList,{"aria-label":b,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:p,searchText:F?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,F,d,u,b,p]),E=s.jsx(D.View,{minWidth:"100%",padding:"2x",children:s.jsx(h.InlineUserAssistance,{testId:S&&`${S}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(B.FormFieldContext.Provider,{value:x,children:[s.jsxs(D.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...v}),testId:S&&`${S}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&C&&s.jsxs(s.Fragment,{children:[E,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(Z.DropdownList,{...f,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:J,children:g?s.jsx(Z.EmptyResults,{}):U(y)})}),"belowList"===m&&C&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),E]})]})})}));e.InlineSelectSingle=Q}));
+//# sourceMappingURL=InlineSelectSingle-a1c1f520.js.map

package/amd/InlineSelectSingle-a1c1f520.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSelectSingle-a1c1f520.js","sources":["../../src/UNSAFE_InlineSelectSingle/InlineSelectSingle.tsx","../../src/UNSAFE_InlineSelectSingle/useInlineSelectSingle.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ContextType, JSX, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nimport {\n  DefaultList,\n  DropdownList,\n  EmptyResults,\n  type SelectSingleCollectionRendererContext\n} from '#PRIVATE_SelectCommon';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Label } from '#UNSAFE_Label';\nimport { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport type { Data, InlineSelectHandle, InlineSelectSingleProps, Key } from './types';\nimport { useInlineSelectSingle } from './useInlineSelectSingle';\n\nconst PREVENT_TABBING = { isTabbable: false } satisfies ContextType<typeof TabbableModeContext>;\n\n/**\n * A InlineSelectSingle is a text field with an inline list that supports single selection and search filtering.\n * Note: This is only meant to be used by the Spectra Smart Search component. As such, it only has limited features\n * needed for the Smart Search component.\n */\nfunction InlineSelectSingleImpl<K extends Key, D extends Data>(\n  props: InlineSelectSingleProps<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const {\n    data,\n    itemRenderer,\n    itemText,\n    label,\n    onLoadRange,\n    testId,\n    userAssistancePosition = 'belowList'\n  } = props;\n  const {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance,\n    isEmptyResults,\n    isUserFiltering,\n    labelProps,\n    listContainerProps,\n    selectSingleFieldProps,\n    selectFieldInputProps,\n    userAssistanceProps\n  } = useInlineSelectSingle(props, ref);\n\n  const defaultCollectionRenderer = useCallback(\n    ({\n      onPersistCurrentRowKey,\n      onRowAction,\n      selected,\n      searchText,\n      currentRowKeyOverride\n    }: SelectSingleCollectionRendererContext<K, D>) => (\n      <DefaultList\n        aria-label={label}\n        componentName=\"InlineSelectSingle\"\n        currentItemVariant=\"highlight\"\n        currentKey={currentRowKeyOverride}\n        data={data}\n        itemRenderer={itemRenderer}\n        itemText={itemText}\n        onCurrentKeyChange={onPersistCurrentRowKey}\n        onItemAction={onRowAction}\n        onLoadRange={onLoadRange}\n        searchText={isUserFiltering ? searchText : undefined}\n        selectedKeys={selected}\n        selectionMode=\"single\"\n      />\n    ),\n    [data, isUserFiltering, itemRenderer, itemText, label, onLoadRange]\n  );\n\n  const userAssistance = (\n    <View minWidth=\"100%\" padding=\"2x\">\n      <InlineUserAssistance\n        testId={testId && `${testId}_userAssistance`}\n        {...userAssistanceProps}\n      />\n    </View>\n  );\n\n  return (\n    <Flex direction=\"column\" gap=\"2x\" maxHeight=\"100%\" width=\"100%\">\n      <FormFieldContext.Provider value={formFieldContext}>\n        <View flex={0}>\n          <SelectSingleField\n            {...selectSingleFieldProps}\n            label={<Label {...labelProps} />}\n            testId={testId && `${testId}_selectSingleField`}>\n            <SelectSingleFieldInput {...selectFieldInputProps} />\n          </SelectSingleField>\n          {/* Render separator & UA without gaps when we are configured for UA between the field and the dropdown */}\n          {userAssistancePosition === 'aboveList' && <Separator />}\n          {userAssistancePosition === 'aboveList' && hasUserAssistance && (\n            <>\n              {userAssistance}\n              <Separator />\n            </>\n          )}\n        </View>\n        {/* Render separator with gaps when we are not configured for UA between the field and the dropdown */}\n        {userAssistancePosition !== 'aboveList' && <Separator />}\n        <DropdownList\n          {...listContainerProps}\n          // Add bottom gap only when we are configured to show UA above the list\n          hasBottomGap={userAssistancePosition === 'aboveList'}\n          hasTopGap={false}>\n          <TabbableModeContext.Provider value={PREVENT_TABBING}>\n            {isEmptyResults ? (\n              <EmptyResults />\n            ) : (\n              defaultCollectionRenderer(collectionRendererContext)\n            )}\n          </TabbableModeContext.Provider>\n        </DropdownList>\n        {userAssistancePosition === 'belowList' && hasUserAssistance && (\n          <div>\n            <Separator />\n            {userAssistance}\n          </div>\n        )}\n      </FormFieldContext.Provider>\n    </Flex>\n  );\n}\n\nexport const InlineSelectSingle = forwardRef(InlineSelectSingleImpl) as {\n  <K extends Key, D extends Data>(\n    props: InlineSelectSingleProps<K, D> & { ref?: Ref<InlineSelectHandle> }\n  ): JSX.Element;\n}; // forwardRef will remove generics, so we cast it explicitly to preserve generics.;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, Ref } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\n\nimport {\n  type DropdownList,\n  isBeforeDataFetch,\n  isPhone,\n  isSearchTextEmptyOrUndefined,\n  useCollectionRenderer,\n  UseCollectionRendererSelectSingleParams,\n  useSelectCommon\n} from '#PRIVATE_SelectCommon';\nimport type { Label } from '#UNSAFE_Label';\nimport type { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport type { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { useDisplayValue } from '#UNSAFE_SelectSingle/useDisplayValue';\nimport type { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { isControlOrFunctionKey, KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type {\n  CommitMetadata,\n  Data,\n  InlineSelectHandle,\n  InlineSelectSingleProps,\n  Key\n} from './types';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype UseInlineSelectSingleOptions<K extends Key, D extends Data> = InlineSelectSingleProps<K, D>;\n\n/**\n * A custom hook for determining prop values for the InlineSelectSingle's child\n * components from its own props.\n * @param param0 options\n * @param ref The ref handle of the component.\n */\nexport function useInlineSelectSingle<K extends Key, D extends Data>(\n  {\n    'aria-describedby': ariaDescribedBy,\n    assistiveText,\n    data,\n    hasBackIcon = 'never',\n    hasClearIcon = 'never',\n    helpSourceLink,\n    helpSourceText,\n    isLoading: propIsLoading,\n    itemText,\n    label,\n    onBackIconAction,\n    onCommit: propOnCommit,\n    onFilter,\n    placeholder,\n    textAlign: propTextAlign,\n    valueItem,\n    virtualKeyboard\n  }: UseInlineSelectSingleOptions<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { textAlign: formTextAlign } = useFormContext();\n  const textAlign = propTextAlign ?? formTextAlign ?? 'start';\n  const isDataFetched = data != null && !isBeforeDataFetch<K, D>(data);\n  const isEmptyResults = isDataFetched && data?.totalSize === 0;\n\n  // Refs to keep track of prop changes and sync internal state\n  const prevDataRef = useRef(data);\n  const prevValueItemRef = useRef(valueItem);\n  const isInitialRender = useRef(true);\n\n  // State for holding the selected keys in the list\n  const [selectedKeys, setSelectedKeys] = useState(\n    valueItem === undefined ? undefined : new Set([valueItem.key])\n  );\n\n  // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n  // show the loading indicator until after a delay, because showing it immediately could result\n  // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n  // after the delay, when the timer expires, at which point we should show the loading indicator.\n  // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n  // and no loading indicator will be shown.\n  // (ListView detects its loading state by checking data === null.  While it would be nice for\n  // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n  // If valueItems === null triggers our loading state, then the selections in the dropdown\n  // are cleared for that period of time, which is undesirable.)\n  const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n  const displayValue = useDisplayValue(itemText, valueItem, 'InlineSelectSingle');\n\n  // add methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      [UNSAFE_DOM_ACCESS]: inputRef.current!\n    }),\n    []\n  );\n\n  const {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    isFocused,\n    isUserFiltering,\n    onCurrentKeyChange,\n    searchText,\n    setCurrentRowOverride,\n    stopFiltering,\n    updateFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    // The component can only be in a focused visual state\n    isFocused: true,\n    onFilter\n  });\n\n  const { baseId, formFieldContext, inputProps, labelProps, userAssistanceProps } = useTextField({\n    ariaDescribedBy,\n    helpSourceLink,\n    helpSourceText,\n    isFocused,\n    isLoading,\n    value: valueItem !== undefined ? true : undefined\n  });\n  const listId = `${baseId}-list`;\n\n  // If we're waiting for the selected values to load, the component should look like it\n  // has a value in the meantime.\n  // Use the original propIsLoading instead of isLoading because we don't want to delay\n  // the inside label position by a timer like we do the progressive loading indicator.\n  formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const liveRegionText = isDataFetched\n    ? data?.totalSize === 0\n      ? translations.select_noMatchesFound()\n      : data?.totalSize === 1\n      ? translations.select_oneMatchFound()\n      : data?.sizePrecision === 'exact'\n      ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n      : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n    : '';\n\n  /**\n   * Lifecycle updates\n   */\n  // When the valueItem changes, save the new selectedKeys\n  if (prevValueItemRef.current !== valueItem) {\n    prevValueItemRef.current = valueItem;\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }\n\n  // When data changes, highlight the first result\n  if (prevDataRef.current !== data) {\n    prevDataRef.current = data;\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (isUserFiltering && data != null && data.offset === 0 && data.data.length > 0) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRowOverride({\n        rowKey: !isSearchTextEmptyOrUndefined(searchText) ? data.data[0].metadata.key : undefined\n      });\n    }\n  }\n\n  // During the initial render, set the current row override if we have selected values.\n  // This way pressing DOWN arrow will start the navigation from the selected row.\n  if (isInitialRender.current) {\n    isInitialRender.current = false;\n    setCurrentRowOverride({ rowKey: [...(selectedKeys ?? [undefined])][0] });\n  }\n\n  /**\n   * A helper onCommit wrapper that consumes the metadata and calls the\n   * propOnCommit with only the necessary information.\n   * (Similar to onCommit in useSelectSingle.ts)\n   */\n  const onCommit = useCallback(\n    (value: K | undefined, metadata: CommitMetadata) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined,\n        reason: metadata.reason\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  /**\n   * A helper function to clear the selectedKeys and commits empty value.\n   * (Similar to clearValue in useSelectSingle.ts but without dropdown related logic)\n   */\n  const clearValue = useCallback(\n    (metadata: CommitMetadata) => {\n      setSelectedKeys(new Set<K>());\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(undefined, metadata);\n    },\n    [onCommit]\n  );\n\n  /**\n   * Determine if we need to clear the value because the user has deleted all the text.\n   * (Similar to isClearValueNeeded in useSelectSingle.ts)\n   */\n  const isClearValueNeeded = useCallback(() => {\n    return isUserFiltering && userInput === '' && valueItem !== undefined;\n  }, [isUserFiltering, userInput, valueItem]);\n\n  /**\n   * Handler for List.onItemAction\n   * (Similar to useSelectSingle.ts's onItemAction but without dropdown related logic)\n   * This is used for handling:\n   * - Commits value when one performs an action on the list\n   */\n  const handleItemAction = useCallback<\n    UseCollectionRendererSelectSingleParams<K, D>['onItemAction']\n  >(\n    (detail) => {\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey, { reason: 'itemAction' });\n    },\n    [onCommit, stopFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onInput\n   * This is used for handling:\n   * - Typing in text in the field should filter the results (i.e. invoke onFilter with the text)\n   */\n  const handleFieldInput = useCallback(\n    ({ value }: ValueUpdateDetail<string>) => {\n      updateFiltering(value);\n      onFilter?.({ searchText: value });\n    },\n    [onFilter, updateFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyDown\n   * This is used for handling:\n   * - Prevents default browser behavior on UP/DOWN to avoid scrolling\n   * - Clears value or selects current row on ENTER\n   * - Clears value or selects current row on TAB\n   */\n  const handleFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the default action, since we do not want the page to scroll\n          event.preventDefault();\n          break;\n        case KEYS.ENTER:\n        case KEYS.TAB: {\n          // if this is on a mobile device (only phone and not in tablet devices), do not do anything\n          if (isPhone()) return;\n\n          // Otherwise, proceed\n          const commitMetadata: CommitMetadata = {\n            reason: event.code === KEYS.TAB ? 'tabKey' : 'itemAction'\n          };\n          // check to see if we need to clear the value\n          if (isClearValueNeeded()) {\n            // in this case, clear the value and return.\n            clearValue(commitMetadata);\n            return;\n          }\n\n          // if there is no data to select, no need to handle this event\n          if (data == null || data.data.length === 0) return;\n\n          // If we will be making a selection, the user is no longer actively filtering,\n          // so update related state accordingly so that the newly selected value appears in the field.\n          stopFiltering();\n\n          // Current design have this component in a dropdown/modal. So, pressing Tab from\n          // the main field without doing any other interaction is still considered a selection\n          // unlike SelectSingle (see JET-68215). So, we handle both Enter and Tab similarly.\n          // If there is a currentRow in the dropdown (meaning a highlighted item that would\n          // have keyboard focus if the dropdown list had physical focus, which may be different\n          // from the currently selected item), select it and commit it.\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, commitMetadata);\n            return;\n          }\n          // Otherwise commit the currently selected value again so that a valueAction event\n          // can be fired from the core-pack side.\n          onCommit(valueItem?.key ?? undefined, commitMetadata);\n          break;\n        }\n      }\n    },\n    [clearValue, currentRowKeyRef, data, isClearValueNeeded, onCommit, stopFiltering, valueItem]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyUp\n   * This is used for handling:\n   * - Pressing UP/DOWN from the main field should move the focus to the list\n   * - If Ctrl or Fn key is pressed, then ignore the event\n   */\n  const handleFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // Transfer physical focus into the dropdown only if the data is present and the dropdown\n          // has rendered the data. Otherwise, keep the focus in the field.\n          if (data != null && dropdownRef.current) {\n            // get the focusable element from the dropdown.\n            // consider element with tabindex=-1 as well.\n            const firstFocusableElem = allTabbableElements(dropdownRef.current, undefined, true)[0];\n            // focus the first element if it exists\n            firstFocusableElem?.focus();\n\n            // set the first row as current row if there is no current row at the moment\n            if (currentRowOverride.rowKey === undefined) {\n              setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n            }\n          }\n          // prevent the default action, since we are handling it\n          event.preventDefault();\n          break;\n      }\n    },\n    [currentRowOverride, data, dropdownRef, setCurrentRowOverride]\n  );\n\n  /**\n   * Handler for DropdownList.onKeyDown\n   * This is used for handling:\n   * - Pressing Tab when highlighted on a list item should select & commit that item as value\n   */\n  const handleListKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case KEYS.TAB:\n          // if there is a currentRow in the dropdown, select it and commit it\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, { reason: 'tabKey' });\n          }\n          break;\n      }\n    },\n    [currentRowKeyRef, data, onCommit]\n  );\n\n  /**\n   * Handler for ClearButton.onClick\n   * This is for handling:\n   * - on clicking the clear icon, the value & selection should be cleared.\n   */\n  const handleClearButtonClick = useCallback(() => {\n    // reset the user filter and the value of the component\n    stopFiltering();\n    // clear the value\n    clearValue({ reason: 'itemAction' });\n    // set focus to the input\n    inputRef.current?.focus();\n    // call onFilter with undefined\n    onFilter?.({ searchText: undefined });\n  }, [clearValue, onFilter, stopFiltering]);\n\n  /**\n   * Create collection Renderer context. This will be used by the default\n   * collectionRenderer.\n   */\n  const collectionRendererContext = useCollectionRenderer<K, D>({\n    currentKey: currentRowOverride.rowKey,\n    searchText,\n    selectedKeys,\n    onCurrentKeyChange,\n    onItemAction: handleItemAction\n  });\n\n  // TODO: JET-73973 - ListView is not respecting TabbableMode\n  // Currently List does not respect TabbableMode, so for now explicitly set tabindex=\"-1\".\n  // When this bug is fixed, this useEffect can be removed.\n  useEffect(() => {\n    const list = dropdownRef.current?.querySelector('div[role=\"listbox\"][tabindex=\"0\"]');\n    list?.setAttribute('tabindex', '-1');\n  });\n\n  return {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance: Boolean(assistiveText || helpSourceLink),\n    isEmptyResults,\n    isUserFiltering,\n    labelProps: {\n      ...labelProps,\n      children: label\n    } satisfies ComponentProps<typeof Label>,\n    listContainerProps: {\n      id: listId,\n      dropdownListRef: dropdownRef,\n      onKeyDown: handleListKeyDown\n    } satisfies ComponentProps<typeof DropdownList>,\n    selectSingleFieldProps: {\n      contentVariant: 'input',\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      isBackButtonShown: hasBackIcon === 'always',\n      isClearButtonShown: hasClearIcon === 'conditionally' && valueItem !== undefined,\n      onBackButtonClick: onBackIconAction,\n      onClearButtonClick: handleClearButtonClick,\n      styleVariant: 'embedded' as const\n    } satisfies Omit<ComponentProps<typeof SelectSingleField>, 'children'>,\n    selectFieldInputProps: {\n      ...inputProps,\n      'aria-controls': listId,\n      // InlineSelectSingle always have the list open, so it will always be in an expanded state.\n      'aria-expanded': true,\n      displayValue,\n      // InlineSelectSingle currently only supports inside label,\n      // so it is expected to always have a label.\n      hasEmptyLabel: false,\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      inputRef,\n      // InlineSelectSingle currently does not support Add to List.\n      isAddToListShown: false,\n      // InlineSelectSingle currently does not support Advanced Search.\n      isAdvancedSearchShown: false,\n      // InlineSelectSingle currently does not support Required.\n      isRequired: false,\n      isUserFiltering,\n      liveRegionText,\n      onInput: handleFieldInput,\n      onKeyDown: handleFieldKeyDown,\n      onKeyUp: handleFieldKeyUp,\n      placeholder,\n      textAlign,\n      userInput,\n      variant: 'embedded',\n      virtualKeyboard\n    } satisfies ComponentProps<typeof SelectSingleFieldInput>,\n    userAssistanceProps: {\n      ...userAssistanceProps,\n      assistiveText,\n      fieldLabel: label,\n      helpSourceLink,\n      helpSourceText\n    } satisfies ComponentProps<typeof InlineUserAssistance>\n  };\n}\n"],"names":["PREVENT_TABBING","isTabbable","InlineSelectSingle","forwardRef","props","ref","data","itemRenderer","itemText","label","onLoadRange","testId","userAssistancePosition","collectionRendererContext","formFieldContext","hasUserAssistance","isEmptyResults","isUserFiltering","labelProps","listContainerProps","selectSingleFieldProps","selectFieldInputProps","userAssistanceProps","ariaDescribedBy","assistiveText","hasBackIcon","hasClearIcon","helpSourceLink","helpSourceText","isLoading","propIsLoading","onBackIconAction","onCommit","propOnCommit","onFilter","placeholder","textAlign","propTextAlign","valueItem","virtualKeyboard","inputRef","useRef","formTextAlign","useFormContext","isDataFetched","isBeforeDataFetch","totalSize","prevDataRef","prevValueItemRef","isInitialRender","selectedKeys","setSelectedKeys","useState","undefined","Set","key","useLoadingIndicatorTimer","displayValue","useDisplayValue","useImperativeHandle","focus","current","blur","UNSAFE_DOM_ACCESS","currentRowKeyRef","currentRowOverride","dropdownRef","isFocused","onCurrentKeyChange","searchText","setCurrentRowOverride","stopFiltering","updateFiltering","userInput","useSelectCommon","baseId","inputProps","useTextField","value","listId","hasValue","translations","useTranslationBundle","liveRegionText","select_noMatchesFound","select_oneMatchFound","sizePrecision","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","offset","length","rowKey","isSearchTextEmptyOrUndefined","metadata","useCallback","previousValue","reason","clearValue","isClearValueNeeded","handleItemAction","detail","newKey","context","handleFieldInput","handleFieldKeyDown","event","isControlOrFunctionKey","code","KEYS","UP","DOWN","preventDefault","ENTER","TAB","isPhone","commitMetadata","handleFieldKeyUp","firstFocusableElem","allTabbableElements","handleListKeyDown","handleClearButtonClick","useCollectionRenderer","currentKey","onItemAction","useEffect","list","querySelector","setAttribute","Boolean","children","id","dropdownListRef","onKeyDown","contentVariant","hasInsideLabel","isBackButtonShown","isClearButtonShown","onBackButtonClick","onClearButtonClick","styleVariant","hasEmptyLabel","isAddToListShown","isAdvancedSearchShown","isRequired","onInput","onKeyUp","variant","fieldLabel","useInlineSelectSingle","defaultCollectionRenderer","onPersistCurrentRowKey","onRowAction","selected","currentRowKeyOverride","_jsx","DefaultList","componentName","currentItemVariant","selectionMode","userAssistance","View","minWidth","padding","jsx","InlineUserAssistance","Flex","direction","gap","maxHeight","width","_jsxs","FormFieldContext","Provider","flex","SelectSingleField","Label","SelectSingleFieldInput","Separator","DropdownList","hasBottomGap","hasTopGap","TabbableModeContext","EmptyResults","jsxs"],"mappings":"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"}

package/amd/InputColor-bde91b03.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-e4dd341e', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-6b57cc3e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-1d02491d', './ColorPicker-141fa49d', './SectionedContent-878a2df1', './ColorSwatch-04ab5601', './useDownToggle-80b61b43', './useClearIcon-2bedc84f', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-701506b1', './keyboardUtils-fb6219eb', './TextFieldInput-f8635c62', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-41384d7e', './StyledTextField-2b62c81d', './TextField-c8c71735', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-fcc04dcc', './mergeProps-bcfa6a92', './ClearIcon-b3c8c741', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,m,b,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,L,H,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,me,be,he,ye,xe,Ce){"use strict";const Se=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=fe(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(W.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:O.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:O.dropdownStyles,children:s.jsx(q.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(z.Sheet,{isOpen:u,onClose:h,children:s.jsx(q.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},fe=()=>"phone"===l.getClientHints().deviceType,ve=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Fe=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),m=o.useRef(t),b=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(ve,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(m.current,t)&&(m.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),b.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,b.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),b.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=K.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},Te=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:L,colorCommitHandler:H,colorInputHandler:M,colorRef:N}=Fe({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...K}=_,{currentCommitValue:J,dispatch:se}=xe.useCurrentValueReducer({value:P}),oe=o.useCallback((e=>{se({type:"input",payload:e.value}),M?.(e)}),[M,se]),re=o.useCallback((e=>{se({type:"commit",payload:e.value}),H?.(e)}),[H,se]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:me}=Q.useFormContext(),fe=i??ie,ve=d??ce,Te=u??de,Ae=p??ue,Ie=S??pe,Re=U??me,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=$.useFocusableTextField({isDisabled:fe,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Ce.useSelectableTextField(N);o.useImperativeHandle(k,(()=>he.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=X.useHover({isDisabled:ve||fe||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:Le,userAssistanceProps:He}=Y.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isFocused:Ue||L,isReadonly:ve,isRequiredShown:b,labelEdge:Te,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus();const e=void 0;P!==e&&oe?.({previousValue:P,value:e})}),[oe,P,N]),Ne=Z.useClearIcon({clearIcon:s.jsx(ye.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!fe,isHover:je}),Oe=void 0!==A&&"inside"===Te,ze="none"!==Te?s.jsx(ee.Label,{...Be,children:A}):void 0,We={label:"none"!==Te?ze:void 0,labelEdge:"none"!==Te?Te:void 0,labelStartWidth:"none"!==Te?Ae:void 0},qe="none"===Te?A:void 0,Ge="efficient"===Re||"reflow"===Re?fe||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...He}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...He}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(be.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...He}):void 0,Je=ve?s.jsx(ae.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Te,hasInsideLabel:Oe}):s.jsx(te.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:J,hasEmptyLabel:""===A&&"none"===Te,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Te,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:ge()?"text":void 0,value:P,onCommit:re,onInput:oe,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(le.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(ne.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(G.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:fe,isButton:!0,isTooltipDisabled:L,ref:B,testId:w?w+"_colorIcon":void 0,value:J,onToggle:fe||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...Le,...We,...Ee,...K})}),L&&!ve&&!fe&&s.jsx(Se,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isReadonly:ve,isOpen:L,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function ge(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}Te.displayName="InputColor",e.InputColor=Te}));
+//# sourceMappingURL=InputColor-bde91b03.js.map