@oracle/oraclejet-preact 14.0.15 → 14.0.17

package/cjs/PRIVATE_List.js

@@ -1,32 +1,32 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var List = require('./List-bb058c64.js');
+var List = require('./List-623a3ebe.js');
 require('preact/jsx-runtime');
 require('preact/hooks');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-0b5e7ec9.js');
+require('./classNames-c244c6b5.js');
 require('./utils/UNSAFE_mergeProps.js');
 require('./utils/UNSAFE_keys.js');
-require('./LoadMoreCollection-a54586f6.js');
+require('./LoadMoreCollection-f702c6e6.js');
 require('./PRIVATE_Collection.js');
-require('./Collection-e5992bee.js');
+require('./Collection-104ad9c1.js');
 require('preact');
 require('./hooks/UNSAFE_useViewportIntersect.js');
 require('./PRIVATE_VirtualizedCollection.js');
-require('./VirtualizedCollection-75ef82e2.js');
+require('./VirtualizedCollection-25a65ecb.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./UNSAFE_FocusTrap.js');
-require('./FocusTrap-7ff20a61.js');
+require('./FocusTrap-b78486ab.js');
 require('preact/compat');
 require('./utils/PRIVATE_tabbableUtils.js');
-require('./_curry1-d7c967d7.js');
-require('./_curry2-b842c9f6.js');
-require('./_curry3-ae657000.js');
+require('./_curry1-8041d5c4.js');
+require('./_curry2-314ae9ee.js');
+require('./_curry3-9710c9f6.js');
 require('./hooks/UNSAFE_useId.js');
 require('./hooks/PRIVATE_useSelection.js');
 require('./hooks/PRIVATE_useCurrentKey.js');
@@ -35,30 +35,30 @@ require('./hooks/PRIVATE_useTabbableModeSet.js');
 require('./hooks/PRIVATE_useItemAction.js');
 require('./utils/PRIVATE_collectionUtils.js');
 require('./UNSAFE_Skeleton.js');
-require('./Skeleton-2bbb2c68.js');
-require('./tslib.es6-af5a0e61.js');
+require('./Skeleton-30eb135d.js');
+require('./tslib.es6-3a9a7bce.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_has-e1033a99.js');
+require('./_has-fbcc6ed0.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-f91ad535.js');
+require('./Flex-0477300a.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-f70c2efe.js');
+require('./keys-b25c25eb.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-6ad70ff1.js');
+require('./flexbox-d7555029.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-521487bd.js');
+require('./flexitem-d9e85c86.js');
 require('./UNSAFE_Selector.js');
