@oracle/oraclejet-preact 15.0.10 → 15.0.12

package/cjs/hooks/UNSAFE_useThemeInterpolations.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useThemeInterpolations = require('../useThemeInterpolations-88c9936d.js');
+var useThemeInterpolations = require('../useThemeInterpolations-dd9bf478.js');
 require('./UNSAFE_useColorScheme.js');
 require('preact/hooks');
-require('../index-fa13962e.js');
+require('../index-41c5b86b.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');
@@ -17,14 +17,14 @@ require('preact/compat');
 require('./UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../UNSAFE_Theme.js');
-require('../utils-4bf20f9c.js');
+require('../utils-8df7b218.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
 require('../utils/UNSAFE_classNames.js');
-require('../classNames-75ede1ce.js');
-require('../_curry1-c4185cb3.js');
-require('../_curry3-475de3d5.js');
-require('../_curry2-71f61e1f.js');
-require('../_has-cfe880b6.js');
+require('../classNames-4fe2e158.js');
+require('../_curry1-96d7d6a0.js');
+require('../_curry3-fb5487e4.js');
+require('../_curry2-f002504d.js');
+require('../_has-3f410750.js');
 
 /**
  * @license

package/cjs/hooks/UNSAFE_useTimer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useToggle.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTooltip/themes/TooltipContentContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var hooks_UNSAFE_useTooltip_themes_redwood_TooltipContentVariants_css = require(
 
 
 
-require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-3a438e99.js');
+require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-1552df2d.js');
 
 /*******************
  * Component Theme

package/cjs/hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-3a438e99.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-1552df2d.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'TooltipContentStyles_baseStyle__40ir7s2',variantClassNames:{variant:{tooltip:'TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170',datatip:'TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171'}},defaultVariants:{},compoundVariants:[]});
 

package/cjs/hooks/UNSAFE_useTooltip/themes/stable/TooltipContentBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTooltip/themes/stable/TooltipContentTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var hooks_UNSAFE_useTooltip_themes_stable_TooltipContentVariants_css = require('
 
 
 
-require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-3a438e99.js');
+require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-1552df2d.js');
 
 /*******************
  * Component Theme

package/cjs/hooks/UNSAFE_useTooltip/themes/stable/TooltipContentVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-3a438e99.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../../vanilla-extract-recipes-createRuntimeFn.esm-1552df2d.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'TooltipContentStyles_baseStyle__40ir7s2',variantClassNames:{variant:{tooltip:'TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70',datatip:'TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71'}},defaultVariants:{},compoundVariants:[]});
 

package/cjs/hooks/UNSAFE_useTooltip.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -18,37 +18,37 @@ var hooks_UNSAFE_useComponentTheme = require('./UNSAFE_useComponentTheme.js');
 require('./UNSAFE_useThemeInterpolations.js');
 require('../utils/UNSAFE_classNames.js');
 var hooks_UNSAFE_useTooltip_themes_redwood_TooltipContentTheme = require('./UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
-var useThemeInterpolations = require('../useThemeInterpolations-88c9936d.js');
-var useAnimation = require('../useAnimation-70ddee77.js');
-var classNames = require('../classNames-75ede1ce.js');
-var UNSAFE_Environment = require('../index-fa13962e.js');
+var useThemeInterpolations = require('../useThemeInterpolations-dd9bf478.js');
+var useAnimation = require('../useAnimation-f0579ef7.js');
+var classNames = require('../classNames-4fe2e158.js');
+var UNSAFE_Environment = require('../index-41c5b86b.js');
 var hooks_UNSAFE_useColorScheme = require('./UNSAFE_useColorScheme.js');
-var Floating = require('../Floating-c3993ef2.js');
+var Floating = require('../Floating-533f0c6b.js');
 require('preact/compat');
 require('./UNSAFE_useToggle.js');
 require('../utils/UNSAFE_logger.js');
-require('../_curry1-c4185cb3.js');
-require('../_curry2-71f61e1f.js');
+require('../_curry1-96d7d6a0.js');
+require('../_curry2-f002504d.js');
 require('./UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
 require('./UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js');
 
 require('./UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('../vanilla-extract-recipes-createRuntimeFn.esm-3a438e99.js');
+require('../vanilla-extract-recipes-createRuntimeFn.esm-1552df2d.js');
 require('./UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../UNSAFE_Theme.js');
-require('../utils-4bf20f9c.js');
+require('../utils-8df7b218.js');
 require('../Common/themes/themeContract.css.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
-require('../_curry3-475de3d5.js');
-require('../_has-cfe880b6.js');
+require('../_curry3-fb5487e4.js');
+require('../_has-3f410750.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');
 require('../Common/themes/redwood/theme.js');
-require('../index-3d27d1cb.js');
+require('../index-bb8e71d8.js');
 require('./UNSAFE_useUser.js');
 require('../utils/PRIVATE_floatingUtils.js');
 require('../utils/PRIVATE_refUtils.js');
@@ -59,7 +59,7 @@ require('../UNSAFE_Floating/themes/FloatingStyles.css.js');
 require('../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('../vanilla-extract-dynamic.esm-484b503d.js');
+require('../vanilla-extract-dynamic.esm-02ddd3d5.js');
 require('../UNSAFE_Floating/themes/FloatingContract.css.js');
 
 const TooltipContent = ({ children, id, isOpen, isDatatip, onTransitionEnd, ...props }) => {

package/cjs/hooks/UNSAFE_useTouch.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTranslationBundle.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks = require('preact/hooks');
-var UNSAFE_Environment = require('../index-fa13962e.js');
+var UNSAFE_Environment = require('../index-41c5b86b.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');

package/cjs/hooks/UNSAFE_useUncontrolledState.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useUser.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks = require('preact/hooks');
-var UNSAFE_Environment = require('../index-fa13962e.js');
+var UNSAFE_Environment = require('../index-41c5b86b.js');
 require('preact');
 require('../Common.js');
 require('../Common/themes.js');

package/cjs/hooks/UNSAFE_useViewportIntersect.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.10 */
+/* @oracle/oraclejet-preact: 15.0.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/index-41c5b86b.js

@@ -0,0 +1,112 @@
+/* @oracle/oraclejet-preact: 15.0.12 */
+'use strict';
+
+var preact = require('preact');
+require('./Common.js');
+var Common_themes_redwood_theme = require('./Common/themes/redwood/theme.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var compat = require('preact/compat');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Default environment created for the application
+ */
+const DefaultEnvironment = {
+    user: {
+        locale: document.documentElement.getAttribute('lang') || 'en',
+        direction: document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',
+        forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'
+    },
+    theme: Common_themes_redwood_theme.Redwood,
+    colorScheme: 'light',
+    scale: 'lg',
+    currentBgColor: undefined
+};
+const EnvironmentContext = preact.createContext(DefaultEnvironment);
+
+const LayerContext = preact.createContext({});
+
+const LayerHost = compat.forwardRef((_props, ref) => {
+    return jsxRuntime.jsx("div", { id: "__oj_layerhost_container", ref: ref });
+});
+LayerHost.displayName = 'Forwarded<LayerHost>';
+
+function LayerManager({ children }) {
+    const [defaultHost, setDefaultHost] = compat.useState();
+    //const context = useContext(LayerContext);
+    const defaultHostRef = compat.useCallback((el) => {
+        // ref callbacks fire after the component has been unnmounted so we do not
+        // want to set state in this use-case
+        if (el !== null) {
+            setDefaultHost(el);
+        }
+    }, []);
+    return (jsxRuntime.jsx(LayerContext.Consumer, { children: (value) => {
+            const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};
+            const layerContext = value.getHost ? value : defaultHostContext;
+            return (jsxRuntime.jsxs(LayerContext.Provider, { value: layerContext, children: [children, !value.getHost && jsxRuntime.jsx(LayerHost, { ref: defaultHostRef })] }));
+        } }));
+}
+
+// Custom merge function
+function mergeEnvironment(env1, env2) {
+    const userValue = Object.assign({}, env1.user, env2?.user);
+    const themeValue = Object.assign({}, env1.theme, env2?.theme);
+    // Merge translation values - one level merge
+    const targetTranslations = Object.assign({}, env1.translations);
+    const sourceTranslations = env2?.translations || {};
+    Object.keys(sourceTranslations).forEach((key) => {
+        let newVal = sourceTranslations[key];
+        if (targetTranslations[key]) {
+            // merge is needed
+            newVal = Object.assign({}, targetTranslations[key], newVal);
+        }
+        targetTranslations[key] = newVal;
+    });
+    return {
+        user: userValue,
+        theme: themeValue,
+        translations: targetTranslations,
+        colorScheme: env2?.colorScheme ?? env1.colorScheme,
+        scale: env2?.scale ?? env1.scale,
+        currentBgColor: env2?.currentBgColor ?? env1.currentBgColor
+    };
+}
+/**
+ * The RootEnvironmentProvider component bootstraps essential services and
+ * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.
+ * Minimally, the application must load the appropriate translation bundle for the user's locale
+ * and set it on the RootEnvironmentProvider.
+ */
+function RootEnvironmentProvider({ children, environment }) {
+    const mergedEnvironment = hooks.useMemo(() => mergeEnvironment(DefaultEnvironment, environment), [environment]);
+    return (jsxRuntime.jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: jsxRuntime.jsx(LayerManager, { children: children }) }));
+}
+/**
+ * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite
+ * environment values for a subtree.
+ * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.
+ * The new environment will be passed to the component's children.
+ * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values
+ * that can be replaced.
+ */
+function EnvironmentProvider({ children, environment }) {
+    const consumerEnv = hooks.useContext(EnvironmentContext);
+    const mergedEnvironment = hooks.useMemo(() => mergeEnvironment(consumerEnv, environment), [consumerEnv, environment]);
+    return (jsxRuntime.jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: children }));
+}
+
+exports.DefaultEnvironment = DefaultEnvironment;
+exports.EnvironmentContext = EnvironmentContext;
+exports.EnvironmentProvider = EnvironmentProvider;
+exports.LayerContext = LayerContext;
+exports.LayerManager = LayerManager;
+exports.RootEnvironmentProvider = RootEnvironmentProvider;
+//# sourceMappingURL=index-41c5b86b.js.map

