@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/MessageCloseButton-51697635.js

@@ -0,0 +1,44 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './UNSAFE_Button', './index-f54bad63', './utils/UNSAFE_classNames', './Button-87280b4a', './index-5920700b', './classNames-027de734'], (function (exports, jsxRuntime, linaria, UNSAFE_Button, UNSAFE_ThemedIcons, utils_UNSAFE_classNames, Button, UNSAFE_Icons, classNames) { 'use strict';
+
+    const messageCloseButtonStyles = {
+      base: "base-1pak3p1",
+      banner: "banner-1y67nsj",
+      inline: undefined,
+      toast: "toast-1tzt5hj"
+    };
+    /**
+     * A Component for rendering the message close button
+     */
+
+    function MessageCloseButton({
+      onAction,
+      buttonRenderer,
+      title = 'Close',
+      variant = 'banner'
+    }) {
+      const renderedButton = buttonRenderer ? buttonRenderer(title, onAction, variant) : jsxRuntime.jsx(Button.Button, {
+        startIcon: jsxRuntime.jsx(UNSAFE_Icons.SvgIcoClose, {}),
+        size: "sm",
+        title: title,
+        variant: "borderless",
+        onAction: onAction
+      }); // TODO: JET-48715 - remove marker classes
+      // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+      // testing. This will need to be removed as we work on oj-c-message-banner.
+
+      const markerClassForTests = 'oj-c-messagebanner-close-icon';
+      const classes = classNames.classNames([variant === 'banner' && markerClassForTests, messageCloseButtonStyles.base, messageCloseButtonStyles[variant]]); // Otherwise, render the close icon
+
+      return jsxRuntime.jsx("div", Object.assign({
+        class: classes
+      }, {
+        children: renderedButton
+      }));
+    }
+
+    exports.MessageCloseButton = MessageCloseButton;
+
+}));
+/*  */
+//# sourceMappingURL=MessageCloseButton-51697635.js.map

package/{cjs/MessageCloseButton-a573c580.js.map → amd/MessageCloseButton-51697635.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageCloseButton-a573c580.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { VNode } from 'preact';\nimport { Button } from '../UNSAFE_Button';\nimport { CloseIcon } from '../UNSAFE_ThemedIcons';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\n// TODO: remove usages of margin here\nconst messageCloseButtonStyles = {\n  base: cssProps`${{\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  banner: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)'\n  }}`\n};\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    <Button\n      startIcon={<CloseIcon />}\n      size=\"sm\"\n      title={title}\n      variant=\"borderless\"\n      onAction={onAction}\n    />\n  );\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-close-icon';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageCloseButtonStyles.base,\n    messageCloseButtonStyles[variant]\n  ]);\n\n  // Otherwise, render the close icon\n  return <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["messageCloseButtonStyles","inline","undefined","MessageCloseButton","onAction","buttonRenderer","title","variant","base","_jsx","Object","assign","class","classes","children","renderedButton"],"mappings":";;;;;;;;;;;;AAgBA,MAAAA,wBAAA,GAAA;QAAA,UAAA;UAAA,UAAA;AAWEC,EAAAA,MAAA,EAAAC,SAXF;;AAAA,CAAA,CAAA;AAiDA;;AAEG;;AACH,SAAAC,kBAAA,CAAA;EAAAC,QAAA;EAAAC,cAAA;AAAAC,EAAAA,KAAA,GAAA,OAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;;;;;;KAAA;;;;;sFAuBIP,wBAAA,CAAAQ,0CAvBJ;;AA4BE,EAAA,OAAAC,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,OAAAA;AAAA,GAAA,EAAA;AAAAC,IAAAA,QAAA,EAAAC,cAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}
+{"version":3,"file":"MessageCloseButton-51697635.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { VNode } from 'preact';\nimport { Button } from '../UNSAFE_Button';\nimport { CloseIcon } from '../UNSAFE_ThemedIcons';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\n// TODO: remove usages of margin here\nconst messageCloseButtonStyles = {\n  base: cssProps`${{\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  banner: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)'\n  }}`\n};\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    <Button\n      startIcon={<CloseIcon />}\n      size=\"sm\"\n      title={title}\n      variant=\"borderless\"\n      onAction={onAction}\n    />\n  );\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-close-icon';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageCloseButtonStyles.base,\n    messageCloseButtonStyles[variant]\n  ]);\n\n  // Otherwise, render the close icon\n  return <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["messageCloseButtonStyles","inline","undefined","MessageCloseButton","onAction","buttonRenderer","title","variant","base","_jsx","Object","assign","class","classes","children","renderedButton"],"mappings":";;;IAgBA,MAAAA,wBAAA,GAAA;YAAA,cAAA;cAAA,gBAAA;IAWEC,EAAAA,MAAA,EAAAC,SAXF;;IAAA,CAAA,CAAA;IAiDA;;IAEG;;IACH,SAAAC,kBAAA,CAAA;MAAAC,QAAA;MAAAC,cAAA;IAAAC,EAAAA,KAAA,GAAA,OAAA;IAAAC,EAAAA,OAAA,GAAA,QAAA;IAAA,CAAA,EAAA;;;;;;;SAAA;;;;;0FAuBIP,wBAAA,CAAAQ,0CAvBJ;;IA4BE,EAAA,OAAAC,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAAC,OAAAA;IAAA,GAAA,EAAA;IAAAC,IAAAA,QAAA,EAAAC,cAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IACF;;;;;;;;;;;"}

package/amd/MessageDetail-dd86fa2b.js

@@ -0,0 +1,61 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', 'preact', './utils/UNSAFE_classNames', './MessageFormattingUtils-0ffdac02', './classNames-027de734'], (function (exports, jsxRuntime, linaria, preact, utils_UNSAFE_classNames, MessageFormattingUtils, classNames) { 'use strict';
+
+    const messageDetailStyles = {
+      // TODO: Reevaluate once the TEXT component is available (JET-46891)
+      base: "base-x5cqu",
+      banner: "banner-t3i7mz",
+      inline: undefined,
+      toast: "toast-1uecflr"
+    };
+    /**
+     * Default renderer for rendering the detail content.
+     *
+     * @param item The data item object
+     * @returns Rendered detail content
+     */
+
+    function defaultDetailRenderer(item) {
+      const {
+        detail
+      } = item.data; // If the detail is null or an empty string, do not render the
+      // content row
+
+      if (!MessageFormattingUtils.isValidValueForProp(detail)) {
+        return null;
+      }
+
+      return jsxRuntime.jsx(preact.Fragment, {
+        children: detail
+      });
+    }
+    /**
+     * Detail Component for rendering the detail content of the Message
+     */
+
+
+    function MessageDetail({
+      item,
+      renderer = defaultDetailRenderer,
+      variant = 'banner'
+    }) {
+      const renderedContent = renderer(item);
+      if (renderedContent == null) return null; // If detail content is rendered, then wrap it in a div with specified style classes
+      // TODO: JET-48715 - remove marker classes
+      // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+      // testing. This will need to be removed as we work on oj-c-message-banner.
+
+      const markerClassForTests = 'oj-c-messagebanner-detail';
+      const classes = classNames.classNames([variant === 'banner' && markerClassForTests, messageDetailStyles.base, messageDetailStyles[variant]]);
+      return jsxRuntime.jsx("div", Object.assign({
+        class: classes
+      }, {
+        children: renderedContent
+      }));
+    }
+
+    exports.MessageDetail = MessageDetail;
+
+}));
+/*  */
+//# sourceMappingURL=MessageDetail-dd86fa2b.js.map

