@oracle/oraclejet-preact 15.1.11 → 15.1.12

package/es/Common/themes/redwood/theme.css.js

@@ -1,3 +1,3 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import './theme.styles.css';
 //# sourceMappingURL=theme.css.js.map

package/es/Common/themes/redwood/theme.dark.tokens.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
-import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-32a6eabb.js';
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-336d8d88.js';
 import { colorSchemeVars, globalVars } from '../themeContract.css.js';
 
 /**

package/es/Common/themes/redwood/theme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import { baseVars, colorSchemeVars, scaleVars } from '../themeContract.css.js';
 
 /* components will directly import themes for now, we will reintroduce the component themes into the global theme after 15.0 release

package/es/Common/themes/redwood/theme.light.tokens.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
-import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-32a6eabb.js';
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-336d8d88.js';
 import { colorSchemeVars, globalVars } from '../themeContract.css.js';
 
 /**

package/es/Common/themes/redwood/theme.scale.tokens.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 // This file contains all of the scale definitions since each (currently) has only one value to specify.
 // If this contract grows, we can split this into individual files like colorScheme has.
 // For the scale 'sm, 'md' and 'lg', we specify units in px so that they won't be affected by the root font-size.

package/es/Common/themes/redwood/theme.typography.tokens.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
-import { x as xUnits, b as max } from '../../../utils-32a6eabb.js';
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { x as xUnits, b as max } from '../../../utils-336d8d88.js';
 import '../themeContract.css.js';
 
 /**

package/es/Common/themes/stable/theme.animation.tokens.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 /**
  * Stable theme tokens are manually updated and are not generated from Figma tokens
  */

package/es/Common/themes/stable/theme.base.tokens.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import '../../../UNSAFE_Theme.js';
 import { colorSchemeVars, typographyVars } from '../themeContract.css.js';
-import { x as xUnits } from '../../../utils-32a6eabb.js';
+import { x as xUnits } from '../../../utils-336d8d88.js';
 
 /**
  * Stable theme tokens are manually updated and are not generated from Figma tokens

package/es/Common/themes/stable/theme.css.js

@@ -1,3 +1,3 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import './theme.styles.css';
 //# sourceMappingURL=theme.css.js.map

package/es/Common/themes/stable/theme.dark.tokens.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
-import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-32a6eabb.js';
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-336d8d88.js';
 import { colorSchemeVars, globalVars } from '../themeContract.css.js';
 
 /**

package/es/Common/themes/stable/theme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import { baseVars, colorSchemeVars, scaleVars } from '../themeContract.css.js';
 
 /* components will directly import themes for now, we will reintroduce the component themes into the global theme after 15.0 release

package/es/Common/themes/stable/theme.light.tokens.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
-import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-32a6eabb.js';
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { a as rgba, r as rgb, f as fallbackVar } from '../../../utils-336d8d88.js';
 import { colorSchemeVars, globalVars } from '../themeContract.css.js';
 
 /**

package/es/Common/themes/stable/theme.scale.tokens.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 // This file contains all of the scale definitions since each (currently) has only one value to specify.
 // If this contract grows, we can split this into individual files like colorScheme has.
 // size.units is the value 1 xUnit and is used by the xUnits() function to specify a multiple of 1 xUnit.

package/es/Common/themes/stable/theme.typography.tokens.js

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import '../../../UNSAFE_Theme.js';
-import { x as xUnits, b as max } from '../../../utils-32a6eabb.js';
+import { x as xUnits, b as max } from '../../../utils-336d8d88.js';
 import '../themeContract.css.js';
 
 /**

package/es/Common/themes/themeContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 var PREFIX = 'oj-c-EXPERIMENTAL-DO-NOT-USE';
 var animationVars = {easing:{enter:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-enter)',persist:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-persist)',exit:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-exit)',linear:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-linear)'},anchor:{'default':{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-default-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-default-horizontal)'},startTopCorner:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-start-top-corner-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-start-top-corner-horizontal)'},top:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-top-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-top-horizontal)'},endTopCorner:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-end-top-corner-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-end-top-corner-horizontal)'},start:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-start-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-start-horizontal)'},end:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-end-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-end-horizontal)'},startBottomCorner:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-start-bottom-corner-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-start-bottom-corner-horizontal)'},bottom:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-bottom-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-bottom-horizontal)'},endBottomCorner:{vertical:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-end-bottom-corner-vertical)',horizontal:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-anchor-end-bottom-corner-horizontal)'}},duration:{'2xs':'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-2xs)',xs:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-xs)',sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-xl)','2xl':'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-2xl)'},delay:{none:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-delay-none)',sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-delay-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-delay-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-delay-lg)'},slide:{up:{sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-up-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-up-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-up-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-up-xl)'},down:{sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-down-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-down-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-down-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-down-xl)'},start:{sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-start-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-start-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-start-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-start-xl)'},end:{sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-end-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-end-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-end-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-slide-end-xl)'}},scale:{down:{sm:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-down-sm-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-down-sm-from)'},md:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-down-md-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-down-md-from)'},full:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-down-full-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-down-full-from)'}},up:{sm:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-up-sm-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-up-sm-from)'},md:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-up-md-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-up-md-from)'},full:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-up-full-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-scale-up-full-from)'}}},fade:{'in':{sm:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-in-sm-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-in-sm-from)'},full:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-in-full-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-in-full-from)'}},out:{sm:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-out-sm-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-out-sm-from)'},full:{to:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-out-full-to)',from:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-fade-out-full-from)'}}}};
 var baseVars = {cursor:{clickable:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable)'},boxShadow:{xs:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-xs)',sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-xl)'},borderRadius:{sm:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-sm)',md:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md)',lg:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg)',xl:'var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl)'}};

package/es/Common/themes.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 export { Redwood } from './themes/redwood/theme.js';
 import './themes/themeContract.css.js';
 

package/es/Common.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.11 */
+/* @oracle/oraclejet-preact: 15.1.12 */
 import './Common/themes.js';
 export { Redwood } from './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';

