@oracle/oraclejet-preact 14.0.0

package/es/UNSAFE_ComponentMessage.js

@@ -0,0 +1,139 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { jsxs, jsx } from 'preact/jsx-runtime';
+import "./UNSAFE_ComponentMessage.css";
+import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
+import { severityBasedStyleClass, isSeverityIconNeeded, MessageStartIcon, MessageSummary, MessagesManager } from './PRIVATE_Message.js';
+import { HiddenAccessible } from './UNSAFE_HiddenAccessible.js';
+import { classNames } from './utils/UNSAFE_classNames.js';
+import 'preact/hooks';
+import './UNSAFE_Environment.js';
+import 'preact';
+import './UNSAFE_Layer.js';
+import 'preact/compat';
+import './UNSAFE_Flex.js';
+import './tslib.es6-8b94ba02.js';
+import './utils/UNSAFE_interpolations/dimensions.js';
+import './utils/UNSAFE_arrayUtils.js';
+import './utils/UNSAFE_size.js';
+import './_curry1-d822c6e1.js';
+import './utils/UNSAFE_mergeInterpolations.js';
+import './_curry3-ddab9fe1.js';
+import './_curry2-50442f66.js';
+import './_has-c4aaaf43.js';
+import './utils/UNSAFE_interpolations/boxalignment.js';
+import './keys-fed67954.js';
+import './utils/UNSAFE_interpolations/flexbox.js';
+import './utils/UNSAFE_interpolations/flexitem.js';
+import './utils/PRIVATE_timer.js';
+import './UNSAFE_Button.js';
+import './UNSAFE_BaseButton.js';
+import './hooks/UNSAFE_usePress.js';
+import './hooks/UNSAFE_useHover.js';
+import './hooks/UNSAFE_useToggle.js';
+import './hooks/UNSAFE_useActive.js';
+import './utils/PRIVATE_clientHints.js';
+import './hooks/UNSAFE_useTabbableMode.js';
+import './utils/UNSAFE_mergeProps.js';
+import './UNSAFE_ThemedIcons.js';
+import './UNSAFE_Icons.js';
+import './UNSAFE_Icon.js';
+import './hooks/UNSAFE_useTooltip.js';
+import './hooks/UNSAFE_useId.js';
+import './UNSAFE_Floating.js';
+import './index-14bba6f7.js';
+import './hooks/UNSAFE_useUser.js';
+import './utils/PRIVATE_floatingUtils.js';
+import './utils/PRIVATE_refUtils.js';
+import './hooks/UNSAFE_useOutsideClick.js';
+import './hooks/UNSAFE_useFocus.js';
+import './hooks/UNSAFE_useTouch.js';
+import './hooks/UNSAFE_useAnimation.js';
+import './hooks/UNSAFE_useTheme.js';
+import './utils/UNSAFE_getLocale.js';
+import './utils/UNSAFE_stringUtils.js';
+import './utils/UNSAFE_logger.js';
+import './utils/UNSAFE_soundUtils.js';
+import './PRIVATE_TransitionGroup.js';
+import './hooks/UNSAFE_useMessagesContext.js';
+
+const baseStyles = "_1lfv7q";
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+
+function ComponentMessage({
+  detail,
+  fieldLabel,
+  severity = 'error'
+}) {
+  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);
+  const translations = useTranslationBundle('@oracle/oraclejet-preact');
+  const severityTranslations = {
+    confirmation: translations.confirmation(),
+    error: translations.error(),
+    info: translations.info(),
+    warning: translations.warn()
+  };
+  return jsxs("div", Object.assign({
+    class: classes,
+    role: "alert",
+    "aria-atomic": "true"
+  }, {
+    children: [fieldLabel && jsx(HiddenAccessible, {
+      children: fieldLabel
+    }), isSeverityIconNeeded(severity) && jsx(MessageStartIcon, {
+      variant: "inline",
+      severity: severity,
+      translations: severityTranslations
+    }), jsx(MessageSummary, {
+      variant: "inline",
+      text: detail
+    })]
+  }));
+}
+
+const rootStyles = "u1i9r9";
+/**
+ * Converts the messages data into Item
+ *
+ * @param messages The messages data passed down as prop
+ * @returns The messages data as Item
+ */
+
+function generateMessagesData(messages) {
+  return messages.map((message, index) => {
+    return {
+      key: index,
+      data: {
+        closeAffordance: 'off',
+        severity: message.severity || 'error',
+        detail: message.detail
+      }
+    };
+  });
+}
+
+function ComponentMessageContainer({
+  fieldLabel,
+  messages = []
+}) {
+  return jsx("div", Object.assign({
+    class: rootStyles
+  }, {
+    children: jsx(MessagesManager, Object.assign({
+      data: generateMessagesData(messages)
+    }, {
+      children: ({
+        item
+      }) => jsx(ComponentMessage, {
+        detail: item.data.detail,
+        fieldLabel: fieldLabel,
+        severity: item.data.severity
+      }, item.key)
+    }))
+  }));
+}
+
+export { ComponentMessage, ComponentMessageContainer };
+/*  */
+//# sourceMappingURL=UNSAFE_ComponentMessage.js.map

