@oracle/oraclejet-preact 14.1.0 → 14.1.2

package/amd/UNSAFE_RatingGauge.css

@@ -1,22 +1,22 @@
-._1fj0k1z{display:inline-flex;}._1fj0k1z:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.rjkqg4{cursor:pointer;touch-action:none;}
-._11u8p91{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;}
-._15bduhr{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;}
-._17epsf2{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;}
-._1f8kk8e{position:relative;}
+.tsgza3{display:inline-flex;}.tsgza3:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._6h1t8h{cursor:pointer;touch-action:none;}
+._1rpnhat{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;}
+._1l11l5d{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;}
+._1j6jlcy{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;}
+.hdn3la{position:relative;}
 
-._1jc9xk2{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+.jb95fb{top:0px;left:0px;position:absolute;width:100%;height:100%;}
 
-._1t7j7kq{position:absolute;}
-.erg4r7{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._1jxczo3{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-.pdvq87{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._1out344{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._1hct8wt{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-.zucwzu{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-.p89yuo{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-._1u1qtw0{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-._805gic{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-._595z2y{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-.bzdbbf{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-.up74mb{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+._165qjwv{position:absolute;}
+._1i3eb8m{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._243udr{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+.aj0gf{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+.jtplmm{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+._1turu03{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.vthco9{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+.m03iic{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+._1oy37h{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+.v1089v{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+.gcqv49{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+._1qm24p3{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+._172fk42{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-d8595453","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./utils/PRIVATE_meterUtils","./classNames-b7cf3c05","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_dvtCommonUtils","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-2dad3061","./index-8215ac99","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-72dcd02d"],function(e,s,t,o,a,l,i,r,n,c,d,u,b,h,p,m,g,v,x,y,_,f,A,j,E,U,R,k,w,N,D){"use strict";function S(e,s,t,o,a){const l=o.current;if(!l||0===l.width)return-1;const i=e-l.x,r=s*(a?l.width-i:i)/l.width/t;return r<.5?0:Math.ceil(r)*t}function C(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const F=({isSelected:e,isDisabled:s,isReadOnly:o,color:a})=>{const l=`${e?"selected":"unselected"}${s&&"Disabled"||o&&"Readonly"||""}`,i=T[`${l}Color`],r=T[`${l}BorderColor`],c=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e}(a),d=c?void 0:{"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected":a,"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected":a,"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly":a};return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",style:d,class:n.classNames([T.base,c?`oj-c-rating-gauge-${a}`:""])},{children:t.jsxs("g",{children:[t.jsx("path",{class:i,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"}),t.jsx("path",{class:r,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"})]})}))},T={base:"_1t7j7kq",selectedColor:"erg4r7",selectedBorderColor:"_1jxczo3",unselectedColor:"pdvq87",unselectedBorderColor:"_1out344",selectedReadonlyColor:"_1hct8wt",selectedReadonlyBorderColor:"zucwzu",unselectedReadonlyColor:"p89yuo",unselectedReadonlyBorderColor:"_1u1qtw0",selectedDisabledColor:"_805gic",unselectedDisabledColor:"_595z2y",selectedDisabledBorderColor:"bzdbbf",unselectedDisabledBorderColor:"up74mb"},P=({fillRatio:e,isDisabled:s,isReadonly:a,color:l})=>{const{direction:i}=c.useUser(),r="rtl"===i;return 1===e||0===e?t.jsx(F,{isSelected:1===e,isDisabled:s,isReadOnly:a,color:l}):t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({class:M.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(F,{isSelected:!1,isDisabled:s,isReadOnly:a,color:l})})),t.jsx("div",Object.assign({class:M.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(F,{isSelected:!0,isDisabled:s,isReadOnly:a,color:l})}))]})},M={base:"_1jc9xk2"};const O={base:"_1fj0k1z",interactive:"rjkqg4",lg:"_11u8p91",md:"_15bduhr",sm:"_17epsf2",item:"_1f8kk8e"};e.RatingGauge=function(e){var{max:l=5,value:i=0,size:h="md",color:p="neutral",step:m=1,isReadonly:g,isDisabled:v}=e,x=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const y=a.useRef(null),_=a.useRef(C(null)),f=!g&&!v;a.useEffect(()=>{_.current=C(y.current)},[h,l]);const A=((e,s,t,o,l,i,r,n)=>{const d=a.useRef(),{direction:u}=c.useUser();if(!i)return{};const b="rtl"===u,h=e=>{null==n||n({value:e}),d.current=e},p=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const o=S(t.pageX,e,s,l,b);-1!==o&&(null==r||r({value:o}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const o=S(t.pageX,e,s,l,b);-1!==o&&o!=d.current&&h(o)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":h(t);break;case"Home":h(0);break;case"End":h(e)}p(s)},onKeyDown:o=>{switch(o.key){case"Tab":return;case"ArrowDown":h(Math.max(0,t-s));break;case"ArrowUp":h(Math.min(e,t+s));break;case"ArrowLeft":{const o=b?Math.min(e,t+s):Math.max(0,t-s);h(o);break}case"ArrowRight":{const o=b?Math.max(0,t-s):Math.min(e,t+s);h(o);break}}p(o)},onPointerLeave:()=>{h(void 0)},onPointerEnter:()=>{l.current=C(o.current)}}})(l,m,i,y,_,f,x.onCommit,x.onInput),{tooltipContent:j,tooltipProps:E}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:l,datatip:i,thresholds:n,ariaDescribedBy:c,width:u}){var b;const[h,p]=a.useState(!1),m=t&&!o?"tooltip":"datatip";let g=o||!("tooltip"===m&&l||"datatip"===m&&i);const v=Math.max(1,Math.ceil(s)),x="tooltip"===m?0:(v-Math.ceil(e/2))*u/e;let y="tooltip"===m?l:i;y||!n||o||(y=null===(b=r.findThreshold(s,n))||void 0===b?void 0:b.accessibleLabel,g=!1);const{tooltipContent:_,tooltipProps:f}=d.useTooltipControlled({text:y,isOpen:h,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:x},isDisabled:g,onToggle:({value:e})=>p(e),variant:m});return f["aria-describedby"]=[c,f["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:_,tooltipProps:f}}({max:l,value:i,isReadonly:g,isDisabled:v,tooltip:x.tooltip,datatip:x.datatip,thresholds:x.thresholds,width:_.current.width,ariaDescribedBy:x.ariaDescribedBy}),U=function(e,s,t,o,a,l,i,n){const c=r.findThreshold(e,i);return{"aria-label":t||(n&&l&&!a?n:void 0),"aria-valuenow":`${e}`,"aria-valuetext":(null==c?void 0:c.accessibleLabel)?`${e} ${c.accessibleLabel}`:`${e}`,"aria-valuemax":`${s}`,"aria-labelledby":o,"aria-disabled":!!a||void 0,"aria-readonly":!(!l||a)||void 0,"aria-valuemin":"0",role:"slider"}}(i,l,x.accessibleLabel,x.ariaLabelledBy,v,g,x.thresholds,x.tooltip),R=u.mergeProps(A,E);p=r.getThresholdColorFromValue(i,p,x.thresholds);const{isTabbable:k}=b.useTabbableMode();return t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({},U,{ref:y,class:n.classNames([O.base,f?O.interactive:void 0]),tabIndex:k&&!v?0:-1},R,{children:[...Array(l)].map((e,s)=>{const o=Math.min(Math.max(0,i-s),1);return t.jsx("div",Object.assign({className:n.classNames([O[h],O.item])},{children:t.jsx(P,{fillRatio:o,isDisabled:v,isReadonly:g,color:p})}))})})),j]})},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-b7df6ad2","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./utils/PRIVATE_meterUtils","./classNames-800ce42a","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_dvtCommonUtils","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-29a9dee6","./index-b66b2456","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ed4fee9b"],function(e,s,t,o,a,l,i,r,n,c,d,u,b,h,m,p,g,v,x,y,_,f,j,A,E,U,R,N,D,S,w){"use strict";function C(e,s,t,o,a){const l=o.current;if(!l||0===l.width)return-1;const i=e-l.x,r=s*(a?l.width-i:i)/l.width/t;return r<.5?0:Math.ceil(r)*t}function F(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const k=({isSelected:e,isDisabled:s,isReadOnly:o,color:a})=>{const l=`${e?"selected":"unselected"}${s&&"Disabled"||o&&"Readonly"||""}`,i=T[`${l}Color`],r=T[`${l}BorderColor`],c=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e}(a),d=c?void 0:{"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected":a,"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected":a,"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly":a};return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",style:d,class:n.classNames([T.base,c?`oj-c-rating-gauge-${a}`:""])},{children:t.jsxs("g",{children:[t.jsx("path",{class:i,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"}),t.jsx("path",{class:r,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"})]})}))},T={base:"_165qjwv",selectedColor:"_1i3eb8m",selectedBorderColor:"_243udr",unselectedColor:"aj0gf",unselectedBorderColor:"jtplmm",selectedReadonlyColor:"_1turu03",selectedReadonlyBorderColor:"vthco9",unselectedReadonlyColor:"m03iic",unselectedReadonlyBorderColor:"_1oy37h",selectedDisabledColor:"v1089v",unselectedDisabledColor:"gcqv49",selectedDisabledBorderColor:"_1qm24p3",unselectedDisabledBorderColor:"_172fk42"},P=({fillRatio:e,isDisabled:s,isReadonly:a,color:l})=>{const{direction:i}=c.useUser(),r="rtl"===i;return 1===e||0===e?t.jsx(k,{isSelected:1===e,isDisabled:s,isReadOnly:a,color:l}):t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({class:M.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(k,{isSelected:!1,isDisabled:s,isReadOnly:a,color:l})})),t.jsx("div",Object.assign({class:M.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(k,{isSelected:!0,isDisabled:s,isReadOnly:a,color:l})}))]})},M={base:"jb95fb"};const O={base:"tsgza3",interactive:"_6h1t8h",lg:"_1rpnhat",md:"_1l11l5d",sm:"_1j6jlcy",item:"hdn3la"};e.RatingGauge=function(e){var{max:l=5,value:i=0,size:h="md",color:m="neutral",step:p=1,isReadonly:g,isDisabled:v}=e,x=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const y=a.useRef(null),_=a.useRef(F(null)),f=!g&&!v;a.useEffect(()=>{_.current=F(y.current)},[h,l]);const j=((e,s,t,o,l,i,r,n)=>{const d=a.useRef(),{direction:u}=c.useUser();if(!i)return{};const b="rtl"===u,h=e=>{null==n||n({value:e}),d.current=e},m=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const o=C(t.pageX,e,s,l,b);-1!==o&&(null==r||r({value:o}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const o=C(t.pageX,e,s,l,b);-1!==o&&o!=d.current&&h(o)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":h(t);break;case"Home":h(0);break;case"End":h(e)}m(s)},onKeyDown:o=>{switch(o.key){case"Tab":return;case"ArrowDown":h(Math.max(0,t-s));break;case"ArrowUp":h(Math.min(e,t+s));break;case"ArrowLeft":{const o=b?Math.min(e,t+s):Math.max(0,t-s);h(o);break}case"ArrowRight":{const o=b?Math.max(0,t-s):Math.min(e,t+s);h(o);break}}m(o)},onPointerLeave:()=>{h(void 0)},onPointerEnter:()=>{l.current=F(o.current)}}})(l,p,i,y,_,f,x.onCommit,x.onInput),{tooltipContent:A,tooltipProps:E}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:l,datatip:i,thresholds:n,ariaDescribedBy:c,width:u}){var b;const[h,m]=a.useState(!1),p=t&&!o?"tooltip":"datatip";let g=o||!("tooltip"===p&&l||"datatip"===p&&i);const v=Math.max(1,Math.ceil(s)),x="tooltip"===p?0:(v-Math.ceil(e/2))*u/e;let y="tooltip"===p?l:i;y||!n||o||(y=null===(b=r.findThreshold(s,n))||void 0===b?void 0:b.accessibleLabel,g=!1);const{tooltipContent:_,tooltipProps:f}=d.useTooltipControlled({text:y,isOpen:h,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:x},isDisabled:g,onToggle:({value:e})=>m(e),variant:p});return f["aria-describedby"]=[c,f["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:_,tooltipProps:f}}({max:l,value:i,isReadonly:g,isDisabled:v,tooltip:x.tooltip,datatip:x.datatip,thresholds:x.thresholds,width:_.current.width,ariaDescribedBy:x.ariaDescribedBy}),U=function(e,s,t,o,a,l,i,n){const c=r.findThreshold(e,i);return{"aria-label":t||(n&&l&&!a?n:void 0),"aria-valuenow":`${e}`,"aria-valuetext":(null==c?void 0:c.accessibleLabel)?`${e} ${c.accessibleLabel}`:`${e}`,"aria-valuemax":`${s}`,"aria-labelledby":o,"aria-disabled":!!a||void 0,"aria-readonly":!(!l||a)||void 0,"aria-valuemin":"0",role:"slider"}}(i,l,x.accessibleLabel,x.ariaLabelledBy,v,g,x.thresholds,x.tooltip),R=u.mergeProps(j,E);m=r.getThresholdColorFromValue(i,m,x.thresholds);const{isTabbable:N}=b.useTabbableMode();return t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({},U,{ref:y,class:n.classNames([O.base,f?O.interactive:void 0]),tabIndex:N&&!v?0:-1},R,{children:[...Array(l)].map((e,s)=>{const o=Math.min(Math.max(0,i-s),1);return t.jsx("div",Object.assign({className:n.classNames([O[h],O.item])},{children:t.jsx(P,{fillRatio:o,isDisabled:v,isReadonly:g,color:m})}))})})),A]})},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map

package/amd/UNSAFE_RatingGauge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["import type { Ref } from 'preact/hooks';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\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/**\n * Returns the aria properties of the rating gauge.\n * @param value The value of the rating gauge.\n * @param max The maximum value of the rating gauge.\n * @param valueText The default aria value text for the rating gauge.\n * @param accessibleLabel The aria label of the rating gauge.\n * @param ariaLabelledby The ariaLabelledBy of the rating gauge.\n * @param thresholds The thresholds values for the rating gauge.\n * @returns The aria properties of the rating gauge.\n */\nexport function getRatingAriaProps(\n  value: number,\n  max: number,\n  accessibleLabel?: string,\n  ariaLabelledby?: string,\n  isDisabled?: boolean,\n  isReadonly?: boolean,\n  thresholds?: Threshold[],\n  tooltip?: string\n): {\n  'aria-label': string | undefined;\n  'aria-valuenow': string;\n  'aria-valuetext': string;\n  'aria-valuemax': string;\n  'aria-labelledby': string | undefined;\n  'aria-disabled': boolean | undefined;\n  'aria-readonly': boolean | undefined;\n  'aria-valuemin': string;\n  role: string;\n} {\n  const currentThreshold = findThreshold(value, thresholds);\n  const ariaValueText = currentThreshold?.accessibleLabel\n    ? `${value} ${currentThreshold.accessibleLabel}`\n    : `${value}`;\n  const accessibleLabelText = accessibleLabel\n    ? accessibleLabel\n    : tooltip && isReadonly && !isDisabled\n    ? tooltip\n    : undefined;\n  return {\n    'aria-label': accessibleLabelText,\n    'aria-valuenow': `${value}`,\n    'aria-valuetext': ariaValueText,\n    'aria-valuemax': `${max}`,\n    'aria-labelledby': ariaLabelledby,\n    'aria-disabled': isDisabled ? true : undefined,\n    'aria-readonly': isReadonly && !isDisabled ? true : undefined,\n    'aria-valuemin': '0',\n    role: 'slider'\n  };\n}\n\n/**\n * Returns whether the color is a valid enum.\n * @param color The color in rating gauge.\n * @returns true if the color enum is supported. false otherwise.\n */\nexport function isColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? true\n    : false;\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isColorEnum } from './RatingUtils';\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  const isEnum = isColorEnum(color);\n  const customColors = !isEnum\n    ? {\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected': color,\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected': color,\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly': color\n      }\n    : undefined;\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={customColors}\n      class={classNames([ratingStarStyles.base, isEnum ? `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","/**\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, getRatingAriaProps } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { getThresholdColorFromValue } from '../utils/PRIVATE_meterUtils';\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  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using ariaDescribedBy, ariaLabelledBy or accessibleLabel.\n   */\n  thresholds?: Threshold[];\n};\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    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const ariaProps = getRatingAriaProps(\n    value,\n    max,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    isDisabled,\n    isReadonly,\n    props.thresholds,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  color = getThresholdColorFromValue(value, color, props.thresholds);\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\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","/**\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 { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\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  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\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  let 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  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\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"],"names":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","ceil","getDimensions","element","rect","getBoundingClientRect","round","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","isEnum","isColorEnum","_jsx","Object","assign","viewBox","height","style","customColors","class","classNames","ratingStarStyles","base","children","_jsxs","jsxs","jsx","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","Fragment","fractionalStar","clipPath","ratingStyles","_a","value","size","props","__rest","rootRef","useRef","isInteractive","onCommit","onInput","currentInput","handleInput","inputValue","cancelEvent","event","preventDefault","stopPropagation","onPointerUp","val","onBlur","onPointerMove","onKeyUp","key","onKeyDown","min","onPointerLeave","undefined","onPointerEnter","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","ariaLabelledby","currentThreshold","role","getRatingAriaProps","ariaLabelledBy","isTabbable","useTabbableMode","ref","tabIndex","mergedEventProps","Array","map","_","index","className","item"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["import type { Ref } from 'preact/hooks';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\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/**\n * Returns the aria properties of the rating gauge.\n * @param value The value of the rating gauge.\n * @param max The maximum value of the rating gauge.\n * @param valueText The default aria value text for the rating gauge.\n * @param accessibleLabel The aria label of the rating gauge.\n * @param ariaLabelledby The ariaLabelledBy of the rating gauge.\n * @param thresholds The thresholds values for the rating gauge.\n * @returns The aria properties of the rating gauge.\n */\nexport function getRatingAriaProps(\n  value: number,\n  max: number,\n  accessibleLabel?: string,\n  ariaLabelledby?: string,\n  isDisabled?: boolean,\n  isReadonly?: boolean,\n  thresholds?: Threshold[],\n  tooltip?: string\n): {\n  'aria-label': string | undefined;\n  'aria-valuenow': string;\n  'aria-valuetext': string;\n  'aria-valuemax': string;\n  'aria-labelledby': string | undefined;\n  'aria-disabled': boolean | undefined;\n  'aria-readonly': boolean | undefined;\n  'aria-valuemin': string;\n  role: string;\n} {\n  const currentThreshold = findThreshold(value, thresholds);\n  const ariaValueText = currentThreshold?.accessibleLabel\n    ? `${value} ${currentThreshold.accessibleLabel}`\n    : `${value}`;\n  const accessibleLabelText = accessibleLabel\n    ? accessibleLabel\n    : tooltip && isReadonly && !isDisabled\n    ? tooltip\n    : undefined;\n  return {\n    'aria-label': accessibleLabelText,\n    'aria-valuenow': `${value}`,\n    'aria-valuetext': ariaValueText,\n    'aria-valuemax': `${max}`,\n    'aria-labelledby': ariaLabelledby,\n    'aria-disabled': isDisabled ? true : undefined,\n    'aria-readonly': isReadonly && !isDisabled ? true : undefined,\n    'aria-valuemin': '0',\n    role: 'slider'\n  };\n}\n\n/**\n * Returns whether the color is a valid enum.\n * @param color The color in rating gauge.\n * @returns true if the color enum is supported. false otherwise.\n */\nexport function isColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? true\n    : false;\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isColorEnum } from './RatingUtils';\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  const isEnum = isColorEnum(color);\n  const customColors = !isEnum\n    ? {\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected': color,\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected': color,\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly': color\n      }\n    : undefined;\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={customColors}\n      class={classNames([ratingStarStyles.base, isEnum ? `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","/**\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, getRatingAriaProps } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { getThresholdColorFromValue } from '../utils/PRIVATE_meterUtils';\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  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using ariaDescribedBy, ariaLabelledBy or accessibleLabel.\n   */\n  thresholds?: Threshold[];\n};\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    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const ariaProps = getRatingAriaProps(\n    value,\n    max,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    isDisabled,\n    isReadonly,\n    props.thresholds,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  color = getThresholdColorFromValue(value, color, props.thresholds);\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\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","/**\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 { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\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  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\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  let 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  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\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"],"names":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","ceil","getDimensions","element","rect","getBoundingClientRect","round","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","isEnum","isColorEnum","_jsx","Object","assign","viewBox","height","style","customColors","class","classNames","ratingStarStyles","base","children","_jsxs","jsxs","jsx","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","Fragment","fractionalStar","clipPath","ratingStyles","_a","value","size","props","__rest","rootRef","useRef","isInteractive","onCommit","onInput","currentInput","handleInput","inputValue","cancelEvent","event","preventDefault","stopPropagation","onPointerUp","val","onBlur","onPointerMove","onKeyUp","key","onKeyDown","min","onPointerLeave","undefined","onPointerEnter","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","ariaLabelledby","currentThreshold","role","getRatingAriaProps","ariaLabelledBy","isTabbable","useTabbableMode","ref","tabIndex","mergedEventProps","Array","map","_","index","className","item"],"mappings":"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"}