@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/{ClearIcon-758f35e3.js.map → ClearIcon-27a5c275.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClearIcon-758f35e3.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["clearIconStyles","noop","onClick","killEvent","useCallback","event","pressProps","usePress","clearStr","useTranslationBundle","formControl_clear"],"mappings":"oKAWA,MAaAA,WAwBAC,EAAA,mBAEA,UAAAC,QAAAA,IACE,MAAAC,EAAAC,EAAAA,YAAAC,6BAGAC,WAAAA,GAAAC,EAAAA,SAAAL,MAAAA,EAAAA,EAAAD,GAEAO,EADAC,uBAAA,4BACAC"}
+{"version":3,"file":"ClearIcon-27a5c275.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","clearIconStyles","noop","ClearIcon","onClick","killEvent","useCallback","event","pressProps","usePress","translations","useTranslationBundle","clearStr","formControl_clear"],"mappings":";;;IAWA,MAAAA,cAAA,GAAA,SAAA;;IAEA,MAAAC,oBAAA,GAAA,sDAAA;;IAEA,MAAAC,iCAAA,GAAA,wDAAA;;IAEA,MAAAC,sCAAA,GAAA,wDAAA;;IAGA,MAAAC,oCAAA,GAAA,oDAAA;;IAEA,MAAAC,wCAAA,GAAA,aAAA,CAAA;IAEA,MAAAC,eAAA,GAAA;;IAAA,CAAA,CAAA;;IAwBA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;IAEA,SAAAC,SAAA,CAAA;IAAAC,EAAAA,OAAAA;IAAA,CAAA,EAAA;IACE,EAAA,MAAAC,SAAA,GAAAC,iBAAA,CAAAC,KAAA,IAAA;;OAAA,IAAA,CAAA,CAAA;MAGA,MAAA;IAAAC,IAAAA,UAAAA;IAAA,GAAA,GAAAC,8BAAA,CAAAL,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAF,IAAA,CAAA,CAAA;IACA,EAAA,MAAAQ,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;IACA,EAAA,MAAAC,QAAA,GAAAF,YAAA,CAAAG,iBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;IAmBF;;;;;;;;;;;"}

package/amd/Collection-55b75a82.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'preact'], (function (exports, jsxRuntime, preact) { 'use strict';
+
+    /**
+     * Component that renders an array of data.
+     */
+    function Collection({ items, children }) {
+        return (jsxRuntime.jsx(preact.Fragment, { children: items.map((data, index) => {
+                const ctx = { index, data };
+                return children(ctx);
+            }) }));
+    }
+
+    exports.Collection = Collection;
+
+}));
+/*  */
+//# sourceMappingURL=Collection-55b75a82.js.map

