@oracle/oraclejet 13.0.1 → 13.0.2

package/dist/js/libs/oraclejet-preact/cjs/MessageCloseButton-0ec536a7.js

@@ -0,0 +1,42 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const messageCloseButtonStyles = {
+  banner: "b10cag1l",
+  inline: undefined
+};
+/**
+ * A Component for rendering the message close button
+ */
+
+function MessageCloseButton({
+  onAction,
+  buttonRenderer,
+  title = 'Close',
+  variant = 'banner'
+}) {
+  const renderedButton = buttonRenderer ? buttonRenderer(title, onAction, variant) : // we should ultimately be able to create an oj-button (or rather its preact
+  // equivalent) here, but for now just create a regular HTML button if a renderer
+  // is not passed in from the core JET layer
+  jsxRuntime.jsx("button", Object.assign({
+    "aria-label": title,
+    onClick: onAction,
+    title: title
+  }, {
+    children: "X"
+  }));
+  const classes = `oj-c-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`; // Otherwise, render the close icon
+
+  return jsxRuntime.jsx("div", Object.assign({
+    class: classes
+  }, {
+    children: renderedButton
+  }));
+}
+
+exports.MessageCloseButton = MessageCloseButton;
+/*  */
+//# sourceMappingURL=MessageCloseButton-0ec536a7.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageCloseButton-0ec536a7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-0ec536a7.js","sources":["../../src/UNSAFE_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 { MessageVariant } from './Message.types';\n\nconst messageCloseButtonStyles = {\n  banner: cssProps`${{\n    marginInlineStart: '0.25rem',\n    marginInlineEnd: '-0.5rem',\n    marginTop: '-0.5rem',\n    marginBottom: '-0.5rem'\n  }}`,\n  inline: undefined\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    // we should ultimately be able to create an oj-button (or rather its preact\n    // equivalent) here, but for now just create a regular HTML button if a renderer\n    // is not passed in from the core JET layer\n    <button aria-label={title} onClick={onAction} title={title}>\n      X\n    </button>\n  );\n  const classes = `oj-c-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`;\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","renderedButton","_jsx","Object","assign","class","classes","children"],"mappings":";;;;;;AAYA,MAAAA,wBAAA,GAAA;UAAA,UAAA;AAOEC,EAAAA,MAAA,EAAAC,SAAAA;AAPF,CAAA,CAAA;AAuCA;;AAEG;;AACH,SAAAC,kBAAA,CAAA;EAAAC,QAAA;EAAAC,cAAA;AAAAC,EAAAA,KAAA,GAAA,OAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;AAME,EAAA,MAAAC,cAAA,GAAAH,cAAA,GAAAA,cAAA,CAAAC,KAAA,EAAAF,QAAA,EAAAG,OAAA,CAAA;;;;;;;;;KAAA,CAAA;2FANF;;AAmBE,EAAA,OAAAE,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,OAAAA;AAAA,GAAA,EAAA;AAAAC,IAAAA,QAAA,EAAAN,cAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/MessageDetail-258235bc.js