-require('./index-78030966.js');
-require('./index-153973bc.js');
+require('./index-68cf332c.js');
+require('./index-e0e5d9e7.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-bd1b5f72.js');
+require('./Icon-4ae27889.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-39284df3.js');
-require('./index-c5842a02.js');
+require('./Floating-38a935e0.js');
+require('./index-9fff364f.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -70,7 +70,7 @@ require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-de52a08d.js');
+require('./useAnimation-e9cefe9a.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 

package/cjs/PRIVATE_Message.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,55 +9,55 @@ var hooks = require('preact/hooks');
 require('./UNSAFE_Flex.js');
 var utils_PRIVATE_timer = require('./utils/PRIVATE_timer.js');
 require('./utils/UNSAFE_classNames.js');
-var MessageCloseButton = require('./MessageCloseButton-6c1b1792.js');
-var classNames = require('./classNames-0b5e7ec9.js');
-var MessageDetail = require('./MessageDetail-dea248df.js');
-var MessageFormattingUtils = require('./MessageFormattingUtils-9134f618.js');
-var MessageStartIcon = require('./MessageStartIcon-cb2f0a1f.js');
-var MessageSummary = require('./MessageSummary-ce1d2935.js');
-var MessageTimestamp = require('./MessageTimestamp-476fdfa5.js');
-var MessageUtils = require('./MessageUtils-f86209a4.js');
-var Flex = require('./Flex-f91ad535.js');
-var MessagesManager = require('./MessagesManager-f9f769c5.js');
-var Message_types = require('./Message.types-41952b48.js');
-require('./tslib.es6-af5a0e61.js');
+var MessageCloseButton = require('./MessageCloseButton-f820af87.js');
+var classNames = require('./classNames-c244c6b5.js');
+var MessageDetail = require('./MessageDetail-4711b78d.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-7caa7444.js');
+var MessageStartIcon = require('./MessageStartIcon-5affbd2c.js');
+var MessageSummary = require('./MessageSummary-d698a63e.js');
+var MessageTimestamp = require('./MessageTimestamp-efee7c01.js');
+var MessageUtils = require('./MessageUtils-3d2dab4e.js');
+var Flex = require('./Flex-0477300a.js');
+var MessagesManager = require('./MessagesManager-dea7c6af.js');
+var Message_types = require('./Message.types-70248ba1.js');
+require('./tslib.es6-3a9a7bce.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-d7c967d7.js');
+require('./_curry1-8041d5c4.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-ae657000.js');
-require('./_curry2-b842c9f6.js');
-require('./_has-e1033a99.js');
+require('./_curry3-9710c9f6.js');
+require('./_curry2-314ae9ee.js');
+require('./_has-fbcc6ed0.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-f70c2efe.js');
+require('./keys-b25c25eb.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-6ad70ff1.js');
+require('./flexbox-d7555029.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-521487bd.js');
+require('./flexitem-d9e85c86.js');
 require('./UNSAFE_Button.js');
-require('./Button-e7bafcd0.js');
+require('./Button-62d2d090.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-2736c4df.js');
+require('./BaseButton-d631ce3d.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useActive.js');
 require('preact/compat');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-e1bf0c4c.js');
+require('./clientHints-7abe2495.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('preact');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-78030966.js');
-require('./index-153973bc.js');
+require('./index-68cf332c.js');
+require('./index-e0e5d9e7.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-bd1b5f72.js');
+require('./Icon-4ae27889.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-39284df3.js');
-require('./index-c5842a02.js');
+require('./Floating-38a935e0.js');
+require('./index-9fff364f.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -67,19 +67,19 @@ require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-de52a08d.js');
+require('./useAnimation-e9cefe9a.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-f557225b.js');
+require('./stringUtils-c1b20b4c.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 
 const messageStartIconStyles = {
-  base: "erj2b6",
-  toast: "_1y9xpql"
+  base: "_1kpws2",
+  toast: "_6c2k3f"
 };
 /**
  * Component for rendering custom icon/content for start icon in Message
@@ -100,10 +100,10 @@ function MessageCustomStartIcon({
 }
 
 const messageHeaderStyles = {
-  base: "_1b1216t",
-  banner: "_7c9bpv",
+  base: "_1ho1i2c",
+  banner: "c9y9mf",
   inline: undefined,
-  toast: "_5406ne"
+  toast: "_3g9rp7"
 };
 /**
  * A component that styles the header for the message component
@@ -157,15 +157,15 @@ function isSeverityIconNeeded(severity) {
 
 const messageStyles = {
   base: {
-    banner: "_1pjk5k2",
-    toast: "jhswn7"
+    banner: "_1unl0vk",
+    toast: "_7aje5j"
   },
-  section: "lyxoq4",
+  section: "n1kh5x",
   // TODO: Replace with Flex and View components to handle padding and flex
   content: {
-    base: "_1n7cniq",
-    banner: "esxq35",
-    toast: "_16rnk"
+    base: "vv5nf9",
+    banner: "_1efc5tl",
+    toast: "_1xtldjp"
   }
 };
 /**

package/cjs/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx","../../src/PRIVATE_Message/index.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\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\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\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   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\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 * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\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\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\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 */\nexport { Message } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesManager } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity, MessageRendererDataItem } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","base","toast","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","getBaseVariant","isSeverityIconNeeded","severity","isValidSeverity","messageStyles","content","MIN_SECONDS","DEFAULT_TIMEOUT","Message","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeout","autoTimeout","timeoutDuration","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx","../../src/PRIVATE_Message/index.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\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\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\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   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\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 * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\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\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\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 */\nexport { Message } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesManager } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity, MessageRendererDataItem } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","base","toast","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","getBaseVariant","isSeverityIconNeeded","severity","isValidSeverity","messageStyles","content","MIN_SECONDS","DEFAULT_TIMEOUT","Message","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeout","autoTimeout","timeoutDuration","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"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"}

package/cjs/PRIVATE_MessageLayer.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MessageLayer = require('./MessageLayer-875e5e34.js');
+var MessageLayer = require('./MessageLayer-8502ce6b.js');
 require('preact/jsx-runtime');
 require("identity-obj-proxy");
 require('./hooks/UNSAFE_useUser.js');
@@ -14,23 +14,23 @@ require('./UNSAFE_Layer.js');
 require('preact/compat');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-0b5e7ec9.js');
