@oracle/oraclejet 13.1.7 → 13.1.8

package/dist/js/libs/oraclejet-preact/cjs/ListView-270b6389.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-270b6389.js","sources":["../../src/UNSAFE_ListView/ListViewItem.tsx","../../src/UNSAFE_ListView/SkeletonContainer.tsx","../../src/UNSAFE_ListView/ListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../UNSAFE_Collection';\nimport { Selector } from '../UNSAFE_Selector';\nimport { useId } from '../hooks/UNSAFE_useId';\n\n// default style class for items in ListView\nexport const ITEM_STYLE_CLASS = 'oj-listview-item';\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: 'var(--oj-collection-list-row-height)',\n    boxSizing: 'border-box',\n    backgroundImage:\n      'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color))',\n    backgroundSize: 0,\n    backgroundPosition: '0 0',\n    backgroundRepeat: 'no-repeat',\n    borderTop: '1px solid transparent'\n  }}`,\n  gridlines: cssProps`${{\n    backgroundSize: '100% 1px'\n  }}`,\n  selectable: cssProps`${{\n    '&:hover': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);'\n    }\n  }}`,\n  selected: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected)'\n  }}`,\n  selectedSingle: cssProps`${{\n    borderTop: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected)',\n    boxShadow: 'inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected)'\n  }}`,\n  // TODO: revisit later to prevent double lines when implementing gridlines feature\n  suggestionEnd: cssProps`${{\n    boxShadow: 'inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)'\n  }}`\n};\n\nconst cellStyles = {\n  base: cssProps`${{\n    flexGrow: '1',\n    '&:focus': {\n      outlineStyle: 'none'\n    }\n  }}`,\n  checkboxContainer: cssProps`${{\n    display: 'flex'\n  }}`,\n  focused: cssProps`${{\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/**\n * Props for the ListViewItem Component\n */\nexport type Props<K> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemIndex: number;\n  currentKey?: K;\n  selectedKeys: Keys<K>;\n  selectionMode: SelectionMode;\n  isFocusRingVisible: boolean;\n  isGridlineVisible: boolean;\n  suggestion?: 'end' | true;\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n};\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number>({\n  children,\n  itemKey,\n  itemIndex,\n  currentKey,\n  isFocusRingVisible,\n  isGridlineVisible,\n  suggestion,\n  selectedKeys,\n  selectionMode,\n  onSelectionChange\n}: Props<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isFocused = currentKey == itemKey;\n  const isSelected = containsKey(selectedKeys, itemKey);\n  const classes = classNames([\n    styles.base,\n    ITEM_STYLE_CLASS,\n    isGridlineVisible && styles.gridlines,\n    isSelectable(selectionMode, isSelected) && !isSelected && styles.selectable,\n    isSelected && styles.selected,\n    isSelected && selectionMode === 'single' && styles.selectedSingle,\n    suggestion === 'end' && !(isSelected && selectionMode === 'single') && styles.suggestionEnd\n  ]);\n\n  const cellClasses = classNames([\n    cellStyles.base,\n    selectionMode === 'multiple' && cellStyles.checkboxContainer,\n    isFocused && isFocusRingVisible && cellStyles.focused\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      role=\"presentation\"\n      aria-rowindex={itemIndex + 1}\n      key={itemKey}\n      data-oj-key={itemKey}\n      data-oj-suggestion={!!suggestion}\n      class={classes}\n      ref={rootRef}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <div\n        id={useId()}\n        class={cellClasses}\n        role=\"option\"\n        aria-posinset={itemIndex + 1}\n        aria-setsize={-1}\n        aria-colindex={1}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}>\n        {selectionMode === 'multiple' && (\n          <Selector\n            rowKey={itemKey}\n            selectedKeys={selectedKeys}\n            onChange={onSelectionChange}></Selector>\n        )}\n        {children}\n      </div>\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 { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\nconst containerStyle = {\n  base: cssProps`${{\n    height: '100%',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 3 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([containerStyle.base]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\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 { ComponentChildren, RefObject } from 'preact';\nimport { useRef, useCallback, useEffect, useState, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport {\n  CurrentKeyDetail,\n  DataState,\n  ListItemContext,\n  Metadata,\n  Range,\n  SelectionDetail,\n  SelectionMode\n} from '../UNSAFE_Collection';\nimport {\n  VirtualizedCollection,\n  ViewportConfig,\n  PLACEHOLDER_STYLE_CLASS\n} from '../UNSAFE_VirtualizedCollection';\nimport { ListViewItem, ITEM_STYLE_CLASS } from './ListViewItem';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\n/**\n * Type for gridlines\n */\nexport const gridlinesValues = stringLiteralArray(['visible', 'hidden']);\nexport type Gridlines = typeof gridlinesValues[number];\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to this ListView.\n   * If the value is null, then ListView will show loading indicator until a DataState is set.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * A function to render each item\n   */\n  children: (context: ListItemContext<K, D>) => ComponentChildren;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * A text that provides a summary of this ListView for the purpose of accessibility.\n   * This is required in order to make ListView accessible.\n   */\n  accessibleSummary: string;\n\n  /**\n   * The key of the item that currently have keyboard focus. Ignored if the current item is not\n   * currently in the viewport.\n   */\n  currentKey?: K;\n\n  /**\n   * Specifies whether the horizontal grid lines should be visible.  By default gridlines\n   * are hidden.\n   */\n  gridlines?: Gridlines;\n\n  /**\n   * The keys of the current selected items in the ListView.\n   */\n  selectedKeys?: Keys<K>;\n\n  /**\n   * The type of selection behavior that is enabled on the ListView. This property controls the number\n   * of selections that can be made via selection gestures at any given time.\n   */\n  selectionMode?: SelectionMode;\n\n  /**\n   * Callback function to handle when current focused item has changed.  The function should\n   * update the currentKey prop with a new current key.\n   */\n  onCurrentKeyChange?: (detail: CurrentKeyDetail<K>) => void;\n\n  /**\n   * Callback function to handle when selection has changed.  The function should update\n   * the selectedKeys prop with a new set of selected keys.\n   */\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n\n  /**\n   * Viewport configuration which the application can specify the element to determine what range\n   * of data to render.\n   */\n  viewportConfig?: ViewportConfig;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: '100%',\n    userSelect: 'none',\n    overflowY: 'inherit',\n    '&:focus': {\n      outlineStyle: 'none'\n    }\n  }}`\n};\n\nconst sparkleStyles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: 0,\n    width: '4px',\n    zIndex: 1,\n    display: 'block',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '100% 100%'\n  }}`,\n  container: cssProps`${{\n    position: 'relative'\n  }}`\n};\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch, maxIndex should not be -1\n    return { offset: 0, count: dataState.offset + keys.length };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([sparkleStyles.container]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function ListView<K extends string | number, D>({\n  accessibleSummary,\n  data,\n  children,\n  currentKey,\n  gridlines = 'hidden',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  onCurrentKeyChange,\n  onLoadRange,\n  onSelectionChange,\n  viewportConfig\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  // tracking\n  const pendingSelection = useRef<SelectionRangeDetail<K>>();\n\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const showGridline = (index: number) => {\n    // gridlines are positioned at the top so never show it for the first item\n    return gridlines === 'visible' && index > 0;\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([styles.base]);\n\n  const { currentKeyProps } = useCurrentKey(\n    keyExtractor,\n    getPrevNextKey(rootRef.current, currentKey, true),\n    getPrevNextKey(rootRef.current, currentKey, false),\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (rootRef.current && onCurrentKeyChange) {\n      const firstKey = getFirstVisibleKey(rootRef.current) as K;\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [currentKey, onCurrentKeyChange]);\n\n  const focusHandler =\n    !isKeyDefined(currentKey) && onCurrentKeyChange ? { onFocus: handleInitialFocus } : {};\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!rootRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey);\n      if (elem) {\n        const scroller = viewportConfig?.scroller();\n        // make sure item is visible\n        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);\n        const cell = elem.querySelector('[role=option]');\n        // update aria-activedescendant for screenreader\n        if (cell) {\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n        }\n      }\n    }\n  }, [currentKey]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          onSelectionChange({ value: { all: false, keys: new Set(value) } });\n        } else {\n          pendingSelection.current = detail;\n          onLoadRange(value);\n        }\n      }\n    },\n    [data, onSelectionChange, pendingSelection, onLoadRange]\n  );\n\n  const { selectionProps } = useSelection(\n    (event: Event) => {\n      if (event.target === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(event) as K;\n    },\n    selectedKeys,\n    selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev),\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  if (data && pendingSelection.current && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current, data);\n    if (Array.isArray(keys)) {\n      onSelectionChange({ value: { all: false, keys: new Set(keys) } });\n      pendingSelection.current = undefined;\n    }\n  }\n\n  const loadMoreIndicator = (\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Flex height=\"12x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        );\n      }}\n    </SkeletonContainer>\n  );\n\n  const suggestions = useMemo(() => findSuggestions(data), [data?.data]);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder.offsetHeight;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [suggestions]);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  return (\n    <div\n      {...mergeProps(currentKeyProps, selectionProps, focusRingProps, focusHandler)}\n      role=\"listbox\"\n      aria-rowcount={ariaRowCount}\n      aria-colcount={1}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={accessibleSummary}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        <SkeletonContainer>\n          {() => {\n            return (\n              <Flex height=\"12x\" align=\"center\">\n                <Skeleton height=\"4x\" />\n              </Flex>\n            );\n          }}\n        </SkeletonContainer>\n      ) : (\n        <VirtualizedCollection\n          data={data}\n          onLoadRange={onLoadRange}\n          itemSelector={'.' + ITEM_STYLE_CLASS}\n          viewportConfig={getViewportConfig(rootRef, viewportConfig)}\n          loadMoreIndicator={loadMoreIndicator}\n          suggestions={sparkleIndicator}>\n          {(context: ListItemContext<K, D>) => {\n            const suggestion = suggestions?.get(context.metadata.key);\n            return (\n              <ListViewItem\n                itemIndex={context.index}\n                itemKey={context.metadata.key}\n                currentKey={currentKey}\n                isFocusRingVisible={showFocusRing}\n                isGridlineVisible={showGridline(context.index)}\n                selectedKeys={selectedKeys}\n                selectionMode={selectionMode}\n                onSelectionChange={handleSelectionChange}\n                {...(suggestion && { suggestion })}>\n                {children(context)}\n              </ListViewItem>\n            );\n          }}\n        </VirtualizedCollection>\n      )}\n    </div>\n  );\n}\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(dataState?: DataState<K, D> | null) => {\n  const data = dataState?.data;\n  const count = getSuggestionsCount(data);\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data!.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\n};\n\n/**\n * A helper function that finds the number of suggestions\n * @param data\n */\nconst getSuggestionsCount = <K, D>(data?: DataState<K, D>['data']) => {\n  if (!data) {\n    return 0;\n  }\n\n  const index = data.findIndex((value) => !value.metadata.suggestion);\n  return index === -1 ? 0 : index;\n};\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  return item.dataset['ojKeyType'] === 'number'\n    ? Number(item.dataset['ojKey'])\n    : item.dataset['ojKey'];\n};\n\n/**\n * A helper function to find the element with the specified key.\n * Returns null if the element with key is not found.\n */\nconst findElementByKey = <K extends string | number>(root: HTMLElement, key: K) => {\n  if (root) {\n    const items = root.querySelectorAll('.' + ITEM_STYLE_CLASS);\n    for (let i = 0; i < items.length; i++) {\n      const thisKey = getKey(items[i] as HTMLElement);\n      if (key == (thisKey as K)) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nconst getFirstVisibleKey = (root: HTMLElement) => {\n  if (root) {\n    const firstItem = root.querySelector('.' + ITEM_STYLE_CLASS);\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      return key;\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nconst getPrevNextKey = <K extends string | number>(\n  root: HTMLElement | null,\n  currentKey: K | undefined,\n  isPrev: boolean\n) => {\n  return (): K | null => {\n    if (isKeyDefined(currentKey) && root) {\n      const currItem = findElementByKey(root, currentKey as K);\n      if (currItem) {\n        const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;\n        if (nextItem) {\n          return getKey(nextItem as HTMLElement) as K;\n        }\n      }\n      return getFirstVisibleKey(root) as K;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nconst scrollToVisible = (elem: Element, scroller: Element) => {\n  if (elem && scroller) {\n    const scrollerBounds = scroller.getBoundingClientRect();\n    const elemBounds = elem.getBoundingClientRect();\n    if (elemBounds.bottom > scrollerBounds.bottom) {\n      scroller.scrollTop = scroller.scrollTop + (elemBounds.bottom - scrollerBounds.bottom);\n    } else if (elemBounds.top < scrollerBounds.top) {\n      scroller.scrollTop = scroller.scrollTop - (scrollerBounds.top - elemBounds.top);\n    }\n  }\n};\n\n/**\n * A helper function to get the key from an event\n */\nconst keyExtractor = <K extends string | number>(event: Event): K | null => {\n  const elem = event.target as HTMLElement;\n  const item = elem.closest('.' + ITEM_STYLE_CLASS);\n  if (item) {\n    const key = getKey(item as HTMLElement) as K;\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n"],"names":["ITEM_STYLE_CLASS","styles","cellStyles","isSelectable","selectionMode","isItemSelected","ListViewItem","children","itemKey","itemIndex","currentKey","isFocusRingVisible","isGridlineVisible","suggestion","selectedKeys","onSelectionChange","rootRef","useRef","isFocused","base","isSelected","selectedSingle","suggestionEnd","checkboxContainer","focused","containerStyle","timerValue","SkeletonContainer","minimumCount","gridlinesValues","stringLiteralArray","sparkleStyles","getViewportConfig","config","emptyKeys","all","keys","Set","handleSelectionRange","detail","dataState","value","metadata","key","startIndex","indexOf","start","endIndex","end","minIndex","offset","count","length","Sparkle","sparkleHeight","height","ListView","accessibleSummary","data","gridlines","onCurrentKeyChange","onLoadRange","viewportConfig","anchorKey","pendingSelection","showGridline","index","ariaMultiSelectable","undefined","ariaRowCount","sizePrecision","totalSize","currentKeyProps","useCurrentKey","keyExtractor","getPrevNextKey","current","handleInitialFocus","useCallback","isKeyDefined","firstKey","_a","contains","elem","scrollToVisible","scroller","cell","handleSelectionChange","size","Array","from","pop","handleSelectionRangeChange","isArray","event","target","isPrev","suggestions","placeholder","querySelector","PLACEHOLDER_STYLE_CLASS","offsetHeight","_jsx","VirtualizedCollection","Object","assign","itemSelector","loadMoreIndicator","sparkleIndicator","context","get","showFocusRing","findSuggestions","getSuggestionsCount","set","Map","findIndex","getKey","item","dataset","findElementByKey","root","i","items","getFirstVisibleKey","firstItem","currItem","nextItem","previousElementSibling","nextElementSibling","scrollerBounds","getBoundingClientRect","elemBounds","bottom","scrollTop","top"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/Message.types-f07f08b9.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.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
+ */
+const variants = utils_UNSAFE_arrayUtils.stringLiteralArray(['banner', 'inline']);
+const severities = utils_UNSAFE_arrayUtils.stringLiteralArray(['error', 'warning', 'confirmation', 'info', 'none']);
+
+exports.severities = severities;
+/*  */
+//# sourceMappingURL=Message.types-f07f08b9.js.map