package/amd/{MessageDetail-ddfaa852.js.map → MessageDetail-dd86fa2b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageDetail-ddfaa852.js","sources":["../../src/PRIVATE_Message/MessageDetail.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\nconst messageDetailStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n\n  inline: undefined,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color)'\n  }}`\n};\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","renderer","variant","renderedContent","base","Object","assign","class","classes"],"mappings":"wLAcA,MAAAA,EAAA,MAAA,cAAA,WAWEC,YAAAC,mBAyCF,SAAAC,EAAAC,GAGE,MAAAC,OAAAA,GAAAD,EAAAE,KAGA,OAAAC,EAAAA,oBAAAF,GAGAG,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAAL,IAFE,qBAQJ,UAAAD,KAAAA,EAAAO,SAAAA,EAAAR,EAAAS,QAAAA,EAAA,WAKE,MAAAC,EAAAF,EAAAP,cAE6B,OAAA,qEAS3BJ,EAAAc,YAGF,OAAAN,MAAA,MAAAO,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAR,SAAAG"}
+{"version":3,"file":"MessageDetail-dd86fa2b.js","sources":["../../src/PRIVATE_Message/MessageDetail.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\nconst messageDetailStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n\n  inline: undefined,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color)'\n  }}`\n};\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","MessageDetail","renderer","variant","renderedContent","base","Object","assign","class","classes"],"mappings":";;;IAcA,MAAAA,mBAAA,GAAA;;YAAA,YAAA;cAAA,eAAA;IAWEC,EAAAA,MAAA,EAAAC,SAXF;;IAAA,CAAA,CAAA;IA8CA;;;;;IAKG;;IACH,SAAAC,qBAAA,CAAAC,IAAA,EAAA;MAGE,MAAA;IAAAC,IAAAA,MAAAA;IAAA,GAAA,GAAAD,IAAA,CAAAE,IAAA,CAHF;;;IAME,EAAA,IAAA,CAAAC,0CAAA,CAAAF,MAAA,CAAA,EAAA;IACE,IAAA,OAAA,IAAA,CAAA;IACD,GAAA;;MACD,OAAAG,cAAA,CAAAC,eAAA,EAAA;IAAAC,IAAAA,QAAA,EAAAL,MAAAA;IAAA,GAAA,CAAA,CAAA;IACF,CAAA;IAEA;;IAEG;;;IACH,SAAAM,aAAA,CAAA;MAAAP,IAAA;IAAAQ,EAAAA,QAAA,GAAAT,qBAAA;IAAAU,EAAAA,OAAA,GAAA,QAAA;IAAA,CAAA,EAAA;IAKE,EAAA,MAAAC,eAAA,GAAAF,QAAA,CAAAR,IAAA,CAAA,CAAA;mCAE6B,OAAA,IAAA,CAP/B;;;;;;0FAgBIJ,mBAAA,CAAAe;IAGF,EAAA,OAAAP,cAAA,CAAA,KAAA,EAAAQ,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAAC,OAAAA;IAAA,GAAA,EAAA;IAAAT,IAAAA,QAAA,EAAAI,eAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IACF;;;;;;;;;;;"}

package/amd/MessageFormattingUtils-0ffdac02.js

@@ -0,0 +1,103 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './Message.types-3ff18727', './stringUtils-9311a716'], (function (exports, utils_UNSAFE_getLocale, utils_UNSAFE_stringUtils, Message_types, stringUtils) { 'use strict';
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+    /**
+     * Options for creating an Intl.DateTimeFormat instance.
+     */
+    const DATE_FORMAT_OPTIONS = Object.freeze({
+        TODAY: {
+            hour: '2-digit',
+            minute: '2-digit',
+            hour12: true
+        },
+        DEFAULT: {
+            day: '2-digit',
+            month: '2-digit',
+            year: '2-digit',
+            hour: '2-digit',
+            minute: '2-digit',
+            hour12: true
+        }
+    });
+    /**
+     * Regex for validating ISO timestamp
+     */
+    const ISO_DATE_REGEX = /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;
+    /**
+     * Checks if the provided date is today
+     *
+     * @param isoDate Date to be tested for today
+     *
+     * @returns boolean indicating if the provided date is today
+     */
+    function isDateToday(isoDate) {
+        const today = new Date();
+        const provided = new Date(isoDate);
+        return (today.getUTCFullYear() === provided.getUTCFullYear() &&
+            today.getUTCMonth() === provided.getUTCMonth() &&
+            today.getUTCDate() === provided.getUTCDate());
+    }
+    /**
+     * Creates an instance of Intl.DateTimeFormat
+     *
+     * @param isToday A boolean to indicate whether a formatter is needed for the date
+     *                that is the current day.
+     *
+     * @returns the formatter instance
+     */
+    function getDateTimeFormatter(isToday) {
+        const locale = utils_UNSAFE_getLocale.getLocale();
+        const { DateTimeFormat } = Intl;
+        if (isToday) {
+            return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY);
+        }
+        return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT);
+    }
+    /**
+     * Checks if the provided value is valid for the prop specified.
+     * By default, this method just checks for the value to be a valid string.
+     *
+     * @param value The value to be checked
+     * @param prop The property for which the value needs to be evaluated
+     *
+     * @returns the result of the validation
+     */
+    function isValidValueForProp(value, prop = 'string') {
+        switch (prop) {
+            case 'severity':
+                // Should be one of the allowed severity
+                return typeof value === 'string' && Message_types.severities.includes(value);
+            case 'timestamp':
+                // Should be a valid ISO Datetime string
+                return typeof value === 'string' && ISO_DATE_REGEX.test(value);
+            case 'string':
+            default:
+                // anything other than null, undefined and '' is a valid string
+                return typeof value === 'string' && !stringUtils.isEmptyOrUndefined(value);
+        }
+    }
+    /**
+     * Formats the timestamp in the required format based on the current
+     * locale.
+     *
+     * @param isoTime Timestamp in ISO format
+     */
+    function formatTimestamp(isoTime) {
+        const isToday = isDateToday(isoTime);
+        const formatter = getDateTimeFormatter(isToday);
+        return formatter.format(new Date(isoTime));
+    }
+
+    exports.formatTimestamp = formatTimestamp;
+    exports.isValidValueForProp = isValidValueForProp;
+
+}));
+/*  */
+//# sourceMappingURL=MessageFormattingUtils-0ffdac02.js.map

