@oracle/oraclejet 13.0.13 → 13.0.15

package/dist/js/libs/oraclejet-preact/cjs/RatingGauge-0d34e902.js

@@ -0,0 +1,333 @@
+/* @oracle/oraclejet-preact: 13.0.15 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-c6effa3f.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+
+var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
+require('./utils/UNSAFE_classNames.js');
+var hooks_UNSAFE_useTooltip = require('./hooks/UNSAFE_useTooltip.js');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var classNames = require('./classNames-03c32dee.js');
+
+const RatingStar = ({
+  isSelected,
+  isDisabled,
+  isReadOnly
+}) => {
+  const selectionState = isSelected ? 'selected' : 'unselected';
+  const disabledState = isDisabled && 'Disabled';
+  const readonlyState = isReadOnly && 'Readonly';
+  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;
+  const innerStyleClass = ratingStarStyles[`${styleStatePrefix}Color`];
+  const outerStyleClass = ratingStarStyles[`${styleStatePrefix}BorderColor`];
+  return jsxRuntime.jsx("svg", Object.assign({
+    viewBox: "0 0 36 36",
+    height: "100%",
+    width: "100%",
+    class: ratingStarStyles.base
+  }, {
+    children: jsxRuntime.jsxs("g", {
+      children: [jsxRuntime.jsx("path", {
+        class: innerStyleClass,
+        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"
+      }), jsxRuntime.jsx("path", {
+        class: outerStyleClass,
+        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"
+      })]
+    })
+  }));
+};
+
+const ratingStarStyles = {
+  base: "b1fpmsq7",
+  selectedColor: "s1ub3kc",
+  selectedBorderColor: "s11mpjof",
+  unselectedColor: "uh6i9jh",
+  unselectedBorderColor: "uwvnsek",
+  selectedReadonlyColor: "s10t37jt",
+  selectedReadonlyBorderColor: "s1onntbs",
+  unselectedReadonlyColor: "u2vyvvv",
+  unselectedReadonlyBorderColor: "u9973ms",
+  selectedDisabledColor: "s1bebe5q",
+  unselectedDisabledColor: "u1eb2oqr",
+  selectedDisabledBorderColor: "s1euhvz3",
+  unselectedDisabledBorderColor: "usuv7wt"
+};
+
+const RatingGaugeItem = ({
+  fillRatio,
+  isDisabled,
+  isReadonly
+}) => {
+  const {
+    direction
+  } = hooks_UNSAFE_useUser.useUser();
+  const isRtl = direction === 'rtl';
+
+  if (fillRatio === 1 || fillRatio === 0) {
+    return jsxRuntime.jsx(RatingStar, {
+      isSelected: fillRatio === 1,
+      isDisabled: isDisabled,
+      isReadOnly: isReadonly
+    });
+  } // if fillRatio is not 1 or zero, absolutely position selected star above the
+  // unselected star and clip both to form partially selected star.
+
+
+  return jsxRuntime.jsxs(preact.Fragment, {
+    children: [jsxRuntime.jsx("div", Object.assign({
+      class: fractionalStar.base,
+      style: {
+        clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${isRtl ? 0 : fillRatio * 100}%)`
+      }
+    }, {
+      children: jsxRuntime.jsx(RatingStar, {
+        isSelected: false,
+        isDisabled: isDisabled,
+        isReadOnly: isReadonly
+      })
+    })), jsxRuntime.jsx("div", Object.assign({
+      class: fractionalStar.base,
+      style: {
+        clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${isRtl ? (1 - fillRatio) * 100 : 0}%)`
+      }
+    }, {
+      children: jsxRuntime.jsx(RatingStar, {
+        isSelected: true,
+        isDisabled: isDisabled,
+        isReadOnly: isReadonly
+      })
+    }))]
+  });
+};
+
+const fractionalStar = {
+  base: "b1htd91l"
+};
+
+function getValue(pageX, max, step, dimensionsRef, isRtl) {
+    const dimensions = dimensionsRef.current;
+    if (!dimensions || dimensions.width === 0) {
+        return -1;
+    }
+    let val = (max * (pageX - dimensions.x)) / dimensions.width;
+    const stepNum = val / step;
+    if (stepNum < 0.5) {
+        val = 0;
+    }
+    else {
+        val = Math.ceil(stepNum) * step;
+    }
+    return isRtl ? max - val : val;
+}
+function getDimensions(element) {
+    if (!element) {
+        return {
+            width: 0,
+            x: 0
+        };
+    }
+    const rect = element.getBoundingClientRect();
+    return {
+        width: Math.round(rect.width),
+        x: Math.round(rect.x + window.scrollX)
+    };
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const useEvents = (max, step, value, dimensionsRef, isInteractive, onCommit, onInput) => {
+    const currentInput = hooks.useRef();
+    const { direction } = hooks_UNSAFE_useUser.useUser();
+    if (!isInteractive) {
+        return {};
+    }
+    const isRtl = direction === 'rtl';
+    const pointerUpHandler = (event) => {
+        const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);
+        if (val !== -1) {
+            onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: val });
+        }
+    };
+    const hoverHandler = (event) => {
+        const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);
+        if (val !== -1 && val != currentInput.current) {
+            onInput === null || onInput === void 0 ? void 0 : onInput({ value: val });
+            currentInput.current = val;
+        }
+    };
+    const blurHandler = () => {
+        onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: value });
+    };
+    const pointerLeaveHandler = () => {
+        onInput === null || onInput === void 0 ? void 0 : onInput({ value: undefined });
+        currentInput.current = undefined;
+    };
+    const keyboardHandler = (event) => {
+        const key = event.key;
+        if (key === 'Tab') {
+            return;
+        }
+        if (key === 'Enter') {
+            onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: value });
+            return;
+        }
+        let inputValue = undefined;
+        switch (key) {
+            case 'ArrowLeft': {
+                inputValue = Math.max(0, value - step);
+                break;
+            }
+            case 'ArrowRight': {
+                inputValue = Math.min(max, value + step);
+                break;
+            }
+            case 'Home': {
+                inputValue = 0;
+                break;
+            }
+            case 'End': {
+                inputValue = max;
+                break;
+            }
+        }
+        if (inputValue !== undefined) {
+            onInput === null || onInput === void 0 ? void 0 : onInput({ value: inputValue });
+            currentInput.current = inputValue;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    return {
+        onPointerUp: pointerUpHandler,
+        onBlur: blurHandler,
+        onPointerMove: hoverHandler,
+        onKeyUp: keyboardHandler,
+        onPointerLeave: pointerLeaveHandler
+    };
+};
+
+function useTooltipOrDatatip({ max, value, isReadonly, isDisabled, tooltip, datatip, ariaDescribedBy, width }) {
+    const [isOpen, setIsOpen] = hooks.useState(false);
+    const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';
+    const datatipIndex = Math.max(1, Math.ceil(value));
+    const offset = tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;
+    const { tooltipContent, tooltipProps } = hooks_UNSAFE_useTooltip.useTooltipControlled({
+        text: tooltipVariant === 'tooltip' ? tooltip : datatip,
+        isOpen,
+        anchor: {
+            x: 'element',
+            y: 'element'
+        },
+        position: 'bottom',
+        offset: {
+            mainAxis: 8,
+            crossAxis: offset
+        },
+        isDisabled: isDisabled,
+        onToggle: ({ value }) => setIsOpen(value),
+        variant: tooltipVariant
+    });
+    if (ariaDescribedBy) {
+        tooltipProps['aria-describedby'] = ariaDescribedBy;
+    }
+    return {
+        tooltipContent,
+        tooltipProps
+    };
+}
+
+const getAriaLabel = props => {
+  return props.accessibleLabel ? props.accessibleLabel : props.tooltip && props.isReadonly && !props.isDisabled ? props.tooltip : undefined;
+};
+
+function RatingGauge(_a) {
+  var {
+    max = 5,
+    value = 0,
+    size = 'md',
+    step = 1,
+    isReadonly,
+    isDisabled
+  } = _a,
+      props = tslib_es6.__rest(_a, ["max", "value", "size", "step", "isReadonly", "isDisabled"]);
+
+  const rootRef = hooks.useRef(null);
+  const dimensionsRef = hooks.useRef(getDimensions(null));
+  const isInteractive = !isReadonly && !isDisabled; // Since the dimension are compute lazily after render, store width and x in ref
+  // This is used to identify hovered and clicked star.
+  // width of the gauge depends on size and max so passing them as dependencies for useEffect
+
+  hooks.useEffect(() => {
+    dimensionsRef.current = getDimensions(rootRef.current);
+  }, [size, max]);
+  const eventProps = useEvents(max, step, value, dimensionsRef, isInteractive, props.onCommit, props.onInput);
+  const {
+    tooltipContent,
+    tooltipProps
+  } = useTooltipOrDatatip({
+    max,
+    value,
+    isReadonly,
+    isDisabled,
+    tooltip: props.tooltip,
+    datatip: props.datatip,
+    width: dimensionsRef.current.width,
+    ariaDescribedBy: props.ariaDescribedBy
+  });
+  const mergedEventProps = utils_UNSAFE_mergeProps.mergeProps(eventProps, tooltipProps);
+  const ariaLabel = getAriaLabel({
+    accessibleLabel: props.accessibleLabel,
+    tooltip: props.tooltip,
+    isReadonly,
+    isDisabled
+  });
+  return jsxRuntime.jsxs(preact.Fragment, {
+    children: [jsxRuntime.jsx("div", Object.assign({
+      ref: rootRef,
+      class: classNames.classNames([ratingStyles.base, isInteractive ? ratingStyles.interactive : undefined]),
+      "aria-label": ariaLabel,
+      role: "slider",
+      "aria-valuemin": "0",
+      "aria-valuenow": value,
+      "aria-valuemax": max,
+      "aria-valuetext": value,
+      "aria-labelledby": props.ariaLabelledBy,
+      tabIndex: isDisabled ? undefined : 0,
+      "aria-disabled": isDisabled ? 'true' : undefined
+    }, mergedEventProps, {
+      children: [...Array(max)].map((_, index) => {
+        const fillRatio = Math.min(Math.max(0, value - index), 1);
+        return jsxRuntime.jsx("div", Object.assign({
+          className: classNames.classNames([ratingStyles[size], ratingStyles.item])
+        }, {
+          children: jsxRuntime.jsx(RatingGaugeItem, {
+            fillRatio: fillRatio,
+            isDisabled: isDisabled,
+            isReadonly: isReadonly
+          })
+        }));
+      })
+    })), tooltipContent]
+  });
+}
+const ratingStyles = {
+  base: "b97wbq7",
+  interactive: "i1vpcap0",
+  lg: "l152t3gc",
+  md: "m19upflt",
+  sm: "s33yyxs",
+  item: "i16crsb0"
+};
+
+exports.RatingGauge = RatingGauge;
+/*  */
+//# sourceMappingURL=RatingGauge-0d34e902.js.map

