@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/cjs/UNSAFE_VirtualizedListView.js

@@ -61,9 +61,9 @@ require('./UNSAFE_Skeleton/themes/SkeletonStyles.css.js');
 require('./UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js');
 
 require('./UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js');
-require('./Flex-e7a85bef.js');
-require('./useTestId-5e6af45d.js');
-require('./LayerHost-a8c7f182.js');
+require('./Flex-ce16a2fa.js');
+require('./useTestId-e267a39d.js');
+require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./boxalignment-5fe0cc94.js');
 require('./arrayUtils-7d8dcfc3.js');
@@ -77,17 +77,17 @@ require('./UNSAFE_Selector/themes/SelectorStyles.css.js');
 require('./StyledCheckbox-924035d9.js');
 require('./Check-fdd26a23.js');
 require('./Icon-c024b93c.js');
-require('./useTooltip-81b7b753.js');
-require('./useTooltipControlled-33832163.js');
+require('./useTooltip-ea036f82.js');
+require('./useTooltipControlled-61581889.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-fb11e4cc.js');
-require('./useThemeInterpolations-28ca9a13.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
+require('./useThemeInterpolations-316c1636.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-1f8cc921.js');
+require('./useDensity-38283c57.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
@@ -95,16 +95,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-669c2ae0.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
-require('./Floating-56621d20.js');
-require('./useFloating-480d365a.js');
-require('./useUser-a4bfc560.js');
+require('./tooltipUtils-2228b0f7.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
+require('./Floating-3a80c067.js');
+require('./useFloating-c9e127d3.js');
+require('./useUser-8aaad5a7.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-03a6c38c.js');
-require('./Layer-0053053a.js');
+require('./useOutsideClick-ad999b14.js');
+require('./Layer-49394ca6.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -136,11 +136,11 @@ require('./useTabbableMode-5c8fd9e5.js');
 require('./CollectionInteractionContext-f84ff7a1.js');
 require('./useCollectionInteractionContext-6fc0200e.js');
 require('./ImageVars.css-3fbb1c0b.js');
-require('./useTheme-8fb5546b.js');
-require('./useSelection-228ef3ce.js');
+require('./useTheme-6cedf9c8.js');
+require('./useSelection-0dbc2f40.js');
 require('./textSelectionUtils-432ab66b.js');
 require('./useDropDownSelection-b5e635dc.js');
-require('./useCurrentKey-88495da2.js');
+require('./useCurrentKey-d8d41864.js');
 require('./useCollectionFocusRing-5af82f66.js');
 require('./useItemAction-a9ce6c0e.js');
 require('./useTabbableModeSet-a57413a0.js');

package/cjs/UNSAFE_VisProgressiveLoader/__test__/VisProgressiveLoader.spec.js

@@ -5,24 +5,24 @@ var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('@testing-library/preact');
 var chai = require('chai');
 var matchTranslationBundle = require('../../matchTranslationBundle-99625a42.js');
-require('../../LayerHost-a8c7f182.js');
-var EnvironmentProvider = require('../../EnvironmentProvider-75eb79f3.js');
-var VisProgressiveLoader = require('../../VisProgressiveLoader-dacfe618.js');
+require('../../LayerHost-7182bfaf.js');
+var EnvironmentProvider = require('../../EnvironmentProvider-bfd5febc.js');
+var VisProgressiveLoader = require('../../VisProgressiveLoader-5ed4eb9d.js');
+require('preact');
 require('../../Common/themes/redwood/theme.js');
 require('../../Common/themes/themeContract.css.js');
-require('preact');
 require('preact/compat');
 require('preact/hooks');
-require('../../LayerManager-2d0b83ac.js');
+require('../../LayerManager-db087520.js');
 require('../../useLoadingIndicatorTimer-128b4b14.js');
 require('../../useTimer-fa00fb49.js');
-require('../../LiveRegion-567427c5.js');
+require('../../LiveRegion-3bc583c6.js');
 
-require('../../useTestId-5e6af45d.js');
+require('../../useTestId-e267a39d.js');
 require('../../HiddenAccessible-087eb49a.js');
 
 require('../../useId-6c0eeb27.js');
-require('../../useTranslationBundle-51f4c22c.js');
+require('../../useTranslationBundle-6b0281a9.js');
 require('../themes/ProgressiveLoaderStyles.css.js');
 
 require('../../classNames-c14c6ef3.js');

package/cjs/UNSAFE_VisProgressiveLoader.js

@@ -3,23 +3,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VisProgressiveLoader = require('./VisProgressiveLoader-dacfe618.js');
+var VisProgressiveLoader = require('./VisProgressiveLoader-5ed4eb9d.js');
 require('preact/jsx-runtime');
 require('./useLoadingIndicatorTimer-128b4b14.js');
 require('./useTimer-fa00fb49.js');
 require('preact/hooks');
-require('./LiveRegion-567427c5.js');
+require('./LiveRegion-3bc583c6.js');
 
-require('./useTestId-5e6af45d.js');
-require('./LayerHost-a8c7f182.js');
+require('./useTestId-e267a39d.js');
+require('./LayerHost-7182bfaf.js');
+require('preact');
 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-51f4c22c.js');
+require('./useTranslationBundle-6b0281a9.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-5b2aa6a2.js');
+var VisNoData = require('./VisNoData-210b0385.js');
 require('preact/jsx-runtime');
 require('./UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css.js');
 
-require('./Flex-e7a85bef.js');
-require('./useTestId-5e6af45d.js');
-require('./LayerHost-a8c7f182.js');
+require('./Flex-ce16a2fa.js');
+require('./useTestId-e267a39d.js');
+require('./LayerHost-7182bfaf.js');
+require('preact');
 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-51f4c22c.js');
+require('./useTranslationBundle-6b0281a9.js');
 require('./layoutUtils-4cfc9f05.js');
 require('./datatipUtils-87ab2b5c.js');
 require('./clientUtils-b5ec1142.js');

package/cjs/UNSAFE_WindowOverlay.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var WindowOverlay = require('./WindowOverlay-06408f56.js');
+var WindowOverlay = require('./WindowOverlay-de3bd373.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-a4bfc560.js');
+require('./useUser-8aaad5a7.js');
 require('preact/hooks');
-require('./LayerHost-a8c7f182.js');
+require('./LayerHost-7182bfaf.js');
+require('preact');
 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-145a402d.js

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

package/cjs/View-145a402d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View-145a402d.js","sources":["../../../../node_modules/ramda/es/internal/_isTypedArray.js","../../../../node_modules/ramda/es/empty.js","../../../../node_modules/ramda/es/isEmpty.js","../../src/UNSAFE_View/View.tsx"],"sourcesContent":["/**\n * Tests whether or not an object is a typed array.\n *\n * @private\n * @param {*} val The object to test.\n * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.\n * @example\n *\n *      _isTypedArray(new Uint8Array([])); //=> true\n *      _isTypedArray(new Float32Array([])); //=> true\n *      _isTypedArray([]); //=> false\n *      _isTypedArray(null); //=> false\n *      _isTypedArray({}); //=> false\n */\nexport default function _isTypedArray(val) {\n  var type = Object.prototype.toString.call(val);\n  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';\n}","import _curry1 from \"./internal/_curry1.js\";\nimport _isArguments from \"./internal/_isArguments.js\";\nimport _isArray from \"./internal/_isArray.js\";\nimport _isObject from \"./internal/_isObject.js\";\nimport _isString from \"./internal/_isString.js\";\nimport _isTypedArray from \"./internal/_isTypedArray.js\";\n/**\n * Returns the empty value of its argument's type. Ramda defines the empty\n * value of Array (`[]`), Object (`{}`), String (`''`),\n * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other\n * types are supported if they define `<Type>.empty`,\n * `<Type>.prototype.empty` or implement the\n * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).\n *\n * Dispatches to the `empty` method of the first argument, if present.\n *\n * @func\n * @memberOf R\n * @since v0.3.0\n * @category Function\n * @sig a -> a\n * @param {*} x\n * @return {*}\n * @example\n *\n *      R.empty(Just(42));               //=> Nothing()\n *      R.empty([1, 2, 3]);              //=> []\n *      R.empty('unicorns');             //=> ''\n *      R.empty({x: 1, y: 2});           //=> {}\n *      R.empty(Uint8Array.from('123')); //=> Uint8Array []\n */\n\nvar empty =\n/*#__PURE__*/\n_curry1(function empty(x) {\n  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray(x) ? [] : _isString(x) ? '' : _isObject(x) ? {} : _isArguments(x) ? function () {\n    return arguments;\n  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else\n  ;\n});\n\nexport default empty;","import _curry1 from \"./internal/_curry1.js\";\nimport empty from \"./empty.js\";\nimport equals from \"./equals.js\";\n/**\n * Returns `true` if the given value is its type's empty value; `false`\n * otherwise.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Logic\n * @sig a -> Boolean\n * @param {*} x\n * @return {Boolean}\n * @see R.empty\n * @example\n *\n *      R.isEmpty([1, 2, 3]);           //=> false\n *      R.isEmpty([]);                  //=> true\n *      R.isEmpty('');                  //=> true\n *      R.isEmpty(null);                //=> false\n *      R.isEmpty({});                  //=> true\n *      R.isEmpty({length: 0});         //=> false\n *      R.isEmpty(Uint8Array.from('')); //=> true\n */\n\nvar isEmpty =\n/*#__PURE__*/\n_curry1(function isEmpty(x) {\n  return x != null && equals(x, empty(x));\n});\n\nexport default isEmpty;","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, RefCallback, RefObject } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { isEmpty } from 'ramda';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport type { PaddingProps } from '../utils/UNSAFE_interpolations/padding';\nimport { ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport type { AriaProps } from '../utils/UNSAFE_interpolations/aria';\nimport { themeInterpolations } from '../utils/UNSAFE_interpolations/theme';\nimport type { ThemeProps } from '../utils/UNSAFE_interpolations/theme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport type { Role } from '../utils/UNSAFE_roles';\nimport { EnvironmentProvider } from '..//UNSAFE_Environment';\nimport type { ThemeModifiers } from '../UNSAFE_Theme';\nimport { globalVars } from '../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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"}

package/cjs/VisNoData-210b0385.js

@@ -0,0 +1,35 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var UNSAFE_VisStatusMessage_themes_VisStatusMessageStyles_css = require('./UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css.js');
+var Flex = require('./Flex-ce16a2fa.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var layoutUtils = require('./layoutUtils-4cfc9f05.js');
+
+function VisStatusMessage({ children, ...otherProps }) {
+    const itemClasses = classNames.classNames([otherProps.isSelectable ? '' : UNSAFE_VisStatusMessage_themes_VisStatusMessageStyles_css.userSelectStyles, UNSAFE_VisStatusMessage_themes_VisStatusMessageStyles_css.baseStyles]);
+    return (jsxRuntime.jsx("div", { class: itemClasses, tabIndex: 0, role: "application", id: otherProps.id, "aria-label": otherProps['aria-label'], "aria-describedby": otherProps['aria-describedby'], "aria-labelledby": otherProps['aria-labelledby'], children: jsxRuntime.jsx(Flex.Flex, { width: "100%", height: "100%", justify: "center", align: "center", children: children }) }));
+}
+
+function VisNoData(props) {
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const noDataMsg = translations.vis_noData();
+    const textId = layoutUtils.getRandomId();
+    const { ariaLabelledBy, id } = getAriaLabelledBy({
+        ariaLabel: props['aria-label'],
+        ariaLabelledby: props['aria-labelledby'],
+        textId
+    });
+    return (jsxRuntime.jsx(VisStatusMessage, { id: id, "aria-label": props['aria-label'], "aria-describedby": props['aria-describedby'], "aria-labelledby": ariaLabelledBy, children: jsxRuntime.jsx("span", { id: textId, children: noDataMsg }) }));
+}
+const getAriaLabelledBy = (props) => {
+    const id = props.ariaLabel ? layoutUtils.getRandomId() : undefined;
+    const ariaLabelledBy = `${props.ariaLabelledby ?? ''} ${id ?? ''} ${props.textId}`.trim();
+    return { ariaLabelledBy, id };
+};
+
+exports.VisNoData = VisNoData;
+exports.VisStatusMessage = VisStatusMessage;
+//# sourceMappingURL=VisNoData-210b0385.js.map

package/cjs/VisNoData-210b0385.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisNoData-210b0385.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-5ed4eb9d.js

@@ -0,0 +1,53 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useLoadingIndicatorTimer = require('./useLoadingIndicatorTimer-128b4b14.js');
+var LiveRegion = require('./LiveRegion-3bc583c6.js');
+var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
+var useId = require('./useId-6c0eeb27.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var UNSAFE_VisProgressiveLoader_themes_ProgressiveLoaderStyles_css = require('./UNSAFE_VisProgressiveLoader/themes/ProgressiveLoaderStyles.css.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var size = require('./size-37b7af59.js');
+var Skeleton = require('./Skeleton-ef5ed022.js');
+var UNSAFE_VisProgressiveLoader_themes_VisSkeletonStyles_css = require('./UNSAFE_VisProgressiveLoader/themes/VisSkeletonStyles.css.js');
+
+/**
+ * Displays the specified fallback content during progressive loading of the main content.
+ */
+function ProgressiveLoader({ isLoading, fallback, children, role, tabIndex, width, height, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy }) {
+    const showLoadingIndicator = useLoadingIndicatorTimer.useLoadingIndicatorTimer(isLoading);
+    const { vis_stateLoading, vis_stateLoaded } = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const descId = useId.useId();
+    return isLoading && showLoadingIndicator ? (jsxRuntime.jsxs("div", { role: role, tabIndex: tabIndex, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy
+            ? [...new Set(ariaDescribedBy.split(/\s+/).concat(descId))].join(' ')
+            : descId, class: classNames.classNames([UNSAFE_VisProgressiveLoader_themes_ProgressiveLoaderStyles_css.baseStyles, UNSAFE_VisProgressiveLoader_themes_ProgressiveLoaderStyles_css.loadingContainerStyles]), style: {
+            width: width && size.sizeToCSS(width),
+            height: height && size.sizeToCSS(height)
+        }, children: [fallback, jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: descId, children: vis_stateLoading() }), jsxRuntime.jsx(LiveRegion.LiveRegion, { type: "polite", children: vis_stateLoading() })] })) : (jsxRuntime.jsxs("div", { class: UNSAFE_VisProgressiveLoader_themes_ProgressiveLoaderStyles_css.baseStyles, style: {
+            width: width && size.sizeToCSS(width),
+            height: height && size.sizeToCSS(height)
+        }, children: [children, jsxRuntime.jsx(LiveRegion.LiveRegion, { type: "polite", children: ariaLabel ? `${ariaLabel}, ${vis_stateLoaded()}` : vis_stateLoaded() })] }));
+}
+
+/**
+ * Skeleton loading for visualizations.
+ */
+function VisSkeleton({ type, width, height }) {
+    return (jsxRuntime.jsx("div", { class: UNSAFE_VisProgressiveLoader_themes_VisSkeletonStyles_css.baseStyles, style: {
+            width: width && size.sizeToCSS(width),
+            height: height && size.sizeToCSS(height)
+        }, children: jsxRuntime.jsx("div", { class: classNames.classNames([UNSAFE_VisProgressiveLoader_themes_VisSkeletonStyles_css.baseSkeletonContainerStyles, UNSAFE_VisProgressiveLoader_themes_VisSkeletonStyles_css.skeletonContainerStyles[type]]), children: jsxRuntime.jsx(Skeleton.Skeleton, { width: "100%", height: "100%" }) }) }));
+}
+
+/**
+ * Displays the specified fallback content during progressive loading of the visualization.
+ */
+function VisProgressiveLoader({ type, role = 'application', children, ...props }) {
+    const fallback = jsxRuntime.jsx(VisSkeleton, { type: type });
+    return (jsxRuntime.jsx(ProgressiveLoader, { role: role, tabIndex: 0, fallback: fallback, ...props, children: children }));
+}
+
+exports.VisProgressiveLoader = VisProgressiveLoader;
+//# sourceMappingURL=VisProgressiveLoader-5ed4eb9d.js.map

package/cjs/VisProgressiveLoader-5ed4eb9d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisProgressiveLoader-5ed4eb9d.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-a06f4ca3.js

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

package/cjs/VisTabularDatatip-a06f4ca3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisTabularDatatip-a06f4ca3.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;;;;"}