package/amd/{MessageFormattingUtils-fbc95605.js.map → MessageFormattingUtils-0ffdac02.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageFormattingUtils-fbc95605.js","sources":["../../src/PRIVATE_Message/MessageFormattingUtils.ts"],"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 { getLocale } from '../utils/UNSAFE_getLocale';\nimport { isEmptyOrUndefined } from '../utils/UNSAFE_stringUtils';\nimport { severities } from './Message.types';\n\n// Types of properties that can be formatted\ntype PropFormat = 'severity' | 'string' | 'timestamp';\n\n/**\n * Options for creating an Intl.DateTimeFormat instance.\n */\nconst DATE_FORMAT_OPTIONS = Object.freeze({\n  TODAY: {\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  },\n  DEFAULT: {\n    day: '2-digit',\n    month: '2-digit',\n    year: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  }\n});\n\n/**\n * Regex for validating ISO timestamp\n */\nconst ISO_DATE_REGEX =\n  /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;\n\n/**\n * Checks if the provided date is today\n *\n * @param isoDate Date to be tested for today\n *\n * @returns boolean indicating if the provided date is today\n */\nfunction isDateToday(isoDate: string) {\n  const today = new Date();\n  const provided = new Date(isoDate);\n\n  return (\n    today.getUTCFullYear() === provided.getUTCFullYear() &&\n    today.getUTCMonth() === provided.getUTCMonth() &&\n    today.getUTCDate() === provided.getUTCDate()\n  );\n}\n\n/**\n * Creates an instance of Intl.DateTimeFormat\n *\n * @param isToday A boolean to indicate whether a formatter is needed for the date\n *                that is the current day.\n *\n * @returns the formatter instance\n */\nfunction getDateTimeFormatter(isToday: boolean) {\n  const locale = getLocale();\n  const { DateTimeFormat } = Intl;\n  if (isToday) {\n    return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY as Intl.DateTimeFormatOptions);\n  }\n\n  return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT as Intl.DateTimeFormatOptions);\n}\n\n/**\n * Checks if the provided value is valid for the prop specified.\n * By default, this method just checks for the value to be a valid string.\n *\n * @param value The value to be checked\n * @param prop The property for which the value needs to be evaluated\n *\n * @returns the result of the validation\n */\nfunction isValidValueForProp<T>(\n  value: T | null | undefined,\n  prop: PropFormat = 'string'\n): value is T {\n  switch (prop) {\n    case 'severity':\n      // Should be one of the allowed severity\n      return typeof value === 'string' && severities.includes(value as any);\n\n    case 'timestamp':\n      // Should be a valid ISO Datetime string\n      return typeof value === 'string' && ISO_DATE_REGEX.test(value);\n\n    case 'string':\n    default:\n      // anything other than null, undefined and '' is a valid string\n      return typeof value === 'string' && !isEmptyOrUndefined(value);\n  }\n}\n\n/**\n * Formats the timestamp in the required format based on the current\n * locale.\n *\n * @param isoTime Timestamp in ISO format\n */\nfunction formatTimestamp(isoTime: string) {\n  const isToday = isDateToday(isoTime);\n  const formatter = getDateTimeFormatter(isToday);\n\n  return formatter.format(new Date(isoTime));\n}\n\nexport { formatTimestamp, isValidValueForProp };\n"],"names":["DATE_FORMAT_OPTIONS","Object","freeze","TODAY","hour","minute","hour12","DEFAULT","day","month","year","ISO_DATE_REGEX","isoTime","formatter","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"gKAiBA,MAAMA,EAAsBC,OAAOC,OAAO,CACxCC,MAAO,CACLC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAEVC,QAAS,CACPC,IAAK,UACLC,MAAO,UACPC,KAAM,UACNN,KAAM,UACNC,OAAQ,UACRC,QAAQ,KAONK,EACJ,uJAyEF,SAAyBC,GACvB,MACMC,EA/CR,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCd,EAAoBG,MAGtBH,EAAoBO,SAwCpCY,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,aA0DlBC,CAAYf,IAG5B,OAAOC,EAAUe,OAAO,IAAIN,KAAKV,2BA9BnC,SACEiB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBlB,EAAesB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL"}
+{"version":3,"file":"MessageFormattingUtils-0ffdac02.js","sources":["../../src/PRIVATE_Message/MessageFormattingUtils.ts"],"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 { getLocale } from '../utils/UNSAFE_getLocale';\nimport { isEmptyOrUndefined } from '../utils/UNSAFE_stringUtils';\nimport { severities } from './Message.types';\n\n// Types of properties that can be formatted\ntype PropFormat = 'severity' | 'string' | 'timestamp';\n\n/**\n * Options for creating an Intl.DateTimeFormat instance.\n */\nconst DATE_FORMAT_OPTIONS = Object.freeze({\n  TODAY: {\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  },\n  DEFAULT: {\n    day: '2-digit',\n    month: '2-digit',\n    year: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  }\n});\n\n/**\n * Regex for validating ISO timestamp\n */\nconst ISO_DATE_REGEX =\n  /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;\n\n/**\n * Checks if the provided date is today\n *\n * @param isoDate Date to be tested for today\n *\n * @returns boolean indicating if the provided date is today\n */\nfunction isDateToday(isoDate: string) {\n  const today = new Date();\n  const provided = new Date(isoDate);\n\n  return (\n    today.getUTCFullYear() === provided.getUTCFullYear() &&\n    today.getUTCMonth() === provided.getUTCMonth() &&\n    today.getUTCDate() === provided.getUTCDate()\n  );\n}\n\n/**\n * Creates an instance of Intl.DateTimeFormat\n *\n * @param isToday A boolean to indicate whether a formatter is needed for the date\n *                that is the current day.\n *\n * @returns the formatter instance\n */\nfunction getDateTimeFormatter(isToday: boolean) {\n  const locale = getLocale();\n  const { DateTimeFormat } = Intl;\n  if (isToday) {\n    return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY as Intl.DateTimeFormatOptions);\n  }\n\n  return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT as Intl.DateTimeFormatOptions);\n}\n\n/**\n * Checks if the provided value is valid for the prop specified.\n * By default, this method just checks for the value to be a valid string.\n *\n * @param value The value to be checked\n * @param prop The property for which the value needs to be evaluated\n *\n * @returns the result of the validation\n */\nfunction isValidValueForProp<T>(\n  value: T | null | undefined,\n  prop: PropFormat = 'string'\n): value is T {\n  switch (prop) {\n    case 'severity':\n      // Should be one of the allowed severity\n      return typeof value === 'string' && severities.includes(value as any);\n\n    case 'timestamp':\n      // Should be a valid ISO Datetime string\n      return typeof value === 'string' && ISO_DATE_REGEX.test(value);\n\n    case 'string':\n    default:\n      // anything other than null, undefined and '' is a valid string\n      return typeof value === 'string' && !isEmptyOrUndefined(value);\n  }\n}\n\n/**\n * Formats the timestamp in the required format based on the current\n * locale.\n *\n * @param isoTime Timestamp in ISO format\n */\nfunction formatTimestamp(isoTime: string) {\n  const isToday = isDateToday(isoTime);\n  const formatter = getDateTimeFormatter(isToday);\n\n  return formatter.format(new Date(isoTime));\n}\n\nexport { formatTimestamp, isValidValueForProp };\n"],"names":["getLocale","severities","isEmptyOrUndefined"],"mappings":";;;IAAA;;;;;;IAMG;IAQH;;IAEG;IACH,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC;IACxC,IAAA,KAAK,EAAE;IACL,QAAA,IAAI,EAAE,SAAS;IACf,QAAA,MAAM,EAAE,SAAS;IACjB,QAAA,MAAM,EAAE,IAAI;IACb,KAAA;IACD,IAAA,OAAO,EAAE;IACP,QAAA,GAAG,EAAE,SAAS;IACd,QAAA,KAAK,EAAE,SAAS;IAChB,QAAA,IAAI,EAAE,SAAS;IACf,QAAA,IAAI,EAAE,SAAS;IACf,QAAA,MAAM,EAAE,SAAS;IACjB,QAAA,MAAM,EAAE,IAAI;IACb,KAAA;IACF,CAAA,CAAC,CAAC;IAEH;;IAEG;IACH,MAAM,cAAc,GAClB,oIAAoI,CAAC;IAEvI;;;;;;IAMG;IACH,SAAS,WAAW,CAAC,OAAe,EAAA;IAClC,IAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;IACzB,IAAA,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;QAEnC,QACE,KAAK,CAAC,cAAc,EAAE,KAAK,QAAQ,CAAC,cAAc,EAAE;IACpD,QAAA,KAAK,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,WAAW,EAAE;YAC9C,KAAK,CAAC,UAAU,EAAE,KAAK,QAAQ,CAAC,UAAU,EAAE,EAC5C;IACJ,CAAC;IAED;;;;;;;IAOG;IACH,SAAS,oBAAoB,CAAC,OAAgB,EAAA;IAC5C,IAAA,MAAM,MAAM,GAAGA,gCAAS,EAAE,CAAC;IAC3B,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAChC,IAAA,IAAI,OAAO,EAAE;YACX,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAmC,CAAC,CAAC;IAC5F,KAAA;QAED,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,mBAAmB,CAAC,OAAqC,CAAC,CAAC;IAC/F,CAAC;IAED;;;;;;;;IAQG;IACH,SAAS,mBAAmB,CAC1B,KAA2B,EAC3B,OAAmB,QAAQ,EAAA;IAE3B,IAAA,QAAQ,IAAI;IACV,QAAA,KAAK,UAAU;;gBAEb,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAIC,wBAAU,CAAC,QAAQ,CAAC,KAAY,CAAC,CAAC;IAExE,QAAA,KAAK,WAAW;;gBAEd,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEjE,QAAA,KAAK,QAAQ,CAAC;IACd,QAAA;;gBAEE,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAACC,8BAAkB,CAAC,KAAK,CAAC,CAAC;IAClE,KAAA;IACH,CAAC;IAED;;;;;IAKG;IACH,SAAS,eAAe,CAAC,OAAe,EAAA;IACtC,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,IAAA,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEhD,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7C;;;;;;;;;;;;"}