package/dist/js/libs/oraclejet-preact/cjs/RatingGauge-0d34e902.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingGauge-0d34e902.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  let val = (max * (pageX - dimensions.x)) / dimensions.width;\n  const stepNum = val / step;\n  if (stepNum < 0.5) {\n    val = 0;\n  } else {\n    val = Math.ceil(stepNum) * step;\n  }\n  return isRtl ? max - val : val;\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 } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue } 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  dimensionsRef: Ref<{ 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 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  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      onInput?.({ value: val } as InputDetail);\n      currentInput.current = val;\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    onInput?.({ value: undefined } as InputDetail);\n    currentInput.current = undefined;\n  };\n\n  const keyboardHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    if (key === 'Tab') {\n      return;\n    }\n\n    if (key === 'Enter') {\n      onCommit?.({ value: value } as CommitDetail);\n      return;\n    }\n\n    let inputValue = undefined;\n    switch (key) {\n      case 'ArrowLeft': {\n        inputValue = Math.max(0, value - step);\n        break;\n      }\n      case 'ArrowRight': {\n        inputValue = Math.min(max, value + step);\n        break;\n      }\n      case 'Home': {\n        inputValue = 0;\n        break;\n      }\n      case 'End': {\n        inputValue = max;\n        break;\n      }\n    }\n\n    if (inputValue !== undefined) {\n      onInput?.({ value: inputValue } as InputDetail);\n      currentInput.current = inputValue;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyboardHandler,\n    onPointerLeave: pointerLeaveHandler\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    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","useRef","useState","useTooltipControlled","getAriaLabel","props","tooltip","RatingGauge","_a","rootRef","isInteractive","size","max","tooltipContent","tooltipProps","useTooltipOrDatatip","dimensionsRef","current","ref","classNames","ratingStyles","Math","min","value","index","className","item"],"mappings":"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"}