@oracle/oraclejet 13.1.16 → 13.1.17

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Message.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,44 +8,44 @@ require('identity-obj-proxy');
 require('./UNSAFE_Flex.js');
 require('./utils/UNSAFE_classNames.js');
 var hooks = require('preact/hooks');
-var MessageCloseButton = require('./MessageCloseButton-5be4245a.js');
-var MessageDetail = require('./MessageDetail-c671999b.js');
-var MessageFormattingUtils = require('./MessageFormattingUtils-349fcc0c.js');
-var MessageStartIcon = require('./MessageStartIcon-10d4c51e.js');
-var MessageSummary = require('./MessageSummary-d8892a9b.js');
-var MessageTimestamp = require('./MessageTimestamp-1d5ff1b2.js');
-var MessageUtils = require('./MessageUtils-d0cd08fa.js');
-var classNames = require('./classNames-e4803ec0.js');
-var Flex = require('./Flex-63d71ae7.js');
-var MessagesManager = require('./MessagesManager-8c6ca69f.js');
-var Message_types = require('./Message.types-9ebe598f.js');
-require('./tslib.es6-10ec6a8a.js');
+var MessageCloseButton = require('./MessageCloseButton-e7de57c9.js');
+var MessageDetail = require('./MessageDetail-41b05007.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-c4fc05a0.js');
+var MessageStartIcon = require('./MessageStartIcon-3e3800aa.js');
+var MessageSummary = require('./MessageSummary-54c6c7f4.js');
+var MessageTimestamp = require('./MessageTimestamp-57cb213a.js');
+var MessageUtils = require('./MessageUtils-125c5406.js');
+var classNames = require('./classNames-aa2b5830.js');
+var Flex = require('./Flex-3431b61c.js');
+var MessagesManager = require('./MessagesManager-2b48fe60.js');
+var Message_types = require('./Message.types-e6423d81.js');
+require('./tslib.es6-61a80bb6.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-4972222a.js');
-require('./_curry1-2d1e8b44.js');
+require('./stringUtils-9492af8d.js');
+require('./_curry1-baa071ce.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-7c45b52b.js');
-require('./_has-519724e2.js');
+require('./_curry2-180bdbd3.js');
+require('./_has-5f67d149.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-4bd04f2e.js');
+require('./keys-80106629.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-48d12e82.js');
+require('./flexbox-4255d4d9.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-068cedf5.js');
+require('./flexitem-54741fbc.js');
 require('preact');
 require('./utils/UNSAFE_getLocale.js');