package/dist/js/libs/oraclejet-preact/cjs/Message.types-f07f08b9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.types-f07f08b9.js","sources":["../../src/UNSAFE_Message/Message.types.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 { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const variants = stringLiteralArray(['banner', 'inline']);\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = stringLiteralArray(['error', 'warning', 'confirmation', 'info', 'none']);\nexport type MessageSeverity = typeof severities[number];\n"],"names":["stringLiteralArray"],"mappings":";;;;;AAAA;;;;;;AAMG;AAII,MAAM,QAAQ,GAAGA,0CAAkB,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAGpD,MAAA,UAAU,GAAGA,0CAAkB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,CAAC;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/MessageCloseButton-bd5d698c.js

@@ -0,0 +1,42 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const messageCloseButtonStyles = {
+  banner: "wustzy",
+  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-bd5d698c.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-bd5d698c.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,QAAA;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-4e5cd0ff.js

@@ -0,0 +1,59 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var preact = require('preact');
+var MessageFormattingUtils = require('./MessageFormattingUtils-6e064a9d.js');
+
+const messageDetailStyles = {
+  // TODO: Reevaluate once the TEXT component is available (JET-46891)
+  base: "jp3o6a",
+  banner: "_lol93y",
+  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-4e5cd0ff.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageDetail-4e5cd0ff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-4e5cd0ff.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,QAAA;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-6e064a9d.js

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

package/dist/js/libs/oraclejet-preact/cjs/MessageFormattingUtils-6e064a9d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-6e064a9d.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-a494d0b1.js

@@ -0,0 +1,55 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+require('./index-e9f52ec7.js');
+require('./UNSAFE_Flex.js');
+var UNSAFE_Icons = require('./index-c23e202f.js');
+var Flex = require('./Flex-1beedcb3.js');
+var classNames = require('./classNames-ec65ce97.js');
+
+const messageStartIconStyles = "gbikde";
+const severityIconStyles = {
+  banner: "_ky40u6",
+  inline: "_prjkov"
+};
+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-a494d0b1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-a494d0b1.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,QAAA,CAAA;AAIA,MAAAC,kBAAA,GAAA;UAAA,SAAA;;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-8dcc3528.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const messageSummaryStyles = {
+  // TODO: Reevaluate once the TEXT component is available (JET-46891)
+  base: "_15wsk",
+  banner: "bxh5br",
+  inline: "le4r1f"
+};
+/**
+ * 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-8dcc3528.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-8dcc3528.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,QAAA;UAAA,QAAA;;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-7b055855.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var MessageFormattingUtils = require('./MessageFormattingUtils-6e064a9d.js');
+
+const messageTimestampStyles = {
+  banner: "_9133rj",
+  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-7b055855.js.map

package/dist/js/libs/oraclejet-preact/cjs/MessageTimestamp-7b055855.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-7b055855.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,SAAA;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-bfb602c5.js

@@ -0,0 +1,116 @@
+/* @oracle/oraclejet-preact: 13.1.8 */
+'use strict';
+
+var utils_UNSAFE_logger = require('./utils/UNSAFE_logger.js');
+var utils_UNSAFE_soundUtils = require('./utils/UNSAFE_soundUtils.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-6e064a9d.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-bfb602c5.js.map