@@ -0,0 +1,59 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var preact = require('preact');
+var MessageFormattingUtils = require('./MessageFormattingUtils-7b164d5b.js');
+
+const messageDetailStyles = {
+  // TODO: Reevaluate once the TEXT component is available (JET-46891)
+  base: "bbznd28",
+  banner: "b39ctpn",
+  inline: undefined
+};
+/**
+ * Default renderer for rendering the detail content.
+ *
+ * @param item The template 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
+
+  const classes = `oj-c-message${variant}-detail ${messageDetailStyles.base} ${messageDetailStyles[variant]}`;
+  return jsxRuntime.jsx("div", Object.assign({
+    class: classes
+  }, {
+    children: renderedContent
+  }));
+}
+
+exports.MessageDetail = MessageDetail;
+/*  */
+//# sourceMappingURL=MessageDetail-258235bc.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageDetail-258235bc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-258235bc.js","sources":["../../src/UNSAFE_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 { ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { 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    marginTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\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  inline: undefined\n};\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Structure of template item used for dynamic templates\n */\ntype MessageTemplateItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The template item for rendering the detail content\n   */\n  item: MessageTemplateItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageTemplateItem<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 template item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageTemplateItem<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>({\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  const classes = `oj-c-message${variant}-detail ${messageDetailStyles.base} ${messageDetailStyles[variant]}`;\n  return <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail, MessageTemplateItem };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","MessageDetail","renderer","variant","renderedContent","classes","base","Object","assign","class"],"mappings":";;;;;;;;AAcA,MAAAA,mBAAA,GAAA;;QAAA,SAAA;UAAA,SAAA;AAWEC,EAAAA,MAAA,EAAAC,SAAAA;AAXF,CAAA,CAAA;AAkEA;;;;;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;;AAUE,EAAA,MAAAW,OAAA,GAAA,CAAAF,YAAAA,EAAAA,OAAA,CAAAb,QAAAA,EAAAA,mBAAA,CAAAgB,IAAA,CAAAhB,CAAAA,EAAAA,mBAAA,CAAAa,OAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,OAAAL,cAAA,CAAA,KAAA,EAAAS,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAJ,OAAAA;AAAA,GAAA,EAAA;AAAAL,IAAAA,QAAA,EAAAI,eAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/MessageFormattingUtils-7b164d5b.js

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

package/dist/js/libs/oraclejet-preact/cjs/MessageFormattingUtils-7b164d5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-7b164d5b.js","sources":["../../src/UNSAFE_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/dist/js/libs/oraclejet-preact/cjs/MessageStartIcon-5c070593.js

