react-tooltip 6.0.4 → 6.0.5
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 +33 -28
- package/dist/react-tooltip.cjs.map +1 -1
- package/dist/react-tooltip.min.cjs +2 -2
- package/dist/react-tooltip.min.cjs.map +1 -1
- package/dist/react-tooltip.min.mjs +1 -1
- package/dist/react-tooltip.min.mjs.map +1 -1
- package/dist/react-tooltip.mjs +33 -28
- package/dist/react-tooltip.mjs.map +1 -1
- package/dist/react-tooltip.umd.js +33 -28
- package/dist/react-tooltip.umd.js.map +1 -1
- package/dist/react-tooltip.umd.min.js +1 -1
- package/dist/react-tooltip.umd.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -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){const t=k.get(e.type);t&&t.forEach(t=>{t(e)})}function O(e,t){const o=function(e){let t=k.get(e);return t||(t=new Set,k.set(e,t),document.addEventListener(e,C)),t}(e);return o.add(t),()=>{o.delete(t),0===o.size&&(k.delete(e),document.removeEventListener(e,C))}}let L=null;var x=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:x=!1,noArrow:N=!1,clickable:B=!1,openEvents:z,closeEvents:M,globalCloseEvents:I,imperativeModeOnly:$,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===L){const e=getComputedStyle(document.body);L=(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=L;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]),Le=fe||K||Boolean(V)||Boolean(G)||Boolean(null==me?void 0:me.anchorSelect),{anchorElements:xe,selector:Ne}=(({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:Le});(({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)),z=e.useRef(null),M=e.useRef(null),I=e.useRef(null),$=e.useRef(null);t!==I.current&&(I.current=t,z.current=d(t));const j=C.current;j!==$.current&&($.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(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;const r=e;if(!(null==r?void 0:r.isConnected))return null;if(Q){const e=function(e,t){let o=e;for(;o;){if(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)=>{e.push(O(t,o))},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);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;(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)}),Object.entries(P).forEach(([e,o])=>{o&&!i.includes(e)&&u.includes(e)&&t(e,d)}),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;(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])})({activeAnchor:G,anchorElements:xe,anchorSelector:Ne,clickable:B,closeEvents:M,delayHide:_,delayShow:R,disableTooltip:q,float:C,globalCloseEvents:I,handleHideTooltipDelayed:Te,handleShow:ge,handleShowTooltipDelayed:_e,handleTooltipPosition:ke,hoveringTooltip:be,imperativeModeOnly:$,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||!xe.includes(G)){if(t)return;Z(null!==(e=xe[0])&&void 0!==e?e:null)}},[G,xe,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,Ie=de&&void 0!==ue.tooltipStyles.left,$e=e.useMemo(()=>({...j,...ue.tooltipStyles,opacity:void 0!==Q&&Ie?Q:void 0}),[j,ue.tooltipStyles,Q,Ie]),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&&!x&&Me&&Ie)})),e.useEffect(()=>()=>{f(le),f(ce),f(se),f(ie)},[]);const De=fe&&!x&&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[Ie?"show":"closing"],Ie?"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:$e,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,N&&v.noArrow),style:He,ref:ne})):null;return De?h?o.createPortal(De,h):De:null});const N=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=N.get(e);r&&r.forEach(t=>t(e))}})),B);let r=N.get(e);return r||(r=new Set,N.set(e,r),o.observe(e,z)),r.add(t),()=>{const r=N.get(e);r&&(r.delete(t),0===r.size&&(N.delete(e),0===N.size?o.disconnect():(o.disconnect(),N.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:N=!1,disableStyleInjection:B=!1,border:z,opacity:I,arrowColor:$,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,I,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:N,border:z,opacity:I,arrowColor:$,arrowSize:j,setIsOpen:H,afterShow:D,afterHide:P,disableTooltip:q,activeAnchor:U,previousActiveAnchor:re.current,setActiveAnchor:le,role:W};return e.createElement(x,{...ge})});var $=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 L=null;var x=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:x=!1,noArrow:N=!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===L){const e=getComputedStyle(document.body);L=(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=L;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]),Le=fe||K||Boolean(V)||Boolean(G)||Boolean(null==me?void 0:me.anchorSelect),{anchorElements:xe,selector:Ne}=(({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:Le});(({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)),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(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;const r=e;if(!(null==r?void 0:r.isConnected))return null;if(Q){const e=function(e,t){let o=e;for(;o;){if(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);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;(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=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;(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])})({activeAnchor:G,anchorElements:xe,anchorSelector:Ne,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||!xe.includes(G)){if(t)return;Z(null!==(e=xe[0])&&void 0!==e?e:null)}},[G,xe,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&&!x&&Me&&$e)})),e.useEffect(()=>()=>{f(le),f(ce),f(se),f(ie)},[]);const De=fe&&!x&&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,N&&v.noArrow),style:He,ref:ne})):null;return De?h?o.createPortal(De,h):De:null});const N=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=N.get(e);r&&r.forEach(t=>t(e))}})),B);let r=N.get(e);return r||(r=new Set,N.set(e,r),o.observe(e,z)),r.add(t),()=>{const r=N.get(e);r&&(r.delete(t),0===r.size&&(N.delete(e),0===N.size?o.disconnect():(o.disconnect(),N.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:L,defaultIsOpen:N=!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:L,defaultIsOpen:N,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(x,{...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
|