@oracle/oraclejet-preact 17.1.6 → 17.1.8

package/es/{VisProgressiveLoader-66dde1ff.js.map → VisProgressiveLoader-2b2103c8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VisProgressiveLoader-66dde1ff.js","sources":["../../src/UNSAFE_VisProgressiveLoader/ProgressiveLoader.tsx","../../src/UNSAFE_VisProgressiveLoader/VisSkeleton.tsx","../../src/UNSAFE_VisProgressiveLoader/VisProgressiveLoader.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { baseStyles, loadingContainerStyles } from './themes/ProgressiveLoaderStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { Size, sizeToCSS } from '#utils/UNSAFE_size';\n\ntype Props = {\n  /**\n   * Specifies whether the main content is currently loading.\n   * The fallback content will be shown if the main content is taking too long to load.\n   */\n  isLoading: boolean;\n\n  /**\n   * The content to be shown when loading.\n   */\n  fallback: ComponentChildren;\n\n  /**\n   * The main content to be shown when not loading.\n   */\n  children: ComponentChildren;\n\n  /**\n   * The role.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n\n  /**\n   * The tabIndex.\n   */\n  tabIndex?: HTMLAttributesSignalExcluded['tabIndex'];\n\n  /**\n   * The width of the component.\n   */\n  width?: Size;\n\n  /**\n   * The height of the component.\n   */\n  height?: Size;\n\n  /**\n   * The aria-label of the component.\n   * This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the component.\n   * This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: HTMLAttributesSignalExcluded['aria-describedby'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the component.\n   * This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n};\n\n/**\n * Displays the specified fallback content during progressive loading of the main content.\n */\nexport function ProgressiveLoader({\n  isLoading,\n  fallback,\n  children,\n  role,\n  tabIndex,\n  width,\n  height,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy\n}: Props) {\n  const showLoadingIndicator = useLoadingIndicatorTimer(isLoading);\n  const { vis_stateLoading, vis_stateLoaded } = useTranslationBundle<BundleType>(\n    '@oracle/oraclejet-preact'\n  );\n  const descId = useId();\n\n  return isLoading && showLoadingIndicator ? (\n    <div\n      role={role}\n      tabIndex={tabIndex}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={\n        ariaDescribedBy\n          ? [...new Set(ariaDescribedBy.split(/\\s+/).concat(descId))].join(' ')\n          : descId\n      }\n      class={classNames([baseStyles, loadingContainerStyles])}\n      style={{\n        width: width && sizeToCSS(width),\n        height: height && sizeToCSS(height)\n      }}>\n      {fallback}\n      <HiddenAccessible id={descId}>{vis_stateLoading()}</HiddenAccessible>\n      <LiveRegion type=\"polite\">{vis_stateLoading()}</LiveRegion>\n    </div>\n  ) : (\n    <div\n      class={baseStyles}\n      style={{\n        width: width && sizeToCSS(width),\n        height: height && sizeToCSS(height)\n      }}>\n      {children}\n      <LiveRegion type=\"polite\">\n        {ariaLabel ? `${ariaLabel}, ${vis_stateLoaded()}` : vis_stateLoaded()}\n      </LiveRegion>\n    </div>\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 { Skeleton } from '#UNSAFE_Skeleton';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { Size, sizeToCSS } from '#utils/UNSAFE_size';\nimport {\n  baseSkeletonContainerStyles,\n  baseStyles,\n  skeletonContainerStyles\n} from './themes/VisSkeletonStyles.css';\n\ntype Props = {\n  /**\n   * The visualization type.\n   */\n  type: 'bar' | 'area' | 'line' | 'combo' | 'pie';\n\n  /**\n   * The width of the skeleton.\n   */\n  width?: Size;\n\n  /**\n   * The height of the skeleton.\n   */\n  height?: Size;\n};\n\n/**\n * Skeleton loading for visualizations.\n */\nexport function VisSkeleton({ type, width, height }: Props) {\n  return (\n    <div\n      class={baseStyles}\n      style={{\n        width: width && sizeToCSS(width),\n        height: height && sizeToCSS(height)\n      }}>\n      <div class={classNames([baseSkeletonContainerStyles, skeletonContainerStyles[type]])}>\n        <Skeleton width=\"100%\" height=\"100%\" />\n      </div>\n    </div>\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 { ComponentProps } from 'preact';\nimport { ProgressiveLoader } from './ProgressiveLoader';\nimport { VisSkeleton } from './VisSkeleton';\n\ntype Props = Omit<ComponentProps<typeof ProgressiveLoader>, 'fallback' | 'tabIndex'> & {\n  /**\n   * The visualization type.\n   * This is used to determine the loading indicator to be used.\n   */\n  type: ComponentProps<typeof VisSkeleton>['type'];\n};\n\n/**\n * Displays the specified fallback content during progressive loading of the visualization.\n */\nexport function VisProgressiveLoader({ type, role = 'application', children, ...props }: Props) {\n  const fallback = <VisSkeleton type={type} />;\n  return (\n    <ProgressiveLoader role={role} tabIndex={0} fallback={fallback} {...props}>\n      {children}\n    </ProgressiveLoader>\n  );\n}\n"],"names":["_jsxs","_jsx","baseStyles"],"mappings":"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"}
+{"version":3,"file":"VisProgressiveLoader-2b2103c8.js","sources":["../../src/UNSAFE_VisProgressiveLoader/ProgressiveLoader.tsx","../../src/UNSAFE_VisProgressiveLoader/VisSkeleton.tsx","../../src/UNSAFE_VisProgressiveLoader/VisProgressiveLoader.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { baseStyles, loadingContainerStyles } from './themes/ProgressiveLoaderStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { Size, sizeToCSS } from '#utils/UNSAFE_size';\n\ntype Props = {\n  /**\n   * Specifies whether the main content is currently loading.\n   * The fallback content will be shown if the main content is taking too long to load.\n   */\n  isLoading: boolean;\n\n  /**\n   * The content to be shown when loading.\n   */\n  fallback: ComponentChildren;\n\n  /**\n   * The main content to be shown when not loading.\n   */\n  children: ComponentChildren;\n\n  /**\n   * The role.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n\n  /**\n   * The tabIndex.\n   */\n  tabIndex?: HTMLAttributesSignalExcluded['tabIndex'];\n\n  /**\n   * The width of the component.\n   */\n  width?: Size;\n\n  /**\n   * The height of the component.\n   */\n  height?: Size;\n\n  /**\n   * The aria-label of the component.\n   * This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the component.\n   * This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: HTMLAttributesSignalExcluded['aria-describedby'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the component.\n   * This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n};\n\n/**\n * Displays the specified fallback content during progressive loading of the main content.\n */\nexport function ProgressiveLoader({\n  isLoading,\n  fallback,\n  children,\n  role,\n  tabIndex,\n  width,\n  height,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy\n}: Props) {\n  const showLoadingIndicator = useLoadingIndicatorTimer(isLoading);\n  const { vis_stateLoading, vis_stateLoaded } = useTranslationBundle<BundleType>(\n    '@oracle/oraclejet-preact'\n  );\n  const descId = useId();\n\n  return isLoading && showLoadingIndicator ? (\n    <div\n      role={role}\n      tabIndex={tabIndex}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={\n        ariaDescribedBy\n          ? [...new Set(ariaDescribedBy.split(/\\s+/).concat(descId))].join(' ')\n          : descId\n      }\n      class={classNames([baseStyles, loadingContainerStyles])}\n      style={{\n        width: width && sizeToCSS(width),\n        height: height && sizeToCSS(height)\n      }}>\n      {fallback}\n      <HiddenAccessible id={descId}>{vis_stateLoading()}</HiddenAccessible>\n      <LiveRegion type=\"polite\">{vis_stateLoading()}</LiveRegion>\n    </div>\n  ) : (\n    <div\n      class={baseStyles}\n      style={{\n        width: width && sizeToCSS(width),\n        height: height && sizeToCSS(height)\n      }}>\n      {children}\n      <LiveRegion type=\"polite\">\n        {ariaLabel ? `${ariaLabel}, ${vis_stateLoaded()}` : vis_stateLoaded()}\n      </LiveRegion>\n    </div>\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 { Skeleton } from '#UNSAFE_Skeleton';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { Size, sizeToCSS } from '#utils/UNSAFE_size';\nimport {\n  baseSkeletonContainerStyles,\n  baseStyles,\n  skeletonContainerStyles\n} from './themes/VisSkeletonStyles.css';\n\ntype Props = {\n  /**\n   * The visualization type.\n   */\n  type: 'bar' | 'area' | 'line' | 'combo' | 'pie';\n\n  /**\n   * The width of the skeleton.\n   */\n  width?: Size;\n\n  /**\n   * The height of the skeleton.\n   */\n  height?: Size;\n};\n\n/**\n * Skeleton loading for visualizations.\n */\nexport function VisSkeleton({ type, width, height }: Props) {\n  return (\n    <div\n      class={baseStyles}\n      style={{\n        width: width && sizeToCSS(width),\n        height: height && sizeToCSS(height)\n      }}>\n      <div class={classNames([baseSkeletonContainerStyles, skeletonContainerStyles[type]])}>\n        <Skeleton width=\"100%\" height=\"100%\" />\n      </div>\n    </div>\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 { ComponentProps } from 'preact';\nimport { ProgressiveLoader } from './ProgressiveLoader';\nimport { VisSkeleton } from './VisSkeleton';\n\ntype Props = Omit<ComponentProps<typeof ProgressiveLoader>, 'fallback' | 'tabIndex'> & {\n  /**\n   * The visualization type.\n   * This is used to determine the loading indicator to be used.\n   */\n  type: ComponentProps<typeof VisSkeleton>['type'];\n};\n\n/**\n * Displays the specified fallback content during progressive loading of the visualization.\n */\nexport function VisProgressiveLoader({ type, role = 'application', children, ...props }: Props) {\n  const fallback = <VisSkeleton type={type} />;\n  return (\n    <ProgressiveLoader role={role} tabIndex={0} fallback={fallback} {...props}>\n      {children}\n    </ProgressiveLoader>\n  );\n}\n"],"names":["_jsxs","_jsx","baseStyles"],"mappings":"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"}

package/es/{VisTabularDatatip-6aa607bb.js → VisTabularDatatip-2ae7ee48.js}

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { styles } from './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useUser } from './useUser-a15426fc.js';
 
 function VisTabularDatatip({ tableData }) {
     const { direction } = useUser();
@@ -21,4 +21,4 @@ function VisTabularDatatip({ tableData }) {
 }
 
 export { VisTabularDatatip as V };
-//# sourceMappingURL=VisTabularDatatip-6aa607bb.js.map
+//# sourceMappingURL=VisTabularDatatip-2ae7ee48.js.map

package/es/{VisTabularDatatip-6aa607bb.js.map → VisTabularDatatip-2ae7ee48.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VisTabularDatatip-6aa607bb.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":["_jsx","_jsxs"],"mappings":";;;;;;AAoBgB,SAAA,iBAAiB,CAAC,EAAE,SAAS,EAAS,EAAA;AACpD,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;IAClC,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACnC,QAAA,MAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU;AAC7C,KAAA,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACnC,QAAA,MAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,SAAS;AAC7C,KAAA,CAAC,CAAC;IAEH,QACEA,eAAO,KAAK,EAAE,MAAM,CAAC,sBAAsB,YACzCA,GACG,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAI;AAChC,gBAAA,QACEC,IACE,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,iBAAiB,YAAG,GAAG,EAAA,CAAM,EACxCA,GAAI,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;;;;"}
+{"version":3,"file":"VisTabularDatatip-2ae7ee48.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":["_jsx","_jsxs"],"mappings":";;;;;;AAoBgB,SAAA,iBAAiB,CAAC,EAAE,SAAS,EAAS,EAAA;AACpD,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;IAClC,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACnC,QAAA,MAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU;AAC7C,KAAA,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACnC,QAAA,MAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,SAAS;AAC7C,KAAA,CAAC,CAAC;IAEH,QACEA,eAAO,KAAK,EAAE,MAAM,CAAC,sBAAsB,YACzCA,GACG,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAI;AAChC,gBAAA,QACEC,IACE,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,iBAAiB,YAAG,GAAG,EAAA,CAAM,EACxCA,GAAI,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/es/{WindowOverlay-de5d0819.js → WindowOverlay-9b43e658.js}

@@ -5,7 +5,7 @@ import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-2955d60a.js
 import { c as classNames } from './classNames-4e12b00d.js';
 import { windowOverlayStyles } from './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import { windowOverlayVars } from './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useUser } from './useUser-a15426fc.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { WindowOverlayRedwoodTheme } from './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
 
@@ -107,4 +107,4 @@ const WindowOverlay = ({ children, ...props }) => {
 };
 
 export { WindowOverlay as W };
-//# sourceMappingURL=WindowOverlay-de5d0819.js.map
+//# sourceMappingURL=WindowOverlay-9b43e658.js.map

package/es/{WindowOverlay-de5d0819.js.map → WindowOverlay-9b43e658.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WindowOverlay-de5d0819.js","sources":["../../src/UNSAFE_WindowOverlay/WindowOverlay.tsx"],"sourcesContent":["import { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_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<HTMLAttributesSignalExcluded<HTMLDivElement>, '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":["_jsx"],"mappings":"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"}
+{"version":3,"file":"WindowOverlay-9b43e658.js","sources":["../../src/UNSAFE_WindowOverlay/WindowOverlay.tsx"],"sourcesContent":["import { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_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<HTMLAttributesSignalExcluded<HTMLDivElement>, '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":["_jsx"],"mappings":"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"}

package/es/{YearsGridView-5b5c1746.js → YearsGridView-37dfce0c.js}

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { G as Grid } from './Grid-c2385b22.js';
+import { G as Grid } from './Grid-7fd29a9e.js';
 import { S as StyledDatePickerButton } from './StyledDatePickerButton-aede0e3c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
+import { u as useUser } from './useUser-a15426fc.js';
 import './getFormatParse-4721cf15.js';
 import './logger-c92f309c.js';
 import { g as getMonthName } from './maskUtils-d1e41fac.js';
@@ -184,4 +184,4 @@ const YearsGridView = ({ currentYear, focusableYear, isFocused = false, selected
 };
 
 export { MonthsGridView as M, YearsGridView as Y };
-//# sourceMappingURL=YearsGridView-5b5c1746.js.map
+//# sourceMappingURL=YearsGridView-37dfce0c.js.map

package/es/{YearsGridView-5b5c1746.js.map → YearsGridView-37dfce0c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"YearsGridView-5b5c1746.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":["_jsx","range"],"mappings":"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"}
+{"version":3,"file":"YearsGridView-37dfce0c.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":["_jsx","range"],"mappings":"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"}

package/es/hoc/PRIVATE_withDirectionIcon.js

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
-export { w as withDirectionIcon } from '../withDirectionIcon-389870a2.js';
+export { w as withDirectionIcon } from '../withDirectionIcon-90d7c798.js';
 import 'preact/jsx-runtime';
-import '../useUser-bca8cf2d.js';
+import '../useUser-a15426fc.js';
 import 'preact/hooks';
-import '../LayerHost-7a2149f5.js';
-import 'preact';
+import '../LayerHost-15b42a3e.js';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
+import 'preact';
 import 'preact/compat';
 //# sourceMappingURL=PRIVATE_withDirectionIcon.js.map

package/es/hoc/PRIVATE_withThemeIcon.js

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTheme } from '../useTheme-73aca0e4.js';
+import { u as useTheme } from '../useTheme-4b0f211c.js';
 import 'preact/hooks';
-import '../LayerHost-7a2149f5.js';
-import 'preact';
+import '../LayerHost-15b42a3e.js';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
+import 'preact';
 import 'preact/compat';
 
 // Returns a component that renders one of the given icon components based on theme

package/es/hoc/UNSAFE_withThemeProps.js

@@ -3,11 +3,11 @@ export { w as withThemeProps } from '../withThemeProps-6545df54.js';
 import 'preact/jsx-runtime';
 import 'preact';
 import 'preact/compat';
-import '../LayerHost-7a2149f5.js';
+import '../LayerHost-15b42a3e.js';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
-import '../EnvironmentProvider-a3819bde.js';
+import '../EnvironmentProvider-0fc2fd0c.js';
 import 'preact/hooks';
-import '../LayerManager-be34be40.js';
+import '../LayerManager-af39e736.js';
 import '../Theme-e6dec6db.js';
 //# sourceMappingURL=UNSAFE_withThemeProps.js.map

package/es/hooks/PRIVATE_useChartContextMenu.js

@@ -3,26 +3,26 @@ export { u as useChartContextMenu } from '../useChartContextMenu-8c49f584.js';
 import '../useContextMenu-12845847.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
-import '../Menu-e44a3e0b.js';
+import '../Menu-b5deea24.js';
 import 'preact/compat';
-import '../Floating-aebc0f85.js';
-import '../useFloating-c9278755.js';
-import '../useUser-bca8cf2d.js';
-import '../LayerHost-7a2149f5.js';
-import 'preact';
+import '../Floating-f9bbd276.js';
+import '../useFloating-d60cc8b4.js';
+import '../useUser-a15426fc.js';
+import '../LayerHost-15b42a3e.js';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
+import 'preact';
 import '../positionUtils-1ec41fd0.js';
 import '../refUtils-b9d8d91a.js';
-import '../useOutsideClick-388c62bd.js';
+import '../useOutsideClick-725542a2.js';
 import '../arrayUtils-35a58161.js';
-import '../Layer-915d986a.js';
+import '../Layer-71fc666f.js';
 import '../classNames-4e12b00d.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
-import '../useThemeInterpolations-4f6cc83c.js';
-import '../useColorScheme-f69d53b5.js';
-import '../useScale-3b323ab2.js';
+import '../useThemeInterpolations-41ac870d.js';
+import '../useColorScheme-d8a80e2b.js';
+import '../useScale-c86ecc6e.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -68,15 +68,15 @@ import '../UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js';
 import './../MenuItemVariants.styles.css';
 import '../UNSAFE_Menu/themes/MenuStyles.css.js';
 import './../MenuStyles.styles.css';
-import '../useTestId-af32a9eb.js';
+import '../useTestId-3bc3958c.js';
 import '../UNSAFE_Menu/themes/DropdownMenuStyles.css.js';
 import './../DropdownMenuStyles.styles.css';
 import '../useOutsideMousedown-7307de8b.js';
-import '../Sheet-34f3bcb4.js';
-import '../Modal-862b8167.js';
+import '../Sheet-f7117b12.js';
+import '../Modal-3fd86d5a.js';
 import '../UNSAFE_Modal/themes/ModalStyles.css.js';
 import './../ModalStyles.styles.css';
-import '../WindowOverlay-de5d0819.js';
+import '../WindowOverlay-9b43e658.js';
 import '../UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './../WindowOverlayStyles.styles.css';
 import '../UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -100,9 +100,9 @@ import './../TooltipContentStyles.styles.css';
 import './UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './../TooltipContentVariants.styles.css';
-import '../tooltipUtils-06c93436.js';
-import '../EnvironmentProvider-a3819bde.js';
-import '../LayerManager-be34be40.js';
+import '../tooltipUtils-1131b3ca.js';
+import '../EnvironmentProvider-0fc2fd0c.js';
+import '../LayerManager-af39e736.js';
 import './../IconStyle.styles.css';
 import '../SelectMenuGroupContext-b56cf5d4.js';
 import '../UNSAFE_Separator/themes/SeparatorStyles.css.js';

package/es/hooks/PRIVATE_useChartDatatip.js

@@ -1,20 +1,20 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useChartDatatip } from '../useChartDatatip-82dba484.js';
-import '../useDatatip-01d7ddeb.js';
+export { u as useChartDatatip } from '../useChartDatatip-25f6bc69.js';
+import '../useDatatip-73566627.js';
 import 'preact/jsx-runtime';
-import '../Layer-915d986a.js';
+import '../Layer-71fc666f.js';
 import 'preact/compat';
-import '../LayerHost-7a2149f5.js';
-import 'preact';
+import '../LayerHost-15b42a3e.js';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
+import 'preact';
 import '../classNames-4e12b00d.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
-import '../useThemeInterpolations-4f6cc83c.js';
-import '../useColorScheme-f69d53b5.js';
+import '../useThemeInterpolations-41ac870d.js';
+import '../useColorScheme-d8a80e2b.js';
 import 'preact/hooks';
-import '../useScale-3b323ab2.js';
+import '../useScale-c86ecc6e.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -23,12 +23,12 @@ import '../_curry3-0b4222d7.js';
 import '../_curry1-25297e59.js';
 import '../_curry2-34316bcf.js';
 import '../_isObject-1fab0f5b.js';
-import '../Floating-aebc0f85.js';
-import '../useFloating-c9278755.js';
-import '../useUser-bca8cf2d.js';
+import '../Floating-f9bbd276.js';
+import '../useFloating-d60cc8b4.js';
+import '../useUser-a15426fc.js';
 import '../positionUtils-1ec41fd0.js';
 import '../refUtils-b9d8d91a.js';
-import '../useOutsideClick-388c62bd.js';
+import '../useOutsideClick-725542a2.js';
 import '../arrayUtils-35a58161.js';
 import '../useComponentTheme-d2f9e47f.js';
 import '../logger-c92f309c.js';
@@ -52,7 +52,7 @@ import '../clientHints-c76a913b.js';
 import '../useVisHover-d7a0b2f3.js';
 import '../mergeProps-88ea8306.js';
 import '../util-c1d41418.js';
-import '../VisTabularDatatip-6aa607bb.js';
+import '../VisTabularDatatip-2ae7ee48.js';
 import '../PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js';
 import './../VisTabularDatatipStyles.styles.css';
 import '../colorUtils-c462ff3b.js';

package/es/hooks/PRIVATE_useChartEvents.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useChartDatatipAndCursor, a as useSelectDrill } from '../useSelectDrill-8b53d932.js';
+export { u as useChartDatatipAndCursor, a as useSelectDrill } from '../useSelectDrill-fbe57d95.js';
 import '../mergeProps-88ea8306.js';
 import '../useChartDataCursor-c8949340.js';
 import 'preact/jsx-runtime';
@@ -13,19 +13,19 @@ import '../utils-d65cb4fb.js';
 import '../colorUtils-16eb823f.js';
 import '../_curry1-25297e59.js';
 import '../useVisHover-d7a0b2f3.js';
-import '../useChartDatatip-82dba484.js';
-import '../useDatatip-01d7ddeb.js';
-import '../Layer-915d986a.js';
+import '../useChartDatatip-25f6bc69.js';
+import '../useDatatip-73566627.js';
+import '../Layer-71fc666f.js';
 import 'preact/compat';
-import '../LayerHost-7a2149f5.js';
-import 'preact';
+import '../LayerHost-15b42a3e.js';
 import '../Common/themes/redwood/theme.js';
+import 'preact';
 import '../classNames-4e12b00d.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
-import '../useThemeInterpolations-4f6cc83c.js';
-import '../useColorScheme-f69d53b5.js';
-import '../useScale-3b323ab2.js';
+import '../useThemeInterpolations-41ac870d.js';
+import '../useColorScheme-d8a80e2b.js';
+import '../useScale-c86ecc6e.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -33,12 +33,12 @@ import '../mergeDeepWithKey-08531060.js';
 import '../_curry3-0b4222d7.js';
 import '../_curry2-34316bcf.js';
 import '../_isObject-1fab0f5b.js';
-import '../Floating-aebc0f85.js';
-import '../useFloating-c9278755.js';
-import '../useUser-bca8cf2d.js';
+import '../Floating-f9bbd276.js';
+import '../useFloating-d60cc8b4.js';
+import '../useUser-a15426fc.js';
 import '../positionUtils-1ec41fd0.js';
 import '../refUtils-b9d8d91a.js';
-import '../useOutsideClick-388c62bd.js';
+import '../useOutsideClick-725542a2.js';
 import '../arrayUtils-35a58161.js';
 import '../useComponentTheme-d2f9e47f.js';
 import '../logger-c92f309c.js';
@@ -58,7 +58,7 @@ import '../datatipUtils-5cb22909.js';
 import '../clientUtils-c580ab1f.js';
 import '../clientHints-c76a913b.js';
 import '../util-c1d41418.js';
-import '../VisTabularDatatip-6aa607bb.js';
+import '../VisTabularDatatip-2ae7ee48.js';
 import '../PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js';
 import './../VisTabularDatatipStyles.styles.css';
 import '../colorUtils-c462ff3b.js';
@@ -67,7 +67,7 @@ import '../eventsUtils-d544e874.js';
 import '../useChartDrill-e20d7ae5.js';
 import '../useVisDrill-4a6dcb23.js';
 import '../useDoubleTap-4e290707.js';
-import '../useSelection-b7c3e75e.js';
+import '../useSelection-dfbd140d.js';
 import '../BaseButton-5a3335d9.js';
 import '../usePress-97fc1cf1.js';
 import '../useHover-19340c22.js';
@@ -82,11 +82,11 @@ import '../UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './../BaseButtonStyles.styles.css';
 import '../UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './../UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import '../useTestId-af32a9eb.js';
+import '../useTestId-3bc3958c.js';
 import '../Text-da8588ce.js';
 import '../UNSAFE_Text/themes/TextStyles.css.js';
 import './../TextStyles.styles.css';
-import '../useTranslationBundle-6da03e52.js';
+import '../useTranslationBundle-98df6291.js';
 import './PRIVATE_useVisSelection/themes/ClearSelection.css.js';
 import './../ClearSelection.styles.css';
 //# sourceMappingURL=PRIVATE_useChartEvents.js.map