package/amd/MessageLayer-6da93adb.js

@@ -0,0 +1,80 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './hooks/UNSAFE_useUser', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './UNSAFE_Flex', './UNSAFE_WindowOverlay', './classNames-027de734', './Flex-7762d39c'], (function (exports, jsxRuntime, linaria, hooks_UNSAFE_useUser, utils_UNSAFE_arrayUtils, utils_UNSAFE_classNames, UNSAFE_Flex, UNSAFE_WindowOverlay, classNames, Flex) { 'use strict';
+
+    const positions = utils_UNSAFE_arrayUtils.stringLiteralArray(['top', 'top-left', 'top-right', 'top-start', 'top-end', 'bottom', 'bottom-left', 'bottom-right', 'bottom-start', 'bottom-end']);
+    const styles = {
+      notificationPosition: "notificationPosition-voqi9e",
+      ['top-left']: "top-left-1s8qt21",
+      top: "top-l3rfqq",
+      ['top-right']: "top-right-1b9n53v",
+      ['bottom-left']: "bottom-left-13vt7j8",
+      bottom: "bottom-jw01h6",
+      ['bottom-right']: "bottom-right-1xqh3jz"
+    };
+
+    const MessageLayer = ({
+      children,
+      offset,
+      testId,
+      position = 'bottom'
+    }) => {
+      var _a, _b;
+
+      const {
+        direction
+      } = hooks_UNSAFE_useUser.useUser();
+      const isLtr = direction === 'ltr';
+      let logicalPosition;
+
+      switch (position) {
+        case 'top-start':
+          logicalPosition = isLtr ? styles['top-left'] : styles['top-right'];
+          break;
+
+        case 'top-end':
+          logicalPosition = isLtr ? styles['top-right'] : styles['top-left'];
+          break;
+
+        case 'bottom-start':
+          logicalPosition = isLtr ? styles['bottom-left'] : styles['bottom-right'];
+          break;
+
+        case 'bottom-end':
+          logicalPosition = isLtr ? styles['bottom-right'] : styles['bottom-left'];
+          break;
+
+        default:
+          logicalPosition = styles[position];
+          break;
+      }
+
+      const positionClasses = classNames.classNames([styles.notificationPosition, logicalPosition]);
+      const offsetStyle = typeof offset === 'number' ? {
+        '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset}px`,
+        '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset}px`
+      } : {
+        '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${(_a = offset === null || offset === void 0 ? void 0 : offset.vertical) !== null && _a !== void 0 ? _a : 0}px`,
+        '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${(_b = offset === null || offset === void 0 ? void 0 : offset.horizontal) !== null && _b !== void 0 ? _b : 0}px`
+      };
+      return jsxRuntime.jsx(UNSAFE_WindowOverlay.WindowOverlay, {
+        children: jsxRuntime.jsx("div", Object.assign({
+          class: positionClasses,
+          "data-testid": testId,
+          style: offset !== undefined ? offsetStyle : undefined
+        }, {
+          children: jsxRuntime.jsx(Flex.Flex, Object.assign({
+            direction: "column",
+            gap: "2x"
+          }, {
+            children: children
+          }))
+        }))
+      });
+    };
+
+    exports.MessageLayer = MessageLayer;
+    exports.positions = positions;
+
+}));
+/*  */
+//# sourceMappingURL=MessageLayer-6da93adb.js.map

