@oracle/oraclejet-preact 19.0.3 → 19.0.4

package/es/MaxLengthCounter-d622f964.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLengthCounter-d622f964.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n  maxLength: number;\n  valueLength?: number;\n  onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n  const { isFocused } = useFormFieldContext();\n  // We don't want mousedown on this component to do anything, so prevent the default behavior.\n  const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n  const textClasses = classNames([!isFocused && hide]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n      <span class={textClasses}>\n        <span class={spanStyles}>{valueLength}</span>\n        <span class={spanStyles}>/</span>\n        <span class={spanStyles}>{maxLength}</span>\n      </span>\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAA;AAC7E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;;AAE5C,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACjD,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAM,GAAA,UAAU,YACtEC,IAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,QAAA,EAAA,CACtBD,cAAM,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,EAC7CA,cAAM,KAAK,EAAE,UAAU,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EACjCA,cAAM,KAAK,EAAE,UAAU,EAAG,QAAA,EAAA,SAAS,GAAQ,CACtC,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}

package/es/{MonthView-04900992.js → MonthView-5dca34d1.js}

@@ -5,7 +5,7 @@ import { a as getFormatParse } from './getFormatParse-6e71bd79.js';
 import { w as warn } from './logger-c92f309c.js';
 import { d as getIsoDateStr, t as toJSDate, b as checkNoCalendarExtension, f as formatFullCalendarDate, i as isDateOutOfRange } from './calendarDateUtils-52ee4867.js';
 import { useMemo } from 'preact/hooks';
-import { S as StyledDatePickerButton } from './StyledDatePickerButton-444aa824.js';
+import { S as StyledDatePickerButton } from './StyledDatePickerButton-ca54e491.js';
 import { useCallback } from 'preact/compat';
 import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
 import { u as useFocusableCell, a as useCellNavigation } from './useCellNavigation-260b7166.js';
@@ -205,4 +205,4 @@ function isOutOfMonth(date1, currentMonthDate) {
 }
 
 export { MonthView as M };
-//# sourceMappingURL=MonthView-04900992.js.map
+//# sourceMappingURL=MonthView-5dca34d1.js.map