package/cjs/index-41c5b86b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-41c5b86b.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx","../../src/UNSAFE_Layer/LayerManager.tsx","../../src/UNSAFE_Environment/EnvironmentProvider.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 { createContext } from 'preact';\nimport { ThemeModifiers, Theme } from '../UNSAFE_Theme';\nimport { Redwood } from '../Common';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerContextProps = {\n  getHost?: () => Element;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__oj_layerhost_container\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n","/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};\n        const layerContext = value.getHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n","/**\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { useContext, useMemo } from 'preact/hooks';\nimport {\n  EnvironmentContext,\n  Environment,\n  RootEnvironment,\n  DefaultEnvironment,\n  CompleteEnvironmentType\n} from './EnvironmentContext';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["Redwood","createContext","forwardRef","_jsx","useState","useCallback","_jsxs","useMemo","useContext"],"mappings":"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"}

package/cjs/index-43db4a41.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: 15.0.12 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./UNSAFE_Icon.js');
+var Icon = require('./Icon-8173bdf1.js');
+
+const SvgChevronUp = (props) => (jsxRuntime.jsx(Icon.Icon, { viewBox: "0 0 24 24", ...props, children: jsxRuntime.jsx("path", { d: "M6.35 16 5 14.261 12 8l7 6.261L17.65 16 12 10.946z", fill: "currentcolor", fillRule: "evenodd" }) }));
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.SvgChevronUp = SvgChevronUp;
+//# sourceMappingURL=index-43db4a41.js.map

package/cjs/index-43db4a41.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-43db4a41.js","sources":["../../src/UNSAFE_RedwoodIcons/ChevronUp/ChevronUp.tsx","../../src/UNSAFE_RedwoodIcons/ChevronUp/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\nconst SvgChevronUp = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M6.35 16 5 14.261 12 8l7 6.261L17.65 16 12 10.946z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\nexport { SvgChevronUp as ChevronUp };\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 */\nexport { ChevronUp } from './ChevronUp';\n"],"names":["_jsx","Icon"],"mappings":";;;;;;;AAaA,MAAM,YAAY,GAAG,CAAC,KAAY,MAChCA,cAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,WAAW,EAAK,GAAA,KAAK,EACjC,QAAA,EAAAD,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oDAAoD,EACtD,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAA,EAAA,CACG;;ACpBT;;;;;;AAMG;;;;"}

