react-tooltip 5.10.1-beta-9 → 5.10.1-beta-10

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.
@@ -1,15 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTooltip={},e.React)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),o={exports:{}},i={};
2
- /** @license React v16.14.0
3
- * react-jsx-runtime.development.js
4
- *
5
- * Copyright (c) Facebook, Inc. and its affiliates.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
- !function(e){!function(){var t=r.default,n=60103,o=60106;e.Fragment=60107;var i=60108,l=60114,a=60109,s=60110,c=60112,u=60113,f=60120,p=60115,d=60116,y=60121,m=60122,h=60117,v=60129,g=60131;if("function"==typeof Symbol&&Symbol.for){var w=Symbol.for;n=w("react.element"),o=w("react.portal"),e.Fragment=w("react.fragment"),i=w("react.strict_mode"),l=w("react.profiler"),a=w("react.provider"),s=w("react.context"),c=w("react.forward_ref"),u=w("react.suspense"),f=w("react.suspense_list"),p=w("react.memo"),d=w("react.lazy"),y=w("react.block"),m=w("react.server.block"),h=w("react.fundamental"),w("react.scope"),w("react.opaque.id"),v=w("react.debug_trace_mode"),w("react.offscreen"),g=w("react.legacy_hidden")}var b="function"==typeof Symbol&&Symbol.iterator;var x=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function S(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];_("error",e,n)}function _(e,t,n){var r=x.ReactDebugCurrentFrame,o="";if(k){var i=E(k.type),l=k._owner;o+=function(e,t,n){var r="";if(t){var o=t.fileName,i=o.replace(R,"");if(/^index\./.test(i)){var l=o.match(R);if(l){var a=l[1];if(a)i=a.replace(R,"")+"/"+i}}r=" (at "+i+":"+t.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n in "+(e||"Unknown")+r}(i,k._source,l&&E(l.type))}""!==(o+=r.getStackAddendum())&&(t+="%s",n=n.concat([o]));var a=n.map((function(e){return""+e}));a.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,a)}var R=/^(.*)[\\\/]/;function E(t){if(null==t)return null;if("number"==typeof t.tag&&S("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case e.Fragment:return"Fragment";case o:return"Portal";case l:return"Profiler";case i:return"StrictMode";case u:return"Suspense";case f:return"SuspenseList"}if("object"==typeof t)switch(t.$$typeof){case s:return"Context.Consumer";case a:return"Context.Provider";case c:return m=t,h=t.render,v="ForwardRef",g=h.displayName||h.name||"",m.displayName||(""!==g?v+"("+g+")":v);case p:return E(t.type);case y:return E(t.render);case d:var n=1===(r=t)._status?r._result:null;if(n)return E(n)}var r,m,h,v,g;return null}var T={};x.ReactDebugCurrentFrame;var k=null;function A(e){k=e}var O,j,L,P=x.ReactCurrentOwner,N=Object.prototype.hasOwnProperty,C={key:!0,ref:!0,__self:!0,__source:!0};L={};function $(e,t,r,o,i){var l,a={},s=null,c=null;for(l in void 0!==r&&(s=""+r),function(e){if(N.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}(t)&&(s=""+t.key),function(e){if(N.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}(t)&&(c=t.ref,function(e,t){if("string"==typeof e.ref&&P.current&&t&&P.current.stateNode!==t){var n=E(P.current.type);L[n]||(S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(P.current.type),e.ref),L[n]=!0)}}(t,i)),t)N.call(t,l)&&!C.hasOwnProperty(l)&&(a[l]=t[l]);if(e&&e.defaultProps){var u=e.defaultProps;for(l in u)void 0===a[l]&&(a[l]=u[l])}if(s||c){var f="function"==typeof e?e.displayName||e.name||"Unknown":e;s&&function(e,t){var n=function(){O||(O=!0,S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}(a,f),c&&function(e,t){var n=function(){j||(j=!0,S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}(a,f)}return function(e,t,r,o,i,l,a){var s={$$typeof:n,type:e,key:t,ref:r,props:a,_owner:l,_store:{}};return Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s}(e,s,c,i,o,P.current,a)}var D,F=x.ReactCurrentOwner;function I(e){k=e}function W(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}function H(){if(F.current){var e=E(F.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}x.ReactDebugCurrentFrame,D=!1;var U={};function B(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var n=function(e){var t=H();if(!t){var n="string"==typeof e?e:e.displayName||e.name;n&&(t="\n\nCheck the top-level render call using <"+n+">.")}return t}(t);if(!U[n]){U[n]=!0;var r="";e&&e._owner&&e._owner!==F.current&&(r=" It was passed a child from "+E(e._owner.type)+"."),I(e),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,r),I(null)}}}function M(e,t){if("object"==typeof e)if(Array.isArray(e))for(var n=0;n<e.length;n++){var r=e[n];W(r)&&B(r,t)}else if(W(e))e._store&&(e._store.validated=!0);else if(e){var o=function(e){if(null===e||"object"!=typeof e)return null;var t=b&&e[b]||e["@@iterator"];return"function"==typeof t?t:null}(e);if("function"==typeof o&&o!==e.entries)for(var i,l=o.call(e);!(i=l.next()).done;)W(i.value)&&B(i.value,t)}}function q(e){var t,n=e.type;if(null!=n&&"string"!=typeof n){if("function"==typeof n)t=n.propTypes;else{if("object"!=typeof n||n.$$typeof!==c&&n.$$typeof!==p)return;t=n.propTypes}if(t){var r=E(n);!function(e,t,n,r,o){var i=Function.call.bind(Object.prototype.hasOwnProperty);for(var l in e)if(i(e,l)){var a=void 0;try{if("function"!=typeof e[l]){var s=Error((r||"React class")+": "+n+" type `"+l+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[l]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw s.name="Invariant Violation",s}a=e[l](t,l,r,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(e){a=e}!a||a instanceof Error||(A(o),S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",r||"React class",n,l,typeof a),A(null)),a instanceof Error&&!(a.message in T)&&(T[a.message]=!0,A(o),S("Failed %s type: %s",n,a.message),A(null))}}(t,e.props,"prop",r,e)}else if(void 0!==n.PropTypes&&!D){D=!0,S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E(n)||"Unknown")}"function"!=typeof n.getDefaultProps||n.getDefaultProps.isReactClassApproved||S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function V(t,r,o,w,b,x){var _=function(t){return"string"==typeof t||"function"==typeof t||t===e.Fragment||t===l||t===v||t===i||t===u||t===f||t===g||"object"==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===p||t.$$typeof===a||t.$$typeof===s||t.$$typeof===c||t.$$typeof===h||t.$$typeof===y||t[0]===m)}(t);if(!_){var R="";(void 0===t||"object"==typeof t&&null!==t&&0===Object.keys(t).length)&&(R+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var T,k=function(e){return void 0!==e?"\n\nCheck your code at "+e.fileName.replace(/^.*[\\\/]/,"")+":"+e.lineNumber+".":""}(b);R+=k||H(),null===t?T="null":Array.isArray(t)?T="array":void 0!==t&&t.$$typeof===n?(T="<"+(E(t.type)||"Unknown")+" />",R=" Did you accidentally export a JSX literal instead of a component?"):T=typeof t,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,R)}var A=$(t,r,o,b,x);if(null==A)return A;if(_){var O=r.children;if(void 0!==O)if(w)if(Array.isArray(O)){for(var j=0;j<O.length;j++)M(O[j],t);Object.freeze&&Object.freeze(O)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else M(O,t)}return t===e.Fragment?function(e){for(var t=Object.keys(e.props),n=0;n<t.length;n++){var r=t[n];if("children"!==r&&"key"!==r){I(e),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r),I(null);break}}null!==e.ref&&(I(e),S("Invalid attribute `ref` supplied to `React.Fragment`."),I(null))}(A):q(A),A}var Y=function(e,t,n){return V(e,t,n,!1)},z=function(e,t,n){return V(e,t,n,!0)};e.jsx=Y,e.jsxs=z}()}(i),function(e){e.exports=i}(o);var l={exports:{}};
11
- /*!
12
- Copyright (c) 2018 Jed Watson.
13
- Licensed under the MIT License (MIT), see
14
- http://jedwatson.github.io/classnames
15
- */!function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var i=typeof o;if("string"===i||"number"===i)e.push(o);else if(Array.isArray(o)){if(o.length){var l=n.apply(null,o);l&&e.push(l)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){e.push(o.toString());continue}for(var a in o)t.call(o,a)&&o[a]&&e.push(a)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()}(l);var a=l.exports;const s=(e,t,n)=>{let r=null;return function(...o){r&&clearTimeout(r),r=setTimeout((()=>{r=null,n||e.apply(this,o)}),t)}},c="DEFAULT_TOOLTIP_ID",u={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},f={getTooltipData:()=>u},p=t.createContext(f);function d(e=c){return t.useContext(p).getTooltipData(e)}const y="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;function m(e){return e.split("-")[1]}function h(e){return"y"===e?"height":"width"}function v(e){return e.split("-")[0]}function g(e){return["top","bottom"].includes(v(e))?"x":"y"}function w(e,t,n){let{reference:r,floating:o}=e;const i=r.x+r.width/2-o.width/2,l=r.y+r.height/2-o.height/2,a=g(t),s=h(a),c=r[s]/2-o[s]/2,u="x"===a;let f;switch(v(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-o.width,y:l};break;default:f={x:r.x,y:r.y}}switch(m(t)){case"start":f[a]-=c*(n&&u?-1:1);break;case"end":f[a]+=c*(n&&u?-1:1)}return f}function b(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function x(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function S(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:l,elements:a,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:p=!1,padding:d=0}=t,y=b(d),m=a[p?"floating"===f?"reference":"floating":f],h=x(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:s})),v="floating"===f?{...l.floating,x:r,y:o}:l.reference,g=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),w=await(null==i.isElement?void 0:i.isElement(g))&&await(null==i.getScale?void 0:i.getScale(g))||{x:1,y:1},S=x(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v,offsetParent:g,strategy:s}):v);return{top:(h.top-S.top+y.top)/w.y,bottom:(S.bottom-h.bottom+y.bottom)/w.y,left:(h.left-S.left+y.left)/w.x,right:(S.right-h.right+y.right)/w.x}}const _=Math.min,R=Math.max;function E(e,t,n){return R(e,_(t,n))}const T={left:"right",right:"left",bottom:"top",top:"bottom"};function k(e){return e.replace(/left|right|bottom|top/g,(e=>T[e]))}const A={start:"end",end:"start"};function O(e){return e.replace(/start|end/g,(e=>A[e]))}const j=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:r,middlewareData:o,rects:i,initialPlacement:l,platform:a,elements:s}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:y=!0,...w}=e,b=v(r),x=v(l)===l,_=await(null==a.isRTL?void 0:a.isRTL(s.floating)),R=f||(x||!y?[k(l)]:function(e){const t=k(e);return[O(e),t,O(t)]}(l));f||"none"===d||R.push(...function(e,t,n,r){const o=m(e);let i=function(e,t,n){const r=["left","right"],o=["right","left"],i=["top","bottom"],l=["bottom","top"];switch(e){case"top":case"bottom":return n?t?o:r:t?r:o;case"left":case"right":return t?i:l;default:return[]}}(v(e),"start"===n,r);return o&&(i=i.map((e=>e+"-"+o)),t&&(i=i.concat(i.map(O)))),i}(l,y,d,_));const E=[l,...R],T=await S(t,w),A=[];let j=(null==(n=o.flip)?void 0:n.overflows)||[];if(c&&A.push(T[b]),u){const{main:e,cross:t}=function(e,t,n){void 0===n&&(n=!1);const r=m(e),o=g(e),i=h(o);let l="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=k(l)),{main:l,cross:k(l)}}(r,i,_);A.push(T[e],T[t])}if(j=[...j,{placement:r,overflows:A}],!A.every((e=>e<=0))){var L,P;const e=((null==(L=o.flip)?void 0:L.index)||0)+1,t=E[e];if(t)return{data:{index:e,overflows:j},reset:{placement:t}};let n=null==(P=j.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:P.placement;if(!n)switch(p){case"bestFit":{var N;const e=null==(N=j.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:N[0];e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}};const L=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:r}=t,o=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),l=v(n),a=m(n),s="x"===g(n),c=["left","top"].includes(l)?-1:1,u=i&&s?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:p,crossAxis:d,alignmentAxis:y}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof y&&(d="end"===a?-1*y:y),s?{x:d*u,y:p*c}:{x:p*c,y:d*u}}(t,e);return{x:n+o.x,y:r+o.y,data:o}}}};const P=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:r,placement:o}=t,{mainAxis:i=!0,crossAxis:l=!1,limiter:a={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...s}=e,c={x:n,y:r},u=await S(t,s),f=g(v(o)),p="x"===f?"y":"x";let d=c[f],y=c[p];if(i){const e="y"===f?"bottom":"right";d=E(d+u["y"===f?"top":"left"],d,d-u[e])}if(l){const e="y"===p?"bottom":"right";y=E(y+u["y"===p?"top":"left"],y,y-u[e])}const m=a.fn({...t,[f]:d,[p]:y});return{...m,data:{x:m.x-n,y:m.y-r}}}}};function N(e){var t;return(null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function C(e){return N(e).getComputedStyle(e)}const $=Math.min,D=Math.max,F=Math.round;function I(e){const t=C(e);let n=parseFloat(t.width),r=parseFloat(t.height);const o=e.offsetWidth,i=e.offsetHeight,l=F(n)!==o||F(r)!==i;return l&&(n=o,r=i),{width:n,height:r,fallback:l}}function W(e){return q(e)?(e.nodeName||"").toLowerCase():""}let H;function U(){if(H)return H;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?(H=e.brands.map((e=>e.brand+"/"+e.version)).join(" "),H):navigator.userAgent}function B(e){return e instanceof N(e).HTMLElement}function M(e){return e instanceof N(e).Element}function q(e){return e instanceof N(e).Node}function V(e){if("undefined"==typeof ShadowRoot)return!1;return e instanceof N(e).ShadowRoot||e instanceof ShadowRoot}function Y(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=C(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function z(e){return["table","td","th"].includes(W(e))}function X(e){const t=/firefox/i.test(U()),n=C(e),r=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!r&&"none"!==r||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((e=>n.willChange.includes(e)))||["paint","layout","strict","content"].some((e=>{const t=n.contain;return null!=t&&t.includes(e)}))}function K(){return/^((?!chrome|android).)*safari/i.test(U())}function J(e){return["html","body","#document"].includes(W(e))}function Z(e){return M(e)?e:e.contextElement}const G={x:1,y:1};function Q(e){const t=Z(e);if(!B(t))return G;const n=t.getBoundingClientRect(),{width:r,height:o,fallback:i}=I(t);let l=(i?F(n.width):n.width)/r,a=(i?F(n.height):n.height)/o;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}function ee(e,t,n,r){var o,i;void 0===t&&(t=!1),void 0===n&&(n=!1);const l=e.getBoundingClientRect(),a=Z(e);let s=G;t&&(r?M(r)&&(s=Q(r)):s=Q(e));const c=a?N(a):window,u=K()&&n;let f=(l.left+(u&&(null==(o=c.visualViewport)?void 0:o.offsetLeft)||0))/s.x,p=(l.top+(u&&(null==(i=c.visualViewport)?void 0:i.offsetTop)||0))/s.y,d=l.width/s.x,y=l.height/s.y;if(a){const e=N(a),t=r&&M(r)?N(r):r;let n=e.frameElement;for(;n&&r&&t!==e;){const e=Q(n),t=n.getBoundingClientRect(),r=getComputedStyle(n);t.x+=(n.clientLeft+parseFloat(r.paddingLeft))*e.x,t.y+=(n.clientTop+parseFloat(r.paddingTop))*e.y,f*=e.x,p*=e.y,d*=e.x,y*=e.y,f+=t.x,p+=t.y,n=N(n).frameElement}}return x({width:d,height:y,x:f,y:p})}function te(e){return((q(e)?e.ownerDocument:e.document)||window.document).documentElement}function ne(e){return M(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function re(e){return ee(te(e)).left+ne(e).scrollLeft}function oe(e){if("html"===W(e))return e;const t=e.assignedSlot||e.parentNode||V(e)&&e.host||te(e);return V(t)?t.host:t}function ie(e){const t=oe(e);return J(t)?t.ownerDocument.body:B(t)&&Y(t)?t:ie(t)}function le(e,t){var n;void 0===t&&(t=[]);const r=ie(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=N(r);return o?t.concat(i,i.visualViewport||[],Y(r)?r:[]):t.concat(r,le(r))}function ae(e,t,n){let r;if("viewport"===t)r=function(e,t){const n=N(e),r=te(e),o=n.visualViewport;let i=r.clientWidth,l=r.clientHeight,a=0,s=0;if(o){i=o.width,l=o.height;const e=K();(!e||e&&"fixed"===t)&&(a=o.offsetLeft,s=o.offsetTop)}return{width:i,height:l,x:a,y:s}}(e,n);else if("document"===t)r=function(e){const t=te(e),n=ne(e),r=e.ownerDocument.body,o=D(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),i=D(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let l=-n.scrollLeft+re(e);const a=-n.scrollTop;return"rtl"===C(r).direction&&(l+=D(t.clientWidth,r.clientWidth)-o),{width:o,height:i,x:l,y:a}}(te(e));else if(M(t))r=function(e,t){const n=ee(e,!0,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft,i=B(e)?Q(e):{x:1,y:1};return{width:e.clientWidth*i.x,height:e.clientHeight*i.y,x:o*i.x,y:r*i.y}}(t,n);else{const n={...t};if(K()){var o,i;const t=N(e);n.x-=(null==(o=t.visualViewport)?void 0:o.offsetLeft)||0,n.y-=(null==(i=t.visualViewport)?void 0:i.offsetTop)||0}r=n}return x(r)}function se(e,t){return B(e)&&"fixed"!==C(e).position?t?t(e):e.offsetParent:null}function ce(e,t){const n=N(e);if(!B(e))return n;let r=se(e,t);for(;r&&z(r)&&"static"===C(r).position;)r=se(r,t);return r&&("html"===W(r)||"body"===W(r)&&"static"===C(r).position&&!X(r))?n:r||function(e){let t=oe(e);for(;B(t)&&!J(t);){if(X(t))return t;t=oe(t)}return null}(e)||n}function ue(e,t,n){const r=B(t),o=te(t),i=ee(e,!0,"fixed"===n,t);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&"fixed"!==n)if(("body"!==W(t)||Y(o))&&(l=ne(t)),B(t)){const e=ee(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&(a.x=re(o));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}const fe={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i="clippingAncestors"===n?function(e,t){const n=t.get(e);if(n)return n;let r=le(e).filter((e=>M(e)&&"body"!==W(e))),o=null;const i="fixed"===C(e).position;let l=i?oe(e):e;for(;M(l)&&!J(l);){const e=C(l),t=X(l);"fixed"===e.position?o=null:(i?t||o:t||"static"!==e.position||!o||!["absolute","fixed"].includes(o.position))?o=e:r=r.filter((e=>e!==l)),l=oe(l)}return t.set(e,r),r}(t,this._c):[].concat(n),l=[...i,r],a=l[0],s=l.reduce(((e,n)=>{const r=ae(t,n,o);return e.top=D(r.top,e.top),e.right=$(r.right,e.right),e.bottom=$(r.bottom,e.bottom),e.left=D(r.left,e.left),e}),ae(t,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=B(n),i=te(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0},a={x:1,y:1};const s={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==W(n)||Y(i))&&(l=ne(n)),B(n))){const e=ee(n);a=Q(n),s.x=e.x+n.clientLeft,s.y=e.y+n.clientTop}return{width:t.width*a.x,height:t.height*a.y,x:t.x*a.x-l.scrollLeft*a.x+s.x,y:t.y*a.y-l.scrollTop*a.y+s.y}},isElement:M,getDimensions:function(e){return B(e)?I(e):e.getBoundingClientRect()},getOffsetParent:ce,getDocumentElement:te,getScale:Q,async getElementRects(e){let{reference:t,floating:n,strategy:r}=e;const o=this.getOffsetParent||ce,i=this.getDimensions;return{reference:ue(t,await o(n),r),floating:{x:0,y:0,...await i(n)}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===C(e).direction},pe=(e,t,n)=>{const r=new Map,o={platform:fe,...n},i={...o.platform,_c:r};return(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(t));if(null==l&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),a.filter((e=>{let{name:t}=e;return"autoPlacement"===t||"flip"===t})).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));e&&t||console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:f}=w(c,r,s),p=r,d={},y=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:h,y:v,data:g,reset:b}=await m({x:u,y:f,initialPlacement:r,placement:p,strategy:o,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=h?h:u,f=null!=v?v:f,d={...d,[i]:{...d[i],...g}},y>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(p=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):b.rects),({x:u,y:f}=w(c,p,s))),n=-1)}return{x:u,y:f,placement:p,strategy:o,middlewareData:d}})(e,t,{...o,platform:i})},de=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:o=10,strategy:i="absolute",middlewares:l=[L(Number(o)),j(),P({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const a=l;return n?(a.push({name:"arrow",options:s={element:n,padding:5},async fn(e){const{element:t,padding:n=0}=s||{},{x:r,y:o,placement:i,rects:l,platform:a,elements:c}=e;if(null==t)return console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const u=b(n),f={x:r,y:o},p=g(i),d=h(p),y=await a.getDimensions(t),v="y"===p,w=v?"top":"left",x=v?"bottom":"right",S=v?"clientHeight":"clientWidth",_=l.reference[d]+l.reference[p]-f[p]-l.floating[d],R=f[p]-l.reference[p],T=await(null==a.getOffsetParent?void 0:a.getOffsetParent(t));let k=T?T[S]:0;k&&await(null==a.isElement?void 0:a.isElement(T))||(k=c.floating[S]||l.floating[d]);const A=_/2-R/2,O=u[w],j=k-y[d]-u[x],L=k/2-y[d]/2+A,P=E(O,L,j),N=null!=m(i)&&L!=P&&l.reference[d]/2-(L<O?u[w]:u[x])-y[d]/2<0;return{[p]:f[p]-(N?L<O?O-L:j-L:0),data:{[p]:P,centerOffset:L-P}}}}),pe(e,t,{placement:r,strategy:i,middleware:a}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var o,i;const l={left:`${e}px`,top:`${t}px`},{x:a,y:s}=null!==(o=r.arrow)&&void 0!==o?o:{x:0,y:0};return{tooltipStyles:l,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[null!==(i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==i?i:"bottom"]:"-4px"},place:n}}))):pe(e,t,{placement:"bottom",strategy:i,middleware:a}).then((({x:e,y:t,placement:n})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:n})));var s};var ye={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const me=({id:e,className:n,classNameArrow:r,variant:i="dark",anchorId:l,anchorSelect:c,place:u="top",offset:f=10,events:p=["hover"],openOnClick:m=!1,positionStrategy:h="absolute",middlewares:v,wrapper:g,delayShow:w=0,delayHide:b=0,float:x=!1,noArrow:S=!1,clickable:_=!1,closeOnEsc:R=!1,style:E,position:T,afterShow:k,afterHide:A,content:O,isOpen:j,setIsOpen:L,activeAnchor:P,setActiveAnchor:N})=>{const C=t.useRef(null),$=t.useRef(null),D=t.useRef(null),F=t.useRef(null),[I,W]=t.useState(u),[H,U]=t.useState({}),[B,M]=t.useState({}),[q,V]=t.useState(!1),[Y,z]=t.useState(!1),X=t.useRef(!1),K=t.useRef(null),{anchorRefs:J,setActiveAnchor:Z}=d(e),G=t.useRef(!1),[Q,ee]=t.useState([]),te=t.useRef(!1),ne=m||p.includes("click");y((()=>(te.current=!0,()=>{te.current=!1})),[]),t.useEffect((()=>{if(!q){const e=setTimeout((()=>{z(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[q]);const re=e=>{te.current&&(e&&z(!0),setTimeout((()=>{te.current&&(null==L||L(e),void 0===j&&V(e))}),10))};t.useEffect((()=>{if(void 0===j)return()=>null;j&&z(!0);const e=setTimeout((()=>{V(j)}),10);return()=>{clearTimeout(e)}}),[j]),t.useEffect((()=>{q!==X.current&&(X.current=q,q?null==k||k():null==A||A())}),[q]);const oe=(e=b)=>{F.current&&clearTimeout(F.current),F.current=setTimeout((()=>{G.current||re(!1)}),e)},ie=e=>{var t;if(!e)return;w?(D.current&&clearTimeout(D.current),D.current=setTimeout((()=>{re(!0)}),w)):re(!0);const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;N(n),Z({current:n}),F.current&&clearTimeout(F.current)},le=()=>{_?oe(b||100):b?oe():re(!1),D.current&&clearTimeout(D.current)},ae=({x:e,y:t})=>{de({place:u,offset:f,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:C.current,tooltipArrowReference:$.current,strategy:h,middlewares:v}).then((e=>{Object.keys(e.tooltipStyles).length&&U(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&M(e.tooltipArrowStyles),W(e.place)}))},se=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};ae(n),K.current=n},ce=e=>{ie(e),b&&oe()},ue=e=>{var t;[document.querySelector(`[id='${l}']`),...Q].some((t=>null==t?void 0:t.contains(e.target)))||(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))||re(!1)},fe=e=>{"Escape"===e.key&&re(!1)},pe=s(ie,50),me=s(le,50);t.useEffect((()=>{var e,t;const n=new Set(J);Q.forEach((e=>{n.add({current:e})}));const r=document.querySelector(`[id='${l}']`);r&&n.add({current:r}),R&&window.addEventListener("keydown",fe);const o=[];ne?(window.addEventListener("click",ue),o.push({event:"click",listener:ce})):(o.push({event:"mouseenter",listener:pe},{event:"mouseleave",listener:me},{event:"focus",listener:pe},{event:"blur",listener:me}),x&&o.push({event:"mousemove",listener:se}));const i=()=>{G.current=!0},a=()=>{G.current=!1,le()};return _&&!ne&&(null===(e=C.current)||void 0===e||e.addEventListener("mouseenter",i),null===(t=C.current)||void 0===t||t.addEventListener("mouseleave",a)),o.forEach((({event:e,listener:t})=>{n.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))})),()=>{var e,t;ne&&window.removeEventListener("click",ue),R&&window.removeEventListener("keydown",fe),_&&!ne&&(null===(e=C.current)||void 0===e||e.removeEventListener("mouseenter",i),null===(t=C.current)||void 0===t||t.removeEventListener("mouseleave",a)),o.forEach((({event:e,listener:t})=>{n.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))}))}}),[Y,J,Q,R,p]),t.useEffect((()=>{let t=null!=c?c:"";!t&&e&&(t=`[data-tooltip-id='${e}']`);const n=new MutationObserver((n=>{const r=[];n.forEach((n=>{if("attributes"===n.type&&"data-tooltip-id"===n.attributeName){n.target.getAttribute("data-tooltip-id")===e&&r.push(n.target)}if("childList"===n.type&&(P&&[...n.removedNodes].some((e=>!!e.contains(P)&&(z(!1),re(!1),N(null),!0))),t))try{const e=[...n.addedNodes].filter((e=>1===e.nodeType));r.push(...e.filter((e=>e.matches(t)))),r.push(...e.flatMap((e=>[...e.querySelectorAll(t)])))}catch(e){}})),r.length&&ee((e=>[...e,...r]))}));return n.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>{n.disconnect()}}),[e,c,P]),t.useEffect((()=>{T?ae(T):x?K.current&&ae(K.current):de({place:u,offset:f,elementReference:P,tooltipReference:C.current,tooltipArrowReference:$.current,strategy:h,middlewares:v}).then((e=>{te.current&&(Object.keys(e.tooltipStyles).length&&U(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&M(e.tooltipArrowStyles),W(e.place))}))}),[q,P,O,u,f,h,T]),t.useEffect((()=>{var e;const t=document.querySelector(`[id='${l}']`),n=[...Q,t];P&&n.includes(P)||N(null!==(e=Q[0])&&void 0!==e?e:t)}),[l,Q,P]),t.useEffect((()=>()=>{D.current&&clearTimeout(D.current),F.current&&clearTimeout(F.current)}),[]),t.useEffect((()=>{let t=c;if(!t&&e&&(t=`[data-tooltip-id='${e}']`),t)try{const e=Array.from(document.querySelectorAll(t));ee(e)}catch(e){ee([])}}),[e,c]);const he=O&&q&&Object.keys(H).length>0;return Y?o.exports.jsxs(g,{id:e,role:"tooltip",className:a("react-tooltip",ye.tooltip,ye[i],n,`react-tooltip__place-${I}`,{[ye.show]:he,[ye.fixed]:"fixed"===h,[ye.clickable]:_}),style:{...E,...H},ref:C,children:[O,o.exports.jsx(g,{className:a("react-tooltip-arrow",ye.arrow,r,{[ye.noArrow]:S}),style:B,ref:$})]}):null},he=({content:e})=>o.exports.jsx("span",{dangerouslySetInnerHTML:{__html:e}});e.Tooltip=({id:e,anchorId:n,anchorSelect:r,content:i,html:l,render:a,className:s,classNameArrow:c,variant:u="dark",place:f="top",offset:p=10,wrapper:y="div",children:m=null,events:h=["hover"],openOnClick:v=!1,positionStrategy:g="absolute",middlewares:w,delayShow:b=0,delayHide:x=0,float:S=!1,noArrow:_=!1,clickable:R=!1,closeOnEsc:E=!1,style:T,position:k,isOpen:A,setIsOpen:O,afterShow:j,afterHide:L})=>{const[P,N]=t.useState(i),[C,$]=t.useState(l),[D,F]=t.useState(f),[I,W]=t.useState(u),[H,U]=t.useState(p),[B,M]=t.useState(b),[q,V]=t.useState(x),[Y,z]=t.useState(S),[X,K]=t.useState(y),[J,Z]=t.useState(h),[G,Q]=t.useState(g),[ee,te]=t.useState(null),{anchorRefs:ne,activeAnchor:re}=d(e),oe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;if(n.startsWith("data-tooltip-")){t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null}return t}),{}),ie=e=>{const t={place:e=>{var t;F(null!==(t=e)&&void 0!==t?t:f)},content:e=>{N(null!=e?e:i)},html:e=>{$(null!=e?e:l)},variant:e=>{var t;W(null!==(t=e)&&void 0!==t?t:u)},offset:e=>{U(null===e?p:Number(e))},wrapper:e=>{var t;K(null!==(t=e)&&void 0!==t?t:y)},events:e=>{const t=null==e?void 0:e.split(" ");Z(null!=t?t:h)},"position-strategy":e=>{var t;Q(null!==(t=e)&&void 0!==t?t:g)},"delay-show":e=>{M(null===e?b:Number(e))},"delay-hide":e=>{V(null===e?x:Number(e))},float:e=>{z(null===e?S:"true"===e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};t.useEffect((()=>{N(i)}),[i]),t.useEffect((()=>{$(l)}),[l]),t.useEffect((()=>{F(f)}),[f]),t.useEffect((()=>{var t;const o=new Set(ne);let i=r;if(!i&&e&&(i=`[data-tooltip-id='${e}']`),i)try{document.querySelectorAll(i).forEach((e=>{o.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`)}const l=document.querySelector(`[id='${n}']`);if(l&&o.add({current:l}),!o.size)return()=>null;const a=null!==(t=null!=ee?ee:l)&&void 0!==t?t:re.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!a||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=oe(a);ie(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(a){const e=oe(a);ie(e),s.observe(a,c)}return()=>{s.disconnect()}}),[ne,re,ee,n,r]);let le=m;a?le=a({content:null!=P?P:null,activeAnchor:ee}):P&&(le=P),C&&(le=o.exports.jsx(he,{content:C}));const ae={id:e,anchorId:n,anchorSelect:r,className:s,classNameArrow:c,content:le,place:D,variant:I,offset:H,wrapper:X,events:J,openOnClick:v,positionStrategy:G,middlewares:w,delayShow:B,delayHide:q,float:Y,noArrow:_,clickable:R,closeOnEsc:E,style:T,position:k,isOpen:A,setIsOpen:O,afterShow:j,afterHide:L,activeAnchor:ee,setActiveAnchor:e=>te(e)};return o.exports.jsx(me,{...ae})},e.TooltipProvider=({children:e})=>{const[n,r]=t.useState({[c]:new Set}),[i,l]=t.useState({[c]:{current:null}}),a=(e,...t)=>{r((n=>{var r;const o=null!==(r=n[e])&&void 0!==r?r:new Set;return t.forEach((e=>o.add(e))),{...n,[e]:new Set(o)}}))},s=(e,...t)=>{r((n=>{const r=n[e];return r?(t.forEach((e=>r.delete(e))),{...n}):n}))},u=t.useCallback(((e=c)=>{var t,r;return{anchorRefs:null!==(t=n[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=i[e])&&void 0!==r?r:{current:null},attach:(...t)=>a(e,...t),detach:(...t)=>s(e,...t),setActiveAnchor:t=>((e,t)=>{l((n=>{var r;return(null===(r=n[e])||void 0===r?void 0:r.current)===t.current?n:{...n,[e]:t}}))})(e,t)}}),[n,i,a,s]),f=t.useMemo((()=>({getTooltipData:u})),[u]);return o.exports.jsx(p.Provider,{value:f,children:e})},e.TooltipWrapper=({tooltipId:e,children:n,className:r,place:i,content:l,html:s,variant:c,offset:u,wrapper:f,events:p,positionStrategy:y,delayShow:m,delayHide:h})=>{const{attach:v,detach:g}=d(e),w=t.useRef(null);return t.useEffect((()=>(v(w),()=>{g(w)})),[]),o.exports.jsx("span",{ref:w,className:a("react-tooltip-wrapper",r),"data-tooltip-place":i,"data-tooltip-content":l,"data-tooltip-html":s,"data-tooltip-variant":c,"data-tooltip-offset":u,"data-tooltip-wrapper":f,"data-tooltip-events":p,"data-tooltip-position-strategy":y,"data-tooltip-delay-show":m,"data-tooltip-delay-hide":h,children:n})},Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("react"),require("classnames"),require("@floating-ui/dom")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react","classnames","@floating-ui/dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTooltip={},e.jsxRuntime,e.React,e.classNames,e.dom)}(this,(function(e,t,r,o,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(o);const s=(e,t,r)=>{let o=null;return function(...l){o&&clearTimeout(o),o=setTimeout((()=>{o=null,r||e.apply(this,l)}),t)}},c="DEFAULT_TOOLTIP_ID",i={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},u={getTooltipData:()=>i},d=r.createContext(u);function p(e=c){return r.useContext(d).getTooltipData(e)}const f="undefined"!=typeof window?r.useLayoutEffect:r.useEffect,v=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:r=null,place:o="top",offset:n=10,strategy:a="absolute",middlewares:s=[l.offset(Number(n)),l.flip(),l.shift({padding:5})]})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};const c=s;return r?(c.push(l.arrow({element:r,padding:5})),l.computePosition(e,t,{placement:o,strategy:a,middleware:c}).then((({x:e,y:t,placement:r,middlewareData:o})=>{var l,n;const a={left:`${e}px`,top:`${t}px`},{x:s,y:c}=null!==(l=o.arrow)&&void 0!==l?l:{x:0,y:0};return{tooltipStyles:a,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",[null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]])&&void 0!==n?n:"bottom"]:"-4px"},place:r}}))):l.computePosition(e,t,{placement:"bottom",strategy:a,middleware:c}).then((({x:e,y:t,placement:r})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:r})))};var m={tooltip:"styles-module_tooltip__mnnfp",fixed:"styles-module_fixed__7ciUi",arrow:"styles-module_arrow__K0L3T","no-arrow":"styles-module_no-arrow__KcFZN",clickable:"styles-module_clickable__Bv9o7",show:"styles-module_show__2NboJ",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const h=({id:e,className:o,classNameArrow:l,variant:n="dark",anchorId:c,anchorSelect:i,place:u="top",offset:d=10,events:h=["hover"],openOnClick:y=!1,positionStrategy:w="absolute",middlewares:S,wrapper:b,delayShow:g=0,delayHide:A=0,float:_=!1,noArrow:E=!1,clickable:x=!1,closeOnEsc:T=!1,style:k,position:R,afterShow:O,afterHide:N,content:j,isOpen:L,setIsOpen:$,activeAnchor:q,setActiveAnchor:I})=>{const C=r.useRef(null),H=r.useRef(null),D=r.useRef(null),M=r.useRef(null),[P,W]=r.useState(u),[K,B]=r.useState({}),[F,X]=r.useState({}),[J,U]=r.useState(!1),[Z,z]=r.useState(!1),Y=r.useRef(!1),G=r.useRef(null),{anchorRefs:Q,setActiveAnchor:V}=p(e),ee=r.useRef(!1),[te,re]=r.useState([]),oe=r.useRef(!1),le=y||h.includes("click");f((()=>(oe.current=!0,()=>{oe.current=!1})),[]),r.useEffect((()=>{if(!J){const e=setTimeout((()=>{z(!1)}),150);return()=>{clearTimeout(e)}}return()=>null}),[J]);const ne=e=>{oe.current&&(e&&z(!0),setTimeout((()=>{oe.current&&(null==$||$(e),void 0===L&&U(e))}),10))};r.useEffect((()=>{if(void 0===L)return()=>null;L&&z(!0);const e=setTimeout((()=>{U(L)}),10);return()=>{clearTimeout(e)}}),[L]),r.useEffect((()=>{J!==Y.current&&(Y.current=J,J?null==O||O():null==N||N())}),[J]);const ae=(e=A)=>{M.current&&clearTimeout(M.current),M.current=setTimeout((()=>{ee.current||ne(!1)}),e)},se=e=>{var t;if(!e)return;g?(D.current&&clearTimeout(D.current),D.current=setTimeout((()=>{ne(!0)}),g)):ne(!0);const r=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;I(r),V({current:r}),M.current&&clearTimeout(M.current)},ce=()=>{x?ae(A||100):A?ae():ne(!1),D.current&&clearTimeout(D.current)},ie=({x:e,y:t})=>{v({place:u,offset:d,elementReference:{getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})},tooltipReference:C.current,tooltipArrowReference:H.current,strategy:w,middlewares:S}).then((e=>{Object.keys(e.tooltipStyles).length&&B(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&X(e.tooltipArrowStyles),W(e.place)}))},ue=e=>{if(!e)return;const t=e,r={x:t.clientX,y:t.clientY};ie(r),G.current=r},de=e=>{se(e),A&&ae()},pe=e=>{var t;[document.querySelector(`[id='${c}']`),...te].some((t=>null==t?void 0:t.contains(e.target)))||(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))||ne(!1)},fe=e=>{"Escape"===e.key&&ne(!1)},ve=s(se,50),me=s(ce,50);r.useEffect((()=>{var e,t;const r=new Set(Q);te.forEach((e=>{r.add({current:e})}));const o=document.querySelector(`[id='${c}']`);o&&r.add({current:o}),T&&window.addEventListener("keydown",fe);const l=[];le?(window.addEventListener("click",pe),l.push({event:"click",listener:de})):(l.push({event:"mouseenter",listener:ve},{event:"mouseleave",listener:me},{event:"focus",listener:ve},{event:"blur",listener:me}),_&&l.push({event:"mousemove",listener:ue}));const n=()=>{ee.current=!0},a=()=>{ee.current=!1,ce()};return x&&!le&&(null===(e=C.current)||void 0===e||e.addEventListener("mouseenter",n),null===(t=C.current)||void 0===t||t.addEventListener("mouseleave",a)),l.forEach((({event:e,listener:t})=>{r.forEach((r=>{var o;null===(o=r.current)||void 0===o||o.addEventListener(e,t)}))})),()=>{var e,t;le&&window.removeEventListener("click",pe),T&&window.removeEventListener("keydown",fe),x&&!le&&(null===(e=C.current)||void 0===e||e.removeEventListener("mouseenter",n),null===(t=C.current)||void 0===t||t.removeEventListener("mouseleave",a)),l.forEach((({event:e,listener:t})=>{r.forEach((r=>{var o;null===(o=r.current)||void 0===o||o.removeEventListener(e,t)}))}))}}),[Z,Q,te,T,h]),r.useEffect((()=>{let t=null!=i?i:"";!t&&e&&(t=`[data-tooltip-id='${e}']`);const r=new MutationObserver((r=>{const o=[];r.forEach((r=>{if("attributes"===r.type&&"data-tooltip-id"===r.attributeName){r.target.getAttribute("data-tooltip-id")===e&&o.push(r.target)}if("childList"===r.type&&(q&&[...r.removedNodes].some((e=>!!e.contains(q)&&(z(!1),ne(!1),I(null),!0))),t))try{const e=[...r.addedNodes].filter((e=>1===e.nodeType));o.push(...e.filter((e=>e.matches(t)))),o.push(...e.flatMap((e=>[...e.querySelectorAll(t)])))}catch(e){}})),o.length&&re((e=>[...e,...o]))}));return r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>{r.disconnect()}}),[e,i,q]),r.useEffect((()=>{R?ie(R):_?G.current&&ie(G.current):v({place:u,offset:d,elementReference:q,tooltipReference:C.current,tooltipArrowReference:H.current,strategy:w,middlewares:S}).then((e=>{oe.current&&(Object.keys(e.tooltipStyles).length&&B(e.tooltipStyles),Object.keys(e.tooltipArrowStyles).length&&X(e.tooltipArrowStyles),W(e.place))}))}),[J,q,j,u,d,w,R]),r.useEffect((()=>{var e;const t=document.querySelector(`[id='${c}']`),r=[...te,t];q&&r.includes(q)||I(null!==(e=te[0])&&void 0!==e?e:t)}),[c,te,q]),r.useEffect((()=>()=>{D.current&&clearTimeout(D.current),M.current&&clearTimeout(M.current)}),[]),r.useEffect((()=>{let t=i;if(!t&&e&&(t=`[data-tooltip-id='${e}']`),t)try{const e=Array.from(document.querySelectorAll(t));re(e)}catch(e){re([])}}),[e,i]);const he=j&&J&&Object.keys(K).length>0;return Z?t.jsxs(b,{id:e,role:"tooltip",className:a.default("react-tooltip",m.tooltip,m[n],o,`react-tooltip__place-${P}`,{[m.show]:he,[m.fixed]:"fixed"===w,[m.clickable]:x}),style:{...k,...K},ref:C,children:[j,t.jsx(b,{className:a.default("react-tooltip-arrow",m.arrow,l,{[m.noArrow]:E}),style:F,ref:H})]}):null},y=({content:e})=>t.jsx("span",{dangerouslySetInnerHTML:{__html:e}});e.Tooltip=({id:e,anchorId:o,anchorSelect:l,content:n,html:a,render:s,className:c,classNameArrow:i,variant:u="dark",place:d="top",offset:f=10,wrapper:v="div",children:m=null,events:w=["hover"],openOnClick:S=!1,positionStrategy:b="absolute",middlewares:g,delayShow:A=0,delayHide:_=0,float:E=!1,noArrow:x=!1,clickable:T=!1,closeOnEsc:k=!1,style:R,position:O,isOpen:N,setIsOpen:j,afterShow:L,afterHide:$})=>{const[q,I]=r.useState(n),[C,H]=r.useState(a),[D,M]=r.useState(d),[P,W]=r.useState(u),[K,B]=r.useState(f),[F,X]=r.useState(A),[J,U]=r.useState(_),[Z,z]=r.useState(E),[Y,G]=r.useState(v),[Q,V]=r.useState(w),[ee,te]=r.useState(b),[re,oe]=r.useState(null),{anchorRefs:le,activeAnchor:ne}=p(e),ae=e=>null==e?void 0:e.getAttributeNames().reduce(((t,r)=>{var o;if(r.startsWith("data-tooltip-")){t[r.replace(/^data-tooltip-/,"")]=null!==(o=null==e?void 0:e.getAttribute(r))&&void 0!==o?o:null}return t}),{}),se=e=>{const t={place:e=>{var t;M(null!==(t=e)&&void 0!==t?t:d)},content:e=>{I(null!=e?e:n)},html:e=>{H(null!=e?e:a)},variant:e=>{var t;W(null!==(t=e)&&void 0!==t?t:u)},offset:e=>{B(null===e?f:Number(e))},wrapper:e=>{var t;G(null!==(t=e)&&void 0!==t?t:v)},events:e=>{const t=null==e?void 0:e.split(" ");V(null!=t?t:w)},"position-strategy":e=>{var t;te(null!==(t=e)&&void 0!==t?t:b)},"delay-show":e=>{X(null===e?A:Number(e))},"delay-hide":e=>{U(null===e?_:Number(e))},float:e=>{z(null===e?E:"true"===e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,r])=>{var o;null===(o=t[e])||void 0===o||o.call(t,r)}))};r.useEffect((()=>{I(n)}),[n]),r.useEffect((()=>{H(a)}),[a]),r.useEffect((()=>{M(d)}),[d]),r.useEffect((()=>{var t;const r=new Set(le);let n=l;if(!n&&e&&(n=`[data-tooltip-id='${e}']`),n)try{document.querySelectorAll(n).forEach((e=>{r.add({current:e})}))}catch(e){console.warn(`[react-tooltip] "${l}" is not a valid CSS selector`)}const a=document.querySelector(`[id='${o}']`);if(a&&r.add({current:a}),!r.size)return()=>null;const s=null!==(t=null!=re?re:a)&&void 0!==t?t:ne.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!s||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const r=ae(s);se(r)}))})),i={attributes:!0,childList:!1,subtree:!1};if(s){const e=ae(s);se(e),c.observe(s,i)}return()=>{c.disconnect()}}),[le,ne,re,o,l]);let ce=m;s?ce=s({content:null!=q?q:null,activeAnchor:re}):q&&(ce=q),C&&(ce=t.jsx(y,{content:C}));const ie={id:e,anchorId:o,anchorSelect:l,className:c,classNameArrow:i,content:ce,place:D,variant:P,offset:K,wrapper:Y,events:Q,openOnClick:S,positionStrategy:ee,middlewares:g,delayShow:F,delayHide:J,float:Z,noArrow:x,clickable:T,closeOnEsc:k,style:R,position:O,isOpen:N,setIsOpen:j,afterShow:L,afterHide:$,activeAnchor:re,setActiveAnchor:e=>oe(e)};return t.jsx(h,{...ie})},e.TooltipProvider=({children:e})=>{const[o,l]=r.useState({[c]:new Set}),[n,a]=r.useState({[c]:{current:null}}),s=(e,...t)=>{l((r=>{var o;const l=null!==(o=r[e])&&void 0!==o?o:new Set;return t.forEach((e=>l.add(e))),{...r,[e]:new Set(l)}}))},i=(e,...t)=>{l((r=>{const o=r[e];return o?(t.forEach((e=>o.delete(e))),{...r}):r}))},u=r.useCallback(((e=c)=>{var t,r;return{anchorRefs:null!==(t=o[e])&&void 0!==t?t:new Set,activeAnchor:null!==(r=n[e])&&void 0!==r?r:{current:null},attach:(...t)=>s(e,...t),detach:(...t)=>i(e,...t),setActiveAnchor:t=>((e,t)=>{a((r=>{var o;return(null===(o=r[e])||void 0===o?void 0:o.current)===t.current?r:{...r,[e]:t}}))})(e,t)}}),[o,n,s,i]),p=r.useMemo((()=>({getTooltipData:u})),[u]);return t.jsx(d.Provider,{value:p,children:e})},e.TooltipWrapper=({tooltipId:e,children:o,className:l,place:n,content:s,html:c,variant:i,offset:u,wrapper:d,events:f,positionStrategy:v,delayShow:m,delayHide:h})=>{const{attach:y,detach:w}=p(e),S=r.useRef(null);return r.useEffect((()=>(y(S),()=>{w(S)})),[]),t.jsx("span",{ref:S,className:a.default("react-tooltip-wrapper",l),"data-tooltip-place":n,"data-tooltip-content":s,"data-tooltip-html":c,"data-tooltip-variant":i,"data-tooltip-offset":u,"data-tooltip-wrapper":d,"data-tooltip-events":f,"data-tooltip-position-strategy":v,"data-tooltip-delay-show":m,"data-tooltip-delay-hide":h,children:o})},Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -1,16 +1,17 @@
1
1
  import * as esbuild from 'esbuild'
2
2
  import cssModulesPlugin from 'esbuild-css-modules-plugin'
3
3
  import fs from 'fs'
4
+ import pkg from './package.json' assert { type: 'json' }
4
5
 
5
6
  const buildsConfig = [
6
7
  {
7
8
  format: 'esm',
8
- outfile: 'dist/react-tooltip.mjs',
9
+ outfile: 'dist/react-tooltip.esm.js',
9
10
  minify: false,
10
11
  },
11
12
  {
12
13
  format: 'cjs',
13
- outfile: 'dist/react-tooltip.cjs',
14
+ outfile: 'dist/react-tooltip.cjs.js',
14
15
  minify: false,
15
16
  },
16
17
  {
@@ -25,20 +26,26 @@ const buildsConfig = [
25
26
  },
26
27
  {
27
28
  format: 'esm',
28
- outfile: 'dist/react-tooltip.min.mjs',
29
+ outfile: 'dist/react-tooltip.esm.min.js',
29
30
  minify: true,
30
31
  },
31
32
  {
32
33
  format: 'cjs',
33
- outfile: 'dist/react-tooltip.min.cjs',
34
+ outfile: 'dist/react-tooltip.cjs.min.js',
34
35
  minify: true,
35
36
  },
36
37
  {
37
38
  format: 'iife',
38
- outfile: 'dist/react-tooltip.min.iife.js',
39
+ outfile: 'dist/react-tooltip.iife.min.js',
40
+ minify: true,
41
+ },
42
+ {
43
+ format: 'esm',
44
+ outfile: 'dist/react-tooltip.min.js',
39
45
  minify: true,
40
46
  },
41
47
  ]
48
+ const externals = Object.keys({ ...(pkg.peerDependencies ?? {}), ...(pkg.dependencies ?? {}) })
42
49
 
43
50
  const builds = await Promise.all(
44
51
  buildsConfig.map(({ format, outfile, minify }) =>
@@ -50,7 +57,7 @@ const builds = await Promise.all(
50
57
  treeShaking: true,
51
58
  minify,
52
59
  sourcemap: true,
53
- external: ['react', 'react-dom', 'prop-types'],
60
+ external: externals,
54
61
  plugins: [
55
62
  cssModulesPlugin({
56
63
  // inject: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-tooltip",
3
- "version": "5.10.1-beta-9",
3
+ "version": "5.10.1-beta-10",
4
4
  "description": "react tooltip component",
5
5
  "scripts": {
6
6
  "dev-rollup": "node ./prebuild.js --env=development && node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.dev.js --watch",
@@ -18,20 +18,9 @@
18
18
  "postbuild": "npm run types && npm run bundlesize",
19
19
  "prepublishOnly": "npm run build-rollup"
20
20
  },
21
- "main": "dist/react-tooltip.min.cjs",
22
- "module": "dist/react-tooltip.min.mjs",
21
+ "main": "dist/react-tooltip.cjs.min.js",
22
+ "module": "dist/react-tooltip.esm.min.js",
23
23
  "types": "dist/react-tooltip.d.ts",
24
- "exports": {
25
- ".": {
26
- "types": "./dist/react-tooltip.d.ts",
27
- "require": "./dist/react-tooltip.min.cjs",
28
- "import": "./dist/react-tooltip.min.mjs",
29
- "default": "./dist/react-tooltip.min.cjs"
30
- },
31
- "./dist/react-tooltip.css": "./dist/react-tooltip.css",
32
- "./dist/react-tooltip.d.ts": "./dist/react-tooltip.d.ts",
33
- "./package.json": "./package.json"
34
- },
35
24
  "license": "MIT",
36
25
  "private": false,
37
26
  "author": "ReactTooltip",
@@ -45,6 +34,17 @@
45
34
  "bugs": {
46
35
  "url": "https://github.com/ReactTooltip/react-tooltip/issues"
47
36
  },
37
+ "exports": {
38
+ ".": {
39
+ "types": "./dist/react-tooltip.d.ts",
40
+ "require": "./dist/react-tooltip.min.cjs",
41
+ "import": "./dist/react-tooltip.min.mjs",
42
+ "default": "./dist/react-tooltip.min.cjs"
43
+ },
44
+ "./dist/react-tooltip.css": "./dist/react-tooltip.min.css",
45
+ "./dist/react-tooltip.d.ts": "./dist/react-tooltip.d.ts",
46
+ "./package.json": "./package.json"
47
+ },
48
48
  "homepage": "https://github.com/ReactTooltip/react-tooltip#readme",
49
49
  "devDependencies": {
50
50
  "@rollup/plugin-commonjs": "22.0.2",
@@ -57,6 +57,7 @@
57
57
  "@types/css": "^0.0.33",
58
58
  "@types/css-modules": "^1.0.2",
59
59
  "@types/jest": "29.4.0",
60
+ "@types/node": "^18.15.3",
60
61
  "@types/react": "18.0.28",
61
62
  "@types/react-dom": "18.0.11",
62
63
  "@types/react-test-renderer": "^18.0.0",
@@ -82,7 +83,6 @@
82
83
  "postcss": "8.4.21",
83
84
  "prettier": "2.8.4",
84
85
  "process": "^0.11.10",
85
- "prop-types": "^15.7.2",
86
86
  "react": "16.14.0",
87
87
  "react-dom": "16.14.0",
88
88
  "rimraf": "^3.0.2",
@@ -123,7 +123,7 @@
123
123
  ]
124
124
  },
125
125
  "dependencies": {
126
- "@floating-ui/dom": "1.2.3",
127
- "classnames": "^2.3.2"
126
+ "@floating-ui/dom": "^1.0.0",
127
+ "classnames": "^2.3.0"
128
128
  }
129
129
  }
package/tsconfig.json CHANGED
@@ -16,14 +16,15 @@
16
16
  "target": "es2018" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
17
17
  "lib": [
18
18
  "es2018",
19
- "DOM"
19
+ "DOM",
20
+ "DOM.iterable"
20
21
  ] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
21
22
  "jsx": "react-jsx" /* Specify what JSX code is generated. */,
22
23
  // "experimentalDecorators": true, /* Enable experimental support for TC39 stage 2 draft decorators. */
23
24
  // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */
24
25
  // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
25
26
  // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
26
- // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
27
+ "jsxImportSource": "react", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
27
28
  // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
28
29
  // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */
29
30
  // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */