@oracle/oraclejet-preact 14.0.0

package/es/UNSAFE_RatingGauge.js

@@ -0,0 +1,379 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { _ as __rest } from './tslib.es6-8b94ba02.js';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { Fragment } from 'preact';
+import { useRef, useState, useEffect } from 'preact/hooks';
+import "./UNSAFE_RatingGauge.css";
+import { classNames } from './utils/UNSAFE_classNames.js';
+import { useUser } from './hooks/UNSAFE_useUser.js';
+import { useTooltipControlled } from './hooks/UNSAFE_useTooltip.js';
+import { mergeProps } from './utils/UNSAFE_mergeProps.js';
+import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
+import './UNSAFE_Environment.js';
+import './UNSAFE_Layer.js';
+import 'preact/compat';
+import './hooks/UNSAFE_useId.js';
+import './UNSAFE_Floating.js';
+import './index-14bba6f7.js';
+import './utils/PRIVATE_floatingUtils.js';
+import './utils/PRIVATE_refUtils.js';
+import './hooks/UNSAFE_useOutsideClick.js';
+import './utils/UNSAFE_arrayUtils.js';
+import './hooks/UNSAFE_useHover.js';
+import './hooks/UNSAFE_useToggle.js';
+import './hooks/UNSAFE_useFocus.js';
+import './hooks/UNSAFE_useTouch.js';
+import './hooks/UNSAFE_useAnimation.js';
+
+const RatingStar = ({
+  isSelected,
+  isDisabled,
+  isReadOnly,
+  color
+}) => {
+  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 jsx("svg", Object.assign({
+    viewBox: "0 0 36 36",
+    height: "100%",
+    width: "100%",
+    class: classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])
+  }, {
+    children: jsxs("g", {
+      children: [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"
+      }), 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: "_1nusnm9",
+  selectedColor: "rsvey2",
+  selectedBorderColor: "_1fv62d5",
+  unselectedColor: "qiy8n5",
+  unselectedBorderColor: "_9vuxc",
+  selectedReadonlyColor: "o59bru",
+  selectedReadonlyBorderColor: "kt308h",
+  unselectedReadonlyColor: "_172s8au",
+  unselectedReadonlyBorderColor: "ngattd",
+  selectedDisabledColor: "bqfns8",
+  unselectedDisabledColor: "_1xjm82u",
+  selectedDisabledBorderColor: "_1n454ir",
+  unselectedDisabledBorderColor: "_1ansb8l"
+};
+
+const RatingGaugeItem = ({
+  fillRatio,
+  isDisabled,
+  isReadonly,
+  color
+}) => {
+  const {
+    direction
+  } = useUser();
+  const isRtl = direction === 'rtl';
+
+  if (fillRatio === 1 || fillRatio === 0) {
+    return jsx(RatingStar, {
+      isSelected: fillRatio === 1,
+      isDisabled: isDisabled,
+      isReadOnly: isReadonly,
+      color: color
+    });
+  } // if fillRatio is not 1 or zero, absolutely position selected star above the
+  // unselected star and clip both to form partially selected star.
+
+
+  return jsxs(Fragment, {
+    children: [jsx("div", Object.assign({
+      class: fractionalStar.base,
+      style: {
+        clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${isRtl ? 0 : fillRatio * 100}%)`
+      }
+    }, {
+      children: jsx(RatingStar, {
+        isSelected: false,
+        isDisabled: isDisabled,
+        isReadOnly: isReadonly,
+        color: color
+      })
+    })), jsx("div", Object.assign({
+      class: fractionalStar.base,
+      style: {
+        clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${isRtl ? (1 - fillRatio) * 100 : 0}%)`
+      }
+    }, {
+      children: jsx(RatingStar, {
+        isSelected: true,
+        isDisabled: isDisabled,
+        isReadOnly: isReadonly,
+        color: color
+      })
+    }))]
+  });
+};
+
+const fractionalStar = {
+  base: "_18tt8jf"
+};
+
+function getValue(pageX, max, step, dimensionsRef, isRtl) {
+    const dimensions = dimensionsRef.current;
+    if (!dimensions || dimensions.width === 0) {
+        return -1;
+    }
+    const width = pageX - dimensions.x;
+    const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;
+    const numSteps = val / step;
+    return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;
+}
+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, rootRef, dimensionsRef, isInteractive, onCommit, onInput) => {
+    const currentInput = useRef();
+    const { direction } = useUser();
+    if (!isInteractive) {
+        return {};
+    }
+    const isRtl = direction === 'rtl';
+    const handleInput = (inputValue) => {
+        onInput === null || onInput === void 0 ? void 0 : onInput({ value: inputValue });
+        currentInput.current = inputValue;
+    };
+    const cancelEvent = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    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 });
+        }
+    };
+    // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.
+    // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters
+    // so we get fresh dimension value.
+    const pointerEnterHandler = () => {
+        dimensionsRef.current = getDimensions(rootRef.current);
+    };
+    const hoverHandler = (event) => {
+        const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);
+        if (val !== -1 && val != currentInput.current) {
+            handleInput(val);
+        }
+    };
+    const blurHandler = () => {
+        onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: value });
+    };
+    const pointerLeaveHandler = () => {
+        handleInput(undefined);
+    };
+    const keyDownHandler = (event) => {
+        const key = event.key;
+        switch (key) {
+            case 'Tab':
+                return;
+            case 'ArrowDown':
+                handleInput(Math.max(0, value - step));
+                break;
+            case 'ArrowUp':
+                handleInput(Math.min(max, value + step));
+                break;
+            case 'ArrowLeft': {
+                const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);
+                handleInput(inputValue);
+                break;
+            }
+            case 'ArrowRight': {
+                const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);
+                handleInput(inputValue);
+                break;
+            }
+        }
+        cancelEvent(event);
+    };
+    const keyUpHandler = (event) => {
+        const key = event.key;
+        switch (key) {
+            case 'Enter':
+                onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: value });
+                break;
+            case 'Tab':
+                handleInput(value);
+                break;
+            case 'Home':
+                handleInput(0);
+                break;
+            case 'End':
+                handleInput(max);
+                break;
+        }
+        cancelEvent(event);
+    };
+    return {
+        onPointerUp: pointerUpHandler,
+        onBlur: blurHandler,
+        onPointerMove: hoverHandler,
+        onKeyUp: keyUpHandler,
+        onKeyDown: keyDownHandler,
+        onPointerLeave: pointerLeaveHandler,
+        onPointerEnter: pointerEnterHandler
+    };
+};
+
+function useTooltipOrDatatip({ max, value, isReadonly, isDisabled, tooltip, datatip, ariaDescribedBy, width }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';
+    const disabled = isDisabled ||
+        !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));
+    const datatipIndex = Math.max(1, Math.ceil(value));
+    const offset = tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;
+    const { tooltipContent, tooltipProps } = useTooltipControlled({
+        text: tooltipVariant === 'tooltip' ? tooltip : datatip,
+        isOpen,
+        anchor: {
+            x: 'element',
+            y: 'element'
+        },
+        position: 'bottom',
+        offset: {
+            mainAxis: 8,
+            crossAxis: offset
+        },
+        isDisabled: disabled,
+        onToggle: ({ value }) => setIsOpen(value),
+        variant: tooltipVariant
+    });
+    tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]
+        .filter(Boolean)
+        .join(' ');
+    return {
+        tooltipContent,
+        tooltipProps
+    };
+}
+
+const getAriaLabel = props => {
+  return props.accessibleLabel ? props.accessibleLabel : props.tooltip && props.isReadonly && !props.isDisabled ? props.tooltip : undefined;
+};
+/**
+ * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.
+ */
+
+
+function RatingGauge(_a) {
+  var {
+    max = 5,
+    value = 0,
+    size = 'md',
+    color = 'neutral',
+    step = 1,
+    isReadonly,
+    isDisabled
+  } = _a,
+      props = __rest(_a, ["max", "value", "size", "color", "step", "isReadonly", "isDisabled"]);
+
+  const rootRef = useRef(null);
+  const dimensionsRef = 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
+
+  useEffect(() => {
+    dimensionsRef.current = getDimensions(rootRef.current);
+  }, [size, max]);
+  const eventProps = useEvents(max, step, value, rootRef, 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 = mergeProps(eventProps, tooltipProps);
+  const ariaLabel = getAriaLabel({
+    accessibleLabel: props.accessibleLabel,
+    tooltip: props.tooltip,
+    isReadonly,
+    isDisabled
+  });
+  const {
+    isTabbable
+  } = useTabbableMode();
+  return jsxs(Fragment, {
+    children: [jsx("div", Object.assign({
+      ref: rootRef,
+      class: 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: isTabbable && !isDisabled ? 0 : -1,
+      "aria-disabled": isDisabled ? 'true' : undefined,
+      "aria-readonly": isReadonly && !isDisabled ? 'true' : undefined
+    }, mergedEventProps, {
+      children: [...Array(max)].map((_, index) => {
+        const fillRatio = Math.min(Math.max(0, value - index), 1);
+        return jsx("div", Object.assign({
+          className: classNames([ratingStyles[size], ratingStyles.item])
+        }, {
+          children: jsx(RatingGaugeItem, {
+            fillRatio: fillRatio,
+            isDisabled: isDisabled,
+            isReadonly: isReadonly,
+            color: color
+          })
+        }));
+      })
+    })), tooltipContent]
+  });
+}
+const ratingStyles = {
+  base: "_1bx0gbd",
+  interactive: "_13h0zvo",
+  lg: "_1wmnm4o",
+  md: "_47ty4r",
+  sm: "pub6p8",
+  item: "_2mocdc"
+};
+
+export { RatingGauge };
+/*  */
+//# sourceMappingURL=UNSAFE_RatingGauge.js.map

package/es/UNSAFE_RatingGauge.js.map

@@ -0,0 +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';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: 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\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      class={classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])}>\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  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\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\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\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\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\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 disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && 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: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\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';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\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 color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\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   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating 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/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\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  const { isTabbable } = useTabbableMode();\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={isTabbable && !isDisabled ? 0 : -1}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        aria-readonly={isReadonly && !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                color={color}\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","color","disabledState","readonlyState","ratingStarStyles","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","_jsxs","Fragment","children","_jsx","Object","assign","class","fractionalStar","base","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","max","value","size","step","__rest","rootRef","useRef","isInteractive","tooltipContent","tooltipProps","useTooltipOrDatatip","width","dimensionsRef","current","isTabbable","useTabbableMode","ref","classNames","ratingStyles","ariaLabel","role","ariaLabelledBy","tabIndex","undefined","mergedEventProps","Array","map","_","index","Math","min","className","item"],"mappings":"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"}

package/es/UNSAFE_SelectMultiple.css

@@ -0,0 +1 @@
+._1r7kbv0{display:inline-flex;}