@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/cjs/YearsGridView-83c7e684.js

@@ -1,190 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var Grid = require('./Grid-fc707583.js');
-var StyledDatePickerButton = require('./StyledDatePickerButton-128e2a5d.js');
-var useTranslationBundle = require('./useTranslationBundle-40fa4c27.js');
-var useUser = require('./useUser-3175822e.js');
-require('./getFormatParse-54d91cb3.js');
-require('./logger-2b636482.js');
-var maskUtils = require('./maskUtils-64b38149.js');
-var compat = require('preact/compat');
-var useCellNavigation = require('./useCellNavigation-7a24d0c0.js');
-var calendarDateUtils = require('./calendarDateUtils-6e7967c6.js');
-var _curry2 = require('./_curry2-c15d89cd.js');
-
-function _isNumber(x) {
-  return Object.prototype.toString.call(x) === '[object Number]';
-}
-
-/**
- * Returns a list of numbers from `from` (inclusive) to `to` (exclusive).
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category List
- * @sig Number -> Number -> [Number]
- * @param {Number} from The first number in the list.
- * @param {Number} to One more than the last number in the list.
- * @return {Array} The list of numbers in the set `[a, b)`.
- * @example
- *
- *      R.range(1, 5);    //=> [1, 2, 3, 4]
- *      R.range(50, 53);  //=> [50, 51, 52]
- */
-
-var range =
-/*#__PURE__*/
-_curry2._curry2(function range(from, to) {
-  if (!(_isNumber(from) && _isNumber(to))) {
-    throw new TypeError('Both arguments to range must be numbers');
-  }
-
-  var result = [];
-  var n = from;
-
-  while (n < to) {
-    result.push(n);
-    n += 1;
-  }
-
-  return result;
-});
-
-var range$1 = range;
-
-/**
- * A custom hook that adds functionalities to the MonthCell component and computes properties for the
- * StyledDatePickerButton.
- */
-const useMonthCell = ({ isCurrent, isFocusable, isFocused, isSelected, month, onAction, onNavigation }) => {
-    const { locale } = useUser.useUser();
-    const monthText = compat.useMemo(() => ({
-        short: maskUtils.getMonthName(locale, month, '*', 'short'),
-        long: maskUtils.getMonthName(locale, month, '*', 'long')
-    }), [locale, month]);
-    // custom aria label for selected and current month
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const ariaLabel = `${monthText.long}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;
-    const buttonProps = useCellNavigation.useFocusableCell({ isFocusable, isFocused });
-    const buttonEventHandlers = useCellNavigation.useCellNavigation({
-        navigationMap: {
-            ArrowDown: 'down',
-            ArrowLeft: { ltr: 'previous', rtl: 'next' },
-            ArrowRight: { ltr: 'next', rtl: 'previous' },
-            ArrowUp: 'up'
-        },
-        payload: { month },
-        onAction,
-        onNavigation
-    });
-    return {
-        buttonProps: {
-            'aria-label': ariaLabel,
-            isActivable: true,
-            label: monthText.short,
-            isHoverable: true,
-            isSelected,
-            isToday: isCurrent,
-            variant: 'month',
-            ...buttonProps,
-            ...buttonEventHandlers
-        }
-    };
-};
-
-/**
- * This component renders the individual month cell in the MonthsGridView.
- */
-const MonthCell = (props) => {
-    const { buttonProps } = useMonthCell(props);
-    return jsxRuntime.jsx(StyledDatePickerButton.StyledDatePickerButton, { ...buttonProps });
-};
-
-const MONTHS = range$1(1, 13);
-/**
- * This component renders the Months Grid View for the DatePicker component.
- */
-const MonthsGridView = ({ currentMonth, focusableMonth, isFocused = false, selectedMonth, testId, onAction, onNavigation }) => {
-    // Lay out the Months in a 3-row grid.
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const monthsAriaLabel = translations.datePicker_months();
-    return (jsxRuntime.jsx(Grid.Grid, { role: "grid", gap: ['13.5x', '0x'], testId: testId, "aria-label": monthsAriaLabel, children: [0, 1, 2].map((rowIndex) => (jsxRuntime.jsx(Grid.Grid, { role: "row", gap: ['0x', '3x'], gridTemplateColumns: "repeat(4, 1fr)", children: [0, 1, 2, 3].map((cellIndex) => {
-                const month = MONTHS[rowIndex * 4 + cellIndex];
-                return (jsxRuntime.jsx("div", { role: "gridcell", children: jsxRuntime.jsx(MonthCell, { month: month, isCurrent: month === currentMonth, isFocusable: month === focusableMonth, isFocused: month === focusableMonth && isFocused, isSelected: month === selectedMonth, onAction: onAction, onNavigation: onNavigation }, `${month}`) }));
-            }) }, rowIndex))) }));
-};
-
-/**
- * A custom hook that adds functionalities to the YearCell component and computes properties for the
- * StyledDatePickerButton.
- */
-const useYearCell = ({ isCurrent, isFocusable, isFocused, isSelected, year, onAction, onNavigation }) => {
-    const { locale } = useUser.useUser();
-    const yearText = calendarDateUtils.getNumericFormattedYear(locale, year, 1);
-    // custom aria label for selected and current year
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;
-    const buttonProps = useCellNavigation.useFocusableCell({ isFocusable, isFocused });
-    const buttonEventHandlers = useCellNavigation.useCellNavigation({
-        navigationMap: {
-            ArrowDown: 'down',
-            ArrowLeft: { ltr: 'previous', rtl: 'next' },
-            ArrowRight: { ltr: 'next', rtl: 'previous' },
-            ArrowUp: 'up',
-            PageDown: 'previousDecade',
-            PageUp: 'nextDecade'
-        },
-        payload: { year },
-        onAction,
-        onNavigation
-    });
-    return {
-        buttonProps: {
-            'aria-label': ariaLabel,
-            isActivable: true,
-            label: yearText,
-            isHoverable: true,
-            isSelected,
-            isToday: isCurrent,
-            variant: 'year',
-            ...buttonProps,
-            ...buttonEventHandlers
-        }
-    };
-};
-
-/**
- * This component renders the individual year cell in the YearsGridView.
- */
-const YearCell = (props) => {
-    const { buttonProps } = useYearCell(props);
-    return jsxRuntime.jsx(StyledDatePickerButton.StyledDatePickerButton, { ...buttonProps });
-};
-
-/**
- * Represents the total number of years rendered in the view
- */
-const NUM_YEARS_IN_GRID = 11;
-/**
- * This component renders the Years Grid View for the DatePicker component.
- */
-const YearsGridView = ({ currentYear, focusableYear, isFocused = false, selectedYear, testId, onAction, onNavigation }) => {
-    const decade = calendarDateUtils.getClosestDecade(focusableYear);
-    // Lay out the 11 Years in a 3-row grid.
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const yearsAriaLabel = translations.datePicker_years();
-    return (jsxRuntime.jsx(Grid.Grid, { role: "grid", gap: ['13.5x', '0x'], testId: testId, "aria-label": yearsAriaLabel, children: [0, 1, 2].map((rowIndex) => (jsxRuntime.jsx(Grid.Grid, { role: "row", gap: ['0x', '3x'], gridTemplateColumns: "repeat(4, 1fr)", children: range$1(rowIndex * 4, rowIndex * 4 + 4).map((index) => {
-                const year = decade + index;
-                if (year < decade + NUM_YEARS_IN_GRID) {
-                    return (jsxRuntime.jsx("div", { role: "gridcell", children: jsxRuntime.jsx(YearCell, { year: year, isCurrent: year === currentYear, isFocusable: year === focusableYear, isFocused: year === focusableYear && isFocused, isSelected: year === selectedYear, onAction: onAction, onNavigation: onNavigation }, `${year}`) }));
-                }
-                return null;
-            }) }, rowIndex))) }));
-};
-
-exports.MonthsGridView = MonthsGridView;
-exports.YearsGridView = YearsGridView;
-//# sourceMappingURL=YearsGridView-83c7e684.js.map

package/cjs/YearsGridView-83c7e684.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearsGridView-83c7e684.js","sources":["../../../../node_modules/ramda/es/internal/_isNumber.js","../../../../node_modules/ramda/es/range.js","../../src/PRIVATE_MonthYearGridView/useMonthCell.ts","../../src/PRIVATE_MonthYearGridView/MonthCell.tsx","../../src/PRIVATE_MonthYearGridView/MonthsGridView.tsx","../../src/PRIVATE_MonthYearGridView/useYearCell.ts","../../src/PRIVATE_MonthYearGridView/YearCell.tsx","../../src/PRIVATE_MonthYearGridView/YearsGridView.tsx"],"sourcesContent":["export default function _isNumber(x) {\n  return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isNumber from \"./internal/_isNumber.js\";\n/**\n * Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n *\n *      R.range(1, 5);    //=> [1, 2, 3, 4]\n *      R.range(50, 53);  //=> [50, 51, 52]\n */\n\nvar range =\n/*#__PURE__*/\n_curry2(function range(from, to) {\n  if (!(_isNumber(from) && _isNumber(to))) {\n    throw new TypeError('Both arguments to range must be numbers');\n  }\n\n  var result = [];\n  var n = from;\n\n  while (n < to) {\n    result.push(n);\n    n += 1;\n  }\n\n  return result;\n});\n\nexport default range;","/**\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 { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseMonthCellProps = {\n  /**\n   * Specifies if this month is today's month.\n   */\n  isCurrent: boolean;\n\n  /**\n   * Specifies if this month should be focused first when\n   * one tabs into the MonthsGridView.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies if this month is currently focused.\n   */\n  isFocused: boolean;\n\n  /**\n   * Specifies if this month is currently selected.\n   */\n  isSelected: boolean;\n\n  /**\n   * The month represented by this MonthCell.\n   */\n  month: IsoMonth;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on this MonthCell.\n   * @param payload The payload containing the month represented by this cell.\n   */\n  onAction: (payload: { month: IsoMonth }) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on this MonthCell.\n   * @param payload The payload specifying the direction of the navigation performed and the month.\n   */\n  onNavigation: (payload: {\n    direction: 'up' | 'next' | 'down' | 'previous';\n    month: IsoMonth;\n  }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the MonthCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useMonthCell = ({\n  isCurrent,\n  isFocusable,\n  isFocused,\n  isSelected,\n  month,\n  onAction,\n  onNavigation\n}: UseMonthCellProps) => {\n  const { locale } = useUser();\n  const monthText = useMemo(\n    () => ({\n      short: getMonthName(locale, month, '*', 'short') as string,\n      long: getMonthName(locale, month, '*', 'long') as string\n    }),\n    [locale, month]\n  );\n\n  // custom aria label for selected and current month\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = `${monthText.long}${\n    isCurrent ? `, ${translations.datePicker_currentDate()}` : ''\n  }${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;\n\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowDown: 'down',\n      ArrowLeft: { ltr: 'previous', rtl: 'next' },\n      ArrowRight: { ltr: 'next', rtl: 'previous' },\n      ArrowUp: 'up'\n    },\n    payload: { month },\n    onAction,\n    onNavigation\n  });\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      isActivable: true,\n      label: monthText.short,\n      isHoverable: true,\n      isSelected,\n      isToday: isCurrent,\n      variant: 'month' as const,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseMonthCellProps, useMonthCell } from './useMonthCell';\n\ntype PickedUseMonthCellProps = Pick<\n  UseMonthCellProps,\n  'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'month' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseMonthCellProps;\n\n/**\n * This component renders the individual month cell in the MonthsGridView.\n */\nexport const MonthCell = (props: Props) => {\n  const { buttonProps } = useMonthCell(props);\n  return <StyledDatePickerButton {...buttonProps} />;\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 { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { MonthCell } from './MonthCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\nconst MONTHS = range(1, 13) as IsoMonth[];\n\ntype PickedMonthCellProps = Pick<ComponentProps<typeof MonthCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedMonthCellProps &\n  TestIdProps & {\n    /**\n     * Specifies the current month determined from the today's date.\n     */\n    currentMonth?: IsoMonth;\n\n    /**\n     * Specifies which month cell should be focused first when tabbing\n     * into the MonthsGridView.\n     */\n    focusableMonth: IsoMonth;\n\n    /**\n     * Specifies if the focusableMonth month cell is currently focused.\n     * @default false\n     */\n    isFocused?: boolean;\n\n    /**\n     * Specifies which month cell is currently selected.\n     */\n    selectedMonth?: IsoMonth;\n  };\n\n/**\n * This component renders the Months Grid View for the DatePicker component.\n */\nexport const MonthsGridView = ({\n  currentMonth,\n  focusableMonth,\n  isFocused = false,\n  selectedMonth,\n  testId,\n  onAction,\n  onNavigation\n}: Props) => {\n  // Lay out the Months in a 3-row grid.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const monthsAriaLabel = translations.datePicker_months();\n\n  return (\n    <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={monthsAriaLabel}>\n      {[0, 1, 2].map((rowIndex) => (\n        <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n          {[0, 1, 2, 3].map((cellIndex) => {\n            const month = MONTHS[rowIndex * 4 + cellIndex];\n            return (\n              <div role=\"gridcell\">\n                <MonthCell\n                  key={`${month}`}\n                  month={month}\n                  isCurrent={month === currentMonth}\n                  isFocusable={month === focusableMonth}\n                  isFocused={month === focusableMonth && isFocused}\n                  isSelected={month === selectedMonth}\n                  onAction={onAction}\n                  onNavigation={onNavigation}\n                />\n              </div>\n            );\n          })}\n        </Grid>\n      ))}\n    </Grid>\n  );\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getNumericFormattedYear } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseYearCellProps = {\n  /**\n   * Specifies if this year is today's year.\n   */\n  isCurrent: boolean;\n\n  /**\n   * Specifies if this year should be focused first when one\n   * tabs into the YearsGridView.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies if this year is currently focused.\n   */\n  isFocused: boolean;\n\n  /**\n   * Specifies if this year is currently selected.\n   */\n  isSelected: boolean;\n\n  /**\n   * The year represented by this YearCell.\n   */\n  year: number;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on this YearCell.\n   * @param payload The payload containing the year represented by this cell.\n   */\n  onAction: (payload: { year: number }) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on this YearCell.\n   * @param payload The payload specifying the direction of the navigation performed and the year.\n   */\n  onNavigation: (payload: {\n    direction: 'up' | 'next' | 'down' | 'previous' | 'previousDecade' | 'nextDecade';\n    year: number;\n  }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the YearCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useYearCell = ({\n  isCurrent,\n  isFocusable,\n  isFocused,\n  isSelected,\n  year,\n  onAction,\n  onNavigation\n}: UseYearCellProps) => {\n  const { locale } = useUser();\n  const yearText = getNumericFormattedYear(locale, year, 1);\n  // custom aria label for selected and current year\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${\n    isSelected ? `, ${translations.datePicker_selected()}` : ''\n  }`;\n\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowDown: 'down',\n      ArrowLeft: { ltr: 'previous', rtl: 'next' },\n      ArrowRight: { ltr: 'next', rtl: 'previous' },\n      ArrowUp: 'up',\n      PageDown: 'previousDecade',\n      PageUp: 'nextDecade'\n    },\n    payload: { year },\n    onAction,\n    onNavigation\n  });\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      isActivable: true,\n      label: yearText,\n      isHoverable: true,\n      isSelected,\n      isToday: isCurrent,\n      variant: 'year' as const,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseYearCellProps, useYearCell } from './useYearCell';\n\ntype PickedUseYearCellProps = Pick<\n  UseYearCellProps,\n  'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'year' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseYearCellProps;\n\n/**\n * This component renders the individual year cell in the YearsGridView.\n */\nexport const YearCell = (props: Props) => {\n  const { buttonProps } = useYearCell(props);\n  return <StyledDatePickerButton {...buttonProps} />;\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 { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { getClosestDecade } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { YearCell } from './YearCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\n/**\n * Represents the total number of years rendered in the view\n */\nconst NUM_YEARS_IN_GRID = 11;\n\ntype PickedYearCellProps = Pick<ComponentProps<typeof YearCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedYearCellProps &\n  TestIdProps & {\n    /**\n     * Specifies the current year determined from the today's date.\n     */\n    currentYear?: number;\n\n    /**\n     * Specifies which year cell should be focused first when tabbing\n     * into the YearsGridView.\n     */\n    focusableYear: number;\n\n    /**\n     * Specifies if the focusableYear year cell is currently focused.\n     * @default false\n     */\n    isFocused?: boolean;\n\n    /**\n     * Specifies which year is currently selected.\n     */\n    selectedYear?: number;\n  };\n\n/**\n * This component renders the Years Grid View for the DatePicker component.\n */\nexport const YearsGridView = ({\n  currentYear,\n  focusableYear,\n  isFocused = false,\n  selectedYear,\n  testId,\n  onAction,\n  onNavigation\n}: Props) => {\n  const decade = getClosestDecade(focusableYear);\n  // Lay out the 11 Years in a 3-row grid.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const yearsAriaLabel = translations.datePicker_years();\n\n  return (\n    <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={yearsAriaLabel}>\n      {[0, 1, 2].map((rowIndex) => (\n        <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n          {range(rowIndex * 4, rowIndex * 4 + 4).map((index) => {\n            const year = decade + index;\n            if (year < decade + NUM_YEARS_IN_GRID) {\n              return (\n                <div role=\"gridcell\">\n                  <YearCell\n                    key={`${year}`}\n                    year={year}\n                    isCurrent={year === currentYear}\n                    isFocusable={year === focusableYear}\n                    isFocused={year === focusableYear && isFocused}\n                    isSelected={year === selectedYear}\n                    onAction={onAction}\n                    onNavigation={onNavigation}\n                  />\n                </div>\n              );\n            }\n            return null;\n          })}\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["_curry2","useUser","useMemo","getMonthName","useTranslationBundle","useFocusableCell","useCellNavigation","_jsx","StyledDatePickerButton","range","Grid","getNumericFormattedYear","getClosestDecade"],"mappings":"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"}

package/cjs/useCellNavigation-7a24d0c0.js

@@ -1,129 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-var compat = require('preact/compat');
-var useUser = require('./useUser-3175822e.js');
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * A custom hook that handles focus for a month or year cell.
- */
-const useFocusableCell = ({ isFocusable, isFocused }) => {
-    const cellRef = compat.useRef(null);
-    const { isTabbable } = useTabbableMode.useTabbableMode();
-    // Using layout effect here to set the focus as we want to focus the element
-    // before the browser has a chance to paint. This way the browser don't have to
-    // repaint the focused state.
-    compat.useLayoutEffect(() => {
-        if (isFocusable && isFocused) {
-            cellRef.current?.focus();
-        }
-    }, [isFocusable, isFocused]);
-    return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };
-};
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-// Utility for killing handled events.
-const killEvent = (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-};
-/**
- * A custom hook that handles navigation for a DatePicker cell.
- */
-const useCellNavigation = ({ navigationMap, payload, onAction, onNavigation }) => {
-    const { direction } = useUser.useUser();
-    const handleSelection = compat.useCallback(() => {
-        onAction(payload);
-    }, [payload, onAction]);
-    // JET-67580: Prevent InputDatePicker dropdown from re-opening by performing
-    // selection onKeyUp. After a selection is made, IDP transfers focus to the
-    // calendar icon. If we use key down, then IconButton gets the key up which
-    // causes it to fire its action handler and reopen the picker.
-    const handleKeyUp = compat.useCallback((event) => {
-        if (['Enter', 'Space'].includes(event.code)) {
-            // since we are handling the event, we need to kill the event here
-            // so that no other action is performed
-            killEvent(event);
-            handleSelection();
-            return;
-        }
-    }, [handleSelection]);
-    // Although we handle the Space/Enter keys in onKeyUp, the rest of the events
-    // (like arrow keys, home, end, etc.) are still handled on key down which feels
-    // more natural. It also lets you hold keys down - like arrow keys - to keep
-    // navigating through day cells.
-    const handleKeyDown = compat.useCallback((event) => {
-        if (event.code === 'Space') {
-            // Even though we handle Space on key up, we need to call preventDefault on
-            // key down to prevent browser scrolling on some browsers.
-            event.preventDefault();
-            return;
-        }
-        // Handle Ctrl + Alt + T
-        if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {
-            const navigationDirection = navigationMap['CtrlAltT'];
-            if (navigationDirection !== undefined) {
-                // since we are handling the event, we need to kill the event here
-                // so that no other action is performed
-                killEvent(event);
-                onNavigation({
-                    direction: getLogicalValue(navigationDirection, direction),
-                    ...payload
-                });
-            }
-        }
-        const { key, shiftKey } = event;
-        switch (key) {
-            // since we are handling the event, we need to kill the event here
-            // so that no other action is performed
-            case 'ArrowLeft':
-            case 'ArrowRight':
-            case 'ArrowUp':
-            case 'ArrowDown':
-            case 'End':
-            case 'Home':
-            case 'PageUp':
-            case 'PageDown':
-                const mapKey = shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;
-                if (navigationMap[mapKey] !== undefined) {
-                    killEvent(event);
-                    const navigationDirection = navigationMap[mapKey];
-                    onNavigation({
-                        direction: getLogicalValue(navigationDirection, direction),
-                        ...payload
-                    });
-                }
-        }
-    }, [direction, navigationMap, onNavigation, payload]);
-    return {
-        onClick: handleSelection,
-        onKeyDown: handleKeyDown,
-        onKeyUp: handleKeyUp
-    };
-};
-/**
- * Determines the logical value for the navigation direction.
- * @param value The value representing the navigation direction
- * @param dir The reading direction from the user preferences
- * @returns The logical navigation direction
- */
-const getLogicalValue = (value, dir) => typeof value === 'string' ? value : value[dir];
-
-exports.useCellNavigation = useCellNavigation;
-exports.useFocusableCell = useFocusableCell;
-//# sourceMappingURL=useCellNavigation-7a24d0c0.js.map

