@oracle/oraclejet-preact 17.0.6 → 17.0.7

package/cjs/UNSAFE_VisProgressiveLoader.js

@@ -3,23 +3,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VisProgressiveLoader = require('./VisProgressiveLoader-ad546cec.js');
+var VisProgressiveLoader = require('./VisProgressiveLoader-2cf7074b.js');
 require('preact/jsx-runtime');
 require('./useLoadingIndicatorTimer-128b4b14.js');
 require('./useTimer-fa00fb49.js');
 require('preact/hooks');
-require('./LiveRegion-1315adeb.js');
+require('./LiveRegion-fcb0bb37.js');
 
-require('./useTestId-8234ec1e.js');
-require('./LayerHost-46e4d858.js');
-require('preact');
+require('./useTestId-71c3de70.js');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
+require('preact');
 require('preact/compat');
 require('./HiddenAccessible-087eb49a.js');
 
 require('./useId-6c0eeb27.js');
-require('./useTranslationBundle-9da032d6.js');
+require('./useTranslationBundle-7fcd8bd5.js');
 require('./UNSAFE_VisProgressiveLoader/themes/ProgressiveLoaderStyles.css.js');
 
 require('./classNames-c14c6ef3.js');

package/cjs/UNSAFE_VisStatusMessage.js

@@ -3,16 +3,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VisNoData = require('./VisNoData-9afdc618.js');
+var VisNoData = require('./VisNoData-b3159e5a.js');
 require('preact/jsx-runtime');
 require('./UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css.js');
 
-require('./Flex-fbba4ad6.js');
-require('./useTestId-8234ec1e.js');
-require('./LayerHost-46e4d858.js');
-require('preact');
+require('./Flex-6529d995.js');
+require('./useTestId-71c3de70.js');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
+require('preact');
 require('preact/compat');
 require('preact/hooks');
 require('./classNames-c14c6ef3.js');
@@ -35,7 +35,7 @@ require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
 
-require('./useTranslationBundle-9da032d6.js');
+require('./useTranslationBundle-7fcd8bd5.js');
 require('./layoutUtils-56b6111c.js');
 
 

package/cjs/UNSAFE_WindowOverlay.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var WindowOverlay = require('./WindowOverlay-d255542f.js');
+var WindowOverlay = require('./WindowOverlay-bb51c0ee.js');
 require('preact/jsx-runtime');
 require('./mergeInterpolations-6727b536.js');
 require('./classNames-c14c6ef3.js');