package/es/UNSAFE_ComponentMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  severityBasedStyleClass\n} from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,oBAAA,GAAA;AACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;AAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;AAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;IAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;GAJF,CAAA;;;;;;;;;;;;;;;;;AAqBF;;ACtEA,MAAAC,UAAA,GAAA,QAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAiBA,SAAAoB,yBAAA,CAAA;EAAArB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;AAeA;;;;;;;"}

package/es/UNSAFE_Divider.css

@@ -0,0 +1 @@
+._1q89e3n{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}

package/es/UNSAFE_Divider.js

@@ -0,0 +1,39 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { jsx } from 'preact/jsx-runtime';
+import "./UNSAFE_Divider.css";
+import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
+import './utils/UNSAFE_classNames.js';
+import './_curry1-d822c6e1.js';
+import './_curry3-ddab9fe1.js';
+import './_curry2-50442f66.js';
+import './_has-c4aaaf43.js';
+
+const styles = {
+  orientation: {
+    horizontal: "_1q89e3n"
+  }
+};
+const interpolations = [({
+  orientation = 'horizontal'
+}) => ({
+  class: styles.orientation[orientation]
+})];
+const styleInterpolations = mergeInterpolations(interpolations); // TODO - Support vertical orientation
+
+function Divider() {
+  const {
+    class: cls
+  } = styleInterpolations({
+    orientation: 'horizontal'
+  }); // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it
+
+  return jsx("span", {
+    class: cls,
+    role: "separator",
+    "aria-orientation": "horizontal"
+  });
+}
+
+export { Divider };
+/*  */
+//# sourceMappingURL=UNSAFE_Divider.js.map

