@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/cjs/View-251db2a6.js

@@ -0,0 +1,170 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var vanillaExtractDynamic_esm = require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
+var borders = require('./borders-4b8488cb.js');
+var dimensions = require('./dimensions-2fcc0acf.js');
+var flexitem = require('./flexitem-fee13e26.js');
+var colors = require('./colors-2f2afb62.js');
+var padding = require('./padding-398f986c.js');
+var aria = require('./aria-889aedd0.js');
+var theme = require('./theme-dfd6a9fe.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+require('./LayerHost-f1a1533f.js');
+var EnvironmentProvider = require('./EnvironmentProvider-5a401f32.js');
+var themeContract_css = require('./themeContract.css-a53fd740.js');
+var useDensity = require('./useDensity-a1ed72b0.js');
+var useTestId = require('./useTestId-15ee37d6.js');
+var _curry1 = require('./_curry1-e8f0d7ea.js');
+var equals = require('./equals-098f7781.js');
+var _isArray = require('./_isArray-73160ad5.js');
+var _isObject = require('./_isObject-28636267.js');
+var _isString = require('./_isString-f4443c9e.js');
+
+/**
+ * Tests whether or not an object is a typed array.
+ *
+ * @private
+ * @param {*} val The object to test.
+ * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.
+ * @example
+ *
+ *      _isTypedArray(new Uint8Array([])); //=> true
+ *      _isTypedArray(new Float32Array([])); //=> true
+ *      _isTypedArray([]); //=> false
+ *      _isTypedArray(null); //=> false
+ *      _isTypedArray({}); //=> false
+ */
+function _isTypedArray(val) {
+  var type = Object.prototype.toString.call(val);
+  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';
+}
+
+/**
+ * Returns the empty value of its argument's type. Ramda defines the empty
+ * value of Array (`[]`), Object (`{}`), String (`''`),
+ * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other
+ * types are supported if they define `<Type>.empty`,
+ * `<Type>.prototype.empty` or implement the
+ * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).
+ *
+ * Dispatches to the `empty` method of the first argument, if present.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.3.0
+ * @category Function
+ * @sig a -> a
+ * @param {*} x
+ * @return {*}
+ * @example
+ *
+ *      R.empty(Just(42));               //=> Nothing()
+ *      R.empty([1, 2, 3]);              //=> []
+ *      R.empty('unicorns');             //=> ''
+ *      R.empty({x: 1, y: 2});           //=> {}
+ *      R.empty(Uint8Array.from('123')); //=> Uint8Array []
+ */
+
+var empty =
+/*#__PURE__*/
+_curry1._curry1(function empty(x) {
+  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray._isArray(x) ? [] : _isString._isString(x) ? '' : _isObject._isObject(x) ? {} : equals._isArguments(x) ? function () {
+    return arguments;
+  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else
+  ;
+});
+
+/**
+ * Returns `true` if the given value is its type's empty value; `false`
+ * otherwise.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category Logic
+ * @sig a -> Boolean
+ * @param {*} x
+ * @return {Boolean}
+ * @see R.empty
+ * @example
+ *
+ *      R.isEmpty([1, 2, 3]);           //=> false
+ *      R.isEmpty([]);                  //=> true
+ *      R.isEmpty('');                  //=> true
+ *      R.isEmpty(null);                //=> false
+ *      R.isEmpty({});                  //=> true
+ *      R.isEmpty({length: 0});         //=> false
+ *      R.isEmpty(Uint8Array.from('')); //=> true
+ */
+
+var isEmpty =
+/*#__PURE__*/
+_curry1._curry1(function isEmpty(x) {
+  return x != null && equals.equals(x, empty(x));
+});
+
+var isEmpty$1 = isEmpty;
+
+const elementTypes = ['div', 'main', 'article', 'section', 'aside'];
+const interpolations = [
+    ...Object.values(borders.borderInterpolations),
+    ...Object.values(dimensions.dimensionInterpolations),
+    ...Object.values(flexitem.flexitemInterpolations),
+    ...Object.values(colors.colorInterpolations),
+    ...Object.values(padding.paddingInterpolations),
+    ...Object.values(aria.ariaInterpolations),
+    ...Object.values(theme.themeInterpolations)
+];
+const mergedInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+const View = compat.forwardRef(({ as, children, colorScheme, color, backgroundColor, scale, density: propDensity, testId, ...rest }, ref) => {
+    /**
+     * JET-66845 Because density unit CSS vars need to be recalculated each time the scale changes, scale
+     * classes can not be a child of density classes. However, we can have the scale and density classes as siblings.
+     * If the scale prop is supplied, we'll set the density class as well. If density is not set in the props,
+     * we will determine it via the Environment.
+     */
+    const themeDensity = useDensity.useDensity();
+    const density = propDensity ?? (scale ? themeDensity : undefined);
+    const testIdProps = useTestId.useTestId(testId);
+    const { class: className, ariaLabelledBy, ariaLabel, ...styles } = mergedInterpolations({
+        colorScheme,
+        scale,
+        density,
+        backgroundColor,
+        color,
+        ...rest
+    });
+    // We need to update the environment with any theme related props specified
+    const env = {
+        ...(colorScheme && { colorScheme }),
+        ...(scale && { scale }),
+        ...(density && { density }),
+        ...(backgroundColor && { currentBgColor: backgroundColor })
+    };
+    const props = {
+        ...testIdProps,
+        ['aria-label']: ariaLabel,
+        ['aria-labelledby']: ariaLabelledBy,
+        children,
+        className,
+        ref: ref,
+        style: {
+            ...styles,
+            ...(backgroundColor &&
+                vanillaExtractDynamic_esm.assignInlineVars({
+                    [themeContract_css.globalVars.currentBackgroundColor]: styles['backgroundColor']
+                })),
+            // we hardcode box-sizing: border-box on all of our Preact components.
+            boxSizing: 'border-box'
+        }
+    };
+    const Component = as || 'div';
+    return isEmpty$1(env) ? (jsxRuntime.jsx(Component, { ...props })) : (jsxRuntime.jsx(EnvironmentProvider.EnvironmentProvider, { environment: env, children: jsxRuntime.jsx(Component, { ...props }) }));
+});
+
+exports.View = View;
+exports.elementTypes = elementTypes;
+//# sourceMappingURL=View-251db2a6.js.map

package/cjs/View-251db2a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View-251db2a6.js","sources":["../../../../node_modules/ramda/es/internal/_isTypedArray.js","../../../../node_modules/ramda/es/empty.js","../../../../node_modules/ramda/es/isEmpty.js","../../src/UNSAFE_View/View.tsx"],"sourcesContent":["/**\n * Tests whether or not an object is a typed array.\n *\n * @private\n * @param {*} val The object to test.\n * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.\n * @example\n *\n *      _isTypedArray(new Uint8Array([])); //=> true\n *      _isTypedArray(new Float32Array([])); //=> true\n *      _isTypedArray([]); //=> false\n *      _isTypedArray(null); //=> false\n *      _isTypedArray({}); //=> false\n */\nexport default function _isTypedArray(val) {\n  var type = Object.prototype.toString.call(val);\n  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';\n}","import _curry1 from \"./internal/_curry1.js\";\nimport _isArguments from \"./internal/_isArguments.js\";\nimport _isArray from \"./internal/_isArray.js\";\nimport _isObject from \"./internal/_isObject.js\";\nimport _isString from \"./internal/_isString.js\";\nimport _isTypedArray from \"./internal/_isTypedArray.js\";\n/**\n * Returns the empty value of its argument's type. Ramda defines the empty\n * value of Array (`[]`), Object (`{}`), String (`''`),\n * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other\n * types are supported if they define `<Type>.empty`,\n * `<Type>.prototype.empty` or implement the\n * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).\n *\n * Dispatches to the `empty` method of the first argument, if present.\n *\n * @func\n * @memberOf R\n * @since v0.3.0\n * @category Function\n * @sig a -> a\n * @param {*} x\n * @return {*}\n * @example\n *\n *      R.empty(Just(42));               //=> Nothing()\n *      R.empty([1, 2, 3]);              //=> []\n *      R.empty('unicorns');             //=> ''\n *      R.empty({x: 1, y: 2});           //=> {}\n *      R.empty(Uint8Array.from('123')); //=> Uint8Array []\n */\n\nvar empty =\n/*#__PURE__*/\n_curry1(function empty(x) {\n  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray(x) ? [] : _isString(x) ? '' : _isObject(x) ? {} : _isArguments(x) ? function () {\n    return arguments;\n  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else\n  ;\n});\n\nexport default empty;","import _curry1 from \"./internal/_curry1.js\";\nimport empty from \"./empty.js\";\nimport equals from \"./equals.js\";\n/**\n * Returns `true` if the given value is its type's empty value; `false`\n * otherwise.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Logic\n * @sig a -> Boolean\n * @param {*} x\n * @return {Boolean}\n * @see R.empty\n * @example\n *\n *      R.isEmpty([1, 2, 3]);           //=> false\n *      R.isEmpty([]);                  //=> true\n *      R.isEmpty('');                  //=> true\n *      R.isEmpty(null);                //=> false\n *      R.isEmpty({});                  //=> true\n *      R.isEmpty({length: 0});         //=> false\n *      R.isEmpty(Uint8Array.from('')); //=> true\n */\n\nvar isEmpty =\n/*#__PURE__*/\n_curry1(function isEmpty(x) {\n  return x != null && equals(x, empty(x));\n});\n\nexport default isEmpty;","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, RefCallback, RefObject } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { isEmpty } from 'ramda';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport type { PaddingProps } from '../utils/UNSAFE_interpolations/padding';\nimport { ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport type { AriaProps } from '../utils/UNSAFE_interpolations/aria';\nimport { themeInterpolations } from '../utils/UNSAFE_interpolations/theme';\nimport type { ThemeProps } from '../utils/UNSAFE_interpolations/theme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport type { Role } from '../utils/UNSAFE_roles';\nimport { EnvironmentProvider } from '..//UNSAFE_Environment';\nimport type { ThemeModifiers } from '../UNSAFE_Theme';\nimport { globalVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { useDensity } from '#hooks/UNSAFE_useDensity';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\nconst elementTypes = ['div', 'main', 'article', 'section', 'aside'] as const;\n\ntype ElementType = (typeof elementTypes)[number];\n\ntype StyleProps = BorderProps &\n  DimensionProps &\n  FlexitemProps &\n  ColorProps &\n  PaddingProps &\n  AriaProps &\n  ThemeProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    as?: ElementType;\n    role?: Role;\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(borderInterpolations),\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(themeInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype RefType = (RefObject<HTMLDivElement> | RefCallback<HTMLDivElement>) &\n  (RefObject<HTMLElement> | RefCallback<HTMLElement>);\n\nconst View = forwardRef<RefType, Props>(\n  (\n    {\n      as,\n      children,\n      colorScheme,\n      color,\n      backgroundColor,\n      scale,\n      density: propDensity,\n      testId,\n      ...rest\n    },\n    ref\n  ) => {\n    /**\n     * JET-66845 Because density unit CSS vars need to be recalculated each time the scale changes, scale\n     * classes can not be a child of density classes. However, we can have the scale and density classes as siblings.\n     * If the scale prop is supplied, we'll set the density class as well. If density is not set in the props,\n     * we will determine it via the Environment.\n     */\n    const themeDensity = useDensity();\n    const density = propDensity ?? (scale ? themeDensity : undefined);\n    const testIdProps = useTestId(testId);\n\n    const {\n      class: className,\n      ariaLabelledBy,\n      ariaLabel,\n      ...styles\n    } = mergedInterpolations({\n      colorScheme,\n      scale,\n      density,\n      backgroundColor,\n      color,\n      ...rest\n    });\n    // We need to update the environment with any theme related props specified\n    const env: Partial<ThemeModifiers> = {\n      ...(colorScheme && { colorScheme }),\n      ...(scale && { scale }),\n      ...(density && { density }),\n      ...(backgroundColor && { currentBgColor: backgroundColor })\n    };\n    const props = {\n      ...testIdProps,\n      ['aria-label']: ariaLabel,\n      ['aria-labelledby']: ariaLabelledBy,\n      children,\n      className,\n      ref: ref as RefType,\n      style: {\n        ...styles,\n        ...(backgroundColor &&\n          assignInlineVars({\n            [globalVars.currentBackgroundColor]: styles['backgroundColor']\n          })),\n        // we hardcode box-sizing: border-box on all of our Preact components.\n        boxSizing: 'border-box'\n      }\n    };\n\n    const Component = as || 'div';\n    return isEmpty(env) ? (\n      <Component {...props} />\n    ) : (\n      <EnvironmentProvider environment={env}>\n        <Component {...props} />\n      </EnvironmentProvider>\n    );\n  }\n);\n\nexport { elementTypes, View };\n"],"names":["_curry1","_isArray","_isString","_isObject","_isArguments","equals","borderInterpolations","dimensionInterpolations","flexitemInterpolations","colorInterpolations","paddingInterpolations","ariaInterpolations","themeInterpolations","mergeInterpolations","forwardRef","useDensity","useTestId","assignInlineVars","globalVars","isEmpty","_jsx","EnvironmentProvider"],"mappings":"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"}

package/cjs/VisTabularDatatip-f9ba79d0.js

@@ -0,0 +1,26 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var classNames = require('./classNames-c14c6ef3.js');
+var PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css = require('./PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js');
+var useUser = require('./useUser-081e5bd5.js');
+
+function VisTabularDatatip({ tableData }) {
+    const { direction } = useUser.useUser();
+    const isRtl = direction === 'rtl';
+    const datatipLabelStyle = classNames.classNames([
+        PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.VisTabularDatatipLabel,
+        isRtl ? PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.leftAlign : PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.rightAlign
+    ]);
+    const datatipValueStyle = classNames.classNames([
+        PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.VisTabularDatatipValue,
+        isRtl ? PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.rightAlign : PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.leftAlign
+    ]);
+    return (jsxRuntime.jsx("table", { class: PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.VisTabularDatatipTable, children: jsxRuntime.jsx("tbody", { children: tableData.map(({ key, value }) => {
+                return (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { class: datatipLabelStyle, children: key }), jsxRuntime.jsx("td", { class: datatipValueStyle, children: value })] }));
+            }) }) }));
+}
+
+exports.VisTabularDatatip = VisTabularDatatip;
+//# sourceMappingURL=VisTabularDatatip-f9ba79d0.js.map

