react-tooltip 5.8.2-beta.0 → 5.8.2-beta.1

package/dist/react-tooltip.cjs.js

@@ -2922,9 +2922,6 @@ content, html, isOpen, setIsOpen, activeAnchor, setActiveAnchor, }) => {
         if (anchorById) {
             elementRefs.add({ current: anchorById });
         }
-        if (!elementRefs.size) {
-            return () => null;
-        }
         if (closeOnEsc) {
             window.addEventListener('keydown', handleEsc);
         }

package/dist/react-tooltip.cjs.min.js

@@ -12,4 +12,4 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/ie=le,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(" ")}ie.exports?(t.default=t,ie.exports=t):window.classNames=t}();var ae=le.exports;const se=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},ce=({content:e})=>re.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),ue={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},fe={getTooltipData:()=>ue},pe=e.createContext(fe);function de(t="DEFAULT_TOOLTIP_ID"){return e.useContext(pe).getTooltipData(t)}const ye=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:i="top",offset:a=10,strategy:c="absolute",middlewares:u=[x(Number(a)),b(),R({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const f=u;return n?(f.push({name:"arrow",options:p={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=p||{},{x:i,y:a,placement:c,rects:u,platform:f}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const y=s(n),m={x:i,y:a},h=l(c),g=o(h),v=await f.getDimensions(t),w="y"===h?"top":"left",b="y"===h?"bottom":"right",x=u.reference[g]+u.reference[h]-m[h]-u.floating[g],R=m[h]-u.reference[h],S=await(null==f.getOffsetParent?void 0:f.getOffsetParent(t));let _=S?"y"===h?S.clientHeight||0:S.clientWidth||0:0;0===_&&(_=u.floating[g]);const T=x/2-R/2,E=y[w],O=_-v[g]-y[b],A=_/2-v[g]/2+T,k=d(E,A,O),j=null!=r(c)&&A!=k&&u.reference[g]/2-(A<E?y[w]:y[b])-v[g]/2<0;return{[h]:m[h]-(j?A<E?E-A:O-A:0),data:{[h]:k,centerOffset:A-k}}}}),ne(e,t,{placement:i,strategy:c,middleware:f}).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"}}}))):ne(e,t,{placement:"bottom",strategy:c,middleware:f}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})));var p};var me={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const he=({id:t,className:n,classNameArrow:r,variant:o="dark",anchorId:i,anchorSelect:l,place:a="top",offset:s=10,events:c=["hover"],positionStrategy:u="absolute",middlewares:f,wrapper:p,children:d=null,delayShow:y=0,delayHide:m=0,float:h=!1,noArrow:g=!1,clickable:v=!1,closeOnEsc:w=!1,style:b,position:x,afterShow:R,afterHide:S,content:_,html:T,isOpen:E,setIsOpen:O,activeAnchor:A,setActiveAnchor:k})=>{const j=e.useRef(null),P=e.useRef(null),L=e.useRef(null),D=e.useRef(null),[N,C]=e.useState({}),[$,F]=e.useState({}),[I,W]=e.useState(!1),[H,U]=e.useState(!1),B=e.useRef(!1),M=e.useRef(null),{anchorRefs:q,setActiveAnchor:V}=de(t),z=e.useRef(!1),[Y,X]=e.useState([]),K=e.useRef(!1);e.useEffect((()=>{let e=l;if(!e&&t&&(e=`[data-tooltip-id='${t}']`),e)try{const t=Array.from(document.querySelectorAll(e));X(t)}catch(e){X([])}}),[l,A]),e.useLayoutEffect((()=>(K.current=!0,()=>{K.current=!1})),[]),e.useEffect((()=>{if(!I){const e=setTimeout((()=>{U(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[I]);const J=e=>{K.current&&(e&&U(!0),setTimeout((()=>{K.current&&(null==O||O(e),void 0===E&&W(e))}),10))};e.useEffect((()=>{if(void 0===E)return()=>null;E&&U(!0);const e=setTimeout((()=>{W(E)}),10);return()=>{clearTimeout(e)}}),[E]),e.useEffect((()=>{I!==B.current&&(B.current=I,I?null==R||R():null==S||S())}),[I]);const Z=(e=m)=>{D.current&&clearTimeout(D.current),D.current=setTimeout((()=>{z.current||J(!1)}),e)},G=e=>{var t;if(!e)return;y?(L.current&&clearTimeout(L.current),L.current=setTimeout((()=>{J(!0)}),y)):J(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;k(n),V({current:n}),D.current&&clearTimeout(D.current)},Q=()=>{v?Z(m||100):m?Z():J(!1),L.current&&clearTimeout(L.current)},ee=({x:e,y:t})=>{ye({place:a,offset:s,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles)}))},te=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};ee(n),M.current=n},ne=e=>{G(e),m&&Z()},oe=e=>{const t=document.querySelector(`[id='${i}']`);(null==t?void 0:t.contains(e.target))||Y.some((t=>t.contains(e.target)))||J(!1)},ie=e=>{"Escape"===e.key&&J(!1)},le=se(G,50),ue=se(Q,50);e.useEffect((()=>{var e,n;const r=new Set(q);Y.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${i}']`);if(o&&r.add({current:o}),!r.size)return()=>null;w&&window.addEventListener("keydown",ie);const a=[];c.find((e=>"click"===e))&&(window.addEventListener("click",oe),a.push({event:"click",listener:ne})),c.find((e=>"hover"===e))&&(a.push({event:"mouseenter",listener:le},{event:"mouseleave",listener:ue},{event:"focus",listener:le},{event:"blur",listener:ue}),h&&a.push({event:"mousemove",listener:te}));const s=()=>{z.current=!0},u=()=>{z.current=!1,Q()};v&&(null===(e=j.current)||void 0===e||e.addEventListener("mouseenter",s),null===(n=j.current)||void 0===n||n.addEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))}));const f=new MutationObserver((e=>{let n=null!=l?l:"";!n&&t&&(n=`[data-tooltip-id='${t}']`),e.forEach((e=>{if("childList"===e.type&&(A&&[...e.removedNodes].some((e=>!!e.contains(A)&&(U(!1),J(!1),k(null),!0))),n))try{const t=[...e.addedNodes].filter((e=>1===e.nodeType)),r=[...t.filter((e=>e.matches(n))),...t.flatMap((e=>[...e.querySelectorAll(n)]))];r.length&&X((e=>[...e,...r]))}catch(e){}}))}));return f.observe(document.body,{attributes:!1,childList:!0,subtree:!0}),()=>{var e,t;c.find((e=>"click"===e))&&window.removeEventListener("click",oe),w&&window.removeEventListener("keydown",ie),v&&(null===(e=j.current)||void 0===e||e.removeEventListener("mouseenter",s),null===(t=j.current)||void 0===t||t.removeEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))})),f.disconnect()}}),[H,q,A,Y,w,c,m,y]),e.useEffect((()=>{x?ee(x):h?M.current&&ee(M.current):ye({place:a,offset:s,elementReference:A,tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{K.current&&(Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles))}))}),[I,A,_,T,a,s,u,x]),e.useEffect((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...Y,t];A&&n.includes(A)||k(null!==(e=Y[0])&&void 0!==e?e:t)}),[i,Y,A]),e.useEffect((()=>()=>{L.current&&clearTimeout(L.current),D.current&&clearTimeout(D.current)}),[]);const fe=Boolean(T||_||d)&&I&&Object.keys(N).length>0;return H?re.exports.jsxs(p,{id:t,role:"tooltip",className:ae("react-tooltip",me.tooltip,me[o],n,{[me.show]:fe,[me.fixed]:"fixed"===u,[me.clickable]:v}),style:{...b,...N},ref:j,children:[T&&re.exports.jsx(ce,{content:T})||_||d,re.exports.jsx(p,{className:ae("react-tooltip-arrow",me.arrow,r,{[me["no-arrow"]]:g}),style:$,ref:P})]}):null};exports.Tooltip=({id:t,anchorId:n,anchorSelect:r,content:o,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:p=null,events:d=["hover"],positionStrategy:y="absolute",middlewares:m,delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w=!1,clickable:b=!1,closeOnEsc:x=!1,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:O})=>{const[A,k]=e.useState(o),[j,P]=e.useState(i),[L,D]=e.useState(c),[N,C]=e.useState(s),[$,F]=e.useState(u),[I,W]=e.useState(h),[H,U]=e.useState(g),[B,M]=e.useState(v),[q,V]=e.useState(f),[z,Y]=e.useState(d),[X,K]=e.useState(y),[J,Z]=e.useState(null),{anchorRefs:G,activeAnchor:Q}=de(t),ee=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}),{}),te=e=>{const t={place:e=>{var t;D(null!==(t=e)&&void 0!==t?t:c)},content:e=>{k(null!=e?e:o)},html:e=>{P(null!=e?e:i)},variant:e=>{var t;C(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{F(null===e?u:Number(e))},wrapper:e=>{var t;V(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");Y(null!=t?t:d)},"position-strategy":e=>{var t;K(null!==(t=e)&&void 0!==t?t:y)},"delay-show":e=>{W(null===e?h:Number(e))},"delay-hide":e=>{U(null===e?g:Number(e))},float:e=>{M(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((()=>{k(o)}),[o]),e.useEffect((()=>{P(i)}),[i]),e.useEffect((()=>{D(c)}),[c]),e.useEffect((()=>{var e;const o=new Set(G);let i=r;if(!i&&t&&(i=`[data-tooltip-id='${t}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${n}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(e=null!=J?J:l)&&void 0!==e?e:Q.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=ee(a);te(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(a){const e=ee(a);te(e),s.observe(a,c)}return()=>{s.disconnect()}}),[G,Q,J,n,r]);const ne={id:t,anchorId:n,anchorSelect:r,className:l,classNameArrow:a,content:A,html:j,place:L,variant:N,offset:$,wrapper:q,events:z,positionStrategy:X,middlewares:m,delayShow:I,delayHide:H,float:B,noArrow:w,clickable:b,closeOnEsc:x,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:O,activeAnchor:J,setActiveAnchor:e=>Z(e)};return p?re.exports.jsx(he,{...ne,children:p}):re.exports.jsx(he,{...ne})},exports.TooltipProvider=({children:t})=>{const[n,r]=e.useState({DEFAULT_TOOLTIP_ID:new Set}),[o,i]=e.useState({DEFAULT_TOOLTIP_ID:{current:null}}),l=(e,...t)=>{r((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)}}))},a=(e,...t)=>{r((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},s=e.useCallback(((e="DEFAULT_TOOLTIP_ID")=>{var t,r;return{anchorRefs:null!==(t=n[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=o[e])&&void 0!==r?r:{current:null},attach:(...t)=>l(e,...t),detach:(...t)=>a(e,...t),setActiveAnchor:t=>((e,t)=>{i((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(e,t)}}),[n,o,l,a]),c=e.useMemo((()=>({getTooltipData:s})),[s]);return re.exports.jsx(pe.Provider,{value:c,children:t})},exports.TooltipWrapper=({tooltipId:t,children:n,className:r,place:o,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:p,delayHide:d})=>{const{attach:y,detach:m}=de(t),h=e.useRef(null);return e.useEffect((()=>(y(h),()=>{m(h)})),[]),re.exports.jsx("span",{ref:h,className:ae("react-tooltip-wrapper",r),"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":d,children:n})},exports.autoPlacement=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,o,l;const{rects:a,middlewareData:s,placement:c,platform:f,elements:p}=t,{alignment:d,allowedPlacements:m=y,autoAlignment:h=!0,...v}=e,b=void 0!==d||m===y?function(e,t,n){return(e?[...n.filter((t=>r(t)===e)),...n.filter((t=>r(t)!==e))]:n.filter((e=>i(e)===e))).filter((n=>!e||r(n)===e||!!t&&w(n)!==n))}(d||null,h,m):m,x=await u(t,v),R=(null==(n=s.autoPlacement)?void 0:n.index)||0,S=b[R];if(null==S)return{};const{main:_,cross:T}=g(S,a,await(null==f.isRTL?void 0:f.isRTL(p.floating)));if(c!==S)return{reset:{placement:b[0]}};const E=[x[i(S)],x[_],x[T]],O=[...(null==(o=s.autoPlacement)?void 0:o.overflows)||[],{placement:S,overflows:E}],A=b[R+1];if(A)return{data:{index:R+1,overflows:O},reset:{placement:A}};const k=O.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),j=null==(l=k.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:l.placement,P=j||k[0].placement;return P!==c?{data:{index:R+1,overflows:O},reset:{placement:P}}:{}}}},exports.flip=b,exports.inline=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:r,rects:o,platform:a,strategy:u}=t,{padding:d=2,x:y,y:m}=e,h=c(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:o.reference,offsetParent:await(null==a.getOffsetParent?void 0:a.getOffsetParent(r.floating)),strategy:u}):o.reference),g=await(null==a.getClientRects?void 0:a.getClientRects(r.reference))||[],v=s(d);const w=await a.getElementRects({reference:{getBoundingClientRect:function(){if(2===g.length&&g[0].left>g[1].right&&null!=y&&null!=m)return g.find((e=>y>e.left-v.left&&y<e.right+v.right&&m>e.top-v.top&&m<e.bottom+v.bottom))||h;if(g.length>=2){if("x"===l(n)){const e=g[0],t=g[g.length-1],r="top"===i(n),o=e.top,l=t.bottom,a=r?e.left:t.left,s=r?e.right:t.right;return{top:o,bottom:l,left:a,right:s,width:s-a,height:l-o,x:a,y:o}}const e="left"===i(n),t=p(...g.map((e=>e.right))),r=f(...g.map((e=>e.left))),o=g.filter((n=>e?n.left===r:n.right===t)),a=o[0].top,s=o[o.length-1].bottom;return{top:a,bottom:s,left:r,right:t,width:t-r,height:s-a,x:r,y:a}}return h}},floating:r.floating,strategy:u});return o.reference.x!==w.reference.x||o.reference.y!==w.reference.y||o.reference.width!==w.reference.width||o.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},exports.offset=x,exports.shift=R,exports.size=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:n,rects:o,platform:l,elements:a}=t,{apply:s=(()=>{}),...c}=e,f=await u(t,c),d=i(n),y=r(n);let m,h;"top"===d||"bottom"===d?(m=d,h=y===(await(null==l.isRTL?void 0:l.isRTL(a.floating))?"start":"end")?"left":"right"):(h=d,m="end"===y?"top":"bottom");const g=p(f.left,0),v=p(f.right,0),w=p(f.top,0),b=p(f.bottom,0),x={availableHeight:o.floating.height-(["left","right"].includes(n)?2*(0!==w||0!==b?w+b:p(f.top,f.bottom)):f[m]),availableWidth:o.floating.width-(["top","bottom"].includes(n)?2*(0!==g||0!==v?g+v:p(f.left,f.right)):f[h])};await s({...t,...x});const R=await l.getDimensions(a.floating);return o.floating.width!==R.width||o.floating.height!==R.height?{reset:{rects:!0}}:{}}}};
+*/ie=le,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(" ")}ie.exports?(t.default=t,ie.exports=t):window.classNames=t}();var ae=le.exports;const se=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},ce=({content:e})=>re.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),ue={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},fe={getTooltipData:()=>ue},pe=e.createContext(fe);function de(t="DEFAULT_TOOLTIP_ID"){return e.useContext(pe).getTooltipData(t)}const ye=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:i="top",offset:a=10,strategy:c="absolute",middlewares:u=[x(Number(a)),b(),R({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const f=u;return n?(f.push({name:"arrow",options:p={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=p||{},{x:i,y:a,placement:c,rects:u,platform:f}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const y=s(n),m={x:i,y:a},h=l(c),g=o(h),v=await f.getDimensions(t),w="y"===h?"top":"left",b="y"===h?"bottom":"right",x=u.reference[g]+u.reference[h]-m[h]-u.floating[g],R=m[h]-u.reference[h],S=await(null==f.getOffsetParent?void 0:f.getOffsetParent(t));let _=S?"y"===h?S.clientHeight||0:S.clientWidth||0:0;0===_&&(_=u.floating[g]);const T=x/2-R/2,E=y[w],O=_-v[g]-y[b],A=_/2-v[g]/2+T,k=d(E,A,O),j=null!=r(c)&&A!=k&&u.reference[g]/2-(A<E?y[w]:y[b])-v[g]/2<0;return{[h]:m[h]-(j?A<E?E-A:O-A:0),data:{[h]:k,centerOffset:A-k}}}}),ne(e,t,{placement:i,strategy:c,middleware:f}).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"}}}))):ne(e,t,{placement:"bottom",strategy:c,middleware:f}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})));var p};var me={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const he=({id:t,className:n,classNameArrow:r,variant:o="dark",anchorId:i,anchorSelect:l,place:a="top",offset:s=10,events:c=["hover"],positionStrategy:u="absolute",middlewares:f,wrapper:p,children:d=null,delayShow:y=0,delayHide:m=0,float:h=!1,noArrow:g=!1,clickable:v=!1,closeOnEsc:w=!1,style:b,position:x,afterShow:R,afterHide:S,content:_,html:T,isOpen:E,setIsOpen:O,activeAnchor:A,setActiveAnchor:k})=>{const j=e.useRef(null),P=e.useRef(null),L=e.useRef(null),D=e.useRef(null),[N,C]=e.useState({}),[$,F]=e.useState({}),[I,W]=e.useState(!1),[H,U]=e.useState(!1),B=e.useRef(!1),M=e.useRef(null),{anchorRefs:q,setActiveAnchor:V}=de(t),z=e.useRef(!1),[Y,X]=e.useState([]),K=e.useRef(!1);e.useEffect((()=>{let e=l;if(!e&&t&&(e=`[data-tooltip-id='${t}']`),e)try{const t=Array.from(document.querySelectorAll(e));X(t)}catch(e){X([])}}),[l,A]),e.useLayoutEffect((()=>(K.current=!0,()=>{K.current=!1})),[]),e.useEffect((()=>{if(!I){const e=setTimeout((()=>{U(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[I]);const J=e=>{K.current&&(e&&U(!0),setTimeout((()=>{K.current&&(null==O||O(e),void 0===E&&W(e))}),10))};e.useEffect((()=>{if(void 0===E)return()=>null;E&&U(!0);const e=setTimeout((()=>{W(E)}),10);return()=>{clearTimeout(e)}}),[E]),e.useEffect((()=>{I!==B.current&&(B.current=I,I?null==R||R():null==S||S())}),[I]);const Z=(e=m)=>{D.current&&clearTimeout(D.current),D.current=setTimeout((()=>{z.current||J(!1)}),e)},G=e=>{var t;if(!e)return;y?(L.current&&clearTimeout(L.current),L.current=setTimeout((()=>{J(!0)}),y)):J(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;k(n),V({current:n}),D.current&&clearTimeout(D.current)},Q=()=>{v?Z(m||100):m?Z():J(!1),L.current&&clearTimeout(L.current)},ee=({x:e,y:t})=>{ye({place:a,offset:s,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles)}))},te=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};ee(n),M.current=n},ne=e=>{G(e),m&&Z()},oe=e=>{const t=document.querySelector(`[id='${i}']`);(null==t?void 0:t.contains(e.target))||Y.some((t=>t.contains(e.target)))||J(!1)},ie=e=>{"Escape"===e.key&&J(!1)},le=se(G,50),ue=se(Q,50);e.useEffect((()=>{var e,n;const r=new Set(q);Y.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${i}']`);o&&r.add({current:o}),w&&window.addEventListener("keydown",ie);const a=[];c.find((e=>"click"===e))&&(window.addEventListener("click",oe),a.push({event:"click",listener:ne})),c.find((e=>"hover"===e))&&(a.push({event:"mouseenter",listener:le},{event:"mouseleave",listener:ue},{event:"focus",listener:le},{event:"blur",listener:ue}),h&&a.push({event:"mousemove",listener:te}));const s=()=>{z.current=!0},u=()=>{z.current=!1,Q()};v&&(null===(e=j.current)||void 0===e||e.addEventListener("mouseenter",s),null===(n=j.current)||void 0===n||n.addEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))}));const f=new MutationObserver((e=>{let n=null!=l?l:"";!n&&t&&(n=`[data-tooltip-id='${t}']`),e.forEach((e=>{if("childList"===e.type&&(A&&[...e.removedNodes].some((e=>!!e.contains(A)&&(U(!1),J(!1),k(null),!0))),n))try{const t=[...e.addedNodes].filter((e=>1===e.nodeType)),r=[...t.filter((e=>e.matches(n))),...t.flatMap((e=>[...e.querySelectorAll(n)]))];r.length&&X((e=>[...e,...r]))}catch(e){}}))}));return f.observe(document.body,{attributes:!1,childList:!0,subtree:!0}),()=>{var e,t;c.find((e=>"click"===e))&&window.removeEventListener("click",oe),w&&window.removeEventListener("keydown",ie),v&&(null===(e=j.current)||void 0===e||e.removeEventListener("mouseenter",s),null===(t=j.current)||void 0===t||t.removeEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))})),f.disconnect()}}),[H,q,A,Y,w,c,m,y]),e.useEffect((()=>{x?ee(x):h?M.current&&ee(M.current):ye({place:a,offset:s,elementReference:A,tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{K.current&&(Object.keys(e.tooltipStyles).length&&C(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles))}))}),[I,A,_,T,a,s,u,x]),e.useEffect((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...Y,t];A&&n.includes(A)||k(null!==(e=Y[0])&&void 0!==e?e:t)}),[i,Y,A]),e.useEffect((()=>()=>{L.current&&clearTimeout(L.current),D.current&&clearTimeout(D.current)}),[]);const fe=Boolean(T||_||d)&&I&&Object.keys(N).length>0;return H?re.exports.jsxs(p,{id:t,role:"tooltip",className:ae("react-tooltip",me.tooltip,me[o],n,{[me.show]:fe,[me.fixed]:"fixed"===u,[me.clickable]:v}),style:{...b,...N},ref:j,children:[T&&re.exports.jsx(ce,{content:T})||_||d,re.exports.jsx(p,{className:ae("react-tooltip-arrow",me.arrow,r,{[me["no-arrow"]]:g}),style:$,ref:P})]}):null};exports.Tooltip=({id:t,anchorId:n,anchorSelect:r,content:o,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:p=null,events:d=["hover"],positionStrategy:y="absolute",middlewares:m,delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w=!1,clickable:b=!1,closeOnEsc:x=!1,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:O})=>{const[A,k]=e.useState(o),[j,P]=e.useState(i),[L,D]=e.useState(c),[N,C]=e.useState(s),[$,F]=e.useState(u),[I,W]=e.useState(h),[H,U]=e.useState(g),[B,M]=e.useState(v),[q,V]=e.useState(f),[z,Y]=e.useState(d),[X,K]=e.useState(y),[J,Z]=e.useState(null),{anchorRefs:G,activeAnchor:Q}=de(t),ee=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}),{}),te=e=>{const t={place:e=>{var t;D(null!==(t=e)&&void 0!==t?t:c)},content:e=>{k(null!=e?e:o)},html:e=>{P(null!=e?e:i)},variant:e=>{var t;C(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{F(null===e?u:Number(e))},wrapper:e=>{var t;V(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");Y(null!=t?t:d)},"position-strategy":e=>{var t;K(null!==(t=e)&&void 0!==t?t:y)},"delay-show":e=>{W(null===e?h:Number(e))},"delay-hide":e=>{U(null===e?g:Number(e))},float:e=>{M(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((()=>{k(o)}),[o]),e.useEffect((()=>{P(i)}),[i]),e.useEffect((()=>{D(c)}),[c]),e.useEffect((()=>{var e;const o=new Set(G);let i=r;if(!i&&t&&(i=`[data-tooltip-id='${t}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${n}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(e=null!=J?J:l)&&void 0!==e?e:Q.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=ee(a);te(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(a){const e=ee(a);te(e),s.observe(a,c)}return()=>{s.disconnect()}}),[G,Q,J,n,r]);const ne={id:t,anchorId:n,anchorSelect:r,className:l,classNameArrow:a,content:A,html:j,place:L,variant:N,offset:$,wrapper:q,events:z,positionStrategy:X,middlewares:m,delayShow:I,delayHide:H,float:B,noArrow:w,clickable:b,closeOnEsc:x,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:O,activeAnchor:J,setActiveAnchor:e=>Z(e)};return p?re.exports.jsx(he,{...ne,children:p}):re.exports.jsx(he,{...ne})},exports.TooltipProvider=({children:t})=>{const[n,r]=e.useState({DEFAULT_TOOLTIP_ID:new Set}),[o,i]=e.useState({DEFAULT_TOOLTIP_ID:{current:null}}),l=(e,...t)=>{r((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)}}))},a=(e,...t)=>{r((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},s=e.useCallback(((e="DEFAULT_TOOLTIP_ID")=>{var t,r;return{anchorRefs:null!==(t=n[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=o[e])&&void 0!==r?r:{current:null},attach:(...t)=>l(e,...t),detach:(...t)=>a(e,...t),setActiveAnchor:t=>((e,t)=>{i((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(e,t)}}),[n,o,l,a]),c=e.useMemo((()=>({getTooltipData:s})),[s]);return re.exports.jsx(pe.Provider,{value:c,children:t})},exports.TooltipWrapper=({tooltipId:t,children:n,className:r,place:o,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:p,delayHide:d})=>{const{attach:y,detach:m}=de(t),h=e.useRef(null);return e.useEffect((()=>(y(h),()=>{m(h)})),[]),re.exports.jsx("span",{ref:h,className:ae("react-tooltip-wrapper",r),"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":d,children:n})},exports.autoPlacement=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,o,l;const{rects:a,middlewareData:s,placement:c,platform:f,elements:p}=t,{alignment:d,allowedPlacements:m=y,autoAlignment:h=!0,...v}=e,b=void 0!==d||m===y?function(e,t,n){return(e?[...n.filter((t=>r(t)===e)),...n.filter((t=>r(t)!==e))]:n.filter((e=>i(e)===e))).filter((n=>!e||r(n)===e||!!t&&w(n)!==n))}(d||null,h,m):m,x=await u(t,v),R=(null==(n=s.autoPlacement)?void 0:n.index)||0,S=b[R];if(null==S)return{};const{main:_,cross:T}=g(S,a,await(null==f.isRTL?void 0:f.isRTL(p.floating)));if(c!==S)return{reset:{placement:b[0]}};const E=[x[i(S)],x[_],x[T]],O=[...(null==(o=s.autoPlacement)?void 0:o.overflows)||[],{placement:S,overflows:E}],A=b[R+1];if(A)return{data:{index:R+1,overflows:O},reset:{placement:A}};const k=O.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),j=null==(l=k.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:l.placement,P=j||k[0].placement;return P!==c?{data:{index:R+1,overflows:O},reset:{placement:P}}:{}}}},exports.flip=b,exports.inline=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:r,rects:o,platform:a,strategy:u}=t,{padding:d=2,x:y,y:m}=e,h=c(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:o.reference,offsetParent:await(null==a.getOffsetParent?void 0:a.getOffsetParent(r.floating)),strategy:u}):o.reference),g=await(null==a.getClientRects?void 0:a.getClientRects(r.reference))||[],v=s(d);const w=await a.getElementRects({reference:{getBoundingClientRect:function(){if(2===g.length&&g[0].left>g[1].right&&null!=y&&null!=m)return g.find((e=>y>e.left-v.left&&y<e.right+v.right&&m>e.top-v.top&&m<e.bottom+v.bottom))||h;if(g.length>=2){if("x"===l(n)){const e=g[0],t=g[g.length-1],r="top"===i(n),o=e.top,l=t.bottom,a=r?e.left:t.left,s=r?e.right:t.right;return{top:o,bottom:l,left:a,right:s,width:s-a,height:l-o,x:a,y:o}}const e="left"===i(n),t=p(...g.map((e=>e.right))),r=f(...g.map((e=>e.left))),o=g.filter((n=>e?n.left===r:n.right===t)),a=o[0].top,s=o[o.length-1].bottom;return{top:a,bottom:s,left:r,right:t,width:t-r,height:s-a,x:r,y:a}}return h}},floating:r.floating,strategy:u});return o.reference.x!==w.reference.x||o.reference.y!==w.reference.y||o.reference.width!==w.reference.width||o.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},exports.offset=x,exports.shift=R,exports.size=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:n,rects:o,platform:l,elements:a}=t,{apply:s=(()=>{}),...c}=e,f=await u(t,c),d=i(n),y=r(n);let m,h;"top"===d||"bottom"===d?(m=d,h=y===(await(null==l.isRTL?void 0:l.isRTL(a.floating))?"start":"end")?"left":"right"):(h=d,m="end"===y?"top":"bottom");const g=p(f.left,0),v=p(f.right,0),w=p(f.top,0),b=p(f.bottom,0),x={availableHeight:o.floating.height-(["left","right"].includes(n)?2*(0!==w||0!==b?w+b:p(f.top,f.bottom)):f[m]),availableWidth:o.floating.width-(["top","bottom"].includes(n)?2*(0!==g||0!==v?g+v:p(f.left,f.right)):f[h])};await s({...t,...x});const R=await l.getDimensions(a.floating);return o.floating.width!==R.width||o.floating.height!==R.height?{reset:{rects:!0}}:{}}}};

package/dist/react-tooltip.esm.js

@@ -2914,9 +2914,6 @@ content, html, isOpen, setIsOpen, activeAnchor, setActiveAnchor, }) => {
         if (anchorById) {
             elementRefs.add({ current: anchorById });
         }
-        if (!elementRefs.size) {
-            return () => null;
-        }
         if (closeOnEsc) {
             window.addEventListener('keydown', handleEsc);
         }

package/dist/react-tooltip.esm.min.js

@@ -12,4 +12,4 @@ de=ye,function(){var t=e,n=60103,r=60106;de.Fragment=60107;var o=60108,i=60114,l
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/me=he,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(" ")}me.exports?(t.default=t,me.exports=t):window.classNames=t}();var ge=he.exports;const ve=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},we=({content:e})=>pe.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),be={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},xe=t({getTooltipData:()=>be}),Re=({children:e})=>{const[t,i]=n({DEFAULT_TOOLTIP_ID:new Set}),[l,a]=n({DEFAULT_TOOLTIP_ID:{current:null}}),c=(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)}}))},s=(e,...t)=>{i((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=r(((e="DEFAULT_TOOLTIP_ID")=>{var n,r;return{anchorRefs:null!==(n=t[e])&&void 0!==n?n:new Set,activeAnchor:null!==(r=l[e])&&void 0!==r?r:{current:null},attach:(...t)=>c(e,...t),detach:(...t)=>s(e,...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}}))})(e,t)}}),[t,l,c,s]),f=o((()=>({getTooltipData:u})),[u]);return pe.exports.jsx(xe.Provider,{value:f,children:e})};function _e(e="DEFAULT_TOOLTIP_ID"){return i(xe).getTooltipData(e)}const Te=({tooltipId:e,children:t,className:n,place:r,content:o,html:i,variant:c,offset:s,wrapper:u,events:f,positionStrategy:d,delayShow:p,delayHide:y})=>{const{attach:m,detach:h}=_e(e),g=l(null);return a((()=>(m(g),()=>{h(g)})),[]),pe.exports.jsx("span",{ref:g,className:ge("react-tooltip-wrapper",n),"data-tooltip-place":r,"data-tooltip-content":o,"data-tooltip-html":i,"data-tooltip-variant":c,"data-tooltip-offset":s,"data-tooltip-wrapper":u,"data-tooltip-events":f,"data-tooltip-position-strategy":d,"data-tooltip-delay-show":p,"data-tooltip-delay-hide":y,children:t})},Se=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute",middlewares:l=[E(Number(o)),A(),j({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const a=l;return n?(a.push({name:"arrow",options:c={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=c||{},{x:r,y:o,placement:i,rects:l,platform:a}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const f=y(n),p={x:r,y:o},m=d(i),h=u(m),g=await a.getDimensions(t),v="y"===m?"top":"left",b="y"===m?"bottom":"right",x=l.reference[h]+l.reference[m]-p[m]-l.floating[h],R=p[m]-l.reference[m],_=await(null==a.getOffsetParent?void 0:a.getOffsetParent(t));let T=_?"y"===m?_.clientHeight||0:_.clientWidth||0:0;0===T&&(T=l.floating[h]);const S=x/2-R/2,O=f[v],A=T-g[h]-f[b],k=T/2-g[h]/2+S,E=w(O,k,A),j=null!=s(i)&&k!=E&&l.reference[h]/2-(k<O?f[v]:f[b])-g[h]/2<0;return{[m]:p[m]-(j?k<O?O-k:A-k:0),data:{[m]:E,centerOffset:k-E}}}}),fe(e,t,{placement:r,strategy:i,middleware:a}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:c}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):fe(e,t,{placement:"bottom",strategy:i,middleware:a}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})));var c};var Oe={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const Ae=({id:e,className:t,classNameArrow:r,variant:o="dark",anchorId:i,anchorSelect:s,place:u="top",offset:f=10,events:d=["hover"],positionStrategy:p="absolute",middlewares:y,wrapper:m,children:h=null,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b=!1,clickable:x=!1,closeOnEsc:R=!1,style:_,position:T,afterShow:S,afterHide:O,content:A,html:k,isOpen:E,setIsOpen:j,activeAnchor:L,setActiveAnchor:P})=>{const D=l(null),N=l(null),$=l(null),F=l(null),[C,I]=n({}),[W,H]=n({}),[U,B]=n(!1),[M,V]=n(!1),q=l(!1),z=l(null),{anchorRefs:Y,setActiveAnchor:X}=_e(e),K=l(!1),[J,Z]=n([]),G=l(!1);a((()=>{let t=s;if(!t&&e&&(t=`[data-tooltip-id='${e}']`),t)try{const e=Array.from(document.querySelectorAll(t));Z(e)}catch(e){Z([])}}),[s,L]),c((()=>(G.current=!0,()=>{G.current=!1})),[]),a((()=>{if(!U){const e=setTimeout((()=>{V(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[U]);const Q=e=>{G.current&&(e&&V(!0),setTimeout((()=>{G.current&&(null==j||j(e),void 0===E&&B(e))}),10))};a((()=>{if(void 0===E)return()=>null;E&&V(!0);const e=setTimeout((()=>{B(E)}),10);return()=>{clearTimeout(e)}}),[E]),a((()=>{U!==q.current&&(q.current=U,U?null==S||S():null==O||O())}),[U]);const ee=(e=v)=>{F.current&&clearTimeout(F.current),F.current=setTimeout((()=>{K.current||Q(!1)}),e)},te=e=>{var t;if(!e)return;g?($.current&&clearTimeout($.current),$.current=setTimeout((()=>{Q(!0)}),g)):Q(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;P(n),X({current:n}),F.current&&clearTimeout(F.current)},ne=()=>{x?ee(v||100):v?ee():Q(!1),$.current&&clearTimeout($.current)},re=({x:e,y:t})=>{Se({place:u,offset:f,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:D.current,tooltipArrowReference:N.current,strategy:p,middlewares:y}).then((e=>{Object.keys(e.tooltipStyles).length&&I(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&H(e.tooltipArrowStyles)}))},oe=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};re(n),z.current=n},ie=e=>{te(e),v&&ee()},le=e=>{const t=document.querySelector(`[id='${i}']`);(null==t?void 0:t.contains(e.target))||J.some((t=>t.contains(e.target)))||Q(!1)},ae=e=>{"Escape"===e.key&&Q(!1)},ce=ve(te,50),se=ve(ne,50);a((()=>{var t,n;const r=new Set(Y);J.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${i}']`);if(o&&r.add({current:o}),!r.size)return()=>null;R&&window.addEventListener("keydown",ae);const l=[];d.find((e=>"click"===e))&&(window.addEventListener("click",le),l.push({event:"click",listener:ie})),d.find((e=>"hover"===e))&&(l.push({event:"mouseenter",listener:ce},{event:"mouseleave",listener:se},{event:"focus",listener:ce},{event:"blur",listener:se}),w&&l.push({event:"mousemove",listener:oe}));const a=()=>{K.current=!0},c=()=>{K.current=!1,ne()};x&&(null===(t=D.current)||void 0===t||t.addEventListener("mouseenter",a),null===(n=D.current)||void 0===n||n.addEventListener("mouseleave",c)),l.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))}));const u=new MutationObserver((t=>{let n=null!=s?s:"";!n&&e&&(n=`[data-tooltip-id='${e}']`),t.forEach((e=>{if("childList"===e.type&&(L&&[...e.removedNodes].some((e=>!!e.contains(L)&&(V(!1),Q(!1),P(null),!0))),n))try{const t=[...e.addedNodes].filter((e=>1===e.nodeType)),r=[...t.filter((e=>e.matches(n))),...t.flatMap((e=>[...e.querySelectorAll(n)]))];r.length&&Z((e=>[...e,...r]))}catch(e){}}))}));return u.observe(document.body,{attributes:!1,childList:!0,subtree:!0}),()=>{var e,t;d.find((e=>"click"===e))&&window.removeEventListener("click",le),R&&window.removeEventListener("keydown",ae),x&&(null===(e=D.current)||void 0===e||e.removeEventListener("mouseenter",a),null===(t=D.current)||void 0===t||t.removeEventListener("mouseleave",c)),l.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))})),u.disconnect()}}),[M,Y,L,J,R,d,v,g]),a((()=>{T?re(T):w?z.current&&re(z.current):Se({place:u,offset:f,elementReference:L,tooltipReference:D.current,tooltipArrowReference:N.current,strategy:p,middlewares:y}).then((e=>{G.current&&(Object.keys(e.tooltipStyles).length&&I(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&H(e.tooltipArrowStyles))}))}),[U,L,A,k,u,f,p,T]),a((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...J,t];L&&n.includes(L)||P(null!==(e=J[0])&&void 0!==e?e:t)}),[i,J,L]),a((()=>()=>{$.current&&clearTimeout($.current),F.current&&clearTimeout(F.current)}),[]);const ue=Boolean(k||A||h)&&U&&Object.keys(C).length>0;return M?pe.exports.jsxs(m,{id:e,role:"tooltip",className:ge("react-tooltip",Oe.tooltip,Oe[o],t,{[Oe.show]:ue,[Oe.fixed]:"fixed"===p,[Oe.clickable]:x}),style:{..._,...C},ref:D,children:[k&&pe.exports.jsx(we,{content:k})||A||h,pe.exports.jsx(m,{className:ge("react-tooltip-arrow",Oe.arrow,r,{[Oe["no-arrow"]]:b}),style:W,ref:N})]}):null},ke=({id:e,anchorId:t,anchorSelect:r,content:o,html:i,className:l,classNameArrow:c,variant:s="dark",place:u="top",offset:f=10,wrapper:d="div",children:p=null,events:y=["hover"],positionStrategy:m="absolute",middlewares:h,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b=!1,clickable:x=!1,closeOnEsc:R=!1,style:_,position:T,isOpen:S,setIsOpen:O,afterShow:A,afterHide:k})=>{const[E,j]=n(o),[L,P]=n(i),[D,N]=n(u),[$,F]=n(s),[C,I]=n(f),[W,H]=n(g),[U,B]=n(v),[M,V]=n(w),[q,z]=n(d),[Y,X]=n(y),[K,J]=n(m),[Z,G]=n(null),{anchorRefs:Q,activeAnchor:ee}=_e(e),te=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}),{}),ne=e=>{const t={place:e=>{var t;N(null!==(t=e)&&void 0!==t?t:u)},content:e=>{j(null!=e?e:o)},html:e=>{P(null!=e?e:i)},variant:e=>{var t;F(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{I(null===e?f:Number(e))},wrapper:e=>{var t;z(null!==(t=e)&&void 0!==t?t:d)},events:e=>{const t=null==e?void 0:e.split(" ");X(null!=t?t:y)},"position-strategy":e=>{var t;J(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{H(null===e?g:Number(e))},"delay-hide":e=>{B(null===e?v:Number(e))},float:e=>{V(null===e?w: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)}))};a((()=>{j(o)}),[o]),a((()=>{P(i)}),[i]),a((()=>{N(u)}),[u]),a((()=>{var n;const o=new Set(Q);let i=r;if(!i&&e&&(i=`[data-tooltip-id='${e}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${t}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(n=null!=Z?Z:l)&&void 0!==n?n:ee.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=te(a);ne(n)}))})),s={attributes:!0,childList:!1,subtree:!1};if(a){const e=te(a);ne(e),c.observe(a,s)}return()=>{c.disconnect()}}),[Q,ee,Z,t,r]);const re={id:e,anchorId:t,anchorSelect:r,className:l,classNameArrow:c,content:E,html:L,place:D,variant:$,offset:C,wrapper:q,events:Y,positionStrategy:K,middlewares:h,delayShow:W,delayHide:U,float:M,noArrow:b,clickable:x,closeOnEsc:R,style:_,position:T,isOpen:S,setIsOpen:O,afterShow:A,afterHide:k,activeAnchor:Z,setActiveAnchor:e=>G(e)};return p?pe.exports.jsx(Ae,{...re,children:p}):pe.exports.jsx(Ae,{...re})};export{ke as Tooltip,Re as TooltipProvider,Te as TooltipWrapper,O as autoPlacement,A as flip,k as inline,E as offset,j as shift,L as size};
+*/me=he,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(" ")}me.exports?(t.default=t,me.exports=t):window.classNames=t}();var ge=he.exports;const ve=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},we=({content:e})=>pe.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),be={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},xe=t({getTooltipData:()=>be}),Re=({children:e})=>{const[t,i]=n({DEFAULT_TOOLTIP_ID:new Set}),[l,a]=n({DEFAULT_TOOLTIP_ID:{current:null}}),c=(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)}}))},s=(e,...t)=>{i((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=r(((e="DEFAULT_TOOLTIP_ID")=>{var n,r;return{anchorRefs:null!==(n=t[e])&&void 0!==n?n:new Set,activeAnchor:null!==(r=l[e])&&void 0!==r?r:{current:null},attach:(...t)=>c(e,...t),detach:(...t)=>s(e,...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}}))})(e,t)}}),[t,l,c,s]),f=o((()=>({getTooltipData:u})),[u]);return pe.exports.jsx(xe.Provider,{value:f,children:e})};function _e(e="DEFAULT_TOOLTIP_ID"){return i(xe).getTooltipData(e)}const Te=({tooltipId:e,children:t,className:n,place:r,content:o,html:i,variant:c,offset:s,wrapper:u,events:f,positionStrategy:d,delayShow:p,delayHide:y})=>{const{attach:m,detach:h}=_e(e),g=l(null);return a((()=>(m(g),()=>{h(g)})),[]),pe.exports.jsx("span",{ref:g,className:ge("react-tooltip-wrapper",n),"data-tooltip-place":r,"data-tooltip-content":o,"data-tooltip-html":i,"data-tooltip-variant":c,"data-tooltip-offset":s,"data-tooltip-wrapper":u,"data-tooltip-events":f,"data-tooltip-position-strategy":d,"data-tooltip-delay-show":p,"data-tooltip-delay-hide":y,children:t})},Se=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute",middlewares:l=[E(Number(o)),A(),j({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const a=l;return n?(a.push({name:"arrow",options:c={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=c||{},{x:r,y:o,placement:i,rects:l,platform:a}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const f=y(n),p={x:r,y:o},m=d(i),h=u(m),g=await a.getDimensions(t),v="y"===m?"top":"left",b="y"===m?"bottom":"right",x=l.reference[h]+l.reference[m]-p[m]-l.floating[h],R=p[m]-l.reference[m],_=await(null==a.getOffsetParent?void 0:a.getOffsetParent(t));let T=_?"y"===m?_.clientHeight||0:_.clientWidth||0:0;0===T&&(T=l.floating[h]);const S=x/2-R/2,O=f[v],A=T-g[h]-f[b],k=T/2-g[h]/2+S,E=w(O,k,A),j=null!=s(i)&&k!=E&&l.reference[h]/2-(k<O?f[v]:f[b])-g[h]/2<0;return{[m]:p[m]-(j?k<O?O-k:A-k:0),data:{[m]:E,centerOffset:k-E}}}}),fe(e,t,{placement:r,strategy:i,middleware:a}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:c}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"}}}))):fe(e,t,{placement:"bottom",strategy:i,middleware:a}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})));var c};var Oe={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const Ae=({id:e,className:t,classNameArrow:r,variant:o="dark",anchorId:i,anchorSelect:s,place:u="top",offset:f=10,events:d=["hover"],positionStrategy:p="absolute",middlewares:y,wrapper:m,children:h=null,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b=!1,clickable:x=!1,closeOnEsc:R=!1,style:_,position:T,afterShow:S,afterHide:O,content:A,html:k,isOpen:E,setIsOpen:j,activeAnchor:L,setActiveAnchor:P})=>{const D=l(null),N=l(null),$=l(null),F=l(null),[C,I]=n({}),[W,H]=n({}),[U,B]=n(!1),[M,V]=n(!1),q=l(!1),z=l(null),{anchorRefs:Y,setActiveAnchor:X}=_e(e),K=l(!1),[J,Z]=n([]),G=l(!1);a((()=>{let t=s;if(!t&&e&&(t=`[data-tooltip-id='${e}']`),t)try{const e=Array.from(document.querySelectorAll(t));Z(e)}catch(e){Z([])}}),[s,L]),c((()=>(G.current=!0,()=>{G.current=!1})),[]),a((()=>{if(!U){const e=setTimeout((()=>{V(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[U]);const Q=e=>{G.current&&(e&&V(!0),setTimeout((()=>{G.current&&(null==j||j(e),void 0===E&&B(e))}),10))};a((()=>{if(void 0===E)return()=>null;E&&V(!0);const e=setTimeout((()=>{B(E)}),10);return()=>{clearTimeout(e)}}),[E]),a((()=>{U!==q.current&&(q.current=U,U?null==S||S():null==O||O())}),[U]);const ee=(e=v)=>{F.current&&clearTimeout(F.current),F.current=setTimeout((()=>{K.current||Q(!1)}),e)},te=e=>{var t;if(!e)return;g?($.current&&clearTimeout($.current),$.current=setTimeout((()=>{Q(!0)}),g)):Q(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;P(n),X({current:n}),F.current&&clearTimeout(F.current)},ne=()=>{x?ee(v||100):v?ee():Q(!1),$.current&&clearTimeout($.current)},re=({x:e,y:t})=>{Se({place:u,offset:f,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:D.current,tooltipArrowReference:N.current,strategy:p,middlewares:y}).then((e=>{Object.keys(e.tooltipStyles).length&&I(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&H(e.tooltipArrowStyles)}))},oe=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};re(n),z.current=n},ie=e=>{te(e),v&&ee()},le=e=>{const t=document.querySelector(`[id='${i}']`);(null==t?void 0:t.contains(e.target))||J.some((t=>t.contains(e.target)))||Q(!1)},ae=e=>{"Escape"===e.key&&Q(!1)},ce=ve(te,50),se=ve(ne,50);a((()=>{var t,n;const r=new Set(Y);J.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${i}']`);o&&r.add({current:o}),R&&window.addEventListener("keydown",ae);const l=[];d.find((e=>"click"===e))&&(window.addEventListener("click",le),l.push({event:"click",listener:ie})),d.find((e=>"hover"===e))&&(l.push({event:"mouseenter",listener:ce},{event:"mouseleave",listener:se},{event:"focus",listener:ce},{event:"blur",listener:se}),w&&l.push({event:"mousemove",listener:oe}));const a=()=>{K.current=!0},c=()=>{K.current=!1,ne()};x&&(null===(t=D.current)||void 0===t||t.addEventListener("mouseenter",a),null===(n=D.current)||void 0===n||n.addEventListener("mouseleave",c)),l.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))}));const u=new MutationObserver((t=>{let n=null!=s?s:"";!n&&e&&(n=`[data-tooltip-id='${e}']`),t.forEach((e=>{if("childList"===e.type&&(L&&[...e.removedNodes].some((e=>!!e.contains(L)&&(V(!1),Q(!1),P(null),!0))),n))try{const t=[...e.addedNodes].filter((e=>1===e.nodeType)),r=[...t.filter((e=>e.matches(n))),...t.flatMap((e=>[...e.querySelectorAll(n)]))];r.length&&Z((e=>[...e,...r]))}catch(e){}}))}));return u.observe(document.body,{attributes:!1,childList:!0,subtree:!0}),()=>{var e,t;d.find((e=>"click"===e))&&window.removeEventListener("click",le),R&&window.removeEventListener("keydown",ae),x&&(null===(e=D.current)||void 0===e||e.removeEventListener("mouseenter",a),null===(t=D.current)||void 0===t||t.removeEventListener("mouseleave",c)),l.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))})),u.disconnect()}}),[M,Y,L,J,R,d,v,g]),a((()=>{T?re(T):w?z.current&&re(z.current):Se({place:u,offset:f,elementReference:L,tooltipReference:D.current,tooltipArrowReference:N.current,strategy:p,middlewares:y}).then((e=>{G.current&&(Object.keys(e.tooltipStyles).length&&I(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&H(e.tooltipArrowStyles))}))}),[U,L,A,k,u,f,p,T]),a((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...J,t];L&&n.includes(L)||P(null!==(e=J[0])&&void 0!==e?e:t)}),[i,J,L]),a((()=>()=>{$.current&&clearTimeout($.current),F.current&&clearTimeout(F.current)}),[]);const ue=Boolean(k||A||h)&&U&&Object.keys(C).length>0;return M?pe.exports.jsxs(m,{id:e,role:"tooltip",className:ge("react-tooltip",Oe.tooltip,Oe[o],t,{[Oe.show]:ue,[Oe.fixed]:"fixed"===p,[Oe.clickable]:x}),style:{..._,...C},ref:D,children:[k&&pe.exports.jsx(we,{content:k})||A||h,pe.exports.jsx(m,{className:ge("react-tooltip-arrow",Oe.arrow,r,{[Oe["no-arrow"]]:b}),style:W,ref:N})]}):null},ke=({id:e,anchorId:t,anchorSelect:r,content:o,html:i,className:l,classNameArrow:c,variant:s="dark",place:u="top",offset:f=10,wrapper:d="div",children:p=null,events:y=["hover"],positionStrategy:m="absolute",middlewares:h,delayShow:g=0,delayHide:v=0,float:w=!1,noArrow:b=!1,clickable:x=!1,closeOnEsc:R=!1,style:_,position:T,isOpen:S,setIsOpen:O,afterShow:A,afterHide:k})=>{const[E,j]=n(o),[L,P]=n(i),[D,N]=n(u),[$,F]=n(s),[C,I]=n(f),[W,H]=n(g),[U,B]=n(v),[M,V]=n(w),[q,z]=n(d),[Y,X]=n(y),[K,J]=n(m),[Z,G]=n(null),{anchorRefs:Q,activeAnchor:ee}=_e(e),te=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}),{}),ne=e=>{const t={place:e=>{var t;N(null!==(t=e)&&void 0!==t?t:u)},content:e=>{j(null!=e?e:o)},html:e=>{P(null!=e?e:i)},variant:e=>{var t;F(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{I(null===e?f:Number(e))},wrapper:e=>{var t;z(null!==(t=e)&&void 0!==t?t:d)},events:e=>{const t=null==e?void 0:e.split(" ");X(null!=t?t:y)},"position-strategy":e=>{var t;J(null!==(t=e)&&void 0!==t?t:m)},"delay-show":e=>{H(null===e?g:Number(e))},"delay-hide":e=>{B(null===e?v:Number(e))},float:e=>{V(null===e?w: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)}))};a((()=>{j(o)}),[o]),a((()=>{P(i)}),[i]),a((()=>{N(u)}),[u]),a((()=>{var n;const o=new Set(Q);let i=r;if(!i&&e&&(i=`[data-tooltip-id='${e}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${t}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(n=null!=Z?Z:l)&&void 0!==n?n:ee.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=te(a);ne(n)}))})),s={attributes:!0,childList:!1,subtree:!1};if(a){const e=te(a);ne(e),c.observe(a,s)}return()=>{c.disconnect()}}),[Q,ee,Z,t,r]);const re={id:e,anchorId:t,anchorSelect:r,className:l,classNameArrow:c,content:E,html:L,place:D,variant:$,offset:C,wrapper:q,events:Y,positionStrategy:K,middlewares:h,delayShow:W,delayHide:U,float:M,noArrow:b,clickable:x,closeOnEsc:R,style:_,position:T,isOpen:S,setIsOpen:O,afterShow:A,afterHide:k,activeAnchor:Z,setActiveAnchor:e=>G(e)};return p?pe.exports.jsx(Ae,{...re,children:p}):pe.exports.jsx(Ae,{...re})};export{ke as Tooltip,Re as TooltipProvider,Te as TooltipWrapper,O as autoPlacement,A as flip,k as inline,E as offset,j as shift,L as size};

package/dist/react-tooltip.umd.js

@@ -2922,9 +2922,6 @@
           if (anchorById) {
               elementRefs.add({ current: anchorById });
           }
-          if (!elementRefs.size) {
-              return () => null;
-          }
           if (closeOnEsc) {
               window.addEventListener('keydown', handleEsc);
           }

package/dist/react-tooltip.umd.min.js

@@ -12,4 +12,4 @@
   	Copyright (c) 2018 Jed Watson.
   	Licensed under the MIT License (MIT), see
   	http://jedwatson.github.io/classnames
-  */!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}()}(le);var ae=le.exports;const se=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},ce=({content:e})=>oe.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),ue="DEFAULT_TOOLTIP_ID",fe={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},de={getTooltipData:()=>fe},pe=t.createContext(de);function ye(e=ue){return t.useContext(pe).getTooltipData(e)}const me=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:l=10,strategy:s="absolute",middlewares:u=[R(Number(l)),x(),S({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const f=u;return n?(f.push({name:"arrow",options:d={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=d||{},{x:r,y:l,placement:s,rects:u,platform:f}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const p=c(n),m={x:r,y:l},h=a(s),g=i(h),v=await f.getDimensions(t),w="y"===h?"top":"left",b="y"===h?"bottom":"right",x=u.reference[g]+u.reference[h]-m[h]-u.floating[g],R=m[h]-u.reference[h],S=await(null==f.getOffsetParent?void 0:f.getOffsetParent(t));let _=S?"y"===h?S.clientHeight||0:S.clientWidth||0:0;0===_&&(_=u.floating[g]);const T=x/2-R/2,E=p[w],k=_-v[g]-p[b],A=_/2-v[g]/2+T,O=y(E,A,k),j=null!=o(s)&&A!=O&&u.reference[g]/2-(A<E?p[w]:p[b])-v[g]/2<0;return{[h]:m[h]-(j?A<E?E-A:k-A:0),data:{[h]:O,centerOffset:A-O}}}}),re(e,t,{placement:r,strategy:s,middleware:f}).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"}}}))):re(e,t,{placement:"bottom",strategy:s,middleware:f}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})));var d};var he={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const ge=({id:e,className:n,classNameArrow:r,variant:o="dark",anchorId:i,anchorSelect:l,place:a="top",offset:s=10,events:c=["hover"],positionStrategy:u="absolute",middlewares:f,wrapper:d,children:p=null,delayShow:y=0,delayHide:m=0,float:h=!1,noArrow:g=!1,clickable:v=!1,closeOnEsc:w=!1,style:b,position:x,afterShow:R,afterHide:S,content:_,html:T,isOpen:E,setIsOpen:k,activeAnchor:A,setActiveAnchor:O})=>{const j=t.useRef(null),P=t.useRef(null),L=t.useRef(null),N=t.useRef(null),[C,D]=t.useState({}),[$,F]=t.useState({}),[I,W]=t.useState(!1),[H,B]=t.useState(!1),U=t.useRef(!1),M=t.useRef(null),{anchorRefs:q,setActiveAnchor:V}=ye(e),z=t.useRef(!1),[Y,X]=t.useState([]),K=t.useRef(!1);t.useEffect((()=>{let t=l;if(!t&&e&&(t=`[data-tooltip-id='${e}']`),t)try{const e=Array.from(document.querySelectorAll(t));X(e)}catch(e){X([])}}),[l,A]),t.useLayoutEffect((()=>(K.current=!0,()=>{K.current=!1})),[]),t.useEffect((()=>{if(!I){const e=setTimeout((()=>{B(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[I]);const J=e=>{K.current&&(e&&B(!0),setTimeout((()=>{K.current&&(null==k||k(e),void 0===E&&W(e))}),10))};t.useEffect((()=>{if(void 0===E)return()=>null;E&&B(!0);const e=setTimeout((()=>{W(E)}),10);return()=>{clearTimeout(e)}}),[E]),t.useEffect((()=>{I!==U.current&&(U.current=I,I?null==R||R():null==S||S())}),[I]);const Z=(e=m)=>{N.current&&clearTimeout(N.current),N.current=setTimeout((()=>{z.current||J(!1)}),e)},G=e=>{var t;if(!e)return;y?(L.current&&clearTimeout(L.current),L.current=setTimeout((()=>{J(!0)}),y)):J(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;O(n),V({current:n}),N.current&&clearTimeout(N.current)},Q=()=>{v?Z(m||100):m?Z():J(!1),L.current&&clearTimeout(L.current)},ee=({x:e,y:t})=>{me({place:a,offset:s,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{Object.keys(e.tooltipStyles).length&&D(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles)}))},te=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};ee(n),M.current=n},ne=e=>{G(e),m&&Z()},re=e=>{const t=document.querySelector(`[id='${i}']`);(null==t?void 0:t.contains(e.target))||Y.some((t=>t.contains(e.target)))||J(!1)},ie=e=>{"Escape"===e.key&&J(!1)},le=se(G,50),ue=se(Q,50);t.useEffect((()=>{var t,n;const r=new Set(q);Y.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${i}']`);if(o&&r.add({current:o}),!r.size)return()=>null;w&&window.addEventListener("keydown",ie);const a=[];c.find((e=>"click"===e))&&(window.addEventListener("click",re),a.push({event:"click",listener:ne})),c.find((e=>"hover"===e))&&(a.push({event:"mouseenter",listener:le},{event:"mouseleave",listener:ue},{event:"focus",listener:le},{event:"blur",listener:ue}),h&&a.push({event:"mousemove",listener:te}));const s=()=>{z.current=!0},u=()=>{z.current=!1,Q()};v&&(null===(t=j.current)||void 0===t||t.addEventListener("mouseenter",s),null===(n=j.current)||void 0===n||n.addEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))}));const f=new MutationObserver((t=>{let n=null!=l?l:"";!n&&e&&(n=`[data-tooltip-id='${e}']`),t.forEach((e=>{if("childList"===e.type&&(A&&[...e.removedNodes].some((e=>!!e.contains(A)&&(B(!1),J(!1),O(null),!0))),n))try{const t=[...e.addedNodes].filter((e=>1===e.nodeType)),r=[...t.filter((e=>e.matches(n))),...t.flatMap((e=>[...e.querySelectorAll(n)]))];r.length&&X((e=>[...e,...r]))}catch(e){}}))}));return f.observe(document.body,{attributes:!1,childList:!0,subtree:!0}),()=>{var e,t;c.find((e=>"click"===e))&&window.removeEventListener("click",re),w&&window.removeEventListener("keydown",ie),v&&(null===(e=j.current)||void 0===e||e.removeEventListener("mouseenter",s),null===(t=j.current)||void 0===t||t.removeEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))})),f.disconnect()}}),[H,q,A,Y,w,c,m,y]),t.useEffect((()=>{x?ee(x):h?M.current&&ee(M.current):me({place:a,offset:s,elementReference:A,tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{K.current&&(Object.keys(e.tooltipStyles).length&&D(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles))}))}),[I,A,_,T,a,s,u,x]),t.useEffect((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...Y,t];A&&n.includes(A)||O(null!==(e=Y[0])&&void 0!==e?e:t)}),[i,Y,A]),t.useEffect((()=>()=>{L.current&&clearTimeout(L.current),N.current&&clearTimeout(N.current)}),[]);const fe=Boolean(T||_||p)&&I&&Object.keys(C).length>0;return H?oe.exports.jsxs(d,{id:e,role:"tooltip",className:ae("react-tooltip",he.tooltip,he[o],n,{[he.show]:fe,[he.fixed]:"fixed"===u,[he.clickable]:v}),style:{...b,...C},ref:j,children:[T&&oe.exports.jsx(ce,{content:T})||_||p,oe.exports.jsx(d,{className:ae("react-tooltip-arrow",he.arrow,r,{[he["no-arrow"]]:g}),style:$,ref:P})]}):null};e.Tooltip=({id:e,anchorId:n,anchorSelect:r,content:o,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:d=null,events:p=["hover"],positionStrategy:y="absolute",middlewares:m,delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w=!1,clickable:b=!1,closeOnEsc:x=!1,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:k})=>{const[A,O]=t.useState(o),[j,P]=t.useState(i),[L,N]=t.useState(c),[C,D]=t.useState(s),[$,F]=t.useState(u),[I,W]=t.useState(h),[H,B]=t.useState(g),[U,M]=t.useState(v),[q,V]=t.useState(f),[z,Y]=t.useState(p),[X,K]=t.useState(y),[J,Z]=t.useState(null),{anchorRefs:G,activeAnchor:Q}=ye(e),ee=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}),{}),te=e=>{const t={place:e=>{var t;N(null!==(t=e)&&void 0!==t?t:c)},content:e=>{O(null!=e?e:o)},html:e=>{P(null!=e?e:i)},variant:e=>{var t;D(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{F(null===e?u:Number(e))},wrapper:e=>{var t;V(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");Y(null!=t?t:p)},"position-strategy":e=>{var t;K(null!==(t=e)&&void 0!==t?t:y)},"delay-show":e=>{W(null===e?h:Number(e))},"delay-hide":e=>{B(null===e?g:Number(e))},float:e=>{M(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((()=>{O(o)}),[o]),t.useEffect((()=>{P(i)}),[i]),t.useEffect((()=>{N(c)}),[c]),t.useEffect((()=>{var t;const o=new Set(G);let i=r;if(!i&&e&&(i=`[data-tooltip-id='${e}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${n}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(t=null!=J?J:l)&&void 0!==t?t:Q.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=ee(a);te(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(a){const e=ee(a);te(e),s.observe(a,c)}return()=>{s.disconnect()}}),[G,Q,J,n,r]);const ne={id:e,anchorId:n,anchorSelect:r,className:l,classNameArrow:a,content:A,html:j,place:L,variant:C,offset:$,wrapper:q,events:z,positionStrategy:X,middlewares:m,delayShow:I,delayHide:H,float:U,noArrow:w,clickable:b,closeOnEsc:x,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:k,activeAnchor:J,setActiveAnchor:e=>Z(e)};return d?oe.exports.jsx(ge,{...ne,children:d}):oe.exports.jsx(ge,{...ne})},e.TooltipProvider=({children:e})=>{const[n,r]=t.useState({[ue]:new Set}),[o,i]=t.useState({[ue]:{current:null}}),l=(e,...t)=>{r((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)}}))},a=(e,...t)=>{r((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},s=t.useCallback(((e=ue)=>{var t,r;return{anchorRefs:null!==(t=n[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=o[e])&&void 0!==r?r:{current:null},attach:(...t)=>l(e,...t),detach:(...t)=>a(e,...t),setActiveAnchor:t=>((e,t)=>{i((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(e,t)}}),[n,o,l,a]),c=t.useMemo((()=>({getTooltipData:s})),[s]);return oe.exports.jsx(pe.Provider,{value:c,children:e})},e.TooltipWrapper=({tooltipId:e,children:n,className:r,place:o,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:d,delayHide:p})=>{const{attach:y,detach:m}=ye(e),h=t.useRef(null);return t.useEffect((()=>(y(h),()=>{m(h)})),[]),oe.exports.jsx("span",{ref:h,className:ae("react-tooltip-wrapper",r),"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":d,"data-tooltip-delay-hide":p,children:n})},e.autoPlacement=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,r,i;const{rects:a,middlewareData:s,placement:c,platform:u,elements:d}=t,{alignment:p,allowedPlacements:y=m,autoAlignment:h=!0,...g}=e,w=void 0!==p||y===m?function(e,t,n){return(e?[...n.filter((t=>o(t)===e)),...n.filter((t=>o(t)!==e))]:n.filter((e=>l(e)===e))).filter((n=>!e||o(n)===e||!!t&&b(n)!==n))}(p||null,h,y):y,x=await f(t,g),R=(null==(n=s.autoPlacement)?void 0:n.index)||0,S=w[R];if(null==S)return{};const{main:_,cross:T}=v(S,a,await(null==u.isRTL?void 0:u.isRTL(d.floating)));if(c!==S)return{reset:{placement:w[0]}};const E=[x[l(S)],x[_],x[T]],k=[...(null==(r=s.autoPlacement)?void 0:r.overflows)||[],{placement:S,overflows:E}],A=w[R+1];if(A)return{data:{index:R+1,overflows:k},reset:{placement:A}};const O=k.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),j=null==(i=O.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:i.placement,P=j||O[0].placement;return P!==c?{data:{index:R+1,overflows:k},reset:{placement:P}}:{}}}},e.flip=x,e.inline=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:r,rects:o,platform:i,strategy:s}=t,{padding:f=2,x:y,y:m}=e,h=u(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:o.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(r.floating)),strategy:s}):o.reference),g=await(null==i.getClientRects?void 0:i.getClientRects(r.reference))||[],v=c(f);const w=await i.getElementRects({reference:{getBoundingClientRect:function(){if(2===g.length&&g[0].left>g[1].right&&null!=y&&null!=m)return g.find((e=>y>e.left-v.left&&y<e.right+v.right&&m>e.top-v.top&&m<e.bottom+v.bottom))||h;if(g.length>=2){if("x"===a(n)){const e=g[0],t=g[g.length-1],r="top"===l(n),o=e.top,i=t.bottom,a=r?e.left:t.left,s=r?e.right:t.right;return{top:o,bottom:i,left:a,right:s,width:s-a,height:i-o,x:a,y:o}}const e="left"===l(n),t=p(...g.map((e=>e.right))),r=d(...g.map((e=>e.left))),o=g.filter((n=>e?n.left===r:n.right===t)),i=o[0].top,s=o[o.length-1].bottom;return{top:i,bottom:s,left:r,right:t,width:t-r,height:s-i,x:r,y:i}}return h}},floating:r.floating,strategy:s});return o.reference.x!==w.reference.x||o.reference.y!==w.reference.y||o.reference.width!==w.reference.width||o.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},e.offset=R,e.shift=S,e.size=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:n,rects:r,platform:i,elements:a}=t,{apply:s=(()=>{}),...c}=e,u=await f(t,c),d=l(n),y=o(n);let m,h;"top"===d||"bottom"===d?(m=d,h=y===(await(null==i.isRTL?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(h=d,m="end"===y?"top":"bottom");const g=p(u.left,0),v=p(u.right,0),w=p(u.top,0),b=p(u.bottom,0),x={availableHeight:r.floating.height-(["left","right"].includes(n)?2*(0!==w||0!==b?w+b:p(u.top,u.bottom)):u[m]),availableWidth:r.floating.width-(["top","bottom"].includes(n)?2*(0!==g||0!==v?g+v:p(u.left,u.right)):u[h])};await s({...t,...x});const R=await i.getDimensions(a.floating);return r.floating.width!==R.width||r.floating.height!==R.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(e,"__esModule",{value:!0})}));
+  */!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}()}(le);var ae=le.exports;const se=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},ce=({content:e})=>oe.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}}),ue="DEFAULT_TOOLTIP_ID",fe={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},de={getTooltipData:()=>fe},pe=t.createContext(de);function ye(e=ue){return t.useContext(pe).getTooltipData(e)}const me=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:l=10,strategy:s="absolute",middlewares:u=[R(Number(l)),x(),S({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{}};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{}};const f=u;return n?(f.push({name:"arrow",options:d={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=d||{},{x:r,y:l,placement:s,rects:u,platform:f}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const p=c(n),m={x:r,y:l},h=a(s),g=i(h),v=await f.getDimensions(t),w="y"===h?"top":"left",b="y"===h?"bottom":"right",x=u.reference[g]+u.reference[h]-m[h]-u.floating[g],R=m[h]-u.reference[h],S=await(null==f.getOffsetParent?void 0:f.getOffsetParent(t));let _=S?"y"===h?S.clientHeight||0:S.clientWidth||0:0;0===_&&(_=u.floating[g]);const T=x/2-R/2,E=p[w],k=_-v[g]-p[b],A=_/2-v[g]/2+T,O=y(E,A,k),j=null!=o(s)&&A!=O&&u.reference[g]/2-(A<E?p[w]:p[b])-v[g]/2<0;return{[h]:m[h]-(j?A<E?E-A:k-A:0),data:{[h]:O,centerOffset:A-O}}}}),re(e,t,{placement:r,strategy:s,middleware:f}).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"}}}))):re(e,t,{placement:"bottom",strategy:s,middleware:f}).then((({x:e,y:t})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{}})));var d};var he={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const ge=({id:e,className:n,classNameArrow:r,variant:o="dark",anchorId:i,anchorSelect:l,place:a="top",offset:s=10,events:c=["hover"],positionStrategy:u="absolute",middlewares:f,wrapper:d,children:p=null,delayShow:y=0,delayHide:m=0,float:h=!1,noArrow:g=!1,clickable:v=!1,closeOnEsc:w=!1,style:b,position:x,afterShow:R,afterHide:S,content:_,html:T,isOpen:E,setIsOpen:k,activeAnchor:A,setActiveAnchor:O})=>{const j=t.useRef(null),P=t.useRef(null),L=t.useRef(null),N=t.useRef(null),[C,D]=t.useState({}),[$,F]=t.useState({}),[I,W]=t.useState(!1),[H,B]=t.useState(!1),U=t.useRef(!1),M=t.useRef(null),{anchorRefs:q,setActiveAnchor:V}=ye(e),z=t.useRef(!1),[Y,X]=t.useState([]),K=t.useRef(!1);t.useEffect((()=>{let t=l;if(!t&&e&&(t=`[data-tooltip-id='${e}']`),t)try{const e=Array.from(document.querySelectorAll(t));X(e)}catch(e){X([])}}),[l,A]),t.useLayoutEffect((()=>(K.current=!0,()=>{K.current=!1})),[]),t.useEffect((()=>{if(!I){const e=setTimeout((()=>{B(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[I]);const J=e=>{K.current&&(e&&B(!0),setTimeout((()=>{K.current&&(null==k||k(e),void 0===E&&W(e))}),10))};t.useEffect((()=>{if(void 0===E)return()=>null;E&&B(!0);const e=setTimeout((()=>{W(E)}),10);return()=>{clearTimeout(e)}}),[E]),t.useEffect((()=>{I!==U.current&&(U.current=I,I?null==R||R():null==S||S())}),[I]);const Z=(e=m)=>{N.current&&clearTimeout(N.current),N.current=setTimeout((()=>{z.current||J(!1)}),e)},G=e=>{var t;if(!e)return;y?(L.current&&clearTimeout(L.current),L.current=setTimeout((()=>{J(!0)}),y)):J(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;O(n),V({current:n}),N.current&&clearTimeout(N.current)},Q=()=>{v?Z(m||100):m?Z():J(!1),L.current&&clearTimeout(L.current)},ee=({x:e,y:t})=>{me({place:a,offset:s,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{Object.keys(e.tooltipStyles).length&&D(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles)}))},te=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};ee(n),M.current=n},ne=e=>{G(e),m&&Z()},re=e=>{const t=document.querySelector(`[id='${i}']`);(null==t?void 0:t.contains(e.target))||Y.some((t=>t.contains(e.target)))||J(!1)},ie=e=>{"Escape"===e.key&&J(!1)},le=se(G,50),ue=se(Q,50);t.useEffect((()=>{var t,n;const r=new Set(q);Y.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${i}']`);o&&r.add({current:o}),w&&window.addEventListener("keydown",ie);const a=[];c.find((e=>"click"===e))&&(window.addEventListener("click",re),a.push({event:"click",listener:ne})),c.find((e=>"hover"===e))&&(a.push({event:"mouseenter",listener:le},{event:"mouseleave",listener:ue},{event:"focus",listener:le},{event:"blur",listener:ue}),h&&a.push({event:"mousemove",listener:te}));const s=()=>{z.current=!0},u=()=>{z.current=!1,Q()};v&&(null===(t=j.current)||void 0===t||t.addEventListener("mouseenter",s),null===(n=j.current)||void 0===n||n.addEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))}));const f=new MutationObserver((t=>{let n=null!=l?l:"";!n&&e&&(n=`[data-tooltip-id='${e}']`),t.forEach((e=>{if("childList"===e.type&&(A&&[...e.removedNodes].some((e=>!!e.contains(A)&&(B(!1),J(!1),O(null),!0))),n))try{const t=[...e.addedNodes].filter((e=>1===e.nodeType)),r=[...t.filter((e=>e.matches(n))),...t.flatMap((e=>[...e.querySelectorAll(n)]))];r.length&&X((e=>[...e,...r]))}catch(e){}}))}));return f.observe(document.body,{attributes:!1,childList:!0,subtree:!0}),()=>{var e,t;c.find((e=>"click"===e))&&window.removeEventListener("click",re),w&&window.removeEventListener("keydown",ie),v&&(null===(e=j.current)||void 0===e||e.removeEventListener("mouseenter",s),null===(t=j.current)||void 0===t||t.removeEventListener("mouseleave",u)),a.forEach((({event:e,listener:t})=>{r.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))})),f.disconnect()}}),[H,q,A,Y,w,c,m,y]),t.useEffect((()=>{x?ee(x):h?M.current&&ee(M.current):me({place:a,offset:s,elementReference:A,tooltipReference:j.current,tooltipArrowReference:P.current,strategy:u,middlewares:f}).then((e=>{K.current&&(Object.keys(e.tooltipStyles).length&&D(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&F(e.tooltipArrowStyles))}))}),[I,A,_,T,a,s,u,x]),t.useEffect((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...Y,t];A&&n.includes(A)||O(null!==(e=Y[0])&&void 0!==e?e:t)}),[i,Y,A]),t.useEffect((()=>()=>{L.current&&clearTimeout(L.current),N.current&&clearTimeout(N.current)}),[]);const fe=Boolean(T||_||p)&&I&&Object.keys(C).length>0;return H?oe.exports.jsxs(d,{id:e,role:"tooltip",className:ae("react-tooltip",he.tooltip,he[o],n,{[he.show]:fe,[he.fixed]:"fixed"===u,[he.clickable]:v}),style:{...b,...C},ref:j,children:[T&&oe.exports.jsx(ce,{content:T})||_||p,oe.exports.jsx(d,{className:ae("react-tooltip-arrow",he.arrow,r,{[he["no-arrow"]]:g}),style:$,ref:P})]}):null};e.Tooltip=({id:e,anchorId:n,anchorSelect:r,content:o,html:i,className:l,classNameArrow:a,variant:s="dark",place:c="top",offset:u=10,wrapper:f="div",children:d=null,events:p=["hover"],positionStrategy:y="absolute",middlewares:m,delayShow:h=0,delayHide:g=0,float:v=!1,noArrow:w=!1,clickable:b=!1,closeOnEsc:x=!1,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:k})=>{const[A,O]=t.useState(o),[j,P]=t.useState(i),[L,N]=t.useState(c),[C,D]=t.useState(s),[$,F]=t.useState(u),[I,W]=t.useState(h),[H,B]=t.useState(g),[U,M]=t.useState(v),[q,V]=t.useState(f),[z,Y]=t.useState(p),[X,K]=t.useState(y),[J,Z]=t.useState(null),{anchorRefs:G,activeAnchor:Q}=ye(e),ee=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}),{}),te=e=>{const t={place:e=>{var t;N(null!==(t=e)&&void 0!==t?t:c)},content:e=>{O(null!=e?e:o)},html:e=>{P(null!=e?e:i)},variant:e=>{var t;D(null!==(t=e)&&void 0!==t?t:s)},offset:e=>{F(null===e?u:Number(e))},wrapper:e=>{var t;V(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");Y(null!=t?t:p)},"position-strategy":e=>{var t;K(null!==(t=e)&&void 0!==t?t:y)},"delay-show":e=>{W(null===e?h:Number(e))},"delay-hide":e=>{B(null===e?g:Number(e))},float:e=>{M(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((()=>{O(o)}),[o]),t.useEffect((()=>{P(i)}),[i]),t.useEffect((()=>{N(c)}),[c]),t.useEffect((()=>{var t;const o=new Set(G);let i=r;if(!i&&e&&(i=`[data-tooltip-id='${e}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${n}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(t=null!=J?J:l)&&void 0!==t?t:Q.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=ee(a);te(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(a){const e=ee(a);te(e),s.observe(a,c)}return()=>{s.disconnect()}}),[G,Q,J,n,r]);const ne={id:e,anchorId:n,anchorSelect:r,className:l,classNameArrow:a,content:A,html:j,place:L,variant:C,offset:$,wrapper:q,events:z,positionStrategy:X,middlewares:m,delayShow:I,delayHide:H,float:U,noArrow:w,clickable:b,closeOnEsc:x,style:R,position:S,isOpen:_,setIsOpen:T,afterShow:E,afterHide:k,activeAnchor:J,setActiveAnchor:e=>Z(e)};return d?oe.exports.jsx(ge,{...ne,children:d}):oe.exports.jsx(ge,{...ne})},e.TooltipProvider=({children:e})=>{const[n,r]=t.useState({[ue]:new Set}),[o,i]=t.useState({[ue]:{current:null}}),l=(e,...t)=>{r((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)}}))},a=(e,...t)=>{r((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},s=t.useCallback(((e=ue)=>{var t,r;return{anchorRefs:null!==(t=n[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=o[e])&&void 0!==r?r:{current:null},attach:(...t)=>l(e,...t),detach:(...t)=>a(e,...t),setActiveAnchor:t=>((e,t)=>{i((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(e,t)}}),[n,o,l,a]),c=t.useMemo((()=>({getTooltipData:s})),[s]);return oe.exports.jsx(pe.Provider,{value:c,children:e})},e.TooltipWrapper=({tooltipId:e,children:n,className:r,place:o,content:i,html:l,variant:a,offset:s,wrapper:c,events:u,positionStrategy:f,delayShow:d,delayHide:p})=>{const{attach:y,detach:m}=ye(e),h=t.useRef(null);return t.useEffect((()=>(y(h),()=>{m(h)})),[]),oe.exports.jsx("span",{ref:h,className:ae("react-tooltip-wrapper",r),"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":d,"data-tooltip-delay-hide":p,children:n})},e.autoPlacement=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,r,i;const{rects:a,middlewareData:s,placement:c,platform:u,elements:d}=t,{alignment:p,allowedPlacements:y=m,autoAlignment:h=!0,...g}=e,w=void 0!==p||y===m?function(e,t,n){return(e?[...n.filter((t=>o(t)===e)),...n.filter((t=>o(t)!==e))]:n.filter((e=>l(e)===e))).filter((n=>!e||o(n)===e||!!t&&b(n)!==n))}(p||null,h,y):y,x=await f(t,g),R=(null==(n=s.autoPlacement)?void 0:n.index)||0,S=w[R];if(null==S)return{};const{main:_,cross:T}=v(S,a,await(null==u.isRTL?void 0:u.isRTL(d.floating)));if(c!==S)return{reset:{placement:w[0]}};const E=[x[l(S)],x[_],x[T]],k=[...(null==(r=s.autoPlacement)?void 0:r.overflows)||[],{placement:S,overflows:E}],A=w[R+1];if(A)return{data:{index:R+1,overflows:k},reset:{placement:A}};const O=k.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),j=null==(i=O.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:i.placement,P=j||O[0].placement;return P!==c?{data:{index:R+1,overflows:k},reset:{placement:P}}:{}}}},e.flip=x,e.inline=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:r,rects:o,platform:i,strategy:s}=t,{padding:f=2,x:y,y:m}=e,h=u(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:o.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(r.floating)),strategy:s}):o.reference),g=await(null==i.getClientRects?void 0:i.getClientRects(r.reference))||[],v=c(f);const w=await i.getElementRects({reference:{getBoundingClientRect:function(){if(2===g.length&&g[0].left>g[1].right&&null!=y&&null!=m)return g.find((e=>y>e.left-v.left&&y<e.right+v.right&&m>e.top-v.top&&m<e.bottom+v.bottom))||h;if(g.length>=2){if("x"===a(n)){const e=g[0],t=g[g.length-1],r="top"===l(n),o=e.top,i=t.bottom,a=r?e.left:t.left,s=r?e.right:t.right;return{top:o,bottom:i,left:a,right:s,width:s-a,height:i-o,x:a,y:o}}const e="left"===l(n),t=p(...g.map((e=>e.right))),r=d(...g.map((e=>e.left))),o=g.filter((n=>e?n.left===r:n.right===t)),i=o[0].top,s=o[o.length-1].bottom;return{top:i,bottom:s,left:r,right:t,width:t-r,height:s-i,x:r,y:i}}return h}},floating:r.floating,strategy:s});return o.reference.x!==w.reference.x||o.reference.y!==w.reference.y||o.reference.width!==w.reference.width||o.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},e.offset=R,e.shift=S,e.size=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:n,rects:r,platform:i,elements:a}=t,{apply:s=(()=>{}),...c}=e,u=await f(t,c),d=l(n),y=o(n);let m,h;"top"===d||"bottom"===d?(m=d,h=y===(await(null==i.isRTL?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(h=d,m="end"===y?"top":"bottom");const g=p(u.left,0),v=p(u.right,0),w=p(u.top,0),b=p(u.bottom,0),x={availableHeight:r.floating.height-(["left","right"].includes(n)?2*(0!==w||0!==b?w+b:p(u.top,u.bottom)):u[m]),availableWidth:r.floating.width-(["top","bottom"].includes(n)?2*(0!==g||0!==v?g+v:p(u.left,u.right)):u[h])};await s({...t,...x});const R=await i.getDimensions(a.floating);return r.floating.width!==R.width||r.floating.height!==R.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tooltip",
-  "version": "5.8.2-beta.0",
+  "version": "5.8.2-beta.1",
   "description": "react tooltip component",
   "scripts": {
     "dev": "node ./cli.js --env=development && node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.dev.js --watch",