@oracle/oraclejet 13.1.11 → 13.1.12

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -49,7 +49,7 @@ const useModal = (props) => {
 };
 
 const styles$2 = {
-  base: "dpbj65"
+  base: "smtqwc"
 };
 
 const ModalBackdrop = () => jsxRuntime.jsx("div", {
@@ -57,7 +57,7 @@ const ModalBackdrop = () => jsxRuntime.jsx("div", {
 });
 
 const styles$1 = {
-  base: "rhua01"
+  base: "he9yuo"
 };
 const ModalContainer = compat.forwardRef(({
   children
@@ -70,7 +70,7 @@ const ModalContainer = compat.forwardRef(({
 ModalContainer.displayName = 'Forwarded<ModalContainer>';
 
 const styles = {
-  base: "_728y98"
+  base: "_cxedl1"
 };
 
 const ModalWrapper = ({

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

@@ -1,15 +1,15 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-3659ebc5.js');
+var tslib_es6 = require('./tslib.es6-03328b80.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-b3f97005.js');
+var classNames = require('./classNames-a1a4bca8.js');
 require('preact/hooks');
 require('./UNSAFE_Environment.js');
 require('preact');
@@ -126,12 +126,12 @@ const BarValue = _a => {
 };
 
 const styles = {
-  base: "jru7k3",
-  value: "yxydac",
-  indeterminate: "_o9dlrx",
-  standalone: "_42o6l2",
-  rtl: "jpnby9",
-  ltr: "_t2kxdq"
+  base: "_5qi52w",
+  value: "_u14vou",
+  indeterminate: "_9qm9cb",
+  standalone: "wpwua0",
+  rtl: "_enl7m3",
+  ltr: "jtezix"
 };
 
 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":";;;;;;;;;;;;;;;;;;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,QAAA;SAAA,QAAA;iBAAA,SAAA;cAAA,SAAA;OAAA,QAAA;;AAAA,CAAA;;;;;;;"}
+{"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,SAAA;iBAAA,SAAA;cAAA,QAAA;OAAA,SAAA;;AAAA,CAAA;;;;;;;"}

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

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-3659ebc5.js');
+var tslib_es6 = require('./tslib.es6-03328b80.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-b3f97005.js');
+var classNames = require('./classNames-a1a4bca8.js');
 require('preact/hooks');
 require('./UNSAFE_Environment.js');
 require('preact');
@@ -120,12 +120,12 @@ const CircleInner = _a => {
 };
 
 const styles = {
-  base: "_y2us6c",
-  indeterminateOuter: "g2hkb6",
-  indeterminateInner: "ndna7i",
-  determinateInner: "_skdek",
-  track: "w8g2de",
-  value: "_ju9ek5"
+  base: "_7yg1xs",
+  indeterminateOuter: "_tr274m",
+  indeterminateInner: "_0qxdyr",
+  determinateInner: "_g6pj3l",
+  track: "ucj6pl",
+  value: "_l17ac"
 };
 
 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.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RatingGauge = require('./RatingGauge-eb18fd43.js');
-require('./tslib.es6-3659ebc5.js');
+var RatingGauge = require('./RatingGauge-c46a423c.js');
+require('./tslib.es6-03328b80.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-b3f97005.js');
+require('./classNames-a1a4bca8.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-b51b0c7a.js');
-require('./index-868087af.js');
+require('./Floating-605b8fb5.js');
+require('./index-c5337afd.js');
 require('./hooks/UNSAFE_useOutsideClick.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./hooks/UNSAFE_useHover.js');

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

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SelectMultiple = require('./SelectMultiple-11eaf68e.js');
+var SelectMultiple = require('./SelectMultiple-f60d4eed.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/compat');
 require('./hooks/UNSAFE_useFocusableTextField.js');
-require('./tslib.es6-3659ebc5.js');
+require('./tslib.es6-03328b80.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-cf73e4c7.js');
+require('./useFocusWithin-f4b3d690.js');
 require('./hooks/UNSAFE_useFormContext.js');
 require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./hooks/UNSAFE_useLoadingIndicatorTimer.js');
@@ -19,33 +19,33 @@ require('./hooks/UNSAFE_useTimer.js');
 require('./hooks/UNSAFE_useTextField.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-0012c37e.js');
+require('./Flex-bb27d8ad.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
-require('./_curry1-912e9a2e.js');
+require('./stringUtils-e02aced9.js');
+require('./_curry1-e0bfa924.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-b3f97005.js');
-require('./_curry2-063ec008.js');
-require('./_has-f34557c6.js');
+require('./classNames-a1a4bca8.js');
+require('./_curry2-ad5d2dfb.js');
+require('./_has-5808062e.js');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-fb1ade49.js');
+require('./keys-0828fec7.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-1ac3cfb1.js');
+require('./flexbox-20b23fc3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d05489ac.js');
+require('./flexitem-a9b567a2.js');
 require('./UNSAFE_Label.js');
 require('./UNSAFE_LiveRegion.js');
 require('./UNSAFE_TextField.js');
 require('./utils/UNSAFE_interpolations/text.js');
-require('./TextFieldInput-4d636e8c.js');
+require('./TextFieldInput-6adac30b.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-03831176.js');
+require('./clientHints-65f9613e.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -53,55 +53,55 @@ require('./UNSAFE_LabelValueLayout.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_UserAssistance.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-3ea3b479.js');
+require('./ComponentMessage-60563abe.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-f91ec704.js');
+require('./HiddenAccessible-00e0d36e.js');
 require('./UNSAFE_Message.js');
-require('./MessageCloseButton-38d49212.js');
-require('./MessageDetail-af12cd78.js');
-require('./MessageFormattingUtils-7ee57234.js');
+require('./MessageCloseButton-72a30b89.js');
+require('./MessageDetail-13bf2441.js');
+require('./MessageFormattingUtils-94652849.js');
 require('./utils/UNSAFE_getLocale.js');
-require('./Message.types-bcb7278d.js');
-require('./MessageStartIcon-67d5b355.js');
-require('./index-c892eb63.js');
+require('./Message.types-1530ce4b.js');
+require('./MessageStartIcon-addbbdb3.js');
+require('./index-878d4378.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-6bdc52df.js');
+require('./Icon-ec1ce0c7.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./index-88218b92.js');
-require('./MessageSummary-466f7a33.js');
-require('./MessageTimestamp-edaf1d41.js');
-require('./MessageUtils-759ba0cd.js');
+require('./index-4d9a58d0.js');
+require('./MessageSummary-b4a7582d.js');
+require('./MessageTimestamp-f632a2e0.js');
+require('./MessageUtils-774fe4ce.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-59e5cf91.js');
+require('./MessagesManager-fe72d685.js');
 require('./UNSAFE_TransitionGroup.js');
-require('./ComponentMessageContainer-16e6e2a0.js');
+require('./ComponentMessageContainer-e073abb1.js');
 require('./UNSAFE_HighlightText.js');
-require('./HighlightText-88e9d443.js');
+require('./HighlightText-94e5edb9.js');
 require('./UNSAFE_ListView.js');
-require('./ListView-da378190.js');
+require('./ListView-e77978f1.js');
 require('./utils/UNSAFE_mergeProps.js');
 require('./utils/UNSAFE_keys.js');
 require('./UNSAFE_VirtualizedCollection.js');
-require('./VirtualizedCollection-b5d809c1.js');
+require('./VirtualizedCollection-0c191bc5.js');
 require('./UNSAFE_Collection.js');
-require('./Collection-86d59203.js');
+require('./Collection-2325cb63.js');
 require('./hooks/UNSAFE_useViewportIntersect.js');
 require('./UNSAFE_Selector.js');
 require('./hooks/PRIVATE_useSelection.js');
 require('./hooks/PRIVATE_useCurrentKey.js');
 require('./hooks/PRIVATE_useCollectionFocusRing.js');
 require('./UNSAFE_Skeleton.js');
-require('./Skeleton-ec3b37ab.js');
+require('./Skeleton-d201a31b.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-b51b0c7a.js');
-require('./index-868087af.js');
+require('./Floating-605b8fb5.js');
+require('./index-c5337afd.js');
 require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./UNSAFE_Chip.js');
-require('./Chip-69eb180f.js');
+require('./Chip-1a23c410.js');
 require('./hooks/UNSAFE_useActionable.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,17 +8,17 @@ require('identity-obj-proxy');
 require('./utils/UNSAFE_classNames.js');
 var utils_UNSAFE_keys = require('./utils/UNSAFE_keys.js');
 var hooks_PRIVATE_useSelection = require('./hooks/PRIVATE_useSelection.js');
-require('./index-c892eb63.js');
+require('./index-878d4378.js');
 require('./UNSAFE_Flex.js');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var classNames = require('./classNames-b3f97005.js');
-var UNSAFE_Icons = require('./index-88218b92.js');
-var Flex = require('./Flex-0012c37e.js');
+var classNames = require('./classNames-a1a4bca8.js');
+var UNSAFE_Icons = require('./index-4d9a58d0.js');
+var Flex = require('./Flex-bb27d8ad.js');
 require('preact/hooks');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-6bdc52df.js');
-require('./tslib.es6-3659ebc5.js');
+require('./Icon-ec1ce0c7.js');
+require('./tslib.es6-03328b80.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('preact');
@@ -28,26 +28,26 @@ require('./hooks/UNSAFE_useTheme.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
-require('./_curry1-912e9a2e.js');
+require('./stringUtils-e02aced9.js');
+require('./_curry1-e0bfa924.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-063ec008.js');
-require('./_has-f34557c6.js');
+require('./_curry2-ad5d2dfb.js');
+require('./_has-5808062e.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-fb1ade49.js');
+require('./keys-0828fec7.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-1ac3cfb1.js');
+require('./flexbox-20b23fc3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d05489ac.js');
+require('./flexitem-a9b567a2.js');
 
 const styles = {
-  base: "_ikztap",
-  container: "rdk5uw"
+  base: "_3w54e6",
+  container: "_vkocq1"
 };
 const checkboxStyles = {
-  base: "_jyiywp",
-  unselected: "_uja5",
-  selected: "_32axuo"
+  base: "_hi7azl",
+  unselected: "jf8ogw",
+  selected: "iqrb51"
 }; // internal component to use in place of the real Checkbox
 
 function Checkbox(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx","../../src/UNSAFE_Selector/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 { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={-1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\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 */\nexport { Selector } from './Selector';\n"],"names":["styles","checkboxStyles","Checkbox","props","base","checked","selected","unselected","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","updateSelectionProps","selectionProps","onClick","Selector","accessibleLabel","rowKey","selectedKeys","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAAA,MAAA,GAAA;QAAA,SAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,SAAA;cAAA,OAAA;;AAAA,CAAA;;AAqCA,SAAAC,QAAA,CAAAC,KAAA,EAAA;yCAMIF,cAAA,CAAAG,MACAD,KAAA,CAAAE,OAAA,GAAAJ,cAAA,CAAAK,QAAA,GAAAL,cAAA,CAAAM;AAEF,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAAP,KAAA,CAAAE,OAAA,GACEG,YAAA,CAAAG,iBAAA,EADF,GAEEH,YAAA,CAAAI,mBAAA,EAFF,CAAA;;;;;;;;;;;AAcF;;;AAGA,MAAAC,WAAA,GAAAC,KAAA,IAAA;;;AAGA,CAHA;;;AAMA,MAAAC,oBAAA,GAAAC,cAAA,IAAA;;AAEE,EAAA,MAAAC,OAAA,GAAAD,cAAA,CAAAC,OAAA,CAAA;;AACA,EAAA,IAAAA,OAAA,EAAA;;AAEED,IAAAA,cAAA,CAAAC,OAAA,GAAAH,KAAA,IAAA;;;KAAA,CAAA;;AAIA,IAAA,OAAAE,cAAA,CAAA;AACD,GAAA;;EACD,OAAA;AAAAC,IAAAA,OAAA,EAAAJ,WAAAA;GAAA,CAAA;AACF,CAZA,CAAA;AAcA;;AAEG;;;AACH,SAAAK,QAAA,CAAA;EAAAC,eAAA;EAAAC,MAAA;EAAAC,YAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;;;iHAAA;;;;;;;;;;;;;;;;;;;;;AAoBA;;AC3IA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx","../../src/UNSAFE_Selector/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 { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={-1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\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 */\nexport { Selector } from './Selector';\n"],"names":["styles","checkboxStyles","Checkbox","props","base","checked","selected","unselected","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","updateSelectionProps","selectionProps","onClick","Selector","accessibleLabel","rowKey","selectedKeys","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAAA,MAAA,GAAA;QAAA,SAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,SAAA;cAAA,QAAA;;AAAA,CAAA;;AAqCA,SAAAC,QAAA,CAAAC,KAAA,EAAA;yCAMIF,cAAA,CAAAG,MACAD,KAAA,CAAAE,OAAA,GAAAJ,cAAA,CAAAK,QAAA,GAAAL,cAAA,CAAAM;AAEF,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAAP,KAAA,CAAAE,OAAA,GACEG,YAAA,CAAAG,iBAAA,EADF,GAEEH,YAAA,CAAAI,mBAAA,EAFF,CAAA;;;;;;;;;;;AAcF;;;AAGA,MAAAC,WAAA,GAAAC,KAAA,IAAA;;;AAGA,CAHA;;;AAMA,MAAAC,oBAAA,GAAAC,cAAA,IAAA;;AAEE,EAAA,MAAAC,OAAA,GAAAD,cAAA,CAAAC,OAAA,CAAA;;AACA,EAAA,IAAAA,OAAA,EAAA;;AAEED,IAAAA,cAAA,CAAAC,OAAA,GAAAH,KAAA,IAAA;;;KAAA,CAAA;;AAIA,IAAA,OAAAE,cAAA,CAAA;AACD,GAAA;;EACD,OAAA;AAAAC,IAAAA,OAAA,EAAAJ,WAAAA;GAAA,CAAA;AACF,CAZA,CAAA;AAcA;;AAEG;;;AACH,SAAAK,QAAA,CAAA;EAAAC,eAAA;EAAAC,MAAA;EAAAC,YAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;;;iHAAA;;;;;;;;;;;;;;;;;;;;;AAoBA;;AC3IA;;;;;;AAMG;;;;;;;"}

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

@@ -1,23 +1,23 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Skeleton = require('./Skeleton-ec3b37ab.js');
-require('./tslib.es6-3659ebc5.js');
+var Skeleton = require('./Skeleton-d201a31b.js');
+require('./tslib.es6-03328b80.js');
 require('preact/jsx-runtime');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-b3f97005.js');
+require('./classNames-a1a4bca8.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
-require('./_curry1-912e9a2e.js');
+require('./stringUtils-e02aced9.js');
+require('./_curry1-e0bfa924.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-063ec008.js');
-require('./_has-f34557c6.js');
+require('./_curry2-ad5d2dfb.js');
+require('./_has-5808062e.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 
 /**

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

@@ -1,26 +1,26 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Spacer = require('./Spacer-35c5f1db.js');
-require('./tslib.es6-3659ebc5.js');
+var Spacer = require('./Spacer-30ef9c66.js');
+require('./tslib.es6-03328b80.js');
 require('preact/jsx-runtime');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
-require('./_curry1-912e9a2e.js');
+require('./stringUtils-e02aced9.js');
+require('./_curry1-e0bfa924.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-b3f97005.js');
-require('./_curry2-063ec008.js');
-require('./_has-f34557c6.js');
+require('./classNames-a1a4bca8.js');
+require('./_curry2-ad5d2dfb.js');
+require('./_has-5808062e.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d05489ac.js');
+require('./flexitem-a9b567a2.js');
 
-require('./keys-fb1ade49.js');
+require('./keys-0828fec7.js');
 
 
 

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

@@ -1,18 +1,18 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('./Text-c027a8e6.js');
-require('./tslib.es6-3659ebc5.js');
+var Text = require('./Text-233644ef.js');
+require('./tslib.es6-03328b80.js');
 require('preact/jsx-runtime');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-b3f97005.js');
-require('./_curry1-912e9a2e.js');
-require('./_curry2-063ec008.js');
-require('./_has-f34557c6.js');
+require('./classNames-a1a4bca8.js');
+require('./_curry1-e0bfa924.js');
+require('./_curry2-ad5d2dfb.js');
+require('./_has-5808062e.js');