package/cjs/VisTabularDatatip-f9ba79d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisTabularDatatip-f9ba79d0.js","sources":["../../src/PRIVATE_VisTabularDatatip/VisTabularDatatip.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 { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/VisTabularDatatipStyles.css';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\nexport type TableRowData = {\n  key: string;\n  value: string | number;\n};\ntype Props = {\n  tableData: Array<TableRowData>;\n};\n\nexport function VisTabularDatatip({ tableData }: Props) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const datatipLabelStyle = classNames([\n    styles.VisTabularDatatipLabel,\n    isRtl ? styles.leftAlign : styles.rightAlign\n  ]);\n  const datatipValueStyle = classNames([\n    styles.VisTabularDatatipValue,\n    isRtl ? styles.rightAlign : styles.leftAlign\n  ]);\n\n  return (\n    <table class={styles.VisTabularDatatipTable}>\n      <tbody>\n        {tableData.map(({ key, value }) => {\n          return (\n            <tr>\n              <td class={datatipLabelStyle}>{key}</td>\n              <td class={datatipValueStyle}>{value}</td>\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n}\n"],"names":["useUser","classNames","styles","_jsx","_jsxs"],"mappings":";;;;;;;;AAoBgB,SAAA,iBAAiB,CAAC,EAAE,SAAS,EAAS,EAAA;AACpD,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,eAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;IAClC,MAAM,iBAAiB,GAAGC,qBAAU,CAAC;AACnC,QAAAC,mEAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAGA,mEAAM,CAAC,SAAS,GAAGA,mEAAM,CAAC,UAAU;AAC7C,KAAA,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAGD,qBAAU,CAAC;AACnC,QAAAC,mEAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAGA,mEAAM,CAAC,UAAU,GAAGA,mEAAM,CAAC,SAAS;AAC7C,KAAA,CAAC,CAAC;IAEH,QACEC,0BAAO,KAAK,EAAED,mEAAM,CAAC,sBAAsB,YACzCC,cACG,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAI;AAChC,gBAAA,QACEC,eACE,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,cAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,iBAAiB,YAAG,GAAG,EAAA,CAAM,EACxCA,cAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,KAAK,EAAM,CAAA,CAAA,EAAA,CACvC,EACL;AACJ,aAAC,CAAC,EAAA,CACI,EACF,CAAA,EACR;AACJ;;;;"}

package/cjs/WindowOverlay-5a341d43.js

@@ -0,0 +1,112 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var vanillaExtractDynamic_esm = require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css = require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
+var UNSAFE_WindowOverlay_themes_WindowOverlayContract_css = require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
+var useUser = require('./useUser-081e5bd5.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var UNSAFE_WindowOverlay_themes_redwood_WindowOverlayTheme = require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
+
+const offsetStyle = (offset) => {
+    return typeof offset === 'number'
+        ? vanillaExtractDynamic_esm.assignInlineVars({
+            [UNSAFE_WindowOverlay_themes_WindowOverlayContract_css.windowOverlayVars.notificationMainAxisOffset]: `${offset}px`,
+            [UNSAFE_WindowOverlay_themes_WindowOverlayContract_css.windowOverlayVars.notificationCrossAxisOffset]: `0px`
+        })
+        : vanillaExtractDynamic_esm.assignInlineVars({
+            [UNSAFE_WindowOverlay_themes_WindowOverlayContract_css.windowOverlayVars.notificationMainAxisOffset]: `${offset?.mainAxis ?? 0}px`,
+            [UNSAFE_WindowOverlay_themes_WindowOverlayContract_css.windowOverlayVars.notificationCrossAxisOffset]: `${offset?.crossAxis ?? 0}px`
+        });
+};
+/**
+ * A WindowOverlay component allows the user to place a child component relative to the viewport
+ */
+const WindowOverlay = ({ children, ...props }) => {
+    const { direction } = useUser.useUser();
+    const isLtr = direction === 'ltr';
+    if (props.placement == null) {
+        props.placement = 'center';
+    }
+    const { styles, baseTheme: windowOverlayTheme } = useComponentTheme.useComponentTheme(UNSAFE_WindowOverlay_themes_redwood_WindowOverlayTheme.WindowOverlayRedwoodTheme);
+    const { baseStyle, gridStyles, placementStyles } = styles;
+    const placementInterpolations = [
+        ({ placement = 'center' }) => ({
+            class: placementStyles[placement]
+        })
+    ];
+    const interpolations = [...Object.values(placementInterpolations)];
+    const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+    const { class: cls, ...allStyles } = styleInterpolations(props);
+    const offsetClasses = (position, isLtr, theme) => {
+        if (position == null) {
+            return;
+        }
+        let logicalPosition;
+        switch (position) {
+            case 'top-start':
+            case 'center':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['top-left']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['top-right'];
+                break;
+            case 'top-end':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['top-right']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['top-left'];
+                break;
+            case 'bottom-start':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['bottom-left']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['bottom-right'];
+                break;
+            case 'bottom-end':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['bottom-right']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['bottom-left'];
+                break;
+            case 'start-top':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['left-top']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['right-top'];
+                break;
+            case 'end-top':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['right-top']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['left-top'];
+                break;
+            case 'start-bottom':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['left-bottom']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['right-bottom'];
+                break;
+            case 'end-bottom':
+                logicalPosition = isLtr
+                    ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['right-bottom']
+                    : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['left-bottom'];
+                break;
+            case 'start':
+                logicalPosition = isLtr ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['left'] : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['right'];
+                break;
+            case 'end':
+                logicalPosition = isLtr ? UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['right'] : UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['left'];
+                break;
+            case 'top':
+                logicalPosition = UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['top'];
+                break;
+            case 'bottom':
+                logicalPosition = UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles['bottom'];
+                break;
+        }
+        return classNames.classNames([UNSAFE_WindowOverlay_themes_WindowOverlayStyles_css.windowOverlayStyles.notificationPosition, logicalPosition, theme]);
+    };
+    const classes = offsetClasses(props.placement, isLtr, windowOverlayTheme);
+    const windowOverlayOffsetStyle = offsetStyle(props.offset);
+    return (jsxRuntime.jsx("div", { class: classNames.classNames([baseStyle, gridStyles, cls]), style: allStyles, children: jsxRuntime.jsx("div", { class: classes, style: windowOverlayOffsetStyle !== undefined ? windowOverlayOffsetStyle : undefined, children: children }) }));
+};
+
+exports.WindowOverlay = WindowOverlay;
+//# sourceMappingURL=WindowOverlay-5a341d43.js.map

package/cjs/WindowOverlay-5a341d43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowOverlay-5a341d43.js","sources":["../../src/UNSAFE_WindowOverlay/WindowOverlay.tsx"],"sourcesContent":["import type { JSX } from 'preact';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { windowOverlayStyles } from './themes/WindowOverlayStyles.css';\nimport { windowOverlayVars } from './themes/WindowOverlayContract.css';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport type { Offset } from '../UNSAFE_Floating';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { WindowOverlayRedwoodTheme } from './themes/redwood/WindowOverlayTheme';\n\nexport type { Offset };\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children'>;\n\nexport type WindowOverlayPlacement =\n  | 'center'\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'start'\n  | 'start-top'\n  | 'start-bottom'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'end'\n  | 'end-top'\n  | 'end-bottom';\n\nconst offsetStyle = (offset?: Offset) => {\n  return typeof offset === 'number'\n    ? assignInlineVars({\n        [windowOverlayVars.notificationMainAxisOffset]: `${offset}px`,\n        [windowOverlayVars.notificationCrossAxisOffset]: `0px`\n      })\n    : assignInlineVars({\n        [windowOverlayVars.notificationMainAxisOffset]: `${offset?.mainAxis ?? 0}px`,\n        [windowOverlayVars.notificationCrossAxisOffset]: `${offset?.crossAxis ?? 0}px`\n      });\n};\n\ntype WindowOverlayProps = IntrinsicProps & {\n  /**\n   * Offset displaces the child element of the WindowOverlay component from its core placement along the specified axes.\n   *\n   * Offset could be a number or an object\n   *\n   * An object has the following type:\n   * <pre>\n   *   {\n   *     mainAxis?: number;\n   *     crossAxis?: number;\n   *   }\n   * </pre>\n   * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the child element and the viewport along the mainAxis.</p>\n   * <p><code>crossAxis</code> - represents the distance (gutter or margin) between the child element and the viewport along the crossAxis.</p>\n   *\n   * where,\n   * <p>The <code>mainAxis</code> is an axis that runs along the side of the placement, i.e. the part before the hyphen (top-*, bottom-*, start-*, end-*).</p>\n   * <p>The <code>crossAxis</code> is an axis that runs along the alignment of the placement, i.e. the part after the hyphen (*-start, *-end, *-top, *-bottom).</p>\n   *\n   * For the placement value 'center' the convention for the offset type is that mainAxis defines offset from the top, crossAxis defines offset from the left side of the view port.\n   *\n   * A number is a shortcut for setting the mainAxis.\n   */\n  offset?: Offset;\n  /**\n   * Placement of the WindowOverlay element relative to the viewport.\n   * Possible values are:\n   * <p> <code>'center' </code> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code>\n   * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code>\n   * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code>\n   * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code>\n   * </p>\n   */\n  placement?: WindowOverlayPlacement;\n};\n\n/**\n * A WindowOverlay component allows the user to place a child component relative to the viewport\n */\nexport const WindowOverlay = ({ children, ...props }: WindowOverlayProps) => {\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  if (props.placement == null) {\n    props.placement = 'center';\n  }\n\n  const { styles, baseTheme: windowOverlayTheme } = useComponentTheme(WindowOverlayRedwoodTheme);\n  const { baseStyle, gridStyles, placementStyles } = styles;\n\n  const placementInterpolations = [\n    ({ placement = 'center' }: Pick<WindowOverlayProps, 'placement'>) => ({\n      class: placementStyles[placement]\n    })\n  ];\n\n  const interpolations = [...Object.values(placementInterpolations)];\n\n  const styleInterpolations = mergeInterpolations<WindowOverlayProps>(interpolations);\n\n  const { class: cls, ...allStyles } = styleInterpolations(props);\n\n  const offsetClasses = (position?: string, isLtr?: boolean, theme?: string) => {\n    if (position == null) {\n      return;\n    }\n    let logicalPosition;\n    switch (position) {\n      case 'top-start':\n      case 'center':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['top-left']\n          : windowOverlayStyles['top-right'];\n        break;\n      case 'top-end':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['top-right']\n          : windowOverlayStyles['top-left'];\n        break;\n      case 'bottom-start':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['bottom-left']\n          : windowOverlayStyles['bottom-right'];\n        break;\n      case 'bottom-end':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['bottom-right']\n          : windowOverlayStyles['bottom-left'];\n        break;\n      case 'start-top':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['left-top']\n          : windowOverlayStyles['right-top'];\n        break;\n      case 'end-top':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['right-top']\n          : windowOverlayStyles['left-top'];\n        break;\n      case 'start-bottom':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['left-bottom']\n          : windowOverlayStyles['right-bottom'];\n        break;\n      case 'end-bottom':\n        logicalPosition = isLtr\n          ? windowOverlayStyles['right-bottom']\n          : windowOverlayStyles['left-bottom'];\n        break;\n      case 'start':\n        logicalPosition = isLtr ? windowOverlayStyles['left'] : windowOverlayStyles['right'];\n        break;\n      case 'end':\n        logicalPosition = isLtr ? windowOverlayStyles['right'] : windowOverlayStyles['left'];\n        break;\n      case 'top':\n        logicalPosition = windowOverlayStyles['top'];\n        break;\n      case 'bottom':\n        logicalPosition = windowOverlayStyles['bottom'];\n        break;\n      default:\n        break;\n    }\n    return classNames([windowOverlayStyles.notificationPosition, logicalPosition, theme]);\n  };\n  const classes = offsetClasses(props.placement, isLtr, windowOverlayTheme);\n\n  const windowOverlayOffsetStyle = offsetStyle(props.offset);\n\n  return (\n    <div class={classNames([baseStyle, gridStyles, cls])} style={allStyles}>\n      <div\n        class={classes}\n        style={windowOverlayOffsetStyle !== undefined ? windowOverlayOffsetStyle : undefined}>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["assignInlineVars","windowOverlayVars","useUser","useComponentTheme","WindowOverlayRedwoodTheme","mergeInterpolations","windowOverlayStyles","classNames","_jsx"],"mappings":"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"}

package/cjs/YearsGridView-804c9377.js

@@ -0,0 +1,190 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var Grid = require('./Grid-44ca9332.js');
+var StyledDatePickerButton = require('./StyledDatePickerButton-128e2a5d.js');
+var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
+var useUser = require('./useUser-081e5bd5.js');
+require('./getFormatParse-88bacc78.js');
+require('./logger-2b636482.js');
+var maskUtils = require('./maskUtils-3252a439.js');
+var compat = require('preact/compat');
+var useCellNavigation = require('./useCellNavigation-d5b07844.js');
+var calendarDateUtils = require('./calendarDateUtils-32adc676.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-804c9377.js.map

package/cjs/YearsGridView-804c9377.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearsGridView-804c9377.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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"}