+require('./classNames-c244c6b5.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-f91ad535.js');
-require('./tslib.es6-af5a0e61.js');
+require('./Flex-0477300a.js');
+require('./tslib.es6-3a9a7bce.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-d7c967d7.js');
+require('./_curry1-8041d5c4.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-ae657000.js');
-require('./_curry2-b842c9f6.js');
-require('./_has-e1033a99.js');
+require('./_curry3-9710c9f6.js');
+require('./_curry2-314ae9ee.js');
+require('./_has-fbcc6ed0.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-f70c2efe.js');
+require('./keys-b25c25eb.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-6ad70ff1.js');
+require('./flexbox-d7555029.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-521487bd.js');
+require('./flexitem-d9e85c86.js');
 require('./UNSAFE_WindowOverlay.js');
 
 

package/cjs/PRIVATE_Meter.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-af5a0e61.js');
+var tslib_es6 = require('./tslib.es6-3a9a7bce.js');
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 

package/cjs/PRIVATE_SelectCommon.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -11,41 +11,41 @@ require('./PRIVATE_List.js');
 require('./UNSAFE_Flex.js');
 require('./UNSAFE_Skeleton.js');
 var utils_UNSAFE_logger = require('./utils/UNSAFE_logger.js');
-var Flex = require('./Flex-f91ad535.js');
-var HighlightText = require('./HighlightText-29e3d224.js');
-var List = require('./List-bb058c64.js');
-var Skeleton = require('./Skeleton-2bbb2c68.js');
+var Flex = require('./Flex-0477300a.js');
+var HighlightText = require('./HighlightText-35317372.js');
+var List = require('./List-623a3ebe.js');
+var Skeleton = require('./Skeleton-30eb135d.js');
 require('./UNSAFE_Floating.js');
 var UNSAFE_Layer = require('./UNSAFE_Layer.js');
 var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
-var Floating = require('./Floating-39284df3.js');
+var Floating = require('./Floating-38a935e0.js');
 var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
-require('./index-78030966.js');
+require('./index-68cf332c.js');
 require('./utils/UNSAFE_classNames.js');
-var classNames = require('./classNames-0b5e7ec9.js');
-var UNSAFE_Icons = require('./index-153973bc.js');
+var classNames = require('./classNames-c244c6b5.js');
+var UNSAFE_Icons = require('./index-e0e5d9e7.js');
 var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
 var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./utils/PRIVATE_clientHints.js');
-var clientHints = require('./clientHints-e1bf0c4c.js');
+var clientHints = require('./clientHints-7abe2495.js');
 require('./utils/UNSAFE_mergeProps.js');
 require('./utils/UNSAFE_keys.js');
-require('./LoadMoreCollection-a54586f6.js');
+require('./LoadMoreCollection-f702c6e6.js');
 require('./PRIVATE_Collection.js');
-require('./Collection-e5992bee.js');
+require('./Collection-104ad9c1.js');
 require('preact');
 require('./hooks/UNSAFE_useViewportIntersect.js');
 require('./PRIVATE_VirtualizedCollection.js');
-require('./VirtualizedCollection-75ef82e2.js');
+require('./VirtualizedCollection-25a65ecb.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./UNSAFE_FocusTrap.js');
-require('./FocusTrap-7ff20a61.js');
+require('./FocusTrap-b78486ab.js');
 require('preact/compat');
 require('./utils/PRIVATE_tabbableUtils.js');
-require('./_curry1-d7c967d7.js');
-require('./_curry2-b842c9f6.js');
-require('./_curry3-ae657000.js');
+require('./_curry1-8041d5c4.js');
+require('./_curry2-314ae9ee.js');
+require('./_curry3-9710c9f6.js');
 require('./hooks/UNSAFE_useId.js');
 require('./hooks/PRIVATE_useSelection.js');
 require('./hooks/PRIVATE_useCurrentKey.js');
@@ -53,63 +53,63 @@ require('./hooks/PRIVATE_useCollectionFocusRing.js');
 require('./hooks/PRIVATE_useTabbableModeSet.js');
 require('./hooks/PRIVATE_useItemAction.js');
 require('./utils/PRIVATE_collectionUtils.js');
-require('./tslib.es6-af5a0e61.js');
+require('./tslib.es6-3a9a7bce.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_has-e1033a99.js');
+require('./_has-fbcc6ed0.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-f70c2efe.js');
+require('./keys-b25c25eb.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-6ad70ff1.js');
+require('./flexbox-d7555029.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-521487bd.js');
+require('./flexitem-d9e85c86.js');
 require('./UNSAFE_Selector.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-bd1b5f72.js');
