react-tooltip 5.3.1 → 5.3.2
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.
|
@@ -2789,6 +2789,7 @@ isHtmlContent = false, content, isOpen, setIsOpen, }) => {
|
|
|
2789
2789
|
}, delayHide);
|
|
2790
2790
|
};
|
|
2791
2791
|
const handleShowTooltip = (event) => {
|
|
2792
|
+
var _a;
|
|
2792
2793
|
if (!event) {
|
|
2793
2794
|
return;
|
|
2794
2795
|
}
|
|
@@ -2798,8 +2799,9 @@ isHtmlContent = false, content, isOpen, setIsOpen, }) => {
|
|
|
2798
2799
|
else {
|
|
2799
2800
|
handleShow(true);
|
|
2800
2801
|
}
|
|
2801
|
-
|
|
2802
|
-
|
|
2802
|
+
const target = (_a = event.currentTarget) !== null && _a !== void 0 ? _a : event.target;
|
|
2803
|
+
setActiveAnchor((anchor) => anchor.current === target ? anchor : { current: target });
|
|
2804
|
+
setProviderActiveAnchor({ current: target });
|
|
2803
2805
|
if (tooltipHideDelayTimerRef.current) {
|
|
2804
2806
|
clearTimeout(tooltipHideDelayTimerRef.current);
|
|
2805
2807
|
}
|
|
@@ -2860,19 +2862,15 @@ isHtmlContent = false, content, isOpen, setIsOpen, }) => {
|
|
|
2860
2862
|
handleTooltipPosition(mousePosition);
|
|
2861
2863
|
lastFloatPosition.current = mousePosition;
|
|
2862
2864
|
};
|
|
2863
|
-
const handleClickTooltipAnchor = () => {
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
else if (!setIsOpen && isOpen === undefined) {
|
|
2868
|
-
setShow(true);
|
|
2869
|
-
if (delayHide) {
|
|
2870
|
-
handleHideTooltipDelayed();
|
|
2871
|
-
}
|
|
2865
|
+
const handleClickTooltipAnchor = (event) => {
|
|
2866
|
+
handleShowTooltip(event);
|
|
2867
|
+
if (delayHide) {
|
|
2868
|
+
handleHideTooltipDelayed();
|
|
2872
2869
|
}
|
|
2873
2870
|
};
|
|
2874
2871
|
const handleClickOutsideAnchor = (event) => {
|
|
2875
|
-
|
|
2872
|
+
var _a;
|
|
2873
|
+
if ((_a = activeAnchor.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
|
|
2876
2874
|
return;
|
|
2877
2875
|
}
|
|
2878
2876
|
setShow(false);
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/i=l,function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)){if(o.length){var l=t.apply(null,o);l&&n.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var a in o)e.call(o,a)&&o[a]&&n.push(a)}}}return n.join(" ")}i.exports?(t.default=t,i.exports=t):window.classNames=t}();var a=l.exports;const s=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},c=({content:e})=>r.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),u={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},f=Object.assign((()=>u),u),p=e.createContext(f);function d(){return e.useContext(p)}function y(e){return e.split("-")[0]}function m(e){return e.split("-")[1]}function h(e){return["top","bottom"].includes(y(e))?"x":"y"}function g(e){return"y"===e?"height":"width"}function v(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=h(t),s=g(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(y(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(m(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function w(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function b(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function x(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=w(d),m=a[p?"floating"===f?"reference":"floating":f],h=b(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),g=b(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:r,y:o}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:s}):l[f]);return{top:h.top-g.top+y.top,bottom:g.bottom-h.bottom+y.bottom,left:h.left-g.left+y.left,right:g.right-h.right+y.right}}const S=Math.min,R=Math.max;function _(e,t,n){return R(e,S(t,n))}const k={left:"right",right:"left",bottom:"top",top:"bottom"};function T(e){return e.replace(/left|right|bottom|top/g,(e=>k[e]))}const j={start:"end",end:"start"};function O(e){return e.replace(/start|end/g,(e=>j[e]))}const E=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",flipAlignment:d=!0,...v}=e,w=y(r),b=f||(w===l||!d?[T(l)]:function(e){const t=T(e);return[O(e),t,O(t)]}(l)),S=[l,...b],R=await x(t,v),_=[];let k=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&_.push(R[w]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=m(e),o=h(e),i=g(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=T(l)),{main:l,cross:T(l)}}(r,i,await(null==a.isRTL?void 0:a.isRTL(s.floating)));_.push(R[e],R[t])}if(k=[...k,{placement:r,overflows:_}],!_.every((e=>e<=0))){var j,E;const e=(null!=(j=null==(E=o.flip)?void 0:E.index)?j:0)+1,t=S[e];if(t)return{data:{index:e,overflows:k},reset:{placement:t}};let n="bottom";switch(p){case"bestFit":{var A;const e=null==(A=k.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:A[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const A=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=y(n),a=m(n),s="x"===h(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:g}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof g&&(d="end"===a?-1*g:g),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};function P(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function N(e){if(null==e)return window;if(!P(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function C(e){return N(e).getComputedStyle(e)}function L(e){return P(e)?"":e?(e.nodeName||"").toLowerCase():""}function $(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function D(e){return e instanceof N(e).HTMLElement}function W(e){return e instanceof N(e).Element}function F(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof N(e).ShadowRoot||e instanceof ShadowRoot}function I(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=C(e);return/auto|scroll|overlay|hidden/.test(t+r+n)&&!["inline","contents"].includes(o)}function H(e){return["table","td","th"].includes(L(e))}function B(e){const t=/firefox/i.test($()),n=C(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function M(){return!/^((?!chrome|android).)*safari/i.test($())}function U(e){return["html","body","#document"].includes(L(e))}const V=Math.min,z=Math.max,Y=Math.round;function q(e,t,n){var r,o,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let s=1,c=1;t&&D(e)&&(s=e.offsetWidth>0&&Y(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&Y(a.height)/e.offsetHeight||1);const u=W(e)?N(e):window,f=!M()&&n,p=(a.left+(f&&null!=(r=null==(o=u.visualViewport)?void 0:o.offsetLeft)?r:0))/s,d=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/c,y=a.width/s,m=a.height/c;return{width:y,height:m,top:d,right:p+y,bottom:d+m,left:p,x:p,y:d}}function X(e){return(t=e,(t instanceof N(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function K(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function J(e){return q(X(e)).left+K(e).scrollLeft}function Z(e,t,n){const r=D(t),o=X(t),i=q(e,r&&function(e){const t=q(e);return Y(t.width)!==e.offsetWidth||Y(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==L(t)||I(o))&&(l=K(t)),D(t)){const e=q(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=J(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function G(e){if("html"===L(e))return e;const t=e.assignedSlot||e.parentNode||(F(e)?e.host:null)||X(e);return F(t)?t.host:t}function Q(e){return D(e)&&"fixed"!==C(e).position?e.offsetParent:null}function ee(e){const t=N(e);let n=Q(e);for(;n&&H(n)&&"static"===C(n).position;)n=Q(n);return n&&("html"===L(n)||"body"===L(n)&&"static"===C(n).position&&!B(n))?t:n||function(e){let t=G(e);for(;D(t)&&!U(t);){if(B(t))return t;t=G(t)}return null}(e)||t}function te(e){if(D(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=q(e);return{width:t.width,height:t.height}}function ne(e){const t=G(e);return U(t)?e.ownerDocument.body:D(t)&&I(t)?t:ne(t)}function re(e,t){var n;void 0===t&&(t=[]);const r=ne(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=N(r),l=o?[i].concat(i.visualViewport||[],I(r)?r:[]):r,a=t.concat(l);return o?a:a.concat(re(l))}function oe(e,t,n){return"viewport"===t?b(function(e,t){const n=N(e),r=X(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=M();(e||!e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n)):W(t)?function(e,t){const n=q(e,!1,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft;return{top:r,left:o,x:o,y:r,right:o+e.clientWidth,bottom:r+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):b(function(e){var t;const n=X(e),r=K(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=z(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=z(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-r.scrollLeft+J(e);const s=-r.scrollTop;return"rtl"===C(o||n).direction&&(a+=z(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:s}}(X(e)))}const ie={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e){let t=re(e).filter((e=>W(e)&&"body"!==L(e))),n=e,r=null;for(;W(n)&&!U(n);){const e=C(n);"static"===e.position&&r&&["absolute","fixed"].includes(r.position)&&!B(n)?t=t.filter((e=>e!==n)):r=e,n=G(n)}return t}(t):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=oe(t,n,o);return e.top=z(r.top,e.top),e.right=V(r.right,e.right),e.bottom=V(r.bottom,e.bottom),e.left=z(r.left,e.left),e}),oe(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=D(n),i=X(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==L(n)||I(i))&&(l=K(n)),D(n))){const e=q(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:W,getDimensions:te,getOffsetParent:ee,getDocumentElement:X,getElementRects:e=>{let{reference:t,floating:n,strategy:r}=e;return{reference:Z(t,ee(n),r),floating:{...te(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===C(e).direction},le=(e,t,n)=>(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=v(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:g,data:w,reset:b}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=g?g:f,d={...d,[i]:{...d[i],...w}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(p=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):b.rects),({x:u,y:f}=v(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{platform:ie,...n}),ae=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute"})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const l=[A(Number(o)),E(),(a={padding:5},void 0===a&&(a={}),{name:"shift",options:a,async fn(e){const{x:t,y:n,placement:r}=e,{mainAxis:o=!0,crossAxis:i=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=a,c={x:t,y:n},u=await x(e,s),f=h(y(r)),p="x"===f?"y":"x";let d=c[f],m=c[p];if(o){const e="y"===f?"bottom":"right";d=_(d+u["y"===f?"top":"left"],d,d-u[e])}if(i){const e="y"===p?"bottom":"right";m=_(m+u["y"===p?"top":"left"],m,m-u[e])}const g=l.fn({...e,[f]:d,[p]:m});return{...g,data:{x:g.x-t,y:g.y-n}}}})];var a;return n?(l.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:r=0}=null!=e?e:{},{x:o,y:i,placement:l,rects:a,platform:s}=t;if(null==n)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const c=w(r),u={x:o,y:i},f=h(l),p=m(l),d=g(f),y=await s.getDimensions(n),v="y"===f?"top":"left",b="y"===f?"bottom":"right",x=a.reference[d]+a.reference[f]-u[f]-a.floating[d],S=u[f]-a.reference[f],R=await(null==s.getOffsetParent?void 0:s.getOffsetParent(n));let k=R?"y"===f?R.clientHeight||0:R.clientWidth||0:0;0===k&&(k=a.floating[d]);const T=x/2-S/2,j=c[v],O=k-y[d]-c[b],E=k/2-y[d]/2+T,A=_(j,E,O),P=("start"===p?c[v]:c[b])>0&&E!==A&&a.reference[d]<=a.floating[d];return{[f]:u[f]-(P?E<j?j-E:O-E:0),data:{[f]:A,centerOffset:E-A}}}}))({element:n,padding:5})),le(e,t,{placement:r,strategy:i,middleware:l}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):le(e,t,{placement:"bottom",strategy:i,middleware:l}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})))};var se={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",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 ce=({id:t,className:n,classNameArrow:o,variant:i="dark",anchorId:l,place:u="top",offset:f=10,events:p=["hover"],positionStrategy:y="absolute",wrapper:m="div",children:h=null,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b,style:x,position:S,isHtmlContent:R=!1,content:_,isOpen:k,setIsOpen:T})=>{const j=e.useRef(null),O=e.useRef(null),E=e.useRef(null),A=e.useRef(null),[P,N]=e.useState({}),[C,L]=e.useState({}),[$,D]=e.useState(!1),[W,F]=e.useState(!1),I=e.useRef(null),{anchorRefs:H,setActiveAnchor:B}=d()(t),[M,U]=e.useState({current:null}),V=e=>{T?T(e):void 0===k&&D(e)},z=()=>{A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{V(!1)}),v)},Y=({x:e,y:t})=>{const n={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};F(!0),ae({place:u,offset:f,elementReference:n,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles)}))},q=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};Y(n),I.current=n},X=()=>{T?T(!k):T||void 0!==k||(D(!0),v&&z())},K=e=>{e.target!==M.current&&D(!1)},J=s((e=>{e&&(g?(E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{V(!0)}),g)):V(!0),U((t=>t.current===e.target?t:{current:e.target})),B({current:e.target}),A.current&&clearTimeout(A.current))}),50),Z=s((()=>{v?z():V(!1),E.current&&clearTimeout(E.current)}),50);e.useEffect((()=>{const e=new Set(H),t=document.querySelector(`[id='${l}']`);if(t&&(U((e=>e.current===t?e:{current:t})),e.add({current:t})),!e.size)return()=>null;const n=[];return p.find((e=>"click"===e))&&(window.addEventListener("click",K),n.push({event:"click",listener:X})),p.find((e=>"hover"===e))&&(n.push({event:"mouseenter",listener:J},{event:"mouseleave",listener:Z},{event:"focus",listener:J},{event:"blur",listener:Z}),w&&n.push({event:"mousemove",listener:q})),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.addEventListener(t,n)}))})),()=>{window.removeEventListener("click",K),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.removeEventListener(t,n)}))}))}}),[H,M,l,p,v,g]),e.useEffect((()=>{if(S)return Y(S),()=>null;if(w)return I.current&&Y(I.current),()=>null;let e=M.current;l&&(e=document.querySelector(`[id='${l}']`)),F(!0);let t=!0;return ae({place:u,offset:f,elementReference:e,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{t&&(F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles))})),()=>{t=!1}}),[$,k,l,M,_,u,f,y,S]),e.useEffect((()=>()=>{E.current&&clearTimeout(E.current),A.current&&clearTimeout(A.current)}),[]);const G=Boolean(_||h);return r.exports.jsxs(m,{id:t,role:"tooltip",className:a(se.tooltip,se[i],n,{[se.show]:G&&!W&&(k||$),[se.fixed]:"fixed"===y}),style:{...x,...P},ref:j,children:[h||(R?r.exports.jsx(c,{content:_}):_),r.exports.jsx("div",{className:a(se.arrow,o,{[se["no-arrow"]]:b}),style:C,ref:O})]})};exports.Tooltip=({id:t,anchorId:n,content:o,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:p=null,events:y=["hover"],positionStrategy:m="absolute",delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R})=>{const[_,k]=e.useState(o||i),[T,j]=e.useState(c),[O,E]=e.useState(s),[A,P]=e.useState(u),[N,C]=e.useState(h),[L,$]=e.useState(g),[D,W]=e.useState(v),[F,I]=e.useState(f),[H,B]=e.useState(y),[M,U]=e.useState(m),[V,z]=e.useState(Boolean(i)),{anchorRefs:Y,activeAnchor:q}=d()(t),X=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),K=e=>{const t={place:e=>{var t;j(null!==(t=e)&&void 0!==t?t:c)},content:e=>{k(null!=e?e:o)},html:e=>{var t;z(Boolean(null!=e?e:i)),k(null!==(t=null!=e?e:i)&&void 0!==t?t:o)},variant:e=>{var t;E(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{P(null===e?u:Number(e))},wrapper:e=>{var t;I(null!==(t=e)&&void 0!==t?t:"div")},events:e=>{const t=null==e?void 0:e.split(" ");B(null!=t?t:y)},"position-strategy":e=>{var t;U(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{C(null===e?h:Number(e))},"delay-hide":e=>{$(null===e?g:Number(e))},float:e=>{W(null===e?v:Boolean(e))}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};e.useEffect((()=>{z(!1),k(o),i&&(z(!0),k(i))}),[o,i]),e.useEffect((()=>{var e;const t=new Set(Y),r=document.querySelector(`[id='${n}']`);if(r&&t.add({current:r}),!t.size)return()=>null;const o=new MutationObserver((e=>{e.forEach((e=>{var t;if(!q.current||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=X(q.current);K(n)}))})),i={attributes:!0,childList:!1,subtree:!1},l=null!==(e=q.current)&&void 0!==e?e:r;if(l){const e=X(l);K(e),o.observe(l,i)}return()=>{o.disconnect()}}),[Y,q,n]);const J={id:t,anchorId:n,className:l,classNameArrow:a,content:_,isHtmlContent:V,place:T,variant:O,offset:A,wrapper:F,events:H,positionStrategy:M,delayShow:N,delayHide:L,float:D,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R};return p?r.exports.jsx(ce,{...J,children:p}):r.exports.jsx(ce,{...J})},exports.TooltipProvider=({children:t})=>{const n=e.useId(),[o,i]=e.useState({[n]:new Set}),[l,a]=e.useState({[n]:{current:null}}),s=(e,...t)=>{i((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},c=(e,...t)=>{i((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=e.useCallback((e=>{var t,r;return{anchorRefs:null!==(t=o[null!=e?e:n])&&void 0!==t?t:new Set,activeAnchor:null!==(r=l[null!=e?e:n])&&void 0!==r?r:{current:null},attach:(...t)=>s(null!=e?e:n,...t),detach:(...t)=>c(null!=e?e:n,...t),setActiveAnchor:t=>((e,t)=>{a((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(null!=e?e:n,t)}}),[n,o,l,s,c]),f=e.useMemo((()=>{const e=u(n);return Object.assign((e=>u(e)),e)}),[u]);return r.exports.jsx(p.Provider,{value:f,children:t})},exports.TooltipWrapper=({tooltipId:t,children:n,place:o,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:p,delayHide:y})=>{const{attach:m,detach:h}=d()(t),g=e.useRef(null);return e.useEffect((()=>(m(g),()=>{h(g)})),[]),r.exports.jsx("span",{ref:g,"data-tooltip-place":o,"data-tooltip-content":i,"data-tooltip-html":l,"data-tooltip-variant":a,"data-tooltip-offset":s,"data-tooltip-wrapper":c,"data-tooltip-events":u,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":p,"data-tooltip-delay-hide":y,children:n})};
|
|
6
|
+
*/i=l,function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)){if(o.length){var l=t.apply(null,o);l&&n.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var a in o)e.call(o,a)&&o[a]&&n.push(a)}}}return n.join(" ")}i.exports?(t.default=t,i.exports=t):window.classNames=t}();var a=l.exports;const s=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},c=({content:e})=>r.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),u={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},f=Object.assign((()=>u),u),p=e.createContext(f);function d(){return e.useContext(p)}function y(e){return e.split("-")[0]}function m(e){return e.split("-")[1]}function h(e){return["top","bottom"].includes(y(e))?"x":"y"}function g(e){return"y"===e?"height":"width"}function v(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=h(t),s=g(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(y(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(m(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function w(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function b(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function x(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=w(d),m=a[p?"floating"===f?"reference":"floating":f],h=b(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),g=b(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:r,y:o}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:s}):l[f]);return{top:h.top-g.top+y.top,bottom:g.bottom-h.bottom+y.bottom,left:h.left-g.left+y.left,right:g.right-h.right+y.right}}const S=Math.min,R=Math.max;function _(e,t,n){return R(e,S(t,n))}const k={left:"right",right:"left",bottom:"top",top:"bottom"};function T(e){return e.replace(/left|right|bottom|top/g,(e=>k[e]))}const j={start:"end",end:"start"};function O(e){return e.replace(/start|end/g,(e=>j[e]))}const E=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",flipAlignment:d=!0,...v}=e,w=y(r),b=f||(w===l||!d?[T(l)]:function(e){const t=T(e);return[O(e),t,O(t)]}(l)),S=[l,...b],R=await x(t,v),_=[];let k=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&_.push(R[w]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=m(e),o=h(e),i=g(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=T(l)),{main:l,cross:T(l)}}(r,i,await(null==a.isRTL?void 0:a.isRTL(s.floating)));_.push(R[e],R[t])}if(k=[...k,{placement:r,overflows:_}],!_.every((e=>e<=0))){var j,E;const e=(null!=(j=null==(E=o.flip)?void 0:E.index)?j:0)+1,t=S[e];if(t)return{data:{index:e,overflows:k},reset:{placement:t}};let n="bottom";switch(p){case"bestFit":{var A;const e=null==(A=k.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:A[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const A=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=y(n),a=m(n),s="x"===h(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:g}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof g&&(d="end"===a?-1*g:g),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};function P(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function N(e){if(null==e)return window;if(!P(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function C(e){return N(e).getComputedStyle(e)}function L(e){return P(e)?"":e?(e.nodeName||"").toLowerCase():""}function $(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function D(e){return e instanceof N(e).HTMLElement}function W(e){return e instanceof N(e).Element}function F(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof N(e).ShadowRoot||e instanceof ShadowRoot}function I(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=C(e);return/auto|scroll|overlay|hidden/.test(t+r+n)&&!["inline","contents"].includes(o)}function H(e){return["table","td","th"].includes(L(e))}function B(e){const t=/firefox/i.test($()),n=C(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function M(){return!/^((?!chrome|android).)*safari/i.test($())}function U(e){return["html","body","#document"].includes(L(e))}const V=Math.min,z=Math.max,Y=Math.round;function q(e,t,n){var r,o,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let s=1,c=1;t&&D(e)&&(s=e.offsetWidth>0&&Y(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&Y(a.height)/e.offsetHeight||1);const u=W(e)?N(e):window,f=!M()&&n,p=(a.left+(f&&null!=(r=null==(o=u.visualViewport)?void 0:o.offsetLeft)?r:0))/s,d=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/c,y=a.width/s,m=a.height/c;return{width:y,height:m,top:d,right:p+y,bottom:d+m,left:p,x:p,y:d}}function X(e){return(t=e,(t instanceof N(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function K(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function J(e){return q(X(e)).left+K(e).scrollLeft}function Z(e,t,n){const r=D(t),o=X(t),i=q(e,r&&function(e){const t=q(e);return Y(t.width)!==e.offsetWidth||Y(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==L(t)||I(o))&&(l=K(t)),D(t)){const e=q(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=J(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function G(e){if("html"===L(e))return e;const t=e.assignedSlot||e.parentNode||(F(e)?e.host:null)||X(e);return F(t)?t.host:t}function Q(e){return D(e)&&"fixed"!==C(e).position?e.offsetParent:null}function ee(e){const t=N(e);let n=Q(e);for(;n&&H(n)&&"static"===C(n).position;)n=Q(n);return n&&("html"===L(n)||"body"===L(n)&&"static"===C(n).position&&!B(n))?t:n||function(e){let t=G(e);for(;D(t)&&!U(t);){if(B(t))return t;t=G(t)}return null}(e)||t}function te(e){if(D(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=q(e);return{width:t.width,height:t.height}}function ne(e){const t=G(e);return U(t)?e.ownerDocument.body:D(t)&&I(t)?t:ne(t)}function re(e,t){var n;void 0===t&&(t=[]);const r=ne(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=N(r),l=o?[i].concat(i.visualViewport||[],I(r)?r:[]):r,a=t.concat(l);return o?a:a.concat(re(l))}function oe(e,t,n){return"viewport"===t?b(function(e,t){const n=N(e),r=X(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=M();(e||!e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n)):W(t)?function(e,t){const n=q(e,!1,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft;return{top:r,left:o,x:o,y:r,right:o+e.clientWidth,bottom:r+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):b(function(e){var t;const n=X(e),r=K(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=z(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=z(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-r.scrollLeft+J(e);const s=-r.scrollTop;return"rtl"===C(o||n).direction&&(a+=z(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:s}}(X(e)))}const ie={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e){let t=re(e).filter((e=>W(e)&&"body"!==L(e))),n=e,r=null;for(;W(n)&&!U(n);){const e=C(n);"static"===e.position&&r&&["absolute","fixed"].includes(r.position)&&!B(n)?t=t.filter((e=>e!==n)):r=e,n=G(n)}return t}(t):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=oe(t,n,o);return e.top=z(r.top,e.top),e.right=V(r.right,e.right),e.bottom=V(r.bottom,e.bottom),e.left=z(r.left,e.left),e}),oe(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=D(n),i=X(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==L(n)||I(i))&&(l=K(n)),D(n))){const e=q(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:W,getDimensions:te,getOffsetParent:ee,getDocumentElement:X,getElementRects:e=>{let{reference:t,floating:n,strategy:r}=e;return{reference:Z(t,ee(n),r),floating:{...te(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===C(e).direction},le=(e,t,n)=>(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=v(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:g,data:w,reset:b}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=g?g:f,d={...d,[i]:{...d[i],...w}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(p=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):b.rects),({x:u,y:f}=v(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{platform:ie,...n}),ae=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute"})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const l=[A(Number(o)),E(),(a={padding:5},void 0===a&&(a={}),{name:"shift",options:a,async fn(e){const{x:t,y:n,placement:r}=e,{mainAxis:o=!0,crossAxis:i=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=a,c={x:t,y:n},u=await x(e,s),f=h(y(r)),p="x"===f?"y":"x";let d=c[f],m=c[p];if(o){const e="y"===f?"bottom":"right";d=_(d+u["y"===f?"top":"left"],d,d-u[e])}if(i){const e="y"===p?"bottom":"right";m=_(m+u["y"===p?"top":"left"],m,m-u[e])}const g=l.fn({...e,[f]:d,[p]:m});return{...g,data:{x:g.x-t,y:g.y-n}}}})];var a;return n?(l.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:r=0}=null!=e?e:{},{x:o,y:i,placement:l,rects:a,platform:s}=t;if(null==n)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const c=w(r),u={x:o,y:i},f=h(l),p=m(l),d=g(f),y=await s.getDimensions(n),v="y"===f?"top":"left",b="y"===f?"bottom":"right",x=a.reference[d]+a.reference[f]-u[f]-a.floating[d],S=u[f]-a.reference[f],R=await(null==s.getOffsetParent?void 0:s.getOffsetParent(n));let k=R?"y"===f?R.clientHeight||0:R.clientWidth||0:0;0===k&&(k=a.floating[d]);const T=x/2-S/2,j=c[v],O=k-y[d]-c[b],E=k/2-y[d]/2+T,A=_(j,E,O),P=("start"===p?c[v]:c[b])>0&&E!==A&&a.reference[d]<=a.floating[d];return{[f]:u[f]-(P?E<j?j-E:O-E:0),data:{[f]:A,centerOffset:E-A}}}}))({element:n,padding:5})),le(e,t,{placement:r,strategy:i,middleware:l}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):le(e,t,{placement:"bottom",strategy:i,middleware:l}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})))};var se={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",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 ce=({id:t,className:n,classNameArrow:o,variant:i="dark",anchorId:l,place:u="top",offset:f=10,events:p=["hover"],positionStrategy:y="absolute",wrapper:m="div",children:h=null,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b,style:x,position:S,isHtmlContent:R=!1,content:_,isOpen:k,setIsOpen:T})=>{const j=e.useRef(null),O=e.useRef(null),E=e.useRef(null),A=e.useRef(null),[P,N]=e.useState({}),[C,L]=e.useState({}),[$,D]=e.useState(!1),[W,F]=e.useState(!1),I=e.useRef(null),{anchorRefs:H,setActiveAnchor:B}=d()(t),[M,U]=e.useState({current:null}),V=e=>{T?T(e):void 0===k&&D(e)},z=()=>{A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{V(!1)}),v)},Y=e=>{var t;if(!e)return;g?(E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{V(!0)}),g)):V(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;U((e=>e.current===n?e:{current:n})),B({current:n}),A.current&&clearTimeout(A.current)},q=({x:e,y:t})=>{const n={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};F(!0),ae({place:u,offset:f,elementReference:n,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles)}))},X=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};q(n),I.current=n},K=e=>{Y(e),v&&z()},J=e=>{var t;(null===(t=M.current)||void 0===t?void 0:t.contains(e.target))||D(!1)},Z=s(Y,50),G=s((()=>{v?z():V(!1),E.current&&clearTimeout(E.current)}),50);e.useEffect((()=>{const e=new Set(H),t=document.querySelector(`[id='${l}']`);if(t&&(U((e=>e.current===t?e:{current:t})),e.add({current:t})),!e.size)return()=>null;const n=[];return p.find((e=>"click"===e))&&(window.addEventListener("click",J),n.push({event:"click",listener:K})),p.find((e=>"hover"===e))&&(n.push({event:"mouseenter",listener:Z},{event:"mouseleave",listener:G},{event:"focus",listener:Z},{event:"blur",listener:G}),w&&n.push({event:"mousemove",listener:X})),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.addEventListener(t,n)}))})),()=>{window.removeEventListener("click",J),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.removeEventListener(t,n)}))}))}}),[H,M,l,p,v,g]),e.useEffect((()=>{if(S)return q(S),()=>null;if(w)return I.current&&q(I.current),()=>null;let e=M.current;l&&(e=document.querySelector(`[id='${l}']`)),F(!0);let t=!0;return ae({place:u,offset:f,elementReference:e,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{t&&(F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles))})),()=>{t=!1}}),[$,k,l,M,_,u,f,y,S]),e.useEffect((()=>()=>{E.current&&clearTimeout(E.current),A.current&&clearTimeout(A.current)}),[]);const Q=Boolean(_||h);return r.exports.jsxs(m,{id:t,role:"tooltip",className:a(se.tooltip,se[i],n,{[se.show]:Q&&!W&&(k||$),[se.fixed]:"fixed"===y}),style:{...x,...P},ref:j,children:[h||(R?r.exports.jsx(c,{content:_}):_),r.exports.jsx("div",{className:a(se.arrow,o,{[se["no-arrow"]]:b}),style:C,ref:O})]})};exports.Tooltip=({id:t,anchorId:n,content:o,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:p=null,events:y=["hover"],positionStrategy:m="absolute",delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R})=>{const[_,k]=e.useState(o||i),[T,j]=e.useState(c),[O,E]=e.useState(s),[A,P]=e.useState(u),[N,C]=e.useState(h),[L,$]=e.useState(g),[D,W]=e.useState(v),[F,I]=e.useState(f),[H,B]=e.useState(y),[M,U]=e.useState(m),[V,z]=e.useState(Boolean(i)),{anchorRefs:Y,activeAnchor:q}=d()(t),X=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),K=e=>{const t={place:e=>{var t;j(null!==(t=e)&&void 0!==t?t:c)},content:e=>{k(null!=e?e:o)},html:e=>{var t;z(Boolean(null!=e?e:i)),k(null!==(t=null!=e?e:i)&&void 0!==t?t:o)},variant:e=>{var t;E(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{P(null===e?u:Number(e))},wrapper:e=>{var t;I(null!==(t=e)&&void 0!==t?t:"div")},events:e=>{const t=null==e?void 0:e.split(" ");B(null!=t?t:y)},"position-strategy":e=>{var t;U(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{C(null===e?h:Number(e))},"delay-hide":e=>{$(null===e?g:Number(e))},float:e=>{W(null===e?v:Boolean(e))}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};e.useEffect((()=>{z(!1),k(o),i&&(z(!0),k(i))}),[o,i]),e.useEffect((()=>{var e;const t=new Set(Y),r=document.querySelector(`[id='${n}']`);if(r&&t.add({current:r}),!t.size)return()=>null;const o=new MutationObserver((e=>{e.forEach((e=>{var t;if(!q.current||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=X(q.current);K(n)}))})),i={attributes:!0,childList:!1,subtree:!1},l=null!==(e=q.current)&&void 0!==e?e:r;if(l){const e=X(l);K(e),o.observe(l,i)}return()=>{o.disconnect()}}),[Y,q,n]);const J={id:t,anchorId:n,className:l,classNameArrow:a,content:_,isHtmlContent:V,place:T,variant:O,offset:A,wrapper:F,events:H,positionStrategy:M,delayShow:N,delayHide:L,float:D,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R};return p?r.exports.jsx(ce,{...J,children:p}):r.exports.jsx(ce,{...J})},exports.TooltipProvider=({children:t})=>{const n=e.useId(),[o,i]=e.useState({[n]:new Set}),[l,a]=e.useState({[n]:{current:null}}),s=(e,...t)=>{i((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},c=(e,...t)=>{i((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=e.useCallback((e=>{var t,r;return{anchorRefs:null!==(t=o[null!=e?e:n])&&void 0!==t?t:new Set,activeAnchor:null!==(r=l[null!=e?e:n])&&void 0!==r?r:{current:null},attach:(...t)=>s(null!=e?e:n,...t),detach:(...t)=>c(null!=e?e:n,...t),setActiveAnchor:t=>((e,t)=>{a((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(null!=e?e:n,t)}}),[n,o,l,s,c]),f=e.useMemo((()=>{const e=u(n);return Object.assign((e=>u(e)),e)}),[u]);return r.exports.jsx(p.Provider,{value:f,children:t})},exports.TooltipWrapper=({tooltipId:t,children:n,place:o,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:p,delayHide:y})=>{const{attach:m,detach:h}=d()(t),g=e.useRef(null);return e.useEffect((()=>(m(g),()=>{h(g)})),[]),r.exports.jsx("span",{ref:g,"data-tooltip-place":o,"data-tooltip-content":i,"data-tooltip-html":l,"data-tooltip-variant":a,"data-tooltip-offset":s,"data-tooltip-wrapper":c,"data-tooltip-events":u,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":p,"data-tooltip-delay-hide":y,children:n})};
|
|
@@ -2781,6 +2781,7 @@ isHtmlContent = false, content, isOpen, setIsOpen, }) => {
|
|
|
2781
2781
|
}, delayHide);
|
|
2782
2782
|
};
|
|
2783
2783
|
const handleShowTooltip = (event) => {
|
|
2784
|
+
var _a;
|
|
2784
2785
|
if (!event) {
|
|
2785
2786
|
return;
|
|
2786
2787
|
}
|
|
@@ -2790,8 +2791,9 @@ isHtmlContent = false, content, isOpen, setIsOpen, }) => {
|
|
|
2790
2791
|
else {
|
|
2791
2792
|
handleShow(true);
|
|
2792
2793
|
}
|
|
2793
|
-
|
|
2794
|
-
|
|
2794
|
+
const target = (_a = event.currentTarget) !== null && _a !== void 0 ? _a : event.target;
|
|
2795
|
+
setActiveAnchor((anchor) => anchor.current === target ? anchor : { current: target });
|
|
2796
|
+
setProviderActiveAnchor({ current: target });
|
|
2795
2797
|
if (tooltipHideDelayTimerRef.current) {
|
|
2796
2798
|
clearTimeout(tooltipHideDelayTimerRef.current);
|
|
2797
2799
|
}
|
|
@@ -2852,19 +2854,15 @@ isHtmlContent = false, content, isOpen, setIsOpen, }) => {
|
|
|
2852
2854
|
handleTooltipPosition(mousePosition);
|
|
2853
2855
|
lastFloatPosition.current = mousePosition;
|
|
2854
2856
|
};
|
|
2855
|
-
const handleClickTooltipAnchor = () => {
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
else if (!setIsOpen && isOpen === undefined) {
|
|
2860
|
-
setShow(true);
|
|
2861
|
-
if (delayHide) {
|
|
2862
|
-
handleHideTooltipDelayed();
|
|
2863
|
-
}
|
|
2857
|
+
const handleClickTooltipAnchor = (event) => {
|
|
2858
|
+
handleShowTooltip(event);
|
|
2859
|
+
if (delayHide) {
|
|
2860
|
+
handleHideTooltipDelayed();
|
|
2864
2861
|
}
|
|
2865
2862
|
};
|
|
2866
2863
|
const handleClickOutsideAnchor = (event) => {
|
|
2867
|
-
|
|
2864
|
+
var _a;
|
|
2865
|
+
if ((_a = activeAnchor.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
|
|
2868
2866
|
return;
|
|
2869
2867
|
}
|
|
2870
2868
|
setShow(false);
|
|
@@ -3,4 +3,4 @@ import e,{createContext as t,useId as n,useState as r,useCallback as o,useMemo a
|
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/f=p,function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)){if(o.length){var l=t.apply(null,o);l&&n.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var a in o)e.call(o,a)&&o[a]&&n.push(a)}}}return n.join(" ")}f.exports?(t.default=t,f.exports=t):window.classNames=t}();var d=p.exports;const y=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},m=({content:e})=>c.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),h={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},g=t(Object.assign((()=>h),h)),v=({children:e})=>{const t=n(),[l,a]=r({[t]:new Set}),[s,u]=r({[t]:{current:null}}),f=(e,...t)=>{a((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},p=(e,...t)=>{a((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},d=o((e=>{var n,r;return{anchorRefs:null!==(n=l[null!=e?e:t])&&void 0!==n?n:new Set,activeAnchor:null!==(r=s[null!=e?e:t])&&void 0!==r?r:{current:null},attach:(...n)=>f(null!=e?e:t,...n),detach:(...n)=>p(null!=e?e:t,...n),setActiveAnchor:n=>((e,t)=>{u((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(null!=e?e:t,n)}}),[t,l,s,f,p]),y=i((()=>{const e=d(t);return Object.assign((e=>d(e)),e)}),[d]);return c.exports.jsx(g.Provider,{value:y,children:e})};function w(){return l(g)}const b=({tooltipId:e,children:t,place:n,content:r,html:o,variant:i,offset:l,wrapper:u,events:f,positionStrategy:p,delayShow:d,delayHide:y})=>{const{attach:m,detach:h}=w()(e),g=a(null);return s((()=>(m(g),()=>{h(g)})),[]),c.exports.jsx("span",{ref:g,"data-tooltip-place":n,"data-tooltip-content":r,"data-tooltip-html":o,"data-tooltip-variant":i,"data-tooltip-offset":l,"data-tooltip-wrapper":u,"data-tooltip-events":f,"data-tooltip-position-strategy":p,"data-tooltip-delay-show":d,"data-tooltip-delay-hide":y,children:t})};function x(e){return e.split("-")[0]}function S(e){return e.split("-")[1]}function _(e){return["top","bottom"].includes(x(e))?"x":"y"}function R(e){return"y"===e?"height":"width"}function k(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=_(t),s=R(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(x(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(S(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function T(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function j(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function O(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=T(d),m=a[p?"floating"===f?"reference":"floating":f],h=j(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),g=j(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:r,y:o}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:s}):l[f]);return{top:h.top-g.top+y.top,bottom:g.bottom-h.bottom+y.bottom,left:h.left-g.left+y.left,right:g.right-h.right+y.right}}const E=Math.min,A=Math.max;function P(e,t,n){return A(e,E(t,n))}const N={left:"right",right:"left",bottom:"top",top:"bottom"};function L(e){return e.replace(/left|right|bottom|top/g,(e=>N[e]))}const C={start:"end",end:"start"};function $(e){return e.replace(/start|end/g,(e=>C[e]))}const D=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",flipAlignment:d=!0,...y}=e,m=x(r),h=f||(m===l||!d?[L(l)]:function(e){const t=L(e);return[$(e),t,$(t)]}(l)),g=[l,...h],v=await O(t,y),w=[];let b=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&w.push(v[m]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=S(e),o=_(e),i=R(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=L(l)),{main:l,cross:L(l)}}(r,i,await(null==a.isRTL?void 0:a.isRTL(s.floating)));w.push(v[e],v[t])}if(b=[...b,{placement:r,overflows:w}],!w.every((e=>e<=0))){var k,T;const e=(null!=(k=null==(T=o.flip)?void 0:T.index)?k:0)+1,t=g[e];if(t)return{data:{index:e,overflows:b},reset:{placement:t}};let n="bottom";switch(p){case"bestFit":{var j;const e=null==(j=b.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:j[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const F=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=x(n),a=S(n),s="x"===_(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:y}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof y&&(d="end"===a?-1*y:y),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};function W(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function I(e){if(null==e)return window;if(!W(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function H(e){return I(e).getComputedStyle(e)}function B(e){return W(e)?"":e?(e.nodeName||"").toLowerCase():""}function U(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function M(e){return e instanceof I(e).HTMLElement}function V(e){return e instanceof I(e).Element}function z(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof I(e).ShadowRoot||e instanceof ShadowRoot}function Y(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=H(e);return/auto|scroll|overlay|hidden/.test(t+r+n)&&!["inline","contents"].includes(o)}function q(e){return["table","td","th"].includes(B(e))}function X(e){const t=/firefox/i.test(U()),n=H(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function K(){return!/^((?!chrome|android).)*safari/i.test(U())}function J(e){return["html","body","#document"].includes(B(e))}const Z=Math.min,G=Math.max,Q=Math.round;function ee(e,t,n){var r,o,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let s=1,c=1;t&&M(e)&&(s=e.offsetWidth>0&&Q(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&Q(a.height)/e.offsetHeight||1);const u=V(e)?I(e):window,f=!K()&&n,p=(a.left+(f&&null!=(r=null==(o=u.visualViewport)?void 0:o.offsetLeft)?r:0))/s,d=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/c,y=a.width/s,m=a.height/c;return{width:y,height:m,top:d,right:p+y,bottom:d+m,left:p,x:p,y:d}}function te(e){return(t=e,(t instanceof I(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function ne(e){return V(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function re(e){return ee(te(e)).left+ne(e).scrollLeft}function oe(e,t,n){const r=M(t),o=te(t),i=ee(e,r&&function(e){const t=ee(e);return Q(t.width)!==e.offsetWidth||Q(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==B(t)||Y(o))&&(l=ne(t)),M(t)){const e=ee(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=re(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function ie(e){if("html"===B(e))return e;const t=e.assignedSlot||e.parentNode||(z(e)?e.host:null)||te(e);return z(t)?t.host:t}function le(e){return M(e)&&"fixed"!==H(e).position?e.offsetParent:null}function ae(e){const t=I(e);let n=le(e);for(;n&&q(n)&&"static"===H(n).position;)n=le(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===H(n).position&&!X(n))?t:n||function(e){let t=ie(e);for(;M(t)&&!J(t);){if(X(t))return t;t=ie(t)}return null}(e)||t}function se(e){if(M(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=ee(e);return{width:t.width,height:t.height}}function ce(e){const t=ie(e);return J(t)?e.ownerDocument.body:M(t)&&Y(t)?t:ce(t)}function ue(e,t){var n;void 0===t&&(t=[]);const r=ce(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=I(r),l=o?[i].concat(i.visualViewport||[],Y(r)?r:[]):r,a=t.concat(l);return o?a:a.concat(ue(l))}function fe(e,t,n){return"viewport"===t?j(function(e,t){const n=I(e),r=te(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=K();(e||!e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n)):V(t)?function(e,t){const n=ee(e,!1,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft;return{top:r,left:o,x:o,y:r,right:o+e.clientWidth,bottom:r+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):j(function(e){var t;const n=te(e),r=ne(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=G(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=G(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-r.scrollLeft+re(e);const s=-r.scrollTop;return"rtl"===H(o||n).direction&&(a+=G(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:s}}(te(e)))}const pe={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e){let t=ue(e).filter((e=>V(e)&&"body"!==B(e))),n=e,r=null;for(;V(n)&&!J(n);){const e=H(n);"static"===e.position&&r&&["absolute","fixed"].includes(r.position)&&!X(n)?t=t.filter((e=>e!==n)):r=e,n=ie(n)}return t}(t):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=fe(t,n,o);return e.top=G(r.top,e.top),e.right=Z(r.right,e.right),e.bottom=Z(r.bottom,e.bottom),e.left=G(r.left,e.left),e}),fe(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=M(n),i=te(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==B(n)||Y(i))&&(l=ne(n)),M(n))){const e=ee(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:V,getDimensions:se,getOffsetParent:ae,getDocumentElement:te,getElementRects:e=>{let{reference:t,floating:n,strategy:r}=e;return{reference:oe(t,ae(n),r),floating:{...se(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===H(e).direction},de=(e,t,n)=>(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=k(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:g,data:v,reset:w}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=g?g:f,d={...d,[i]:{...d[i],...v}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),w&&y<=50&&(y++,"object"==typeof w&&(w.placement&&(p=w.placement),w.rects&&(c=!0===w.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):w.rects),({x:u,y:f}=k(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{platform:pe,...n}),ye=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute"})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const l=[F(Number(o)),D(),(a={padding:5},void 0===a&&(a={}),{name:"shift",options:a,async fn(e){const{x:t,y:n,placement:r}=e,{mainAxis:o=!0,crossAxis:i=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=a,c={x:t,y:n},u=await O(e,s),f=_(x(r)),p="x"===f?"y":"x";let d=c[f],y=c[p];if(o){const e="y"===f?"bottom":"right";d=P(d+u["y"===f?"top":"left"],d,d-u[e])}if(i){const e="y"===p?"bottom":"right";y=P(y+u["y"===p?"top":"left"],y,y-u[e])}const m=l.fn({...e,[f]:d,[p]:y});return{...m,data:{x:m.x-t,y:m.y-n}}}})];var a;return n?(l.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:r=0}=null!=e?e:{},{x:o,y:i,placement:l,rects:a,platform:s}=t;if(null==n)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const c=T(r),u={x:o,y:i},f=_(l),p=S(l),d=R(f),y=await s.getDimensions(n),m="y"===f?"top":"left",h="y"===f?"bottom":"right",g=a.reference[d]+a.reference[f]-u[f]-a.floating[d],v=u[f]-a.reference[f],w=await(null==s.getOffsetParent?void 0:s.getOffsetParent(n));let b=w?"y"===f?w.clientHeight||0:w.clientWidth||0:0;0===b&&(b=a.floating[d]);const x=g/2-v/2,k=c[m],j=b-y[d]-c[h],O=b/2-y[d]/2+x,E=P(k,O,j),A=("start"===p?c[m]:c[h])>0&&O!==E&&a.reference[d]<=a.floating[d];return{[f]:u[f]-(A?O<k?k-O:j-O:0),data:{[f]:E,centerOffset:O-E}}}}))({element:n,padding:5})),de(e,t,{placement:r,strategy:i,middleware:l}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):de(e,t,{placement:"bottom",strategy:i,middleware:l}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})))};var me={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",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 he=({id:e,className:t,classNameArrow:n,variant:o="dark",anchorId:i,place:l="top",offset:u=10,events:f=["hover"],positionStrategy:p="absolute",wrapper:h="div",children:g=null,delayShow:v=0,delayHide:b=0,float:x=!1,noArrow:S,style:_,position:R,isHtmlContent:k=!1,content:T,isOpen:j,setIsOpen:O})=>{const E=a(null),A=a(null),P=a(null),N=a(null),[L,C]=r({}),[$,D]=r({}),[F,W]=r(!1),[I,H]=r(!1),B=a(null),{anchorRefs:U,setActiveAnchor:M}=w()(e),[V,z]=r({current:null}),Y=e=>{O?O(e):void 0===j&&W(e)},q=()=>{N.current&&clearTimeout(N.current),N.current=setTimeout((()=>{Y(!1)}),b)},X=({x:e,y:t})=>{const n={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};H(!0),ye({place:l,offset:u,elementReference:n,tooltipReference:E.current,tooltipArrowReference:A.current,strategy:p}).then((e=>{H(!1),Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&D(e.tooltipArrowStyles)}))},K=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};X(n),B.current=n},J=()=>{O?O(!j):O||void 0!==j||(W(!0),b&&q())},Z=e=>{e.target!==V.current&&W(!1)},G=y((e=>{e&&(v?(P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{Y(!0)}),v)):Y(!0),z((t=>t.current===e.target?t:{current:e.target})),M({current:e.target}),N.current&&clearTimeout(N.current))}),50),Q=y((()=>{b?q():Y(!1),P.current&&clearTimeout(P.current)}),50);s((()=>{const e=new Set(U),t=document.querySelector(`[id='${i}']`);if(t&&(z((e=>e.current===t?e:{current:t})),e.add({current:t})),!e.size)return()=>null;const n=[];return f.find((e=>"click"===e))&&(window.addEventListener("click",Z),n.push({event:"click",listener:J})),f.find((e=>"hover"===e))&&(n.push({event:"mouseenter",listener:G},{event:"mouseleave",listener:Q},{event:"focus",listener:G},{event:"blur",listener:Q}),x&&n.push({event:"mousemove",listener:K})),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.addEventListener(t,n)}))})),()=>{window.removeEventListener("click",Z),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.removeEventListener(t,n)}))}))}}),[U,V,i,f,b,v]),s((()=>{if(R)return X(R),()=>null;if(x)return B.current&&X(B.current),()=>null;let e=V.current;i&&(e=document.querySelector(`[id='${i}']`)),H(!0);let t=!0;return ye({place:l,offset:u,elementReference:e,tooltipReference:E.current,tooltipArrowReference:A.current,strategy:p}).then((e=>{t&&(H(!1),Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&D(e.tooltipArrowStyles))})),()=>{t=!1}}),[F,j,i,V,T,l,u,p,R]),s((()=>()=>{P.current&&clearTimeout(P.current),N.current&&clearTimeout(N.current)}),[]);const ee=Boolean(T||g);return c.exports.jsxs(h,{id:e,role:"tooltip",className:d(me.tooltip,me[o],t,{[me.show]:ee&&!I&&(j||F),[me.fixed]:"fixed"===p}),style:{..._,...L},ref:E,children:[g||(k?c.exports.jsx(m,{content:T}):T),c.exports.jsx("div",{className:d(me.arrow,n,{[me["no-arrow"]]:S}),style:$,ref:A})]})},ge=({id:e,anchorId:t,content:n,html:o,className:i,classNameArrow:l,variant:a="dark",place:u="top",offset:f=10,wrapper:p="div",children:d=null,events:y=["hover"],positionStrategy:m="absolute",delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:b,style:x,position:S,isOpen:_,setIsOpen:R})=>{const[k,T]=r(n||o),[j,O]=r(u),[E,A]=r(a),[P,N]=r(f),[L,C]=r(h),[$,D]=r(g),[F,W]=r(v),[I,H]=r(p),[B,U]=r(y),[M,V]=r(m),[z,Y]=r(Boolean(o)),{anchorRefs:q,activeAnchor:X}=w()(e),K=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),J=e=>{const t={place:e=>{var t;O(null!==(t=e)&&void 0!==t?t:u)},content:e=>{T(null!=e?e:n)},html:e=>{var t;Y(Boolean(null!=e?e:o)),T(null!==(t=null!=e?e:o)&&void 0!==t?t:n)},variant:e=>{var t;A(null!==(t=e)&&void 0!==t?t:a)},offset:e=>{N(null===e?f:Number(e))},wrapper:e=>{var t;H(null!==(t=e)&&void 0!==t?t:"div")},events:e=>{const t=null==e?void 0:e.split(" ");U(null!=t?t:y)},"position-strategy":e=>{var t;V(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{C(null===e?h:Number(e))},"delay-hide":e=>{D(null===e?g:Number(e))},float:e=>{W(null===e?v:Boolean(e))}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};s((()=>{Y(!1),T(n),o&&(Y(!0),T(o))}),[n,o]),s((()=>{var e;const n=new Set(q),r=document.querySelector(`[id='${t}']`);if(r&&n.add({current:r}),!n.size)return()=>null;const o=new MutationObserver((e=>{e.forEach((e=>{var t;if(!X.current||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=K(X.current);J(n)}))})),i={attributes:!0,childList:!1,subtree:!1},l=null!==(e=X.current)&&void 0!==e?e:r;if(l){const e=K(l);J(e),o.observe(l,i)}return()=>{o.disconnect()}}),[q,X,t]);const Z={id:e,anchorId:t,className:i,classNameArrow:l,content:k,isHtmlContent:z,place:j,variant:E,offset:P,wrapper:I,events:B,positionStrategy:M,delayShow:L,delayHide:$,float:F,noArrow:b,style:x,position:S,isOpen:_,setIsOpen:R};return d?c.exports.jsx(he,{...Z,children:d}):c.exports.jsx(he,{...Z})};export{ge as Tooltip,v as TooltipProvider,b as TooltipWrapper};
|
|
6
|
+
*/f=p,function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)){if(o.length){var l=t.apply(null,o);l&&n.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var a in o)e.call(o,a)&&o[a]&&n.push(a)}}}return n.join(" ")}f.exports?(t.default=t,f.exports=t):window.classNames=t}();var d=p.exports;const y=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},m=({content:e})=>c.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),h={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},g=t(Object.assign((()=>h),h)),v=({children:e})=>{const t=n(),[l,a]=r({[t]:new Set}),[s,u]=r({[t]:{current:null}}),f=(e,...t)=>{a((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},p=(e,...t)=>{a((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},d=o((e=>{var n,r;return{anchorRefs:null!==(n=l[null!=e?e:t])&&void 0!==n?n:new Set,activeAnchor:null!==(r=s[null!=e?e:t])&&void 0!==r?r:{current:null},attach:(...n)=>f(null!=e?e:t,...n),detach:(...n)=>p(null!=e?e:t,...n),setActiveAnchor:n=>((e,t)=>{u((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(null!=e?e:t,n)}}),[t,l,s,f,p]),y=i((()=>{const e=d(t);return Object.assign((e=>d(e)),e)}),[d]);return c.exports.jsx(g.Provider,{value:y,children:e})};function w(){return l(g)}const b=({tooltipId:e,children:t,place:n,content:r,html:o,variant:i,offset:l,wrapper:u,events:f,positionStrategy:p,delayShow:d,delayHide:y})=>{const{attach:m,detach:h}=w()(e),g=a(null);return s((()=>(m(g),()=>{h(g)})),[]),c.exports.jsx("span",{ref:g,"data-tooltip-place":n,"data-tooltip-content":r,"data-tooltip-html":o,"data-tooltip-variant":i,"data-tooltip-offset":l,"data-tooltip-wrapper":u,"data-tooltip-events":f,"data-tooltip-position-strategy":p,"data-tooltip-delay-show":d,"data-tooltip-delay-hide":y,children:t})};function x(e){return e.split("-")[0]}function S(e){return e.split("-")[1]}function _(e){return["top","bottom"].includes(x(e))?"x":"y"}function R(e){return"y"===e?"height":"width"}function k(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=_(t),s=R(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(x(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(S(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function T(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function j(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function O(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=T(d),m=a[p?"floating"===f?"reference":"floating":f],h=j(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),g=j(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:r,y:o}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:s}):l[f]);return{top:h.top-g.top+y.top,bottom:g.bottom-h.bottom+y.bottom,left:h.left-g.left+y.left,right:g.right-h.right+y.right}}const E=Math.min,A=Math.max;function P(e,t,n){return A(e,E(t,n))}const N={left:"right",right:"left",bottom:"top",top:"bottom"};function L(e){return e.replace(/left|right|bottom|top/g,(e=>N[e]))}const C={start:"end",end:"start"};function $(e){return e.replace(/start|end/g,(e=>C[e]))}const D=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",flipAlignment:d=!0,...y}=e,m=x(r),h=f||(m===l||!d?[L(l)]:function(e){const t=L(e);return[$(e),t,$(t)]}(l)),g=[l,...h],v=await O(t,y),w=[];let b=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&w.push(v[m]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=S(e),o=_(e),i=R(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=L(l)),{main:l,cross:L(l)}}(r,i,await(null==a.isRTL?void 0:a.isRTL(s.floating)));w.push(v[e],v[t])}if(b=[...b,{placement:r,overflows:w}],!w.every((e=>e<=0))){var k,T;const e=(null!=(k=null==(T=o.flip)?void 0:T.index)?k:0)+1,t=g[e];if(t)return{data:{index:e,overflows:b},reset:{placement:t}};let n="bottom";switch(p){case"bestFit":{var j;const e=null==(j=b.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:j[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const F=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=x(n),a=S(n),s="x"===_(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:y}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof y&&(d="end"===a?-1*y:y),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};function W(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function I(e){if(null==e)return window;if(!W(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function H(e){return I(e).getComputedStyle(e)}function B(e){return W(e)?"":e?(e.nodeName||"").toLowerCase():""}function U(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function M(e){return e instanceof I(e).HTMLElement}function V(e){return e instanceof I(e).Element}function z(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof I(e).ShadowRoot||e instanceof ShadowRoot}function Y(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=H(e);return/auto|scroll|overlay|hidden/.test(t+r+n)&&!["inline","contents"].includes(o)}function q(e){return["table","td","th"].includes(B(e))}function X(e){const t=/firefox/i.test(U()),n=H(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function K(){return!/^((?!chrome|android).)*safari/i.test(U())}function J(e){return["html","body","#document"].includes(B(e))}const Z=Math.min,G=Math.max,Q=Math.round;function ee(e,t,n){var r,o,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let s=1,c=1;t&&M(e)&&(s=e.offsetWidth>0&&Q(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&Q(a.height)/e.offsetHeight||1);const u=V(e)?I(e):window,f=!K()&&n,p=(a.left+(f&&null!=(r=null==(o=u.visualViewport)?void 0:o.offsetLeft)?r:0))/s,d=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/c,y=a.width/s,m=a.height/c;return{width:y,height:m,top:d,right:p+y,bottom:d+m,left:p,x:p,y:d}}function te(e){return(t=e,(t instanceof I(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function ne(e){return V(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function re(e){return ee(te(e)).left+ne(e).scrollLeft}function oe(e,t,n){const r=M(t),o=te(t),i=ee(e,r&&function(e){const t=ee(e);return Q(t.width)!==e.offsetWidth||Q(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==B(t)||Y(o))&&(l=ne(t)),M(t)){const e=ee(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=re(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function ie(e){if("html"===B(e))return e;const t=e.assignedSlot||e.parentNode||(z(e)?e.host:null)||te(e);return z(t)?t.host:t}function le(e){return M(e)&&"fixed"!==H(e).position?e.offsetParent:null}function ae(e){const t=I(e);let n=le(e);for(;n&&q(n)&&"static"===H(n).position;)n=le(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===H(n).position&&!X(n))?t:n||function(e){let t=ie(e);for(;M(t)&&!J(t);){if(X(t))return t;t=ie(t)}return null}(e)||t}function se(e){if(M(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=ee(e);return{width:t.width,height:t.height}}function ce(e){const t=ie(e);return J(t)?e.ownerDocument.body:M(t)&&Y(t)?t:ce(t)}function ue(e,t){var n;void 0===t&&(t=[]);const r=ce(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=I(r),l=o?[i].concat(i.visualViewport||[],Y(r)?r:[]):r,a=t.concat(l);return o?a:a.concat(ue(l))}function fe(e,t,n){return"viewport"===t?j(function(e,t){const n=I(e),r=te(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=K();(e||!e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n)):V(t)?function(e,t){const n=ee(e,!1,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft;return{top:r,left:o,x:o,y:r,right:o+e.clientWidth,bottom:r+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):j(function(e){var t;const n=te(e),r=ne(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=G(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=G(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-r.scrollLeft+re(e);const s=-r.scrollTop;return"rtl"===H(o||n).direction&&(a+=G(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:s}}(te(e)))}const pe={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e){let t=ue(e).filter((e=>V(e)&&"body"!==B(e))),n=e,r=null;for(;V(n)&&!J(n);){const e=H(n);"static"===e.position&&r&&["absolute","fixed"].includes(r.position)&&!X(n)?t=t.filter((e=>e!==n)):r=e,n=ie(n)}return t}(t):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=fe(t,n,o);return e.top=G(r.top,e.top),e.right=Z(r.right,e.right),e.bottom=Z(r.bottom,e.bottom),e.left=G(r.left,e.left),e}),fe(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=M(n),i=te(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==B(n)||Y(i))&&(l=ne(n)),M(n))){const e=ee(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:V,getDimensions:se,getOffsetParent:ae,getDocumentElement:te,getElementRects:e=>{let{reference:t,floating:n,strategy:r}=e;return{reference:oe(t,ae(n),r),floating:{...se(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===H(e).direction},de=(e,t,n)=>(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=k(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:g,data:v,reset:w}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=g?g:f,d={...d,[i]:{...d[i],...v}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),w&&y<=50&&(y++,"object"==typeof w&&(w.placement&&(p=w.placement),w.rects&&(c=!0===w.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):w.rects),({x:u,y:f}=k(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{platform:pe,...n}),ye=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute"})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const l=[F(Number(o)),D(),(a={padding:5},void 0===a&&(a={}),{name:"shift",options:a,async fn(e){const{x:t,y:n,placement:r}=e,{mainAxis:o=!0,crossAxis:i=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=a,c={x:t,y:n},u=await O(e,s),f=_(x(r)),p="x"===f?"y":"x";let d=c[f],y=c[p];if(o){const e="y"===f?"bottom":"right";d=P(d+u["y"===f?"top":"left"],d,d-u[e])}if(i){const e="y"===p?"bottom":"right";y=P(y+u["y"===p?"top":"left"],y,y-u[e])}const m=l.fn({...e,[f]:d,[p]:y});return{...m,data:{x:m.x-t,y:m.y-n}}}})];var a;return n?(l.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:r=0}=null!=e?e:{},{x:o,y:i,placement:l,rects:a,platform:s}=t;if(null==n)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const c=T(r),u={x:o,y:i},f=_(l),p=S(l),d=R(f),y=await s.getDimensions(n),m="y"===f?"top":"left",h="y"===f?"bottom":"right",g=a.reference[d]+a.reference[f]-u[f]-a.floating[d],v=u[f]-a.reference[f],w=await(null==s.getOffsetParent?void 0:s.getOffsetParent(n));let b=w?"y"===f?w.clientHeight||0:w.clientWidth||0:0;0===b&&(b=a.floating[d]);const x=g/2-v/2,k=c[m],j=b-y[d]-c[h],O=b/2-y[d]/2+x,E=P(k,O,j),A=("start"===p?c[m]:c[h])>0&&O!==E&&a.reference[d]<=a.floating[d];return{[f]:u[f]-(A?O<k?k-O:j-O:0),data:{[f]:E,centerOffset:O-E}}}}))({element:n,padding:5})),de(e,t,{placement:r,strategy:i,middleware:l}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):de(e,t,{placement:"bottom",strategy:i,middleware:l}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})))};var me={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",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 he=({id:e,className:t,classNameArrow:n,variant:o="dark",anchorId:i,place:l="top",offset:u=10,events:f=["hover"],positionStrategy:p="absolute",wrapper:h="div",children:g=null,delayShow:v=0,delayHide:b=0,float:x=!1,noArrow:S,style:_,position:R,isHtmlContent:k=!1,content:T,isOpen:j,setIsOpen:O})=>{const E=a(null),A=a(null),P=a(null),N=a(null),[L,C]=r({}),[$,D]=r({}),[F,W]=r(!1),[I,H]=r(!1),B=a(null),{anchorRefs:U,setActiveAnchor:M}=w()(e),[V,z]=r({current:null}),Y=e=>{O?O(e):void 0===j&&W(e)},q=()=>{N.current&&clearTimeout(N.current),N.current=setTimeout((()=>{Y(!1)}),b)},X=e=>{var t;if(!e)return;v?(P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{Y(!0)}),v)):Y(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;z((e=>e.current===n?e:{current:n})),M({current:n}),N.current&&clearTimeout(N.current)},K=({x:e,y:t})=>{const n={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};H(!0),ye({place:l,offset:u,elementReference:n,tooltipReference:E.current,tooltipArrowReference:A.current,strategy:p}).then((e=>{H(!1),Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&D(e.tooltipArrowStyles)}))},J=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};K(n),B.current=n},Z=e=>{X(e),b&&q()},G=e=>{var t;(null===(t=V.current)||void 0===t?void 0:t.contains(e.target))||W(!1)},Q=y(X,50),ee=y((()=>{b?q():Y(!1),P.current&&clearTimeout(P.current)}),50);s((()=>{const e=new Set(U),t=document.querySelector(`[id='${i}']`);if(t&&(z((e=>e.current===t?e:{current:t})),e.add({current:t})),!e.size)return()=>null;const n=[];return f.find((e=>"click"===e))&&(window.addEventListener("click",G),n.push({event:"click",listener:Z})),f.find((e=>"hover"===e))&&(n.push({event:"mouseenter",listener:Q},{event:"mouseleave",listener:ee},{event:"focus",listener:Q},{event:"blur",listener:ee}),x&&n.push({event:"mousemove",listener:J})),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.addEventListener(t,n)}))})),()=>{window.removeEventListener("click",G),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.removeEventListener(t,n)}))}))}}),[U,V,i,f,b,v]),s((()=>{if(R)return K(R),()=>null;if(x)return B.current&&K(B.current),()=>null;let e=V.current;i&&(e=document.querySelector(`[id='${i}']`)),H(!0);let t=!0;return ye({place:l,offset:u,elementReference:e,tooltipReference:E.current,tooltipArrowReference:A.current,strategy:p}).then((e=>{t&&(H(!1),Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&D(e.tooltipArrowStyles))})),()=>{t=!1}}),[F,j,i,V,T,l,u,p,R]),s((()=>()=>{P.current&&clearTimeout(P.current),N.current&&clearTimeout(N.current)}),[]);const te=Boolean(T||g);return c.exports.jsxs(h,{id:e,role:"tooltip",className:d(me.tooltip,me[o],t,{[me.show]:te&&!I&&(j||F),[me.fixed]:"fixed"===p}),style:{..._,...L},ref:E,children:[g||(k?c.exports.jsx(m,{content:T}):T),c.exports.jsx("div",{className:d(me.arrow,n,{[me["no-arrow"]]:S}),style:$,ref:A})]})},ge=({id:e,anchorId:t,content:n,html:o,className:i,classNameArrow:l,variant:a="dark",place:u="top",offset:f=10,wrapper:p="div",children:d=null,events:y=["hover"],positionStrategy:m="absolute",delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:b,style:x,position:S,isOpen:_,setIsOpen:R})=>{const[k,T]=r(n||o),[j,O]=r(u),[E,A]=r(a),[P,N]=r(f),[L,C]=r(h),[$,D]=r(g),[F,W]=r(v),[I,H]=r(p),[B,U]=r(y),[M,V]=r(m),[z,Y]=r(Boolean(o)),{anchorRefs:q,activeAnchor:X}=w()(e),K=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),J=e=>{const t={place:e=>{var t;O(null!==(t=e)&&void 0!==t?t:u)},content:e=>{T(null!=e?e:n)},html:e=>{var t;Y(Boolean(null!=e?e:o)),T(null!==(t=null!=e?e:o)&&void 0!==t?t:n)},variant:e=>{var t;A(null!==(t=e)&&void 0!==t?t:a)},offset:e=>{N(null===e?f:Number(e))},wrapper:e=>{var t;H(null!==(t=e)&&void 0!==t?t:"div")},events:e=>{const t=null==e?void 0:e.split(" ");U(null!=t?t:y)},"position-strategy":e=>{var t;V(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{C(null===e?h:Number(e))},"delay-hide":e=>{D(null===e?g:Number(e))},float:e=>{W(null===e?v:Boolean(e))}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};s((()=>{Y(!1),T(n),o&&(Y(!0),T(o))}),[n,o]),s((()=>{var e;const n=new Set(q),r=document.querySelector(`[id='${t}']`);if(r&&n.add({current:r}),!n.size)return()=>null;const o=new MutationObserver((e=>{e.forEach((e=>{var t;if(!X.current||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=K(X.current);J(n)}))})),i={attributes:!0,childList:!1,subtree:!1},l=null!==(e=X.current)&&void 0!==e?e:r;if(l){const e=K(l);J(e),o.observe(l,i)}return()=>{o.disconnect()}}),[q,X,t]);const Z={id:e,anchorId:t,className:i,classNameArrow:l,content:k,isHtmlContent:z,place:j,variant:E,offset:P,wrapper:I,events:B,positionStrategy:M,delayShow:L,delayHide:$,float:F,noArrow:b,style:x,position:S,isOpen:_,setIsOpen:R};return d?c.exports.jsx(he,{...Z,children:d}):c.exports.jsx(he,{...Z})};export{ge as Tooltip,v as TooltipProvider,b as TooltipWrapper};
|
|
@@ -2789,6 +2789,7 @@
|
|
|
2789
2789
|
}, delayHide);
|
|
2790
2790
|
};
|
|
2791
2791
|
const handleShowTooltip = (event) => {
|
|
2792
|
+
var _a;
|
|
2792
2793
|
if (!event) {
|
|
2793
2794
|
return;
|
|
2794
2795
|
}
|
|
@@ -2798,8 +2799,9 @@
|
|
|
2798
2799
|
else {
|
|
2799
2800
|
handleShow(true);
|
|
2800
2801
|
}
|
|
2801
|
-
|
|
2802
|
-
|
|
2802
|
+
const target = (_a = event.currentTarget) !== null && _a !== void 0 ? _a : event.target;
|
|
2803
|
+
setActiveAnchor((anchor) => anchor.current === target ? anchor : { current: target });
|
|
2804
|
+
setProviderActiveAnchor({ current: target });
|
|
2803
2805
|
if (tooltipHideDelayTimerRef.current) {
|
|
2804
2806
|
clearTimeout(tooltipHideDelayTimerRef.current);
|
|
2805
2807
|
}
|
|
@@ -2860,19 +2862,15 @@
|
|
|
2860
2862
|
handleTooltipPosition(mousePosition);
|
|
2861
2863
|
lastFloatPosition.current = mousePosition;
|
|
2862
2864
|
};
|
|
2863
|
-
const handleClickTooltipAnchor = () => {
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
else if (!setIsOpen && isOpen === undefined) {
|
|
2868
|
-
setShow(true);
|
|
2869
|
-
if (delayHide) {
|
|
2870
|
-
handleHideTooltipDelayed();
|
|
2871
|
-
}
|
|
2865
|
+
const handleClickTooltipAnchor = (event) => {
|
|
2866
|
+
handleShowTooltip(event);
|
|
2867
|
+
if (delayHide) {
|
|
2868
|
+
handleHideTooltipDelayed();
|
|
2872
2869
|
}
|
|
2873
2870
|
};
|
|
2874
2871
|
const handleClickOutsideAnchor = (event) => {
|
|
2875
|
-
|
|
2872
|
+
var _a;
|
|
2873
|
+
if ((_a = activeAnchor.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
|
|
2876
2874
|
return;
|
|
2877
2875
|
}
|
|
2878
2876
|
setShow(false);
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/!function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)e.push(o);else if(Array.isArray(o)){if(o.length){var l=n.apply(null,o);l&&e.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){e.push(o.toString());continue}for(var a in o)t.call(o,a)&&o[a]&&e.push(a)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()}(l);var a=l.exports;const s=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},c=({content:e})=>o.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),u={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},f=Object.assign((()=>u),u),p=t.createContext(f);function d(){return t.useContext(p)}function y(e){return e.split("-")[0]}function m(e){return e.split("-")[1]}function h(e){return["top","bottom"].includes(y(e))?"x":"y"}function g(e){return"y"===e?"height":"width"}function v(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=h(t),s=g(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(y(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(m(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function w(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function b(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function x(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=w(d),m=a[p?"floating"===f?"reference":"floating":f],h=b(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),g=b(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:r,y:o}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:s}):l[f]);return{top:h.top-g.top+y.top,bottom:g.bottom-h.bottom+y.bottom,left:h.left-g.left+y.left,right:g.right-h.right+y.right}}const S=Math.min,R=Math.max;function _(e,t,n){return R(e,S(t,n))}const k={left:"right",right:"left",bottom:"top",top:"bottom"};function T(e){return e.replace(/left|right|bottom|top/g,(e=>k[e]))}const j={start:"end",end:"start"};function O(e){return e.replace(/start|end/g,(e=>j[e]))}const E=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",flipAlignment:d=!0,...v}=e,w=y(r),b=f||(w===l||!d?[T(l)]:function(e){const t=T(e);return[O(e),t,O(t)]}(l)),S=[l,...b],R=await x(t,v),_=[];let k=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&_.push(R[w]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=m(e),o=h(e),i=g(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=T(l)),{main:l,cross:T(l)}}(r,i,await(null==a.isRTL?void 0:a.isRTL(s.floating)));_.push(R[e],R[t])}if(k=[...k,{placement:r,overflows:_}],!_.every((e=>e<=0))){var j,E;const e=(null!=(j=null==(E=o.flip)?void 0:E.index)?j:0)+1,t=S[e];if(t)return{data:{index:e,overflows:k},reset:{placement:t}};let n="bottom";switch(p){case"bestFit":{var A;const e=null==(A=k.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:A[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const A=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=y(n),a=m(n),s="x"===h(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:g}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof g&&(d="end"===a?-1*g:g),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};function P(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function N(e){if(null==e)return window;if(!P(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function C(e){return N(e).getComputedStyle(e)}function L(e){return P(e)?"":e?(e.nodeName||"").toLowerCase():""}function $(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function D(e){return e instanceof N(e).HTMLElement}function W(e){return e instanceof N(e).Element}function F(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof N(e).ShadowRoot||e instanceof ShadowRoot}function I(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=C(e);return/auto|scroll|overlay|hidden/.test(t+r+n)&&!["inline","contents"].includes(o)}function H(e){return["table","td","th"].includes(L(e))}function B(e){const t=/firefox/i.test($()),n=C(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function M(){return!/^((?!chrome|android).)*safari/i.test($())}function U(e){return["html","body","#document"].includes(L(e))}const V=Math.min,z=Math.max,Y=Math.round;function q(e,t,n){var r,o,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let s=1,c=1;t&&D(e)&&(s=e.offsetWidth>0&&Y(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&Y(a.height)/e.offsetHeight||1);const u=W(e)?N(e):window,f=!M()&&n,p=(a.left+(f&&null!=(r=null==(o=u.visualViewport)?void 0:o.offsetLeft)?r:0))/s,d=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/c,y=a.width/s,m=a.height/c;return{width:y,height:m,top:d,right:p+y,bottom:d+m,left:p,x:p,y:d}}function X(e){return(t=e,(t instanceof N(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function K(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function J(e){return q(X(e)).left+K(e).scrollLeft}function Z(e,t,n){const r=D(t),o=X(t),i=q(e,r&&function(e){const t=q(e);return Y(t.width)!==e.offsetWidth||Y(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==L(t)||I(o))&&(l=K(t)),D(t)){const e=q(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=J(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function G(e){if("html"===L(e))return e;const t=e.assignedSlot||e.parentNode||(F(e)?e.host:null)||X(e);return F(t)?t.host:t}function Q(e){return D(e)&&"fixed"!==C(e).position?e.offsetParent:null}function ee(e){const t=N(e);let n=Q(e);for(;n&&H(n)&&"static"===C(n).position;)n=Q(n);return n&&("html"===L(n)||"body"===L(n)&&"static"===C(n).position&&!B(n))?t:n||function(e){let t=G(e);for(;D(t)&&!U(t);){if(B(t))return t;t=G(t)}return null}(e)||t}function te(e){if(D(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=q(e);return{width:t.width,height:t.height}}function ne(e){const t=G(e);return U(t)?e.ownerDocument.body:D(t)&&I(t)?t:ne(t)}function re(e,t){var n;void 0===t&&(t=[]);const r=ne(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=N(r),l=o?[i].concat(i.visualViewport||[],I(r)?r:[]):r,a=t.concat(l);return o?a:a.concat(re(l))}function oe(e,t,n){return"viewport"===t?b(function(e,t){const n=N(e),r=X(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=M();(e||!e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n)):W(t)?function(e,t){const n=q(e,!1,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft;return{top:r,left:o,x:o,y:r,right:o+e.clientWidth,bottom:r+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):b(function(e){var t;const n=X(e),r=K(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=z(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=z(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-r.scrollLeft+J(e);const s=-r.scrollTop;return"rtl"===C(o||n).direction&&(a+=z(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:s}}(X(e)))}const ie={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e){let t=re(e).filter((e=>W(e)&&"body"!==L(e))),n=e,r=null;for(;W(n)&&!U(n);){const e=C(n);"static"===e.position&&r&&["absolute","fixed"].includes(r.position)&&!B(n)?t=t.filter((e=>e!==n)):r=e,n=G(n)}return t}(t):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=oe(t,n,o);return e.top=z(r.top,e.top),e.right=V(r.right,e.right),e.bottom=V(r.bottom,e.bottom),e.left=z(r.left,e.left),e}),oe(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=D(n),i=X(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==L(n)||I(i))&&(l=K(n)),D(n))){const e=q(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:W,getDimensions:te,getOffsetParent:ee,getDocumentElement:X,getElementRects:e=>{let{reference:t,floating:n,strategy:r}=e;return{reference:Z(t,ee(n),r),floating:{...te(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===C(e).direction},le=(e,t,n)=>(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=v(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:g,data:w,reset:b}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=g?g:f,d={...d,[i]:{...d[i],...w}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(p=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):b.rects),({x:u,y:f}=v(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{platform:ie,...n}),ae=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute"})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const l=[A(Number(o)),E(),(a={padding:5},void 0===a&&(a={}),{name:"shift",options:a,async fn(e){const{x:t,y:n,placement:r}=e,{mainAxis:o=!0,crossAxis:i=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=a,c={x:t,y:n},u=await x(e,s),f=h(y(r)),p="x"===f?"y":"x";let d=c[f],m=c[p];if(o){const e="y"===f?"bottom":"right";d=_(d+u["y"===f?"top":"left"],d,d-u[e])}if(i){const e="y"===p?"bottom":"right";m=_(m+u["y"===p?"top":"left"],m,m-u[e])}const g=l.fn({...e,[f]:d,[p]:m});return{...g,data:{x:g.x-t,y:g.y-n}}}})];var a;return n?(l.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:r=0}=null!=e?e:{},{x:o,y:i,placement:l,rects:a,platform:s}=t;if(null==n)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const c=w(r),u={x:o,y:i},f=h(l),p=m(l),d=g(f),y=await s.getDimensions(n),v="y"===f?"top":"left",b="y"===f?"bottom":"right",x=a.reference[d]+a.reference[f]-u[f]-a.floating[d],S=u[f]-a.reference[f],R=await(null==s.getOffsetParent?void 0:s.getOffsetParent(n));let k=R?"y"===f?R.clientHeight||0:R.clientWidth||0:0;0===k&&(k=a.floating[d]);const T=x/2-S/2,j=c[v],O=k-y[d]-c[b],E=k/2-y[d]/2+T,A=_(j,E,O),P=("start"===p?c[v]:c[b])>0&&E!==A&&a.reference[d]<=a.floating[d];return{[f]:u[f]-(P?E<j?j-E:O-E:0),data:{[f]:A,centerOffset:E-A}}}}))({element:n,padding:5})),le(e,t,{placement:r,strategy:i,middleware:l}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):le(e,t,{placement:"bottom",strategy:i,middleware:l}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})))};var se={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",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 ce=({id:e,className:n,classNameArrow:r,variant:i="dark",anchorId:l,place:u="top",offset:f=10,events:p=["hover"],positionStrategy:y="absolute",wrapper:m="div",children:h=null,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b,style:x,position:S,isHtmlContent:R=!1,content:_,isOpen:k,setIsOpen:T})=>{const j=t.useRef(null),O=t.useRef(null),E=t.useRef(null),A=t.useRef(null),[P,N]=t.useState({}),[C,L]=t.useState({}),[$,D]=t.useState(!1),[W,F]=t.useState(!1),I=t.useRef(null),{anchorRefs:H,setActiveAnchor:B}=d()(e),[M,U]=t.useState({current:null}),V=e=>{T?T(e):void 0===k&&D(e)},z=()=>{A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{V(!1)}),v)},Y=({x:e,y:t})=>{const n={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};F(!0),ae({place:u,offset:f,elementReference:n,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles)}))},q=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};Y(n),I.current=n},X=()=>{T?T(!k):T||void 0!==k||(D(!0),v&&z())},K=e=>{e.target!==M.current&&D(!1)},J=s((e=>{e&&(g?(E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{V(!0)}),g)):V(!0),U((t=>t.current===e.target?t:{current:e.target})),B({current:e.target}),A.current&&clearTimeout(A.current))}),50),Z=s((()=>{v?z():V(!1),E.current&&clearTimeout(E.current)}),50);t.useEffect((()=>{const e=new Set(H),t=document.querySelector(`[id='${l}']`);if(t&&(U((e=>e.current===t?e:{current:t})),e.add({current:t})),!e.size)return()=>null;const n=[];return p.find((e=>"click"===e))&&(window.addEventListener("click",K),n.push({event:"click",listener:X})),p.find((e=>"hover"===e))&&(n.push({event:"mouseenter",listener:J},{event:"mouseleave",listener:Z},{event:"focus",listener:J},{event:"blur",listener:Z}),w&&n.push({event:"mousemove",listener:q})),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.addEventListener(t,n)}))})),()=>{window.removeEventListener("click",K),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.removeEventListener(t,n)}))}))}}),[H,M,l,p,v,g]),t.useEffect((()=>{if(S)return Y(S),()=>null;if(w)return I.current&&Y(I.current),()=>null;let e=M.current;l&&(e=document.querySelector(`[id='${l}']`)),F(!0);let t=!0;return ae({place:u,offset:f,elementReference:e,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{t&&(F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles))})),()=>{t=!1}}),[$,k,l,M,_,u,f,y,S]),t.useEffect((()=>()=>{E.current&&clearTimeout(E.current),A.current&&clearTimeout(A.current)}),[]);const G=Boolean(_||h);return o.exports.jsxs(m,{id:e,role:"tooltip",className:a(se.tooltip,se[i],n,{[se.show]:G&&!W&&(k||$),[se.fixed]:"fixed"===y}),style:{...x,...P},ref:j,children:[h||(R?o.exports.jsx(c,{content:_}):_),o.exports.jsx("div",{className:a(se.arrow,r,{[se["no-arrow"]]:b}),style:C,ref:O})]})};e.Tooltip=({id:e,anchorId:n,content:r,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:p=null,events:y=["hover"],positionStrategy:m="absolute",delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R})=>{const[_,k]=t.useState(r||i),[T,j]=t.useState(c),[O,E]=t.useState(s),[A,P]=t.useState(u),[N,C]=t.useState(h),[L,$]=t.useState(g),[D,W]=t.useState(v),[F,I]=t.useState(f),[H,B]=t.useState(y),[M,U]=t.useState(m),[V,z]=t.useState(Boolean(i)),{anchorRefs:Y,activeAnchor:q}=d()(e),X=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),K=e=>{const t={place:e=>{var t;j(null!==(t=e)&&void 0!==t?t:c)},content:e=>{k(null!=e?e:r)},html:e=>{var t;z(Boolean(null!=e?e:i)),k(null!==(t=null!=e?e:i)&&void 0!==t?t:r)},variant:e=>{var t;E(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{P(null===e?u:Number(e))},wrapper:e=>{var t;I(null!==(t=e)&&void 0!==t?t:"div")},events:e=>{const t=null==e?void 0:e.split(" ");B(null!=t?t:y)},"position-strategy":e=>{var t;U(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{C(null===e?h:Number(e))},"delay-hide":e=>{$(null===e?g:Number(e))},float:e=>{W(null===e?v:Boolean(e))}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};t.useEffect((()=>{z(!1),k(r),i&&(z(!0),k(i))}),[r,i]),t.useEffect((()=>{var e;const t=new Set(Y),r=document.querySelector(`[id='${n}']`);if(r&&t.add({current:r}),!t.size)return()=>null;const o=new MutationObserver((e=>{e.forEach((e=>{var t;if(!q.current||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=X(q.current);K(n)}))})),i={attributes:!0,childList:!1,subtree:!1},l=null!==(e=q.current)&&void 0!==e?e:r;if(l){const e=X(l);K(e),o.observe(l,i)}return()=>{o.disconnect()}}),[Y,q,n]);const J={id:e,anchorId:n,className:l,classNameArrow:a,content:_,isHtmlContent:V,place:T,variant:O,offset:A,wrapper:F,events:H,positionStrategy:M,delayShow:N,delayHide:L,float:D,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R};return p?o.exports.jsx(ce,{...J,children:p}):o.exports.jsx(ce,{...J})},e.TooltipProvider=({children:e})=>{const n=t.useId(),[r,i]=t.useState({[n]:new Set}),[l,a]=t.useState({[n]:{current:null}}),s=(e,...t)=>{i((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},c=(e,...t)=>{i((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=t.useCallback((e=>{var t,o;return{anchorRefs:null!==(t=r[null!=e?e:n])&&void 0!==t?t:new Set,activeAnchor:null!==(o=l[null!=e?e:n])&&void 0!==o?o:{current:null},attach:(...t)=>s(null!=e?e:n,...t),detach:(...t)=>c(null!=e?e:n,...t),setActiveAnchor:t=>((e,t)=>{a((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(null!=e?e:n,t)}}),[n,r,l,s,c]),f=t.useMemo((()=>{const e=u(n);return Object.assign((e=>u(e)),e)}),[u]);return o.exports.jsx(p.Provider,{value:f,children:e})},e.TooltipWrapper=({tooltipId:e,children:n,place:r,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:p,delayHide:y})=>{const{attach:m,detach:h}=d()(e),g=t.useRef(null);return t.useEffect((()=>(m(g),()=>{h(g)})),[]),o.exports.jsx("span",{ref:g,"data-tooltip-place":r,"data-tooltip-content":i,"data-tooltip-html":l,"data-tooltip-variant":a,"data-tooltip-offset":s,"data-tooltip-wrapper":c,"data-tooltip-events":u,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":p,"data-tooltip-delay-hide":y,children:n})},Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
6
|
+
*/!function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)e.push(o);else if(Array.isArray(o)){if(o.length){var l=n.apply(null,o);l&&e.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){e.push(o.toString());continue}for(var a in o)t.call(o,a)&&o[a]&&e.push(a)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()}(l);var a=l.exports;const s=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},c=({content:e})=>o.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),u={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},f=Object.assign((()=>u),u),p=t.createContext(f);function d(){return t.useContext(p)}function y(e){return e.split("-")[0]}function m(e){return e.split("-")[1]}function h(e){return["top","bottom"].includes(y(e))?"x":"y"}function g(e){return"y"===e?"height":"width"}function v(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=h(t),s=g(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(y(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(m(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function w(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function b(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function x(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=w(d),m=a[p?"floating"===f?"reference":"floating":f],h=b(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),g=b(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:r,y:o}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:s}):l[f]);return{top:h.top-g.top+y.top,bottom:g.bottom-h.bottom+y.bottom,left:h.left-g.left+y.left,right:g.right-h.right+y.right}}const S=Math.min,R=Math.max;function _(e,t,n){return R(e,S(t,n))}const k={left:"right",right:"left",bottom:"top",top:"bottom"};function T(e){return e.replace(/left|right|bottom|top/g,(e=>k[e]))}const j={start:"end",end:"start"};function O(e){return e.replace(/start|end/g,(e=>j[e]))}const E=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",flipAlignment:d=!0,...v}=e,w=y(r),b=f||(w===l||!d?[T(l)]:function(e){const t=T(e);return[O(e),t,O(t)]}(l)),S=[l,...b],R=await x(t,v),_=[];let k=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&_.push(R[w]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=m(e),o=h(e),i=g(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=T(l)),{main:l,cross:T(l)}}(r,i,await(null==a.isRTL?void 0:a.isRTL(s.floating)));_.push(R[e],R[t])}if(k=[...k,{placement:r,overflows:_}],!_.every((e=>e<=0))){var j,E;const e=(null!=(j=null==(E=o.flip)?void 0:E.index)?j:0)+1,t=S[e];if(t)return{data:{index:e,overflows:k},reset:{placement:t}};let n="bottom";switch(p){case"bestFit":{var A;const e=null==(A=k.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:A[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const A=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=y(n),a=m(n),s="x"===h(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:g}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof g&&(d="end"===a?-1*g:g),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};function P(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function N(e){if(null==e)return window;if(!P(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function C(e){return N(e).getComputedStyle(e)}function L(e){return P(e)?"":e?(e.nodeName||"").toLowerCase():""}function $(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function D(e){return e instanceof N(e).HTMLElement}function W(e){return e instanceof N(e).Element}function F(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof N(e).ShadowRoot||e instanceof ShadowRoot}function I(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=C(e);return/auto|scroll|overlay|hidden/.test(t+r+n)&&!["inline","contents"].includes(o)}function H(e){return["table","td","th"].includes(L(e))}function B(e){const t=/firefox/i.test($()),n=C(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function M(){return!/^((?!chrome|android).)*safari/i.test($())}function U(e){return["html","body","#document"].includes(L(e))}const V=Math.min,z=Math.max,Y=Math.round;function q(e,t,n){var r,o,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let s=1,c=1;t&&D(e)&&(s=e.offsetWidth>0&&Y(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&Y(a.height)/e.offsetHeight||1);const u=W(e)?N(e):window,f=!M()&&n,p=(a.left+(f&&null!=(r=null==(o=u.visualViewport)?void 0:o.offsetLeft)?r:0))/s,d=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/c,y=a.width/s,m=a.height/c;return{width:y,height:m,top:d,right:p+y,bottom:d+m,left:p,x:p,y:d}}function X(e){return(t=e,(t instanceof N(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function K(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function J(e){return q(X(e)).left+K(e).scrollLeft}function Z(e,t,n){const r=D(t),o=X(t),i=q(e,r&&function(e){const t=q(e);return Y(t.width)!==e.offsetWidth||Y(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==L(t)||I(o))&&(l=K(t)),D(t)){const e=q(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=J(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function G(e){if("html"===L(e))return e;const t=e.assignedSlot||e.parentNode||(F(e)?e.host:null)||X(e);return F(t)?t.host:t}function Q(e){return D(e)&&"fixed"!==C(e).position?e.offsetParent:null}function ee(e){const t=N(e);let n=Q(e);for(;n&&H(n)&&"static"===C(n).position;)n=Q(n);return n&&("html"===L(n)||"body"===L(n)&&"static"===C(n).position&&!B(n))?t:n||function(e){let t=G(e);for(;D(t)&&!U(t);){if(B(t))return t;t=G(t)}return null}(e)||t}function te(e){if(D(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=q(e);return{width:t.width,height:t.height}}function ne(e){const t=G(e);return U(t)?e.ownerDocument.body:D(t)&&I(t)?t:ne(t)}function re(e,t){var n;void 0===t&&(t=[]);const r=ne(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=N(r),l=o?[i].concat(i.visualViewport||[],I(r)?r:[]):r,a=t.concat(l);return o?a:a.concat(re(l))}function oe(e,t,n){return"viewport"===t?b(function(e,t){const n=N(e),r=X(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=M();(e||!e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n)):W(t)?function(e,t){const n=q(e,!1,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft;return{top:r,left:o,x:o,y:r,right:o+e.clientWidth,bottom:r+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):b(function(e){var t;const n=X(e),r=K(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=z(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=z(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-r.scrollLeft+J(e);const s=-r.scrollTop;return"rtl"===C(o||n).direction&&(a+=z(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:s}}(X(e)))}const ie={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e){let t=re(e).filter((e=>W(e)&&"body"!==L(e))),n=e,r=null;for(;W(n)&&!U(n);){const e=C(n);"static"===e.position&&r&&["absolute","fixed"].includes(r.position)&&!B(n)?t=t.filter((e=>e!==n)):r=e,n=G(n)}return t}(t):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=oe(t,n,o);return e.top=z(r.top,e.top),e.right=V(r.right,e.right),e.bottom=V(r.bottom,e.bottom),e.left=z(r.left,e.left),e}),oe(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=D(n),i=X(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==L(n)||I(i))&&(l=K(n)),D(n))){const e=q(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:W,getDimensions:te,getOffsetParent:ee,getDocumentElement:X,getElementRects:e=>{let{reference:t,floating:n,strategy:r}=e;return{reference:Z(t,ee(n),r),floating:{...te(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===C(e).direction},le=(e,t,n)=>(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=v(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:g,data:w,reset:b}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=g?g:f,d={...d,[i]:{...d[i],...w}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(p=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):b.rects),({x:u,y:f}=v(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{platform:ie,...n}),ae=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute"})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const l=[A(Number(o)),E(),(a={padding:5},void 0===a&&(a={}),{name:"shift",options:a,async fn(e){const{x:t,y:n,placement:r}=e,{mainAxis:o=!0,crossAxis:i=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=a,c={x:t,y:n},u=await x(e,s),f=h(y(r)),p="x"===f?"y":"x";let d=c[f],m=c[p];if(o){const e="y"===f?"bottom":"right";d=_(d+u["y"===f?"top":"left"],d,d-u[e])}if(i){const e="y"===p?"bottom":"right";m=_(m+u["y"===p?"top":"left"],m,m-u[e])}const g=l.fn({...e,[f]:d,[p]:m});return{...g,data:{x:g.x-t,y:g.y-n}}}})];var a;return n?(l.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:r=0}=null!=e?e:{},{x:o,y:i,placement:l,rects:a,platform:s}=t;if(null==n)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const c=w(r),u={x:o,y:i},f=h(l),p=m(l),d=g(f),y=await s.getDimensions(n),v="y"===f?"top":"left",b="y"===f?"bottom":"right",x=a.reference[d]+a.reference[f]-u[f]-a.floating[d],S=u[f]-a.reference[f],R=await(null==s.getOffsetParent?void 0:s.getOffsetParent(n));let k=R?"y"===f?R.clientHeight||0:R.clientWidth||0:0;0===k&&(k=a.floating[d]);const T=x/2-S/2,j=c[v],O=k-y[d]-c[b],E=k/2-y[d]/2+T,A=_(j,E,O),P=("start"===p?c[v]:c[b])>0&&E!==A&&a.reference[d]<=a.floating[d];return{[f]:u[f]-(P?E<j?j-E:O-E:0),data:{[f]:A,centerOffset:E-A}}}}))({element:n,padding:5})),le(e,t,{placement:r,strategy:i,middleware:l}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):le(e,t,{placement:"bottom",strategy:i,middleware:l}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})))};var se={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",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 ce=({id:e,className:n,classNameArrow:r,variant:i="dark",anchorId:l,place:u="top",offset:f=10,events:p=["hover"],positionStrategy:y="absolute",wrapper:m="div",children:h=null,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b,style:x,position:S,isHtmlContent:R=!1,content:_,isOpen:k,setIsOpen:T})=>{const j=t.useRef(null),O=t.useRef(null),E=t.useRef(null),A=t.useRef(null),[P,N]=t.useState({}),[C,L]=t.useState({}),[$,D]=t.useState(!1),[W,F]=t.useState(!1),I=t.useRef(null),{anchorRefs:H,setActiveAnchor:B}=d()(e),[M,U]=t.useState({current:null}),V=e=>{T?T(e):void 0===k&&D(e)},z=()=>{A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{V(!1)}),v)},Y=e=>{var t;if(!e)return;g?(E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{V(!0)}),g)):V(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;U((e=>e.current===n?e:{current:n})),B({current:n}),A.current&&clearTimeout(A.current)},q=({x:e,y:t})=>{const n={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};F(!0),ae({place:u,offset:f,elementReference:n,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles)}))},X=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};q(n),I.current=n},K=e=>{Y(e),v&&z()},J=e=>{var t;(null===(t=M.current)||void 0===t?void 0:t.contains(e.target))||D(!1)},Z=s(Y,50),G=s((()=>{v?z():V(!1),E.current&&clearTimeout(E.current)}),50);t.useEffect((()=>{const e=new Set(H),t=document.querySelector(`[id='${l}']`);if(t&&(U((e=>e.current===t?e:{current:t})),e.add({current:t})),!e.size)return()=>null;const n=[];return p.find((e=>"click"===e))&&(window.addEventListener("click",J),n.push({event:"click",listener:K})),p.find((e=>"hover"===e))&&(n.push({event:"mouseenter",listener:Z},{event:"mouseleave",listener:G},{event:"focus",listener:Z},{event:"blur",listener:G}),w&&n.push({event:"mousemove",listener:X})),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.addEventListener(t,n)}))})),()=>{window.removeEventListener("click",J),n.forEach((({event:t,listener:n})=>{e.forEach((e=>{var r;null===(r=e.current)||void 0===r||r.removeEventListener(t,n)}))}))}}),[H,M,l,p,v,g]),t.useEffect((()=>{if(S)return q(S),()=>null;if(w)return I.current&&q(I.current),()=>null;let e=M.current;l&&(e=document.querySelector(`[id='${l}']`)),F(!0);let t=!0;return ae({place:u,offset:f,elementReference:e,tooltipReference:j.current,tooltipArrowReference:O.current,strategy:y}).then((e=>{t&&(F(!1),Object.keys(e.tooltipStyles).length&&N(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&L(e.tooltipArrowStyles))})),()=>{t=!1}}),[$,k,l,M,_,u,f,y,S]),t.useEffect((()=>()=>{E.current&&clearTimeout(E.current),A.current&&clearTimeout(A.current)}),[]);const Q=Boolean(_||h);return o.exports.jsxs(m,{id:e,role:"tooltip",className:a(se.tooltip,se[i],n,{[se.show]:Q&&!W&&(k||$),[se.fixed]:"fixed"===y}),style:{...x,...P},ref:j,children:[h||(R?o.exports.jsx(c,{content:_}):_),o.exports.jsx("div",{className:a(se.arrow,r,{[se["no-arrow"]]:b}),style:C,ref:O})]})};e.Tooltip=({id:e,anchorId:n,content:r,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:p=null,events:y=["hover"],positionStrategy:m="absolute",delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R})=>{const[_,k]=t.useState(r||i),[T,j]=t.useState(c),[O,E]=t.useState(s),[A,P]=t.useState(u),[N,C]=t.useState(h),[L,$]=t.useState(g),[D,W]=t.useState(v),[F,I]=t.useState(f),[H,B]=t.useState(y),[M,U]=t.useState(m),[V,z]=t.useState(Boolean(i)),{anchorRefs:Y,activeAnchor:q}=d()(e),X=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),K=e=>{const t={place:e=>{var t;j(null!==(t=e)&&void 0!==t?t:c)},content:e=>{k(null!=e?e:r)},html:e=>{var t;z(Boolean(null!=e?e:i)),k(null!==(t=null!=e?e:i)&&void 0!==t?t:r)},variant:e=>{var t;E(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{P(null===e?u:Number(e))},wrapper:e=>{var t;I(null!==(t=e)&&void 0!==t?t:"div")},events:e=>{const t=null==e?void 0:e.split(" ");B(null!=t?t:y)},"position-strategy":e=>{var t;U(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{C(null===e?h:Number(e))},"delay-hide":e=>{$(null===e?g:Number(e))},float:e=>{W(null===e?v:Boolean(e))}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};t.useEffect((()=>{z(!1),k(r),i&&(z(!0),k(i))}),[r,i]),t.useEffect((()=>{var e;const t=new Set(Y),r=document.querySelector(`[id='${n}']`);if(r&&t.add({current:r}),!t.size)return()=>null;const o=new MutationObserver((e=>{e.forEach((e=>{var t;if(!q.current||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=X(q.current);K(n)}))})),i={attributes:!0,childList:!1,subtree:!1},l=null!==(e=q.current)&&void 0!==e?e:r;if(l){const e=X(l);K(e),o.observe(l,i)}return()=>{o.disconnect()}}),[Y,q,n]);const J={id:e,anchorId:n,className:l,classNameArrow:a,content:_,isHtmlContent:V,place:T,variant:O,offset:A,wrapper:F,events:H,positionStrategy:M,delayShow:N,delayHide:L,float:D,noArrow:w,style:b,position:x,isOpen:S,setIsOpen:R};return p?o.exports.jsx(ce,{...J,children:p}):o.exports.jsx(ce,{...J})},e.TooltipProvider=({children:e})=>{const n=t.useId(),[r,i]=t.useState({[n]:new Set}),[l,a]=t.useState({[n]:{current:null}}),s=(e,...t)=>{i((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},c=(e,...t)=>{i((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=t.useCallback((e=>{var t,o;return{anchorRefs:null!==(t=r[null!=e?e:n])&&void 0!==t?t:new Set,activeAnchor:null!==(o=l[null!=e?e:n])&&void 0!==o?o:{current:null},attach:(...t)=>s(null!=e?e:n,...t),detach:(...t)=>c(null!=e?e:n,...t),setActiveAnchor:t=>((e,t)=>{a((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(null!=e?e:n,t)}}),[n,r,l,s,c]),f=t.useMemo((()=>{const e=u(n);return Object.assign((e=>u(e)),e)}),[u]);return o.exports.jsx(p.Provider,{value:f,children:e})},e.TooltipWrapper=({tooltipId:e,children:n,place:r,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:p,delayHide:y})=>{const{attach:m,detach:h}=d()(e),g=t.useRef(null);return t.useEffect((()=>(m(g),()=>{h(g)})),[]),o.exports.jsx("span",{ref:g,"data-tooltip-place":r,"data-tooltip-content":i,"data-tooltip-html":l,"data-tooltip-variant":a,"data-tooltip-offset":s,"data-tooltip-wrapper":c,"data-tooltip-events":u,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":p,"data-tooltip-delay-hide":y,children:n})},Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-tooltip",
|
|
3
|
-
"version": "5.3.
|
|
3
|
+
"version": "5.3.2",
|
|
4
4
|
"description": "react tooltip component",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "node ./cli.js --env=development && node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.dev.js --watch",
|