@oracle/oraclejet 13.1.15 → 13.1.17

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ProgressCircle.css

@@ -1,6 +1,6 @@
-.vz6n1m{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-.ykdpom{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.xemyo6{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-._ubiu6x{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-._giosuq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
-._bn08vq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}
+.wnx7ql{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._ueo03r{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+._va17n{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._dj8xvy{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+._60kzn2{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
+._295ph7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
-import { _ as __rest } from './tslib.es6-ce14f197.js';
+/* @oracle/oraclejet-preact: 13.1.17 */
+import { _ as __rest } from './tslib.es6-4606c033.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './UNSAFE_ProgressCircle.css';
@@ -115,12 +115,12 @@ const CircleInner = _a => {
 };
 
 const styles = {
-  base: "vz6n1m",
-  indeterminateOuter: "ykdpom",
-  indeterminateInner: "xemyo6",
-  determinateInner: "_ubiu6x",
-  track: "_giosuq",
-  value: "_bn08vq"
+  base: "wnx7ql",
+  indeterminateOuter: "_ueo03r",
+  indeterminateInner: "_va17n",
+  determinateInner: "_dj8xvy",
+  track: "_60kzn2",
+  value: "_295ph7"
 };
 
 function _getClipPath(percentage) {

package/dist/js/libs/oraclejet-preact/es/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/es/UNSAFE_RatingGauge.css

@@ -1,22 +1,22 @@
-._8ijy6f{display:inline-flex;}._8ijy6f:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._68syz3{cursor:pointer;touch-action:none;}
-._idr996{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
-._zhj7t{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
-.qvbxom{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
-._yvfagx{position:relative;}
+._i5knvi{display:inline-flex;}._i5knvi:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._gad7lk{cursor:pointer;touch-action:none;}
+.qju2us{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
+._g3hjv2{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
+._ciqvpr{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
+._t776j9{position:relative;}
 
-.cxmwh4{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+.c8wg1w{top:0px;left:0px;position:absolute;width:100%;height:100%;}
 
-._8wwgha{position:absolute;}
-.po75op{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._522xm2{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-._7c2ehe{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-.tvkfjy{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._ttynz{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-.svyihd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-._ra9y8t{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-.r2gksr{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-.ol25rs{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-._xm3yn{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-.a6m7q2{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-._8p5o47{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+.cf61uy{position:absolute;}
+._rcjjrh{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._1px0c{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+._sgh31{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+.r0wkzw{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+._u0h02o{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.eaabib{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+._tg3dhd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+._o5mms7{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._99ejhe{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._88ybl{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+._od2kc4{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+._rl5mml{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
-import { _ as __rest } from './tslib.es6-ce14f197.js';
+/* @oracle/oraclejet-preact: 13.1.17 */
+import { _ as __rest } from './tslib.es6-4606c033.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { useRef, useState, useEffect } from 'preact/hooks';
@@ -13,7 +13,7 @@ import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-2b557fb6.js';
+import './index-e01daffb.js';
 import './hooks/UNSAFE_useOutsideClick.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './hooks/UNSAFE_useHover.js';
@@ -51,19 +51,19 @@ const RatingStar = ({
 };
 
 const ratingStarStyles = {
-  base: "_8wwgha",
-  selectedColor: "po75op",
-  selectedBorderColor: "_522xm2",
-  unselectedColor: "_7c2ehe",
-  unselectedBorderColor: "tvkfjy",
-  selectedReadonlyColor: "_ttynz",
-  selectedReadonlyBorderColor: "svyihd",
-  unselectedReadonlyColor: "_ra9y8t",
-  unselectedReadonlyBorderColor: "r2gksr",
-  selectedDisabledColor: "ol25rs",
-  unselectedDisabledColor: "_xm3yn",
-  selectedDisabledBorderColor: "a6m7q2",
-  unselectedDisabledBorderColor: "_8p5o47"
+  base: "cf61uy",
+  selectedColor: "_rcjjrh",
+  selectedBorderColor: "_1px0c",
+  unselectedColor: "_sgh31",
+  unselectedBorderColor: "r0wkzw",
+  selectedReadonlyColor: "_u0h02o",
+  selectedReadonlyBorderColor: "eaabib",
+  unselectedReadonlyColor: "_tg3dhd",
+  unselectedReadonlyBorderColor: "_o5mms7",
+  selectedDisabledColor: "_99ejhe",
+  unselectedDisabledColor: "_88ybl",
+  selectedDisabledBorderColor: "_od2kc4",
+  unselectedDisabledBorderColor: "_rl5mml"
 };
 
 const RatingGaugeItem = ({
@@ -114,7 +114,7 @@ const RatingGaugeItem = ({
 };
 
 const fractionalStar = {
-  base: "cxmwh4"
+  base: "c8wg1w"
 };
 
 function getValue(pageX, max, step, dimensionsRef, isRtl) {
@@ -345,12 +345,12 @@ function RatingGauge(_a) {
   });
 }
 const ratingStyles = {
-  base: "_8ijy6f",
-  interactive: "_68syz3",
-  lg: "_idr996",
-  md: "_zhj7t",
-  sm: "qvbxom",
-  item: "_yvfagx"
+  base: "_i5knvi",
+  interactive: "_gad7lk",
+  lg: "qju2us",
+  md: "_g3hjv2",
+  sm: "_ciqvpr",
+  item: "_t776j9"
 };
 
 export { RatingGauge };

package/dist/js/libs/oraclejet-preact/es/UNSAFE_RatingGauge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg viewBox=\"0 0 36 36\" height=\"100%\" width=\"100%\" class={ratingStarStyles.base}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar isSelected={fillRatio === 1} isDisabled={isDisabled} isReadOnly={isReadonly} />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar isSelected={false} isDisabled={isDisabled} isReadOnly={isReadonly} />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar isSelected={true} isDisabled={isDisabled} isReadOnly={isReadonly} />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\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 */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: isDisabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  if (ariaDescribedBy) {\n    tooltipProps['aria-describedby'] = ariaDescribedBy;\n  }\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * The id of the element that labels the gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * The id of the element that describes the gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isDisabled ? undefined : 0}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\n  }}`\n};\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","disabledState","readonlyState","_jsx","Object","assign","viewBox","height","width","class","ratingStarStyles","base","children","_jsxs","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","Fragment","fractionalStar","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","rootRef","useRef","isInteractive","size","max","tooltipContent","tooltipProps","useTooltipOrDatatip","dimensionsRef","current","ref","classNames","ratingStyles","Math","min","value","index","className","item"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg viewBox=\"0 0 36 36\" height=\"100%\" width=\"100%\" class={ratingStarStyles.base}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar isSelected={fillRatio === 1} isDisabled={isDisabled} isReadOnly={isReadonly} />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar isSelected={false} isDisabled={isDisabled} isReadOnly={isReadonly} />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar isSelected={true} isDisabled={isDisabled} isReadOnly={isReadonly} />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\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 */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: isDisabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  if (ariaDescribedBy) {\n    tooltipProps['aria-describedby'] = ariaDescribedBy;\n  }\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * The id of the element that labels the gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * The id of the element that describes the gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isDisabled ? undefined : 0}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\n  }}`\n};\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","disabledState","readonlyState","_jsx","Object","assign","viewBox","height","width","class","ratingStarStyles","base","children","_jsxs","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","Fragment","fractionalStar","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","rootRef","useRef","isInteractive","size","max","tooltipContent","tooltipProps","useTooltipOrDatatip","dimensionsRef","current","ref","classNames","ratingStyles","Math","min","value","index","className","item"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_SelectMultiple.css

@@ -1,15 +1,15 @@
-._vig2r{height:20px;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.75rem;}
+._wy1amr{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;}
 
-.o14d1p{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;}
+.zcgrje{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.myecfv{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+.n4zpqd{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+.fh2s73{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.fh2s73:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._t2158g{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-.fiq1t3{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._4oeacq{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-._hm4z0o{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-._vgbys1{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._vgbys1:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
-._xqy3pa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.e1ycr3{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;box-sizing:border-box;display:flex;flex-direction:column;}
+.luzort{padding-top:.5rem;padding-bottom:.5rem;}
+._tnej5c{min-height:10rem;}
 
-._r7n5lc{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;box-sizing:border-box;display:flex;flex-direction:column;}
-._66sjpt{padding-top:.5rem;padding-bottom:.5rem;}
-._weg8vz{min-height:10rem;}
+._qh8tgp{height:20px;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.75rem;}
 
-._v16b1{display:inline-flex;}
+.mtb8kl{display:inline-flex;}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.15 */
+/* @oracle/oraclejet-preact: 13.1.17 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -23,7 +23,7 @@ import { Layer } from './UNSAFE_Layer.js';
 import useOutsideClick from './hooks/UNSAFE_useOutsideClick.js';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
-import { _ as __rest } from './tslib.es6-ce14f197.js';
+import { _ as __rest } from './tslib.es6-4606c033.js';
 import { Chip } from './UNSAFE_Chip.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import './hooks/UNSAFE_useFocusWithin.js';
@@ -33,12 +33,12 @@ import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-5c33b857.js';
+import './_curry1-b4a537cf.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-7726ea72.js';
-import './_has-4588eed7.js';
+import './_curry2-0add76d8.js';
+import './_has-aaed809a.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-57b2fb14.js';
+import './keys-3bef32f4.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_interpolations/text.js';
@@ -68,7 +68,7 @@ import './hooks/PRIVATE_useCurrentKey.js';
 import './hooks/PRIVATE_useCollectionFocusRing.js';
 import './UNSAFE_Skeleton.js';
 import './utils/UNSAFE_interpolations/borders.js';
-import './index-2b557fb6.js';
+import './index-e01daffb.js';
 import './hooks/UNSAFE_useActionable.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
@@ -98,7 +98,7 @@ function renderItemText(item, itemText) {
     return itemText(item);
 }
 
-const itemStyles = "_vig2r";
+const itemStyles = "_qh8tgp";
 
 const noOp = () => {};
 
@@ -194,7 +194,7 @@ const isSimpleClick = (event) => {
 };
 
 const rootStyles$3 = {
-  base: "o14d1p"
+  base: "_wy1amr"
 };
 function Dropdown({
   anchorRef,
@@ -269,11 +269,11 @@ const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core
 
 const ojButtonBorderlessChromeBorderColorHover = 'transparent';
 const rootStyles$2 = {
-  base: "fiq1t3",
-  sizeMd: "_4oeacq",
-  sizeSm: "_hm4z0o",
-  enabled: "_vgbys1",
-  disabled: "_xqy3pa"
+  base: "zcgrje",
+  sizeMd: "myecfv",
+  sizeSm: "n4zpqd",
+  enabled: "fh2s73",
+  disabled: "_t2158g"
 };
 
 const noop = () => {};
@@ -315,13 +315,13 @@ function DropdownArrow({
 }
 
 const rootStyles$1 = {
-  base: "_r7n5lc",
+  base: "e1ycr3",
   // TODO: This should really be applied directly to the child ListView so that the content
   // displays under the padding when scrolled, but we can't apply styles to the child collection.
   // TODO: Also need to figure out how to determine whether the collection is a ListView (in
   // the collectionRenderer case) in order to apply this styling.
-  listView: "_66sjpt",
-  loading: "_weg8vz"
+  listView: "luzort",
+  loading: "_tnej5c"
 };
 function DropdownList({
   children,
@@ -335,7 +335,7 @@ function DropdownList({
   }));
 }
 
-const rootStyles = "_v16b1"; // This component renders a badge showing the number of selected values
+const rootStyles = "mtb8kl"; // This component renders a badge showing the number of selected values
 
 function SelectedValuesCount(_a) {
   var {