@@ -0,0 +1,55 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+require('./index-ce3067e5.js');
+require('./UNSAFE_Flex.js');
+var UNSAFE_Icons = require('./index-79cf375a.js');
+var Flex = require('./Flex-90ba9f0a.js');
+var classNames = require('./classNames-7897cd9a.js');
+
+const messageStartIconStyles = "mmmpf1e";
+const severityIconStyles = {
+  banner: "b1mv77e8",
+  inline: "ie3df0t"
+};
+const severityIcons = {
+  confirmation: UNSAFE_Icons.SvgIcoSuccessS,
+  error: UNSAFE_Icons.SvgIcoErrorS,
+  info: UNSAFE_Icons.SvgIcoInformationS,
+  warning: UNSAFE_Icons.SvgIcoWarningS
+};
+/**
+ * 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 === 'banner' ? jsxRuntime.jsx(Flex.Flex, Object.assign({
+    align: "center",
+    height: "100%"
+  }, {
+    children: jsxRuntime.jsx(IconComponent, {
+      accessibleLabel: translations === null || translations === void 0 ? void 0 : translations[severity]
+    })
+  })) : jsxRuntime.jsx(IconComponent, {
+    accessibleLabel: translations === null || translations === void 0 ? void 0 : translations[severity]
+  });
+  return jsxRuntime.jsx("div", Object.assign({
+    class: classNames.classNames([`oj-c-message${variant}-start-icon`, messageStartIconStyles, severityIconStyles[variant]]),
+    role: "presentation"
+  }, {
+    children: iconContent
+  }));
+}
+
+exports.MessageStartIcon = MessageStartIcon;
+/*  */
+//# sourceMappingURL=MessageStartIcon-5c070593.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageStartIcon-5c070593.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-5c070593.js","sources":["../../src/UNSAFE_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}}`;\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};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\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 === 'banner' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <IconComponent accessibleLabel={translations?.[severity]} />\n      </Flex>\n    ) : (\n      <IconComponent accessibleLabel={translations?.[severity]} />\n    );\n  return (\n    <div\n      class={classNames([\n        `oj-c-message${variant}-start-icon`,\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","MessageStartIcon","severity","variant","translations","IconComponent","_jsx","Object","assign","class","classNames"],"mappings":";;;;;;;;;;;;AAmBA,MAAAA,sBAAA,GAAA,SAAA,CAAA;AAIA,MAAAC,kBAAA,GAAA;UAAA,UAAA;;AAAA,CAAA,CAAA;AAYA,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;AAgDA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAAC,EAAAA,YAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,aAAA,GAAAb,aAAA,CAAAU,QAAA,CAAA,CADF;;;;;;;;;;;;AAWE,EAAA,OAAAI,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,qBAAA,CAAA,CAGM,eAAAP,OAAA,CAAA,WAAA,CAHN,wBAAA,6BAAA,CAAA,CAAA;;AAAA,GAAA;;GAAA,CAAA,CAAA,CAAA;AAWF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/MessageSummary-a04bdb70.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const messageSummaryStyles = {
+  // TODO: Reevaluate once the TEXT component is available (JET-46891)
+  base: "bczmanu",
+  banner: "bonzci6",
+  inline: "i1j7ne0i"
+};
+/**
+ * Summary Component for rendering the summary text of the Message
+ */
+
+function MessageSummary({
+  text,
+  variant = 'banner'
+}) {
+  const classes = `oj-c-message${variant}-summary ${messageSummaryStyles.base} ${messageSummaryStyles[variant]}`;
+  return jsxRuntime.jsx("div", Object.assign({
+    role: "heading",
+    class: classes
+  }, {
+    children: text
+  }));
+}
+
+exports.MessageSummary = MessageSummary;
+/*  */
+//# sourceMappingURL=MessageSummary-a04bdb70.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageSummary-a04bdb70.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-a04bdb70.js","sources":["../../src/UNSAFE_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 { 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\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  const classes = `oj-c-message${variant}-summary ${messageSummaryStyles.base} ${messageSummaryStyles[variant]}`;\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["messageSummaryStyles","MessageSummary","text","variant","classes","base","_jsx","Object","assign","role","class","children"],"mappings":";;;;;;AAUA,MAAAA,oBAAA,GAAA;;QAAA,SAAA;UAAA,SAAA;;AAAA,CAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,cAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAA,CAAAD,YAAAA,EAAAA,OAAA,CAAAH,SAAAA,EAAAA,oBAAA,CAAAK,IAAA,CAAAL,CAAAA,EAAAA,oBAAA,CAAAG,OAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,OAAAG,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,SAAA;AAAAC,IAAAA,KAAA,EAAAN,OAAAA;AAAA,GAAA,EAAA;AAAAO,IAAAA,QAAA,EAAAT,IAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/MessageTimestamp-8f513c15.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var MessageFormattingUtils = require('./MessageFormattingUtils-7b164d5b.js');
+
+const messageTimestampStyles = {
+  banner: "b1i0o3vp",
+  inline: undefined
+};
+/**
+ * Timestamp Component for rendering timestamp in Message
+ */
+
+function MessageTimestamp({
+  value,
+  variant = 'banner'
+}) {
+  const classes = `oj-c-message${variant}-timestamp ${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-8f513c15.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageTimestamp-8f513c15.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-8f513c15.js","sources":["../../src/UNSAFE_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 { 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};\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  const classes = `oj-c-message${variant}-timestamp ${messageTimestampStyles[variant]}`;\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","MessageTimestamp","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":";;;;;;;AAYA,MAAAA,sBAAA,GAAA;UAAA,UAAA;AAMEC,EAAAA,MAAA,EAAAC,SAAAA;AANF,CAAA,CAAA;AAwBA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,KAAA;AAAAC,EAAAA,OAAA,GAAA,QAAA;AAAA,CAAA,EAAA;wFAAA;;AAIE,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;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/MessageUtils-06e45530.js

@@ -0,0 +1,116 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var utils_UNSAFE_logger = require('./utils/UNSAFE_logger.js');
+var utils_UNSAFE_soundUtils = require('./utils/UNSAFE_soundUtils.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-7b164d5b.js');
+
+/**
+ * Logger that prepends the component name to the message
+ */
+const MessageLogger = {
+    error: (message, type = 'common') => utils_UNSAFE_logger.Logger.error(`JET Message(${type}): ${message}`),
+    warn: (message, type = 'common') => utils_UNSAFE_logger.Logger.warn(`JET Message(${type}): ${message}`),
+    info: (message, type = 'common') => utils_UNSAFE_logger.Logger.info(`JET Message(${type}): ${message}`),
+    log: (message, type = 'common') => utils_UNSAFE_logger.Logger.log(`JET Message(${type}): ${message}`)
+};
+/**
+ * Plays a sound based on the provided argument. Supported keywords:
+ * 1. default - plays the default beep sound
+ * 2. none - no sound will be played
+ *
+ * @param sound Supported keywords or URL to an audio file
+ */
+async function playSound(sound) {
+    if (sound === 'none') {
+        // no need to play any audio
+        return;
+    }
+    // For default, we play a beep sound using WebAudio API
+    if (sound === 'default') {
+        try {
+            utils_UNSAFE_soundUtils.playDefaultNotificationSound();
+        }
+        catch (error) {
+            // Default sound is not played due to some error
+            // Log a message and return doing nothing else
+            MessageLogger.warn(`Failed to play the default sound. ${error}.`);
+        }
+        return;
+    }
+    // If it is not a key word, then it is an URL
+    try {
+        await utils_UNSAFE_soundUtils.playAudioFromURL(sound);
+    }
+    catch (error) {
+        // Playing audio using the URL failed.
+        MessageLogger.warn(`Failed to play the audio from the url ${sound}. ${error}.`);
+    }
+}
+/**
+ * A helper function that throws an error
+ *
+ * @param message The error message
+ * @param type The type of the message that is throwing an error
+ * @throws {Error}
+ */
+function throwError(message, type = 'common') {
+    throw new Error(`JET Message(${type}) - ${message}`);
+}
+/**
+ * Fetches a renderer for the current message if one is provided
+ *
+ * @param message The item context for the current message
+ * @param rendererIdentifier Identifier of the current renderer
+ * @param renderers All available renderers
+ * @returns The renderer for rendering the custom content
+ */
+function getRenderer(message, rendererIdentifier, renderers, type) {
+    // If either detailRenderer function or record of renderers are not available,
+    // return null
+    if (!rendererIdentifier || !renderers) {
+        return undefined;
+    }
+    const rendererKey = typeof rendererIdentifier === 'function' ? rendererIdentifier(message) : rendererIdentifier;
+    // If rendererKey is null or undefined, then we need to use default rendering
+    // so return null
+    if (rendererKey == null) {
+        return undefined;
+    }
+    // If the returned render key is a string but does not exist in the provided
+    // record of dynamic template slots, throw an error
+    if (!(rendererKey in renderers)) {
+        throwError(`${rendererKey} is not a valid template name for the message with key=${message.key}`, type);
+    }
+    // Else, fetch and return the renderer
+    return renderers[rendererKey];
+}
+/**
+ * Generates a root style class based on the severity. For invalid severity and severity=none
+ * no specific style class exists.
+ *
+ * @param severity The message severity
+ * @returns calculated style class based on the severity
+ */
+function severityBasedStyleClass(severity, variant) {
+    const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
+    return isValidSeverity && severity !== 'none' ? `oj-c-message${variant}-${severity}` : '';
+}
+/**
+ * Determines if a severity icon is needed based on the component severity
+ *
+ * @param severity The component severity
+ * @returns Whether or not to render the severity icon
+ */
+function isSeverityIconNeeded(severity) {
+    const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
+    return isValidSeverity && severity !== 'none';
+}
+
+exports.getRenderer = getRenderer;
+exports.isSeverityIconNeeded = isSeverityIconNeeded;
+exports.playSound = playSound;
+exports.severityBasedStyleClass = severityBasedStyleClass;
+exports.throwError = throwError;
+/*  */
+//# sourceMappingURL=MessageUtils-06e45530.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageUtils-06e45530.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageUtils-06e45530.js","sources":["../../src/UNSAFE_Message/MessageUtils.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 { ComponentChildren } from 'preact';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { playAudioFromURL, playDefaultNotificationSound } from '../utils/UNSAFE_soundUtils';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageSeverity, MessageVariant } from './Message.types';\n\n/**\n * Logger that prepends the component name to the message\n */\nconst MessageLogger = {\n  error: (message: string, type = 'common') => Logger.error(`JET Message(${type}): ${message}`),\n  warn: (message: string, type = 'common') => Logger.warn(`JET Message(${type}): ${message}`),\n  info: (message: string, type = 'common') => Logger.info(`JET Message(${type}): ${message}`),\n  log: (message: string, type = 'common') => Logger.log(`JET Message(${type}): ${message}`)\n};\n\n/**\n * Plays a sound based on the provided argument. Supported keywords:\n * 1. default - plays the default beep sound\n * 2. none - no sound will be played\n *\n * @param sound Supported keywords or URL to an audio file\n */\nasync function playSound(sound: string) {\n  if (sound === 'none') {\n    // no need to play any audio\n    return;\n  }\n\n  // For default, we play a beep sound using WebAudio API\n  if (sound === 'default') {\n    try {\n      playDefaultNotificationSound();\n    } catch (error) {\n      // Default sound is not played due to some error\n      // Log a message and return doing nothing else\n      MessageLogger.warn(`Failed to play the default sound. ${error}.`);\n    }\n    return;\n  }\n\n  // If it is not a key word, then it is an URL\n  try {\n    await playAudioFromURL(sound);\n  } catch (error) {\n    // Playing audio using the URL failed.\n    MessageLogger.warn(`Failed to play the audio from the url ${sound}. ${error}.`);\n  }\n}\n\n/**\n * A helper function that throws an error\n *\n * @param message The error message\n * @param type The type of the message that is throwing an error\n * @throws {Error}\n */\nfunction throwError(message: string, type = 'common') {\n  throw new Error(`JET Message(${type}) - ${message}`);\n}\n\n/**\n * Fetches a renderer for the current message if one is provided\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRenderer<K, D, R>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | null),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  // If either detailRenderer function or record of renderers are not available,\n  // return null\n  if (!rendererIdentifier || !renderers) {\n    return undefined;\n  }\n\n  const rendererKey =\n    typeof rendererIdentifier === 'function' ? rendererIdentifier(message) : rendererIdentifier;\n\n  // If rendererKey is null or undefined, then we need to use default rendering\n  // so return null\n  if (rendererKey == null) {\n    return undefined;\n  }\n\n  // If the returned render key is a string but does not exist in the provided\n  // record of dynamic template slots, throw an error\n  if (!(rendererKey in renderers)) {\n    throwError(\n      `${rendererKey} is not a valid template name for the message with key=${message.key}`,\n      type\n    );\n  }\n\n  // Else, fetch and return the renderer\n  return renderers[rendererKey];\n}\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction severityBasedStyleClass(severity: MessageSeverity, variant: MessageVariant) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none' ? `oj-c-message${variant}-${severity}` : '';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\nexport { getRenderer, playSound, throwError, severityBasedStyleClass, isSeverityIconNeeded };\n"],"names":["Logger","playDefaultNotificationSound","playAudioFromURL","isValidValueForProp"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/MessagesManager-00d3300f.js

@@ -0,0 +1,101 @@
+/* @oracle/oraclejet-preact: 13.0.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var UNSAFE_TransitionGroup = require('./UNSAFE_TransitionGroup.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
+ */
+/**
+ * Context which the parent custom element components can use for passing down
+ * the busy context
+ */
+const MessagesContext = preact.createContext({});
+/**
+ * Uses the MessagesContext if one is available.
+ *
+ * @returns The context from the closes provider
+ */
+function useMessagesContext() {
+    return hooks.useContext(MessagesContext);
+}
+
+/**
+ * The component that renders individual messages for the provided data.
+ */
+function MessagesManager(props) {
+    const { children, data } = props;
+    const { handleEntering, handleExiting } = useMessagesManager(props);
+    return (jsxRuntime.jsx(UNSAFE_TransitionGroup.TransitionGroup, Object.assign({ elementType: preact.Fragment }, { children: data.map((item, index) => (jsxRuntime.jsx(UNSAFE_TransitionGroup.Transition, Object.assign({ metadata: { index, key: item.key }, onEntering: handleEntering, onExiting: handleExiting }, { children: children === null || children === void 0 ? void 0 : children({ index, item }) }), item.key))) })));
+}
+/**
+ * A custom hook for creating the listeners for the MessagesManager
+ *
+ * @param param0 The props for the messages
+ * @returns The transition listeners
+ */
+function useMessagesManager({ animations, startAnimation = () => Promise.resolve(false), onMessageWillRemove }) {
+    const { addBusyState } = useMessagesContext();
+    /**
+     * Adds busy state if available in the context
+     *
+     * @param description The description of the busyState
+     * @returns The busyState resolver
+     */
+    const _addBusyState = hooks.useCallback((description) => {
+        var _a;
+        return (_a = addBusyState === null || addBusyState === void 0 ? void 0 : addBusyState(description)) !== null && _a !== void 0 ? _a : (() => { });
+    }, [addBusyState]);
+    /**
+     * Performs animation.
+     *
+     * @param type The type of the animation
+     * @param base The root DOM element
+     */
+    const performAnimation = hooks.useCallback(async (type, base) => {
+        if (!base) {
+            return;
+        }
+        const animation = animations === null || animations === void 0 ? void 0 : animations[type];
+        if (animation) {
+            const busyStateResolver = _addBusyState(`performing message animation - ${type}`);
+            // If an animation is provided for the current transition, perform the animation
+            await startAnimation(base, type, animation);
+            busyStateResolver();
+        }
+    }, [animations, startAnimation, _addBusyState]);
+    /**
+     * Handles when a message is successfully entered.
+     *
+     * @param node The corresponding message element
+     * @param callback A callback function to be called after the animation is complete
+     */
+    const handleEntering = hooks.useCallback(async (node, callback) => {
+        await performAnimation('enter', node);
+        callback === null || callback === void 0 ? void 0 : callback();
+    }, [performAnimation]);
+    /**
+     * Handles when a message has started to exit.
+     *
+     * @param node The corresponding message element
+     * @param callback A callback function to be called after the animation is complete
+     */
+    const handleExiting = hooks.useCallback(async (node, callback, metadata) => {
+        await performAnimation('exit', node);
+        metadata && (onMessageWillRemove === null || onMessageWillRemove === void 0 ? void 0 : onMessageWillRemove(metadata.key, metadata.index, node));
+        callback === null || callback === void 0 ? void 0 : callback();
+    }, [performAnimation, onMessageWillRemove]);
+    return { handleEntering, handleExiting };
+}
+
+exports.MessagesContext = MessagesContext;
+exports.MessagesManager = MessagesManager;
+/*  */
+//# sourceMappingURL=MessagesManager-00d3300f.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessagesManager-00d3300f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesManager-00d3300f.js","sources":["../../src/UNSAFE_Message/MessagesContext.ts","../../src/UNSAFE_Message/MessagesManager.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 { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\n/**\n * Messages Context\n */\ntype MessagesContextProps = {\n  /**\n   * An optional function that adds busy state to the root element\n   */\n  addBusyState?: (description?: string) => () => void;\n};\n\n/**\n * Context which the parent custom element components can use for passing down\n * the busy context\n */\nconst MessagesContext = createContext<MessagesContextProps>({});\n\n/**\n * Uses the MessagesContext if one is available.\n *\n * @returns The context from the closes provider\n */\nfunction useMessagesContext() {\n  return useContext(MessagesContext);\n}\n\nexport { MessagesContext, useMessagesContext };\n","/**\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 { ComponentChild, Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { Transition, TransitionGroup } from '../UNSAFE_TransitionGroup';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { useMessagesContext } from './MessagesContext';\n\n/**\n * A type that defines animation configuration\n */\ntype MessageAnimation = {\n  effect?: string;\n  duration?: string | number;\n  direction?: string;\n};\n\n/**\n * Transition states for animations\n */\ntype TransitionState = 'enter' | 'exit';\n\n/**\n * Metadata passed on to the Transition component\n */\ntype TransitionMetadata<K> = {\n  index: number;\n  key: K;\n};\n\n/**\n * Type of the render context passed on to render individual message\n */\ntype MessageRenderContext<Key, Data> = {\n  /**\n   * The index of the current message\n   */\n  index: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n};\n\n// Type of startAnimation property\ntype StartAnimType = (\n  element: Element,\n  action: string,\n  effects: string | object | (string | object)[],\n  component?: object\n) => Promise<unknown>;\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * An object of various animation effects for the transitions.\n   */\n  animations?: Record<string, MessageAnimation[]>;\n\n  /**\n   * A render function that renders individual child.\n   */\n  children?: (context: MessageRenderContext<Key, Data>) => ComponentChild;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * Method for starting an animation.\n   */\n  startAnimation?: StartAnimType;\n\n  /**\n   * A callback function that gets called before a message is removed\n   */\n  onMessageWillRemove?: (key: Key, index: number, node?: Element) => void;\n};\n\n/**\n * The component that renders individual messages for the provided data.\n */\nfunction MessagesManager<K extends string | number = string | number, D = any>(props: Props<K, D>) {\n  const { children, data } = props;\n  const { handleEntering, handleExiting } = useMessagesManager(props);\n\n  return (\n    <TransitionGroup elementType={Fragment}>\n      {data.map((item, index) => (\n        <Transition\n          key={item.key}\n          metadata={{ index, key: item.key }}\n          onEntering={handleEntering}\n          onExiting={handleExiting}>\n          {children?.({ index, item })}\n        </Transition>\n      ))}\n    </TransitionGroup>\n  );\n}\n\n/**\n * A custom hook for creating the listeners for the MessagesManager\n *\n * @param param0 The props for the messages\n * @returns The transition listeners\n */\nfunction useMessagesManager<K, D>({\n  animations,\n  startAnimation = () => Promise.resolve(false),\n  onMessageWillRemove\n}: Props<K, D>) {\n  const { addBusyState } = useMessagesContext();\n\n  /**\n   * Adds busy state if available in the context\n   *\n   * @param description The description of the busyState\n   * @returns The busyState resolver\n   */\n  const _addBusyState = useCallback(\n    (description: string) => {\n      return addBusyState?.(description) ?? (() => {});\n    },\n    [addBusyState]\n  );\n\n  /**\n   * Performs animation.\n   *\n   * @param type The type of the animation\n   * @param base The root DOM element\n   */\n  const performAnimation = useCallback(\n    async (type: TransitionState, base?: Element) => {\n      if (!base) {\n        return;\n      }\n\n      const animation = animations?.[type];\n      if (animation) {\n        const busyStateResolver = _addBusyState(`performing message animation - ${type}`);\n        // If an animation is provided for the current transition, perform the animation\n        await startAnimation(base, type, animation);\n        busyStateResolver();\n      }\n    },\n    [animations, startAnimation, _addBusyState]\n  );\n\n  /**\n   * Handles when a message is successfully entered.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleEntering = useCallback(\n    async (node?: Element, callback?: () => void) => {\n      await performAnimation('enter', node);\n      callback?.();\n    },\n    [performAnimation]\n  );\n\n  /**\n   * Handles when a message has started to exit.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleExiting = useCallback(\n    async (node?: Element, callback?: () => void, metadata?: TransitionMetadata<K>) => {\n      await performAnimation('exit', node);\n      metadata && onMessageWillRemove?.(metadata.key, metadata.index, node);\n      callback?.();\n    },\n    [performAnimation, onMessageWillRemove]\n  );\n\n  return { handleEntering, handleExiting };\n}\n\nexport { MessageAnimation, MessagesManager };\n"],"names":["createContext","useContext","_jsx","TransitionGroup","Fragment","Transition","useCallback"],"mappings":"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"}