@oracle/oraclejet 13.0.0 → 13.0.3

package/dist/js/libs/oraclejet-preact/cjs/ListView-48ca5351.js

@@ -0,0 +1,571 @@
+/* @oracle/oraclejet-preact: 13.0.3 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+
+require('./utils/UNSAFE_classNames.js');
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var utils_UNSAFE_keys = require('./utils/UNSAFE_keys.js');
+require('./UNSAFE_VirtualizedCollection.js');
+var UNSAFE_Selector = require('./UNSAFE_Selector.js');
+var hooks_UNSAFE_useId = require('./hooks/UNSAFE_useId.js');
+var classNames = require('./classNames-06343e49.js');
+var hooks_PRIVATE_useSelection = require('./hooks/PRIVATE_useSelection.js');
+var hooks_PRIVATE_useCurrentKey = require('./hooks/PRIVATE_useCurrentKey.js');
+var hooks_PRIVATE_useCollectionFocusRing = require('./hooks/PRIVATE_useCollectionFocusRing.js');
+require('./UNSAFE_Skeleton.js');
+require('./UNSAFE_Flex.js');
+var Flex = require('./Flex-205287e9.js');
+var Skeleton = require('./Skeleton-f740218f.js');
+var VirtualizedCollection = require('./VirtualizedCollection-b795b9cf.js');
+
+const ITEM_STYLE_CLASS = 'oj-listview-item';
+const styles$1 = {
+  base: "bvntlxs",
+  gridlines: "gktvhyj",
+  selectable: "s1xqyijx",
+  selected: "s1664glh",
+  selectedSingle: "s1g33zwe",
+  // TODO: revisit later to prevent double lines when implementing gridlines feature
+  suggestionEnd: "sz4hzft"
+};
+const cellStyles = {
+  base: "b1sxv8rj",
+  checkboxContainer: "c1w05clj",
+  focused: "f2pds8n"
+};
+/**
+ * Helper method to determine whether item is selectable
+ * @returns true if item is selectable (show hover effect), false otherwise
+ */
+
+const isSelectable = (selectionMode, isItemSelected) => {
+  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);
+};
+/**
+ * The internal component used to render a single item in ListView.
+ */
+
+
+function ListViewItem({
+  children,
+  itemKey,
+  itemIndex,
+  currentKey,
+  isFocusRingVisible,
+  isGridlineVisible,
+  suggestion,
+  selectedKeys,
+  selectionMode,
+  onSelectionChange
+}) {
+  const rootRef = hooks.useRef(null);
+  const isFocused = currentKey == itemKey;
+  const isSelected = utils_UNSAFE_keys.containsKey(selectedKeys, itemKey);
+  const classes = classNames.classNames([styles$1.base, ITEM_STYLE_CLASS, isGridlineVisible && styles$1.gridlines, isSelectable(selectionMode, isSelected) && !isSelected && styles$1.selectable, isSelected && styles$1.selected, isSelected && selectionMode === 'single' && styles$1.selectedSingle, suggestion === 'end' && !(isSelected && selectionMode === 'single') && styles$1.suggestionEnd]);
+  const cellClasses = classNames.classNames([cellStyles.base, selectionMode === 'multiple' && cellStyles.checkboxContainer, isFocused && isFocusRingVisible && cellStyles.focused]); // todo: use translated text for selector
+  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex
+  // correctly, so unfortunately needed another div
+
+  return jsxRuntime.jsx("div", Object.assign({
+    role: "presentation",
+    "aria-rowindex": itemIndex + 1,
+    "data-oj-key": itemKey,
+    "data-oj-suggestion": !!suggestion,
+    class: classes,
+    ref: rootRef
+  }, typeof itemKey === 'number' && {
+    'data-oj-key-type': 'number'
+  }, {
+    children: jsxRuntime.jsxs("div", Object.assign({
+      id: hooks_UNSAFE_useId.useId(),
+      class: cellClasses,
+      role: "option",
+      "aria-posinset": itemIndex + 1,
+      "aria-setsize": -1,
+      "aria-colindex": 1,
+      "aria-selected": selectionMode !== 'none' ? isSelected : undefined
+    }, {
+      children: [selectionMode === 'multiple' && jsxRuntime.jsx(UNSAFE_Selector.Selector, {
+        rowKey: itemKey,
+        selectedKeys: selectedKeys,
+        onChange: onSelectionChange
+      }), children]
+    }))
+  }), itemKey);
+}
+
+const containerStyle = {
+  base: "b1e4zkxl"
+};
+/**
+ * Allows to specify the time delay for rendering the component
+ **/
+
+const timerValue = 50;
+/**
+ * SkeletonContainer renders 'minimumCount' number of skeletons
+ * of the variant specified from its child element - Skeleton's prop after
+ * 'timerValue' ms delay
+ **/
+
+function SkeletonContainer({
+  children,
+  minimumCount = 3
+}) {
+  const [isVisible, setIsVisible] = hooks.useState(false);
+  hooks.useEffect(() => {
+    setTimeout(() => {
+      setIsVisible(true);
+    }, timerValue);
+  }, []);
+  const containerClasses = classNames.classNames([containerStyle.base]);
+  return isVisible && children ? jsxRuntime.jsx("div", Object.assign({
+    class: containerClasses,
+    role: "presentation"
+  }, {
+    children: [...Array(minimumCount)].map((_element, index) => children(index))
+  })) : null;
+}
+
+/**
+ * Type for gridlines
+ */
+
+const gridlinesValues = utils_UNSAFE_arrayUtils.stringLiteralArray(['visible', 'hidden']);
+const styles = {
+  base: "bry7agl"
+};
+const sparkleStyles = {
+  base: "b1nulapo",
+  container: "c1vo4hpw"
+};
+
+const getViewportConfig = (rootRef, config) => {
+  return config !== null && config !== void 0 ? config : {
+    scroller: () => {
+      return rootRef.current;
+    }
+  };
+};
+
+const emptyKeys = {
+  all: false,
+  keys: new Set()
+};
+
+const handleSelectionRange = (detail, dataState) => {
+  const keys = dataState.data.map(value => {
+    return value.metadata.key;
+  });
+  const startIndex = keys.indexOf(detail.value.start);
+  const endIndex = keys.indexOf(detail.value.end);
+  const minIndex = Math.min(startIndex, endIndex);
+  const maxIndex = Math.max(startIndex, endIndex);
+
+  if (minIndex === -1) {
+    // return a range to fetch, maxIndex should not be -1
+    return {
+      offset: 0,
+      count: dataState.offset + keys.length
+    };
+  } else {
+    // range of keys are in the current viewport, return them
+    return keys.slice(minIndex, maxIndex + 1);
+  }
+};
+/**
+ * A sparkle component for smart suggestion indicator in ListView
+ * @param sparkleHeight the height of sparkle
+ */
+
+
+function Sparkle({
+  sparkleHeight
+}) {
+  if (sparkleHeight <= 0) {
+    return null;
+  }
+
+  const height = sparkleHeight + 'px';
+  const sparkleClasses = classNames.classNames([sparkleStyles.base]);
+  const containerClasses = classNames.classNames([sparkleStyles.container]);
+  return jsxRuntime.jsx("div", Object.assign({
+    class: containerClasses
+  }, {
+    children: jsxRuntime.jsx("div", {
+      class: sparkleClasses,
+      style: {
+        height
+      }
+    })
+  }), "sparkle");
+}
+/**
+ * Component that renders items as a flat list.
+ * In order to maximize performance, only items that are visible in the viewport are rendered.
+ */
+
+function ListView({
+  accessibleSummary,
+  data,
+  children,
+  currentKey,
+  gridlines = 'hidden',
+  selectedKeys = emptyKeys,
+  selectionMode = 'none',
+  onCurrentKeyChange,
+  onLoadRange,
+  onSelectionChange,
+  viewportConfig
+}) {
+  const rootRef = hooks.useRef(null); // tracking the anchor key which is used for shift+click selection
+
+  const anchorKey = hooks.useRef(); // tracking
+
+  const pendingSelection = hooks.useRef(); // tracking sparkle height
+
+  const [sparkleHeight, setSparkleHeight] = hooks.useState(0);
+
+  const showGridline = index => {
+    // gridlines are positioned at the top so never show it for the first item
+    return gridlines === 'visible' && index > 0;
+  };
+
+  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';
+  const ariaRowCount = data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;
+  const classes = classNames.classNames([styles.base]);
+  const {
+    currentKeyProps
+  } = hooks_PRIVATE_useCurrentKey.useCurrentKey(keyExtractor, getPrevNextKey(rootRef.current, currentKey, true), getPrevNextKey(rootRef.current, currentKey, false), currentKey, onCurrentKeyChange);
+  const handleInitialFocus = hooks.useCallback(() => {
+    if (rootRef.current && onCurrentKeyChange) {
+      const firstKey = getFirstVisibleKey(rootRef.current);
+
+      if (utils_UNSAFE_keys.isKeyDefined(firstKey)) {
+        onCurrentKeyChange({
+          value: firstKey
+        });
+      }
+    }
+  }, [currentKey, onCurrentKeyChange]);
+  const focusHandler = !utils_UNSAFE_keys.isKeyDefined(currentKey) && onCurrentKeyChange ? {
+    onFocus: handleInitialFocus
+  } : {};
+  const [showFocusRing, focusRingProps] = hooks_PRIVATE_useCollectionFocusRing.useCollectionFocusRing(elem => {
+    var _a;
+
+    return !!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(elem));
+  }, ['ArrowUp', 'ArrowDown']);
+  hooks.useEffect(() => {
+    if (currentKey != null && rootRef.current) {
+      const elem = findElementByKey(rootRef.current, currentKey);
+
+      if (elem) {
+        const scroller = viewportConfig === null || viewportConfig === void 0 ? void 0 : viewportConfig.scroller(); // make sure item is visible
+
+        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);
+        const cell = elem.querySelector('[role=option]'); // update aria-activedescendant for screenreader
+
+        if (cell) {
+          rootRef.current.setAttribute('aria-activedescendant', cell.id);
+        }
+      }
+    }
+  }, [currentKey]);
+  const handleSelectionChange = hooks.useCallback(detail => {
+    if (onSelectionChange) {
+      if (detail.value.all === false && detail.value.keys.size > 0) {
+        // the last key selected by a user gesture is the anchor key
+        anchorKey.current = Array.from(detail.value.keys).pop();
+      }
+
+      onSelectionChange(detail);
+    }
+  }, [anchorKey, onSelectionChange]);
+  const handleSelectionRangeChange = hooks.useCallback(detail => {
+    if (data && onSelectionChange) {
+      const value = handleSelectionRange(detail, data);
+
+      if (Array.isArray(value)) {
+        onSelectionChange({
+          value: {
+            all: false,
+            keys: new Set(value)
+          }
+        });
+      } else {
+        pendingSelection.current = detail;
+        onLoadRange(value);
+      }
+    }
+  }, [data, onSelectionChange, pendingSelection, onLoadRange]);
+  const {
+    selectionProps
+  } = hooks_PRIVATE_useSelection.useSelection(event => {
+    if (event.target === rootRef.current) {
+      return currentKey === undefined ? null : currentKey;
+    }
+
+    return keyExtractor(event);
+  }, selectedKeys, selectionMode, false, 'replace', handleSelectionChange, anchorKey.current, currentKey, (currentKey, isPrev) => getPrevNextKey(rootRef.current, currentKey, isPrev), key => {
+    if (rootRef.current) {
+      const elem = findElementByKey(rootRef.current, key);
+
+      if (elem) {
+        const scroller = viewportConfig === null || viewportConfig === void 0 ? void 0 : viewportConfig.scroller();
+        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);
+      }
+    }
+  }, handleSelectionRangeChange);
+
+  if (data && pendingSelection.current && onSelectionChange) {
+    const keys = handleSelectionRange(pendingSelection.current, data);
+
+    if (Array.isArray(keys)) {
+      onSelectionChange({
+        value: {
+          all: false,
+          keys: new Set(keys)
+        }
+      });
+      pendingSelection.current = undefined;
+    }
+  }
+
+  const loadMoreIndicator = jsxRuntime.jsx(SkeletonContainer, Object.assign({
+    minimumCount: 3
+  }, {
+    children: () => {
+      return jsxRuntime.jsx(Flex.Flex, Object.assign({
+        height: "12x",
+        align: "center"
+      }, {
+        children: jsxRuntime.jsx(Skeleton.Skeleton, {
+          height: "4x"
+        })
+      }));
+    }
+  }));
+
+  const suggestions = hooks.useMemo(() => findSuggestions(data), [data === null || data === void 0 ? void 0 : data.data]); // TODO: check suggestions before Sparkle would cause a scrolling issue
+
+  const sparkleIndicator = jsxRuntime.jsx(Sparkle, {
+    sparkleHeight: sparkleHeight
+  });
+
+  hooks.useEffect(() => {
+    var _a, _b; // update sparkleHeight only when we have suggestions
+    // avoid unnecessary iterating through elements
+
+
+    if (suggestions) {
+      const placeholder = (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.' + VirtualizedCollection.PLACEHOLDER_STYLE_CLASS);
+      let height = placeholder.offsetHeight;
+      const suggestionItems = (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.querySelectorAll('[data-oj-suggestion]');
+      suggestionItems === null || suggestionItems === void 0 ? void 0 : suggestionItems.forEach(item => height += item.offsetHeight);
+      setSparkleHeight(height);
+    }
+  }, [suggestions]); // if data is not specified, listview should show loading indicator
+  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)
+
+  return jsxRuntime.jsx("div", Object.assign({}, utils_UNSAFE_mergeProps.mergeProps(currentKeyProps, selectionProps, focusRingProps, focusHandler), {
+    role: "listbox",
+    "aria-rowcount": ariaRowCount,
+    "aria-colcount": 1,
+    ref: rootRef,
+    class: classes,
+    tabIndex: 0,
+    "aria-label": accessibleSummary,
+    "aria-multiselectable": ariaMultiSelectable
+  }, {
+    children: data == null ? jsxRuntime.jsx(SkeletonContainer, {
+      children: () => {
+        return jsxRuntime.jsx(Flex.Flex, Object.assign({
+          height: "12x",
+          align: "center"
+        }, {
+          children: jsxRuntime.jsx(Skeleton.Skeleton, {
+            height: "4x"
+          })
+        }));
+      }
+    }) : jsxRuntime.jsx(VirtualizedCollection.VirtualizedCollection, Object.assign({
+      data: data,
+      onLoadRange: onLoadRange,
+      itemSelector: '.' + ITEM_STYLE_CLASS,
+      viewportConfig: getViewportConfig(rootRef, viewportConfig),
+      loadMoreIndicator: loadMoreIndicator,
+      suggestions: sparkleIndicator
+    }, {
+      children: context => {
+        const suggestion = suggestions === null || suggestions === void 0 ? void 0 : suggestions.get(context.metadata.key);
+        return jsxRuntime.jsx(ListViewItem, Object.assign({
+          itemIndex: context.index,
+          itemKey: context.metadata.key,
+          currentKey: currentKey,
+          isFocusRingVisible: showFocusRing,
+          isGridlineVisible: showGridline(context.index),
+          selectedKeys: selectedKeys,
+          selectionMode: selectionMode,
+          onSelectionChange: handleSelectionChange
+        }, suggestion && {
+          suggestion
+        }, {
+          children: children(context)
+        }));
+      }
+    }))
+  }));
+}
+/**
+ * A helper function that finds the data with suggestions, and
+ * returns the corresponding keys
+ * @param dataState
+ */
+
+const findSuggestions = dataState => {
+  const data = dataState === null || dataState === void 0 ? void 0 : dataState.data;
+  const count = getSuggestionsCount(data);
+
+  if (count === 0) {
+    return null;
+  }
+
+  const suggestionsData = data.slice(0, count);
+  return suggestionsData.reduce((suggestions, value, index) => {
+    const key = value.metadata.key;
+
+    if (index === count - 1) {
+      suggestions.set(key, 'end');
+    } else {
+      suggestions.set(key, true);
+    }
+
+    return suggestions;
+  }, new Map());
+};
+/**
+ * A helper function that finds the number of suggestions
+ * @param data
+ */
+
+
+const getSuggestionsCount = data => {
+  if (!data) {
+    return 0;
+  }
+
+  const index = data.findIndex(value => !value.metadata.suggestion);
+  return index === -1 ? 0 : index;
+};
+/**
+ * Returns the key from the item element
+ */
+
+
+const getKey = item => {
+  return item.dataset['ojKeyType'] === 'number' ? Number(item.dataset['ojKey']) : item.dataset['ojKey'];
+};
+/**
+ * A helper function to find the element with the specified key.
+ * Returns null if the element with key is not found.
+ */
+
+
+const findElementByKey = (root, key) => {
+  if (root) {
+    const items = root.querySelectorAll('.' + ITEM_STYLE_CLASS);
+
+    for (let i = 0; i < items.length; i++) {
+      const thisKey = getKey(items[i]);
+
+      if (key == thisKey) {
+        return items[i];
+      }
+    }
+  }
+
+  return null;
+};
+/**
+ * A helper function that return the key of the first available item.
+ */
+
+
+const getFirstVisibleKey = root => {
+  if (root) {
+    const firstItem = root.querySelector('.' + ITEM_STYLE_CLASS);
+
+    if (firstItem) {
+      const key = getKey(firstItem);
+      return key;
+    }
+  }
+
+  return null;
+};
+/**
+ * A helper function that returns the key of the previous or the next item
+ * given the specified current key
+ */
+
+
+const getPrevNextKey = (root, currentKey, isPrev) => {
+  return () => {
+    if (utils_UNSAFE_keys.isKeyDefined(currentKey) && root) {
+      const currItem = findElementByKey(root, currentKey);
+
+      if (currItem) {
+        const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;
+
+        if (nextItem) {
+          return getKey(nextItem);
+        }
+      }
+
+      return getFirstVisibleKey(root);
+    }
+
+    return null;
+  };
+};
+/**
+ * A helper function to make sure specified elem is visible in the specified container
+ */
+
+
+const scrollToVisible = (elem, scroller) => {
+  if (elem && scroller) {
+    const scrollerBounds = scroller.getBoundingClientRect();
+    const elemBounds = elem.getBoundingClientRect();
+
+    if (elemBounds.bottom > scrollerBounds.bottom) {
+      scroller.scrollTop = scroller.scrollTop + (elemBounds.bottom - scrollerBounds.bottom);
+    } else if (elemBounds.top < scrollerBounds.top) {
+      scroller.scrollTop = scroller.scrollTop - (scrollerBounds.top - elemBounds.top);
+    }
+  }
+};
+/**
+ * A helper function to get the key from an event
+ */
+
+
+const keyExtractor = event => {
+  const elem = event.target;
+  const item = elem.closest('.' + ITEM_STYLE_CLASS);
+
+  if (item) {
+    const key = getKey(item);
+    return key === undefined ? null : key;
+  }
+
+  return null;
+};
+
+exports.ListView = ListView;
+/*  */
+//# sourceMappingURL=ListView-48ca5351.js.map

package/dist/js/libs/oraclejet-preact/cjs/ListView-48ca5351.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-48ca5351.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-f35582b9.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: 13.0.3 */
+'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-f35582b9.js.map

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

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