package/es/CompactHelpSource-69b2d536.js

@@ -0,0 +1,69 @@
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
+import { useRef, useCallback, useState } from 'preact/hooks';
+import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
+import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
+import './utils/UNSAFE_classNames.js';
+import { HelpIcon as SvgHelp } from './PRIVATE_ThemedIcons/HelpIcon.js';
+import { Popup } from './UNSAFE_Popup.js';
+import './hooks/UNSAFE_useFocusWithin.js';
+import { u as useFocusWithin } from './useFocusWithin-592a1079.js';
+import { helpIconBase, helpIconLabelEdgeStart, helpContentStyles } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
+import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
+import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';
+import { c as classNames } from './classNames-f31667fa.js';
+
+function usePopupFocusWithin() {
+    const ref = useRef(null);
+    const { focusProps, isFocused } = useFocusWithin();
+    const onTransitionEnd = useCallback((isAfterOpen) => {
+        if (isAfterOpen) {
+            if (focusProps.onfocusin) {
+                ref.current?.addEventListener('focusin', focusProps.onfocusin, false);
+            }
+            if (focusProps.onfocusout) {
+                ref.current?.addEventListener('focusout', focusProps.onfocusout, false);
+            }
+        }
+        else {
+            if (focusProps.onfocusin) {
+                ref.current?.removeEventListener('focusin', focusProps.onfocusin, false);
+            }
+            if (focusProps.onfocusout) {
+                ref.current?.removeEventListener('focusout', focusProps.onfocusout, false);
+            }
+        }
+    }, [focusProps.onfocusin, focusProps.onfocusout, ref]);
+    return {
+        isFocused,
+        popupProps: {
+            onTransitionEnd,
+            ref
+        }
+    };
+}
+
+function CompactHelpSource({ children, id, labelEdge, source }) {
+    const [isOver, setOver] = useState(false);
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
+    const { isTabbable, tabbableModeProps } = useTabbableMode();
+    const flip = { mainAxis: true, crossAxis: false };
+    // TODO: Implement and use a preact Link component instead of using an anchor tag
+    const anchorRef = useRef(null);
+    const text = children ?? userAssistance_learnMoreStr;
+    // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list
+    // so that we pick up the definitions for the labelVars we are using.
+    const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);
+    const styles = classNames([
+        labelBaseTheme,
+        helpIconBase,
+        labelEdge === 'start' && helpIconLabelEdgeStart
+    ]);
+    const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();
+    const isOpen = isOver === true || isPopupFocused === true;
+    return (jsxs(Fragment, { children: [jsx("a", { target: "_blank", ...(source && { href: source }), "aria-label": text, class: styles, id: id, ref: anchorRef, role: "link", onMouseEnter: () => setOver(true), onMouseLeave: () => setOver(false), onFocus: () => setOver(true), onBlur: () => setOver(false), ...(!isTabbable ? tabbableModeProps : { tabIndex: 0 }), children: jsx(SvgHelp, {}) }), jsx(Popup, { ...popupProps, placement: "end-top-corner", isOpen: isOpen, anchorRef: anchorRef, flipOptions: flip, children: jsx("div", { class: helpContentStyles, children: text }) })] }));
+}
+
+export { CompactHelpSource as C, usePopupFocusWithin as u };
+//# sourceMappingURL=CompactHelpSource-69b2d536.js.map