package/cjs/useCellNavigation-7a24d0c0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellNavigation-7a24d0c0.js","sources":["../../src/UNSAFE_DatePicker/useFocusableCell.ts","../../src/UNSAFE_DatePicker/useCellNavigation.ts"],"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 { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useLayoutEffect, useRef } from 'preact/compat';\n\ntype UseFocusableCellProps = {\n  /**\n   * Specifies if this cell is the one that will be focused when\n   * one tabs into the grid view.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies whether or not the cell is currently focused.\n   */\n  isFocused: boolean;\n};\n\n/**\n * A custom hook that handles focus for a month or year cell.\n */\nexport const useFocusableCell = <T extends HTMLElement = HTMLElement>({\n  isFocusable,\n  isFocused\n}: UseFocusableCellProps) => {\n  const cellRef = useRef<T>(null);\n  const { isTabbable } = useTabbableMode();\n\n  // Using layout effect here to set the focus as we want to focus the element\n  // before the browser has a chance to paint. This way the browser don't have to\n  // repaint the focused state.\n  useLayoutEffect(() => {\n    if (isFocusable && isFocused) {\n      cellRef.current?.focus();\n    }\n  }, [isFocusable, isFocused]);\n\n  return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };\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 { useUser } from '#hooks/UNSAFE_useUser';\nimport { useCallback } from 'preact/compat';\n\ntype SupportedKeyBindings =\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'End'\n  | 'Home'\n  | 'PageUp'\n  | 'PageDown'\n  | 'ShiftPageUp'\n  | 'ShiftPageDown'\n  | 'CtrlAltT';\ntype NavigationValue<T extends string> = T | { ltr: T; rtl: T };\ntype NavigationMap<T extends string> = Partial<Record<SupportedKeyBindings, NavigationValue<T>>>;\n\ntype UseCellNavigationProps<Payload extends object, Navigation extends string> = {\n  /**\n   * Payload for the callbacks from this cell.\n   */\n  payload: Payload;\n\n  /**\n   * An object that maps the key codes to the direction of navigation. The onNavigation\n   * callback will be invoked only for the key codes provided in the map and specifies the\n   * direction as provided in the value.\n   */\n  navigationMap: NavigationMap<Navigation>;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on the DatePicker cell.\n   * @param payload The provided payload.\n   */\n  onAction: (payload: Payload) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on the DatePicker cell.\n   * @param details The object specifying the direction of the navigation performed and the payload.\n   */\n  onNavigation: (details: { direction: Navigation } & Payload) => void;\n};\n\n// Utility for killing handled events.\nconst killEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\n/**\n * A custom hook that handles navigation for a DatePicker cell.\n */\nexport const useCellNavigation = <T extends object, U extends string>({\n  navigationMap,\n  payload,\n  onAction,\n  onNavigation\n}: UseCellNavigationProps<T, U>) => {\n  const { direction } = useUser();\n  const handleSelection = useCallback(() => {\n    onAction(payload);\n  }, [payload, onAction]);\n\n  // JET-67580: Prevent InputDatePicker dropdown from re-opening by performing\n  // selection onKeyUp. After a selection is made, IDP transfers focus to the\n  // calendar icon. If we use key down, then IconButton gets the key up which\n  // causes it to fire its action handler and reopen the picker.\n  const handleKeyUp = useCallback<NonNullable<GlobalEventHandlers['onkeyup']>>(\n    (event) => {\n      if (['Enter', 'Space'].includes(event.code)) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        killEvent(event);\n        handleSelection();\n        return;\n      }\n    },\n    [handleSelection]\n  );\n\n  // Although we handle the Space/Enter keys in onKeyUp, the rest of the events\n  // (like arrow keys, home, end, etc.) are still handled on key down which feels\n  // more natural. It also lets you hold keys down - like arrow keys - to keep\n  // navigating through day cells.\n  const handleKeyDown = useCallback<NonNullable<GlobalEventHandlers['onkeydown']>>(\n    (event) => {\n      if (event.code === 'Space') {\n        // Even though we handle Space on key up, we need to call preventDefault on\n        // key down to prevent browser scrolling on some browsers.\n        event.preventDefault();\n        return;\n      }\n\n      // Handle Ctrl + Alt + T\n      if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {\n        const navigationDirection = navigationMap['CtrlAltT'];\n        if (navigationDirection !== undefined) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          onNavigation({\n            direction: getLogicalValue(navigationDirection, direction),\n            ...payload\n          });\n        }\n      }\n\n      const { key, shiftKey } = event;\n\n      switch (key) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'End':\n        case 'Home':\n        case 'PageUp':\n        case 'PageDown':\n          const mapKey: SupportedKeyBindings =\n            shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;\n          if (navigationMap[mapKey] !== undefined) {\n            killEvent(event);\n            const navigationDirection = navigationMap[mapKey]!;\n            onNavigation({\n              direction: getLogicalValue(navigationDirection, direction),\n              ...payload\n            });\n          }\n      }\n    },\n    [direction, navigationMap, onNavigation, payload]\n  );\n\n  return {\n    onClick: handleSelection,\n    onKeyDown: handleKeyDown,\n    onKeyUp: handleKeyUp\n  };\n};\n\n/**\n * Determines the logical value for the navigation direction.\n * @param value The value representing the navigation direction\n * @param dir The reading direction from the user preferences\n * @returns The logical navigation direction\n */\nconst getLogicalValue = <T extends string>(value: NavigationValue<T>, dir: 'ltr' | 'rtl') =>\n  typeof value === 'string' ? value : value[dir];\n"],"names":["useRef","useTabbableMode","useLayoutEffect","useUser","useCallback"],"mappings":"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"}