@@ -16,12 +16,12 @@ require('./vanilla-extract-dynamic.esm-d5dffce7.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
-require('./useUser-a6d15333.js');
+require('./useUser-c8e9a94a.js');
 require('preact/hooks');
-require('./LayerHost-46e4d858.js');
-require('preact');
+require('./LayerHost-a6007465.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
+require('preact');
 require('preact/compat');
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');

package/cjs/{View-011404a7.js → View-8f49d970.js}

@@ -12,11 +12,11 @@ var padding = require('./padding-b9ee87ac.js');
 var aria = require('./aria-889aedd0.js');
 var theme = require('./theme-dfd6a9fe.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-require('./LayerHost-46e4d858.js');
-var EnvironmentProvider = require('./EnvironmentProvider-42b2b998.js');
+require('./LayerHost-a6007465.js');
+var EnvironmentProvider = require('./EnvironmentProvider-e5a93f24.js');
 var Common_themes_themeContract_css = require('./Common/themes/themeContract.css.js');
-var useDensity = require('./useDensity-6e80ddff.js');
-var useTestId = require('./useTestId-8234ec1e.js');
+var useDensity = require('./useDensity-edb16927.js');
+var useTestId = require('./useTestId-71c3de70.js');
 var _curry1 = require('./_curry1-e8f0d7ea.js');
 var equals = require('./equals-098f7781.js');
 var _isArray = require('./_isArray-73160ad5.js');
@@ -167,4 +167,4 @@ const View = compat.forwardRef(({ as, children, colorScheme, color, backgroundCo
 
 exports.View = View;
 exports.elementTypes = elementTypes;
-//# sourceMappingURL=View-011404a7.js.map
+//# sourceMappingURL=View-8f49d970.js.map

package/cjs/{View-011404a7.js.map → View-8f49d970.js.map}

@@ -1 +1 @@
-{"version":3,"file":"View-011404a7.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 { 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 '../Common/themes/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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"}
+{"version":3,"file":"View-8f49d970.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 { 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 '../Common/themes/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":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,GAAG,EAAE;AAC3C,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjD,EAAE,OAAO,IAAI,KAAK,4BAA4B,IAAI,IAAI,KAAK,oBAAoB,IAAI,IAAI,KAAK,qBAAqB,IAAI,IAAI,KAAK,qBAAqB,IAAI,IAAI,KAAK,sBAAsB,IAAI,IAAI,KAAK,qBAAqB,IAAI,IAAI,KAAK,sBAAsB,IAAI,IAAI,KAAK,uBAAuB,IAAI,IAAI,KAAK,uBAAuB,IAAI,IAAI,KAAK,wBAAwB,IAAI,IAAI,KAAK,yBAAyB,CAAC;AAC/Y;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,KAAK;AACT;AACAA,eAAO,CAAC,SAAS,KAAK,CAAC,CAAC,EAAE;AAC1B,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,oBAAoB,CAAC,KAAK,UAAU,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,WAAW,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,KAAK,UAAU,GAAG,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,WAAW,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,KAAK,UAAU,GAAG,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,GAAGC,iBAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAGC,mBAAS,CAAC,CAAC,CAAC,GAAG,EAAE,GAAGC,mBAAS,CAAC,CAAC,CAAC,GAAG,EAAE,GAAGC,mBAAY,CAAC,CAAC,CAAC,GAAG,YAAY;AACxe,IAAI,OAAO,SAAS,CAAC;AACrB,GAAG,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;AAC1D,GAAG;AACH,CAAC,CAAC;;ACpCF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,OAAO;AACX;AACAJ,eAAO,CAAC,SAAS,OAAO,CAAC,CAAC,EAAE;AAC5B,EAAE,OAAO,CAAC,IAAI,IAAI,IAAIK,aAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC,CAAC;AACH;AACA,gBAAe,OAAO;;ACEtB,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAW;AAmB7E,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,4BAAoB,CAAC;AACtC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,kCAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,+BAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,0BAAmB,CAAC;AACrC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,6BAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,uBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,yBAAmB,CAAC;CACtC,CAAC;AAEF,MAAM,oBAAoB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAKxE,MAAM,IAAI,GAAGC,iBAAU,CACrB,CACE,EACE,EAAE,EACF,QAAQ,EACR,WAAW,EACX,KAAK,EACL,eAAe,EACf,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF;;;;;AAKG;AACH,IAAA,MAAM,YAAY,GAAGC,qBAAU,EAAE,CAAC;AAClC,IAAA,MAAM,OAAO,GAAG,WAAW,KAAK,KAAK,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;AAClE,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,EACJ,KAAK,EAAE,SAAS,EAChB,cAAc,EACd,SAAS,EACT,GAAG,MAAM,EACV,GAAG,oBAAoB,CAAC;QACvB,WAAW;QACX,KAAK;QACL,OAAO;QACP,eAAe;QACf,KAAK;AACL,QAAA,GAAG,IAAI;AACR,KAAA,CAAC,CAAC;;AAEH,IAAA,MAAM,GAAG,GAA4B;AACnC,QAAA,IAAI,WAAW,IAAI,EAAE,WAAW,EAAE,CAAC;AACnC,QAAA,IAAI,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;AACvB,QAAA,IAAI,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC;QAC3B,IAAI,eAAe,IAAI,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;KAC5D,CAAC;AACF,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,GAAG,WAAW;QACd,CAAC,YAAY,GAAG,SAAS;QACzB,CAAC,iBAAiB,GAAG,cAAc;QACnC,QAAQ;QACR,SAAS;AACT,QAAA,GAAG,EAAE,GAAc;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,GAAG,MAAM;AACT,YAAA,IAAI,eAAe;AACjB,gBAAAC,0CAAgB,CAAC;oBACf,CAACC,0CAAU,CAAC,sBAAsB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC/D,iBAAA,CAAC,CAAC;;AAEL,YAAA,SAAS,EAAE,YAAY;AACxB,SAAA;KACF,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;AAC9B,IAAA,OAAOC,SAAO,CAAC,GAAG,CAAC,IACjBC,cAAA,CAAC,SAAS,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,KAExBA,cAAC,CAAAC,uCAAmB,EAAC,EAAA,WAAW,EAAE,GAAG,EAAA,QAAA,EACnCD,cAAC,CAAA,SAAS,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,EAAA,CACJ,CACvB,CAAC;AACJ,CAAC;;;;;"}

package/cjs/{VirtualizedCollection-00aedb8b.js → VirtualizedCollection-9e8c48b9.js}

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Collection = require('./Collection-9880039f.js');
 var useViewportIntersect = require('./useViewportIntersect-ca1f958b.js');
+var Collection = require('./Collection-9880039f.js');
 
 const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';
 const DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item
@@ -177,4 +177,4 @@ function VirtualizedCollection({ data, children, viewportConfig, itemSelector, p
 exports.PLACEHOLDER_STYLE_CLASS = PLACEHOLDER_STYLE_CLASS;
 exports.VirtualizedCollection = VirtualizedCollection;
 exports.getVirtualizedRangeExtractor = getVirtualizedRangeExtractor;
-//# sourceMappingURL=VirtualizedCollection-00aedb8b.js.map
+//# sourceMappingURL=VirtualizedCollection-9e8c48b9.js.map

package/cjs/{VirtualizedCollection-00aedb8b.js.map → VirtualizedCollection-9e8c48b9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedCollection-00aedb8b.js","sources":["../../src/PRIVATE_VirtualizedCollection/Placeholder.tsx","../../src/PRIVATE_VirtualizedCollection/VirtualizedCollection.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 { JSX } from 'preact';\n\nexport const placeholderTypes = ['topPlaceholder', 'bottomPlaceholder'] as const;\n/**\n * Type of placeholder (top which is before the data content and bottom which is after the data content)\n */\nexport type PlaceholderType = (typeof placeholderTypes)[number];\n\n/**\n * Context object which is pass to the placeholderHeight function callback\n */\nexport type PlaceholderContext = {\n  fromIndex: number;\n  toIndex: number;\n  estimateItemSize: number;\n  which: PlaceholderType;\n};\n\nexport const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';\n\nconst DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item\nconst TOP_PLACEHOLDER_KEY = '_topPlaceholder';\nconst BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';\n\ntype Props = {\n  context: PlaceholderContext;\n  placeholderHeight?: (context: PlaceholderContext) => number;\n};\n\n/**\n * A component that renders placeholder which is used internally by VirtualizeViewportCollection\n */\nexport const Placeholder = ({ context, placeholderHeight }: Props) => {\n  const { fromIndex, toIndex, which, estimateItemSize } = context;\n  let totalHeight = 0;\n  if (placeholderHeight) {\n    totalHeight = placeholderHeight(context);\n  } else {\n    const placeholderUnitHeight =\n      estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;\n    totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;\n  }\n\n  const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;\n  const style: JSX.CSSProperties = { height: totalHeight + 'px' };\n  if (totalHeight === 0) {\n    style.display = 'none';\n  }\n  return <div key={key} className={PLACEHOLDER_STYLE_CLASS} style={style}></div>;\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 { RefObject, ComponentChildren } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata, ViewportInfo } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Placeholder,\n  PlaceholderContext,\n  PlaceholderType,\n  PLACEHOLDER_STYLE_CLASS\n} from './Placeholder';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Callback to calculate placeholder height\n   */\n  placeholderHeight?: (context: PlaceholderContext) => number;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * The selector string to identify the children items\n   */\n  itemSelector: string;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * The number of additional items to render before and after the current viewport.  This is\n   * mainly used for performance tuning.  Increase the overscan will result in less frequent\n   * rendering when scroll but at the same time each render will take longer depending on the\n   * item content.\n   */\n  overscan?: number;\n\n  /**\n   * Optionally provide a custom callback to return the range to render based on viewport info\n   */\n  rangeExtractor?: (info: ViewportInfo) => Range;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\n/**\n * A function that returns the default range extractor\n * @param fetchSize\n */\nexport function getVirtualizedRangeExtractor(fetchSize: number) {\n  return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }: ViewportInfo): Range {\n    // if any of these is missing then return default initial range\n    if (\n      itemSize === undefined ||\n      itemSize === 0 ||\n      viewportHeight === undefined ||\n      scrollOffset === undefined\n    ) {\n      return { offset: 0, count: fetchSize };\n    }\n    const offset = Math.ceil(scrollOffset / itemSize);\n    const count = Math.ceil(viewportHeight / itemSize);\n    return {\n      offset: Math.max(0, offset - overscan),\n      count: count + overscan * (offset > 0 ? 2 : 1)\n    };\n  };\n}\n\n/**\n * Helper function to find the top and bottom of an element relative to the viewport\n * @param elem\n */\nconst getElementTopBottom = (elem: HTMLElement): { top: number; bottom: number } => {\n  let top;\n  let bottom;\n  if (elem === document.documentElement) {\n    top = 0;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const scrollerBounds = elem.getBoundingClientRect();\n    top = scrollerBounds.top;\n    bottom = scrollerBounds.bottom;\n  }\n  return { top, bottom };\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\n\n/**\n * Returns the range for the current viewport\n */\nconst getViewportRange = (\n  scroller: HTMLElement | null,\n  root: HTMLElement,\n  overscan: number,\n  rangeExtractor: (info: ViewportInfo) => Range,\n  estimateItemSize: number\n) => {\n  let scrollOffset;\n  let viewportHeight;\n\n  if (scroller && root) {\n    const rootRect = root.getBoundingClientRect();\n    const viewportRect = getElementTopBottom(scroller);\n    if (rootRect && viewportRect) {\n      scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;\n      viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;\n    }\n  }\n\n  if (scrollOffset !== undefined && viewportHeight !== undefined) {\n    // figure out what the new range should be\n    const range = rangeExtractor({\n      scrollOffset,\n      viewportHeight,\n      overscan: overscan,\n      itemSize: estimateItemSize\n    });\n\n    return range;\n  }\n  return null;\n};\n\nconst DEFAULT_OVERSCAN = 1;\nconst DEFAULT_END_INDEX = 25; // match default fetch size\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;\nconst DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function VirtualizedCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  itemSelector,\n  placeholderHeight,\n  rangeExtractor = DEFAULT_RANGE_EXTRACTOR,\n  overscan = DEFAULT_OVERSCAN,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const estimateItemSizeRef: RefObject<number> = useRef(0);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    DEFAULT_MARGIN,\n    0,\n    LOAD_MORE_AND_PLACEHOLDER_SELECTOR,\n    () => {\n      const range = getViewportRange(\n        viewportConfig.scroller(),\n        rootRef.current,\n        overscan,\n        rangeExtractor,\n        estimateItemSizeRef.current ?? 0\n      );\n      if (range) {\n        onLoadRange(range);\n      }\n    }\n  );\n\n  // calculate average item height.  For now, we'll just do this once, but we can\n  // do a rolling average where we'll adjust on every render.\n  useEffect(() => {\n    if (estimateItemSizeRef.current === 0) {\n      let totalHeight = 0;\n      const nodes = rootRef.current.querySelectorAll(itemSelector);\n      if (nodes.length > 0) {\n        nodes.forEach((item: HTMLElement) => {\n          totalHeight += item.offsetHeight;\n        });\n        estimateItemSizeRef.current = totalHeight / nodes.length;\n      }\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const rangeData = data.data;\n  const offset = data.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = data.totalSize;\n  const topPlaceholderContext =\n    offset >= 0\n      ? {\n          fromIndex: 0,\n          toIndex: offset,\n          which: 'topPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n  const bottomPlaceholderContext =\n    endIndex && endIndex <= itemCount\n      ? {\n          fromIndex: endIndex,\n          toIndex: itemCount,\n          which: 'bottomPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n\n  const renderLoadMore =\n    loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef} style=\"will-change: contents\">\n      {suggestions}\n      {topPlaceholderContext && (\n        <Placeholder\n          context={topPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {bottomPlaceholderContext && (\n        <Placeholder\n          context={bottomPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      {renderLoadMore && loadMoreIndicator}\n    </div>\n  );\n}\n"],"names":["_jsx","useRef","useViewportIntersect","useEffect","_jsxs","Collection"],"mappings":"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"}
+{"version":3,"file":"VirtualizedCollection-9e8c48b9.js","sources":["../../src/PRIVATE_VirtualizedCollection/Placeholder.tsx","../../src/PRIVATE_VirtualizedCollection/VirtualizedCollection.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 { JSX } from 'preact';\n\nexport const placeholderTypes = ['topPlaceholder', 'bottomPlaceholder'] as const;\n/**\n * Type of placeholder (top which is before the data content and bottom which is after the data content)\n */\nexport type PlaceholderType = (typeof placeholderTypes)[number];\n\n/**\n * Context object which is pass to the placeholderHeight function callback\n */\nexport type PlaceholderContext = {\n  fromIndex: number;\n  toIndex: number;\n  estimateItemSize: number;\n  which: PlaceholderType;\n};\n\nexport const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';\n\nconst DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item\nconst TOP_PLACEHOLDER_KEY = '_topPlaceholder';\nconst BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';\n\ntype Props = {\n  context: PlaceholderContext;\n  placeholderHeight?: (context: PlaceholderContext) => number;\n};\n\n/**\n * A component that renders placeholder which is used internally by VirtualizeViewportCollection\n */\nexport const Placeholder = ({ context, placeholderHeight }: Props) => {\n  const { fromIndex, toIndex, which, estimateItemSize } = context;\n  let totalHeight = 0;\n  if (placeholderHeight) {\n    totalHeight = placeholderHeight(context);\n  } else {\n    const placeholderUnitHeight =\n      estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;\n    totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;\n  }\n\n  const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;\n  const style: JSX.CSSProperties = { height: totalHeight + 'px' };\n  if (totalHeight === 0) {\n    style.display = 'none';\n  }\n  return <div key={key} className={PLACEHOLDER_STYLE_CLASS} style={style}></div>;\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 { RefObject, ComponentChildren } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata, ViewportInfo } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Placeholder,\n  PlaceholderContext,\n  PlaceholderType,\n  PLACEHOLDER_STYLE_CLASS\n} from './Placeholder';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Callback to calculate placeholder height\n   */\n  placeholderHeight?: (context: PlaceholderContext) => number;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * The selector string to identify the children items\n   */\n  itemSelector: string;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * The number of additional items to render before and after the current viewport.  This is\n   * mainly used for performance tuning.  Increase the overscan will result in less frequent\n   * rendering when scroll but at the same time each render will take longer depending on the\n   * item content.\n   */\n  overscan?: number;\n\n  /**\n   * Optionally provide a custom callback to return the range to render based on viewport info\n   */\n  rangeExtractor?: (info: ViewportInfo) => Range;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\n/**\n * A function that returns the default range extractor\n * @param fetchSize\n */\nexport function getVirtualizedRangeExtractor(fetchSize: number) {\n  return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }: ViewportInfo): Range {\n    // if any of these is missing then return default initial range\n    if (\n      itemSize === undefined ||\n      itemSize === 0 ||\n      viewportHeight === undefined ||\n      scrollOffset === undefined\n    ) {\n      return { offset: 0, count: fetchSize };\n    }\n    const offset = Math.ceil(scrollOffset / itemSize);\n    const count = Math.ceil(viewportHeight / itemSize);\n    return {\n      offset: Math.max(0, offset - overscan),\n      count: count + overscan * (offset > 0 ? 2 : 1)\n    };\n  };\n}\n\n/**\n * Helper function to find the top and bottom of an element relative to the viewport\n * @param elem\n */\nconst getElementTopBottom = (elem: HTMLElement): { top: number; bottom: number } => {\n  let top;\n  let bottom;\n  if (elem === document.documentElement) {\n    top = 0;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const scrollerBounds = elem.getBoundingClientRect();\n    top = scrollerBounds.top;\n    bottom = scrollerBounds.bottom;\n  }\n  return { top, bottom };\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\n\n/**\n * Returns the range for the current viewport\n */\nconst getViewportRange = (\n  scroller: HTMLElement | null,\n  root: HTMLElement,\n  overscan: number,\n  rangeExtractor: (info: ViewportInfo) => Range,\n  estimateItemSize: number\n) => {\n  let scrollOffset;\n  let viewportHeight;\n\n  if (scroller && root) {\n    const rootRect = root.getBoundingClientRect();\n    const viewportRect = getElementTopBottom(scroller);\n    if (rootRect && viewportRect) {\n      scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;\n      viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;\n    }\n  }\n\n  if (scrollOffset !== undefined && viewportHeight !== undefined) {\n    // figure out what the new range should be\n    const range = rangeExtractor({\n      scrollOffset,\n      viewportHeight,\n      overscan: overscan,\n      itemSize: estimateItemSize\n    });\n\n    return range;\n  }\n  return null;\n};\n\nconst DEFAULT_OVERSCAN = 1;\nconst DEFAULT_END_INDEX = 25; // match default fetch size\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;\nconst DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function VirtualizedCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  itemSelector,\n  placeholderHeight,\n  rangeExtractor = DEFAULT_RANGE_EXTRACTOR,\n  overscan = DEFAULT_OVERSCAN,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const estimateItemSizeRef: RefObject<number> = useRef(0);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    DEFAULT_MARGIN,\n    0,\n    LOAD_MORE_AND_PLACEHOLDER_SELECTOR,\n    () => {\n      const range = getViewportRange(\n        viewportConfig.scroller(),\n        rootRef.current,\n        overscan,\n        rangeExtractor,\n        estimateItemSizeRef.current ?? 0\n      );\n      if (range) {\n        onLoadRange(range);\n      }\n    }\n  );\n\n  // calculate average item height.  For now, we'll just do this once, but we can\n  // do a rolling average where we'll adjust on every render.\n  useEffect(() => {\n    if (estimateItemSizeRef.current === 0) {\n      let totalHeight = 0;\n      const nodes = rootRef.current.querySelectorAll(itemSelector);\n      if (nodes.length > 0) {\n        nodes.forEach((item: HTMLElement) => {\n          totalHeight += item.offsetHeight;\n        });\n        estimateItemSizeRef.current = totalHeight / nodes.length;\n      }\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const rangeData = data.data;\n  const offset = data.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = data.totalSize;\n  const topPlaceholderContext =\n    offset >= 0\n      ? {\n          fromIndex: 0,\n          toIndex: offset,\n          which: 'topPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n  const bottomPlaceholderContext =\n    endIndex && endIndex <= itemCount\n      ? {\n          fromIndex: endIndex,\n          toIndex: itemCount,\n          which: 'bottomPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n\n  const renderLoadMore =\n    loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef} style=\"will-change: contents\">\n      {suggestions}\n      {topPlaceholderContext && (\n        <Placeholder\n          context={topPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {bottomPlaceholderContext && (\n        <Placeholder\n          context={bottomPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      {renderLoadMore && loadMoreIndicator}\n    </div>\n  );\n}\n"],"names":["_jsx","useRef","useViewportIntersect","useEffect","_jsxs","Collection"],"mappings":"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"}

package/cjs/{VirtualizedListView-a07fe73b.js → VirtualizedListView-b4147305.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var List = require('./List-bd9ecebb.js');
+var List = require('./List-8802ce35.js');
 
 /**
  * Component that renders items as a flat list.
@@ -13,4 +13,4 @@ function VirtualizedListView(props) {
 }
 
 exports.VirtualizedListView = VirtualizedListView;
-//# sourceMappingURL=VirtualizedListView-a07fe73b.js.map
+//# sourceMappingURL=VirtualizedListView-b4147305.js.map

package/cjs/{VirtualizedListView-a07fe73b.js.map → VirtualizedListView-b4147305.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedListView-a07fe73b.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentKey'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return (\n    <List isVirtualized={true} {...props}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["_jsx","List"],"mappings":";;;;;;AA+BA;;;AAGG;AAEG,SAAU,mBAAmB,CAA+B,KAAkB,EAAA;AAClF,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EAAC,aAAa,EAAE,IAAI,EAAM,GAAA,KAAK,YACjC,KAAK,CAAC,QAAQ,EAAA,CACV,EACP;AACJ;;;;"}
+{"version":3,"file":"VirtualizedListView-b4147305.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentKey'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return (\n    <List isVirtualized={true} {...props}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["_jsx","List"],"mappings":";;;;;;AA+BA;;;AAGG;AAEG,SAAU,mBAAmB,CAA+B,KAAkB,EAAA;AAClF,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EAAC,aAAa,EAAE,IAAI,EAAM,GAAA,KAAK,YACjC,KAAK,CAAC,QAAQ,EAAA,CACV,EACP;AACJ;;;;"}

package/cjs/{VisNoData-9afdc618.js → VisNoData-b3159e5a.js}

@@ -3,9 +3,9 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var UNSAFE_VisStatusMessage_themes_VisStatusMessageStyles_css = require('./UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var layoutUtils = require('./layoutUtils-56b6111c.js');
 
 function VisStatusMessage({ children, ...otherProps }) {
@@ -32,4 +32,4 @@ const getAriaLabelledBy = (props) => {
 
 exports.VisNoData = VisNoData;
 exports.VisStatusMessage = VisStatusMessage;
-//# sourceMappingURL=VisNoData-9afdc618.js.map
+//# sourceMappingURL=VisNoData-b3159e5a.js.map

package/cjs/{VisNoData-9afdc618.js.map → VisNoData-b3159e5a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VisNoData-9afdc618.js","sources":["../../src/UNSAFE_VisStatusMessage/VisStatusMessage.tsx","../../src/UNSAFE_VisStatusMessage/VisNoData.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { baseStyles, userSelectStyles } from './themes/VisStatusMessageStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nexport type Props = {\n  /**\n   * The children to put in the grid.\n   */\n  children: ComponentChildren;\n  isSelectable?: false;\n  id?: string;\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n  'aria-describedby'?: HTMLAttributesSignalExcluded['aria-describedby'];\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n};\n\nexport function VisStatusMessage({ children, ...otherProps }: Props) {\n  const itemClasses = classNames([otherProps.isSelectable ? '' : userSelectStyles, baseStyles]);\n\n  return (\n    <div\n      class={itemClasses}\n      tabIndex={0}\n      role=\"application\"\n      id={otherProps.id}\n      aria-label={otherProps['aria-label']}\n      aria-describedby={otherProps['aria-describedby']}\n      aria-labelledby={otherProps['aria-labelledby']}>\n      <Flex width=\"100%\" height=\"100%\" justify=\"center\" align=\"center\">\n        {children}\n      </Flex>\n    </div>\n  );\n}\n","import { VisStatusMessage } from './VisStatusMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { getRandomId } from '../utils/PRIVATE_visLayoutUtils/layoutUtils';\n\ntype Props = {\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n  'aria-describedby'?: HTMLAttributesSignalExcluded['aria-describedby'];\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n};\n\nexport function VisNoData(props: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const noDataMsg = translations.vis_noData();\n  const textId = getRandomId();\n  const { ariaLabelledBy, id } = getAriaLabelledBy({\n    ariaLabel: props['aria-label'],\n    ariaLabelledby: props['aria-labelledby'],\n    textId\n  });\n  return (\n    <VisStatusMessage\n      id={id}\n      aria-label={props['aria-label']}\n      aria-describedby={props['aria-describedby']}\n      aria-labelledby={ariaLabelledBy}>\n      <span id={textId}>{noDataMsg}</span>\n    </VisStatusMessage>\n  );\n}\n\nconst getAriaLabelledBy = (props: {\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  textId: string;\n}): { ariaLabelledBy: string; id?: string } => {\n  const id = props.ariaLabel ? getRandomId() : undefined;\n  const ariaLabelledBy = `${props.ariaLabelledby ?? ''} ${id ?? ''} ${props.textId}`.trim();\n  return { ariaLabelledBy, id };\n};\n"],"names":["classNames","userSelectStyles","baseStyles","_jsx","Flex","useTranslationBundle","getRandomId"],"mappings":";;;;;;;;;;AAkBM,SAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAS,EAAA;IACjE,MAAM,WAAW,GAAGA,qBAAU,CAAC,CAAC,UAAU,CAAC,YAAY,GAAG,EAAE,GAAGC,0EAAgB,EAAEC,oEAAU,CAAC,CAAC,CAAC;IAE9F,QACEC,cACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,aAAa,EAClB,EAAE,EAAE,UAAU,CAAC,EAAE,EACL,YAAA,EAAA,UAAU,CAAC,YAAY,CAAC,EAAA,kBAAA,EAClB,UAAU,CAAC,kBAAkB,CAAC,qBAC/B,UAAU,CAAC,iBAAiB,CAAC,EAC9C,QAAA,EAAAA,cAAA,CAACC,SAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAC7D,QAAQ,EAAA,CACJ,EACH,CAAA,EACN;AACJ;;ACvBM,SAAU,SAAS,CAAC,KAAY,EAAA;AACpC,IAAA,MAAM,YAAY,GAAGC,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,CAAC;AAC5C,IAAA,MAAM,MAAM,GAAGC,uBAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,iBAAiB,CAAC;AAC/C,QAAA,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;AAC9B,QAAA,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;QACxC,MAAM;AACP,KAAA,CAAC,CAAC;AACH,IAAA,QACEH,cAAA,CAAC,gBAAgB,EAAA,EACf,EAAE,EAAE,EAAE,EAAA,YAAA,EACM,KAAK,CAAC,YAAY,CAAC,EACb,kBAAA,EAAA,KAAK,CAAC,kBAAkB,CAAC,EAAA,iBAAA,EAC1B,cAAc,EAAA,QAAA,EAC/BA,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,MAAM,EAAG,QAAA,EAAA,SAAS,EAAQ,CAAA,EAAA,CACnB,EACnB;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,KAI1B,KAA6C;AAC5C,IAAA,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,GAAGG,uBAAW,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,cAAc,GAAG,CAAG,EAAA,KAAK,CAAC,cAAc,IAAI,EAAE,CAAI,CAAA,EAAA,EAAE,IAAI,EAAE,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;AAC1F,IAAA,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;AAChC,CAAC;;;;;"}
+{"version":3,"file":"VisNoData-b3159e5a.js","sources":["../../src/UNSAFE_VisStatusMessage/VisStatusMessage.tsx","../../src/UNSAFE_VisStatusMessage/VisNoData.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { baseStyles, userSelectStyles } from './themes/VisStatusMessageStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nexport type Props = {\n  /**\n   * The children to put in the grid.\n   */\n  children: ComponentChildren;\n  isSelectable?: false;\n  id?: string;\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n  'aria-describedby'?: HTMLAttributesSignalExcluded['aria-describedby'];\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n};\n\nexport function VisStatusMessage({ children, ...otherProps }: Props) {\n  const itemClasses = classNames([otherProps.isSelectable ? '' : userSelectStyles, baseStyles]);\n\n  return (\n    <div\n      class={itemClasses}\n      tabIndex={0}\n      role=\"application\"\n      id={otherProps.id}\n      aria-label={otherProps['aria-label']}\n      aria-describedby={otherProps['aria-describedby']}\n      aria-labelledby={otherProps['aria-labelledby']}>\n      <Flex width=\"100%\" height=\"100%\" justify=\"center\" align=\"center\">\n        {children}\n      </Flex>\n    </div>\n  );\n}\n","import { VisStatusMessage } from './VisStatusMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { getRandomId } from '../utils/PRIVATE_visLayoutUtils/layoutUtils';\n\ntype Props = {\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n  'aria-describedby'?: HTMLAttributesSignalExcluded['aria-describedby'];\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n};\n\nexport function VisNoData(props: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const noDataMsg = translations.vis_noData();\n  const textId = getRandomId();\n  const { ariaLabelledBy, id } = getAriaLabelledBy({\n    ariaLabel: props['aria-label'],\n    ariaLabelledby: props['aria-labelledby'],\n    textId\n  });\n  return (\n    <VisStatusMessage\n      id={id}\n      aria-label={props['aria-label']}\n      aria-describedby={props['aria-describedby']}\n      aria-labelledby={ariaLabelledBy}>\n      <span id={textId}>{noDataMsg}</span>\n    </VisStatusMessage>\n  );\n}\n\nconst getAriaLabelledBy = (props: {\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  textId: string;\n}): { ariaLabelledBy: string; id?: string } => {\n  const id = props.ariaLabel ? getRandomId() : undefined;\n  const ariaLabelledBy = `${props.ariaLabelledby ?? ''} ${id ?? ''} ${props.textId}`.trim();\n  return { ariaLabelledBy, id };\n};\n"],"names":["classNames","userSelectStyles","baseStyles","_jsx","Flex","useTranslationBundle","getRandomId"],"mappings":";;;;;;;;;;AAkBM,SAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAS,EAAA;IACjE,MAAM,WAAW,GAAGA,qBAAU,CAAC,CAAC,UAAU,CAAC,YAAY,GAAG,EAAE,GAAGC,0EAAgB,EAAEC,oEAAU,CAAC,CAAC,CAAC;IAE9F,QACEC,cACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,aAAa,EAClB,EAAE,EAAE,UAAU,CAAC,EAAE,EACL,YAAA,EAAA,UAAU,CAAC,YAAY,CAAC,EAAA,kBAAA,EAClB,UAAU,CAAC,kBAAkB,CAAC,qBAC/B,UAAU,CAAC,iBAAiB,CAAC,EAC9C,QAAA,EAAAA,cAAA,CAACC,SAAI,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAC7D,QAAQ,EAAA,CACJ,EACH,CAAA,EACN;AACJ;;ACvBM,SAAU,SAAS,CAAC,KAAY,EAAA;AACpC,IAAA,MAAM,YAAY,GAAGC,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,CAAC;AAC5C,IAAA,MAAM,MAAM,GAAGC,uBAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,iBAAiB,CAAC;AAC/C,QAAA,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;AAC9B,QAAA,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;QACxC,MAAM;AACP,KAAA,CAAC,CAAC;AACH,IAAA,QACEH,cAAA,CAAC,gBAAgB,EAAA,EACf,EAAE,EAAE,EAAE,EAAA,YAAA,EACM,KAAK,CAAC,YAAY,CAAC,EACb,kBAAA,EAAA,KAAK,CAAC,kBAAkB,CAAC,EAAA,iBAAA,EAC1B,cAAc,EAAA,QAAA,EAC/BA,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,MAAM,EAAG,QAAA,EAAA,SAAS,EAAQ,CAAA,EAAA,CACnB,EACnB;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,KAI1B,KAA6C;AAC5C,IAAA,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,GAAGG,uBAAW,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,cAAc,GAAG,CAAG,EAAA,KAAK,CAAC,cAAc,IAAI,EAAE,CAAI,CAAA,EAAA,EAAE,IAAI,EAAE,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;AAC1F,IAAA,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;AAChC,CAAC;;;;;"}

package/cjs/{VisProgressiveLoader-ad546cec.js → VisProgressiveLoader-2cf7074b.js}

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var useLoadingIndicatorTimer = require('./useLoadingIndicatorTimer-128b4b14.js');
-var LiveRegion = require('./LiveRegion-1315adeb.js');
+var LiveRegion = require('./LiveRegion-fcb0bb37.js');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 var useId = require('./useId-6c0eeb27.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var UNSAFE_VisProgressiveLoader_themes_ProgressiveLoaderStyles_css = require('./UNSAFE_VisProgressiveLoader/themes/ProgressiveLoaderStyles.css.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var size = require('./size-4e606ce4.js');
@@ -50,4 +50,4 @@ function VisProgressiveLoader({ type, role = 'application', children, ...props }
 }
 
 exports.VisProgressiveLoader = VisProgressiveLoader;
-//# sourceMappingURL=VisProgressiveLoader-ad546cec.js.map
+//# sourceMappingURL=VisProgressiveLoader-2cf7074b.js.map

package/cjs/{VisProgressiveLoader-ad546cec.js.map → VisProgressiveLoader-2cf7074b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VisProgressiveLoader-ad546cec.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":["useLoadingIndicatorTimer","useTranslationBundle","useId","_jsxs","classNames","baseStyles","loadingContainerStyles","sizeToCSS","_jsx","HiddenAccessible","LiveRegion","baseSkeletonContainerStyles","skeletonContainerStyles","Skeleton"],"mappings":"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"}
+{"version":3,"file":"VisProgressiveLoader-2cf7074b.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":["useLoadingIndicatorTimer","useTranslationBundle","useId","_jsxs","classNames","baseStyles","loadingContainerStyles","sizeToCSS","_jsx","HiddenAccessible","LiveRegion","baseSkeletonContainerStyles","skeletonContainerStyles","Skeleton"],"mappings":"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"}

package/cjs/{VisTabularDatatip-3b3341f9.js → VisTabularDatatip-96e5fcf3.js}

@@ -4,7 +4,7 @@
 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-a6d15333.js');
+var useUser = require('./useUser-c8e9a94a.js');
 
 function VisTabularDatatip({ tableData }) {
     const { direction } = useUser.useUser();
@@ -23,4 +23,4 @@ function VisTabularDatatip({ tableData }) {
 }
 
 exports.VisTabularDatatip = VisTabularDatatip;
-//# sourceMappingURL=VisTabularDatatip-3b3341f9.js.map
+//# sourceMappingURL=VisTabularDatatip-96e5fcf3.js.map

package/cjs/{VisTabularDatatip-3b3341f9.js.map → VisTabularDatatip-96e5fcf3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VisTabularDatatip-3b3341f9.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;;;;"}
+{"version":3,"file":"VisTabularDatatip-96e5fcf3.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-d255542f.js → WindowOverlay-bb51c0ee.js}

@@ -7,7 +7,7 @@ var vanillaExtractDynamic_esm = require('./vanilla-extract-dynamic.esm-d5dffce7.
 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-a6d15333.js');
+var useUser = require('./useUser-c8e9a94a.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var UNSAFE_WindowOverlay_themes_redwood_WindowOverlayTheme = require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 
@@ -109,4 +109,4 @@ const WindowOverlay = ({ children, ...props }) => {
 };
 
 exports.WindowOverlay = WindowOverlay;
-//# sourceMappingURL=WindowOverlay-d255542f.js.map
+//# sourceMappingURL=WindowOverlay-bb51c0ee.js.map

package/cjs/{WindowOverlay-d255542f.js.map → WindowOverlay-bb51c0ee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WindowOverlay-d255542f.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":["assignInlineVars","windowOverlayVars","useUser","useComponentTheme","WindowOverlayRedwoodTheme","mergeInterpolations","windowOverlayStyles","classNames","_jsx"],"mappings":"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"}
+{"version":3,"file":"WindowOverlay-bb51c0ee.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":["assignInlineVars","windowOverlayVars","useUser","useComponentTheme","WindowOverlayRedwoodTheme","mergeInterpolations","windowOverlayStyles","classNames","_jsx"],"mappings":"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"}

package/cjs/{YearsGridView-95c9ae3d.js → YearsGridView-6affda7f.js}

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Grid = require('./Grid-03d487e5.js');
+var Grid = require('./Grid-fe4fef40.js');
 var StyledDatePickerButton = require('./StyledDatePickerButton-d6fb1f86.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
-var useUser = require('./useUser-a6d15333.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useUser = require('./useUser-c8e9a94a.js');
 require('./getFormatParse-4a697b8f.js');
 require('./logger-2b636482.js');
 var maskUtils = require('./maskUtils-f03f9c47.js');
@@ -187,4 +187,4 @@ const YearsGridView = ({ currentYear, focusableYear, isFocused = false, selected
 
 exports.MonthsGridView = MonthsGridView;
 exports.YearsGridView = YearsGridView;
-//# sourceMappingURL=YearsGridView-95c9ae3d.js.map
+//# sourceMappingURL=YearsGridView-6affda7f.js.map