-require('./index-f8cc9aaf.js');
+require('./index-64af1f7f.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-be43578b.js');
+require('./Icon-348c9888.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('preact/compat');
 require('./hooks/UNSAFE_useTheme.js');
-require('./index-034ec309.js');
+require('./index-715fcfc8.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./UNSAFE_TransitionGroup.js');
@@ -80,11 +80,11 @@ function isSeverityIconNeeded(severity) {
 
 
 const messageStyles = {
-  base: "_xa15ya",
-  section: "f3mtuc",
-  header: "ubned9",
+  base: "_l0axfl",
+  section: "_uctbzv",
+  header: "mg17ng",
   // TODO: Replace with Flex and View components to handle padding and flex
-  content: "_q7pf6"
+  content: "_jy4e7i"
 };
 /**
  * A component that styles the header for the message component

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Message.js","sources":["../../src/UNSAFE_Message/Message.tsx","../../src/UNSAFE_Message/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageDetail, MessageTemplateItem } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound } from './MessageUtils';\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction getSeverityStyleClass(severity: MessageSeverity) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return cx([isValidSeverity && severity !== 'none' && `oj-c-messagebanner-${severity}`]);\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n    borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  header: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)',\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps once it is available.\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: cssProps`${{\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingInlineStart:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n    paddingInlineEnd:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nfunction StyledMessageHeader({ children }: MessageHeaderProps) {\n  return (\n    <div role=\"presentation\" class={messageStyles.header}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Type of the mutated Ref to allow setting focus\n */\ntype SimpleBannerMessageHandle = {\n  /**\n   * Method to set focus to the rendered message\n   */\n  focus: () => void;\n\n  /**\n   * Method to determine whether an element is inside this component\n   * @param element The candidate element\n   */\n  contains: (element?: Element | null) => boolean;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<SimpleBannerMessageHandle>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageTemplateItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  translations,\n  type\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const severityClass = getSeverityStyleClass(severity);\n  const containerDivRef = useRef<HTMLDivElement>(null);\n\n  // Add methods to the ref object\n  useImperativeHandle(messageRef, () => ({\n    focus: () => containerDivRef.current?.focus(),\n    contains: (element) => {\n      return (\n        containerDivRef.current === element ||\n        ((element && containerDivRef.current?.contains(element)) ?? false)\n      );\n    }\n  }));\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base,\n    severityClass,\n    type === 'section' && messageStyles.section\n  ]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={containerDivRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}>\n      <div class={messageStyles.content}>\n        {isSeverityIconNeeded(severity) && (\n          <MessageStartIcon variant=\"banner\" severity={severity} translations={translations} />\n        )}\n        <Flex direction=\"column\" flex=\"1\">\n          <StyledMessageHeader>\n            <MessageSummary variant=\"banner\" text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && (\n              <MessageTimestamp variant=\"banner\" value={timestamp!} />\n            )}\n          </StyledMessageHeader>\n          <MessageDetail variant=\"banner\" item={{ ...item, index }} renderer={detailRenderer} />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant=\"banner\"\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Message } from './Message';\nexport type { MessageItem } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport type { MessageTemplateItem } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesContext } from './MessagesContext';\nexport { MessagesManager } from './MessagesManager';\nexport type { MessageAnimation } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["getSeverityStyleClass","severity","cx","isValidSeverity","isSeverityIconNeeded","messageStyles","StyledMessageHeader","children","_jsx","Object","assign","role","class","header","Message","closeButtonRenderer","detailRenderer","index","item","onClose","messageRef","translations","type","closeAffordance","sound","summary","timestamp","data","severityClass","containerDivRef","useRef","useImperativeHandle","focus","_a","current","contains","element","_b","handleClose","useCallback","handleCloseOnEsc","event","isValidValueForProp","base","section","ref","rootClasses","tabIndex","onKeyUp","_jsxs","content","MessageStartIcon","variant","Flex","direction","flex","MessageSummary","text","MessageTimestamp","value","MessageDetail","renderer","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Message.js","sources":["../../src/UNSAFE_Message/Message.tsx","../../src/UNSAFE_Message/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageDetail, MessageTemplateItem } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound } from './MessageUtils';\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction getSeverityStyleClass(severity: MessageSeverity) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return cx([isValidSeverity && severity !== 'none' && `oj-c-messagebanner-${severity}`]);\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n    borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  header: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)',\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps once it is available.\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: cssProps`${{\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingInlineStart:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n    paddingInlineEnd:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nfunction StyledMessageHeader({ children }: MessageHeaderProps) {\n  return (\n    <div role=\"presentation\" class={messageStyles.header}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Type of the mutated Ref to allow setting focus\n */\ntype SimpleBannerMessageHandle = {\n  /**\n   * Method to set focus to the rendered message\n   */\n  focus: () => void;\n\n  /**\n   * Method to determine whether an element is inside this component\n   * @param element The candidate element\n   */\n  contains: (element?: Element | null) => boolean;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<SimpleBannerMessageHandle>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageTemplateItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  translations,\n  type\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const severityClass = getSeverityStyleClass(severity);\n  const containerDivRef = useRef<HTMLDivElement>(null);\n\n  // Add methods to the ref object\n  useImperativeHandle(messageRef, () => ({\n    focus: () => containerDivRef.current?.focus(),\n    contains: (element) => {\n      return (\n        containerDivRef.current === element ||\n        ((element && containerDivRef.current?.contains(element)) ?? false)\n      );\n    }\n  }));\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base,\n    severityClass,\n    type === 'section' && messageStyles.section\n  ]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={containerDivRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}>\n      <div class={messageStyles.content}>\n        {isSeverityIconNeeded(severity) && (\n          <MessageStartIcon variant=\"banner\" severity={severity} translations={translations} />\n        )}\n        <Flex direction=\"column\" flex=\"1\">\n          <StyledMessageHeader>\n            <MessageSummary variant=\"banner\" text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && (\n              <MessageTimestamp variant=\"banner\" value={timestamp!} />\n            )}\n          </StyledMessageHeader>\n          <MessageDetail variant=\"banner\" item={{ ...item, index }} renderer={detailRenderer} />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant=\"banner\"\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Message } from './Message';\nexport type { MessageItem } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport type { MessageTemplateItem } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesContext } from './MessagesContext';\nexport { MessagesManager } from './MessagesManager';\nexport type { MessageAnimation } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["getSeverityStyleClass","severity","cx","isValidSeverity","isSeverityIconNeeded","messageStyles","StyledMessageHeader","children","_jsx","Object","assign","role","class","header","Message","closeButtonRenderer","detailRenderer","index","item","onClose","messageRef","translations","type","closeAffordance","sound","summary","timestamp","data","severityClass","containerDivRef","useRef","useImperativeHandle","focus","_a","current","contains","element","_b","handleClose","useCallback","handleCloseOnEsc","event","isValidValueForProp","base","section","ref","rootClasses","tabIndex","onKeyUp","_jsxs","content","MessageStartIcon","variant","Flex","direction","flex","MessageSummary","text","MessageTimestamp","value","MessageDetail","renderer","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_MessageBanner.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,46 +9,46 @@ var UNSAFE_LiveRegion = require('./UNSAFE_LiveRegion.js');
 var UNSAFE_Message = require('./UNSAFE_Message.js');
 var hooks = require('preact/hooks');
 require('./UNSAFE_Flex.js');
-var Flex = require('./Flex-63d71ae7.js');
-var MessagesManager = require('./MessagesManager-8c6ca69f.js');
-var MessageUtils = require('./MessageUtils-d0cd08fa.js');
+var Flex = require('./Flex-3431b61c.js');
+var MessagesManager = require('./MessagesManager-2b48fe60.js');
+var MessageUtils = require('./MessageUtils-125c5406.js');
 
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-e4803ec0.js');
-require('./MessageCloseButton-5be4245a.js');
-require('./MessageDetail-c671999b.js');
+require('./classNames-aa2b5830.js');
+require('./MessageCloseButton-e7de57c9.js');
+require('./MessageDetail-41b05007.js');
 require('preact');
-require('./MessageFormattingUtils-349fcc0c.js');
+require('./MessageFormattingUtils-c4fc05a0.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-4972222a.js');
-require('./Message.types-9ebe598f.js');
+require('./stringUtils-9492af8d.js');
+require('./Message.types-e6423d81.js');
 require('./utils/UNSAFE_arrayUtils.js');
-require('./MessageStartIcon-10d4c51e.js');
-require('./index-f8cc9aaf.js');
+require('./MessageStartIcon-3e3800aa.js');
+require('./index-64af1f7f.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-be43578b.js');
-require('./tslib.es6-10ec6a8a.js');
+require('./Icon-348c9888.js');
+require('./tslib.es6-61a80bb6.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('preact/compat');
 require('./hooks/UNSAFE_useTheme.js');
-require('./index-034ec309.js');
-require('./MessageSummary-d8892a9b.js');
-require('./MessageTimestamp-1d5ff1b2.js');
+require('./index-715fcfc8.js');
+require('./MessageSummary-54c6c7f4.js');
+require('./MessageTimestamp-57cb213a.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-2d1e8b44.js');
+require('./_curry1-baa071ce.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-7c45b52b.js');
-require('./_has-519724e2.js');
+require('./_curry2-180bdbd3.js');
+require('./_has-5f67d149.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-4bd04f2e.js');
+require('./keys-80106629.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-48d12e82.js');
+require('./flexbox-4255d4d9.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-068cedf5.js');
+require('./flexitem-54741fbc.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./UNSAFE_TransitionGroup.js');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Modal.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -49,7 +49,7 @@ const useModal = (props) => {
 };
 
 const styles$2 = {
-  base: "_g2n4ht"
+  base: "_41aull"
 };
 
 const ModalBackdrop = () => jsxRuntime.jsx("div", {
@@ -57,7 +57,7 @@ const ModalBackdrop = () => jsxRuntime.jsx("div", {
 });
 
 const styles$1 = {
-  base: "ykv9eu"
+  base: "_taaw8x"
 };
 const ModalContainer = compat.forwardRef(({
   children
@@ -70,7 +70,7 @@ const ModalContainer = compat.forwardRef(({
 ModalContainer.displayName = 'Forwarded<ModalContainer>';
 
 const styles = {
-  base: "_v657m2"
+  base: "_1qpyy"
 };
 
 const ModalWrapper = ({

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_ProgressBar.js

@@ -1,15 +1,15 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-10ec6a8a.js');
+var tslib_es6 = require('./tslib.es6-61a80bb6.js');
 var jsxRuntime = require('preact/jsx-runtime');
 require('./utils/UNSAFE_classNames.js');
 require('identity-obj-proxy');
 var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var classNames = require('./classNames-e4803ec0.js');
+var classNames = require('./classNames-aa2b5830.js');
 require('preact/hooks');
 require('./UNSAFE_Environment.js');
 require('preact');
@@ -126,12 +126,12 @@ const BarValue = _a => {
 };
 
 const styles = {
-  base: "abjuuh",
-  value: "g96w06",
-  indeterminate: "ouqlrw",
-  standalone: "_1desgg",
-  rtl: "_7uo6wk",
-  ltr: "_7sy6he"
+  base: "_bw40rl",
+  value: "hfd2lw",
+  indeterminate: "_k3gr61",
+  standalone: "_owbgjy",
+  rtl: "_wwoq9n",
+  ltr: "_iay3xb"
 };
 
 exports.ProgressBar = ProgressBar;

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <BarTrack\n      id={id}\n      ariaValueText={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}\n      width={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n\n  return (\n    <BarTrack value={value} max={max} id={id} width={width} class={baseClasses}>\n      <BarValue class={styles.value} width={percentage} />\n    </BarTrack>\n  );\n};\n\ntype TrackProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  width?: string;\n  color?: string;\n  ariaValueText?: string;\n};\nconst BarTrack = ({\n  value,\n  max,\n  min,\n  id,\n  width,\n  children,\n  ariaValueText,\n  color,\n  ...otherProps\n}: TrackProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValueText}\n      class={otherProps.class}\n      style={{ width: width, backgroundColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  width?: string;\n  color?: string;\n};\n\nconst BarValue = ({ width, color, ...otherProps }: ValueProps) => {\n  return <div class={otherProps.class} style={{ width: width, backgroundColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["ProgressBar","_a","value","_jsx","IndeterminateProgressBar","Object","assign","otherProps","DeterminateProgressBar","max","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","BarTrack","ariaValueText","progressIndeterminate","class","children","BarValue","percentage","ariaMax","ariaNow","role","ariaMin","style","backgroundColor","color"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <BarTrack\n      id={id}\n      ariaValueText={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}\n      width={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n\n  return (\n    <BarTrack value={value} max={max} id={id} width={width} class={baseClasses}>\n      <BarValue class={styles.value} width={percentage} />\n    </BarTrack>\n  );\n};\n\ntype TrackProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  width?: string;\n  color?: string;\n  ariaValueText?: string;\n};\nconst BarTrack = ({\n  value,\n  max,\n  min,\n  id,\n  width,\n  children,\n  ariaValueText,\n  color,\n  ...otherProps\n}: TrackProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValueText}\n      class={otherProps.class}\n      style={{ width: width, backgroundColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  width?: string;\n  color?: string;\n};\n\nconst BarValue = ({ width, color, ...otherProps }: ValueProps) => {\n  return <div class={otherProps.class} style={{ width: width, backgroundColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["ProgressBar","_a","value","_jsx","IndeterminateProgressBar","Object","assign","otherProps","DeterminateProgressBar","max","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","BarTrack","ariaValueText","progressIndeterminate","class","children","BarValue","percentage","ariaMax","ariaNow","role","ariaMin","style","backgroundColor","color"],"mappings":";;;;;;;;;;;;;;;;;;AAiDA,SAAAA,WAAA,CAAAC,EAAA,EAAA;;;;;;;EACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,cAAA,CAAAC,wBAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,cAAA,CAAAK,sBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAAA;GAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;AAKF,CAAA;;AAIA,MAAAH,wBAAA,GAAA,CAAA;EAAAM,eAAA;EAAAC,EAAA;EAAAC,KAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAA,CAAA,KAAA;EAME,MAAA;AAAAC,IAAAA,SAAAA;AAAA,GAAA,GAAAC,4BAAA,EAAA,CAAA;AACA,EAAA,MAAAC,OAAA,GAAAC,qBAAA,CAAA,CAAAC,MAAA,CAAAhB,KAAA,EAAAgB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAJ,SAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAM,WAAA,GAAAH,qBAAA,CAAA,CAAAC,MAAA,CAAAG,IAAA,EAAAR,IAAA,KAAA,MAAA,IAAAK,MAAA,CAAAI,UAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,OAAArB,cAAA,CAAAsB,QAAA,EAAApB,MAAA,CAAAC,MAAA,CAAA;AAAAK,IAAAA,EAAA,EAAAA,EAAA;AAAAe,IAAAA,aAAA,EAAAhB,eAAA,IAAAa,YAAA,CAAAI,qBAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAR,WAAA;AAAAR,IAAAA,KAAA,EAAAA,KAAAA;AAAA,GAAA,EAAA;AAAAiB,IAAAA,QAAA,EAAA1B,cAAA,CAAA2B,QAAA,EAAA;AAAAF,MAAAA,KAAA,EAAAZ,OAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AASF,CAnBA,CAAA;;AAyBA,MAAAR,sBAAA,GAAA,CAAA;AAAAN,EAAAA,KAAA,GAAA,CAAA;AAAAO,EAAAA,GAAA,GAAA,GAAA;EAAAE,EAAA;EAAAC,KAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAA,CAAA,KAAA;;AAQE,EAAA,MAAAO,WAAA,GAAAH,qBAAA,CAAA,CAAAC,MAAA,CAAAG,IAAA,EAAAR,IAAA,KAAA,MAAA,IAAAK,MAAA,CAAAI,UAAA,CAAA,CAAA,CAAA;AAEA,EAAA,OAAAnB,cAAA,CAAAsB,QAAA,EAAApB,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAA;AAAAE,IAAAA,EAAA,EAAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAA,KAAA;AAAAgB,IAAAA,KAAA,EAAAR,WAAAA;AAAA,GAAA,EAAA;AAAAS,IAAAA,QAAA,EAAA1B,cAAA,CAAA2B,QAAA,EAAA;MAAAF,KAAA,EAAAV,MAAA,CAAAhB,KAAA;AAAAU,MAAAA,KAAA,EAAAmB,UAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAfA,CAAA;;AAyBA,MAAAN,QAAA,GAAAxB,EAAA,IAAA;;;;;;;;;;;;;;EAYE,MAAA+B,OAAA,GAAA9B,KAAA,IAAA,IAAA,GAAAO,GAAA,GAAA,IAAA,CAAA;EACA,MAAAwB,OAAA,GAAA/B,KAAA,IAAA,IAAA,GAAAA,KAAA,GAAA,IAAA,CAAA;AACA,EAAA,OAAAC,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAA4B,IAAAA,IAAA,EAAA,aAAA;AAAAvB,IAAAA,EAAA,EAAAA,EAAA;AAAA,IAAA,eAAA,EAAAwB,OAAA;AAAA,IAAA,eAAA,EAAAH,OAAA;AAAA,IAAA,eAAA,EAAAC,OAAA;AAAA,IAAA,gBAAA,EAAAP,aAAA;IAAAE,KAAA,EAAArB,UAAA,CAAAqB,KAAA;AAAAQ,IAAAA,KAAA,EAAA;AAAAxB,MAAAA,KAAA,EAAAA,KAAA;AAAAyB,MAAAA,eAAA,EAAAC,KAAAA;AAAA,KAAA;AAAA,GAAA,EAAA;AAAAT,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAaF,CA3BA,CAAA;;AAkCA,MAAAC,QAAA,GAAA7B,EAAA,IAAA;;;;;;;EACE,OAAAE,cAAA,CAAA,KAAA,EAAA;IAAAyB,KAAA,EAAArB,UAAA,CAAAqB,KAAA;AAAAQ,IAAAA,KAAA,EAAA;AAAAxB,MAAAA,KAAA,EAAAA,KAAA;AAAAyB,MAAAA,eAAA,EAAAC,KAAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAFA,CAAA;;AAIA,MAAApB,MAAA,GAAA;QAAA,SAAA;SAAA,QAAA;iBAAA,SAAA;cAAA,SAAA;OAAA,SAAA;;AAAA,CAAA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_ProgressCircle.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-10ec6a8a.js');
+var tslib_es6 = require('./tslib.es6-61a80bb6.js');
 var jsxRuntime = require('preact/jsx-runtime');
 require('./utils/UNSAFE_classNames.js');
 require('identity-obj-proxy');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var classNames = require('./classNames-e4803ec0.js');
+var classNames = require('./classNames-aa2b5830.js');
 require('preact/hooks');
 require('./UNSAFE_Environment.js');
 require('preact');
@@ -120,12 +120,12 @@ const CircleInner = _a => {
 };
 
 const styles = {
-  base: "_gq3wce",
-  indeterminateOuter: "_pcbr7v",
-  indeterminateInner: "_qbneto",
-  determinateInner: "icydgv",
-  track: "i87x2b",
-  value: "_1epfs"
+  base: "wnx7ql",
+  indeterminateOuter: "_ueo03r",
+  indeterminateInner: "_va17n",
+  determinateInner: "_dj8xvy",
+  track: "_60kzn2",
+  value: "_295ph7"
 };
 
 function _getClipPath(percentage) {

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <CircleWrapper\n      id={id}\n      ariaValuetext={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = _getClipPath(percentage);\n\n  return (\n    <CircleWrapper id={id} max={max} value={value} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\ntype WrapperProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  color?: string;\n  ariaValuetext?: string;\n};\nconst CircleWrapper = ({\n  value,\n  max,\n  min,\n  id,\n  children,\n  ariaValuetext,\n  color,\n  ...otherProps\n}: WrapperProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValuetext}\n      class={otherProps.class}\n      style={{ borderColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n};\n\nconst CircleInner = ({ clipPath, color, ...otherProps }: CircleInnerProps) => {\n  return <div class={otherProps.class} style={{ clipPath: clipPath, borderColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)'\n  }}`\n};\n\nfunction _getClipPath(percentage: number) {\n  let tangent;\n  if (percentage < 0.125) {\n    tangent = _calculateTangent(percentage) + 50;\n    return `polygon(50% 0, ${tangent}% 0, 50% 50%)`;\n  } else if (percentage < 0.375) {\n    if (percentage < 0.25) {\n      tangent = 50 - _calculateTangent(0.25 - percentage);\n    } else {\n      tangent = _calculateTangent(percentage - 0.25) + 50;\n    }\n    return `polygon(50% 0, 100% 0, 100% ${tangent}%, 50% 50%)`;\n  } else if (percentage < 0.625) {\n    if (percentage < 0.5) {\n      tangent = 50 + _calculateTangent(0.5 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.5);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, ${tangent}% 100%, 50% 50%)`;\n  } else if (percentage < 0.875) {\n    if (percentage < 0.75) {\n      tangent = 50 + _calculateTangent(0.75 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.75);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${tangent}%, 50% 50%)`;\n  }\n  tangent = 50 - _calculateTangent(1 - percentage);\n  return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${tangent}% 0%, 50% 50%)`;\n}\n\nfunction _calculateTangent(percentage: number) {\n  return 50 * Math.tan(percentage * 2 * Math.PI);\n}\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","CircleWrapper","ariaValuetext","progressIndeterminate","class","baseClasses","children","CircleInner","indeterminateInner","percentage","Math","min","classNames","clipPath","_getClipPath","_jsxs","determinateInner","track","color","__rest","ariaMax","ariaNow","role","ariaMin","style","borderColor","tangent","_calculateTangent","tan","PI"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <CircleWrapper\n      id={id}\n      ariaValuetext={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = _getClipPath(percentage);\n\n  return (\n    <CircleWrapper id={id} max={max} value={value} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\ntype WrapperProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  color?: string;\n  ariaValuetext?: string;\n};\nconst CircleWrapper = ({\n  value,\n  max,\n  min,\n  id,\n  children,\n  ariaValuetext,\n  color,\n  ...otherProps\n}: WrapperProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValuetext}\n      class={otherProps.class}\n      style={{ borderColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n};\n\nconst CircleInner = ({ clipPath, color, ...otherProps }: CircleInnerProps) => {\n  return <div class={otherProps.class} style={{ clipPath: clipPath, borderColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)'\n  }}`\n};\n\nfunction _getClipPath(percentage: number) {\n  let tangent;\n  if (percentage < 0.125) {\n    tangent = _calculateTangent(percentage) + 50;\n    return `polygon(50% 0, ${tangent}% 0, 50% 50%)`;\n  } else if (percentage < 0.375) {\n    if (percentage < 0.25) {\n      tangent = 50 - _calculateTangent(0.25 - percentage);\n    } else {\n      tangent = _calculateTangent(percentage - 0.25) + 50;\n    }\n    return `polygon(50% 0, 100% 0, 100% ${tangent}%, 50% 50%)`;\n  } else if (percentage < 0.625) {\n    if (percentage < 0.5) {\n      tangent = 50 + _calculateTangent(0.5 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.5);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, ${tangent}% 100%, 50% 50%)`;\n  } else if (percentage < 0.875) {\n    if (percentage < 0.75) {\n      tangent = 50 + _calculateTangent(0.75 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.75);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${tangent}%, 50% 50%)`;\n  }\n  tangent = 50 - _calculateTangent(1 - percentage);\n  return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${tangent}% 0%, 50% 50%)`;\n}\n\nfunction _calculateTangent(percentage: number) {\n  return 50 * Math.tan(percentage * 2 * Math.PI);\n}\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","CircleWrapper","ariaValuetext","progressIndeterminate","class","baseClasses","children","CircleInner","indeterminateInner","percentage","Math","min","classNames","clipPath","_getClipPath","_jsxs","determinateInner","track","color","__rest","ariaMax","ariaNow","role","ariaMin","style","borderColor","tangent","_calculateTangent","tan","PI"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_RatingGauge.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RatingGauge = require('./RatingGauge-a6b91573.js');
-require('./tslib.es6-10ec6a8a.js');
+var RatingGauge = require('./RatingGauge-4fe29c5e.js');
+require('./tslib.es6-61a80bb6.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/hooks');
@@ -14,12 +14,12 @@ require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('preact/compat');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-e4803ec0.js');
+require('./classNames-aa2b5830.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-6d1b21e8.js');
-require('./index-d2a478f8.js');
+require('./Floating-116fcc08.js');
+require('./index-ab2a7964.js');
 require('./hooks/UNSAFE_useOutsideClick.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./hooks/UNSAFE_useHover.js');