package/es/CompactHelpSource-69b2d536.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactHelpSource-69b2d536.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onfocusin) {\n          ref.current?.addEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.addEventListener('focusout', focusProps.onfocusout, false);\n        }\n      } else {\n        if (focusProps.onfocusin) {\n          ref.current?.removeEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.removeEventListener('focusout', focusProps.onfocusout, false);\n        }\n      }\n    },\n    [focusProps.onfocusin, focusProps.onfocusout, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        {...(source && { href: source })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n"],"names":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}

package/es/ComponentMessage-1d61520a.js

@@ -0,0 +1,31 @@
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { jsxs, jsx } from 'preact/jsx-runtime';
+import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
+import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
+import './PRIVATE_Message.js';
+import './UNSAFE_HiddenAccessible.js';
+import { ComponentMessageRedwoodTheme } from './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
+import { H as HiddenAccessible } from './HiddenAccessible-4c5f01d7.js';
+import { i as isSeverityIconNeeded } from './MessageUtils-970f0025.js';
+import { M as MessageStartIcon } from './MessageStartIcon-1996487c.js';
+import { M as MessageSummary } from './MessageSummary-f88e3904.js';
+
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+function ComponentMessage({ detail, fieldLabel, severity = 'error' }) {
+    const { classes } = useComponentTheme(ComponentMessageRedwoodTheme, {
+        severity: severity ?? 'none'
+    });
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const severityTranslations = {
+        confirmation: translations.confirmation(),
+        error: translations.error(),
+        info: translations.info(),
+        warning: translations.warn()
+    };
+    return (jsxs("div", { 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 })] }));
+}
+
+export { ComponentMessage as C };
+//# sourceMappingURL=ComponentMessage-1d61520a.js.map

package/es/ComponentMessage-1d61520a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-1d61520a.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.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 */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\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 } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\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"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;AA6CA;;AAEG;AACG,SAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,OAAO,EAAS,EAAA;AAChF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CACnC,4BAA4B,EAC5B;QACE,QAAQ,EAAE,QAAQ,IAAI,MAAM;AAC7B,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,oBAAoB,GAAG;AAC3B,QAAA,YAAY,EAAE,YAAY,CAAC,YAAY,EAAE;AACzC,QAAA,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE;AAC3B,QAAA,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE;AACzB,QAAA,OAAO,EAAE,YAAY,CAAC,IAAI,EAAE;KAC7B,CAAC;IAEF,QACEA,IAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAa,aAAA,EAAA,MAAM,EACjD,QAAA,EAAA,CAAA,UAAU,IAAIC,GAAC,CAAA,gBAAgB,EAAE,EAAA,QAAA,EAAA,UAAU,EAAoB,CAAA,EAC/D,oBAAoB,CAAC,QAAQ,CAAC,KAC7BA,GAAC,CAAA,gBAAgB,IACf,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,oBAAoB,EAAA,CAClC,CACH,EAEDA,IAAC,cAAc,EAAA,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAA,CAAI,CAC7C,EAAA,CAAA,EACN;AACJ;;;;"}

