react-tooltip 5.30.0 → 5.30.1

package/dist/react-tooltip.css

@@ -28,6 +28,13 @@
   position: absolute;
   background: inherit;
   z-index: -1;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+.core-styles-module_content__BRKdB {
+  position: relative;
+  z-index: 1;
 }
 
 .core-styles-module_noArrow__xock6 {
@@ -51,12 +58,17 @@
 /** end - core styles **/
 
 .styles-module_tooltip__mnnfp {
-  padding: 8px 16px;
   border-radius: 3px;
   font-size: 90%;
   width: max-content;
 }
 
+.styles-module_content__ydYdI {
+  background: inherit;
+  border-radius: inherit;
+  padding: 8px 16px;
+}
+
 .styles-module_arrow__K0L3T {
   width: var(--rt-arrow-size);
   height: var(--rt-arrow-size);

package/dist/react-tooltip.d.ts

@@ -85,22 +85,14 @@ interface TooltipRefProps {
   isOpen: boolean
 }
 
-type AnchorOpenEvents = {
-  mouseenter?: boolean
-  focus?: boolean
-  mouseover?: boolean
-  click?: boolean
-  dblclick?: boolean
-  mousedown?: boolean
-}
-type AnchorCloseEvents = {
-  mouseleave?: boolean
-  blur?: boolean
-  mouseout?: boolean
-  click?: boolean
-  dblclick?: boolean
-  mouseup?: boolean
-}
+type AnchorClickEvents = 'click' | 'dblclick' | 'mousedown' | 'mouseup'
+
+type AnchorOpenEvents = Partial<
+  Record<'mouseenter' | 'focus' | 'mouseover' | AnchorClickEvents, boolean>
+>
+type AnchorCloseEvents = Partial<
+  Record<'mouseleave' | 'blur' | 'mouseout' | AnchorClickEvents, boolean>
+>
 type GlobalCloseEvents = {
   escape?: boolean
   scroll?: boolean

package/dist/react-tooltip.min.cjs

@@ -4,5 +4,5 @@
 * @copyright ReactTooltip Team
 * @license MIT
 */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@floating-ui/dom"),o=require("classnames");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(e),n=l(o);const s="react-tooltip-core-styles",i="react-tooltip-base-styles",c={core:!1,base:!1};function a({css:e,id:t=i,type:o="base",ref:l}){var r,n;if(!e||"undefined"==typeof document||c[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=s),l||(l={});const{insertAt:a}=l;if(document.getElementById(t))return;const u=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.id=t,d.type="text/css","top"===a&&u.firstChild?u.insertBefore(d,u.firstChild):u.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e)),c[o]=!0}const u=async({elementReference:e=null,tooltipReference:o=null,tooltipArrowReference:l=null,place:r="top",offset:n=10,strategy:s="absolute",middlewares:i=[t.offset(Number(n)),t.flip({fallbackAxisSideDirection:"start"}),t.shift({padding:5})],border:c,arrowSize:a=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===o)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const u=i;return l?(u.push(t.arrow({element:l,padding:5})),t.computePosition(e,o,{placement:r,strategy:s,middleware:u}).then((({x:e,y:t,placement:o,middlewareData:l})=>{var r,n;const s={left:`${e}px`,top:`${t}px`,border:c},{x:i,y:u}=null!==(r=l.arrow)&&void 0!==r?r:{x:0,y:0},d=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",p=c&&{borderBottom:c,borderRight:c};let f=0;if(c){const e=`${c}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:s,tooltipArrowStyles:{left:null!=i?`${i}px`:"",top:null!=u?`${u}px`:"",right:"",bottom:"",...p,[d]:`-${a/2+f}px`},place:o}}))):t.computePosition(e,o,{placement:"bottom",strategy:s,middleware:u}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},d=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),p=(e,t,o)=>{let l=null;const r=function(...r){const n=()=>{l=null,o||e.apply(this,r)};o&&!l&&(e.apply(this,r),l=setTimeout(n,t)),o||(l&&clearTimeout(l),l=setTimeout(n,t))};return r.cancel=()=>{l&&(clearTimeout(l),l=null)},r},f=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,v=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>v(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!f(e)||!f(t))return e===t;const o=Object.keys(e),l=Object.keys(t);return o.length===l.length&&o.every((o=>v(e[o],t[o])))},m=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return"auto"===o||"scroll"===o}))},y=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(m(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},h="undefined"!=typeof window?e.useLayoutEffect:e.useEffect,w=e=>{e.current&&(clearTimeout(e.current),e.current=null)},b="DEFAULT_TOOLTIP_ID",S={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},E={getTooltipData:()=>S},g=e.createContext(E);function A(t=b){return e.useContext(g).getTooltipData(t)}var _={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},O={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const k=({forwardRef:o,id:l,className:s,classNameArrow:i,variant:c="dark",anchorId:a,anchorSelect:d,place:f="top",offset:m=10,events:b=["hover"],openOnClick:S=!1,positionStrategy:E="absolute",middlewares:g,wrapper:k,delayShow:R=0,delayHide:T=0,float:C=!1,hidden:x=!1,noArrow:L=!1,clickable:N=!1,closeOnEsc:$=!1,closeOnScroll:j=!1,closeOnResize:I=!1,openEvents:z,closeEvents:B,globalCloseEvents:q,imperativeModeOnly:D,style:M,position:H,afterShow:P,afterHide:W,disableTooltip:V,content:F,contentWrapperRef:U,isOpen:K,defaultIsOpen:X=!1,setIsOpen:Y,previousActiveAnchor:G,activeAnchor:Z,setActiveAnchor:J,border:Q,opacity:ee,arrowColor:te,arrowSize:oe=8,role:le="tooltip"})=>{var re;const ne=e.useRef(null),se=e.useRef(null),ie=e.useRef(null),ce=e.useRef(null),ae=e.useRef(null),[ue,de]=e.useState({tooltipStyles:{},tooltipArrowStyles:{},place:f}),[pe,fe]=e.useState(!1),[ve,me]=e.useState(!1),[ye,he]=e.useState(null),we=e.useRef(!1),be=e.useRef(null),{anchorRefs:Se,setActiveAnchor:Ee}=A(l),ge=e.useRef(!1),[Ae,_e]=e.useState([]),Oe=e.useRef(!1),ke=S||b.includes("click"),Re=ke||(null==z?void 0:z.click)||(null==z?void 0:z.dblclick)||(null==z?void 0:z.mousedown),Te=z?{...z}:{mouseover:!0,focus:!0,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1};!z&&ke&&Object.assign(Te,{mouseenter:!1,focus:!1,mouseover:!1,click:!0});const Ce=B?{...B}:{mouseout:!0,blur:!0,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1};!B&&ke&&Object.assign(Ce,{mouseleave:!1,blur:!1,mouseout:!1});const xe=q?{...q}:{escape:$||!1,scroll:j||!1,resize:I||!1,clickOutsideAnchor:Re||!1};D&&(Object.assign(Te,{mouseover:!1,focus:!1,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(Ce,{mouseout:!1,blur:!1,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(xe,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1})),h((()=>(Oe.current=!0,()=>{Oe.current=!1})),[]);const Le=e=>{Oe.current&&(e&&me(!0),setTimeout((()=>{Oe.current&&(null==Y||Y(e),void 0===K&&fe(e))}),10))};e.useEffect((()=>{if(l){if(pe){t(G);const o=e(Z),r=[...new Set([...o,l])].filter(Boolean).join(" ");null==Z||Z.setAttribute("aria-describedby",r)}else t(Z);return()=>{t(Z),t(G)}}function e(e){var t;return(null===(t=null==e?void 0:e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(" "))||[]}function t(t){const o=e(t).filter((e=>e!==l));o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}}),[Z,pe,l,G]),e.useEffect((()=>{if(void 0===K)return()=>null;K&&me(!0);const e=setTimeout((()=>{fe(K)}),10);return()=>{clearTimeout(e)}}),[K]),e.useEffect((()=>{if(pe!==we.current)if(w(ae),we.current=pe,pe)null==P||P();else{const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,l]=t;return Number(o)*("ms"===l?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));ae.current=setTimeout((()=>{me(!1),he(null),null==W||W()}),e+25)}}),[pe]);const Ne=e=>{de((t=>v(t,e)?t:e))},$e=(e=R)=>{w(ie),ve?Le(!0):ie.current=setTimeout((()=>{Le(!0)}),e)},je=(e=T)=>{w(ce),ce.current=setTimeout((()=>{ge.current||Le(!1)}),e)},Ie=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return J(null),void Ee({current:null});R?$e():Le(!0),J(o),Ee({current:o}),w(ce)},ze=()=>{N?je(T||100):T?je():Le(!1),w(ie)},Be=({x:e,y:t})=>{var o;const l={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};u({place:null!==(o=null==ye?void 0:ye.place)&&void 0!==o?o:f,offset:m,elementReference:l,tooltipReference:ne.current,tooltipArrowReference:se.current,strategy:E,middlewares:g,border:Q,arrowSize:oe}).then((e=>{Ne(e)}))},qe=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};Be(o),be.current=o},De=e=>{var t;if(!pe)return;const o=e.target;if(!o.isConnected)return;if(null===(t=ne.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${a}']`),...Ae].some((e=>null==e?void 0:e.contains(o)))||(Le(!1),w(ie))},Me=p(Ie,50,!0),He=p(ze,50,!0),Pe=e=>{He.cancel(),Me(e)},We=()=>{Me.cancel(),He()},Ve=e.useCallback((()=>{var e,t;const o=null!==(e=null==ye?void 0:ye.position)&&void 0!==e?e:H;o?Be(o):C?be.current&&Be(be.current):(null==Z?void 0:Z.isConnected)&&u({place:null!==(t=null==ye?void 0:ye.place)&&void 0!==t?t:f,offset:m,elementReference:Z,tooltipReference:ne.current,tooltipArrowReference:se.current,strategy:E,middlewares:g,border:Q,arrowSize:oe}).then((e=>{Oe.current&&Ne(e)}))}),[pe,Z,F,M,f,null==ye?void 0:ye.place,m,E,H,null==ye?void 0:ye.position,C,oe]);e.useEffect((()=>{var e,o;const l=new Set(Se);Ae.forEach((e=>{(null==V?void 0:V(e))||l.add({current:e})}));const r=document.querySelector(`[id='${a}']`);r&&!(null==V?void 0:V(r))&&l.add({current:r});const n=()=>{Le(!1)},s=y(Z),i=y(ne.current);xe.scroll&&(window.addEventListener("scroll",n),null==s||s.addEventListener("scroll",n),null==i||i.addEventListener("scroll",n));let c=null;xe.resize?window.addEventListener("resize",n):Z&&ne.current&&(c=t.autoUpdate(Z,ne.current,Ve,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const u=e=>{"Escape"===e.key&&Le(!1)};xe.escape&&window.addEventListener("keydown",u),xe.clickOutsideAnchor&&window.addEventListener("click",De);const d=[],p=e=>Boolean((null==e?void 0:e.target)&&(null==Z?void 0:Z.contains(e.target))),f=e=>{pe&&p(e)||Ie(e)},v=e=>{pe&&p(e)&&ze()},m=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],h=["click","dblclick","mousedown","mouseup"];Object.entries(Te).forEach((([e,t])=>{t&&(m.includes(e)?d.push({event:e,listener:Pe}):h.includes(e)&&d.push({event:e,listener:f}))})),Object.entries(Ce).forEach((([e,t])=>{t&&(m.includes(e)?d.push({event:e,listener:We}):h.includes(e)&&d.push({event:e,listener:v}))})),C&&d.push({event:"pointermove",listener:qe});const w=()=>{ge.current=!0},b=()=>{ge.current=!1,ze()},S=N&&(Ce.mouseout||Ce.mouseleave);return S&&(null===(e=ne.current)||void 0===e||e.addEventListener("mouseover",w),null===(o=ne.current)||void 0===o||o.addEventListener("mouseout",b)),d.forEach((({event:e,listener:t})=>{l.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.addEventListener(e,t)}))})),()=>{var e,t;xe.scroll&&(window.removeEventListener("scroll",n),null==s||s.removeEventListener("scroll",n),null==i||i.removeEventListener("scroll",n)),xe.resize?window.removeEventListener("resize",n):null==c||c(),xe.clickOutsideAnchor&&window.removeEventListener("click",De),xe.escape&&window.removeEventListener("keydown",u),S&&(null===(e=ne.current)||void 0===e||e.removeEventListener("mouseover",w),null===(t=ne.current)||void 0===t||t.removeEventListener("mouseout",b)),d.forEach((({event:e,listener:t})=>{l.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.removeEventListener(e,t)}))}))}}),[Z,Ve,ve,Se,Ae,z,B,q,ke,R,T]),e.useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==ye?void 0:ye.anchorSelect)&&void 0!==e?e:d)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===l?t.push(e.target):e.oldValue===l&&r.push(e.target)}if("childList"===e.type){if(Z){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])))}catch(e){}t.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,Z))&&(me(!1),Le(!1),J(null),w(ie),w(ce),!0)}))}if(o)try{const l=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...l.filter((e=>e.matches(o)))),t.push(...l.flatMap((e=>[...e.querySelectorAll(o)])))}catch(e){}}})),(t.length||r.length)&&_e((e=>[...e.filter((e=>!r.includes(e))),...t]))}));return r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{r.disconnect()}}),[l,d,null==ye?void 0:ye.anchorSelect,Z]),e.useEffect((()=>{Ve()}),[Ve]),e.useEffect((()=>{if(!(null==U?void 0:U.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ve()))}));return e.observe(U.current),()=>{e.disconnect()}}),[F,null==U?void 0:U.current]),e.useEffect((()=>{var e;const t=document.querySelector(`[id='${a}']`),o=[...Ae,t];Z&&o.includes(Z)||J(null!==(e=Ae[0])&&void 0!==e?e:t)}),[a,Ae,Z]),e.useEffect((()=>(X&&Le(!0),()=>{w(ie),w(ce)})),[]),e.useEffect((()=>{var e;let t=null!==(e=null==ye?void 0:ye.anchorSelect)&&void 0!==e?e:d;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));_e(e)}catch(e){_e([])}}),[l,d,null==ye?void 0:ye.anchorSelect]),e.useEffect((()=>{ie.current&&(w(ie),$e(R))}),[R]);const Fe=null!==(re=null==ye?void 0:ye.content)&&void 0!==re?re:F,Ue=pe&&Object.keys(ue.tooltipStyles).length>0;return e.useImperativeHandle(o,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}he(null!=e?e:null),(null==e?void 0:e.delay)?$e(e.delay):Le(!0)},close:e=>{(null==e?void 0:e.delay)?je(e.delay):Le(!1)},activeAnchor:Z,place:ue.place,isOpen:Boolean(ve&&!x&&Fe&&Ue)}))),ve&&!x&&Fe?r.default.createElement(k,{id:l,role:le,className:n.default("react-tooltip",_.tooltip,O.tooltip,O[c],s,`react-tooltip__place-${ue.place}`,_[Ue?"show":"closing"],Ue?"react-tooltip__show":"react-tooltip__closing","fixed"===E&&_.fixed,N&&_.clickable),onTransitionEnd:e=>{w(ae),pe||"opacity"!==e.propertyName||(me(!1),he(null),null==W||W())},style:{...M,...ue.tooltipStyles,opacity:void 0!==ee&&Ue?ee:void 0},ref:ne},Fe,r.default.createElement(k,{className:n.default("react-tooltip-arrow",_.arrow,O.arrow,i,L&&_.noArrow),style:{...ue.tooltipArrowStyles,background:te?`linear-gradient(to right bottom, transparent 50%, ${te} 50%)`:void 0,"--rt-arrow-size":`${oe}px`},ref:se})):null},R=({content:e})=>r.default.createElement("span",{dangerouslySetInnerHTML:{__html:e}}),T=r.default.forwardRef((({id:t,anchorId:o,anchorSelect:l,content:s,html:i,render:c,className:a,classNameArrow:u,variant:p="dark",place:f="top",offset:v=10,wrapper:m="div",children:y=null,events:h=["hover"],openOnClick:w=!1,positionStrategy:b="absolute",middlewares:S,delayShow:E=0,delayHide:g=0,float:_=!1,hidden:O=!1,noArrow:T=!1,clickable:C=!1,closeOnEsc:x=!1,closeOnScroll:L=!1,closeOnResize:N=!1,openEvents:$,closeEvents:j,globalCloseEvents:I,imperativeModeOnly:z=!1,style:B,position:q,isOpen:D,defaultIsOpen:M=!1,disableStyleInjection:H=!1,border:P,opacity:W,arrowColor:V,arrowSize:F,setIsOpen:U,afterShow:K,afterHide:X,disableTooltip:Y,role:G="tooltip"},Z)=>{const[J,Q]=e.useState(s),[ee,te]=e.useState(i),[oe,le]=e.useState(f),[re,ne]=e.useState(p),[se,ie]=e.useState(v),[ce,ae]=e.useState(E),[ue,de]=e.useState(g),[pe,fe]=e.useState(_),[ve,me]=e.useState(O),[ye,he]=e.useState(m),[we,be]=e.useState(h),[Se,Ee]=e.useState(b),[ge,Ae]=e.useState(null),[_e,Oe]=e.useState(null),ke=e.useRef(null),Re=e.useRef(H),{anchorRefs:Te,activeAnchor:Ce}=A(t),xe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var l;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(l=null==e?void 0:e.getAttribute(o))&&void 0!==l?l:null}return t}),{}),Le=e=>{const t={place:e=>{var t;le(null!==(t=e)&&void 0!==t?t:f)},content:e=>{Q(null!=e?e:s)},html:e=>{te(null!=e?e:i)},variant:e=>{var t;ne(null!==(t=e)&&void 0!==t?t:p)},offset:e=>{ie(null===e?v:Number(e))},wrapper:e=>{var t;he(null!==(t=e)&&void 0!==t?t:m)},events:e=>{const t=null==e?void 0:e.split(" ");be(null!=t?t:h)},"position-strategy":e=>{var t;Ee(null!==(t=e)&&void 0!==t?t:b)},"delay-show":e=>{ae(null===e?E:Number(e))},"delay-hide":e=>{de(null===e?g:Number(e))},float:e=>{fe(null===e?_:"true"===e)},hidden:e=>{me(null===e?O:"true"===e)},"class-name":e=>{Ae(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var l;null===(l=t[e])||void 0===l||l.call(t,o)}))};e.useEffect((()=>{Q(s)}),[s]),e.useEffect((()=>{te(i)}),[i]),e.useEffect((()=>{le(f)}),[f]),e.useEffect((()=>{ne(p)}),[p]),e.useEffect((()=>{ie(v)}),[v]),e.useEffect((()=>{ae(E)}),[E]),e.useEffect((()=>{de(g)}),[g]),e.useEffect((()=>{fe(_)}),[_]),e.useEffect((()=>{me(O)}),[O]),e.useEffect((()=>{Ee(b)}),[b]),e.useEffect((()=>{Re.current!==H&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.")}),[H]),e.useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===H,disableBase:H}}))}),[]),e.useEffect((()=>{var e;const r=new Set(Te);let n=l;if(!n&&t&&(n=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),n)try{document.querySelectorAll(n).forEach((e=>{r.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${n}" is not a valid CSS selector`)}const s=document.querySelector(`[id='${o}']`);if(s&&r.add({current:s}),!r.size)return()=>null;const i=null!==(e=null!=_e?_e:s)&&void 0!==e?e:Ce.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!i||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=xe(i);Le(o)}))})),a={attributes:!0,childList:!1,subtree:!1};if(i){const e=xe(i);Le(e),c.observe(i,a)}return()=>{c.disconnect()}}),[Te,Ce,_e,o,l]),e.useEffect((()=>{(null==B?void 0:B.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),P&&!d("border",`${P}`)&&console.warn(`[react-tooltip] "${P}" is not a valid \`border\`.`),(null==B?void 0:B.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),W&&!d("opacity",`${W}`)&&console.warn(`[react-tooltip] "${W}" is not a valid \`opacity\`.`)}),[]);let Ne=y;const $e=e.useRef(null);if(c){const e=c({content:(null==_e?void 0:_e.getAttribute("data-tooltip-content"))||J||null,activeAnchor:_e});Ne=e?r.default.createElement("div",{ref:$e,className:"react-tooltip-content-wrapper"},e):null}else J&&(Ne=J);ee&&(Ne=r.default.createElement(R,{content:ee}));const je={forwardRef:Z,id:t,anchorId:o,anchorSelect:l,className:n.default(a,ge),classNameArrow:u,content:Ne,contentWrapperRef:$e,place:oe,variant:re,offset:se,wrapper:ye,events:we,openOnClick:w,positionStrategy:Se,middlewares:S,delayShow:ce,delayHide:ue,float:pe,hidden:ve,noArrow:T,clickable:C,closeOnEsc:x,closeOnScroll:L,closeOnResize:N,openEvents:$,closeEvents:j,globalCloseEvents:I,imperativeModeOnly:z,style:B,position:q,isOpen:D,defaultIsOpen:M,border:P,opacity:W,arrowColor:V,arrowSize:F,setIsOpen:U,afterShow:K,afterHide:X,disableTooltip:Y,activeAnchor:_e,previousActiveAnchor:ke.current,setActiveAnchor:e=>{Oe((t=>((null==e?void 0:e.isSameNode(t))||(ke.current=t),e)))},role:G};return r.default.createElement(k,{...je})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||a({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||a({css:`
-.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"})})),exports.Tooltip=T,exports.TooltipProvider=({children:t})=>{const[o,l]=e.useState({[b]:new Set}),[n,s]=e.useState({[b]:{current:null}}),i=(e,...t)=>{l((o=>{var l;const r=null!==(l=o[e])&&void 0!==l?l:new Set;return t.forEach((e=>r.add(e))),{...o,[e]:new Set(r)}}))},c=(e,...t)=>{l((o=>{const l=o[e];return l?(t.forEach((e=>l.delete(e))),{...o}):o}))},a=e.useCallback(((e=b)=>{var t,l;return{anchorRefs:null!==(t=o[e])&&void 0!==t?t:new Set,activeAnchor:null!==(l=n[e])&&void 0!==l?l:{current:null},attach:(...t)=>i(e,...t),detach:(...t)=>c(e,...t),setActiveAnchor:t=>((e,t)=>{s((o=>{var l;return(null===(l=o[e])||void 0===l?void 0:l.current)===t.current?o:{...o,[e]:t}}))})(e,t)}}),[o,n,i,c]),u=e.useMemo((()=>({getTooltipData:a})),[a]);return r.default.createElement(g.Provider,{value:u},t)},exports.TooltipWrapper=({tooltipId:t,children:o,className:l,place:s,content:i,html:c,variant:a,offset:u,wrapper:d,events:p,positionStrategy:f,delayShow:v,delayHide:m})=>{const{attach:y,detach:h}=A(t),w=e.useRef(null);return e.useEffect((()=>(y(w),()=>{h(w)})),[]),r.default.createElement("span",{ref:w,className:n.default("react-tooltip-wrapper",l),"data-tooltip-place":s,"data-tooltip-content":i,"data-tooltip-html":c,"data-tooltip-variant":a,"data-tooltip-offset":u,"data-tooltip-wrapper":d,"data-tooltip-events":p,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":v,"data-tooltip-delay-hide":m},o)},exports.removeStyle=function({type:e="base",id:t=i}={}){if(!c[e])return;"core"===e&&(t=s);const o=document.getElementById(t);"style"===(null==o?void 0:o.tagName)?null==o||o.remove():console.warn(`[react-tooltip] Failed to remove 'style' element with id '${t}'. Call \`injectStyle()\` first`),c[e]=!1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@floating-ui/dom"),o=require("classnames");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(e),n=l(o);const s="react-tooltip-core-styles",i="react-tooltip-base-styles",c={core:!1,base:!1};function a({css:e,id:t=i,type:o="base",ref:l}){var r,n;if(!e||"undefined"==typeof document||c[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=s),l||(l={});const{insertAt:a}=l;if(document.getElementById(t))return;const u=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.id=t,d.type="text/css","top"===a&&u.firstChild?u.insertBefore(d,u.firstChild):u.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e)),c[o]=!0}const u=async({elementReference:e=null,tooltipReference:o=null,tooltipArrowReference:l=null,place:r="top",offset:n=10,strategy:s="absolute",middlewares:i=[t.offset(Number(n)),t.flip({fallbackAxisSideDirection:"start"}),t.shift({padding:5})],border:c,arrowSize:a=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===o)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const u=i;return l?(u.push(t.arrow({element:l,padding:5})),t.computePosition(e,o,{placement:r,strategy:s,middleware:u}).then((({x:e,y:t,placement:o,middlewareData:l})=>{var r,n;const s={left:`${e}px`,top:`${t}px`,border:c},{x:i,y:u}=null!==(r=l.arrow)&&void 0!==r?r:{x:0,y:0},d=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",p=c&&{borderBottom:c,borderRight:c};let f=0;if(c){const e=`${c}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:s,tooltipArrowStyles:{left:null!=i?`${i}px`:"",top:null!=u?`${u}px`:"",right:"",bottom:"",...p,[d]:`-${a/2+f-1}px`},place:o}}))):t.computePosition(e,o,{placement:"bottom",strategy:s,middleware:u}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},d=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),p=(e,t,o)=>{let l=null;const r=function(...r){const n=()=>{l=null,o||e.apply(this,r)};o&&!l&&(e.apply(this,r),l=setTimeout(n,t)),o||(l&&clearTimeout(l),l=setTimeout(n,t))};return r.cancel=()=>{l&&(clearTimeout(l),l=null)},r},f=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,v=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>v(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!f(e)||!f(t))return e===t;const o=Object.keys(e),l=Object.keys(t);return o.length===l.length&&o.every((o=>v(e[o],t[o])))},m=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return"auto"===o||"scroll"===o}))},y=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(m(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},h="undefined"!=typeof window?e.useLayoutEffect:e.useEffect,w=e=>{e.current&&(clearTimeout(e.current),e.current=null)},b="DEFAULT_TOOLTIP_ID",S={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},E={getTooltipData:()=>S},g=e.createContext(E);function A(t=b){return e.useContext(g).getTooltipData(t)}var _={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",content:"core-styles-module_content__BRKdB",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},O={tooltip:"styles-module_tooltip__mnnfp",content:"styles-module_content__ydYdI",arrow:"styles-module_arrow__K0L3T",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 R=({forwardRef:o,id:l,className:s,classNameArrow:i,variant:c="dark",anchorId:a,anchorSelect:d,place:f="top",offset:m=10,events:b=["hover"],openOnClick:S=!1,positionStrategy:E="absolute",middlewares:g,wrapper:R,delayShow:k=0,delayHide:T=0,float:C=!1,hidden:x=!1,noArrow:L=!1,clickable:N=!1,closeOnEsc:$=!1,closeOnScroll:j=!1,closeOnResize:I=!1,openEvents:z,closeEvents:B,globalCloseEvents:q,imperativeModeOnly:D,style:M,position:H,afterShow:P,afterHide:W,disableTooltip:V,content:F,contentWrapperRef:K,isOpen:U,defaultIsOpen:Y=!1,setIsOpen:X,previousActiveAnchor:G,activeAnchor:Z,setActiveAnchor:J,border:Q,opacity:ee,arrowColor:te,arrowSize:oe=8,role:le="tooltip"})=>{var re;const ne=e.useRef(null),se=e.useRef(null),ie=e.useRef(null),ce=e.useRef(null),ae=e.useRef(null),[ue,de]=e.useState({tooltipStyles:{},tooltipArrowStyles:{},place:f}),[pe,fe]=e.useState(!1),[ve,me]=e.useState(!1),[ye,he]=e.useState(null),we=e.useRef(!1),be=e.useRef(null),{anchorRefs:Se,setActiveAnchor:Ee}=A(l),ge=e.useRef(!1),[Ae,_e]=e.useState([]),Oe=e.useRef(!1),Re=S||b.includes("click"),ke=Re||(null==z?void 0:z.click)||(null==z?void 0:z.dblclick)||(null==z?void 0:z.mousedown),Te=z?{...z}:{mouseover:!0,focus:!0,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1};!z&&Re&&Object.assign(Te,{mouseenter:!1,focus:!1,mouseover:!1,click:!0});const Ce=B?{...B}:{mouseout:!0,blur:!0,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1};!B&&Re&&Object.assign(Ce,{mouseleave:!1,blur:!1,mouseout:!1});const xe=q?{...q}:{escape:$||!1,scroll:j||!1,resize:I||!1,clickOutsideAnchor:ke||!1};D&&(Object.assign(Te,{mouseover:!1,focus:!1,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(Ce,{mouseout:!1,blur:!1,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(xe,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1})),h((()=>(Oe.current=!0,()=>{Oe.current=!1})),[]);const Le=e=>{Oe.current&&(e&&me(!0),setTimeout((()=>{Oe.current&&(null==X||X(e),void 0===U&&fe(e))}),10))};e.useEffect((()=>{if(l){if(pe){t(G);const o=e(Z),r=[...new Set([...o,l])].filter(Boolean).join(" ");null==Z||Z.setAttribute("aria-describedby",r)}else t(Z);return()=>{t(Z),t(G)}}function e(e){var t;return(null===(t=null==e?void 0:e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(" "))||[]}function t(t){const o=e(t).filter((e=>e!==l));o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}}),[Z,pe,l,G]),e.useEffect((()=>{if(void 0===U)return()=>null;U&&me(!0);const e=setTimeout((()=>{fe(U)}),10);return()=>{clearTimeout(e)}}),[U]),e.useEffect((()=>{if(pe!==we.current)if(w(ae),we.current=pe,pe)null==P||P();else{const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,l]=t;return Number(o)*("ms"===l?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));ae.current=setTimeout((()=>{me(!1),he(null),null==W||W()}),e+25)}}),[pe]);const Ne=e=>{de((t=>v(t,e)?t:e))},$e=(e=k)=>{w(ie),ve?Le(!0):ie.current=setTimeout((()=>{Le(!0)}),e)},je=(e=T)=>{w(ce),ce.current=setTimeout((()=>{ge.current||Le(!1)}),e)},Ie=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return J(null),void Ee({current:null});k?$e():Le(!0),J(o),Ee({current:o}),w(ce)},ze=()=>{N?je(T||100):T?je():Le(!1),w(ie)},Be=({x:e,y:t})=>{var o;const l={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};u({place:null!==(o=null==ye?void 0:ye.place)&&void 0!==o?o:f,offset:m,elementReference:l,tooltipReference:ne.current,tooltipArrowReference:se.current,strategy:E,middlewares:g,border:Q,arrowSize:oe}).then((e=>{Ne(e)}))},qe=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};Be(o),be.current=o},De=e=>{var t;if(!pe)return;const o=e.target;if(!o.isConnected)return;if(null===(t=ne.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${a}']`),...Ae].some((e=>null==e?void 0:e.contains(o)))||(Le(!1),w(ie))},Me=p(Ie,50,!0),He=p(ze,50,!0),Pe=e=>{He.cancel(),Me(e)},We=()=>{Me.cancel(),He()},Ve=e.useCallback((()=>{var e,t;const o=null!==(e=null==ye?void 0:ye.position)&&void 0!==e?e:H;o?Be(o):C?be.current&&Be(be.current):(null==Z?void 0:Z.isConnected)&&u({place:null!==(t=null==ye?void 0:ye.place)&&void 0!==t?t:f,offset:m,elementReference:Z,tooltipReference:ne.current,tooltipArrowReference:se.current,strategy:E,middlewares:g,border:Q,arrowSize:oe}).then((e=>{Oe.current&&Ne(e)}))}),[pe,Z,F,M,f,null==ye?void 0:ye.place,m,E,H,null==ye?void 0:ye.position,C,oe]);e.useEffect((()=>{var e,o;const l=new Set(Se);Ae.forEach((e=>{(null==V?void 0:V(e))||l.add({current:e})}));const r=document.querySelector(`[id='${a}']`);r&&!(null==V?void 0:V(r))&&l.add({current:r});const n=()=>{Le(!1)},s=y(Z),i=y(ne.current);xe.scroll&&(window.addEventListener("scroll",n),null==s||s.addEventListener("scroll",n),null==i||i.addEventListener("scroll",n));let c=null;xe.resize?window.addEventListener("resize",n):Z&&ne.current&&(c=t.autoUpdate(Z,ne.current,Ve,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const u=e=>{"Escape"===e.key&&Le(!1)};xe.escape&&window.addEventListener("keydown",u),xe.clickOutsideAnchor&&window.addEventListener("click",De);const d=[],p=e=>Boolean((null==e?void 0:e.target)&&(null==Z?void 0:Z.contains(e.target))),f=e=>{pe&&p(e)||Ie(e)},v=e=>{pe&&p(e)&&ze()},m=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],h=["click","dblclick","mousedown","mouseup"];Object.entries(Te).forEach((([e,t])=>{t&&(m.includes(e)?d.push({event:e,listener:Pe}):h.includes(e)&&d.push({event:e,listener:f}))})),Object.entries(Ce).forEach((([e,t])=>{t&&(m.includes(e)?d.push({event:e,listener:We}):h.includes(e)&&d.push({event:e,listener:v}))})),C&&d.push({event:"pointermove",listener:qe});const w=()=>{ge.current=!0},b=()=>{ge.current=!1,ze()},S=N&&(Ce.mouseout||Ce.mouseleave);return S&&(null===(e=ne.current)||void 0===e||e.addEventListener("mouseover",w),null===(o=ne.current)||void 0===o||o.addEventListener("mouseout",b)),d.forEach((({event:e,listener:t})=>{l.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.addEventListener(e,t)}))})),()=>{var e,t;xe.scroll&&(window.removeEventListener("scroll",n),null==s||s.removeEventListener("scroll",n),null==i||i.removeEventListener("scroll",n)),xe.resize?window.removeEventListener("resize",n):null==c||c(),xe.clickOutsideAnchor&&window.removeEventListener("click",De),xe.escape&&window.removeEventListener("keydown",u),S&&(null===(e=ne.current)||void 0===e||e.removeEventListener("mouseover",w),null===(t=ne.current)||void 0===t||t.removeEventListener("mouseout",b)),d.forEach((({event:e,listener:t})=>{l.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.removeEventListener(e,t)}))}))}}),[Z,Ve,ve,Se,Ae,z,B,q,Re,k,T]),e.useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==ye?void 0:ye.anchorSelect)&&void 0!==e?e:d)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===l?t.push(e.target):e.oldValue===l&&r.push(e.target)}if("childList"===e.type){if(Z){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])))}catch(e){}t.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,Z))&&(me(!1),Le(!1),J(null),w(ie),w(ce),!0)}))}if(o)try{const l=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...l.filter((e=>e.matches(o)))),t.push(...l.flatMap((e=>[...e.querySelectorAll(o)])))}catch(e){}}})),(t.length||r.length)&&_e((e=>[...e.filter((e=>!r.includes(e))),...t]))}));return r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{r.disconnect()}}),[l,d,null==ye?void 0:ye.anchorSelect,Z]),e.useEffect((()=>{Ve()}),[Ve]),e.useEffect((()=>{if(!(null==K?void 0:K.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ve()))}));return e.observe(K.current),()=>{e.disconnect()}}),[F,null==K?void 0:K.current]),e.useEffect((()=>{var e;const t=document.querySelector(`[id='${a}']`),o=[...Ae,t];Z&&o.includes(Z)||J(null!==(e=Ae[0])&&void 0!==e?e:t)}),[a,Ae,Z]),e.useEffect((()=>(Y&&Le(!0),()=>{w(ie),w(ce)})),[]),e.useEffect((()=>{var e;let t=null!==(e=null==ye?void 0:ye.anchorSelect)&&void 0!==e?e:d;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));_e(e)}catch(e){_e([])}}),[l,d,null==ye?void 0:ye.anchorSelect]),e.useEffect((()=>{ie.current&&(w(ie),$e(k))}),[k]);const Fe=null!==(re=null==ye?void 0:ye.content)&&void 0!==re?re:F,Ke=pe&&Object.keys(ue.tooltipStyles).length>0;return e.useImperativeHandle(o,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}he(null!=e?e:null),(null==e?void 0:e.delay)?$e(e.delay):Le(!0)},close:e=>{(null==e?void 0:e.delay)?je(e.delay):Le(!1)},activeAnchor:Z,place:ue.place,isOpen:Boolean(ve&&!x&&Fe&&Ke)}))),ve&&!x&&Fe?r.default.createElement(R,{id:l,role:le,className:n.default("react-tooltip",_.tooltip,O.tooltip,O[c],s,`react-tooltip__place-${ue.place}`,_[Ke?"show":"closing"],Ke?"react-tooltip__show":"react-tooltip__closing","fixed"===E&&_.fixed,N&&_.clickable),onTransitionEnd:e=>{w(ae),pe||"opacity"!==e.propertyName||(me(!1),he(null),null==W||W())},style:{...M,...ue.tooltipStyles,opacity:void 0!==ee&&Ke?ee:void 0},ref:ne},r.default.createElement(R,{className:n.default("react-tooltip-content-wrapper",_.content,O.content)},Fe),r.default.createElement(R,{className:n.default("react-tooltip-arrow",_.arrow,O.arrow,i,L&&_.noArrow),style:{...ue.tooltipArrowStyles,background:te?`linear-gradient(to right bottom, transparent 50%, ${te} 50%)`:void 0,"--rt-arrow-size":`${oe}px`},ref:se})):null},k=({content:e})=>r.default.createElement("span",{dangerouslySetInnerHTML:{__html:e}}),T=r.default.forwardRef((({id:t,anchorId:o,anchorSelect:l,content:s,html:i,render:c,className:a,classNameArrow:u,variant:p="dark",place:f="top",offset:v=10,wrapper:m="div",children:y=null,events:h=["hover"],openOnClick:w=!1,positionStrategy:b="absolute",middlewares:S,delayShow:E=0,delayHide:g=0,float:_=!1,hidden:O=!1,noArrow:T=!1,clickable:C=!1,closeOnEsc:x=!1,closeOnScroll:L=!1,closeOnResize:N=!1,openEvents:$,closeEvents:j,globalCloseEvents:I,imperativeModeOnly:z=!1,style:B,position:q,isOpen:D,defaultIsOpen:M=!1,disableStyleInjection:H=!1,border:P,opacity:W,arrowColor:V,arrowSize:F,setIsOpen:K,afterShow:U,afterHide:Y,disableTooltip:X,role:G="tooltip"},Z)=>{const[J,Q]=e.useState(s),[ee,te]=e.useState(i),[oe,le]=e.useState(f),[re,ne]=e.useState(p),[se,ie]=e.useState(v),[ce,ae]=e.useState(E),[ue,de]=e.useState(g),[pe,fe]=e.useState(_),[ve,me]=e.useState(O),[ye,he]=e.useState(m),[we,be]=e.useState(h),[Se,Ee]=e.useState(b),[ge,Ae]=e.useState(null),[_e,Oe]=e.useState(null),Re=e.useRef(null),ke=e.useRef(H),{anchorRefs:Te,activeAnchor:Ce}=A(t),xe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var l;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(l=null==e?void 0:e.getAttribute(o))&&void 0!==l?l:null}return t}),{}),Le=e=>{const t={place:e=>{var t;le(null!==(t=e)&&void 0!==t?t:f)},content:e=>{Q(null!=e?e:s)},html:e=>{te(null!=e?e:i)},variant:e=>{var t;ne(null!==(t=e)&&void 0!==t?t:p)},offset:e=>{ie(null===e?v:Number(e))},wrapper:e=>{var t;he(null!==(t=e)&&void 0!==t?t:m)},events:e=>{const t=null==e?void 0:e.split(" ");be(null!=t?t:h)},"position-strategy":e=>{var t;Ee(null!==(t=e)&&void 0!==t?t:b)},"delay-show":e=>{ae(null===e?E:Number(e))},"delay-hide":e=>{de(null===e?g:Number(e))},float:e=>{fe(null===e?_:"true"===e)},hidden:e=>{me(null===e?O:"true"===e)},"class-name":e=>{Ae(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var l;null===(l=t[e])||void 0===l||l.call(t,o)}))};e.useEffect((()=>{Q(s)}),[s]),e.useEffect((()=>{te(i)}),[i]),e.useEffect((()=>{le(f)}),[f]),e.useEffect((()=>{ne(p)}),[p]),e.useEffect((()=>{ie(v)}),[v]),e.useEffect((()=>{ae(E)}),[E]),e.useEffect((()=>{de(g)}),[g]),e.useEffect((()=>{fe(_)}),[_]),e.useEffect((()=>{me(O)}),[O]),e.useEffect((()=>{Ee(b)}),[b]),e.useEffect((()=>{ke.current!==H&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.")}),[H]),e.useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===H,disableBase:H}}))}),[]),e.useEffect((()=>{var e;const r=new Set(Te);let n=l;if(!n&&t&&(n=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),n)try{document.querySelectorAll(n).forEach((e=>{r.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${n}" is not a valid CSS selector`)}const s=document.querySelector(`[id='${o}']`);if(s&&r.add({current:s}),!r.size)return()=>null;const i=null!==(e=null!=_e?_e:s)&&void 0!==e?e:Ce.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!i||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=xe(i);Le(o)}))})),a={attributes:!0,childList:!1,subtree:!1};if(i){const e=xe(i);Le(e),c.observe(i,a)}return()=>{c.disconnect()}}),[Te,Ce,_e,o,l]),e.useEffect((()=>{(null==B?void 0:B.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),P&&!d("border",`${P}`)&&console.warn(`[react-tooltip] "${P}" is not a valid \`border\`.`),(null==B?void 0:B.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),W&&!d("opacity",`${W}`)&&console.warn(`[react-tooltip] "${W}" is not a valid \`opacity\`.`)}),[]);let Ne=y;const $e=e.useRef(null);if(c){const e=c({content:(null==_e?void 0:_e.getAttribute("data-tooltip-content"))||J||null,activeAnchor:_e});Ne=e?r.default.createElement("div",{ref:$e,className:"react-tooltip-content-wrapper"},e):null}else J&&(Ne=J);ee&&(Ne=r.default.createElement(k,{content:ee}));const je={forwardRef:Z,id:t,anchorId:o,anchorSelect:l,className:n.default(a,ge),classNameArrow:u,content:Ne,contentWrapperRef:$e,place:oe,variant:re,offset:se,wrapper:ye,events:we,openOnClick:w,positionStrategy:Se,middlewares:S,delayShow:ce,delayHide:ue,float:pe,hidden:ve,noArrow:T,clickable:C,closeOnEsc:x,closeOnScroll:L,closeOnResize:N,openEvents:$,closeEvents:j,globalCloseEvents:I,imperativeModeOnly:z,style:B,position:q,isOpen:D,defaultIsOpen:M,border:P,opacity:W,arrowColor:V,arrowSize:F,setIsOpen:K,afterShow:U,afterHide:Y,disableTooltip:X,activeAnchor:_e,previousActiveAnchor:Re.current,setActiveAnchor:e=>{Oe((t=>((null==e?void 0:e.isSameNode(t))||(Re.current=t),e)))},role:G};return r.default.createElement(R,{...je})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||a({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||a({css:`
+.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"})})),exports.Tooltip=T,exports.TooltipProvider=({children:t})=>{const[o,l]=e.useState({[b]:new Set}),[n,s]=e.useState({[b]:{current:null}}),i=(e,...t)=>{l((o=>{var l;const r=null!==(l=o[e])&&void 0!==l?l:new Set;return t.forEach((e=>r.add(e))),{...o,[e]:new Set(r)}}))},c=(e,...t)=>{l((o=>{const l=o[e];return l?(t.forEach((e=>l.delete(e))),{...o}):o}))},a=e.useCallback(((e=b)=>{var t,l;return{anchorRefs:null!==(t=o[e])&&void 0!==t?t:new Set,activeAnchor:null!==(l=n[e])&&void 0!==l?l:{current:null},attach:(...t)=>i(e,...t),detach:(...t)=>c(e,...t),setActiveAnchor:t=>((e,t)=>{s((o=>{var l;return(null===(l=o[e])||void 0===l?void 0:l.current)===t.current?o:{...o,[e]:t}}))})(e,t)}}),[o,n,i,c]),u=e.useMemo((()=>({getTooltipData:a})),[a]);return r.default.createElement(g.Provider,{value:u},t)},exports.TooltipWrapper=({tooltipId:t,children:o,className:l,place:s,content:i,html:c,variant:a,offset:u,wrapper:d,events:p,positionStrategy:f,delayShow:v,delayHide:m})=>{const{attach:y,detach:h}=A(t),w=e.useRef(null);return e.useEffect((()=>(y(w),()=>{h(w)})),[]),r.default.createElement("span",{ref:w,className:n.default("react-tooltip-wrapper",l),"data-tooltip-place":s,"data-tooltip-content":i,"data-tooltip-html":c,"data-tooltip-variant":a,"data-tooltip-offset":u,"data-tooltip-wrapper":d,"data-tooltip-events":p,"data-tooltip-position-strategy":f,"data-tooltip-delay-show":v,"data-tooltip-delay-hide":m},o)},exports.removeStyle=function({type:e="base",id:t=i}={}){if(!c[e])return;"core"===e&&(t=s);const o=document.getElementById(t);"style"===(null==o?void 0:o.tagName)?null==o||o.remove():console.warn(`[react-tooltip] Failed to remove 'style' element with id '${t}'. Call \`injectStyle()\` first`),c[e]=!1};