package/cjs/index-a916e5a5.js

@@ -0,0 +1,68 @@
+/* @oracle/oraclejet-preact: 15.0.12 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
+require('./UNSAFE_Flex.js');
+var UNSAFE_WindowOverlay = require('./UNSAFE_WindowOverlay.js');
+var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
+var UNSAFE_Layer = require('./UNSAFE_Layer.js');
+var Flex = require('./Flex-dc656bc1.js');
+
+const positions = utils_UNSAFE_arrayUtils.stringLiteralArray([
+    'top',
+    'top-left',
+    'top-right',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-left',
+    'bottom-right',
+    'bottom-start',
+    'bottom-end'
+]);
+const MessageLayer = ({ children, offset, testId, position = 'bottom' }) => {
+    const side = position.split('-')[0];
+    let windowOverlayOffset;
+    if (typeof offset === 'number') {
+        windowOverlayOffset = { mainAxis: offset, crossAxis: offset };
+    }
+    else if (side == 'top' || side == 'bottom') {
+        windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };
+    }
+    else {
+        windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };
+    }
+    const { direction } = hooks_UNSAFE_useUser.useUser();
+    const isLtr = direction === 'ltr';
+    let windowOverlayPlacement;
+    switch (position) {
+        case 'top-left':
+            windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';
+            break;
+        case 'top-right':
+            windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';
+            break;
+        case 'bottom-left':
+            windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';
+            break;
+        case 'bottom-right':
+            windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';
+            break;
+        default:
+            windowOverlayPlacement = position;
+            break;
+    }
+    return (jsxRuntime.jsx(UNSAFE_Layer.Layer, { children: jsxRuntime.jsx(UNSAFE_WindowOverlay.WindowOverlay, { placement: windowOverlayPlacement, offset: windowOverlayOffset, children: jsxRuntime.jsx("div", { "data-testid": testId, children: jsxRuntime.jsx(Flex.Flex, { direction: "column", gap: "2x", children: children }) }) }) }));
+};
+
+var MessageLayerModule = {
+    __proto__: null,
+    MessageLayer: MessageLayer,
+    positions: positions
+};
+
+exports.MessageLayer = MessageLayer;
+exports.MessageLayerModule = MessageLayerModule;
+exports.positions = positions;
+//# sourceMappingURL=index-a916e5a5.js.map

package/cjs/index-a916e5a5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-a916e5a5.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = stringLiteralArray([\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n]);\n\ntype Position = typeof positions[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer>\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["stringLiteralArray","useUser","_jsx","Layer","WindowOverlay","Flex"],"mappings":";;;;;;;;;;;AAOM,MAAA,SAAS,GAAGA,0CAAkB,CAAC;IACnC,KAAK;IACL,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACT,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;AACb,CAAA,EAAE;AAwCH,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAS,KAAI;IAChF,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,IAAI,mBAAmB,CAAC;AACxB,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;AAC/D,KAAA;AAAM,SAAA,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,EAAE;AAC5C,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AACrF,KAAA;AAAM,SAAA;AACL,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AACrF,KAAA;AAED,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGC,4BAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,IAAI,sBAA0D,CAAC;AAC/D,IAAA,QAAQ,QAAQ;AACd,QAAA,KAAK,UAAU;YACb,sBAAsB,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,WAAW;YACd,sBAAsB,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,aAAa;YAChB,sBAAsB,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;YAC/D,MAAM;AACR,QAAA,KAAK,cAAc;YACjB,sBAAsB,GAAG,KAAK,GAAG,YAAY,GAAG,cAAc,CAAC;YAC/D,MAAM;AACR,QAAA;YACE,sBAAsB,GAAG,QAAQ,CAAC;YAClC,MAAM;AACT,KAAA;AACD,IAAA,QACEC,cAAA,CAACC,kBAAK,EAAA,EAAA,QAAA,EACJD,eAACE,kCAAa,EAAA,EAAC,SAAS,EAAE,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,YAC3EF,cAAkB,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EACtB,QAAA,EAAAA,cAAA,CAACG,SAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA,QAAA,EAC9B,QAAQ,EACJ,CAAA,EAAA,CACH,EACQ,CAAA,EAAA,CACV,EACR;AACJ;;;;;;;;;;;;"}