package/amd/{MessageLayer-a16ace03.js.map → MessageLayer-6da93adb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageLayer-a16ace03.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n\nconst positions = stringLiteralArray([\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n]);\n\ntype Position = typeof positions[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst styles = {\n  notificationPosition: cssProps`${{\n    position: 'absolute',\n    pointerEvents: 'initial',\n    width: 'max-content'\n  }}`,\n  ['top-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  top: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['top-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  ['bottom-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  bottom: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['bottom-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`\n} as const;\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  let logicalPosition;\n  switch (position) {\n    case 'top-start':\n      logicalPosition = isLtr ? styles['top-left'] : styles['top-right'];\n      break;\n    case 'top-end':\n      logicalPosition = isLtr ? styles['top-right'] : styles['top-left'];\n      break;\n    case 'bottom-start':\n      logicalPosition = isLtr ? styles['bottom-left'] : styles['bottom-right'];\n      break;\n    case 'bottom-end':\n      logicalPosition = isLtr ? styles['bottom-right'] : styles['bottom-left'];\n      break;\n    default:\n      logicalPosition = styles[position];\n      break;\n  }\n\n  const positionClasses = classNames([styles.notificationPosition, logicalPosition]);\n\n  const offsetStyle =\n    typeof offset === 'number'\n      ? {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset}px`\n        }\n      : {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset?.vertical ?? 0}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset?.horizontal ?? 0}px`\n        };\n\n  return (\n    <WindowOverlay>\n      <div\n        class={positionClasses}\n        data-testid={testId}\n        style={offset !== undefined ? offsetStyle : undefined}>\n        <Flex direction=\"column\" gap=\"2x\">\n          {children}\n        </Flex>\n      </div>\n    </WindowOverlay>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["positions","stringLiteralArray","styles","children","offset","testId","position","direction","useUser","isLtr","logicalPosition","positionClasses","classNames","notificationPosition","offsetStyle","_a","vertical","_b","horizontal","_jsx","WindowOverlay","jsx","Object","assign","class","style","undefined","Flex","gap"],"mappings":"iQASAA,MAAAA,EAAAC,EAAAA,mBAAA,wHAmDAC,EAAA,sBAAA,SAME,WANF,eAAA,WAeE,YAfF,WAmBE,cAnBF,kBAAA,SA4BE,eAAA,0BAMF,EAAAC,SAAAA,EAAAC,OAAAA,EAAAC,OAAAA,EAAAC,SAAAA,EAAA,qBACE,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EAEA,IAAAG,EACA,OAAAJ,GACE,IAAA,YACEI,EAAAD,EAAAP,EAAA,YAAAA,EAAA,mBAEF,IAAA,UACEQ,EAAAD,EAAAP,EAAA,aAAAA,EAAA,kBAEF,IAAA,eACEQ,EAAAD,EAAAP,EAAA,eAAAA,EAAA,sBAEF,IAAA,aACEQ,EAAAD,EAAAP,EAAA,gBAAAA,EAAA,qBAEF,QACEQ,EAAAR,EAAAI,GAIJ,MAAAK,EAAAC,EAAAA,WAAA,CAAAV,EAAAW,qBAAAH,IAEAI,EAAA,iBAAAV,EAEI,wIAIA,CACI,yDAAA,GAAA,QAAAW,EAAAX,MAAAA,OAAA,EAAAA,EAAAY,gBAAA,IAAAD,EAAAA,EAAA,MACA,2DAAA,GAAA,QAAAE,EAAAb,MAAAA,OAAA,EAAAA,EAAAc,kBAAA,IAAAD,EAAAA,EAAA,OAGR,OAAAE,EAAAA,IAAAC,EAAAA,cAAA,CAAAjB,SAAAgB,EAAAE,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAb,EAAA,cAAAN,EAAAoB,WAAAC,IAAAtB,EAAAU,OAAAY,GAAA,CAAAvB,SAAAgB,EAAAE,IAAAM,OAAAL,OAAAC,OAAA,CAAAhB,UAAA,SAAAqB,IAAA,MAAA,CAAAzB,SAAAA"}
+{"version":3,"file":"MessageLayer-6da93adb.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n\nconst positions = stringLiteralArray([\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n]);\n\ntype Position = typeof positions[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst styles = {\n  notificationPosition: cssProps`${{\n    position: 'absolute',\n    pointerEvents: 'initial',\n    width: 'max-content'\n  }}`,\n  ['top-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  top: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['top-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  ['bottom-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  bottom: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['bottom-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`\n} as const;\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  let logicalPosition;\n  switch (position) {\n    case 'top-start':\n      logicalPosition = isLtr ? styles['top-left'] : styles['top-right'];\n      break;\n    case 'top-end':\n      logicalPosition = isLtr ? styles['top-right'] : styles['top-left'];\n      break;\n    case 'bottom-start':\n      logicalPosition = isLtr ? styles['bottom-left'] : styles['bottom-right'];\n      break;\n    case 'bottom-end':\n      logicalPosition = isLtr ? styles['bottom-right'] : styles['bottom-left'];\n      break;\n    default:\n      logicalPosition = styles[position];\n      break;\n  }\n\n  const positionClasses = classNames([styles.notificationPosition, logicalPosition]);\n\n  const offsetStyle =\n    typeof offset === 'number'\n      ? {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset}px`\n        }\n      : {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset?.vertical ?? 0}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset?.horizontal ?? 0}px`\n        };\n\n  return (\n    <WindowOverlay>\n      <div\n        class={positionClasses}\n        data-testid={testId}\n        style={offset !== undefined ? offsetStyle : undefined}>\n        <Flex direction=\"column\" gap=\"2x\">\n          {children}\n        </Flex>\n      </div>\n    </WindowOverlay>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["positions","stringLiteralArray","styles","MessageLayer","children","offset","testId","position","direction","useUser","isLtr","logicalPosition","positionClasses","classNames","notificationPosition","offsetStyle","_a","vertical","_b","horizontal","_jsx","WindowOverlay","Object","assign","class","style","undefined","Flex","gap"],"mappings":";;;AASAA,UAAAA,SAAA,GAAAC,0CAAA,CAAA,MAAA,YAAA,aAAA,aAAA,WAAA,UAAA,eAAA,gBAAA,gBAAA,cAAA,CAAA,EAAA;IAmDA,MAAAC,MAAA,GAAA;4BAAA,6BAAA;IAME,EAAA,CAAA,UAAA,GANF,kBAAA;WAAA,YAAA;IAeE,EAAA,CAAA,WAAA,GAfF,mBAAA;IAmBE,EAAA,CAAA,aAAA,GAnBF,qBAAA;cAAA,eAAA;IA4BE,EAAA,CAAA,cAAA,GAAA,sBAAA;IA5BF,CAAA,CAAA;;AAkCAC,UAAAA,YAAA,GAAA,CAAA;MAAAC,QAAA;MAAAC,MAAA;MAAAC,MAAA;IAAAC,EAAAA,QAAA,GAAA,QAAA;IAAA,CAAA,KAAA;;;MACE,MAAA;IAAAC,IAAAA,SAAAA;IAAA,GAAA,GAAAC,4BAAA,EAAA,CAAA;IACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;IAEA,EAAA,IAAAG,eAAA,CAAA;;IACA,EAAA,QAAAJ,QAAA;IACE,IAAA,KAAA,WAAA;UACEI,eAAA,GAAAD,KAAA,GAAAR,MAAA,CAAA,UAAA,CAAA,GAAAA,MAAA,CAAA,WAAA,CAAA,CAAA;;;IAEF,IAAA,KAAA,SAAA;UACES,eAAA,GAAAD,KAAA,GAAAR,MAAA,CAAA,WAAA,CAAA,GAAAA,MAAA,CAAA,UAAA,CAAA,CAAA;;;IAEF,IAAA,KAAA,cAAA;UACES,eAAA,GAAAD,KAAA,GAAAR,MAAA,CAAA,aAAA,CAAA,GAAAA,MAAA,CAAA,cAAA,CAAA,CAAA;;;IAEF,IAAA,KAAA,YAAA;UACES,eAAA,GAAAD,KAAA,GAAAR,MAAA,CAAA,cAAA,CAAA,GAAAA,MAAA,CAAA,aAAA,CAAA,CAAA;;;IAEF,IAAA;IACES,MAAAA,eAAA,GAAAT,MAAA,CAAAK,QAAA,CAAA,CAAA;;IAdJ,GAAA;;MAkBA,MAAAK,eAAA,GAAAC,qBAAA,CAAA,CAAAX,MAAA,CAAAY,oBAAA,EAAAH,eAAA,CAAA,CAAA,CAAA;IAEA,EAAA,MAAAI,WAAA,GAAA,OAAAV,MAAA,KAAA,QAAA,GAEI;4EAAA,EAAA,CAAA;;IAAA,GAFJ,GAMI;IACI,IAAA,wDAAA,EAAA,CAAA,EAAA,CAAAW,EAAA,GAAAX,MAAA,KAAA,IAAA,IAAAA,MAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAA,CAAAY,QAAA,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAA,CAAA,CADJ,EAAA,CAAA;IAEI,IAAA,0DAAA,EAAA,CAAA,EAAA,CAAAE,EAAA,GAAAb,MAAA,KAAA,IAAA,IAAAA,MAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAA,CAAAc,UAAA,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAA,CAAA,CAAA,EAAA,CAAA;OARR,CAAA;MAWA,OAAAE,cAAA,CAAAC,kCAAA,EAAA;QAAAjB,QAAA,EAAAgB,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;IAAAC,MAAAA,KAAA,EAAAZ,eAAA;IAAA,MAAA,aAAA,EAAAN,MAAA;IAAAmB,MAAAA,KAAA,EAAApB,MAAA,KAAAqB,SAAA,GAAAX,WAAA,GAAAW,SAAAA;IAAA,KAAA,EAAA;UAAAtB,QAAA,EAAAgB,cAAA,CAAAO,SAAA,EAAAL,MAAA,CAAAC,MAAA,CAAA;IAAAf,QAAAA,SAAA,EAAA,QAAA;IAAAoB,QAAAA,GAAA,EAAA,IAAA;IAAA,OAAA,EAAA;IAAAxB,QAAAA,QAAA,EAAAA,QAAAA;IAAA,OAAA,CAAA,CAAA;IAAA,KAAA,CAAA,CAAA;IAAA,GAAA,CAAA,CAAA;IAYF;;;;;;;;;;;;"}

package/amd/MessageStartIcon-1b57b659.js

@@ -0,0 +1,63 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './utils/UNSAFE_classNames', './index-f54bad63', './UNSAFE_Flex', './index-5920700b', './Flex-7762d39c', './classNames-027de734'], (function (exports, jsxRuntime, linaria, utils_UNSAFE_classNames, UNSAFE_ThemedIcons, UNSAFE_Flex, UNSAFE_Icons, Flex, classNames) { 'use strict';
+
+    const messageStartIconStyles = "messageStartIconStyles-3m4yh2";
+    const severityIconStyles = {
+      banner: "banner-y2lweu",
+      inline: "inline-p736xx",
+      toast: "toast-dh1x15"
+    };
+    const severityIcons = {
+      confirmation: UNSAFE_Icons.SvgIcoSuccessS,
+      error: UNSAFE_Icons.SvgIcoErrorS,
+      info: UNSAFE_Icons.SvgIcoInformationS,
+      warning: UNSAFE_Icons.SvgIcoWarningS
+    };
+    const containerStyles = "containerStyles-165zz31";
+    /**
+     * StartIcon Component for rendering the severity based icon in Message
+     */
+
+    function MessageStartIcon({
+      severity,
+      variant = 'banner',
+      translations
+    }) {
+      const IconComponent = severityIcons[severity]; // TODO: JET-50793
+
+      const iconContent = variant !== 'inline' ? jsxRuntime.jsx(Flex.Flex, Object.assign({
+        align: "center",
+        height: "100%"
+      }, {
+        children: jsxRuntime.jsx("span", Object.assign({
+          class: containerStyles,
+          role: "img",
+          title: translations === null || translations === void 0 ? void 0 : translations[severity]
+        }, {
+          children: jsxRuntime.jsx(IconComponent, {})
+        }))
+      })) : jsxRuntime.jsx("span", Object.assign({
+        class: containerStyles,
+        role: "img",
+        title: translations === null || translations === void 0 ? void 0 : translations[severity]
+      }, {
+        children: jsxRuntime.jsx(IconComponent, {})
+      })); // If detail content is rendered, then wrap it in a div with specified style classes
+      // TODO: JET-48715 - remove marker classes
+      // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+      // testing. This will need to be removed as we work on oj-c-message-banner.
+
+      const markerClassForTests = 'oj-c-messagebanner-start-icon';
+      return jsxRuntime.jsx("div", Object.assign({
+        class: classNames.classNames([variant === 'banner' && markerClassForTests, messageStartIconStyles, severityIconStyles[variant]]),
+        role: "presentation"
+      }, {
+        children: iconContent
+      }));
+    }
+
+    exports.MessageStartIcon = MessageStartIcon;
+
+}));
+/*  */
+//# sourceMappingURL=MessageStartIcon-1b57b659.js.map