package/amd/{Collection-25c13095.js.map → Collection-55b75a82.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Collection-25c13095.js","sources":["../../src/PRIVATE_Collection/Collection.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 { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        const ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["items","children","_jsx","jsx","Fragment","map","data","index"],"mappings":"qGA2B8BA,MAAEA,EAAKC,SAAEA,IACrC,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAAH,SACND,EAAMK,IAAI,CAACC,EAASC,IAEZN,EADK,CAAEM,MAAAA,EAAOD,KAAAA"}
+{"version":3,"file":"Collection-55b75a82.js","sources":["../../src/PRIVATE_Collection/Collection.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 { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        const ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["_jsx","Fragment"],"mappings":";;;IAwBA;;IAEG;aACa,UAAU,CAAI,EAAE,KAAK,EAAE,QAAQ,EAAY,EAAA;IACzD,IAAA,QACEA,cAAA,CAACC,eAAQ,EAAA,EAAA,QAAA,EACN,KAAK,CAAC,GAAG,CAAC,CAAC,IAAO,EAAE,KAAa,KAAI;IACpC,YAAA,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAC5B,YAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;aACtB,CAAC,EACO,CAAA,EACX;IACJ;;;;;;;;;;;"}

package/amd/ComponentMessage-5603259e.js

@@ -0,0 +1,44 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './UNSAFE_HiddenAccessible', './utils/UNSAFE_classNames', './classNames-027de734', './MessageUtils-0bf10cfa', './HiddenAccessible-1dadf91a', './MessageStartIcon-1b57b659', './MessageSummary-cf0af1b2'], (function (exports, jsxRuntime, linaria, hooks_UNSAFE_useTranslationBundle, PRIVATE_Message, UNSAFE_HiddenAccessible, utils_UNSAFE_classNames, classNames, MessageUtils, HiddenAccessible, MessageStartIcon, MessageSummary) { 'use strict';
+
+    const baseStyles = "baseStyles-wprvjt";
+    /**
+     * The component that renders an individual message for inline component messaging.
+     */
+
+    function ComponentMessage({
+      detail,
+      fieldLabel,
+      severity = 'error'
+    }) {
+      const classes = classNames.classNames([baseStyles, MessageUtils.severityBasedStyleClass(severity, 'inline')]);
+      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", Object.assign({
+        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-5603259e.js.map

package/amd/{ComponentMessage-e718a00c.js.map → ComponentMessage-5603259e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComponentMessage-e718a00c.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 */\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"],"names":["detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn"],"mappings":"gXA0DA,UAAAA,OAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAA,UACE,MAAAC,EAAAC,EAAAA,WAAA,CAxCF,UAwCEC,EAAAA,wBAAAH,EAAA,YACAI,EAAAC,uBAAA,4BACAC,EAAA,CACEC,aAAAH,EAAAG,eACAC,MAAAJ,EAAAI,QACAC,KAAAL,EAAAK,OACAC,QAAAN,EAAAO"}
+{"version":3,"file":"ComponentMessage-5603259e.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 */\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"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn"],"mappings":";;;IAmBA,MAAAA,UAAA,GAAA,mBAAA,CAAA;IAoCA;;IAEG;;IACH,SAAAC,gBAAA,CAAA;MAAAC,MAAA;MAAAC,UAAA;IAAAC,EAAAA,QAAA,GAAA,OAAA;IAAA,CAAA,EAAA;IACE,EAAA,MAAAC,OAAA,GAAAC,qBAAA,CAAA,CAAAN,UAAA,EAAAO,oCAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;IACA,EAAA,MAAAI,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;IACA,EAAA,MAAAC,oBAAA,GAAA;IACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;IAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;IAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;QAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;OAJF,CAAA;;;;;;;;;;;;;;;;;IAqBF;;;;;;;;;;;"}

package/amd/ComponentMessageContainer-a00ec42c.js

@@ -0,0 +1,50 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './PRIVATE_Message', './ComponentMessage-5603259e', './MessagesManager-da52103a'], (function (exports, jsxRuntime, linaria, PRIVATE_Message, ComponentMessage, MessagesManager) { 'use strict';
+
+    const rootStyles = "rootStyles-151le83";
+    /**
+     * 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", Object.assign({
+        class: rootStyles
+      }, {
+        children: jsxRuntime.jsx(MessagesManager.MessagesManager, Object.assign({
+          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-a00ec42c.js.map

package/{cjs/ComponentMessageContainer-98b5b547.js.map → amd/ComponentMessageContainer-a00ec42c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComponentMessageContainer-98b5b547.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 */\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":["rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","severity","message","ComponentMessageContainer","fieldLabel"],"mappings":";;;;;;;;;AAYA,MAAAA,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;AAEEC,QAAAA,QAAA,EAAAC,OAAA,CAAAD,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAiBA,SAAAE,yBAAA,CAAA;EAAAC,UAAA;AAAAR,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;AAeA;;;;;;;"}
+{"version":3,"file":"ComponentMessageContainer-a00ec42c.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 */\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":["rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","severity","message","ComponentMessageContainer","fieldLabel"],"mappings":";;;IAYA,MAAAA,UAAA,GAAA,oBAAA,CAAA;IAKA;;;;;IAKG;;IACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;IAGMC,MAAAA,GAAA,EAAAC;IACAC,MAAAA,IAAA,EAAA;IACEC,QAAAA,eAAA,EAAA,KADF;IAEEC,QAAAA,QAAA,EAAAC,OAAA,CAAAD,QAAA,IAAA,OAFF;;IAAA,OAAA;;IAMJ;IACF,CAAA;;IAiBA,SAAAE,yBAAA,CAAA;MAAAC,UAAA;IAAAR,EAAAA,QAAA,GAAA,EAAA;IAAA,CAAA,EAAA;;;;;;;;;;;;;;;;IAeA;;;;;;;;;;;"}

package/amd/Divider-8cd412fd.js

@@ -0,0 +1,34 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './utils/UNSAFE_mergeInterpolations'], (function (exports, jsxRuntime, linaria, utils_UNSAFE_mergeInterpolations) { 'use strict';
+
+    const styles = {
+      orientation: {
+        horizontal: "horizontal-1v80wof"
+      }
+    };
+    const interpolations = [({
+      orientation = 'horizontal'
+    }) => ({
+      class: styles.orientation[orientation]
+    })];
+    const styleInterpolations = utils_UNSAFE_mergeInterpolations.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 jsxRuntime.jsx("span", {
+        class: cls,
+        role: "separator",
+        "aria-orientation": "horizontal"
+      });
+    }
+
+    exports.Divider = Divider;
+
+}));
+/*  */
+//# sourceMappingURL=Divider-8cd412fd.js.map

package/amd/{Divider-0e4c5047.js.map → Divider-8cd412fd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-0e4c5047.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","cls"],"mappings":"sHAmBA,MAAAA,EAAA,CACEC,YAAA,yBAcFC,EAAA,mCAEIC,MAAAH,EAAAC,YAAAA,MAIJG,EAAAC,EAAAA,oBAAAH,aAGA,WACE,MAAAC,MAAAG,GAAAF,EAAA,CAAAH,YAAA"}
+{"version":3,"file":"Divider-8cd412fd.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":";;;IAmBA,MAAAA,MAAA,GAAA;IACEC,EAAAA,WAAA,EAAA;;IAAA,GAAA;IADF,CAAA,CAAA;IAeA,MAAAC,cAAA,GAAA;;;IAEIC,EAAAA,KAAA,EAAAH,MAAA,CAAAC,WAAA,CAAAA,WAAA,CAAA;MAFJ,CAAA,CAAA;IAMA,MAAAG,mBAAA,GAAAC,oDAAA,CAAAH,cAAA,CAAA;;IAGA,SAAAI,OAAA,GAAA;MACE,MAAA;IAAAH,IAAAA,KAAA,EAAAI,GAAAA;IAAA,GAAA,GAAAH,mBAAA,CAAA;IAAAH,IAAAA,WAAA,EAAA,YAAA;OAAA,CAAA,CADF;;;;;;;IAKA;;;;;;;;;;;"}