react-tooltip 5.10.1-beta-8 → 5.10.1-beta-10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -6
- package/dist/react-tooltip.cjs +785 -1340
- package/dist/react-tooltip.css +32 -23
- package/dist/react-tooltip.min.cjs +1 -11
- package/dist/react-tooltip.min.css +1 -0
- package/dist/react-tooltip.min.mjs +1 -11
- package/dist/react-tooltip.mjs +777 -1338
- package/dist/react-tooltip.umd.js +839 -0
- package/dist/react-tooltip.umd.min.js +1 -0
- package/esbuild.config.prod.mjs +13 -6
- package/package.json +18 -18
- package/tsconfig.json +3 -2
- package/dist/react-tooltip.cjs.map +0 -7
- package/dist/react-tooltip.css.map +0 -7
- package/dist/react-tooltip.iife.js +0 -1388
- package/dist/react-tooltip.iife.js.map +0 -7
- package/dist/react-tooltip.min.cjs.map +0 -7
- package/dist/react-tooltip.min.iife.js +0 -11
- package/dist/react-tooltip.min.iife.js.map +0 -7
- package/dist/react-tooltip.min.mjs.map +0 -7
- package/dist/react-tooltip.mjs.map +0 -7
package/dist/react-tooltip.css
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* src/tokens.css */
|
|
2
1
|
:root {
|
|
3
2
|
--rt-color-white: #fff;
|
|
4
3
|
--rt-color-dark: #222;
|
|
@@ -9,63 +8,73 @@
|
|
|
9
8
|
--rt-opacity: 0.9;
|
|
10
9
|
}
|
|
11
10
|
|
|
12
|
-
|
|
13
|
-
.react-tooltip__tooltip_KtSkBq {
|
|
11
|
+
.styles-module_tooltip__mnnfp {
|
|
14
12
|
visibility: hidden;
|
|
15
13
|
width: max-content;
|
|
16
|
-
pointer-events: none;
|
|
17
|
-
opacity: 0;
|
|
18
|
-
will-change: opacity, visibility;
|
|
19
|
-
border-radius: 3px;
|
|
20
|
-
padding: 8px 16px;
|
|
21
|
-
font-size: 90%;
|
|
22
|
-
transition: opacity .3s ease-out;
|
|
23
14
|
position: absolute;
|
|
24
15
|
top: 0;
|
|
25
16
|
left: 0;
|
|
17
|
+
padding: 8px 16px;
|
|
18
|
+
border-radius: 3px;
|
|
19
|
+
font-size: 90%;
|
|
20
|
+
pointer-events: none;
|
|
21
|
+
opacity: 0;
|
|
22
|
+
transition: opacity 0.3s ease-out;
|
|
23
|
+
will-change: opacity, visibility;
|
|
26
24
|
}
|
|
27
|
-
|
|
25
|
+
|
|
26
|
+
.styles-module_fixed__7ciUi {
|
|
28
27
|
position: fixed;
|
|
29
28
|
}
|
|
30
|
-
|
|
29
|
+
|
|
30
|
+
.styles-module_arrow__K0L3T {
|
|
31
|
+
position: absolute;
|
|
31
32
|
background: inherit;
|
|
32
33
|
width: 8px;
|
|
33
34
|
height: 8px;
|
|
34
|
-
position: absolute;
|
|
35
35
|
transform: rotate(45deg);
|
|
36
36
|
}
|
|
37
|
-
|
|
37
|
+
|
|
38
|
+
.styles-module_no-arrow__KcFZN {
|
|
38
39
|
display: none;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
+
|
|
42
|
+
.styles-module_clickable__Bv9o7 {
|
|
41
43
|
pointer-events: auto;
|
|
42
44
|
}
|
|
43
|
-
|
|
45
|
+
|
|
46
|
+
.styles-module_show__2NboJ {
|
|
44
47
|
visibility: visible;
|
|
45
48
|
opacity: var(--rt-opacity);
|
|
46
49
|
}
|
|
47
|
-
|
|
50
|
+
|
|
51
|
+
/** Types variant **/
|
|
52
|
+
.styles-module_dark__xNqje {
|
|
48
53
|
background: var(--rt-color-dark);
|
|
49
54
|
color: var(--rt-color-white);
|
|
50
55
|
}
|
|
51
|
-
|
|
56
|
+
|
|
57
|
+
.styles-module_light__Z6W-X {
|
|
52
58
|
background-color: var(--rt-color-white);
|
|
53
59
|
color: var(--rt-color-dark);
|
|
54
60
|
}
|
|
55
|
-
|
|
61
|
+
|
|
62
|
+
.styles-module_success__A2AKt {
|
|
56
63
|
background-color: var(--rt-color-success);
|
|
57
64
|
color: var(--rt-color-white);
|
|
58
65
|
}
|
|
59
|
-
|
|
66
|
+
|
|
67
|
+
.styles-module_warning__SCK0X {
|
|
60
68
|
background-color: var(--rt-color-warning);
|
|
61
69
|
color: var(--rt-color-white);
|
|
62
70
|
}
|
|
63
|
-
|
|
71
|
+
|
|
72
|
+
.styles-module_error__JvumD {
|
|
64
73
|
background-color: var(--rt-color-error);
|
|
65
74
|
color: var(--rt-color-white);
|
|
66
75
|
}
|
|
67
|
-
|
|
76
|
+
|
|
77
|
+
.styles-module_info__BWdHW {
|
|
68
78
|
background-color: var(--rt-color-info);
|
|
69
79
|
color: var(--rt-color-white);
|
|
70
80
|
}
|
|
71
|
-
/*# sourceMappingURL=react-tooltip.css.map */
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
"use strict";var ze=Object.create;var Ot=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var Xe=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Ye=Object.prototype.hasOwnProperty;var Je=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),Ge=(t,e)=>{for(var n in e)Ot(t,n,{get:e[n],enumerable:!0})},xe=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Xe(e))!Ye.call(t,l)&&l!==n&&Ot(t,l,{get:()=>e[l],enumerable:!(o=je(e,l))||o.enumerable});return t};var ve=(t,e,n)=>(n=t!=null?ze(Ue(t)):{},xe(e||!t||!t.__esModule?Ot(n,"default",{value:t,enumerable:!0}):n,t)),Qe=t=>xe(Ot({},"__esModule",{value:!0}),t);var Jt=Je((Eo,Wt)=>{(function(){"use strict";var t={}.hasOwnProperty,e="[native code]";function n(){for(var o=[],l=0;l<arguments.length;l++){var r=arguments[l];if(r){var i=typeof r;if(i==="string"||i==="number")o.push(r);else if(Array.isArray(r)){if(r.length){var s=n.apply(null,r);s&&o.push(s)}}else if(i==="object"){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){o.push(r.toString());continue}for(var f in r)t.call(r,f)&&r[f]&&o.push(f)}}}return o.join(" ")}typeof Wt<"u"&&Wt.exports?(n.default=n,Wt.exports=n):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return n}):window.classNames=n})()});var To={};Ge(To,{Tooltip:()=>ge,TooltipProvider:()=>Qt,TooltipWrapper:()=>Zt});module.exports=Qe(To);var H=require("react");var b=require("react"),de=ve(Jt());var Ze=(t,e,n)=>{let o=null;return function(...r){let i=()=>{o=null,n||t.apply(this,r)};o&&clearTimeout(o),o=setTimeout(i,e)}},Gt=Ze;var J=require("react"),Ee=require("react/jsx-runtime"),qt="DEFAULT_TOOLTIP_ID",to={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},eo={getTooltipData:()=>to},be=(0,J.createContext)(eo),oo=({children:t})=>{let[e,n]=(0,J.useState)({[qt]:new Set}),[o,l]=(0,J.useState)({[qt]:{current:null}}),r=(a,...c)=>{n(d=>{var y;let p=(y=d[a])!=null?y:new Set;return c.forEach(g=>p.add(g)),{...d,[a]:new Set(p)}})},i=(a,...c)=>{n(d=>{let p=d[a];return p?(c.forEach(y=>p.delete(y)),{...d}):d})},s=(a,c)=>{l(d=>{var p;return((p=d[a])==null?void 0:p.current)===c.current?d:{...d,[a]:c}})},f=(0,J.useCallback)((a=qt)=>{var c,d;return{anchorRefs:(c=e[a])!=null?c:new Set,activeAnchor:(d=o[a])!=null?d:{current:null},attach:(...p)=>r(a,...p),detach:(...p)=>i(a,...p),setActiveAnchor:p=>s(a,p)}},[e,o,r,i]),u=(0,J.useMemo)(()=>({getTooltipData:f}),[f]);return(0,Ee.jsx)(be.Provider,{value:u,children:t})};function at(t=qt){return(0,J.useContext)(be).getTooltipData(t)}var Qt=oo;var Nt=require("react"),Ae=ve(Jt());var Le=require("react/jsx-runtime"),no=({tooltipId:t,children:e,className:n,place:o,content:l,html:r,variant:i,offset:s,wrapper:f,events:u,positionStrategy:a,delayShow:c,delayHide:d})=>{let{attach:p,detach:y}=at(t),g=(0,Nt.useRef)(null);return(0,Nt.useEffect)(()=>(p(g),()=>{y(g)}),[]),(0,Le.jsx)("span",{ref:g,className:(0,Ae.default)("react-tooltip-wrapper",n),"data-tooltip-place":o,"data-tooltip-content":l,"data-tooltip-html":r,"data-tooltip-variant":i,"data-tooltip-offset":s,"data-tooltip-wrapper":f,"data-tooltip-events":u,"data-tooltip-position-strategy":a,"data-tooltip-delay-show":c,"data-tooltip-delay-hide":d,children:e})},Zt=no;var Ft=require("react"),ro=typeof window!="undefined"?Ft.useLayoutEffect:Ft.useEffect,Re=ro;function Rt(t){return t.split("-")[1]}function oe(t){return t==="y"?"height":"width"}function ft(t){return t.split("-")[0]}function _t(t){return["top","bottom"].includes(ft(t))?"x":"y"}function _e(t,e,n){let{reference:o,floating:l}=t,r=o.x+o.width/2-l.width/2,i=o.y+o.height/2-l.height/2,s=_t(e),f=oe(s),u=o[f]/2-l[f]/2,a=s==="x",c;switch(ft(e)){case"top":c={x:r,y:o.y-l.height};break;case"bottom":c={x:r,y:o.y+o.height};break;case"right":c={x:o.x+o.width,y:i};break;case"left":c={x:o.x-l.width,y:i};break;default:c={x:o.x,y:o.y}}switch(Rt(e)){case"start":c[s]-=u*(n&&a?-1:1);break;case"end":c[s]+=u*(n&&a?-1:1)}return c}var Se=async(t,e,n)=>{let{placement:o="bottom",strategy:l="absolute",middleware:r=[],platform:i}=n,s=r.filter(Boolean),f=await(i.isRTL==null?void 0:i.isRTL(e)),u=await i.getElementRects({reference:t,floating:e,strategy:l}),{x:a,y:c}=_e(u,o,f),d=o,p={},y=0;for(let g=0;g<s.length;g++){let{name:w,fn:T}=s[g],{x,y:v,data:C,reset:_}=await T({x:a,y:c,initialPlacement:o,placement:d,strategy:l,middlewareData:p,rects:u,platform:i,elements:{reference:t,floating:e}});a=x??a,c=v??c,p={...p,[w]:{...p[w],...C}},_&&y<=50&&(y++,typeof _=="object"&&(_.placement&&(d=_.placement),_.rects&&(u=_.rects===!0?await i.getElementRects({reference:t,floating:e,strategy:l}):_.rects),{x:a,y:c}=_e(u,d,f)),g=-1)}return{x:a,y:c,placement:d,strategy:l,middlewareData:p}};function Pe(t){return typeof t!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(t):{top:t,right:t,bottom:t,left:t}}function Lt(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function ne(t,e){var n;e===void 0&&(e={});let{x:o,y:l,platform:r,rects:i,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:a="viewport",elementContext:c="floating",altBoundary:d=!1,padding:p=0}=e,y=Pe(p),g=s[d?c==="floating"?"reference":"floating":c],w=Lt(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(g)))==null||n?g:g.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(s.floating)),boundary:u,rootBoundary:a,strategy:f})),T=c==="floating"?{...i.floating,x:o,y:l}:i.reference,x=await(r.getOffsetParent==null?void 0:r.getOffsetParent(s.floating)),v=await(r.isElement==null?void 0:r.isElement(x))&&await(r.getScale==null?void 0:r.getScale(x))||{x:1,y:1},C=Lt(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:T,offsetParent:x,strategy:f}):T);return{top:(w.top-C.top+y.top)/v.y,bottom:(C.bottom-w.bottom+y.bottom)/v.y,left:(w.left-C.left+y.left)/v.x,right:(C.right-w.right+y.right)/v.x}}var io=Math.min,lo=Math.max;function ee(t,e,n){return lo(t,io(e,n))}var re=t=>({name:"arrow",options:t,async fn(e){let{element:n,padding:o=0}=t||{},{x:l,y:r,placement:i,rects:s,platform:f,elements:u}=e;if(n==null)return{};let a=Pe(o),c={x:l,y:r},d=_t(i),p=oe(d),y=await f.getDimensions(n),g=d==="y",w=g?"top":"left",T=g?"bottom":"right",x=g?"clientHeight":"clientWidth",v=s.reference[p]+s.reference[d]-c[d]-s.floating[p],C=c[d]-s.reference[d],_=await(f.getOffsetParent==null?void 0:f.getOffsetParent(n)),N=_?_[x]:0;N&&await(f.isElement==null?void 0:f.isElement(_))||(N=u.floating[x]||s.floating[p]);let V=v/2-C/2,F=a[w],Y=N-y[p]-a[T],S=N/2-y[p]/2+V,E=ee(F,S,Y),A=Rt(i)!=null&&S!=E&&s.reference[p]/2-(S<F?a[w]:a[T])-y[p]/2<0;return{[d]:c[d]-(A?S<F?F-S:Y-S:0),data:{[d]:E,centerOffset:S-E}}}}),so=["top","right","bottom","left"],Ho=so.reduce((t,e)=>t.concat(e,e+"-start",e+"-end"),[]),co={left:"right",right:"left",bottom:"top",top:"bottom"};function Kt(t){return t.replace(/left|right|bottom|top/g,e=>co[e])}function ao(t,e,n){n===void 0&&(n=!1);let o=Rt(t),l=_t(t),r=oe(l),i=l==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(i=Kt(i)),{main:i,cross:Kt(i)}}var fo={start:"end",end:"start"};function te(t){return t.replace(/start|end/g,e=>fo[e])}var ie=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n;let{placement:o,middlewareData:l,rects:r,initialPlacement:i,platform:s,elements:f}=e,{mainAxis:u=!0,crossAxis:a=!0,fallbackPlacements:c,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:y=!0,...g}=t,w=ft(o),T=ft(i)===i,x=await(s.isRTL==null?void 0:s.isRTL(f.floating)),v=c||(T||!y?[Kt(i)]:function(E){let A=Kt(E);return[te(E),A,te(A)]}(i));c||p==="none"||v.push(...function(E,A,B,k){let P=Rt(E),O=function(Q,tt,ut){let pt=["left","right"],st=["right","left"],j=["top","bottom"],dt=["bottom","top"];switch(Q){case"top":case"bottom":return ut?tt?st:pt:tt?pt:st;case"left":case"right":return tt?j:dt;default:return[]}}(ft(E),B==="start",k);return P&&(O=O.map(Q=>Q+"-"+P),A&&(O=O.concat(O.map(te)))),O}(i,y,p,x));let C=[i,...v],_=await ne(e,g),N=[],V=((n=l.flip)==null?void 0:n.overflows)||[];if(u&&N.push(_[w]),a){let{main:E,cross:A}=ao(o,r,x);N.push(_[E],_[A])}if(V=[...V,{placement:o,overflows:N}],!N.every(E=>E<=0)){var F,Y;let E=(((F=l.flip)==null?void 0:F.index)||0)+1,A=C[E];if(A)return{data:{index:E,overflows:V},reset:{placement:A}};let B=(Y=V.filter(k=>k.overflows[0]<=0).sort((k,P)=>k.overflows[1]-P.overflows[1])[0])==null?void 0:Y.placement;if(!B)switch(d){case"bestFit":{var S;let k=(S=V.map(P=>[P.placement,P.overflows.filter(O=>O>0).reduce((O,Q)=>O+Q,0)]).sort((P,O)=>P[1]-O[1])[0])==null?void 0:S[0];k&&(B=k);break}case"initialPlacement":B=i}if(o!==B)return{reset:{placement:B}}}return{}}}};var le=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){let{x:n,y:o}=e,l=await async function(r,i){let{placement:s,platform:f,elements:u}=r,a=await(f.isRTL==null?void 0:f.isRTL(u.floating)),c=ft(s),d=Rt(s),p=_t(s)==="x",y=["left","top"].includes(c)?-1:1,g=a&&p?-1:1,w=typeof i=="function"?i(r):i,{mainAxis:T,crossAxis:x,alignmentAxis:v}=typeof w=="number"?{mainAxis:w,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...w};return d&&typeof v=="number"&&(x=d==="end"?-1*v:v),p?{x:x*g,y:T*y}:{x:T*y,y:x*g}}(e,t);return{x:n+l.x,y:o+l.y,data:l}}}};function uo(t){return t==="x"?"y":"x"}var se=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:l}=e,{mainAxis:r=!0,crossAxis:i=!1,limiter:s={fn:w=>{let{x:T,y:x}=w;return{x:T,y:x}}},...f}=t,u={x:n,y:o},a=await ne(e,f),c=_t(ft(l)),d=uo(c),p=u[c],y=u[d];if(r){let w=c==="y"?"bottom":"right";p=ee(p+a[c==="y"?"top":"left"],p,p-a[w])}if(i){let w=d==="y"?"bottom":"right";y=ee(y+a[d==="y"?"top":"left"],y,y-a[w])}let g=s.fn({...e,[c]:p,[d]:y});return{...g,data:{x:g.x-n,y:g.y-o}}}}};function z(t){var e;return((e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Z(t){return z(t).getComputedStyle(t)}var Ce=Math.min,St=Math.max,Vt=Math.round;function Be(t){let e=Z(t),n=parseFloat(e.width),o=parseFloat(e.height),l=t.offsetWidth,r=t.offsetHeight,i=Vt(n)!==l||Vt(o)!==r;return i&&(n=l,o=r),{width:n,height:o,fallback:i}}function it(t){return We(t)?(t.nodeName||"").toLowerCase():""}var It;function Oe(){if(It)return It;let t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(It=t.brands.map(e=>e.brand+"/"+e.version).join(" "),It):navigator.userAgent}function G(t){return t instanceof z(t).HTMLElement}function nt(t){return t instanceof z(t).Element}function We(t){return t instanceof z(t).Node}function ke(t){return typeof ShadowRoot>"u"?!1:t instanceof z(t).ShadowRoot||t instanceof ShadowRoot}function $t(t){let{overflow:e,overflowX:n,overflowY:o,display:l}=Z(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(l)}function po(t){return["table","td","th"].includes(it(t))}function ce(t){let e=/firefox/i.test(Oe()),n=Z(t),o=n.backdropFilter||n.WebkitBackdropFilter;return n.transform!=="none"||n.perspective!=="none"||!!o&&o!=="none"||e&&n.willChange==="filter"||e&&!!n.filter&&n.filter!=="none"||["transform","perspective"].some(l=>n.willChange.includes(l))||["paint","layout","strict","content"].some(l=>{let r=n.contain;return r!=null&&r.includes(l)})}function ae(){return/^((?!chrome|android).)*safari/i.test(Oe())}function fe(t){return["html","body","#document"].includes(it(t))}function qe(t){return nt(t)?t:t.contextElement}var Ne={x:1,y:1};function Tt(t){let e=qe(t);if(!G(e))return Ne;let n=e.getBoundingClientRect(),{width:o,height:l,fallback:r}=Be(e),i=(r?Vt(n.width):n.width)/o,s=(r?Vt(n.height):n.height)/l;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}function Pt(t,e,n,o){var l,r;e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),s=qe(t),f=Ne;e&&(o?nt(o)&&(f=Tt(o)):f=Tt(t));let u=s?z(s):window,a=ae()&&n,c=(i.left+(a&&((l=u.visualViewport)==null?void 0:l.offsetLeft)||0))/f.x,d=(i.top+(a&&((r=u.visualViewport)==null?void 0:r.offsetTop)||0))/f.y,p=i.width/f.x,y=i.height/f.y;if(s){let g=z(s),w=o&&nt(o)?z(o):o,T=g.frameElement;for(;T&&o&&w!==g;){let x=Tt(T),v=T.getBoundingClientRect(),C=getComputedStyle(T);v.x+=(T.clientLeft+parseFloat(C.paddingLeft))*x.x,v.y+=(T.clientTop+parseFloat(C.paddingTop))*x.y,c*=x.x,d*=x.y,p*=x.x,y*=x.y,c+=v.x,d+=v.y,T=z(T).frameElement}}return Lt({width:p,height:y,x:c,y:d})}function rt(t){return((We(t)?t.ownerDocument:t.document)||window.document).documentElement}function zt(t){return nt(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Fe(t){return Pt(rt(t)).left+zt(t).scrollLeft}function Ct(t){if(it(t)==="html")return t;let e=t.assignedSlot||t.parentNode||ke(t)&&t.host||rt(t);return ke(e)?e.host:e}function Ke(t){let e=Ct(t);return fe(e)?e.ownerDocument.body:G(e)&&$t(e)?e:Ke(e)}function Ie(t,e){var n;e===void 0&&(e=[]);let o=Ke(t),l=o===((n=t.ownerDocument)==null?void 0:n.body),r=z(o);return l?e.concat(r,r.visualViewport||[],$t(o)?o:[]):e.concat(o,Ie(o))}function De(t,e,n){let o;if(e==="viewport")o=function(i,s){let f=z(i),u=rt(i),a=f.visualViewport,c=u.clientWidth,d=u.clientHeight,p=0,y=0;if(a){c=a.width,d=a.height;let g=ae();(!g||g&&s==="fixed")&&(p=a.offsetLeft,y=a.offsetTop)}return{width:c,height:d,x:p,y}}(t,n);else if(e==="document")o=function(i){let s=rt(i),f=zt(i),u=i.ownerDocument.body,a=St(s.scrollWidth,s.clientWidth,u.scrollWidth,u.clientWidth),c=St(s.scrollHeight,s.clientHeight,u.scrollHeight,u.clientHeight),d=-f.scrollLeft+Fe(i),p=-f.scrollTop;return Z(u).direction==="rtl"&&(d+=St(s.clientWidth,u.clientWidth)-a),{width:a,height:c,x:d,y:p}}(rt(t));else if(nt(e))o=function(i,s){let f=Pt(i,!0,s==="fixed"),u=f.top+i.clientTop,a=f.left+i.clientLeft,c=G(i)?Tt(i):{x:1,y:1};return{width:i.clientWidth*c.x,height:i.clientHeight*c.y,x:a*c.x,y:u*c.y}}(e,n);else{let i={...e};if(ae()){var l,r;let s=z(t);i.x-=((l=s.visualViewport)==null?void 0:l.offsetLeft)||0,i.y-=((r=s.visualViewport)==null?void 0:r.offsetTop)||0}o=i}return Lt(o)}function Me(t,e){return G(t)&&Z(t).position!=="fixed"?e?e(t):t.offsetParent:null}function He(t,e){let n=z(t);if(!G(t))return n;let o=Me(t,e);for(;o&&po(o)&&Z(o).position==="static";)o=Me(o,e);return o&&(it(o)==="html"||it(o)==="body"&&Z(o).position==="static"&&!ce(o))?n:o||function(l){let r=Ct(l);for(;G(r)&&!fe(r);){if(ce(r))return r;r=Ct(r)}return null}(t)||n}function mo(t,e,n){let o=G(e),l=rt(e),r=Pt(t,!0,n==="fixed",e),i={scrollLeft:0,scrollTop:0},s={x:0,y:0};if(o||!o&&n!=="fixed")if((it(e)!=="body"||$t(l))&&(i=zt(e)),G(e)){let f=Pt(e,!0);s.x=f.x+e.clientLeft,s.y=f.y+e.clientTop}else l&&(s.x=Fe(l));return{x:r.left+i.scrollLeft-s.x,y:r.top+i.scrollTop-s.y,width:r.width,height:r.height}}var ho={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:l}=t,r=n==="clippingAncestors"?function(u,a){let c=a.get(u);if(c)return c;let d=Ie(u).filter(w=>nt(w)&&it(w)!=="body"),p=null,y=Z(u).position==="fixed",g=y?Ct(u):u;for(;nt(g)&&!fe(g);){let w=Z(g),T=ce(g);w.position==="fixed"?p=null:(y?T||p:T||w.position!=="static"||!p||!["absolute","fixed"].includes(p.position))?p=w:d=d.filter(x=>x!==g),g=Ct(g)}return a.set(u,d),d}(e,this._c):[].concat(n),i=[...r,o],s=i[0],f=i.reduce((u,a)=>{let c=De(e,a,l);return u.top=St(c.top,u.top),u.right=Ce(c.right,u.right),u.bottom=Ce(c.bottom,u.bottom),u.left=St(c.left,u.left),u},De(e,s,l));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t,l=G(n),r=rt(n);if(n===r)return e;let i={scrollLeft:0,scrollTop:0},s={x:1,y:1},f={x:0,y:0};if((l||!l&&o!=="fixed")&&((it(n)!=="body"||$t(r))&&(i=zt(n)),G(n))){let u=Pt(n);s=Tt(n),f.x=u.x+n.clientLeft,f.y=u.y+n.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-i.scrollLeft*s.x+f.x,y:e.y*s.y-i.scrollTop*s.y+f.y}},isElement:nt,getDimensions:function(t){return G(t)?Be(t):t.getBoundingClientRect()},getOffsetParent:He,getDocumentElement:rt,getScale:Tt,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t,l=this.getOffsetParent||He,r=this.getDimensions;return{reference:mo(e,await l(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>Z(t).direction==="rtl"};var ue=(t,e,n)=>{let o=new Map,l={platform:ho,...n},r={...l.platform,_c:o};return Se(t,e,{...l,platform:r})};var pe=async({elementReference:t=null,tooltipReference:e=null,tooltipArrowReference:n=null,place:o="top",offset:l=10,strategy:r="absolute",middlewares:i=[le(Number(l)),ie(),se({padding:5})]})=>{if(!t)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};if(e===null)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};let s=i;return n?(s.push(re({element:n,padding:5})),ue(t,e,{placement:o,strategy:r,middleware:s}).then(({x:f,y:u,placement:a,middlewareData:c})=>{var T,x;let d={left:`${f}px`,top:`${u}px`},{x:p,y}=(T=c.arrow)!=null?T:{x:0,y:0},g=(x={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]])!=null?x:"bottom",w={left:p!=null?`${p}px`:"",top:y!=null?`${y}px`:"",right:"",bottom:"",[g]:"-4px"};return{tooltipStyles:d,tooltipArrowStyles:w,place:a}})):ue(t,e,{placement:"bottom",strategy:r,middleware:s}).then(({x:f,y:u,placement:a})=>({tooltipStyles:{left:`${f}px`,top:`${u}px`},tooltipArrowStyles:{},place:a}))};var lt={arrow:"react-tooltip__arrow_KtSkBq",clickable:"react-tooltip__clickable_KtSkBq",dark:"react-tooltip__dark_KtSkBq",error:"react-tooltip__error_KtSkBq",fixed:"react-tooltip__fixed_KtSkBq",info:"react-tooltip__info_KtSkBq",light:"react-tooltip__light_KtSkBq",noArrow:"react-tooltip__no-arrow_KtSkBq",show:"react-tooltip__show_KtSkBq",success:"react-tooltip__success_KtSkBq",tooltip:"react-tooltip__tooltip_KtSkBq",warning:"react-tooltip__warning_KtSkBq"};var jt=require("react/jsx-runtime"),yo=({id:t,className:e,classNameArrow:n,variant:o="dark",anchorId:l,anchorSelect:r,place:i="top",offset:s=10,events:f=["hover"],openOnClick:u=!1,positionStrategy:a="absolute",middlewares:c,wrapper:d,delayShow:p=0,delayHide:y=0,float:g=!1,noArrow:w=!1,clickable:T=!1,closeOnEsc:x=!1,style:v,position:C,afterShow:_,afterHide:N,content:V,isOpen:F,setIsOpen:Y,activeAnchor:S,setActiveAnchor:E})=>{let A=(0,b.useRef)(null),B=(0,b.useRef)(null),k=(0,b.useRef)(null),P=(0,b.useRef)(null),[O,Q]=(0,b.useState)(i),[tt,ut]=(0,b.useState)({}),[pt,st]=(0,b.useState)({}),[j,dt]=(0,b.useState)(!1),[kt,mt]=(0,b.useState)(!1),Dt=(0,b.useRef)(!1),xt=(0,b.useRef)(null),{anchorRefs:Mt,setActiveAnchor:Xt}=at(t),vt=(0,b.useRef)(!1),[ot,bt]=(0,b.useState)([]),ct=(0,b.useRef)(!1),ht=u||f.includes("click");Re(()=>(ct.current=!0,()=>{ct.current=!1}),[]),(0,b.useEffect)(()=>{if(!j){let m=setTimeout(()=>{mt(!1)},150);return()=>{clearTimeout(m)}}return()=>null},[j]);let K=m=>{ct.current&&(m&&mt(!0),setTimeout(()=>{ct.current&&(Y==null||Y(m),F===void 0&&dt(m))},10))};(0,b.useEffect)(()=>{if(F===void 0)return()=>null;F&&mt(!0);let m=setTimeout(()=>{dt(F)},10);return()=>{clearTimeout(m)}},[F]),(0,b.useEffect)(()=>{j!==Dt.current&&(Dt.current=j,j?_==null||_():N==null||N())},[j]);let Ut=()=>{k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{K(!0)},p)},yt=(m=y)=>{P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{vt.current||K(!1)},m)},Et=m=>{var R;if(!m)return;p?Ut():K(!0);let L=(R=m.currentTarget)!=null?R:m.target;E(L),Xt({current:L}),P.current&&clearTimeout(P.current)},At=()=>{T?yt(y||100):y?yt():K(!1),k.current&&clearTimeout(k.current)},gt=({x:m,y:L})=>{pe({place:i,offset:s,elementReference:{getBoundingClientRect(){return{x:m,y:L,width:0,height:0,top:L,left:m,right:m,bottom:L}}},tooltipReference:A.current,tooltipArrowReference:B.current,strategy:a,middlewares:c}).then(D=>{Object.keys(D.tooltipStyles).length&&ut(D.tooltipStyles),Object.keys(D.tooltipArrowStyles).length&&st(D.tooltipArrowStyles),Q(D.place)})},wt=m=>{if(!m)return;let L=m,R={x:L.clientX,y:L.clientY};gt(R),xt.current=R},we=m=>{Et(m),y&&yt()},W=m=>{var D;[document.querySelector(`[id='${l}']`),...ot].some(q=>q==null?void 0:q.contains(m.target))||(D=A.current)!=null&&D.contains(m.target)||K(!1)},$=m=>{m.key==="Escape"&&K(!1)},h=Gt(Et,50),M=Gt(At,50);(0,b.useEffect)(()=>{var I,X;let m=new Set(Mt);ot.forEach(U=>{m.add({current:U})});let L=document.querySelector(`[id='${l}']`);L&&m.add({current:L}),x&&window.addEventListener("keydown",$);let R=[];ht?(window.addEventListener("click",W),R.push({event:"click",listener:we})):(R.push({event:"mouseenter",listener:h},{event:"mouseleave",listener:M},{event:"focus",listener:h},{event:"blur",listener:M}),g&&R.push({event:"mousemove",listener:wt}));let D=()=>{vt.current=!0},q=()=>{vt.current=!1,At()};return T&&!ht&&((I=A.current)==null||I.addEventListener("mouseenter",D),(X=A.current)==null||X.addEventListener("mouseleave",q)),R.forEach(({event:U,listener:Ht})=>{m.forEach(Yt=>{var Bt;(Bt=Yt.current)==null||Bt.addEventListener(U,Ht)})}),()=>{var U,Ht;ht&&window.removeEventListener("click",W),x&&window.removeEventListener("keydown",$),T&&!ht&&((U=A.current)==null||U.removeEventListener("mouseenter",D),(Ht=A.current)==null||Ht.removeEventListener("mouseleave",q)),R.forEach(({event:Yt,listener:Bt})=>{m.forEach($e=>{var Te;(Te=$e.current)==null||Te.removeEventListener(Yt,Bt)})})}},[kt,Mt,ot,x,f]),(0,b.useEffect)(()=>{let m=r!=null?r:"";!m&&t&&(m=`[data-tooltip-id='${t}']`);let L=D=>{let q=[];D.forEach(I=>{if(I.type==="attributes"&&I.attributeName==="data-tooltip-id"&&I.target.getAttribute("data-tooltip-id")===t&&q.push(I.target),I.type==="childList"&&(S&&[...I.removedNodes].some(X=>X.contains(S)?(mt(!1),K(!1),E(null),!0):!1),!!m))try{let X=[...I.addedNodes].filter(U=>U.nodeType===1);q.push(...X.filter(U=>U.matches(m))),q.push(...X.flatMap(U=>[...U.querySelectorAll(m)]))}catch(X){}}),q.length&&bt(I=>[...I,...q])},R=new MutationObserver(L);return R.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>{R.disconnect()}},[t,r,S]),(0,b.useEffect)(()=>{if(C){gt(C);return}if(g){xt.current&>(xt.current);return}pe({place:i,offset:s,elementReference:S,tooltipReference:A.current,tooltipArrowReference:B.current,strategy:a,middlewares:c}).then(m=>{ct.current&&(Object.keys(m.tooltipStyles).length&&ut(m.tooltipStyles),Object.keys(m.tooltipArrowStyles).length&&st(m.tooltipArrowStyles),Q(m.place))})},[j,S,V,i,s,a,C]),(0,b.useEffect)(()=>{var R;let m=document.querySelector(`[id='${l}']`),L=[...ot,m];(!S||!L.includes(S))&&E((R=ot[0])!=null?R:m)},[l,ot,S]),(0,b.useEffect)(()=>()=>{k.current&&clearTimeout(k.current),P.current&&clearTimeout(P.current)},[]),(0,b.useEffect)(()=>{let m=r;if(!m&&t&&(m=`[data-tooltip-id='${t}']`),!!m)try{let L=Array.from(document.querySelectorAll(m));bt(L)}catch(L){bt([])}},[t,r]);let et=V&&j&&Object.keys(tt).length>0;return kt?(0,jt.jsxs)(d,{id:t,role:"tooltip",className:(0,de.default)("react-tooltip",lt.tooltip,lt[o],e,`react-tooltip__place-${O}`,{[lt.show]:et,[lt.fixed]:a==="fixed",[lt.clickable]:T}),style:{...v,...tt},ref:A,children:[V,(0,jt.jsx)(d,{className:(0,de.default)("react-tooltip-arrow",lt.arrow,n,{[lt.noArrow]:w}),style:pt,ref:B})]}):null},me=yo;var Ve=require("react/jsx-runtime"),go=({content:t})=>(0,Ve.jsx)("span",{dangerouslySetInnerHTML:{__html:t}}),he=go;var ye=require("react/jsx-runtime"),wo=({id:t,anchorId:e,anchorSelect:n,content:o,html:l,render:r,className:i,classNameArrow:s,variant:f="dark",place:u="top",offset:a=10,wrapper:c="div",children:d=null,events:p=["hover"],openOnClick:y=!1,positionStrategy:g="absolute",middlewares:w,delayShow:T=0,delayHide:x=0,float:v=!1,noArrow:C=!1,clickable:_=!1,closeOnEsc:N=!1,style:V,position:F,isOpen:Y,setIsOpen:S,afterShow:E,afterHide:A})=>{let[B,k]=(0,H.useState)(o),[P,O]=(0,H.useState)(l),[Q,tt]=(0,H.useState)(u),[ut,pt]=(0,H.useState)(f),[st,j]=(0,H.useState)(a),[dt,kt]=(0,H.useState)(T),[mt,Dt]=(0,H.useState)(x),[xt,Mt]=(0,H.useState)(v),[Xt,vt]=(0,H.useState)(c),[ot,bt]=(0,H.useState)(p),[ct,ht]=(0,H.useState)(g),[K,Ut]=(0,H.useState)(null),{anchorRefs:yt,activeAnchor:Et}=at(t),At=W=>W==null?void 0:W.getAttributeNames().reduce((h,M)=>{var et;if(M.startsWith("data-tooltip-")){let m=M.replace(/^data-tooltip-/,"");h[m]=(et=W==null?void 0:W.getAttribute(M))!=null?et:null}return h},{}),gt=W=>{let $={place:h=>{tt(h!=null?h:u)},content:h=>{k(h!=null?h:o)},html:h=>{O(h!=null?h:l)},variant:h=>{pt(h!=null?h:f)},offset:h=>{j(h===null?a:Number(h))},wrapper:h=>{vt(h!=null?h:c)},events:h=>{let M=h==null?void 0:h.split(" ");bt(M!=null?M:p)},"position-strategy":h=>{ht(h!=null?h:g)},"delay-show":h=>{kt(h===null?T:Number(h))},"delay-hide":h=>{Dt(h===null?x:Number(h))},float:h=>{Mt(h===null?v:h==="true")}};Object.values($).forEach(h=>h(null)),Object.entries(W).forEach(([h,M])=>{var et;(et=$[h])==null||et.call($,M)})};(0,H.useEffect)(()=>{k(o)},[o]),(0,H.useEffect)(()=>{O(l)},[l]),(0,H.useEffect)(()=>{tt(u)},[u]),(0,H.useEffect)(()=>{var R;let W=new Set(yt),$=n;if(!$&&t&&($=`[data-tooltip-id='${t}']`),$)try{document.querySelectorAll($).forEach(q=>{W.add({current:q})})}catch(D){}let h=document.querySelector(`[id='${e}']`);if(h&&W.add({current:h}),!W.size)return()=>null;let M=(R=K!=null?K:h)!=null?R:Et.current,et=D=>{D.forEach(q=>{var X;if(!M||q.type!=="attributes"||!((X=q.attributeName)!=null&&X.startsWith("data-tooltip-")))return;let I=At(M);gt(I)})},m=new MutationObserver(et),L={attributes:!0,childList:!1,subtree:!1};if(M){let D=At(M);gt(D),m.observe(M,L)}return()=>{m.disconnect()}},[yt,Et,K,e,n]);let wt=d;return r?wt=r({content:B!=null?B:null,activeAnchor:K}):B&&(wt=B),P&&(wt=(0,ye.jsx)(he,{content:P})),(0,ye.jsx)(me,{...{id:t,anchorId:e,anchorSelect:n,className:i,classNameArrow:s,content:wt,place:Q,variant:ut,offset:st,wrapper:Xt,events:ot,openOnClick:y,positionStrategy:ct,middlewares:w,delayShow:dt,delayHide:mt,float:xt,noArrow:C,clickable:_,closeOnEsc:N,style:V,position:F,isOpen:Y,setIsOpen:S,afterShow:E,afterHide:A,activeAnchor:K,setActiveAnchor:W=>Ut(W)}})},ge=wo;
|
|
2
|
-
/*! Bundled license information:
|
|
3
|
-
|
|
4
|
-
classnames/index.js:
|
|
5
|
-
(*!
|
|
6
|
-
Copyright (c) 2018 Jed Watson.
|
|
7
|
-
Licensed under the MIT License (MIT), see
|
|
8
|
-
http://jedwatson.github.io/classnames
|
|
9
|
-
*)
|
|
10
|
-
*/
|
|
11
|
-
//# sourceMappingURL=react-tooltip.min.cjs.map
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("classnames"),o=require("@floating-ui/dom");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(r);const a=(e,t,r)=>{let o=null;return function(...l){o&&clearTimeout(o),o=setTimeout((()=>{o=null,r||e.apply(this,l)}),t)}},s="DEFAULT_TOOLTIP_ID",c={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},i={getTooltipData:()=>c},u=t.createContext(i);function d(e=s){return t.useContext(u).getTooltipData(e)}const p="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,f=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:r=null,place:l="top",offset:n=10,strategy:a="absolute",middlewares:s=[o.offset(Number(n)),o.flip(),o.shift({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:l};const c=s;return r?(c.push(o.arrow({element:r,padding:5})),o.computePosition(e,t,{placement:l,strategy:a,middleware:c}).then((({x:e,y:t,placement:r,middlewareData:o})=>{var l,n;const a={left:`${e}px`,top:`${t}px`},{x:s,y:c}=null!==(l=o.arrow)&&void 0!==l?l:{x:0,y:0};return{tooltipStyles:a,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",[null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]])&&void 0!==n?n:"bottom"]:"-4px"},place:r}}))):o.computePosition(e,t,{placement:"bottom",strategy:a,middleware:c}).then((({x:e,y:t,placement:r})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:r})))};var v={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const m=({id:r,className:o,classNameArrow:l,variant:s="dark",anchorId:c,anchorSelect:i,place:u="top",offset:m=10,events:h=["hover"],openOnClick:y=!1,positionStrategy:w="absolute",middlewares:S,wrapper:b,delayShow:g=0,delayHide:A=0,float:_=!1,noArrow:E=!1,clickable:x=!1,closeOnEsc:T=!1,style:k,position:O,afterShow:R,afterHide:N,content:j,isOpen:L,setIsOpen:$,activeAnchor:q,setActiveAnchor:I})=>{const C=t.useRef(null),H=t.useRef(null),D=t.useRef(null),M=t.useRef(null),[P,W]=t.useState(u),[K,B]=t.useState({}),[F,X]=t.useState({}),[J,U]=t.useState(!1),[Z,z]=t.useState(!1),Y=t.useRef(!1),G=t.useRef(null),{anchorRefs:Q,setActiveAnchor:V}=d(r),ee=t.useRef(!1),[te,re]=t.useState([]),oe=t.useRef(!1),le=y||h.includes("click");p((()=>(oe.current=!0,()=>{oe.current=!1})),[]),t.useEffect((()=>{if(!J){const e=setTimeout((()=>{z(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[J]);const ne=e=>{oe.current&&(e&&z(!0),setTimeout((()=>{oe.current&&(null==$||$(e),void 0===L&&U(e))}),10))};t.useEffect((()=>{if(void 0===L)return()=>null;L&&z(!0);const e=setTimeout((()=>{U(L)}),10);return()=>{clearTimeout(e)}}),[L]),t.useEffect((()=>{J!==Y.current&&(Y.current=J,J?null==R||R():null==N||N())}),[J]);const ae=(e=A)=>{M.current&&clearTimeout(M.current),M.current=setTimeout((()=>{ee.current||ne(!1)}),e)},se=e=>{var t;if(!e)return;g?(D.current&&clearTimeout(D.current),D.current=setTimeout((()=>{ne(!0)}),g)):ne(!0);const r=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;I(r),V({current:r}),M.current&&clearTimeout(M.current)},ce=()=>{x?ae(A||100):A?ae():ne(!1),D.current&&clearTimeout(D.current)},ie=({x:e,y:t})=>{f({place:u,offset:m,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:C.current,tooltipArrowReference:H.current,strategy:w,middlewares:S}).then((e=>{Object.keys(e.tooltipStyles).length&&B(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&X(e.tooltipArrowStyles),W(e.place)}))},ue=e=>{if(!e)return;const t=e,r={x:t.clientX,y:t.clientY};ie(r),G.current=r},de=e=>{se(e),A&&ae()},pe=e=>{var t;[document.querySelector(`[id='${c}']`),...te].some((t=>null==t?void 0:t.contains(e.target)))||(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))||ne(!1)},fe=e=>{"Escape"===e.key&&ne(!1)},ve=a(se,50),me=a(ce,50);t.useEffect((()=>{var e,t;const r=new Set(Q);te.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${c}']`);o&&r.add({current:o}),T&&window.addEventListener("keydown",fe);const l=[];le?(window.addEventListener("click",pe),l.push({event:"click",listener:de})):(l.push({event:"mouseenter",listener:ve},{event:"mouseleave",listener:me},{event:"focus",listener:ve},{event:"blur",listener:me}),_&&l.push({event:"mousemove",listener:ue}));const n=()=>{ee.current=!0},a=()=>{ee.current=!1,ce()};return x&&!le&&(null===(e=C.current)||void 0===e||e.addEventListener("mouseenter",n),null===(t=C.current)||void 0===t||t.addEventListener("mouseleave",a)),l.forEach((({event:e,listener:t})=>{r.forEach((r=>{var o;null===(o=r.current)||void 0===o||o.addEventListener(e,t)}))})),()=>{var e,t;le&&window.removeEventListener("click",pe),T&&window.removeEventListener("keydown",fe),x&&!le&&(null===(e=C.current)||void 0===e||e.removeEventListener("mouseenter",n),null===(t=C.current)||void 0===t||t.removeEventListener("mouseleave",a)),l.forEach((({event:e,listener:t})=>{r.forEach((r=>{var o;null===(o=r.current)||void 0===o||o.removeEventListener(e,t)}))}))}}),[Z,Q,te,T,h]),t.useEffect((()=>{let e=null!=i?i:"";!e&&r&&(e=`[data-tooltip-id='${r}']`);const t=new MutationObserver((t=>{const o=[];t.forEach((t=>{if("attributes"===t.type&&"data-tooltip-id"===t.attributeName){t.target.getAttribute("data-tooltip-id")===r&&o.push(t.target)}if("childList"===t.type&&(q&&[...t.removedNodes].some((e=>!!e.contains(q)&&(z(!1),ne(!1),I(null),!0))),e))try{const r=[...t.addedNodes].filter((e=>1===e.nodeType));o.push(...r.filter((t=>t.matches(e)))),o.push(...r.flatMap((t=>[...t.querySelectorAll(e)])))}catch(e){}})),o.length&&re((e=>[...e,...o]))}));return t.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>{t.disconnect()}}),[r,i,q]),t.useEffect((()=>{O?ie(O):_?G.current&&ie(G.current):f({place:u,offset:m,elementReference:q,tooltipReference:C.current,tooltipArrowReference:H.current,strategy:w,middlewares:S}).then((e=>{oe.current&&(Object.keys(e.tooltipStyles).length&&B(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&X(e.tooltipArrowStyles),W(e.place))}))}),[J,q,j,u,m,w,O]),t.useEffect((()=>{var e;const t=document.querySelector(`[id='${c}']`),r=[...te,t];q&&r.includes(q)||I(null!==(e=te[0])&&void 0!==e?e:t)}),[c,te,q]),t.useEffect((()=>()=>{D.current&&clearTimeout(D.current),M.current&&clearTimeout(M.current)}),[]),t.useEffect((()=>{let e=i;if(!e&&r&&(e=`[data-tooltip-id='${r}']`),e)try{const t=Array.from(document.querySelectorAll(e));re(t)}catch(e){re([])}}),[r,i]);const he=j&&J&&Object.keys(K).length>0;return Z?e.jsxs(b,{id:r,role:"tooltip",className:n.default("react-tooltip",v.tooltip,v[s],o,`react-tooltip__place-${P}`,{[v.show]:he,[v.fixed]:"fixed"===w,[v.clickable]:x}),style:{...k,...K},ref:C,children:[j,e.jsx(b,{className:n.default("react-tooltip-arrow",v.arrow,l,{[v.noArrow]:E}),style:F,ref:H})]}):null},h=({content:t})=>e.jsx("span",{dangerouslySetInnerHTML:{__html:t}});exports.Tooltip=({id:r,anchorId:o,anchorSelect:l,content:n,html:a,render:s,className:c,classNameArrow:i,variant:u="dark",place:p="top",offset:f=10,wrapper:v="div",children:y=null,events:w=["hover"],openOnClick:S=!1,positionStrategy:b="absolute",middlewares:g,delayShow:A=0,delayHide:_=0,float:E=!1,noArrow:x=!1,clickable:T=!1,closeOnEsc:k=!1,style:O,position:R,isOpen:N,setIsOpen:j,afterShow:L,afterHide:$})=>{const[q,I]=t.useState(n),[C,H]=t.useState(a),[D,M]=t.useState(p),[P,W]=t.useState(u),[K,B]=t.useState(f),[F,X]=t.useState(A),[J,U]=t.useState(_),[Z,z]=t.useState(E),[Y,G]=t.useState(v),[Q,V]=t.useState(w),[ee,te]=t.useState(b),[re,oe]=t.useState(null),{anchorRefs:le,activeAnchor:ne}=d(r),ae=e=>null==e?void 0:e.getAttributeNames().reduce(((t,r)=>{var o;if(r.startsWith("data-tooltip-")){t[r.replace(/^data-tooltip-/,"")]=null!==(o=null==e?void 0:e.getAttribute(r))&&void 0!==o?o:null}return t}),{}),se=e=>{const t={place:e=>{var t;M(null!==(t=e)&&void 0!==t?t:p)},content:e=>{I(null!=e?e:n)},html:e=>{H(null!=e?e:a)},variant:e=>{var t;W(null!==(t=e)&&void 0!==t?t:u)},offset:e=>{B(null===e?f:Number(e))},wrapper:e=>{var t;G(null!==(t=e)&&void 0!==t?t:v)},events:e=>{const t=null==e?void 0:e.split(" ");V(null!=t?t:w)},"position-strategy":e=>{var t;te(null!==(t=e)&&void 0!==t?t:b)},"delay-show":e=>{X(null===e?A:Number(e))},"delay-hide":e=>{U(null===e?_:Number(e))},float:e=>{z(null===e?E:"true"===e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,r])=>{var o;null===(o=t[e])||void 0===o||o.call(t,r)}))};t.useEffect((()=>{I(n)}),[n]),t.useEffect((()=>{H(a)}),[a]),t.useEffect((()=>{M(p)}),[p]),t.useEffect((()=>{var e;const t=new Set(le);let n=l;if(!n&&r&&(n=`[data-tooltip-id='${r}']`),n)try{document.querySelectorAll(n).forEach((e=>{t.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${l}" is not a valid CSS selector`)}const a=document.querySelector(`[id='${o}']`);if(a&&t.add({current:a}),!t.size)return()=>null;const s=null!==(e=null!=re?re:a)&&void 0!==e?e:ne.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!s||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const r=ae(s);se(r)}))})),i={attributes:!0,childList:!1,subtree:!1};if(s){const e=ae(s);se(e),c.observe(s,i)}return()=>{c.disconnect()}}),[le,ne,re,o,l]);let ce=y;s?ce=s({content:null!=q?q:null,activeAnchor:re}):q&&(ce=q),C&&(ce=e.jsx(h,{content:C}));const ie={id:r,anchorId:o,anchorSelect:l,className:c,classNameArrow:i,content:ce,place:D,variant:P,offset:K,wrapper:Y,events:Q,openOnClick:S,positionStrategy:ee,middlewares:g,delayShow:F,delayHide:J,float:Z,noArrow:x,clickable:T,closeOnEsc:k,style:O,position:R,isOpen:N,setIsOpen:j,afterShow:L,afterHide:$,activeAnchor:re,setActiveAnchor:e=>oe(e)};return e.jsx(m,{...ie})},exports.TooltipProvider=({children:r})=>{const[o,l]=t.useState({[s]:new Set}),[n,a]=t.useState({[s]:{current:null}}),c=(e,...t)=>{l((r=>{var o;const l=null!==(o=r[e])&&void 0!==o?o:new Set;return t.forEach((e=>l.add(e))),{...r,[e]:new Set(l)}}))},i=(e,...t)=>{l((r=>{const o=r[e];return o?(t.forEach((e=>o.delete(e))),{...r}):r}))},d=t.useCallback(((e=s)=>{var t,r;return{anchorRefs:null!==(t=o[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=n[e])&&void 0!==r?r:{current:null},attach:(...t)=>c(e,...t),detach:(...t)=>i(e,...t),setActiveAnchor:t=>((e,t)=>{a((r=>{var o;return(null===(o=r[e])||void 0===o?void 0:o.current)===t.current?r:{...r,[e]:t}}))})(e,t)}}),[o,n,c,i]),p=t.useMemo((()=>({getTooltipData:d})),[d]);return e.jsx(u.Provider,{value:p,children:r})},exports.TooltipWrapper=({tooltipId:r,children:o,className:l,place:a,content:s,html:c,variant:i,offset:u,wrapper:p,events:f,positionStrategy:v,delayShow:m,delayHide:h})=>{const{attach:y,detach:w}=d(r),S=t.useRef(null);return t.useEffect((()=>(y(S),()=>{w(S)})),[]),e.jsx("span",{ref:S,className:n.default("react-tooltip-wrapper",l),"data-tooltip-place":a,"data-tooltip-content":s,"data-tooltip-html":c,"data-tooltip-variant":i,"data-tooltip-offset":u,"data-tooltip-wrapper":p,"data-tooltip-events":f,"data-tooltip-position-strategy":v,"data-tooltip-delay-show":m,"data-tooltip-delay-hide":h,children:o})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;left:0;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;visibility:hidden;width:max-content;will-change:opacity,visibility}.styles-module_fixed__7ciUi{position:fixed}.styles-module_arrow__K0L3T{background:inherit;height:8px;position:absolute;transform:rotate(45deg);width:8px}.styles-module_no-arrow__KcFZN{display:none}.styles-module_clickable__Bv9o7{pointer-events:auto}.styles-module_show__2NboJ{opacity:var(--rt-opacity);visibility:visible}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
var Ke=Object.create;var me=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var je=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Xe=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Ve(e))!ze.call(t,l)&&l!==n&&me(t,l,{get:()=>e[l],enumerable:!(o=Ie(e,l))||o.enumerable});return t};var he=(t,e,n)=>(n=t!=null?Ke($e(t)):{},Xe(e||!t||!t.__esModule?me(n,"default",{value:t,enumerable:!0}):n,t));var Ut=je((Co,Wt)=>{(function(){"use strict";var t={}.hasOwnProperty,e="[native code]";function n(){for(var o=[],l=0;l<arguments.length;l++){var r=arguments[l];if(r){var i=typeof r;if(i==="string"||i==="number")o.push(r);else if(Array.isArray(r)){if(r.length){var s=n.apply(null,r);s&&o.push(s)}}else if(i==="object"){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){o.push(r.toString());continue}for(var f in r)t.call(r,f)&&r[f]&&o.push(f)}}}return o.join(" ")}typeof Wt<"u"&&Wt.exports?(n.default=n,Wt.exports=n):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return n}):window.classNames=n})()});import{useEffect as $t,useState as X}from"react";var ae=he(Ut());import{useEffect as tt,useState as xt,useRef as lt}from"react";var Ue=(t,e,n)=>{let o=null;return function(...r){let i=()=>{o=null,n||t.apply(this,r)};o&&clearTimeout(o),o=setTimeout(i,e)}},Yt=Ue;import{createContext as Ye,useCallback as Je,useContext as Ge,useMemo as Qe,useState as ye}from"react";import{jsx as oo}from"react/jsx-runtime";var qt="DEFAULT_TOOLTIP_ID",Ze={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},to={getTooltipData:()=>Ze},ge=Ye(to),eo=({children:t})=>{let[e,n]=ye({[qt]:new Set}),[o,l]=ye({[qt]:{current:null}}),r=(a,...c)=>{n(d=>{var y;let p=(y=d[a])!=null?y:new Set;return c.forEach(g=>p.add(g)),{...d,[a]:new Set(p)}})},i=(a,...c)=>{n(d=>{let p=d[a];return p?(c.forEach(y=>p.delete(y)),{...d}):d})},s=(a,c)=>{l(d=>{var p;return((p=d[a])==null?void 0:p.current)===c.current?d:{...d,[a]:c}})},f=Je((a=qt)=>{var c,d;return{anchorRefs:(c=e[a])!=null?c:new Set,activeAnchor:(d=o[a])!=null?d:{current:null},attach:(...p)=>r(a,...p),detach:(...p)=>i(a,...p),setActiveAnchor:p=>s(a,p)}},[e,o,r,i]),u=Qe(()=>({getTooltipData:f}),[f]);return oo(ge.Provider,{value:u,children:t})};function at(t=qt){return Ge(ge).getTooltipData(t)}var we=eo;var Te=he(Ut());import{useEffect as no,useRef as ro}from"react";import{jsx as lo}from"react/jsx-runtime";var io=({tooltipId:t,children:e,className:n,place:o,content:l,html:r,variant:i,offset:s,wrapper:f,events:u,positionStrategy:a,delayShow:c,delayHide:d})=>{let{attach:p,detach:y}=at(t),g=ro(null);return no(()=>(p(g),()=>{y(g)}),[]),lo("span",{ref:g,className:(0,Te.default)("react-tooltip-wrapper",n),"data-tooltip-place":o,"data-tooltip-content":l,"data-tooltip-html":r,"data-tooltip-variant":i,"data-tooltip-offset":s,"data-tooltip-wrapper":f,"data-tooltip-events":u,"data-tooltip-position-strategy":a,"data-tooltip-delay-show":c,"data-tooltip-delay-hide":d,children:e})},xe=io;import{useLayoutEffect as so,useEffect as co}from"react";var ao=typeof window!="undefined"?so:co,ve=ao;function _t(t){return t.split("-")[1]}function Qt(t){return t==="y"?"height":"width"}function ft(t){return t.split("-")[0]}function St(t){return["top","bottom"].includes(ft(t))?"x":"y"}function be(t,e,n){let{reference:o,floating:l}=t,r=o.x+o.width/2-l.width/2,i=o.y+o.height/2-l.height/2,s=St(e),f=Qt(s),u=o[f]/2-l[f]/2,a=s==="x",c;switch(ft(e)){case"top":c={x:r,y:o.y-l.height};break;case"bottom":c={x:r,y:o.y+o.height};break;case"right":c={x:o.x+o.width,y:i};break;case"left":c={x:o.x-l.width,y:i};break;default:c={x:o.x,y:o.y}}switch(_t(e)){case"start":c[s]-=u*(n&&a?-1:1);break;case"end":c[s]+=u*(n&&a?-1:1)}return c}var Ee=async(t,e,n)=>{let{placement:o="bottom",strategy:l="absolute",middleware:r=[],platform:i}=n,s=r.filter(Boolean),f=await(i.isRTL==null?void 0:i.isRTL(e)),u=await i.getElementRects({reference:t,floating:e,strategy:l}),{x:a,y:c}=be(u,o,f),d=o,p={},y=0;for(let g=0;g<s.length;g++){let{name:w,fn:T}=s[g],{x,y:v,data:P,reset:R}=await T({x:a,y:c,initialPlacement:o,placement:d,strategy:l,middlewareData:p,rects:u,platform:i,elements:{reference:t,floating:e}});a=x??a,c=v??c,p={...p,[w]:{...p[w],...P}},R&&y<=50&&(y++,typeof R=="object"&&(R.placement&&(d=R.placement),R.rects&&(u=R.rects===!0?await i.getElementRects({reference:t,floating:e,strategy:l}):R.rects),{x:a,y:c}=be(u,d,f)),g=-1)}return{x:a,y:c,placement:d,strategy:l,middlewareData:p}};function Ae(t){return typeof t!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(t):{top:t,right:t,bottom:t,left:t}}function Rt(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function Zt(t,e){var n;e===void 0&&(e={});let{x:o,y:l,platform:r,rects:i,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:a="viewport",elementContext:c="floating",altBoundary:d=!1,padding:p=0}=e,y=Ae(p),g=s[d?c==="floating"?"reference":"floating":c],w=Rt(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(g)))==null||n?g:g.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(s.floating)),boundary:u,rootBoundary:a,strategy:f})),T=c==="floating"?{...i.floating,x:o,y:l}:i.reference,x=await(r.getOffsetParent==null?void 0:r.getOffsetParent(s.floating)),v=await(r.isElement==null?void 0:r.isElement(x))&&await(r.getScale==null?void 0:r.getScale(x))||{x:1,y:1},P=Rt(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:T,offsetParent:x,strategy:f}):T);return{top:(w.top-P.top+y.top)/v.y,bottom:(P.bottom-w.bottom+y.bottom)/v.y,left:(w.left-P.left+y.left)/v.x,right:(P.right-w.right+y.right)/v.x}}var fo=Math.min,uo=Math.max;function Gt(t,e,n){return uo(t,fo(e,n))}var te=t=>({name:"arrow",options:t,async fn(e){let{element:n,padding:o=0}=t||{},{x:l,y:r,placement:i,rects:s,platform:f,elements:u}=e;if(n==null)return{};let a=Ae(o),c={x:l,y:r},d=St(i),p=Qt(d),y=await f.getDimensions(n),g=d==="y",w=g?"top":"left",T=g?"bottom":"right",x=g?"clientHeight":"clientWidth",v=s.reference[p]+s.reference[d]-c[d]-s.floating[p],P=c[d]-s.reference[d],R=await(f.getOffsetParent==null?void 0:f.getOffsetParent(n)),W=R?R[x]:0;W&&await(f.isElement==null?void 0:f.isElement(R))||(W=u.floating[x]||s.floating[p]);let K=v/2-P/2,q=a[w],U=W-y[p]-a[T],_=W/2-y[p]/2+K,b=Gt(q,_,U),E=_t(i)!=null&&_!=b&&s.reference[p]/2-(_<q?a[w]:a[T])-y[p]/2<0;return{[d]:c[d]-(E?_<q?q-_:U-_:0),data:{[d]:b,centerOffset:_-b}}}}),po=["top","right","bottom","left"],jo=po.reduce((t,e)=>t.concat(e,e+"-start",e+"-end"),[]),mo={left:"right",right:"left",bottom:"top",top:"bottom"};function Nt(t){return t.replace(/left|right|bottom|top/g,e=>mo[e])}function ho(t,e,n){n===void 0&&(n=!1);let o=_t(t),l=St(t),r=Qt(l),i=l==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(i=Nt(i)),{main:i,cross:Nt(i)}}var yo={start:"end",end:"start"};function Jt(t){return t.replace(/start|end/g,e=>yo[e])}var ee=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n;let{placement:o,middlewareData:l,rects:r,initialPlacement:i,platform:s,elements:f}=e,{mainAxis:u=!0,crossAxis:a=!0,fallbackPlacements:c,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:y=!0,...g}=t,w=ft(o),T=ft(i)===i,x=await(s.isRTL==null?void 0:s.isRTL(f.floating)),v=c||(T||!y?[Nt(i)]:function(b){let E=Nt(b);return[Jt(b),E,Jt(E)]}(i));c||p==="none"||v.push(...function(b,E,M,C){let S=_t(b),H=function(J,Q,ut){let pt=["left","right"],st=["right","left"],$=["top","bottom"],dt=["bottom","top"];switch(J){case"top":case"bottom":return ut?Q?st:pt:Q?pt:st;case"left":case"right":return Q?$:dt;default:return[]}}(ft(b),M==="start",C);return S&&(H=H.map(J=>J+"-"+S),E&&(H=H.concat(H.map(Jt)))),H}(i,y,p,x));let P=[i,...v],R=await Zt(e,g),W=[],K=((n=l.flip)==null?void 0:n.overflows)||[];if(u&&W.push(R[w]),a){let{main:b,cross:E}=ho(o,r,x);W.push(R[b],R[E])}if(K=[...K,{placement:o,overflows:W}],!W.every(b=>b<=0)){var q,U;let b=(((q=l.flip)==null?void 0:q.index)||0)+1,E=P[b];if(E)return{data:{index:b,overflows:K},reset:{placement:E}};let M=(U=K.filter(C=>C.overflows[0]<=0).sort((C,S)=>C.overflows[1]-S.overflows[1])[0])==null?void 0:U.placement;if(!M)switch(d){case"bestFit":{var _;let C=(_=K.map(S=>[S.placement,S.overflows.filter(H=>H>0).reduce((H,J)=>H+J,0)]).sort((S,H)=>S[1]-H[1])[0])==null?void 0:_[0];C&&(M=C);break}case"initialPlacement":M=i}if(o!==M)return{reset:{placement:M}}}return{}}}};var oe=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){let{x:n,y:o}=e,l=await async function(r,i){let{placement:s,platform:f,elements:u}=r,a=await(f.isRTL==null?void 0:f.isRTL(u.floating)),c=ft(s),d=_t(s),p=St(s)==="x",y=["left","top"].includes(c)?-1:1,g=a&&p?-1:1,w=typeof i=="function"?i(r):i,{mainAxis:T,crossAxis:x,alignmentAxis:v}=typeof w=="number"?{mainAxis:w,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...w};return d&&typeof v=="number"&&(x=d==="end"?-1*v:v),p?{x:x*g,y:T*y}:{x:T*y,y:x*g}}(e,t);return{x:n+l.x,y:o+l.y,data:l}}}};function go(t){return t==="x"?"y":"x"}var ne=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:l}=e,{mainAxis:r=!0,crossAxis:i=!1,limiter:s={fn:w=>{let{x:T,y:x}=w;return{x:T,y:x}}},...f}=t,u={x:n,y:o},a=await Zt(e,f),c=St(ft(l)),d=go(c),p=u[c],y=u[d];if(r){let w=c==="y"?"bottom":"right";p=Gt(p+a[c==="y"?"top":"left"],p,p-a[w])}if(i){let w=d==="y"?"bottom":"right";y=Gt(y+a[d==="y"?"top":"left"],y,y-a[w])}let g=s.fn({...e,[c]:p,[d]:y});return{...g,data:{x:g.x-n,y:g.y-o}}}}};function V(t){var e;return((e=t.ownerDocument)==null?void 0:e.defaultView)||window}function G(t){return V(t).getComputedStyle(t)}var Le=Math.min,Pt=Math.max,Kt=Math.round;function Ce(t){let e=G(t),n=parseFloat(e.width),o=parseFloat(e.height),l=t.offsetWidth,r=t.offsetHeight,i=Kt(n)!==l||Kt(o)!==r;return i&&(n=l,o=r),{width:n,height:o,fallback:i}}function rt(t){return De(t)?(t.nodeName||"").toLowerCase():""}var Ft;function ke(){if(Ft)return Ft;let t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(Ft=t.brands.map(e=>e.brand+"/"+e.version).join(" "),Ft):navigator.userAgent}function Y(t){return t instanceof V(t).HTMLElement}function ot(t){return t instanceof V(t).Element}function De(t){return t instanceof V(t).Node}function Re(t){return typeof ShadowRoot>"u"?!1:t instanceof V(t).ShadowRoot||t instanceof ShadowRoot}function It(t){let{overflow:e,overflowX:n,overflowY:o,display:l}=G(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(l)}function wo(t){return["table","td","th"].includes(rt(t))}function re(t){let e=/firefox/i.test(ke()),n=G(t),o=n.backdropFilter||n.WebkitBackdropFilter;return n.transform!=="none"||n.perspective!=="none"||!!o&&o!=="none"||e&&n.willChange==="filter"||e&&!!n.filter&&n.filter!=="none"||["transform","perspective"].some(l=>n.willChange.includes(l))||["paint","layout","strict","content"].some(l=>{let r=n.contain;return r!=null&&r.includes(l)})}function ie(){return/^((?!chrome|android).)*safari/i.test(ke())}function le(t){return["html","body","#document"].includes(rt(t))}function Me(t){return ot(t)?t:t.contextElement}var He={x:1,y:1};function Tt(t){let e=Me(t);if(!Y(e))return He;let n=e.getBoundingClientRect(),{width:o,height:l,fallback:r}=Ce(e),i=(r?Kt(n.width):n.width)/o,s=(r?Kt(n.height):n.height)/l;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}function Ct(t,e,n,o){var l,r;e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),s=Me(t),f=He;e&&(o?ot(o)&&(f=Tt(o)):f=Tt(t));let u=s?V(s):window,a=ie()&&n,c=(i.left+(a&&((l=u.visualViewport)==null?void 0:l.offsetLeft)||0))/f.x,d=(i.top+(a&&((r=u.visualViewport)==null?void 0:r.offsetTop)||0))/f.y,p=i.width/f.x,y=i.height/f.y;if(s){let g=V(s),w=o&&ot(o)?V(o):o,T=g.frameElement;for(;T&&o&&w!==g;){let x=Tt(T),v=T.getBoundingClientRect(),P=getComputedStyle(T);v.x+=(T.clientLeft+parseFloat(P.paddingLeft))*x.x,v.y+=(T.clientTop+parseFloat(P.paddingTop))*x.y,c*=x.x,d*=x.y,p*=x.x,y*=x.y,c+=v.x,d+=v.y,T=V(T).frameElement}}return Rt({width:p,height:y,x:c,y:d})}function nt(t){return((De(t)?t.ownerDocument:t.document)||window.document).documentElement}function Vt(t){return ot(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Be(t){return Ct(nt(t)).left+Vt(t).scrollLeft}function kt(t){if(rt(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Re(t)&&t.host||nt(t);return Re(e)?e.host:e}function Oe(t){let e=kt(t);return le(e)?e.ownerDocument.body:Y(e)&&It(e)?e:Oe(e)}function We(t,e){var n;e===void 0&&(e=[]);let o=Oe(t),l=o===((n=t.ownerDocument)==null?void 0:n.body),r=V(o);return l?e.concat(r,r.visualViewport||[],It(o)?o:[]):e.concat(o,We(o))}function _e(t,e,n){let o;if(e==="viewport")o=function(i,s){let f=V(i),u=nt(i),a=f.visualViewport,c=u.clientWidth,d=u.clientHeight,p=0,y=0;if(a){c=a.width,d=a.height;let g=ie();(!g||g&&s==="fixed")&&(p=a.offsetLeft,y=a.offsetTop)}return{width:c,height:d,x:p,y}}(t,n);else if(e==="document")o=function(i){let s=nt(i),f=Vt(i),u=i.ownerDocument.body,a=Pt(s.scrollWidth,s.clientWidth,u.scrollWidth,u.clientWidth),c=Pt(s.scrollHeight,s.clientHeight,u.scrollHeight,u.clientHeight),d=-f.scrollLeft+Be(i),p=-f.scrollTop;return G(u).direction==="rtl"&&(d+=Pt(s.clientWidth,u.clientWidth)-a),{width:a,height:c,x:d,y:p}}(nt(t));else if(ot(e))o=function(i,s){let f=Ct(i,!0,s==="fixed"),u=f.top+i.clientTop,a=f.left+i.clientLeft,c=Y(i)?Tt(i):{x:1,y:1};return{width:i.clientWidth*c.x,height:i.clientHeight*c.y,x:a*c.x,y:u*c.y}}(e,n);else{let i={...e};if(ie()){var l,r;let s=V(t);i.x-=((l=s.visualViewport)==null?void 0:l.offsetLeft)||0,i.y-=((r=s.visualViewport)==null?void 0:r.offsetTop)||0}o=i}return Rt(o)}function Se(t,e){return Y(t)&&G(t).position!=="fixed"?e?e(t):t.offsetParent:null}function Pe(t,e){let n=V(t);if(!Y(t))return n;let o=Se(t,e);for(;o&&wo(o)&&G(o).position==="static";)o=Se(o,e);return o&&(rt(o)==="html"||rt(o)==="body"&&G(o).position==="static"&&!re(o))?n:o||function(l){let r=kt(l);for(;Y(r)&&!le(r);){if(re(r))return r;r=kt(r)}return null}(t)||n}function To(t,e,n){let o=Y(e),l=nt(e),r=Ct(t,!0,n==="fixed",e),i={scrollLeft:0,scrollTop:0},s={x:0,y:0};if(o||!o&&n!=="fixed")if((rt(e)!=="body"||It(l))&&(i=Vt(e)),Y(e)){let f=Ct(e,!0);s.x=f.x+e.clientLeft,s.y=f.y+e.clientTop}else l&&(s.x=Be(l));return{x:r.left+i.scrollLeft-s.x,y:r.top+i.scrollTop-s.y,width:r.width,height:r.height}}var xo={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:l}=t,r=n==="clippingAncestors"?function(u,a){let c=a.get(u);if(c)return c;let d=We(u).filter(w=>ot(w)&&rt(w)!=="body"),p=null,y=G(u).position==="fixed",g=y?kt(u):u;for(;ot(g)&&!le(g);){let w=G(g),T=re(g);w.position==="fixed"?p=null:(y?T||p:T||w.position!=="static"||!p||!["absolute","fixed"].includes(p.position))?p=w:d=d.filter(x=>x!==g),g=kt(g)}return a.set(u,d),d}(e,this._c):[].concat(n),i=[...r,o],s=i[0],f=i.reduce((u,a)=>{let c=_e(e,a,l);return u.top=Pt(c.top,u.top),u.right=Le(c.right,u.right),u.bottom=Le(c.bottom,u.bottom),u.left=Pt(c.left,u.left),u},_e(e,s,l));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t,l=Y(n),r=nt(n);if(n===r)return e;let i={scrollLeft:0,scrollTop:0},s={x:1,y:1},f={x:0,y:0};if((l||!l&&o!=="fixed")&&((rt(n)!=="body"||It(r))&&(i=Vt(n)),Y(n))){let u=Ct(n);s=Tt(n),f.x=u.x+n.clientLeft,f.y=u.y+n.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-i.scrollLeft*s.x+f.x,y:e.y*s.y-i.scrollTop*s.y+f.y}},isElement:ot,getDimensions:function(t){return Y(t)?Ce(t):t.getBoundingClientRect()},getOffsetParent:Pe,getDocumentElement:nt,getScale:Tt,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t,l=this.getOffsetParent||Pe,r=this.getDimensions;return{reference:To(e,await l(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>G(t).direction==="rtl"};var se=(t,e,n)=>{let o=new Map,l={platform:xo,...n},r={...l.platform,_c:o};return Ee(t,e,{...l,platform:r})};var ce=async({elementReference:t=null,tooltipReference:e=null,tooltipArrowReference:n=null,place:o="top",offset:l=10,strategy:r="absolute",middlewares:i=[oe(Number(l)),ee(),ne({padding:5})]})=>{if(!t)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};if(e===null)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};let s=i;return n?(s.push(te({element:n,padding:5})),se(t,e,{placement:o,strategy:r,middleware:s}).then(({x:f,y:u,placement:a,middlewareData:c})=>{var T,x;let d={left:`${f}px`,top:`${u}px`},{x:p,y}=(T=c.arrow)!=null?T:{x:0,y:0},g=(x={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]])!=null?x:"bottom",w={left:p!=null?`${p}px`:"",top:y!=null?`${y}px`:"",right:"",bottom:"",[g]:"-4px"};return{tooltipStyles:d,tooltipArrowStyles:w,place:a}})):se(t,e,{placement:"bottom",strategy:r,middleware:s}).then(({x:f,y:u,placement:a})=>({tooltipStyles:{left:`${f}px`,top:`${u}px`},tooltipArrowStyles:{},place:a}))};var it={arrow:"react-tooltip__arrow_KtSkBq",clickable:"react-tooltip__clickable_KtSkBq",dark:"react-tooltip__dark_KtSkBq",error:"react-tooltip__error_KtSkBq",fixed:"react-tooltip__fixed_KtSkBq",info:"react-tooltip__info_KtSkBq",light:"react-tooltip__light_KtSkBq",noArrow:"react-tooltip__no-arrow_KtSkBq",show:"react-tooltip__show_KtSkBq",success:"react-tooltip__success_KtSkBq",tooltip:"react-tooltip__tooltip_KtSkBq",warning:"react-tooltip__warning_KtSkBq"};import{jsx as bo,jsxs as Eo}from"react/jsx-runtime";var vo=({id:t,className:e,classNameArrow:n,variant:o="dark",anchorId:l,anchorSelect:r,place:i="top",offset:s=10,events:f=["hover"],openOnClick:u=!1,positionStrategy:a="absolute",middlewares:c,wrapper:d,delayShow:p=0,delayHide:y=0,float:g=!1,noArrow:w=!1,clickable:T=!1,closeOnEsc:x=!1,style:v,position:P,afterShow:R,afterHide:W,content:K,isOpen:q,setIsOpen:U,activeAnchor:_,setActiveAnchor:b})=>{let E=lt(null),M=lt(null),C=lt(null),S=lt(null),[H,J]=xt(i),[Q,ut]=xt({}),[pt,st]=xt({}),[$,dt]=xt(!1),[Dt,mt]=xt(!1),Mt=lt(!1),vt=lt(null),{anchorRefs:Ht,setActiveAnchor:zt}=at(t),bt=lt(!1),[et,Et]=xt([]),ct=lt(!1),ht=u||f.includes("click");ve(()=>(ct.current=!0,()=>{ct.current=!1}),[]),tt(()=>{if(!$){let m=setTimeout(()=>{mt(!1)},150);return()=>{clearTimeout(m)}}return()=>null},[$]);let N=m=>{ct.current&&(m&&mt(!0),setTimeout(()=>{ct.current&&(U==null||U(m),q===void 0&&dt(m))},10))};tt(()=>{if(q===void 0)return()=>null;q&&mt(!0);let m=setTimeout(()=>{dt(q)},10);return()=>{clearTimeout(m)}},[q]),tt(()=>{$!==Mt.current&&(Mt.current=$,$?R==null||R():W==null||W())},[$]);let jt=()=>{C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{N(!0)},p)},yt=(m=y)=>{S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{bt.current||N(!1)},m)},At=m=>{var L;if(!m)return;p?jt():N(!0);let A=(L=m.currentTarget)!=null?L:m.target;b(A),zt({current:A}),S.current&&clearTimeout(S.current)},Lt=()=>{T?yt(y||100):y?yt():N(!1),C.current&&clearTimeout(C.current)},gt=({x:m,y:A})=>{ce({place:i,offset:s,elementReference:{getBoundingClientRect(){return{x:m,y:A,width:0,height:0,top:A,left:m,right:m,bottom:A}}},tooltipReference:E.current,tooltipArrowReference:M.current,strategy:a,middlewares:c}).then(k=>{Object.keys(k.tooltipStyles).length&&ut(k.tooltipStyles),Object.keys(k.tooltipArrowStyles).length&&st(k.tooltipArrowStyles),J(k.place)})},wt=m=>{if(!m)return;let A=m,L={x:A.clientX,y:A.clientY};gt(L),vt.current=L},pe=m=>{At(m),y&&yt()},B=m=>{var k;[document.querySelector(`[id='${l}']`),...et].some(O=>O==null?void 0:O.contains(m.target))||(k=E.current)!=null&&k.contains(m.target)||N(!1)},I=m=>{m.key==="Escape"&&N(!1)},h=Yt(At,50),D=Yt(Lt,50);tt(()=>{var F,z;let m=new Set(Ht);et.forEach(j=>{m.add({current:j})});let A=document.querySelector(`[id='${l}']`);A&&m.add({current:A}),x&&window.addEventListener("keydown",I);let L=[];ht?(window.addEventListener("click",B),L.push({event:"click",listener:pe})):(L.push({event:"mouseenter",listener:h},{event:"mouseleave",listener:D},{event:"focus",listener:h},{event:"blur",listener:D}),g&&L.push({event:"mousemove",listener:wt}));let k=()=>{bt.current=!0},O=()=>{bt.current=!1,Lt()};return T&&!ht&&((F=E.current)==null||F.addEventListener("mouseenter",k),(z=E.current)==null||z.addEventListener("mouseleave",O)),L.forEach(({event:j,listener:Bt})=>{m.forEach(Xt=>{var Ot;(Ot=Xt.current)==null||Ot.addEventListener(j,Bt)})}),()=>{var j,Bt;ht&&window.removeEventListener("click",B),x&&window.removeEventListener("keydown",I),T&&!ht&&((j=E.current)==null||j.removeEventListener("mouseenter",k),(Bt=E.current)==null||Bt.removeEventListener("mouseleave",O)),L.forEach(({event:Xt,listener:Ot})=>{m.forEach(Fe=>{var de;(de=Fe.current)==null||de.removeEventListener(Xt,Ot)})})}},[Dt,Ht,et,x,f]),tt(()=>{let m=r!=null?r:"";!m&&t&&(m=`[data-tooltip-id='${t}']`);let A=k=>{let O=[];k.forEach(F=>{if(F.type==="attributes"&&F.attributeName==="data-tooltip-id"&&F.target.getAttribute("data-tooltip-id")===t&&O.push(F.target),F.type==="childList"&&(_&&[...F.removedNodes].some(z=>z.contains(_)?(mt(!1),N(!1),b(null),!0):!1),!!m))try{let z=[...F.addedNodes].filter(j=>j.nodeType===1);O.push(...z.filter(j=>j.matches(m))),O.push(...z.flatMap(j=>[...j.querySelectorAll(m)]))}catch(z){}}),O.length&&Et(F=>[...F,...O])},L=new MutationObserver(A);return L.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>{L.disconnect()}},[t,r,_]),tt(()=>{if(P){gt(P);return}if(g){vt.current&>(vt.current);return}ce({place:i,offset:s,elementReference:_,tooltipReference:E.current,tooltipArrowReference:M.current,strategy:a,middlewares:c}).then(m=>{ct.current&&(Object.keys(m.tooltipStyles).length&&ut(m.tooltipStyles),Object.keys(m.tooltipArrowStyles).length&&st(m.tooltipArrowStyles),J(m.place))})},[$,_,K,i,s,a,P]),tt(()=>{var L;let m=document.querySelector(`[id='${l}']`),A=[...et,m];(!_||!A.includes(_))&&b((L=et[0])!=null?L:m)},[l,et,_]),tt(()=>()=>{C.current&&clearTimeout(C.current),S.current&&clearTimeout(S.current)},[]),tt(()=>{let m=r;if(!m&&t&&(m=`[data-tooltip-id='${t}']`),!!m)try{let A=Array.from(document.querySelectorAll(m));Et(A)}catch(A){Et([])}},[t,r]);let Z=K&&$&&Object.keys(Q).length>0;return Dt?Eo(d,{id:t,role:"tooltip",className:(0,ae.default)("react-tooltip",it.tooltip,it[o],e,`react-tooltip__place-${H}`,{[it.show]:Z,[it.fixed]:a==="fixed",[it.clickable]:T}),style:{...v,...Q},ref:E,children:[K,bo(d,{className:(0,ae.default)("react-tooltip-arrow",it.arrow,n,{[it.noArrow]:w}),style:pt,ref:M})]}):null},fe=vo;import{jsx as Lo}from"react/jsx-runtime";var Ao=({content:t})=>Lo("span",{dangerouslySetInnerHTML:{__html:t}}),ue=Ao;import{jsx as qe}from"react/jsx-runtime";var Ro=({id:t,anchorId:e,anchorSelect:n,content:o,html:l,render:r,className:i,classNameArrow:s,variant:f="dark",place:u="top",offset:a=10,wrapper:c="div",children:d=null,events:p=["hover"],openOnClick:y=!1,positionStrategy:g="absolute",middlewares:w,delayShow:T=0,delayHide:x=0,float:v=!1,noArrow:P=!1,clickable:R=!1,closeOnEsc:W=!1,style:K,position:q,isOpen:U,setIsOpen:_,afterShow:b,afterHide:E})=>{let[M,C]=X(o),[S,H]=X(l),[J,Q]=X(u),[ut,pt]=X(f),[st,$]=X(a),[dt,Dt]=X(T),[mt,Mt]=X(x),[vt,Ht]=X(v),[zt,bt]=X(c),[et,Et]=X(p),[ct,ht]=X(g),[N,jt]=X(null),{anchorRefs:yt,activeAnchor:At}=at(t),Lt=B=>B==null?void 0:B.getAttributeNames().reduce((h,D)=>{var Z;if(D.startsWith("data-tooltip-")){let m=D.replace(/^data-tooltip-/,"");h[m]=(Z=B==null?void 0:B.getAttribute(D))!=null?Z:null}return h},{}),gt=B=>{let I={place:h=>{Q(h!=null?h:u)},content:h=>{C(h!=null?h:o)},html:h=>{H(h!=null?h:l)},variant:h=>{pt(h!=null?h:f)},offset:h=>{$(h===null?a:Number(h))},wrapper:h=>{bt(h!=null?h:c)},events:h=>{let D=h==null?void 0:h.split(" ");Et(D!=null?D:p)},"position-strategy":h=>{ht(h!=null?h:g)},"delay-show":h=>{Dt(h===null?T:Number(h))},"delay-hide":h=>{Mt(h===null?x:Number(h))},float:h=>{Ht(h===null?v:h==="true")}};Object.values(I).forEach(h=>h(null)),Object.entries(B).forEach(([h,D])=>{var Z;(Z=I[h])==null||Z.call(I,D)})};$t(()=>{C(o)},[o]),$t(()=>{H(l)},[l]),$t(()=>{Q(u)},[u]),$t(()=>{var L;let B=new Set(yt),I=n;if(!I&&t&&(I=`[data-tooltip-id='${t}']`),I)try{document.querySelectorAll(I).forEach(O=>{B.add({current:O})})}catch(k){}let h=document.querySelector(`[id='${e}']`);if(h&&B.add({current:h}),!B.size)return()=>null;let D=(L=N!=null?N:h)!=null?L:At.current,Z=k=>{k.forEach(O=>{var z;if(!D||O.type!=="attributes"||!((z=O.attributeName)!=null&&z.startsWith("data-tooltip-")))return;let F=Lt(D);gt(F)})},m=new MutationObserver(Z),A={attributes:!0,childList:!1,subtree:!1};if(D){let k=Lt(D);gt(k),m.observe(D,A)}return()=>{m.disconnect()}},[yt,At,N,e,n]);let wt=d;return r?wt=r({content:M!=null?M:null,activeAnchor:N}):M&&(wt=M),S&&(wt=qe(ue,{content:S})),qe(fe,{...{id:t,anchorId:e,anchorSelect:n,className:i,classNameArrow:s,content:wt,place:J,variant:ut,offset:st,wrapper:zt,events:et,openOnClick:y,positionStrategy:ct,middlewares:w,delayShow:dt,delayHide:mt,float:vt,noArrow:P,clickable:R,closeOnEsc:W,style:K,position:q,isOpen:U,setIsOpen:_,afterShow:b,afterHide:E,activeAnchor:N,setActiveAnchor:B=>jt(B)}})},Ne=Ro;export{Ne as Tooltip,we as TooltipProvider,xe as TooltipWrapper};
|
|
2
|
-
/*! Bundled license information:
|
|
3
|
-
|
|
4
|
-
classnames/index.js:
|
|
5
|
-
(*!
|
|
6
|
-
Copyright (c) 2018 Jed Watson.
|
|
7
|
-
Licensed under the MIT License (MIT), see
|
|
8
|
-
http://jedwatson.github.io/classnames
|
|
9
|
-
*)
|
|
10
|
-
*/
|
|
11
|
-
//# sourceMappingURL=react-tooltip.min.mjs.map
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{createContext as r,useState as o,useCallback as l,useMemo as n,useContext as a,useRef as i,useEffect as c,useLayoutEffect as s}from"react";import u from"classnames";import{arrow as d,computePosition as p,offset as v,flip as m,shift as h}from"@floating-ui/dom";const f=(e,t,r)=>{let o=null;return function(...l){o&&clearTimeout(o),o=setTimeout((()=>{o=null,r||e.apply(this,l)}),t)}},y="DEFAULT_TOOLTIP_ID",w={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},S=r({getTooltipData:()=>w}),b=({children:t})=>{const[r,a]=o({[y]:new Set}),[i,c]=o({[y]:{current:null}}),s=(e,...t)=>{a((r=>{var o;const l=null!==(o=r[e])&&void 0!==o?o:new Set;return t.forEach((e=>l.add(e))),{...r,[e]:new Set(l)}}))},u=(e,...t)=>{a((r=>{const o=r[e];return o?(t.forEach((e=>o.delete(e))),{...r}):r}))},d=l(((e=y)=>{var t,o;return{anchorRefs:null!==(t=r[e])&&void 0!==t?t:new Set,activeAnchor:null!==(o=i[e])&&void 0!==o?o:{current:null},attach:(...t)=>s(e,...t),detach:(...t)=>u(e,...t),setActiveAnchor:t=>((e,t)=>{c((r=>{var o;return(null===(o=r[e])||void 0===o?void 0:o.current)===t.current?r:{...r,[e]:t}}))})(e,t)}}),[r,i,s,u]),p=n((()=>({getTooltipData:d})),[d]);return e(S.Provider,{value:p,children:t})};function g(e=y){return a(S).getTooltipData(e)}const A=({tooltipId:t,children:r,className:o,place:l,content:n,html:a,variant:s,offset:d,wrapper:p,events:v,positionStrategy:m,delayShow:h,delayHide:f})=>{const{attach:y,detach:w}=g(t),S=i(null);return c((()=>(y(S),()=>{w(S)})),[]),e("span",{ref:S,className:u("react-tooltip-wrapper",o),"data-tooltip-place":l,"data-tooltip-content":n,"data-tooltip-html":a,"data-tooltip-variant":s,"data-tooltip-offset":d,"data-tooltip-wrapper":p,"data-tooltip-events":v,"data-tooltip-position-strategy":m,"data-tooltip-delay-show":h,"data-tooltip-delay-hide":f,children:r})},_="undefined"!=typeof window?s:c,E=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:r=null,place:o="top",offset:l=10,strategy:n="absolute",middlewares:a=[v(Number(l)),m(),h({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};const i=a;return r?(i.push(d({element:r,padding:5})),p(e,t,{placement:o,strategy:n,middleware:i}).then((({x:e,y:t,placement:r,middlewareData:o})=>{var l,n;const a={left:`${e}px`,top:`${t}px`},{x:i,y:c}=null!==(l=o.arrow)&&void 0!==l?l:{x:0,y:0};return{tooltipStyles:a,tooltipArrowStyles:{left:null!=i?`${i}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",[null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]])&&void 0!==n?n:"bottom"]:"-4px"},place:r}}))):p(e,t,{placement:"bottom",strategy:n,middleware:i}).then((({x:e,y:t,placement:r})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:r})))};var T={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const k=({id:r,className:l,classNameArrow:n,variant:a="dark",anchorId:s,anchorSelect:d,place:p="top",offset:v=10,events:m=["hover"],openOnClick:h=!1,positionStrategy:y="absolute",middlewares:w,wrapper:S,delayShow:b=0,delayHide:A=0,float:k=!1,noArrow:O=!1,clickable:N=!1,closeOnEsc:x=!1,style:L,position:$,afterShow:R,afterHide:I,content:j,isOpen:H,setIsOpen:q,activeAnchor:D,setActiveAnchor:C})=>{const W=i(null),K=i(null),M=i(null),B=i(null),[F,X]=o(p),[J,P]=o({}),[U,Z]=o({}),[z,Y]=o(!1),[G,Q]=o(!1),V=i(!1),ee=i(null),{anchorRefs:te,setActiveAnchor:re}=g(r),oe=i(!1),[le,ne]=o([]),ae=i(!1),ie=h||m.includes("click");_((()=>(ae.current=!0,()=>{ae.current=!1})),[]),c((()=>{if(!z){const e=setTimeout((()=>{Q(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[z]);const ce=e=>{ae.current&&(e&&Q(!0),setTimeout((()=>{ae.current&&(null==q||q(e),void 0===H&&Y(e))}),10))};c((()=>{if(void 0===H)return()=>null;H&&Q(!0);const e=setTimeout((()=>{Y(H)}),10);return()=>{clearTimeout(e)}}),[H]),c((()=>{z!==V.current&&(V.current=z,z?null==R||R():null==I||I())}),[z]);const se=(e=A)=>{B.current&&clearTimeout(B.current),B.current=setTimeout((()=>{oe.current||ce(!1)}),e)},ue=e=>{var t;if(!e)return;b?(M.current&&clearTimeout(M.current),M.current=setTimeout((()=>{ce(!0)}),b)):ce(!0);const r=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;C(r),re({current:r}),B.current&&clearTimeout(B.current)},de=()=>{N?se(A||100):A?se():ce(!1),M.current&&clearTimeout(M.current)},pe=({x:e,y:t})=>{E({place:p,offset:v,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:W.current,tooltipArrowReference:K.current,strategy:y,middlewares:w}).then((e=>{Object.keys(e.tooltipStyles).length&&P(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&Z(e.tooltipArrowStyles),X(e.place)}))},ve=e=>{if(!e)return;const t=e,r={x:t.clientX,y:t.clientY};pe(r),ee.current=r},me=e=>{ue(e),A&&se()},he=e=>{var t;[document.querySelector(`[id='${s}']`),...le].some((t=>null==t?void 0:t.contains(e.target)))||(null===(t=W.current)||void 0===t?void 0:t.contains(e.target))||ce(!1)},fe=e=>{"Escape"===e.key&&ce(!1)},ye=f(ue,50),we=f(de,50);c((()=>{var e,t;const r=new Set(te);le.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${s}']`);o&&r.add({current:o}),x&&window.addEventListener("keydown",fe);const l=[];ie?(window.addEventListener("click",he),l.push({event:"click",listener:me})):(l.push({event:"mouseenter",listener:ye},{event:"mouseleave",listener:we},{event:"focus",listener:ye},{event:"blur",listener:we}),k&&l.push({event:"mousemove",listener:ve}));const n=()=>{oe.current=!0},a=()=>{oe.current=!1,de()};return N&&!ie&&(null===(e=W.current)||void 0===e||e.addEventListener("mouseenter",n),null===(t=W.current)||void 0===t||t.addEventListener("mouseleave",a)),l.forEach((({event:e,listener:t})=>{r.forEach((r=>{var o;null===(o=r.current)||void 0===o||o.addEventListener(e,t)}))})),()=>{var e,t;ie&&window.removeEventListener("click",he),x&&window.removeEventListener("keydown",fe),N&&!ie&&(null===(e=W.current)||void 0===e||e.removeEventListener("mouseenter",n),null===(t=W.current)||void 0===t||t.removeEventListener("mouseleave",a)),l.forEach((({event:e,listener:t})=>{r.forEach((r=>{var o;null===(o=r.current)||void 0===o||o.removeEventListener(e,t)}))}))}}),[G,te,le,x,m]),c((()=>{let e=null!=d?d:"";!e&&r&&(e=`[data-tooltip-id='${r}']`);const t=new MutationObserver((t=>{const o=[];t.forEach((t=>{if("attributes"===t.type&&"data-tooltip-id"===t.attributeName){t.target.getAttribute("data-tooltip-id")===r&&o.push(t.target)}if("childList"===t.type&&(D&&[...t.removedNodes].some((e=>!!e.contains(D)&&(Q(!1),ce(!1),C(null),!0))),e))try{const r=[...t.addedNodes].filter((e=>1===e.nodeType));o.push(...r.filter((t=>t.matches(e)))),o.push(...r.flatMap((t=>[...t.querySelectorAll(e)])))}catch(e){}})),o.length&&ne((e=>[...e,...o]))}));return t.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>{t.disconnect()}}),[r,d,D]),c((()=>{$?pe($):k?ee.current&&pe(ee.current):E({place:p,offset:v,elementReference:D,tooltipReference:W.current,tooltipArrowReference:K.current,strategy:y,middlewares:w}).then((e=>{ae.current&&(Object.keys(e.tooltipStyles).length&&P(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&Z(e.tooltipArrowStyles),X(e.place))}))}),[z,D,j,p,v,y,$]),c((()=>{var e;const t=document.querySelector(`[id='${s}']`),r=[...le,t];D&&r.includes(D)||C(null!==(e=le[0])&&void 0!==e?e:t)}),[s,le,D]),c((()=>()=>{M.current&&clearTimeout(M.current),B.current&&clearTimeout(B.current)}),[]),c((()=>{let e=d;if(!e&&r&&(e=`[data-tooltip-id='${r}']`),e)try{const t=Array.from(document.querySelectorAll(e));ne(t)}catch(e){ne([])}}),[r,d]);const Se=j&&z&&Object.keys(J).length>0;return G?t(S,{id:r,role:"tooltip",className:u("react-tooltip",T.tooltip,T[a],l,`react-tooltip__place-${F}`,{[T.show]:Se,[T.fixed]:"fixed"===y,[T.clickable]:N}),style:{...L,...J},ref:W,children:[j,e(S,{className:u("react-tooltip-arrow",T.arrow,n,{[T.noArrow]:O}),style:U,ref:K})]}):null},O=({content:t})=>e("span",{dangerouslySetInnerHTML:{__html:t}}),N=({id:t,anchorId:r,anchorSelect:l,content:n,html:a,render:i,className:s,classNameArrow:u,variant:d="dark",place:p="top",offset:v=10,wrapper:m="div",children:h=null,events:f=["hover"],openOnClick:y=!1,positionStrategy:w="absolute",middlewares:S,delayShow:b=0,delayHide:A=0,float:_=!1,noArrow:E=!1,clickable:T=!1,closeOnEsc:N=!1,style:x,position:L,isOpen:$,setIsOpen:R,afterShow:I,afterHide:j})=>{const[H,q]=o(n),[D,C]=o(a),[W,K]=o(p),[M,B]=o(d),[F,X]=o(v),[J,P]=o(b),[U,Z]=o(A),[z,Y]=o(_),[G,Q]=o(m),[V,ee]=o(f),[te,re]=o(w),[oe,le]=o(null),{anchorRefs:ne,activeAnchor:ae}=g(t),ie=e=>null==e?void 0:e.getAttributeNames().reduce(((t,r)=>{var o;if(r.startsWith("data-tooltip-")){t[r.replace(/^data-tooltip-/,"")]=null!==(o=null==e?void 0:e.getAttribute(r))&&void 0!==o?o:null}return t}),{}),ce=e=>{const t={place:e=>{var t;K(null!==(t=e)&&void 0!==t?t:p)},content:e=>{q(null!=e?e:n)},html:e=>{C(null!=e?e:a)},variant:e=>{var t;B(null!==(t=e)&&void 0!==t?t:d)},offset:e=>{X(null===e?v:Number(e))},wrapper:e=>{var t;Q(null!==(t=e)&&void 0!==t?t:m)},events:e=>{const t=null==e?void 0:e.split(" ");ee(null!=t?t:f)},"position-strategy":e=>{var t;re(null!==(t=e)&&void 0!==t?t:w)},"delay-show":e=>{P(null===e?b:Number(e))},"delay-hide":e=>{Z(null===e?A:Number(e))},float:e=>{Y(null===e?_:"true"===e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,r])=>{var o;null===(o=t[e])||void 0===o||o.call(t,r)}))};c((()=>{q(n)}),[n]),c((()=>{C(a)}),[a]),c((()=>{K(p)}),[p]),c((()=>{var e;const o=new Set(ne);let n=l;if(!n&&t&&(n=`[data-tooltip-id='${t}']`),n)try{document.querySelectorAll(n).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${l}" is not a valid CSS selector`)}const a=document.querySelector(`[id='${r}']`);if(a&&o.add({current:a}),!o.size)return()=>null;const i=null!==(e=null!=oe?oe:a)&&void 0!==e?e:ae.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!i||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const r=ie(i);ce(r)}))})),s={attributes:!0,childList:!1,subtree:!1};if(i){const e=ie(i);ce(e),c.observe(i,s)}return()=>{c.disconnect()}}),[ne,ae,oe,r,l]);let se=h;i?se=i({content:null!=H?H:null,activeAnchor:oe}):H&&(se=H),D&&(se=e(O,{content:D}));return e(k,{...{id:t,anchorId:r,anchorSelect:l,className:s,classNameArrow:u,content:se,place:W,variant:M,offset:F,wrapper:G,events:V,openOnClick:y,positionStrategy:te,middlewares:S,delayShow:J,delayHide:U,float:z,noArrow:E,clickable:T,closeOnEsc:N,style:x,position:L,isOpen:$,setIsOpen:R,afterShow:I,afterHide:j,activeAnchor:oe,setActiveAnchor:e=>le(e)}})};export{N as Tooltip,b as TooltipProvider,A as TooltipWrapper};
|