package/amd/{MessageStartIcon-0470534b.js.map → MessageStartIcon-1b57b659.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageStartIcon-0470534b.js","sources":["../../src/PRIVATE_Message/MessageStartIcon.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport {\n  MessageConfirmationIcon,\n  MessageErrorIcon,\n  MessageInfoIcon,\n  MessageWarningIcon\n} from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\n\nconst messageStartIconStyles = cssProps`${{\n  marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  display: 'flex',\n  alignSelf: 'flex-start'\n}}`;\n\nconst severityIconStyles = {\n  banner: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color)',\n    fontSize: '1rem'\n  }}`,\n  toast: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\nconst containerStyles = cssProps`${{\n  height: '100%'\n}}`;\n\n/**\n * Props for the StartIcon component\n */\ntype Props = {\n  /**\n   * The icon severity\n   */\n  severity: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * StartIcon Component for rendering the severity based icon in Message\n */\nfunction MessageStartIcon({ severity, variant = 'banner', translations }: Props) {\n  const IconComponent = severityIcons[severity];\n  // TODO: JET-50793\n  const iconContent =\n    variant !== 'inline' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <span class={containerStyles} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={containerStyles} role=\"img\" title={translations?.[severity]}>\n        <IconComponent />\n      </span>\n    );\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-start-icon';\n  return (\n    <div\n      class={classNames([\n        variant === 'banner' && markerClassForTests,\n        messageStartIconStyles,\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIconStyles","severityIcons","confirmation","MessageConfirmationIcon","SvgIcoSuccessS","error","MessageErrorIcon","SvgIcoErrorS","info","MessageInfoIcon","SvgIcoInformationS","warning","MessageWarningIcon","containerStyles","severity","variant","translations","IconComponent","iconContent","_jsx","jsx","Flex","Object","assign","align","height","children","class","role","title","classNames"],"mappings":"uNAmBA,MAMAA,EAAA,QAAA,gBAAA,yBAkBAC,EAAA,CACEC,aAAAC,EADFC,eAEEC,MAAAC,EAFFC,aAGEC,KAAAC,EAHFC,mBAIEC,QAAAC,EAAAA,gBAGFC,EAAA,4BAgDA,UAAAC,SAAAA,EAAAC,QAAAA,EAAA,SAAAC,aAAAA,IACE,MAAAC,EAAAhB,EAAAa,GAEAI,EAAA,WAAAH,EAAAI,EAAAC,IAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,MAAA,SAAAC,OAAA,QAAA,CAAAC,SAAAP,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,UAAAE,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,OAiBA,OAAAE,MAAA,MAAAG,OAAAC,OAAA,CAAAI,MAAAG,EAAAA,WAAA,+CAnGF"}
+{"version":3,"file":"MessageStartIcon-1b57b659.js","sources":["../../src/PRIVATE_Message/MessageStartIcon.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport {\n  MessageConfirmationIcon,\n  MessageErrorIcon,\n  MessageInfoIcon,\n  MessageWarningIcon\n} from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\n\nconst messageStartIconStyles = cssProps`${{\n  marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  display: 'flex',\n  alignSelf: 'flex-start'\n}}`;\n\nconst severityIconStyles = {\n  banner: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color)',\n    fontSize: '1rem'\n  }}`,\n  toast: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\nconst containerStyles = cssProps`${{\n  height: '100%'\n}}`;\n\n/**\n * Props for the StartIcon component\n */\ntype Props = {\n  /**\n   * The icon severity\n   */\n  severity: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * StartIcon Component for rendering the severity based icon in Message\n */\nfunction MessageStartIcon({ severity, variant = 'banner', translations }: Props) {\n  const IconComponent = severityIcons[severity];\n  // TODO: JET-50793\n  const iconContent =\n    variant !== 'inline' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <span class={containerStyles} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={containerStyles} role=\"img\" title={translations?.[severity]}>\n        <IconComponent />\n      </span>\n    );\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-start-icon';\n  return (\n    <div\n      class={classNames([\n        variant === 'banner' && markerClassForTests,\n        messageStartIconStyles,\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["messageStartIconStyles","severityIconStyles","severityIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","info","MessageInfoIcon","warning","MessageWarningIcon","containerStyles","MessageStartIcon","severity","variant","translations","IconComponent","iconContent","_jsx","Flex","Object","assign","align","height","children","class","role","title","classNames"],"mappings":";;;IAmBA,MAAAA,sBAAA,GAAA,+BAAA,CAAA;IAMA,MAAAC,kBAAA,GAAA;cAAA,eAAA;cAAA,eAAA;;IAAA,CAAA,CAAA;IAkBA,MAAAC,aAAA,GAAA;IACEC,EAAAA,YAAA,EAAAC,2BADF;IAEEC,EAAAA,KAAA,EAAAC,yBAFF;IAGEC,EAAAA,IAAA,EAAAC,+BAHF;IAIEC,EAAAA,OAAA,EAAAC,2BAAAA;IAJF,CAAA,CAAA;IAOA,MAAAC,eAAA,GAAA,yBAAA,CAAA;IA6CA;;IAEG;;IACH,SAAAC,gBAAA,CAAA;MAAAC,QAAA;IAAAC,EAAAA,OAAA,GAAA,QAAA;IAAAC,EAAAA,YAAAA;IAAA,CAAA,EAAA;IACE,EAAA,MAAAC,aAAA,GAAAd,aAAA,CAAAW,QAAA,CAAA,CADF;;IAGE,EAAA,MAAAI,WAAA,GAAAH,OAAA,KAAA,QAAA,GAAAI,cAAA,CAAAC,SAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAA,QAAA;IAAAC,IAAAA,MAAA,EAAA,MAAA;IAAA,GAAA,EAAA;QAAAC,QAAA,EAAAN,cAAA,CAAA,MAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;IAAAI,MAAAA,KAAA,EAAAd,eAAA;IAAAe,MAAAA,IAAA,EAAA,KAAA;IAAAC,MAAAA,KAAA,EAAAZ,YAAA,KAAA,IAAA,IAAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAA,CAAAF,QAAA,CAAA;IAAA,KAAA,EAAA;IAAAW,MAAAA,QAAA,EAAAN,cAAA,CAAAF,aAAA,EAAA,EAAA,CAAA;IAAA,KAAA,CAAA,CAAA;OAAA,CAAA,CAAA,GAAAE,cAAA,CAAA,MAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;IAAAI,IAAAA,KAAA,EAAAd,eAAA;IAAAe,IAAAA,IAAA,EAAA,KAAA;IAAAC,IAAAA,KAAA,EAAAZ,YAAA,KAAA,IAAA,IAAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAA,CAAAF,QAAA,CAAA;IAAA,GAAA,EAAA;IAAAW,IAAAA,QAAA,EAAAN,cAAA,CAAAF,aAAA,EAAA,EAAA,CAAA;OAAA,CAAA,CAAA,CAHF;;;;;;IAoBE,EAAA,OAAAE,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;IAAAI,IAAAA,KAAA,EAAAG,qBAAA,CAAA,4CAAA,wBAAA,6BAAA,CAAA,CAAA;;IAAA,GAAA;;OAAA,CAAA,CAAA,CAAA;IAWF;;;;;;;;;;;"}

package/amd/MessageSummary-cf0af1b2.js

@@ -0,0 +1,37 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './utils/UNSAFE_classNames', './classNames-027de734'], (function (exports, jsxRuntime, linaria, utils_UNSAFE_classNames, classNames) { 'use strict';
+
+    const messageSummaryStyles = {
+      // TODO: Reevaluate once the TEXT component is available (JET-46891)
+      base: "base-1hvdbys",
+      banner: "banner-ei05fx",
+      inline: "inline-1o2u18o",
+      toast: "toast-1lewqu"
+    };
+    /**
+     * Summary Component for rendering the summary text of the Message
+     */
+
+    function MessageSummary({
+      text,
+      variant = 'banner'
+    }) {
+      // If detail content is rendered, then wrap it in a div with specified style classes
+      // TODO: JET-48715 - remove marker classes
+      // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+      // testing. This will need to be removed as we work on oj-c-message-banner.
+      const markerClassForTests = 'oj-c-messagebanner-summary';
+      const classes = classNames.classNames([variant === 'banner' && markerClassForTests, messageSummaryStyles.base, messageSummaryStyles[variant]]);
+      return jsxRuntime.jsx("div", Object.assign({
+        role: "heading",
+        class: classes
+      }, {
+        children: text
+      }));
+    }
+
+    exports.MessageSummary = MessageSummary;
+
+}));
+/*  */
+//# sourceMappingURL=MessageSummary-cf0af1b2.js.map

package/amd/{MessageSummary-71773382.js.map → MessageSummary-cf0af1b2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageSummary-71773382.js","sources":["../../src/PRIVATE_Message/MessageSummary.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageSummaryStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    flex: '1',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color)'\n  }}`,\n\n  inline: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n    fontWeight: '400',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n    lineHeight: 1.333\n  }}`,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color)'\n  }}`\n};\n\n/**\n * Props for the Summary component\n */\ntype Props = {\n  /**\n   * The summary text\n   */\n  text?: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Summary Component for rendering the summary text of the Message\n */\nfunction MessageSummary({ text, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-summary';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageSummaryStyles.base,\n    messageSummaryStyles[variant]\n  ]);\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["messageSummaryStyles","text","variant","base","_jsx","Object","assign","role","class","classes","children"],"mappings":"uIAWA,MAAAA,EAAA,MAAA,gBAAA,kBAAA,8CA4CA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,4EAQIF,EAAAG,YAGF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,UAAAC,MAAAC,GAAA,CAAAC,SAAAT"}
+{"version":3,"file":"MessageSummary-cf0af1b2.js","sources":["../../src/PRIVATE_Message/MessageSummary.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageSummaryStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    flex: '1',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color)'\n  }}`,\n\n  inline: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n    fontWeight: '400',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n    lineHeight: 1.333\n  }}`,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color)'\n  }}`\n};\n\n/**\n * Props for the Summary component\n */\ntype Props = {\n  /**\n   * The summary text\n   */\n  text?: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Summary Component for rendering the summary text of the Message\n */\nfunction MessageSummary({ text, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-summary';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageSummaryStyles.base,\n    messageSummaryStyles[variant]\n  ]);\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["messageSummaryStyles","MessageSummary","text","variant","base","_jsx","Object","assign","role","class","classes","children"],"mappings":";;;IAWA,MAAAA,oBAAA,GAAA;;YAAA,cAAA;cAAA,eAAA;cAAA,gBAAA;;IAAA,CAAA,CAAA;IAyCA;;IAEG;;IACH,SAAAC,cAAA,CAAA;MAAAC,IAAA;IAAAC,EAAAA,OAAA,GAAA,QAAA;IAAA,CAAA,EAAA;;;;;;0FAQIH,oBAAA,CAAAI;IAGF,EAAA,OAAAC,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,IAAA,EAAA,SAAA;IAAAC,IAAAA,KAAA,EAAAC,OAAAA;IAAA,GAAA,EAAA;IAAAC,IAAAA,QAAA,EAAAT,IAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IAKF;;;;;;;;;;;"}

package/amd/MessageTimestamp-0e995235.js

@@ -0,0 +1,36 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module', './utils/UNSAFE_classNames', './MessageFormattingUtils-0ffdac02', './classNames-027de734'], (function (exports, jsxRuntime, linaria, utils_UNSAFE_classNames, MessageFormattingUtils, classNames) { 'use strict';
+
+    const messageTimestampStyles = {
+      banner: "banner-6qjkxl",
+      inline: undefined,
+      toast: undefined
+    };
+    /**
+     * Timestamp Component for rendering timestamp in Message
+     */
+
+    function MessageTimestamp({
+      value,
+      variant = 'banner'
+    }) {
+      // If detail content is rendered, then wrap it in a div with specified style classes
+      // TODO: JET-48715 - remove marker classes
+      // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+      // testing. This will need to be removed as we work on oj-c-message-banner.
+      const markerClassForTests = 'oj-c-messagebanner-timestamp';
+      const classes = classNames.classNames([variant === 'banner' && markerClassForTests, messageTimestampStyles[variant]]); // Otherwise, render the timestamp
+
+      const formattedTimestamp = MessageFormattingUtils.formatTimestamp(value);
+      return jsxRuntime.jsx("div", Object.assign({
+        class: classes
+      }, {
+        children: formattedTimestamp
+      }));
+    }
+
+    exports.MessageTimestamp = MessageTimestamp;
+
+}));
+/*  */
+//# sourceMappingURL=MessageTimestamp-0e995235.js.map