+require('./Icon-4ae27889.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-de52a08d.js');
-require('./index-c5842a02.js');
+require('./useAnimation-e9cefe9a.js');
+require('./index-9fff364f.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./utils/PRIVATE_floatingUtils.js');
 require('./utils/PRIVATE_refUtils.js');
 require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./InlineHelpSource-6fba4339.js');
+require('./InlineHelpSource-b7376517.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-226b21a3.js');
+require('./ComponentMessage-a1377b54.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
-require('./MessageCloseButton-6c1b1792.js');
+require('./MessageCloseButton-f820af87.js');
 require('./UNSAFE_Button.js');
-require('./Button-e7bafcd0.js');
+require('./Button-62d2d090.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-2736c4df.js');
+require('./BaseButton-d631ce3d.js');
 require('./hooks/UNSAFE_useActive.js');
-require('./MessageDetail-dea248df.js');
-require('./MessageFormattingUtils-9134f618.js');
+require('./MessageDetail-4711b78d.js');
+require('./MessageFormattingUtils-7caa7444.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-f557225b.js');
-require('./Message.types-41952b48.js');
-require('./MessageStartIcon-cb2f0a1f.js');
-require('./MessageSummary-ce1d2935.js');
-require('./MessageTimestamp-476fdfa5.js');
-require('./MessageUtils-f86209a4.js');
+require('./stringUtils-c1b20b4c.js');
+require('./Message.types-70248ba1.js');
+require('./MessageStartIcon-5affbd2c.js');
+require('./MessageSummary-d698a63e.js');
+require('./MessageTimestamp-efee7c01.js');
+require('./MessageUtils-3d2dab4e.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-f9f769c5.js');
+require('./MessagesManager-dea7c6af.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-fc21982e.js');
-require('./ComponentMessageContainer-9e34c167.js');
+require('./HiddenAccessible-553a8ebd.js');
+require('./ComponentMessageContainer-ccd03f90.js');
 require('./hooks/UNSAFE_useFormContext.js');
 
 /**
@@ -136,7 +136,7 @@ function renderItemText(item, itemText) {
     return itemText(item);
 }
 
-const itemStyles = "hnrxxc";
+const itemStyles = "cbihld";
 
 const noOp = () => {};
 
@@ -309,7 +309,7 @@ const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }) =>
 };
 
 const rootStyles$4 = {
-  base: "_1nlsjc6"
+  base: "_1jr0i7f"
 };
 function Dropdown({
   anchorRef,
@@ -391,11 +391,11 @@ const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace
 
 const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
 const rootStyles$3 = {
-  base: "_12lkj5c",
-  sizeMd: "_12r754x",
-  sizeSm: "_73mvkc",
-  enabled: "top5og",
-  disabled: "sua3pv"
+  base: "qrj4z",
+  sizeMd: "_1dx2gu2",
+  sizeSm: "_16i7vsi",
+  enabled: "_152skp8",
+  disabled: "_1dsugrj"
 };
 
 const noop = () => {};
@@ -425,14 +425,14 @@ function DropdownArrow({
 }
 
 const rootStyles$2 = {
-  base: "nk1w0i",
+  base: "ingdzy",
   // TODO: These should really be applied directly to the child ListView so that the content
   // displays under the padding when scrolled, but we can't apply styles to the child collection.
   // TODO: Also need to figure out how to determine whether the collection is a ListView (in
   // the collectionRenderer case) in order to apply this styling.
-  topGap: "_1ksd2f2",
-  bottomGap: "_1l0yt4c",
-  loading: "eegi70"
+  topGap: "_1dr5cq2",
+  bottomGap: "iuyhz5",
+  loading: "_1or727v"
 };
 function DropdownList({
   children,
@@ -448,7 +448,7 @@ function DropdownList({
   }));
 }
 
-const rootStyles$1 = "_1d41akl";
+const rootStyles$1 = "_1oovcf8";
 function DropdownUserAssistance(props) {
   // Prevent the focus from transferring when the user clicks on an empty/non-clickable area
   // of the user assistance
@@ -475,7 +475,7 @@ function DropdownUserAssistance(props) {
   }));
 }
 
-const rootStyles = "_1wmuuf3";
+const rootStyles = "xrbcsh";
 function EmptyResults() {
   const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact'); // TODO: figure out whether we need a separate resource string for this message;
   // (JET-53984 - Preact Select* components: empty results message)