package/es/{MonthView-04900992.js.map → MonthView-5dca34d1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MonthView-04900992.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.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 { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function used to format the day cell date as a full date.\n   */\n  dateFormatter: FormatterFunc<DateISOStr>;\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   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  dateFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n  const formattedDate = dateFormatter(dateIsoStr);\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dateFormatter'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport * as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDate(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n  if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n    // This message is for internal JET developers. We should never see this message. In all locales the day of the\n    // week starts on Sunday, Monday or Saturday.\n    Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports.`);\n  }\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    // If it is already Monday, do nothing.\n    // If it is Sunday (0), add 1 to move it up to Monday.\n    // If it is Saturday (6), move it up two days to Monday.\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n  // we move it up 3 days.\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\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 {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo } from 'preact/hooks';\nimport {\n  CalendarDateRequired,\n  checkNoCalendarExtension,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\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     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n  const dateFormatter = useMemo(() => {\n    checkNoCalendarExtension(locale);\n    const dateFormatOptions: NativeDateTimeOptions = {\n      locale,\n      dateStyle: 'full'\n    };\n    const { format } = getFormatParse(dateFormatOptions);\n    return format;\n  }, [locale]);\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <div class={styles.sticky}>\n        <Grid\n          role=\"row\"\n          aria-hidden=\"true\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <div role=\"presentation\" />}\n          {weekDays.map((day) => (\n            <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n              <span>{day}</span>\n            </div>\n          ))}\n        </Grid>\n      </div>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dateFormatter={dateFormatter}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}\n          />\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme}>\n      <Grid\n        gap={monthViewScaleVars.rowGap}\n        aria-label={monthViewAriaLabel}\n        role=\"grid\"\n        testId={testId}>\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["_jsx","Logger.warn","_jsxs"],"mappings":"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"}
+{"version":3,"file":"MonthView-5dca34d1.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.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 { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function used to format the day cell date as a full date.\n   */\n  dateFormatter: FormatterFunc<DateISOStr>;\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   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  dateFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n  const formattedDate = dateFormatter(dateIsoStr);\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dateFormatter'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport * as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDate(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n  if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n    // This message is for internal JET developers. We should never see this message. In all locales the day of the\n    // week starts on Sunday, Monday or Saturday.\n    Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports.`);\n  }\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    // If it is already Monday, do nothing.\n    // If it is Sunday (0), add 1 to move it up to Monday.\n    // If it is Saturday (6), move it up two days to Monday.\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n  // we move it up 3 days.\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\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 {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo } from 'preact/hooks';\nimport {\n  CalendarDateRequired,\n  checkNoCalendarExtension,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\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     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n  const dateFormatter = useMemo(() => {\n    checkNoCalendarExtension(locale);\n    const dateFormatOptions: NativeDateTimeOptions = {\n      locale,\n      dateStyle: 'full'\n    };\n    const { format } = getFormatParse(dateFormatOptions);\n    return format;\n  }, [locale]);\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <div class={styles.sticky}>\n        <Grid\n          role=\"row\"\n          aria-hidden=\"true\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <div role=\"presentation\" />}\n          {weekDays.map((day) => (\n            <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n              <span>{day}</span>\n            </div>\n          ))}\n        </Grid>\n      </div>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dateFormatter={dateFormatter}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}\n          />\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme}>\n      <Grid\n        gap={monthViewScaleVars.rowGap}\n        aria-label={monthViewAriaLabel}\n        role=\"grid\"\n        testId={testId}>\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["_jsx","Logger.warn","_jsxs"],"mappings":"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"}

package/es/PRIVATE_ContainerDiagram/themes/DiagramStyles.css.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-import './../../DiagramStyles.styles2.css';
+import './../../DiagramStyles.styles.css';
 
 var buttonStyle = 'DiagramStyles_buttonStyle__amen395';
 var childContentStyle = 'DiagramStyles_childContentStyle__amen397';

package/es/PRIVATE_ContainerDiagram.js

@@ -43,7 +43,7 @@ import './utils-cfef1929.js';
 import './themeContract.css-2b5a42e2.js';
 import './colorUtils-b3804ee8.js';
 import './_curry1-63949a9b.js';
-import './DiagramStyles.styles2.css';
+import './DiagramStyles.styles.css';
 import './useAddBusyState-7a6af61f.js';
 import './BusyStateContext-9ee9751d.js';
 import './useBusyStateContext-4d3c27c0.js';

package/es/PRIVATE_MonthView.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { M as MonthView } from './MonthView-04900992.js';
+export { M as MonthView } from './MonthView-5dca34d1.js';
 import 'preact/jsx-runtime';
 import './dayUtils-c97b714c.js';
 import './getFormatParse-6e71bd79.js';
@@ -8,12 +8,11 @@ import './logger-c92f309c.js';
 import './supplementalData-ed66ab4e.js';
 import './calendarDateUtils-52ee4867.js';
 import 'preact/hooks';
-import './StyledDatePickerButton-444aa824.js';
+import './StyledDatePickerButton-ca54e491.js';
 import './PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './StyledDatePickerButtonStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './classNames-4e12b00d.js';
 import 'preact/compat';
 import './useTranslationBundle-38db1e3c.js';

package/es/PRIVATE_MonthView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_MonthView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PRIVATE_MonthView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/PRIVATE_MonthYearGridView.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { M as MonthsGridView, Y as YearsGridView } from './YearsGridView-3858303c.js';
+export { M as MonthsGridView, Y as YearsGridView } from './YearsGridView-8e838e3d.js';
 import 'preact/jsx-runtime';
 import './Grid-caf06064.js';
 import './grid-65aa641c.js';
@@ -27,12 +27,11 @@ import 'preact/compat';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import 'preact/hooks';
-import './StyledDatePickerButton-444aa824.js';
+import './StyledDatePickerButton-ca54e491.js';
 import './PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './StyledDatePickerButtonStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './useTranslationBundle-38db1e3c.js';
 import './useUser-2decb9ed.js';
 import './getFormatParse-6e71bd79.js';

package/es/PRIVATE_MonthYearGridView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_MonthYearGridView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PRIVATE_MonthYearGridView.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/PRIVATE_StyledDatePickerButton.js

@@ -1,11 +1,10 @@
 /* @oracle/oraclejet-preact: undefined */
-export { S as StyledDatePickerButton } from './StyledDatePickerButton-444aa824.js';
+export { S as StyledDatePickerButton } from './StyledDatePickerButton-ca54e491.js';
 import 'preact/jsx-runtime';
 import './PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './StyledDatePickerButtonStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './classNames-4e12b00d.js';
 import 'preact/compat';
 //# sourceMappingURL=PRIVATE_StyledDatePickerButton.js.map

package/es/PRIVATE_StyledDatePickerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_StyledDatePickerButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"PRIVATE_StyledDatePickerButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/ProgressBarVariants.styles.css

@@ -1,3 +1,3 @@
-.ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj90 {
+.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/es/ProgressBarVariants.styles2.css

@@ -1,3 +1,3 @@
-.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30 {
+.ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj90 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/es/SegmentStyles.styles.css

@@ -1,32 +1,35 @@
-.SegmentStyles_base__kzheun0 {
+.SegmentStyles_base__51w8ze0 {
   caret-color: transparent;
   -webkit-tap-highlight-color: transparent;
   -moz-user-select: none;
        user-select: none;
   -webkit-user-select: none;
 }
-.SegmentStyles_base__kzheun0:focus-visible {
+.SegmentStyles_base__51w8ze0:focus-visible {
   outline: none;
 }
-.SegmentStyles_literalBase__kzheun1 {
+.SegmentStyles_literalBase__51w8ze1 {
   white-space: pre;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.SegmentStyles_placeholder__kzheun2 {
+.SegmentStyles_placeholder__51w8ze2 {
   color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
-.SegmentStyles_selected__kzheun3 {
+.SegmentStyles_space__51w8ze3 {
+  width: 4px;
+}
+.SegmentStyles_selected__51w8ze4 {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected);
   border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected);
 }
-.SegmentStyles_highlighted__kzheun4 {
+.SegmentStyles_highlighted__51w8ze5 {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected);
 }
-.SegmentStyles_hidden__kzheun5 {
+.SegmentStyles_hidden__51w8ze6 {
   display: none;
 }
-.SegmentStyles_notHidden__kzheun6 {
+.SegmentStyles_notHidden__51w8ze7 {
   display: block;
 }

package/es/SegmentStyles.styles2.css

@@ -1,35 +1,32 @@
-.SegmentStyles_base__51w8ze0 {
+.SegmentStyles_base__kzheun0 {
   caret-color: transparent;
   -webkit-tap-highlight-color: transparent;
   -moz-user-select: none;
        user-select: none;
   -webkit-user-select: none;
 }
-.SegmentStyles_base__51w8ze0:focus-visible {
+.SegmentStyles_base__kzheun0:focus-visible {
   outline: none;
 }
-.SegmentStyles_literalBase__51w8ze1 {
+.SegmentStyles_literalBase__kzheun1 {
   white-space: pre;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.SegmentStyles_placeholder__51w8ze2 {
+.SegmentStyles_placeholder__kzheun2 {
   color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
-.SegmentStyles_space__51w8ze3 {
-  width: 4px;
-}
-.SegmentStyles_selected__51w8ze4 {
+.SegmentStyles_selected__kzheun3 {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected);
   border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected);
 }
-.SegmentStyles_highlighted__51w8ze5 {
+.SegmentStyles_highlighted__kzheun4 {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected);
 }
-.SegmentStyles_hidden__51w8ze6 {
+.SegmentStyles_hidden__kzheun5 {
   display: none;
 }
-.SegmentStyles_notHidden__51w8ze7 {
+.SegmentStyles_notHidden__kzheun6 {
   display: block;
 }

package/es/SplitMenuButtonTheme.styles.css

@@ -1,4 +1,4 @@
-.SplitMenuButtonTheme_baseTheme__4kpf330 {
+.SplitMenuButtonTheme_baseTheme__ia40op0 {
   --borderColor__1chzim70: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
   --borderColorDisabled__1chzim71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled);
   --styleVariants-outlined-borderColor__1chzim72: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
@@ -8,15 +8,15 @@
   --styleVariants-callToAction-borderColor__1chzim76: transparent;
   --styleVariants-callToAction-borderColorDisabled__1chzim77: transparent;
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__4kpf331 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__ia40op1 {
   --borderColor__1chzim70: var(--styleVariants-outlined-borderColor__1chzim72);
   --borderColorDisabled__1chzim71: var(--styleVariants-outlined-borderColorDisabled__1chzim73);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__4kpf332 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__ia40op2 {
   --borderColor__1chzim70: var(--styleVariants-solid-borderColor__1chzim74);
   --borderColorDisabled__1chzim71: var(--styleVariants-solid-borderColorDisabled__1chzim75);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__4kpf333 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__ia40op3 {
   --borderColor__1chzim70: var(--styleVariants-callToAction-borderColor__1chzim76);
   --borderColorDisabled__1chzim71: var(--styleVariants-callToAction-borderColorDisabled__1chzim77);
 }

package/es/SplitMenuButtonTheme.styles2.css

@@ -1,4 +1,4 @@
-.SplitMenuButtonTheme_baseTheme__ia40op0 {
+.SplitMenuButtonTheme_baseTheme__4kpf330 {
   --borderColor__1chzim70: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
   --borderColorDisabled__1chzim71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled);
   --styleVariants-outlined-borderColor__1chzim72: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
@@ -8,15 +8,15 @@
   --styleVariants-callToAction-borderColor__1chzim76: transparent;
   --styleVariants-callToAction-borderColorDisabled__1chzim77: transparent;
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__ia40op1 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__4kpf331 {
   --borderColor__1chzim70: var(--styleVariants-outlined-borderColor__1chzim72);
   --borderColorDisabled__1chzim71: var(--styleVariants-outlined-borderColorDisabled__1chzim73);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__ia40op2 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__4kpf332 {
   --borderColor__1chzim70: var(--styleVariants-solid-borderColor__1chzim74);
   --borderColorDisabled__1chzim71: var(--styleVariants-solid-borderColorDisabled__1chzim75);
 }
-.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__ia40op3 {
+.SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__4kpf333 {
   --borderColor__1chzim70: var(--styleVariants-callToAction-borderColor__1chzim76);
   --borderColorDisabled__1chzim71: var(--styleVariants-callToAction-borderColorDisabled__1chzim77);
 }

package/es/{StyledDatePickerButton-444aa824.js → StyledDatePickerButton-ca54e491.js}

@@ -1,7 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { multiVariantStyles } from './PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js';
-import { styles } from './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { forwardRef } from 'preact/compat';
 
@@ -24,14 +23,9 @@ const StyledDatePickerButton = forwardRef(({ isActivable = false, isReadonly = f
         today: isToday ? 'isToday' : 'notToday',
         variant
     });
-    const classes = classNames([
-        styles.base,
-        styles.sizes.sm,
-        styles.styled,
-        variantClasses
-    ]);
+    const classes = classNames([variantClasses]);
     return (jsx("span", { role: !isReadonly ? 'button' : undefined, class: classes, ref: ref, tabIndex: tabIndex, ...props, children: label }));
 });
 
 export { StyledDatePickerButton as S };
-//# sourceMappingURL=StyledDatePickerButton-444aa824.js.map
+//# sourceMappingURL=StyledDatePickerButton-ca54e491.js.map

package/es/StyledDatePickerButton-ca54e491.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledDatePickerButton-ca54e491.js","sources":["../../src/PRIVATE_StyledDatePickerButton/StyledDatePickerButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { multiVariantStyles } from './themes/StyledDatePickerButtonStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { Ref, JSX } from 'preact';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.HTMLAttributes<HTMLElement>>, 'onClick' | 'onKeyDown'>;\n\ntype AriaProps = {\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n  'aria-disabled'?: UnpackSignals<JSX.AriaAttributes>['aria-disabled'];\n};\n\ntype Props = IntrinsicProps &\n  AriaProps & {\n    /**\n     * Specifies that the button appears activated when the user activates the StyledDatePickerButton.\n     * When true, adds the :active selector to the button so that it can show active styling.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isActivable?: boolean;\n    /**\n     * Specifies the styling of the button to look dimmed.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isDimmed?: boolean;\n    /**\n     * Specifies the styling of the button to look hidden, that is, visibility: hidden.\n     */\n    isHidden?: boolean;\n    /**\n     * Specifies that the button appears hovered when the user hovers over the StyledDatePickerButton.\n     * When true, adds the :hover selector to the button so that it can show hover styling.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isHoverable?: boolean;\n    /**\n     * Specifies the styling of the button to look like a day that is adjacent to the current month.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isAdjacentMonth?: boolean;\n    /**\n     * Specifies the role of the day cell to be 'button' when isReadonly is false, or no role when isReadonly is true.\n     * This helps the screenreader.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is restricted.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isRestricted?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is selected.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is today.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isToday?: boolean;\n    /**\n     * Specifies the label of the day button. This will be the day of the month.\n     */\n    label: string;\n    /**\n     * Specifies the tabIndex.\n     */\n    tabIndex?: 0 | -1;\n    /**\n     * Specifies the visual variant for the StyledDatePickerButton.\n     */\n    variant?: 'day' | 'month' | 'year';\n  };\n\n/**\n * StyledDatePickerButton is a controlled component that displays a stylized span for a button that goes into a DatePicker.\n */\nconst StyledDatePickerButton = forwardRef(\n  (\n    {\n      isActivable = false,\n      isReadonly = false,\n      isAdjacentMonth = false,\n      isDimmed = false,\n      isHidden = false,\n      isHoverable = false,\n      isRestricted = false,\n      isSelected = false,\n      isToday = false,\n      tabIndex,\n      label,\n      variant,\n      ...props\n    }: Props,\n    ref: Ref<HTMLSpanElement> = null\n  ) => {\n    // The multiVariantStyles function is defined in StyledDatePickerButtonStyles.css.ts,\n    // using the recipe utility provided by @vanilla-extract/recipes.\n    // This function is used to merge the base styles, variants, and compound variants\n    // into a single set of styles for components based on the component's properties.\n    const variantClasses = multiVariantStyles({\n      active: isActivable ? 'isActivable' : 'notActiveable',\n      dimmed: isDimmed ? 'isDimmed' : 'notDimmed',\n      hidden: isHidden ? 'isHidden' : 'notHidden',\n      hover: isHoverable ? 'isHoverable' : 'notHoverable',\n      adjacentMonth: isAdjacentMonth ? 'isAdjacentMonth' : 'notAdjacentMonth',\n      restricted: isRestricted ? 'isRestricted' : 'notRestricted',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      today: isToday ? 'isToday' : 'notToday',\n      variant\n    });\n\n    const classes = classNames([variantClasses]);\n    return (\n      <span\n        role={!isReadonly ? 'button' : undefined}\n        class={classes}\n        ref={ref}\n        tabIndex={tabIndex}\n        {...props}>\n        {label}\n      </span>\n    );\n  }\n);\n\nexport { StyledDatePickerButton };\n"],"names":["_jsx"],"mappings":";;;;;;AAmFA;;AAEG;AACG,MAAA,sBAAsB,GAAG,UAAU,CACvC,CACE,EACE,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACF,EACR,GAAA,GAA4B,IAAI,KAC9B;;;;;IAKF,MAAM,cAAc,GAAG,kBAAkB,CAAC;QACxC,MAAM,EAAE,WAAW,GAAG,aAAa,GAAG,eAAe;QACrD,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,KAAK,EAAE,WAAW,GAAG,aAAa,GAAG,cAAc;QACnD,aAAa,EAAE,eAAe,GAAG,iBAAiB,GAAG,kBAAkB;QACvE,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,eAAe;QAC3D,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU;QACvC,OAAO;AACR,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;AAC7C,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,CAAC,UAAU,GAAG,QAAQ,GAAG,SAAS,EACxC,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAAA,GACd,KAAK,EAAA,QAAA,EACR,KAAK,EAAA,CACD,EACP;AACJ,CAAC;;;;"}

package/es/StyledDatePickerButtonStyles.styles.css

@@ -8,6 +8,23 @@
   width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height);
   font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular);
   font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+  cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable);
+  border-style: solid;
+  border-width: 1px;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  text-overflow: ellipsis;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  white-space: nowrap;
+  border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius);
+  height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height);
+  min-width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height);
+}
+.StyledDatePickerButtonStyles_baseStyle__38ano0:focus-visible {
+  outline-style: dotted;
+  outline-offset: 1px;
+  outline-width: 1px;
+  outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
 .StyledDatePickerButtonStyles_multiVariantStyles_hidden_isHidden__38ano7 {
   visibility: hidden;