package/es/UNSAFE_Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Divider.js","sources":["../../src/UNSAFE_Divider/Divider.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\nconst styles = {\n  orientation: {\n    horizontal: cssProps`${{\n      display: 'block',\n      width: '100%',\n      height: '0',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n      borderStyle: 'solid',\n      borderWidth: '1px 0 0 0',\n      fontSize: '0',\n      lineHeight: '0'\n    }}`\n  }\n};\n\nconst interpolations = [\n  ({ orientation = 'horizontal' }: Pick<DividerProps, 'orientation'>) => ({\n    class: styles.orientation[orientation]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<DividerProps>(interpolations);\n\n// TODO - Support vertical orientation\nexport function Divider() {\n  const { class: cls } = styleInterpolations({ orientation: 'horizontal' });\n\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={cls} role=\"separator\" aria-orientation=\"horizontal\"></span>;\n}\n"],"names":["styles","orientation","interpolations","class","styleInterpolations","mergeInterpolations","Divider","cls"],"mappings":";;;;;;;;;;AAmBA,MAAAA,MAAA,GAAA;AACEC,EAAAA,WAAA,EAAA;;AAAA,GAAA;AADF,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;;;AAEIC,EAAAA,KAAA,EAAAH,MAAA,CAAAC,WAAA,CAAAA,WAAA,CAAA;EAFJ,CAAA,CAAA;AAMA,MAAAG,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA;;AAGA,SAAAI,OAAA,GAAA;EACE,MAAA;AAAAH,IAAAA,KAAA,EAAAI,GAAAA;AAAA,GAAA,GAAAH,mBAAA,CAAA;AAAAH,IAAAA,WAAA,EAAA,YAAA;GAAA,CAAA,CADF;;;;;;;AAKA;;;;;;;"}

package/es/UNSAFE_EmptyList.js

@@ -0,0 +1,13 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { jsx } from 'preact/jsx-runtime';
+
+/**
+ * An empty list.
+ */
+const EmptyList = ({ children }) => {
+    return (jsx("div", Object.assign({ role: "grid", "aria-rowcount": 0, tabIndex: 0 }, { children: jsx("div", Object.assign({ role: "row" }, { children: jsx("div", Object.assign({ role: "gridcell" }, { children: children })) })) })));
+};
+
+export { EmptyList };
+/*  */
+//# sourceMappingURL=UNSAFE_EmptyList.js.map

package/es/UNSAFE_EmptyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_EmptyList.js","sources":["../../src/UNSAFE_EmptyList/EmptyList.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';\n\ntype Props = {\n  /**\n   * The children to put in the grid.\n   */\n  children: ComponentChildren;\n};\n\n/**\n * An empty list.\n */\nexport const EmptyList = ({ children }: Props) => {\n  return (\n    <div role=\"grid\" aria-rowcount={0} tabIndex={0}>\n      <div role=\"row\">\n        <div role=\"gridcell\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;AAgBA;;AAEG;MACU,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAS,KAAI;IAC/C,QACEA,GAAK,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,IAAI,EAAC,MAAM,EAAgB,eAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,CAAC,EAC5C,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAK,IAAI,EAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EACbA,GAAK,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,IAAI,EAAC,UAAU,EAAE,EAAA,EAAA,QAAA,EAAA,QAAQ,EAAO,CAAA,CAAA,EAAA,CAAA,CACjC,EACF,CAAA,CAAA,EACN;AACJ;;;;;;;"}

package/es/UNSAFE_Environment.js

@@ -0,0 +1,83 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { createContext } from 'preact';
+import { jsx } from 'preact/jsx-runtime';
+import { useMemo, useContext } from 'preact/hooks';
+import { LayerManager } from './UNSAFE_Layer.js';
+import '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
+ */
+var _a, _b;
+/**
+ * Default environment created for the application
+ */
+const DefaultEnvironment = {
+    user: {
+        locale: document.documentElement.getAttribute('lang') || 'en',
+        direction: document.documentElement.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr',
+        forcedColors: ((_b = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(forced-colors: active)')) === null || _b === void 0 ? void 0 : _b.matches) ? 'active' : 'none'
+    },
+    theme: {
+        name: 'redwood'
+    },
+    colorScheme: 'light',
+    scale: 'lg'
+};
+const EnvironmentContext = createContext(DefaultEnvironment);
+
+// Custom merge function
+function mergeEnvironment(env1, env2) {
+    var _a, _b;
+    const userValue = Object.assign({}, env1.user, env2 === null || env2 === void 0 ? void 0 : env2.user);
+    const themeValue = Object.assign({}, env1.theme, env2 === null || env2 === void 0 ? void 0 : env2.theme);
+    // Merge translation values - one level merge
+    const targetTranslations = Object.assign({}, env1.translations);
+    const sourceTranslations = (env2 === null || env2 === void 0 ? void 0 : 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: (_a = env2 === null || env2 === void 0 ? void 0 : env2.colorScheme) !== null && _a !== void 0 ? _a : env1.colorScheme,
+        scale: (_b = env2 === null || env2 === void 0 ? void 0 : env2.scale) !== null && _b !== void 0 ? _b : env1.scale
+    };
+}
+/**
+ * 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 = useMemo(() => mergeEnvironment(DefaultEnvironment, environment), [environment]);
+    return (jsx(EnvironmentContext.Provider, Object.assign({ value: mergedEnvironment }, { children: 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 = useContext(EnvironmentContext);
+    const mergedEnvironment = useMemo(() => mergeEnvironment(consumerEnv, environment), [consumerEnv, environment]);
+    return (jsx(EnvironmentContext.Provider, Object.assign({ value: mergedEnvironment }, { children: children })));
+}
+
+export { EnvironmentContext, EnvironmentProvider, RootEnvironmentProvider };
+/*  */
+//# sourceMappingURL=UNSAFE_Environment.js.map

package/es/UNSAFE_Environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Environment.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.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';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\ntype ColorScheme = 'light' | 'dark';\ntype Scale = 'lg' | 'md' | 'sm';\n\n/**\n * Defines theme environment on root element\n */\ntype Theme = {\n  name: string;\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 = {\n  // supports user preferences\n  user?: Partial<User>;\n  // supports theme settings\n  theme?: Theme;\n  colorScheme?: ColorScheme;\n  scale?: Scale;\n  // supports translation bundles\n  translations?: Translations;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = {\n  colorScheme?: ColorScheme;\n  scale?: Scale;\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = {\n  user: User;\n  theme: Theme;\n  scale: Scale;\n  colorScheme: ColorScheme;\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: document.documentElement.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: {\n    name: 'redwood'\n  },\n  colorScheme: 'light',\n  scale: 'lg'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\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';\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  };\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":["_jsx"],"mappings":"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"}

package/es/UNSAFE_FilePicker.css

@@ -0,0 +1,6 @@
+._1se59pf{display:block;height:100%;width:100%;}
+._5aps6r{max-width:400px;}
+.eymx28{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}.eymx28:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+._9ek423:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
+@media(hover:hover){._1fp36um:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
+._16bemnh > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}