package/amd/{MessageTimestamp-2f08c777.js.map → MessageTimestamp-0e995235.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageTimestamp-2f08c777.js","sources":["../../src/PRIVATE_Message/MessageTimestamp.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\nconst messageTimestampStyles = {\n  banner: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  inline: undefined,\n  toast: undefined\n};\n\n/**\n * Props for the Timestamp component\n */\ntype Props = {\n  /**\n   * The timestamp to show in ISO format\n   */\n  value: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Timestamp Component for rendering timestamp in Message\n */\nfunction MessageTimestamp({ value, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-timestamp';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageTimestampStyles[variant]\n  ]);\n\n  // Otherwise, render the timestamp\n  const formattedTimestamp = formatTimestamp(value as string);\n  return <div class={classes}>{formattedTimestamp}</div>;\n}\n\nexport { MessageTimestamp };\n"],"names":["messageTimestampStyles","inline","undefined","toast","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":"6KAaA,MAAAA,EAAA,QAAA,WAMEC,YAAAC,EACAC,WAAAD,sBAqBF,UAAAE,MAAAA,EAAAC,QAAAA,EAAA,qFAYEC,EAAAC,kBAAAH,GACA,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAP"}
+{"version":3,"file":"MessageTimestamp-0e995235.js","sources":["../../src/PRIVATE_Message/MessageTimestamp.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\nconst messageTimestampStyles = {\n  banner: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  inline: undefined,\n  toast: undefined\n};\n\n/**\n * Props for the Timestamp component\n */\ntype Props = {\n  /**\n   * The timestamp to show in ISO format\n   */\n  value: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Timestamp Component for rendering timestamp in Message\n */\nfunction MessageTimestamp({ value, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-timestamp';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageTimestampStyles[variant]\n  ]);\n\n  // Otherwise, render the timestamp\n  const formattedTimestamp = formatTimestamp(value as string);\n  return <div class={classes}>{formattedTimestamp}</div>;\n}\n\nexport { MessageTimestamp };\n"],"names":["messageTimestampStyles","inline","undefined","toast","MessageTimestamp","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":";;;IAaA,MAAAA,sBAAA,GAAA;cAAA,eAAA;IAMEC,EAAAA,MAAA,EAAAC,SANF;IAOEC,EAAAA,KAAA,EAAAD,SAAAA;IAPF,CAAA,CAAA;IAyBA;;IAEG;;IACH,SAAAE,gBAAA,CAAA;MAAAC,KAAA;IAAAC,EAAAA,OAAA,GAAA,QAAA;IAAA,CAAA,EAAA;;;;;;4HAAA;;IAYE,EAAA,MAAAC,kBAAA,GAAAC,sCAAA,CAAAH,KAAA,CAAA,CAAA;IACA,EAAA,OAAAI,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAAC,OAAAA;IAAA,GAAA,EAAA;IAAAC,IAAAA,QAAA,EAAAP,kBAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IACF;;;;;;;;;;;"}