react-tooltip 6.0.6 → 6.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-tooltip.cjs +6 -5
- package/dist/react-tooltip.cjs.map +1 -1
- package/dist/react-tooltip.d.ts +3 -3
- package/dist/react-tooltip.min.cjs +2 -2
- package/dist/react-tooltip.min.cjs.map +1 -1
- package/dist/react-tooltip.min.mjs +2 -2
- package/dist/react-tooltip.min.mjs.map +1 -1
- package/dist/react-tooltip.mjs +6 -5
- package/dist/react-tooltip.mjs.map +1 -1
- package/dist/react-tooltip.umd.js +6 -5
- package/dist/react-tooltip.umd.js.map +1 -1
- package/dist/react-tooltip.umd.min.js +2 -2
- package/dist/react-tooltip.umd.min.js.map +1 -1
- package/package.json +1 -1
package/dist/react-tooltip.d.ts
CHANGED
|
@@ -69,7 +69,7 @@ interface TooltipRefProps {
|
|
|
69
69
|
/**
|
|
70
70
|
* @readonly
|
|
71
71
|
*/
|
|
72
|
-
activeAnchor:
|
|
72
|
+
activeAnchor: Element | null
|
|
73
73
|
/**
|
|
74
74
|
* @readonly
|
|
75
75
|
*/
|
|
@@ -100,7 +100,7 @@ interface ITooltipController {
|
|
|
100
100
|
classNameArrow?: string
|
|
101
101
|
content?: ReactNode
|
|
102
102
|
portalRoot?: Element | null
|
|
103
|
-
render?: (render: { content: ReactNode | null; activeAnchor:
|
|
103
|
+
render?: (render: { content: ReactNode | null; activeAnchor: Element | null }) => ReactNode
|
|
104
104
|
place?: PlacesType
|
|
105
105
|
offset?: number
|
|
106
106
|
id?: string
|
|
@@ -153,7 +153,7 @@ interface ITooltipController {
|
|
|
153
153
|
setIsOpen?: (value: boolean) => void
|
|
154
154
|
afterShow?: () => void
|
|
155
155
|
afterHide?: () => void
|
|
156
|
-
disableTooltip?: (anchorRef:
|
|
156
|
+
disableTooltip?: (anchorRef: Element | null) => boolean
|
|
157
157
|
role?: React.AriaRole
|
|
158
158
|
}
|
|
159
159
|
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* @copyright ReactTooltip Team
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
7
|
-
"use strict";var e=require("react"),t=require("clsx"),o=require("react-dom"),r=require("@floating-ui/dom");const n={core:!1,base:!1};function l({css:e,id:t="react-tooltip-base-styles",type:o="base",ref:r,state:l={}}){if(!e||"undefined"==typeof document||(void 0!==l[o]?l[o]:n[o]))return;if("core"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_CORE_STYLES)return;if("base"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_BASE_STYLES)return;"core"===o&&(t="react-tooltip-core-styles"),r||(r={});const{insertAt:c}=r;if(document.getElementById(t))return;const s=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.id=t,i.type="text/css","top"===c&&s.firstChild?s.insertBefore(i,s.firstChild):s.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),void 0!==l[o]?l[o]=!0:n[o]=!0}const c=r.flip({fallbackAxisSideDirection:"start"}),s=r.shift({padding:5}),i=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:n="top",offset:l=10,strategy:i="absolute",middlewares:u=[r.offset(Number(l)),c,s],border:a,arrowSize:d=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:n};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:n};const p=[...u];return o?(p.push(r.arrow({element:o,padding:5})),r.computePosition(e,t,{placement:n,strategy:i,middleware:p}).then(({x:e,y:t,placement:o,middlewareData:r})=>{var n,l;const c={left:`${e}px`,top:`${t}px`,border:a},{x:s,y:i}=null!==(n=r.arrow)&&void 0!==n?n:{x:0,y:0},u=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==l?l:"bottom",p=a&&{borderBottom:a,borderRight:a};let f=0;if(a){const e=`${a}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",...p,[u]:`-${d/2+f-1}px`},place:o}})):r.computePosition(e,t,{placement:"bottom",strategy:i,middleware:p}).then(({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o}))},u=(e,t,o)=>{let r=null,n=e;const l=function(...e){const o=()=>{r=null};r||(n.apply(this,e),r=setTimeout(o,t))};return l.cancel=()=>{r&&(clearTimeout(r),r=null)},l.setCallback=e=>{n=e},l},a=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})},d=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(a(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},p="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?e.useLayoutEffect:e.useEffect,f=e=>{e.current&&(clearTimeout(e.current),e.current=null)};var v={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"},m={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 h=new Map;let y=null;function w(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}function b(e){try{return{anchors:Array.from(document.querySelectorAll(e)),error:null}}catch(e){return{anchors:[],error:e instanceof Error?e:new Error(String(e))}}}function S(e,t){var o,r,n,l;const c=b(e),s=null!==(r=null===(o=c.error)||void 0===o?void 0:o.message)&&void 0!==r?r:null,i=null!==(l=null===(n=t.error)||void 0===n?void 0:n.message)&&void 0!==l?l:null;if(u=t.anchors,a=c.anchors,u.length===a.length&&u.every((e,t)=>e===a[t])&&s===i)return;var u,a;const d={...t,anchors:c.anchors,error:c.error};h.set(e,d),function(e){e.subscribers.forEach(t=>t(e.anchors,e.error))}(d)}let E=!1,g=null,A=!1;function R(e){if(e?(g||(g=new Set),e.forEach(e=>g.add(e))):A=!0,E)return;E=!0;const t=()=>{E=!1;const e=A,t=g;var o;A=!1,g=null,e?h.forEach((e,t)=>{S(t,e)}):t&&t.size>0&&(o=t,h.forEach((e,t)=>{(null===e.tooltipId||o.has(e.tooltipId))&&S(t,e)}))};"function"==typeof requestAnimationFrame?requestAnimationFrame(t):Promise.resolve().then(t)}function _(){y||"undefined"==typeof MutationObserver||(y=new MutationObserver(e=>{const t=function(e){var t;if(h.size<=4)return null;const o=new Set;for(const r of e){if("attributes"===r.type){const e=r.target,n=null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"data-tooltip-id");n&&o.add(n),r.oldValue&&o.add(r.oldValue);continue}if("childList"===r.type){const e=e=>{var t,r;for(let n=0;n<e.length;n++){const l=e[n];if(l.nodeType!==Node.ELEMENT_NODE)continue;const c=l,s=null===(t=c.getAttribute)||void 0===t?void 0:t.call(c,"data-tooltip-id");s&&o.add(s);const i=null===(r=c.querySelectorAll)||void 0===r?void 0:r.call(c,"[data-tooltip-id]");if(i){if(i.length>50)return!0;for(let e=0;e<i.length;e++){const t=i[e].getAttribute("data-tooltip-id");t&&o.add(t)}}}return!1};if(e(r.addedNodes)||e(r.removedNodes))return null;continue}}return o}(e);R(t)}),y.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}))}function T(e,t){let o=h.get(e);if(!o){const t=b(e);o={anchors:t.anchors,error:t.error,subscribers:new Set,tooltipId:w(e)},h.set(e,o)}return o.subscribers.add(t),_(),t([...o.anchors],o.error),()=>{const o=h.get(e);o&&(o.subscribers.delete(t),0===o.subscribers.size&&h.delete(e),0===h.size&&y&&(y.disconnect(),y=null))}}const k=new Map;function C(e,t){return`${e}:${t?"capture":"bubble"}`}function O(e,t,o={}){const r=Boolean(o.capture),n=C(e,r),l=function(e,t){const o=C(e,t);let r=k.get(o);if(!r){const n=new Set,l=e=>{n.forEach(t=>{t(e)})};r={handlers:n,dispatch:l,eventType:e,capture:t},k.set(o,r),document.addEventListener(e,l,{capture:t})}return r}(e,r);return l.handlers.add(t),()=>{l.handlers.delete(t),0===l.handlers.size&&(k.delete(n),document.removeEventListener(e,l.dispatch,{capture:r}))}}const L=({activeAnchor:t,anchorElements:o,anchorSelector:n,clickable:l,closeEvents:c,delayHide:s,delayShow:i,disableTooltip:a,float:p,globalCloseEvents:v,handleHideTooltipDelayed:m,handleShow:h,handleShowTooltipDelayed:y,handleTooltipPosition:w,hoveringTooltip:b,imperativeModeOnly:S,lastFloatPosition:E,openEvents:g,openOnClick:A,rendered:R,setActiveAnchor:_,show:T,tooltipHideDelayTimerRef:k,tooltipRef:C,tooltipShowDelayTimerRef:L,updateTooltipPosition:x})=>{const N=e.useRef(u(e=>{},50)),B=e.useRef(u(()=>{},50)),M=e.useRef(null),z=e.useRef(null),$=e.useRef(null),I=e.useRef(null);t!==$.current&&($.current=t,M.current=d(t));const H=C.current;H!==I.current&&(I.current=H,z.current=d(H));const j=A||(null==g?void 0:g.click)||(null==g?void 0:g.dblclick)||(null==g?void 0:g.mousedown),D=e.useMemo(()=>{const e=g?{...g}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};return!g&&A&&Object.assign(e,{mouseenter:!1,focus:!1,click:!0}),S&&Object.assign(e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),e},[g,A,S]),P=e.useMemo(()=>{const e=c?{...c}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};return!c&&A&&Object.assign(e,{mouseleave:!1,blur:!1}),S&&Object.assign(e,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),e},[c,A,S]),q=e.useMemo(()=>{const e=v?{...v}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:j||!1};return S&&Object.assign(e,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}),e},[v,j,S]),W=e.useRef(t);W.current=t;const F=e.useRef(T);F.current=T;const V=e.useRef(o);V.current=o;const K=e.useRef(h);K.current=h;const Y=e.useRef(w);Y.current=w;const X=e.useRef(x);X.current=x;const G=e.useRef(()=>null),Z=e.useRef(()=>{}),J=e.useRef(()=>{}),Q=n?function(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}(n):null;G.current=e=>{var t,o;if(!(e instanceof Element&&e.isConnected))return null;const r=e;if(Q){const e=function(e,t){let o=e;for(;o;){if(o instanceof HTMLElement&&o.dataset.tooltipId===t)return o;o=o.parentElement}return null}(r,Q);if(e&&!(null==a?void 0:a(e)))return e}else if(n)try{const e=null!==(t=r.matches(n)?r:r.closest(n))&&void 0!==t?t:null;if(e&&!(null==a?void 0:a(e)))return e}catch(e){return null}return null!==(o=V.current.find(e=>e===r||e.contains(r)))&&void 0!==o?o:null},Z.current=e=>{e&&(e.isConnected?(null==a?void 0:a(e))||(i&&W.current&&e!==W.current?(L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{_(e),h(!0)},i)):(_(e),i?y():h(!0)),k.current&&clearTimeout(k.current)):_(null))},J.current=()=>{l?m(s||100):s?m():h(!1),L.current&&clearTimeout(L.current)};const U=N.current,ee=B.current;U.setCallback(e=>Z.current(e)),ee.setCallback(()=>J.current()),e.useEffect(()=>{const e=[],t=(t,o,r)=>{e.push(O(t,o,r))},o=e=>{var t;return Boolean((null==e?void 0:e.target)&&(null===(t=W.current)||void 0===t?void 0:t.contains(e.target)))},r=e=>{ee.cancel(),U(e)},n=()=>{U.cancel(),ee()},c=()=>{t("mouseover",e=>{const t=G.current(e.target);if(!t)return;G.current(e.relatedTarget)!==t&&r(t)})},s=()=>{t("mouseout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||W.current;(null==l?void 0:l.contains(r))||n()})};D.mouseenter&&c(),P.mouseleave&&s(),D.mouseover&&c(),P.mouseout&&s(),D.focus&&t("focusin",e=>{r(G.current(e.target))}),P.blur&&t("focusout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||W.current;(null==l?void 0:l.contains(r))||n()});const i=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],u=["click","dblclick","mousedown","mouseup"],a=e=>{var t;const o=G.current(null!==(t=null==e?void 0:e.target)&&void 0!==t?t:null);o&&(F.current&&W.current===o||Z.current(o))},d=e=>{F.current&&o(e)&&J.current()};Object.entries(D).forEach(([e,o])=>{o&&!i.includes(e)&&u.includes(e)&&t(e,a,{capture:!0})}),Object.entries(P).forEach(([e,o])=>{o&&!i.includes(e)&&u.includes(e)&&t(e,d,{capture:!0})}),p&&t("pointermove",e=>{const t=W.current;if(!t)return;if(G.current(e.target)!==t)return;const o=e,r={x:o.clientX,y:o.clientY};Y.current(r),E.current=r});const f=C.current,v=()=>{b.current=!0},m=()=>{b.current=!1,J.current()},h=l&&(P.mouseout||P.mouseleave);return h&&(null==f||f.addEventListener("mouseover",v),null==f||f.addEventListener("mouseout",m)),()=>{e.forEach(e=>e()),h&&(null==f||f.removeEventListener("mouseover",v),null==f||f.removeEventListener("mouseout",m)),U.cancel(),ee.cancel()}},[D,P,p,l,R]),e.useEffect(()=>{const e=()=>{K.current(!1)},o=z.current,n=M.current;q.scroll&&(window.addEventListener("scroll",e),null==n||n.addEventListener("scroll",e),null==o||o.addEventListener("scroll",e));let l=null;q.resize?window.addEventListener("resize",e):t&&C.current&&(l=r.autoUpdate(t,C.current,()=>X.current(),{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const c=e=>{"Escape"===e.key&&K.current(!1)};q.escape&&window.addEventListener("keydown",c);const s=e=>{var t,o;if(!F.current)return;const r=e.target;(null==r?void 0:r.isConnected)&&((null===(t=C.current)||void 0===t?void 0:t.contains(r))||(null===(o=W.current)||void 0===o?void 0:o.contains(r))||V.current.some(e=>null==e?void 0:e.contains(r))||(K.current(!1),f(L)))};return q.clickOutsideAnchor&&window.addEventListener("click",s),()=>{q.scroll&&(window.removeEventListener("scroll",e),null==n||n.removeEventListener("scroll",e),null==o||o.removeEventListener("scroll",e)),q.resize&&window.removeEventListener("resize",e),l&&l(),q.escape&&window.removeEventListener("keydown",c),q.clickOutsideAnchor&&window.removeEventListener("click",s)}},[q,t])};let x=null;var N=e.memo(({forwardRef:r,id:n,className:l,classNameArrow:c,variant:s="dark",portalRoot:u,anchorSelect:a,place:d="top",offset:h=10,openOnClick:y=!1,positionStrategy:w="absolute",middlewares:b,wrapper:S,delayShow:E=0,delayHide:g=0,autoClose:A,float:R=!1,hidden:_=!1,noArrow:k=!1,clickable:C=!1,openEvents:O,closeEvents:N,globalCloseEvents:B,imperativeModeOnly:M,style:z,position:$,afterShow:I,afterHide:H,disableTooltip:j,content:D,contentWrapperRef:P,isOpen:q,defaultIsOpen:W=!1,setIsOpen:F,previousActiveAnchor:V,activeAnchor:K,setActiveAnchor:Y,border:X,opacity:G,arrowColor:Z,arrowSize:J=8,role:Q="tooltip"})=>{var U;const ee=e.useRef(null),te=e.useRef(null),oe=e.useRef(null),re=e.useRef(null),ne=e.useRef(null),le=e.useRef(null),[ce,se]=e.useState({tooltipStyles:{},tooltipArrowStyles:{},place:d}),[ie,ue]=e.useState(!1),[ae,de]=e.useState(!1),[pe,fe]=e.useState(null),ve=e.useRef(!1),me=e.useRef(null),he=e.useRef(!1),ye=e.useRef(!1),we=e.useRef({getBoundingClientRect:()=>({x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0})});p(()=>(ye.current=!0,()=>{ye.current=!1}),[]);const be=e.useCallback(e=>{ye.current&&(e&&de(!0),setTimeout(()=>{ye.current&&(null==F||F(e),void 0===q&&ue(e))},10))},[q,F]);e.useEffect(()=>{if(n){if(ie){t(V);const o=e(K),r=[...new Set([...o,n])].filter(Boolean).join(" ");null==K||K.setAttribute("aria-describedby",r)}else t(K);return()=>{t(K),t(V)}}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!==n);o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}},[K,ie,n,V]),e.useEffect(()=>{if(void 0===q)return()=>null;q&&de(!0);const e=setTimeout(()=>{ue(q)},10);return()=>{clearTimeout(e)}},[q]),e.useEffect(()=>{if(ie!==ve.current)if(f(le),ve.current=ie,ie)null==I||I();else{if(null===x){const e=getComputedStyle(document.body);x=(e=>{const t=e.match(/^([\d.]+)(m?s)$/);if(!t)return 0;const[,o,r]=t;return Number(o)*("ms"===r?1:1e3)})(e.getPropertyValue("--rt-transition-show-delay"))}const e=x;le.current=setTimeout(()=>{de(!1),fe(null),null==H||H()},e+25)}},[H,I,ie]),e.useEffect(()=>(f(ne),!ie||!A||A<=0||(ne.current=setTimeout(()=>{be(!1)},A)),()=>{f(ne)}),[K,A,be,ie]);const Se=e.useCallback(e=>{ye.current&&se(t=>t.place===e.place&&t.tooltipStyles.left===e.tooltipStyles.left&&t.tooltipStyles.top===e.tooltipStyles.top&&t.tooltipStyles.border===e.tooltipStyles.border&&t.tooltipArrowStyles.left===e.tooltipArrowStyles.left&&t.tooltipArrowStyles.top===e.tooltipArrowStyles.top&&t.tooltipArrowStyles.right===e.tooltipArrowStyles.right&&t.tooltipArrowStyles.bottom===e.tooltipArrowStyles.bottom&&t.tooltipArrowStyles.borderBottom===e.tooltipArrowStyles.borderBottom&&t.tooltipArrowStyles.borderRight===e.tooltipArrowStyles.borderRight?t:e)},[]),Ee=e.useRef(ae);Ee.current=ae;const ge=e.useCallback((e=E)=>{oe.current&&clearTimeout(oe.current),Ee.current?be(!0):oe.current=setTimeout(()=>{be(!0)},e)},[E,be]),Ae=e.useCallback((e=g)=>{re.current&&clearTimeout(re.current),re.current=setTimeout(()=>{he.current||be(!1)},e)},[g,be]),Re=e.useCallback(({x:e,y:t})=>{var o;we.current.getBoundingClientRect=()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t}),i({place:null!==(o=null==pe?void 0:pe.place)&&void 0!==o?o:d,offset:h,elementReference:we.current,tooltipReference:ee.current,tooltipArrowReference:te.current,strategy:w,middlewares:b,border:X,arrowSize:J}).then(e=>{Se(e)})},[null==pe?void 0:pe.place,d,h,w,b,X,J,Se]),_e=e.useCallback(()=>{var e,t;const o=null!==(e=null==pe?void 0:pe.position)&&void 0!==e?e:$;o?Re(o):R?me.current&&Re(me.current):(null==K?void 0:K.isConnected)&&i({place:null!==(t=null==pe?void 0:pe.place)&&void 0!==t?t:d,offset:h,elementReference:K,tooltipReference:ee.current,tooltipArrowReference:te.current,strategy:w,middlewares:b,border:X,arrowSize:J}).then(e=>{ye.current&&Se(e)})},[null==pe?void 0:pe.position,null==pe?void 0:pe.place,$,R,K,d,h,w,b,X,Re,Se,J]),Te=e.useCallback(()=>{de(!1),be(!1),Y(null),f(oe),f(re),f(ne)},[be,Y]),ke=ae||W||Boolean(q)||Boolean(K)||Boolean(null==pe?void 0:pe.anchorSelect),{anchorElements:Ce,selector:Oe}=(({id:t,anchorSelect:o,imperativeAnchorSelect:r,activeAnchor:n,disableTooltip:l,onActiveAnchorRemoved:c,trackAnchors:s})=>{const[i,u]=e.useState([]),[a,d]=e.useState(null),p=e.useRef(null),f=e.useMemo(()=>(({id:e,anchorSelect:t,imperativeAnchorSelect:o})=>{var r;let n=null!==(r=null!=o?o:t)&&void 0!==r?r:"";return!n&&e&&(n=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),n})({id:t,anchorSelect:o,imperativeAnchorSelect:r}),[t,o,r]),v=e.useMemo(()=>i.filter(e=>!(null==l?void 0:l(e))),[i,l]),m=e.useMemo(()=>{if(!n||!f)return!1;try{return n.matches(f)}catch(e){return!1}},[n,f,v]);return e.useEffect(()=>f&&s?T(f,(e,t)=>{u(e),d(t)}):(u([]),void d(null)),[f,s]),e.useEffect(()=>{a&&p.current!==f&&(p.current=f)},[f,a]),e.useEffect(()=>{n&&(n.isConnected&&(v.includes(n)||m)||c())},[n,v,m,c]),{anchorElements:v,selector:f}})({id:n,anchorSelect:a,imperativeAnchorSelect:null==pe?void 0:pe.anchorSelect,activeAnchor:K,disableTooltip:j,onActiveAnchorRemoved:Te,trackAnchors:ke});L({activeAnchor:K,anchorElements:Ce,anchorSelector:Oe,clickable:C,closeEvents:N,delayHide:g,delayShow:E,disableTooltip:j,float:R,globalCloseEvents:B,handleHideTooltipDelayed:Ae,handleShow:be,handleShowTooltipDelayed:ge,handleTooltipPosition:Re,hoveringTooltip:he,imperativeModeOnly:M,lastFloatPosition:me,openEvents:O,openOnClick:y,rendered:ae,setActiveAnchor:Y,show:ie,tooltipHideDelayTimerRef:re,tooltipRef:ee,tooltipShowDelayTimerRef:oe,updateTooltipPosition:_e});const Le=e.useRef(_e);Le.current=_e,e.useEffect(()=>{ae&&_e()},[ae,_e]),e.useEffect(()=>{if(!ae||!(null==P?void 0:P.current))return()=>null;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(()=>{ye.current&&Le.current(),e=null},0)});return t.observe(P.current),()=>{t.disconnect(),e&&clearTimeout(e)}},[D,P,ae]),e.useEffect(()=>{var e;if(!(W||Boolean(q)))return;const t=(()=>{if(!K||!(null==pe?void 0:pe.anchorSelect))return!1;try{return K.matches(pe.anchorSelect)}catch(e){return!1}})();if(!K||!Ce.includes(K)){if(t)return;Y(null!==(e=Ce[0])&&void 0!==e?e:null)}},[K,Ce,W,null==pe?void 0:pe.anchorSelect,q,ae,Y]),e.useEffect(()=>(W&&be(!0),()=>{f(oe),f(re),f(ne),f(le)}),[W,be]),e.useEffect(()=>{oe.current&&(f(oe),ge(E))},[E,ge]);const xe=null!==(U=null==pe?void 0:pe.content)&&void 0!==U?U:D,Ne=null!=xe,Be=ie&&void 0!==ce.tooltipStyles.left,Me=e.useMemo(()=>({...z,...ce.tooltipStyles,opacity:void 0!==G&&Be?G:void 0}),[z,ce.tooltipStyles,G,Be]),ze=e.useMemo(()=>Z?`linear-gradient(to right bottom, transparent 50%, ${Z} 50%)`:void 0,[Z]),$e=e.useMemo(()=>({...ce.tooltipArrowStyles,background:ze,"--rt-arrow-size":`${J}px`}),[ce.tooltipArrowStyles,ze,J]);e.useImperativeHandle(r,()=>({open:e=>{let t=null;if(null==e?void 0:e.anchorSelect){try{t=document.querySelector(e.anchorSelect)}catch(e){return}if(!t)return}t&&Y(t),fe(null!=e?e:null),(null==e?void 0:e.delay)?ge(e.delay):be(!0)},close:e=>{(null==e?void 0:e.delay)?Ae(e.delay):be(!1)},activeAnchor:K,place:ce.place,isOpen:Boolean(ae&&!_&&Ne&&Be)})),e.useEffect(()=>()=>{f(oe),f(re),f(ne),f(le)},[]);const Ie=ae&&!_&&Ne?e.createElement(S,{id:n,role:Q,className:t("react-tooltip",v.tooltip,m.tooltip,m[s],l,`react-tooltip__place-${ce.place}`,v[Be?"show":"closing"],Be?"react-tooltip__show":"react-tooltip__closing","fixed"===w&&v.fixed,C&&v.clickable),onTransitionEnd:e=>{f(le),ie||"opacity"!==e.propertyName||(de(!1),fe(null),null==H||H())},style:Me,ref:ee},e.createElement(S,{className:t("react-tooltip-content-wrapper",v.content,m.content)},xe),e.createElement(S,{className:t("react-tooltip-arrow",v.arrow,m.arrow,c,k&&v.noArrow),style:$e,ref:te})):null;return Ie?u?o.createPortal(Ie,u):Ie:null});const B=new Map;let M=null;const z={attributes:!0,childList:!1,subtree:!1};function $(e,t){const o=(M||(M=new MutationObserver(e=>{var t;for(const o of e){if("attributes"!==o.type||!(null===(t=o.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))continue;const e=o.target,r=B.get(e);r&&r.forEach(t=>t(e))}})),M);let r=B.get(e);return r||(r=new Set,B.set(e,r),o.observe(e,z)),r.add(t),()=>{const r=B.get(e);r&&(r.delete(t),0===r.size&&(B.delete(e),0===B.size?o.disconnect():(o.disconnect(),B.forEach((e,t)=>{o.observe(t,z)}))))}}const I=e.forwardRef(({id:o,anchorSelect:r,content:n,render:l,className:c,classNameArrow:s,variant:i="dark",portalRoot:u,place:a="top",offset:d=10,wrapper:p="div",children:f=null,openOnClick:v=!1,positionStrategy:m="absolute",middlewares:h,delayShow:y=0,delayHide:w=0,autoClose:b,float:S=!1,hidden:E=!1,noArrow:g=!1,clickable:A=!1,openEvents:R,closeEvents:_,globalCloseEvents:T,imperativeModeOnly:k=!1,style:C,position:O,isOpen:L,defaultIsOpen:x=!1,disableStyleInjection:B=!1,border:M,opacity:z,arrowColor:I,arrowSize:H,setIsOpen:j,afterShow:D,afterHide:P,disableTooltip:q,role:W="tooltip"},F)=>{var V,K,Y,X,G,Z,J,Q;const[U,ee]=e.useState(null),[te,oe]=e.useState({}),re=e.useRef(null),ne=e.useRef(B),le=e.useCallback(e=>{ee(t=>((null==e?void 0:e.isSameNode(t))||(re.current=t),e))},[]),ce=e=>{const t=null==e?void 0:e.getAttributeNames().reduce((t,o)=>{var r;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(o))&&void 0!==r?r:null}return t},{});return t};e.useEffect(()=>{ne.current},[B]),e.useEffect(()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===B,disableBase:B}}))},[]),e.useEffect(()=>{if(!U)return oe({}),()=>{};const e=e=>{const t=ce(e);oe(e=>{const o=Object.keys(t),r=Object.keys(e);return o.length===r.length&&o.every(o=>t[o]===e[o])?e:t})};e(U);return $(U,e)},[U,r]),e.useEffect(()=>{},[M,z,null==C?void 0:C.border,null==C?void 0:C.opacity]);const se=U?ce(U):te,ie=null!==(V=se.content)&&void 0!==V?V:n,ue=null!==(K=se.place)&&void 0!==K?K:a,ae=null!==(Y=se.variant)&&void 0!==Y?Y:i,de=null==se.offset?d:Number(se.offset),pe=null!==(X=se.wrapper)&&void 0!==X?X:p,fe=null!==(G=se["position-strategy"])&&void 0!==G?G:m,ve=null==se["delay-show"]?y:Number(se["delay-show"]),me=null==se["delay-hide"]?w:Number(se["delay-hide"]),he=null==se["auto-close"]?b:Number(se["auto-close"]),ye=null==se.float?S:"true"===se.float,we=null==se.hidden?E:"true"===se.hidden,be=null!==(Z=se["class-name"])&&void 0!==Z?Z:null;let Se=f;const Ee=e.useRef(null);if(l){const t=l({content:null!==(Q=null!==(J=se.content)&&void 0!==J?J:ie)&&void 0!==Q?Q:null,activeAnchor:U});Se=t?e.createElement("div",{ref:Ee,className:"react-tooltip-content-wrapper"},t):null}else null!=ie&&(Se=ie);const ge={forwardRef:F,id:o,anchorSelect:r,className:t(c,be),classNameArrow:s,content:Se,contentWrapperRef:Ee,portalRoot:u,place:ue,variant:ae,offset:de,wrapper:pe,openOnClick:v,positionStrategy:fe,middlewares:h,delayShow:ve,delayHide:me,autoClose:he,float:ye,hidden:we,noArrow:g,clickable:A,openEvents:R,closeEvents:_,globalCloseEvents:T,imperativeModeOnly:k,style:C,position:O,isOpen:L,defaultIsOpen:x,border:M,opacity:z,arrowColor:I,arrowSize:H,setIsOpen:j,afterShow:D,afterHide:P,disableTooltip:q,activeAnchor:U,previousActiveAnchor:re.current,setActiveAnchor:le,role:W};return e.createElement(N,{...ge})});var H=e.memo(I);"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",e=>{e.detail.disableCore||l({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}.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;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in;will-change:opacity}`,type:"core"}),e.detail.disableBase||l({css:`
|
|
8
|
-
.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=
|
|
7
|
+
"use strict";var e=require("react"),t=require("clsx"),o=require("react-dom"),r=require("@floating-ui/dom");const n={core:!1,base:!1};function l({css:e,id:t="react-tooltip-base-styles",type:o="base",ref:r,state:l={}}){if(!e||"undefined"==typeof document||(void 0!==l[o]?l[o]:n[o]))return;if("core"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_CORE_STYLES)return;if("base"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_BASE_STYLES)return;"core"===o&&(t="react-tooltip-core-styles"),r||(r={});const{insertAt:c}=r;if(document.getElementById(t))return;const s=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.id=t,i.type="text/css","top"===c&&s.firstChild?s.insertBefore(i,s.firstChild):s.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),void 0!==l[o]?l[o]=!0:n[o]=!0}const c=r.flip({fallbackAxisSideDirection:"start"}),s=r.shift({padding:5}),i=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:n="top",offset:l=10,strategy:i="absolute",middlewares:u=[r.offset(Number(l)),c,s],border:a,arrowSize:d=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:n};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:n};const p=[...u];return o?(p.push(r.arrow({element:o,padding:5})),r.computePosition(e,t,{placement:n,strategy:i,middleware:p}).then(({x:e,y:t,placement:o,middlewareData:r})=>{var n,l;const c={left:`${e}px`,top:`${t}px`,border:a},{x:s,y:i}=null!==(n=r.arrow)&&void 0!==n?n:{x:0,y:0},u=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==l?l:"bottom",p=a&&{borderBottom:a,borderRight:a};let f=0;if(a){const e=`${a}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",...p,[u]:`-${d/2+f-1}px`},place:o}})):r.computePosition(e,t,{placement:"bottom",strategy:i,middleware:p}).then(({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o}))},u=(e,t,o)=>{let r=null,n=e;const l=function(...e){const o=()=>{r=null};r||(n.apply(this,e),r=setTimeout(o,t))};return l.cancel=()=>{r&&(clearTimeout(r),r=null)},l.setCallback=e=>{n=e},l},a=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})},d=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(a(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},p="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?e.useLayoutEffect:e.useEffect,f=e=>{e.current&&(clearTimeout(e.current),e.current=null)};var v={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"},m={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 h=new Map;let y=null;function w(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}function b(e){try{return{anchors:Array.from(document.querySelectorAll(e)),error:null}}catch(e){return{anchors:[],error:e instanceof Error?e:new Error(String(e))}}}function S(e,t){var o,r,n,l;const c=b(e),s=null!==(r=null===(o=c.error)||void 0===o?void 0:o.message)&&void 0!==r?r:null,i=null!==(l=null===(n=t.error)||void 0===n?void 0:n.message)&&void 0!==l?l:null;if(u=t.anchors,a=c.anchors,u.length===a.length&&u.every((e,t)=>e===a[t])&&s===i)return;var u,a;const d={...t,anchors:c.anchors,error:c.error};h.set(e,d),function(e){e.subscribers.forEach(t=>t(e.anchors,e.error))}(d)}let E=!1,g=null,A=!1;function R(e){if(e?(g||(g=new Set),e.forEach(e=>g.add(e))):A=!0,E)return;E=!0;const t=()=>{E=!1;const e=A,t=g;var o;A=!1,g=null,e?h.forEach((e,t)=>{S(t,e)}):t&&t.size>0&&(o=t,h.forEach((e,t)=>{(null===e.tooltipId||o.has(e.tooltipId))&&S(t,e)}))};"function"==typeof requestAnimationFrame?requestAnimationFrame(t):Promise.resolve().then(t)}function _(){y||"undefined"==typeof MutationObserver||(y=new MutationObserver(e=>{const t=function(e){var t;if(h.size<=4)return null;const o=new Set;for(const r of e){if("attributes"===r.type){const e=r.target,n=null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"data-tooltip-id");n&&o.add(n),r.oldValue&&o.add(r.oldValue);continue}if("childList"===r.type){const e=e=>{var t,r;for(let n=0;n<e.length;n++){const l=e[n];if(l.nodeType!==Node.ELEMENT_NODE)continue;const c=l,s=null===(t=c.getAttribute)||void 0===t?void 0:t.call(c,"data-tooltip-id");s&&o.add(s);const i=null===(r=c.querySelectorAll)||void 0===r?void 0:r.call(c,"[data-tooltip-id]");if(i){if(i.length>50)return!0;for(let e=0;e<i.length;e++){const t=i[e].getAttribute("data-tooltip-id");t&&o.add(t)}}}return!1};if(e(r.addedNodes)||e(r.removedNodes))return null;continue}}return o}(e);R(t)}),y.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}))}function T(e,t){let o=h.get(e);if(!o){const t=b(e);o={anchors:t.anchors,error:t.error,subscribers:new Set,tooltipId:w(e)},h.set(e,o)}return o.subscribers.add(t),_(),t([...o.anchors],o.error),()=>{const o=h.get(e);o&&(o.subscribers.delete(t),0===o.subscribers.size&&h.delete(e),0===h.size&&y&&(y.disconnect(),y=null))}}const k=new Map;function C(e,t){return`${e}:${t?"capture":"bubble"}`}function O(e,t,o={}){const r=Boolean(o.capture),n=C(e,r),l=function(e,t){const o=C(e,t);let r=k.get(o);if(!r){const n=new Set,l=e=>{n.forEach(t=>{t(e)})};r={handlers:n,dispatch:l,eventType:e,capture:t},k.set(o,r),document.addEventListener(e,l,{capture:t})}return r}(e,r);return l.handlers.add(t),()=>{l.handlers.delete(t),0===l.handlers.size&&(k.delete(n),document.removeEventListener(e,l.dispatch,{capture:r}))}}let N=null;var L=e.memo(({forwardRef:n,id:l,className:c,classNameArrow:s,variant:a="dark",portalRoot:h,anchorSelect:y,place:w="top",offset:b=10,openOnClick:S=!1,positionStrategy:E="absolute",middlewares:g,wrapper:A,delayShow:R=0,delayHide:_=0,autoClose:k,float:C=!1,hidden:L=!1,noArrow:x=!1,clickable:B=!1,openEvents:z,closeEvents:M,globalCloseEvents:$,imperativeModeOnly:I,style:j,position:H,afterShow:D,afterHide:P,disableTooltip:q,content:W,contentWrapperRef:F,isOpen:V,defaultIsOpen:K=!1,setIsOpen:Y,previousActiveAnchor:X,activeAnchor:G,setActiveAnchor:Z,border:J,opacity:Q,arrowColor:U,arrowSize:ee=8,role:te="tooltip"})=>{var oe;const re=e.useRef(null),ne=e.useRef(null),le=e.useRef(null),ce=e.useRef(null),se=e.useRef(null),ie=e.useRef(null),[ue,ae]=e.useState({tooltipStyles:{},tooltipArrowStyles:{},place:w}),[de,pe]=e.useState(!1),[fe,ve]=e.useState(!1),[me,he]=e.useState(null),ye=e.useRef(!1),we=e.useRef(null),be=e.useRef(!1),Se=e.useRef(!1),Ee=e.useRef({getBoundingClientRect:()=>({x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0})});p(()=>(Se.current=!0,()=>{Se.current=!1}),[]);const ge=e.useCallback(e=>{Se.current&&(e&&ve(!0),setTimeout(()=>{Se.current&&(null==Y||Y(e),void 0===V&&pe(e))},10))},[V,Y]);e.useEffect(()=>{if(l){if(de){t(X);const o=e(G),r=[...new Set([...o,l])].filter(Boolean).join(" ");null==G||G.setAttribute("aria-describedby",r)}else t(G);return()=>{t(G),t(X)}}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")}},[G,de,l,X]),e.useEffect(()=>{if(void 0===V)return()=>null;V&&ve(!0);const e=setTimeout(()=>{pe(V)},10);return()=>{clearTimeout(e)}},[V]),e.useEffect(()=>{if(de!==ye.current)if(f(ie),ye.current=de,de)null==D||D();else{if(null===N){const e=getComputedStyle(document.body);N=(e=>{const t=e.match(/^([\d.]+)(m?s)$/);if(!t)return 0;const[,o,r]=t;return Number(o)*("ms"===r?1:1e3)})(e.getPropertyValue("--rt-transition-show-delay"))}const e=N;ie.current=setTimeout(()=>{ve(!1),he(null),null==P||P()},e+25)}},[P,D,de]),e.useEffect(()=>(f(se),!de||!k||k<=0||(se.current=setTimeout(()=>{ge(!1)},k)),()=>{f(se)}),[G,k,ge,de]);const Ae=e.useCallback(e=>{Se.current&&ae(t=>t.place===e.place&&t.tooltipStyles.left===e.tooltipStyles.left&&t.tooltipStyles.top===e.tooltipStyles.top&&t.tooltipStyles.border===e.tooltipStyles.border&&t.tooltipArrowStyles.left===e.tooltipArrowStyles.left&&t.tooltipArrowStyles.top===e.tooltipArrowStyles.top&&t.tooltipArrowStyles.right===e.tooltipArrowStyles.right&&t.tooltipArrowStyles.bottom===e.tooltipArrowStyles.bottom&&t.tooltipArrowStyles.borderBottom===e.tooltipArrowStyles.borderBottom&&t.tooltipArrowStyles.borderRight===e.tooltipArrowStyles.borderRight?t:e)},[]),Re=e.useRef(fe);Re.current=fe;const _e=e.useCallback((e=R)=>{le.current&&clearTimeout(le.current),Re.current?ge(!0):le.current=setTimeout(()=>{ge(!0)},e)},[R,ge]),Te=e.useCallback((e=_)=>{ce.current&&clearTimeout(ce.current),ce.current=setTimeout(()=>{be.current||ge(!1)},e)},[_,ge]),ke=e.useCallback(({x:e,y:t})=>{var o;Ee.current.getBoundingClientRect=()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t}),i({place:null!==(o=null==me?void 0:me.place)&&void 0!==o?o:w,offset:b,elementReference:Ee.current,tooltipReference:re.current,tooltipArrowReference:ne.current,strategy:E,middlewares:g,border:J,arrowSize:ee}).then(e=>{Ae(e)})},[null==me?void 0:me.place,w,b,E,g,J,ee,Ae]),Ce=e.useCallback(()=>{var e,t;const o=null!==(e=null==me?void 0:me.position)&&void 0!==e?e:H;o?ke(o):C?we.current&&ke(we.current):(null==G?void 0:G.isConnected)&&i({place:null!==(t=null==me?void 0:me.place)&&void 0!==t?t:w,offset:b,elementReference:G,tooltipReference:re.current,tooltipArrowReference:ne.current,strategy:E,middlewares:g,border:J,arrowSize:ee}).then(e=>{Se.current&&Ae(e)})},[null==me?void 0:me.position,null==me?void 0:me.place,H,C,G,w,b,E,g,J,ke,Ae,ee]),Oe=e.useCallback(()=>{ve(!1),ge(!1),Z(null),f(le),f(ce),f(se)},[ge,Z]),Ne=fe||K||Boolean(V)||Boolean(G)||Boolean(null==me?void 0:me.anchorSelect),{anchorElements:Le,selector:xe}=(({id:t,anchorSelect:o,imperativeAnchorSelect:r,activeAnchor:n,disableTooltip:l,onActiveAnchorRemoved:c,trackAnchors:s})=>{const[i,u]=e.useState([]),[a,d]=e.useState(null),p=e.useRef(null),f=e.useMemo(()=>(({id:e,anchorSelect:t,imperativeAnchorSelect:o})=>{var r;let n=null!==(r=null!=o?o:t)&&void 0!==r?r:"";return!n&&e&&(n=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),n})({id:t,anchorSelect:o,imperativeAnchorSelect:r}),[t,o,r]),v=e.useMemo(()=>i.filter(e=>!(null==l?void 0:l(e))),[i,l]),m=e.useMemo(()=>{if(!n||!f)return!1;try{return n.matches(f)}catch(e){return!1}},[n,f,v]);return e.useEffect(()=>f&&s?T(f,(e,t)=>{u(e),d(t)}):(u([]),void d(null)),[f,s]),e.useEffect(()=>{a&&p.current!==f&&(p.current=f)},[f,a]),e.useEffect(()=>{n&&(n.isConnected&&(v.includes(n)||m)||c())},[n,v,m,c]),{anchorElements:v,selector:f}})({id:l,anchorSelect:y,imperativeAnchorSelect:null==me?void 0:me.anchorSelect,activeAnchor:G,disableTooltip:q,onActiveAnchorRemoved:Oe,trackAnchors:Ne});(({activeAnchor:t,anchorElements:o,anchorSelector:n,clickable:l,closeEvents:c,delayHide:s,delayShow:i,disableTooltip:a,float:p,globalCloseEvents:v,handleHideTooltipDelayed:m,handleShow:h,handleShowTooltipDelayed:y,handleTooltipPosition:w,hoveringTooltip:b,imperativeModeOnly:S,lastFloatPosition:E,openEvents:g,openOnClick:A,rendered:R,setActiveAnchor:_,show:T,tooltipHideDelayTimerRef:k,tooltipRef:C,tooltipShowDelayTimerRef:N,updateTooltipPosition:L})=>{const x=e.useRef(u(e=>{},50)),B=e.useRef(u(()=>{},50)),z=e.useRef(null),M=e.useRef(null),$=e.useRef(null),I=e.useRef(null);t!==$.current&&($.current=t,z.current=d(t));const j=C.current;j!==I.current&&(I.current=j,M.current=d(j));const H=A||(null==g?void 0:g.click)||(null==g?void 0:g.dblclick)||(null==g?void 0:g.mousedown),D=e.useMemo(()=>{const e=g?{...g}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};return!g&&A&&Object.assign(e,{mouseenter:!1,focus:!1,click:!0}),S&&Object.assign(e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),e},[g,A,S]),P=e.useMemo(()=>{const e=c?{...c}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};return!c&&A&&Object.assign(e,{mouseleave:!1,blur:!1}),S&&Object.assign(e,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),e},[c,A,S]),q=e.useMemo(()=>{const e=v?{...v}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:H||!1};return S&&Object.assign(e,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}),e},[v,H,S]),W=e.useRef(t);W.current=t;const F=e.useRef(T);F.current=T;const V=e.useRef(o);V.current=o;const K=e.useRef(h);K.current=h;const Y=e.useRef(w);Y.current=w;const X=e.useRef(L);X.current=L;const G=e.useRef(()=>null),Z=e.useRef(()=>{}),J=e.useRef(()=>{}),Q=n?function(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}(n):null;G.current=e=>{var t,o;if(!(e instanceof Element&&e.isConnected))return null;const r=e;if(Q){const e=function(e,t){let o=e;for(;o;){const e=o.dataset;if((null==e?void 0:e.tooltipId)===t)return o;o=o.parentElement}return null}(r,Q);if(e&&!(null==a?void 0:a(e)))return e}else if(n)try{const e=null!==(t=r.matches(n)?r:r.closest(n))&&void 0!==t?t:null;if(e&&!(null==a?void 0:a(e)))return e}catch(e){return null}return null!==(o=V.current.find(e=>e===r||e.contains(r)))&&void 0!==o?o:null},Z.current=e=>{e&&(e.isConnected?(null==a?void 0:a(e))||(i&&W.current&&e!==W.current?(N.current&&clearTimeout(N.current),N.current=setTimeout(()=>{_(e),h(!0)},i)):(_(e),i?y():h(!0)),k.current&&clearTimeout(k.current)):_(null))},J.current=()=>{l?m(s||100):s?m():h(!1),N.current&&clearTimeout(N.current)};const U=x.current,ee=B.current;U.setCallback(e=>Z.current(e)),ee.setCallback(()=>J.current()),e.useEffect(()=>{const e=[],t=(t,o,r)=>{e.push(O(t,o,r))},o=e=>{var t;return Boolean((null==e?void 0:e.target)instanceof Node&&(null===(t=W.current)||void 0===t?void 0:t.contains(e.target)))},r=e=>{ee.cancel(),U(e)},n=()=>{U.cancel(),ee()},c=()=>{t("mouseover",e=>{const t=G.current(e.target);t&&G.current(e.relatedTarget)!==t&&r(t)})},s=()=>{t("mouseout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||W.current;r instanceof Node&&(null==l?void 0:l.contains(r))||n()})};D.mouseenter&&c(),P.mouseleave&&s(),D.mouseover&&c(),P.mouseout&&s(),D.focus&&t("focusin",e=>{r(G.current(e.target))}),P.blur&&t("focusout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||W.current;r instanceof Node&&(null==l?void 0:l.contains(r))||n()});const i=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],u=["click","dblclick","mousedown","mouseup"],a=e=>{var t;const o=G.current(null!==(t=null==e?void 0:e.target)&&void 0!==t?t:null);o&&(F.current&&W.current===o||Z.current(o))},d=e=>{F.current&&o(e)&&J.current()};Object.entries(D).forEach(([e,o])=>{o&&!i.includes(e)&&u.includes(e)&&t(e,a,{capture:!0})}),Object.entries(P).forEach(([e,o])=>{o&&!i.includes(e)&&u.includes(e)&&t(e,d,{capture:!0})}),p&&t("pointermove",e=>{const t=W.current;if(!t)return;if(G.current(e.target)!==t)return;const o=e,r={x:o.clientX,y:o.clientY};Y.current(r),E.current=r});const f=C.current,v=()=>{b.current=!0},m=()=>{b.current=!1,J.current()},h=l&&(P.mouseout||P.mouseleave);return h&&(null==f||f.addEventListener("mouseover",v),null==f||f.addEventListener("mouseout",m)),()=>{e.forEach(e=>e()),h&&(null==f||f.removeEventListener("mouseover",v),null==f||f.removeEventListener("mouseout",m)),U.cancel(),ee.cancel()}},[D,P,p,l,R]),e.useEffect(()=>{const e=()=>{K.current(!1)},o=M.current,n=z.current;q.scroll&&(window.addEventListener("scroll",e),null==n||n.addEventListener("scroll",e),null==o||o.addEventListener("scroll",e));let l=null;q.resize?window.addEventListener("resize",e):t&&C.current&&(l=r.autoUpdate(t,C.current,()=>X.current(),{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const c=e=>{"Escape"===e.key&&K.current(!1)};q.escape&&window.addEventListener("keydown",c);const s=e=>{var t,o;if(!F.current)return;const r=e.target;r instanceof Node&&r.isConnected&&((null===(t=C.current)||void 0===t?void 0:t.contains(r))||(null===(o=W.current)||void 0===o?void 0:o.contains(r))||V.current.some(e=>null==e?void 0:e.contains(r))||(K.current(!1),f(N)))};return q.clickOutsideAnchor&&window.addEventListener("click",s),()=>{q.scroll&&(window.removeEventListener("scroll",e),null==n||n.removeEventListener("scroll",e),null==o||o.removeEventListener("scroll",e)),q.resize&&window.removeEventListener("resize",e),l&&l(),q.escape&&window.removeEventListener("keydown",c),q.clickOutsideAnchor&&window.removeEventListener("click",s)}},[q,t])})({activeAnchor:G,anchorElements:Le,anchorSelector:xe,clickable:B,closeEvents:M,delayHide:_,delayShow:R,disableTooltip:q,float:C,globalCloseEvents:$,handleHideTooltipDelayed:Te,handleShow:ge,handleShowTooltipDelayed:_e,handleTooltipPosition:ke,hoveringTooltip:be,imperativeModeOnly:I,lastFloatPosition:we,openEvents:z,openOnClick:S,rendered:fe,setActiveAnchor:Z,show:de,tooltipHideDelayTimerRef:ce,tooltipRef:re,tooltipShowDelayTimerRef:le,updateTooltipPosition:Ce});const Be=e.useRef(Ce);Be.current=Ce,e.useEffect(()=>{fe&&Ce()},[fe,Ce]),e.useEffect(()=>{if(!fe||!(null==F?void 0:F.current))return()=>null;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(()=>{Se.current&&Be.current(),e=null},0)});return t.observe(F.current),()=>{t.disconnect(),e&&clearTimeout(e)}},[W,F,fe]),e.useEffect(()=>{var e;if(!(K||Boolean(V)))return;const t=(()=>{if(!G||!(null==me?void 0:me.anchorSelect))return!1;try{return G.matches(me.anchorSelect)}catch(e){return!1}})();if(!G||!Le.includes(G)){if(t)return;Z(null!==(e=Le[0])&&void 0!==e?e:null)}},[G,Le,K,null==me?void 0:me.anchorSelect,V,fe,Z]),e.useEffect(()=>(K&&ge(!0),()=>{f(le),f(ce),f(se),f(ie)}),[K,ge]),e.useEffect(()=>{le.current&&(f(le),_e(R))},[R,_e]);const ze=null!==(oe=null==me?void 0:me.content)&&void 0!==oe?oe:W,Me=null!=ze,$e=de&&void 0!==ue.tooltipStyles.left,Ie=e.useMemo(()=>({...j,...ue.tooltipStyles,opacity:void 0!==Q&&$e?Q:void 0}),[j,ue.tooltipStyles,Q,$e]),je=e.useMemo(()=>U?`linear-gradient(to right bottom, transparent 50%, ${U} 50%)`:void 0,[U]),He=e.useMemo(()=>({...ue.tooltipArrowStyles,background:je,"--rt-arrow-size":`${ee}px`}),[ue.tooltipArrowStyles,je,ee]);e.useImperativeHandle(n,()=>({open:e=>{let t=null;if(null==e?void 0:e.anchorSelect){try{t=document.querySelector(e.anchorSelect)}catch(e){return}if(!t)return}t&&Z(t),he(null!=e?e:null),(null==e?void 0:e.delay)?_e(e.delay):ge(!0)},close:e=>{(null==e?void 0:e.delay)?Te(e.delay):ge(!1)},activeAnchor:G,place:ue.place,isOpen:Boolean(fe&&!L&&Me&&$e)})),e.useEffect(()=>()=>{f(le),f(ce),f(se),f(ie)},[]);const De=fe&&!L&&Me?e.createElement(A,{id:l,role:te,className:t("react-tooltip",v.tooltip,m.tooltip,m[a],c,`react-tooltip__place-${ue.place}`,v[$e?"show":"closing"],$e?"react-tooltip__show":"react-tooltip__closing","fixed"===E&&v.fixed,B&&v.clickable),onTransitionEnd:e=>{f(ie),de||"opacity"!==e.propertyName||(ve(!1),he(null),null==P||P())},style:Ie,ref:re},e.createElement(A,{className:t("react-tooltip-content-wrapper",v.content,m.content)},ze),e.createElement(A,{className:t("react-tooltip-arrow",v.arrow,m.arrow,s,x&&v.noArrow),style:He,ref:ne})):null;return De?h?o.createPortal(De,h):De:null});const x=new Map;let B=null;const z={attributes:!0,childList:!1,subtree:!1};function M(e,t){const o=(B||(B=new MutationObserver(e=>{var t;for(const o of e){if("attributes"!==o.type||!(null===(t=o.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))continue;const e=o.target,r=x.get(e);r&&r.forEach(t=>t(e))}})),B);let r=x.get(e);return r||(r=new Set,x.set(e,r),o.observe(e,z)),r.add(t),()=>{const r=x.get(e);r&&(r.delete(t),0===r.size&&(x.delete(e),0===x.size?o.disconnect():(o.disconnect(),x.forEach((e,t)=>{o.observe(t,z)}))))}}const $=e.forwardRef(({id:o,anchorSelect:r,content:n,render:l,className:c,classNameArrow:s,variant:i="dark",portalRoot:u,place:a="top",offset:d=10,wrapper:p="div",children:f=null,openOnClick:v=!1,positionStrategy:m="absolute",middlewares:h,delayShow:y=0,delayHide:w=0,autoClose:b,float:S=!1,hidden:E=!1,noArrow:g=!1,clickable:A=!1,openEvents:R,closeEvents:_,globalCloseEvents:T,imperativeModeOnly:k=!1,style:C,position:O,isOpen:N,defaultIsOpen:x=!1,disableStyleInjection:B=!1,border:z,opacity:$,arrowColor:I,arrowSize:j,setIsOpen:H,afterShow:D,afterHide:P,disableTooltip:q,role:W="tooltip"},F)=>{var V,K,Y,X,G,Z,J,Q;const[U,ee]=e.useState(null),[te,oe]=e.useState({}),re=e.useRef(null),ne=e.useRef(B),le=e.useCallback(e=>{ee(t=>((null==e?void 0:e.isSameNode(t))||(re.current=t),e))},[]),ce=e=>{const t=null==e?void 0:e.getAttributeNames().reduce((t,o)=>{var r;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(o))&&void 0!==r?r:null}return t},{});return t};e.useEffect(()=>{ne.current},[B]),e.useEffect(()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===B,disableBase:B}}))},[]),e.useEffect(()=>{if(!U)return oe({}),()=>{};const e=e=>{const t=ce(e);oe(e=>{const o=Object.keys(t),r=Object.keys(e);return o.length===r.length&&o.every(o=>t[o]===e[o])?e:t})};e(U);return M(U,e)},[U,r]),e.useEffect(()=>{},[z,$,null==C?void 0:C.border,null==C?void 0:C.opacity]);const se=U?ce(U):te,ie=null!==(V=se.content)&&void 0!==V?V:n,ue=null!==(K=se.place)&&void 0!==K?K:a,ae=null!==(Y=se.variant)&&void 0!==Y?Y:i,de=null==se.offset?d:Number(se.offset),pe=null!==(X=se.wrapper)&&void 0!==X?X:p,fe=null!==(G=se["position-strategy"])&&void 0!==G?G:m,ve=null==se["delay-show"]?y:Number(se["delay-show"]),me=null==se["delay-hide"]?w:Number(se["delay-hide"]),he=null==se["auto-close"]?b:Number(se["auto-close"]),ye=null==se.float?S:"true"===se.float,we=null==se.hidden?E:"true"===se.hidden,be=null!==(Z=se["class-name"])&&void 0!==Z?Z:null;let Se=f;const Ee=e.useRef(null);if(l){const t=l({content:null!==(Q=null!==(J=se.content)&&void 0!==J?J:ie)&&void 0!==Q?Q:null,activeAnchor:U});Se=t?e.createElement("div",{ref:Ee,className:"react-tooltip-content-wrapper"},t):null}else null!=ie&&(Se=ie);const ge={forwardRef:F,id:o,anchorSelect:r,className:t(c,be),classNameArrow:s,content:Se,contentWrapperRef:Ee,portalRoot:u,place:ue,variant:ae,offset:de,wrapper:pe,openOnClick:v,positionStrategy:fe,middlewares:h,delayShow:ve,delayHide:me,autoClose:he,float:ye,hidden:we,noArrow:g,clickable:A,openEvents:R,closeEvents:_,globalCloseEvents:T,imperativeModeOnly:k,style:C,position:O,isOpen:N,defaultIsOpen:x,border:z,opacity:$,arrowColor:I,arrowSize:j,setIsOpen:H,afterShow:D,afterHide:P,disableTooltip:q,activeAnchor:U,previousActiveAnchor:re.current,setActiveAnchor:le,role:W};return e.createElement(L,{...ge})});var I=e.memo($);"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",e=>{e.detail.disableCore||l({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}.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;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in;will-change:opacity}`,type:"core"}),e.detail.disableBase||l({css:`
|
|
8
|
+
.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=I;
|
|
9
9
|
//# sourceMappingURL=react-tooltip.min.cjs.map
|