@oracle/oraclejet-preact 15.1.5 → 15.1.7

package/cjs/Common/themes/redwood/theme.base.tokens.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../UNSAFE_Theme.js');
 var Common_themes_themeContract_css = require('../themeContract.css.js');
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 
 /**
  * These theme tokens are manually updated and are not generated from Figma tokens. These will eventually be generated.

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 

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

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 var Common_themes_themeContract_css = require('../themeContract.css.js');
 
 /**

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

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

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

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 var Common_themes_themeContract_css = require('../themeContract.css.js');
 
 /**

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

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

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

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 require('../themeContract.css.js');
 
 /**

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

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

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

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../UNSAFE_Theme.js');
 var Common_themes_themeContract_css = require('../themeContract.css.js');
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 
 /**
  * Stable theme tokens are manually updated and are not generated from Figma tokens

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 

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

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 var Common_themes_themeContract_css = require('../themeContract.css.js');
 
 /**

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

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

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

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 var Common_themes_themeContract_css = require('../themeContract.css.js');
 
 /**

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

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

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

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.1.5 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../UNSAFE_Theme.js');
-var utils = require('../../../utils-302a51a4.js');
+var utils = require('../../../utils-eecc07a9.js');
 require('../themeContract.css.js');
 
 /**

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

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

package/cjs/Common/themes.js

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

package/cjs/Common.js

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

package/cjs/CompactHelpSource-19f90113.js

@@ -0,0 +1,72 @@
+/* @oracle/oraclejet-preact: 15.1.7 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+require('./utils/UNSAFE_classNames.js');
+var PRIVATE_ThemedIcons_HelpIcon = require('./PRIVATE_ThemedIcons/HelpIcon.js');
+var UNSAFE_Popup = require('./UNSAFE_Popup.js');
+require('./hooks/UNSAFE_useFocusWithin.js');
+var useFocusWithin = require('./useFocusWithin-4a3f1d41.js');
+var UNSAFE_UserAssistance_themes_UserAssistanceStyles_css = require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
+var classNames = require('./classNames-0ed740a0.js');
+
+function usePopupFocusWithin() {
+    const ref = hooks.useRef(null);
+    const { focusProps, isFocused } = useFocusWithin.useFocusWithin();
+    const onTransitionEnd = hooks.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] = hooks.useState(false);
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
+    const { isTabbable, tabbableModeProps } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+    const flip = { mainAxis: true, crossAxis: false };
+    // TODO: Implement and use a preact Link component instead of using an anchor tag
+    const anchorRef = hooks.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 } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Label_themes_redwood_LabelTheme.LabelRedwoodTheme);
+    const styles = classNames.classNames([
+        labelBaseTheme,
+        UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.helpIconBase,
+        labelEdge === 'start' && UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.helpIconLabelEdgeStart
+    ]);
+    const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();
+    const isOpen = isOver === true || isPopupFocused === true;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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: jsxRuntime.jsx(PRIVATE_ThemedIcons_HelpIcon.HelpIcon, {}) }), jsxRuntime.jsx(UNSAFE_Popup.Popup, { ...popupProps, placement: "end-top-corner", isOpen: isOpen, anchorRef: anchorRef, flipOptions: flip, children: jsxRuntime.jsx("div", { class: UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.helpContentStyles, children: text }) })] }));
+}
+
+exports.CompactHelpSource = CompactHelpSource;
+exports.usePopupFocusWithin = usePopupFocusWithin;
+//# sourceMappingURL=CompactHelpSource-19f90113.js.map

package/cjs/CompactHelpSource-19f90113.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactHelpSource-19f90113.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":["useRef","useFocusWithin","useCallback","useState","useTranslationBundle","useTabbableMode","useComponentTheme","LabelRedwoodTheme","classNames","helpIconBase","helpIconLabelEdgeStart","_jsxs","_Fragment","_jsx","HelpIcon","Popup","helpContentStyles"],"mappings":"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"}

package/cjs/ComponentMessage-8728a1d5.js

@@ -0,0 +1,33 @@
+/* @oracle/oraclejet-preact: 15.1.7 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+require('./PRIVATE_Message.js');
+require('./UNSAFE_HiddenAccessible.js');
+var UNSAFE_ComponentMessage_themes_redwood_ComponentMessageTheme = require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
+var HiddenAccessible = require('./HiddenAccessible-2c55c9fb.js');
+var MessageUtils = require('./MessageUtils-3b859ef8.js');
+var MessageStartIcon = require('./MessageStartIcon-7ae5ff4e.js');
+var MessageSummary = require('./MessageSummary-ea4950bf.js');
+
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+function ComponentMessage({ detail, fieldLabel, severity = 'error' }) {
+    const { classes } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_ComponentMessage_themes_redwood_ComponentMessageTheme.ComponentMessageRedwoodTheme, {
+        severity: severity ?? 'none'
+    });
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const severityTranslations = {
+        confirmation: translations.confirmation(),
+        error: translations.error(),
+        info: translations.info(),
+        warning: translations.warn()
+    };
+    return (jsxRuntime.jsxs("div", { class: classes, role: "alert", "aria-atomic": "true", children: [fieldLabel && jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: fieldLabel }), MessageUtils.isSeverityIconNeeded(severity) && (jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, { variant: "inline", severity: severity, translations: severityTranslations })), jsxRuntime.jsx(MessageSummary.MessageSummary, { variant: "inline", text: detail })] }));
+}
+
+exports.ComponentMessage = ComponentMessage;
+//# sourceMappingURL=ComponentMessage-8728a1d5.js.map

package/cjs/ComponentMessage-8728a1d5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-8728a1d5.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":["useComponentTheme","ComponentMessageRedwoodTheme","useTranslationBundle","_jsxs","_jsx","HiddenAccessible","isSeverityIconNeeded","MessageStartIcon","MessageSummary"],"mappings":";;;;;;;;;;;;;;AA6CA;;AAEG;AACG,SAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,OAAO,EAAS,EAAA;AAChF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,gDAAiB,CACnCC,yFAA4B,EAC5B;QACE,QAAQ,EAAE,QAAQ,IAAI,MAAM;AAC7B,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,YAAY,GAAGC,sDAAoB,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,QACEC,eAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAa,aAAA,EAAA,MAAM,EACjD,QAAA,EAAA,CAAA,UAAU,IAAIC,cAAC,CAAAC,iCAAgB,EAAE,EAAA,QAAA,EAAA,UAAU,EAAoB,CAAA,EAC/DC,iCAAoB,CAAC,QAAQ,CAAC,KAC7BF,cAAC,CAAAG,iCAAgB,IACf,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,oBAAoB,EAAA,CAClC,CACH,EAEDH,eAACI,6BAAc,EAAA,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAA,CAAI,CAC7C,EAAA,CAAA,EACN;AACJ;;;;"}

package/cjs/ComponentMessageContainer-7e4bff2d.js

@@ -0,0 +1,33 @@
+/* @oracle/oraclejet-preact: 15.1.7 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./PRIVATE_Message.js');
+var ComponentMessage = require('./ComponentMessage-8728a1d5.js');
+var UNSAFE_ComponentMessage_themes_ComponentMessageStyles_css = require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
+var MessagesManager = require('./MessagesManager-0508957a.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 (jsxRuntime.jsx("div", { class: UNSAFE_ComponentMessage_themes_ComponentMessageStyles_css.componentMessageContainerBase, children: jsxRuntime.jsx(MessagesManager.MessagesManager, { data: generateMessagesData(messages), children: ({ item }) => (jsxRuntime.jsx(ComponentMessage.ComponentMessage, { detail: item.data.detail, fieldLabel: fieldLabel, severity: item.data.severity }, item.key)) }) }));
+}
+
+exports.ComponentMessageContainer = ComponentMessageContainer;
+//# sourceMappingURL=ComponentMessageContainer-7e4bff2d.js.map

package/cjs/ComponentMessageContainer-7e4bff2d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-7e4bff2d.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","componentMessageContainerBase","MessagesManager","ComponentMessage"],"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,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAEC,uFAA6B,YACvCD,cAAC,CAAAE,+BAAe,EAAC,EAAA,IAAI,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAClD,QAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MACRF,cAAA,CAACG,iCAAgB,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/cjs/Divider-8a75a82d.js

@@ -0,0 +1,20 @@
+/* @oracle/oraclejet-preact: 15.1.7 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./utils/UNSAFE_classNames.js');
+var UNSAFE_Divider_themes_DividerStyles_css = require('./UNSAFE_Divider/themes/DividerStyles.css.js');
+var classNames = require('./classNames-0ed740a0.js');
+
+// TODO - Support vertical orientation
+function Divider({ orientation = 'horizontal' }) {
+    const variantClasses = UNSAFE_Divider_themes_DividerStyles_css.multiVariantStyles({
+        orientation: orientation
+    });
+    const classes = classNames.classNames([variantClasses, UNSAFE_Divider_themes_DividerStyles_css.styles.dividerBase]);
+    // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it
+    return jsxRuntime.jsx("span", { class: classes, role: "separator", "aria-orientation": orientation });
+}
+
+exports.Divider = Divider;
+//# sourceMappingURL=Divider-8a75a82d.js.map

package/cjs/Divider-8a75a82d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-8a75a82d.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":["multiVariantStyles","classNames","styles","_jsx"],"mappings":";;;;;;;;AAkBA;SACgB,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,EAAgB,EAAA;IAClE,MAAM,cAAc,GAAGA,0DAAkB,CAAC;AACxC,QAAA,WAAW,EAAE,WAAW;AACzB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAGC,qBAAU,CAAC,CAAC,cAAc,EAAEC,8CAAM,CAAC,WAAW,CAAC,CAAC,CAAC;;IAEjE,OAAOC,cAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,EAAA,kBAAA,EAAmB,WAAW,EAAA,CAAS,CAAC;AACvF;;;;"}