package/es/ComponentMessageContainer-47297772.js

@@ -0,0 +1,31 @@
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { jsx } from 'preact/jsx-runtime';
+import './PRIVATE_Message.js';
+import { C as ComponentMessage } from './ComponentMessage-1d61520a.js';
+import { componentMessageContainerBase } from './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
+import { M as MessagesManager } from './MessagesManager-a23ec0c2.js';
+
+/**
+ * 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", { class: componentMessageContainerBase, children: jsx(MessagesManager, { data: generateMessagesData(messages), children: ({ item }) => (jsx(ComponentMessage, { detail: item.data.detail, fieldLabel: fieldLabel, severity: item.data.severity }, item.key)) }) }));
+}
+
+export { ComponentMessageContainer as C };
+//# sourceMappingURL=ComponentMessageContainer-47297772.js.map

package/es/ComponentMessageContainer-47297772.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-47297772.js","sources":["../../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 */\n\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\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={componentMessageContainerBase}>\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":["_jsx"],"mappings":";;;;;;;AAaA;;;;;AAKG;AACH,SAAS,oBAAoB,CAAC,QAAgC,EAAA;IAC5D,OAAO,QAAQ,CAAC,GAAG,CAAqC,CAAC,OAAO,EAAE,KAAK,KAAI;QACzE,OAAO;AACL,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,IAAI,EAAE;AACJ,gBAAA,eAAe,EAAE,KAAK;AACtB,gBAAA,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,OAAO;gBACrC,MAAM,EAAE,OAAO,CAAC,MAAM;AACvB,aAAA;SACF,CAAC;AACJ,KAAC,CAAC,CAAC;AACL,CAAC;AAiBK,SAAU,yBAAyB,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,EAAE,EAAS,EAAA;IAC5E,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,YACvCA,GAAC,CAAA,eAAe,EAAC,EAAA,IAAI,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAClD,QAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MACRA,GAAA,CAAC,gBAAgB,EAAA,EAEf,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAA,EAHvB,IAAI,CAAC,GAAG,CAIb,CACH,EAAA,CACe,EACd,CAAA,EACN;AACJ;;;;"}

package/es/Divider-12ea8aa0.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: 15.1.12 */
+import { jsx } from 'preact/jsx-runtime';
+import './utils/UNSAFE_classNames.js';
+import { multiVariantStyles, styles } from './UNSAFE_Divider/themes/DividerStyles.css.js';
+import { c as classNames } from './classNames-f31667fa.js';
+
+// TODO - Support vertical orientation
+function Divider({ orientation = 'horizontal' }) {
+    const variantClasses = multiVariantStyles({
+        orientation: orientation
+    });
+    const classes = classNames([variantClasses, styles.dividerBase]);
+    // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it
+    return jsx("span", { class: classes, role: "separator", "aria-orientation": orientation });
+}
+
+export { Divider as D };
+//# sourceMappingURL=Divider-12ea8aa0.js.map

package/es/Divider-12ea8aa0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-12ea8aa0.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 */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { multiVariantStyles, styles } from './themes/DividerStyles.css';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\n// TODO - Support vertical orientation\nexport function Divider({ orientation = 'horizontal' }: DividerProps) {\n  const variantClasses = multiVariantStyles({\n    orientation: orientation\n  });\n  const classes = classNames([variantClasses, styles.dividerBase]);\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={classes} role=\"separator\" aria-orientation={orientation}></span>;\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAkBA;SACgB,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,EAAgB,EAAA;IAClE,MAAM,cAAc,GAAG,kBAAkB,CAAC;AACxC,QAAA,WAAW,EAAE,WAAW;AACzB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;;IAEjE,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,EAAA,kBAAA,EAAmB,WAAW,EAAA,CAAS,CAAC;AACvF;;;;"}