@oracle/oraclejet-preact 14.0.0

package/cjs/MessageCloseButton-f11fb2d5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-f11fb2d5.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;;;;;;;"}

package/cjs/MessageDetail-bc89f255.js

@@ -0,0 +1,66 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var preact = require('preact');
+require('./utils/UNSAFE_classNames.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-afa602f0.js');
+var classNames = require('./classNames-825d80d7.js');
+
+const messageDetailStyles = {
+  // TODO: Reevaluate once the TEXT component is available (JET-46891)
+  base: "_149k7j3",
+  banner: "_15gqlr3",
+  inline: undefined,
+  toast: "_8cb62b"
+};
+/**
+ * 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-bc89f255.js.map

package/cjs/MessageDetail-bc89f255.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-bc89f255.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":";;;;;;;;;;AAcA,MAAAA,mBAAA,GAAA;;QAAA,UAAA;UAAA,UAAA;AAWEC,EAAAA,MAAA,EAAAC,SAXF;;AAAA,CAAA,CAAA;AA8CA;;;;;AAKG;;AACH,SAAAC,qBAAA,CAAAC,IAAA,EAAA;EAGE,MAAA;AAAAC,IAAAA,MAAAA;AAAA,GAAA,GAAAD,IAAA,CAAAE,IAAA,CAHF;;;AAME,EAAA,IAAA,CAAAC,0CAAA,CAAAF,MAAA,CAAA,EAAA;AACE,IAAA,OAAA,IAAA,CAAA;AACD,GAAA;;EACD,OAAAG,cAAA,CAAAC,eAAA,EAAA;AAAAC,IAAAA,QAAA,EAAAL,MAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;AAEA;;AAEG;;;AACH,SAAAM,aAAA,CAAA;EAAAP,IAAA;AAAAQ,EAAAA,QAAA,GAAAT,qBAAA;AAAAU,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;AAKE,EAAA,MAAAC,eAAA,GAAAF,QAAA,CAAAR,IAAA,CAAA,CAAA;+BAE6B,OAAA,IAAA,CAP/B;;;;;;sFAgBIJ,mBAAA,CAAAe;AAGF,EAAA,OAAAP,cAAA,CAAA,KAAA,EAAAQ,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,OAAAA;AAAA,GAAA,EAAA;AAAAT,IAAAA,QAAA,EAAAI,eAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/cjs/MessageFormattingUtils-afa602f0.js

@@ -0,0 +1,106 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var utils_UNSAFE_getLocale = require('./utils/UNSAFE_getLocale.js');
+require('./utils/UNSAFE_stringUtils.js');
+var Message_types = require('./Message.types-8369755d.js');
+var stringUtils = require('./stringUtils-d9b75b25.js');
+
+/**
+ * @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-afa602f0.js.map

package/cjs/MessageFormattingUtils-afa602f0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-afa602f0.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":";;;;;;;;AAAA;;;;;;AAMG;AAQH;;AAEG;AACH,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC;AACxC,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACF,CAAA,CAAC,CAAC;AAEH;;AAEG;AACH,MAAM,cAAc,GAClB,oIAAoI,CAAC;AAEvI;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,OAAe,EAAA;AAClC,IAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;AACzB,IAAA,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAEnC,QACE,KAAK,CAAC,cAAc,EAAE,KAAK,QAAQ,CAAC,cAAc,EAAE;AACpD,QAAA,KAAK,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,WAAW,EAAE;QAC9C,KAAK,CAAC,UAAU,EAAE,KAAK,QAAQ,CAAC,UAAU,EAAE,EAC5C;AACJ,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,oBAAoB,CAAC,OAAgB,EAAA;AAC5C,IAAA,MAAM,MAAM,GAAGA,gCAAS,EAAE,CAAC;AAC3B,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;AAChC,IAAA,IAAI,OAAO,EAAE;QACX,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAmC,CAAC,CAAC;AAC5F,KAAA;IAED,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,mBAAmB,CAAC,OAAqC,CAAC,CAAC;AAC/F,CAAC;AAED;;;;;;;;AAQG;AACH,SAAS,mBAAmB,CAC1B,KAA2B,EAC3B,OAAmB,QAAQ,EAAA;AAE3B,IAAA,QAAQ,IAAI;AACV,QAAA,KAAK,UAAU;;YAEb,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAIC,wBAAU,CAAC,QAAQ,CAAC,KAAY,CAAC,CAAC;AAExE,QAAA,KAAK,WAAW;;YAEd,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAEjE,QAAA,KAAK,QAAQ,CAAC;AACd,QAAA;;YAEE,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAACC,8BAAkB,CAAC,KAAK,CAAC,CAAC;AAClE,KAAA;AACH,CAAC;AAED;;;;;AAKG;AACH,SAAS,eAAe,CAAC,OAAe,EAAA;AACtC,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AACrC,IAAA,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7C;;;;;;;;"}

package/cjs/MessageLayer-731f812d.js

@@ -0,0 +1,88 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_classNames.js');
+require('./UNSAFE_Flex.js');
+var UNSAFE_WindowOverlay = require('./UNSAFE_WindowOverlay.js');
+var classNames = require('./classNames-825d80d7.js');
+var Flex = require('./Flex-71c6255f.js');
+
+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: "_5jei2g",
+  ['top-left']: "o1qkql",
+  top: "_18h57zf",
+  ['top-right']: "_16ofodn",
+  ['bottom-left']: "_1xp2c8n",
+  bottom: "_1lvzhsw",
+  ['bottom-right']: "_13rpput"
+};
+
+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-731f812d.js.map

package/cjs/MessageLayer-731f812d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLayer-731f812d.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":"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"}

package/cjs/MessageStartIcon-aab13995.js

@@ -0,0 +1,70 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+require('./index-ed6e3090.js');
+require('./UNSAFE_Flex.js');
+var UNSAFE_Icons = require('./index-5304d101.js');
+var Flex = require('./Flex-71c6255f.js');
+var classNames = require('./classNames-825d80d7.js');
+
+const messageStartIconStyles = "_1d9hv8b";
+const severityIconStyles = {
+  banner: "_1roldm7",
+  inline: "owa2z3",
+  toast: "_1yb0u3l"
+};
+const severityIcons = {
+  confirmation: UNSAFE_Icons.SvgIcoSuccessS,
+  error: UNSAFE_Icons.SvgIcoErrorS,
+  info: UNSAFE_Icons.SvgIcoInformationS,
+  warning: UNSAFE_Icons.SvgIcoWarningS
+};
+const containerStyles = "ml53dk";
+/**
+ * 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-aab13995.js.map

package/cjs/MessageStartIcon-aab13995.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-aab13995.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":";;;;;;;;;;;;AAmBA,MAAAA,sBAAA,GAAA,UAAA,CAAA;AAMA,MAAAC,kBAAA,GAAA;UAAA,UAAA;UAAA,QAAA;;AAAA,CAAA,CAAA;AAkBA,MAAAC,aAAA,GAAA;AACEC,EAAAA,YAAA,EAAAC,2BADF;AAEEC,EAAAA,KAAA,EAAAC,yBAFF;AAGEC,EAAAA,IAAA,EAAAC,+BAHF;AAIEC,EAAAA,OAAA,EAAAC,2BAAAA;AAJF,CAAA,CAAA;AAOA,MAAAC,eAAA,GAAA,QAAA,CAAA;AA6CA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAAC,EAAAA,YAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,aAAA,GAAAd,aAAA,CAAAW,QAAA,CAAA,CADF;;AAGE,EAAA,MAAAI,WAAA,GAAAH,OAAA,KAAA,QAAA,GAAAI,cAAA,CAAAC,SAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAA,QAAA;AAAAC,IAAAA,MAAA,EAAA,MAAA;AAAA,GAAA,EAAA;IAAAC,QAAA,EAAAN,cAAA,CAAA,MAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAd,eAAA;AAAAe,MAAAA,IAAA,EAAA,KAAA;AAAAC,MAAAA,KAAA,EAAAZ,YAAA,KAAA,IAAA,IAAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAA,CAAAF,QAAA,CAAA;AAAA,KAAA,EAAA;AAAAW,MAAAA,QAAA,EAAAN,cAAA,CAAAF,aAAA,EAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;GAAA,CAAA,CAAA,GAAAE,cAAA,CAAA,MAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAI,IAAAA,KAAA,EAAAd,eAAA;AAAAe,IAAAA,IAAA,EAAA,KAAA;AAAAC,IAAAA,KAAA,EAAAZ,YAAA,KAAA,IAAA,IAAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAA,CAAAF,QAAA,CAAA;AAAA,GAAA,EAAA;AAAAW,IAAAA,QAAA,EAAAN,cAAA,CAAAF,aAAA,EAAA,EAAA,CAAA;GAAA,CAAA,CAAA,CAHF;;;;;;AAoBE,EAAA,OAAAE,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAI,IAAAA,KAAA,EAAAG,qBAAA,CAAA,4CAAA,wBAAA,6BAAA,CAAA,CAAA;;AAAA,GAAA;;GAAA,CAAA,CAAA,CAAA;AAWF;;;;;;;"}

package/cjs/MessageSummary-e3c976d2.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-825d80d7.js');
+
+const messageSummaryStyles = {
+  // TODO: Reevaluate once the TEXT component is available (JET-46891)
+  base: "t65d78",
+  banner: "_1i99nfe",
+  inline: "m0ty6g",
+  toast: "_91dl5"
+};
+/**
+ * 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-e3c976d2.js.map

package/cjs/MessageSummary-e3c976d2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-e3c976d2.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":";;;;;;;;AAWA,MAAAA,oBAAA,GAAA;;QAAA,QAAA;UAAA,UAAA;UAAA,QAAA;;AAAA,CAAA,CAAA;AAyCA;;AAEG;;AACH,SAAAC,cAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;;;;;sFAQIH,oBAAA,CAAAI;AAGF,EAAA,OAAAC,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,SAAA;AAAAC,IAAAA,KAAA,EAAAC,OAAAA;AAAA,GAAA,EAAA;AAAAC,IAAAA,QAAA,EAAAT,IAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/cjs/MessageTimestamp-5c34afd5.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-afa602f0.js');
+var classNames = require('./classNames-825d80d7.js');
+
+const messageTimestampStyles = {
+  banner: "_4e9xiq",
+  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-5c34afd5.js.map

package/cjs/MessageTimestamp-5c34afd5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-5c34afd5.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":";;;;;;;;;AAaA,MAAAA,sBAAA,GAAA;UAAA,SAAA;AAMEC,EAAAA,MAAA,EAAAC,SANF;AAOEC,EAAAA,KAAA,EAAAD,SAAAA;AAPF,CAAA,CAAA;AAyBA;;AAEG;;AACH,SAAAE,gBAAA,CAAA;EAAAC,KAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;;;;;wHAAA;;AAYE,EAAA,MAAAC,kBAAA,GAAAC,sCAAA,CAAAH,KAAA,CAAA,CAAA;AACA,EAAA,OAAAI,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,OAAAA;AAAA,GAAA,EAAA;AAAAC,IAAAA,QAAA,EAAAP,kBAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}