UNPKG

@aslakson/tippyjs-react

Version:
3 lines (2 loc) 6.95 kB
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("tippy.js"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","tippy.js","react","react-dom"],n):n((e=e||self).Tippy={},e.tippy,e.React,e.ReactDOM)}(this,(function(e,n,t,r){"use strict";var i="default"in n?n.default:n,o="default"in t?t.default:t;function c(e,n){if(null==e)return{};var t,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}var s="undefined"!=typeof window&&"undefined"!=typeof document;function a(e,n){e&&("function"==typeof e&&e(n),{}.hasOwnProperty.call(e,"current")&&(e.current=n))}function u(){return s&&document.createElement("div")}function p(e){var n=[];return e.forEach((function(e){n.find((function(n){return function e(n,t){if(n===t)return!0;if("object"==typeof n&&null!=n&&"object"==typeof t&&null!=t){if(Object.keys(n).length!==Object.keys(t).length)return!1;for(var r in n){if(!t.hasOwnProperty(r))return!1;if(!e(n[r],t[r]))return!1}return!0}return!1}(e,n)}))||n.push(e)})),n}function l(e,n){var t,r;return Object.assign({},n,{popperOptions:Object.assign({},e.popperOptions,n.popperOptions,{modifiers:p([].concat((null==(t=e.popperOptions)?void 0:t.modifiers)||[],(null==(r=n.popperOptions)?void 0:r.modifiers)||[]))})})}var f=s?t.useLayoutEffect:t.useEffect;function d(e){var n=t.useRef();return n.current||(n.current="function"==typeof e?e():e),n.current}function v(e,n,t){t.split(/\s+/).forEach((function(t){t&&e.classList[n](t)}))}var m={name:"className",defaultValue:"",fn:function(e){var n=e.popper.firstElementChild,t=function(){var n;return!!(null==(n=e.props.render)?void 0:n.$$tippy)};function r(){e.props.className&&!t()||v(n,"add",e.props.className)}return{onCreate:r,onBeforeUpdate:function(){t()&&v(n,"remove",e.props.className)},onAfterUpdate:r}}};function h(e){return function(n){var i=n.children,s=n.content,p=n.visible,v=n.singleton,h=n.render,g=n.reference,b=n.disabled,y=void 0!==b&&b,O=n.ignoreAttributes,j=void 0===O||O,S=(n.__source,n.__self,c(n,["children","content","visible","singleton","render","reference","disabled","ignoreAttributes","__source","__self"])),E=void 0!==p,$=void 0!==v,C=t.useState(!1),P=C[0],_=C[1],D=t.useState({}),k=D[0],w=D[1],N=t.useState(),R=N[0],H=N[1],I=d((function(){return{container:u(),renders:1}})),A=Object.assign({ignoreAttributes:j},S,{content:I.container});E&&(A.trigger="manual",A.hideOnClick=!1),$&&(y=!0);var U=A,q=A.plugins||[];h&&(U=Object.assign({},A,{plugins:$&&null!=v.data?[].concat(q,[{fn:function(){return{onTrigger:function(e,n){var t=v.data.children.find((function(e){return e.instance.reference===n.currentTarget}));e.state.$$activeSingletonInstance=t.instance,H(t.content)}}}}]):q,render:function(){return{popper:I.container}}}));var x=[g].concat(i?[i.type]:[]);return f((function(){var n=g;g&&g.hasOwnProperty("current")&&(n=g.current);var t=[m].concat(A.plugins||[]).filter((function(e){var n=e.fn;return Boolean(n)})),r=e(n||I.ref||u(),Object.assign({},U,{plugins:t}));return I.instance=r,y&&r.disable(),p&&r.show(),$&&v.hook({instance:r,content:s,props:U,setSingletonContent:H}),_(!0),function(){r.destroy(),null==v||v.cleanup(r)}}),x),f((function(){var e;if(1!==I.renders){var n=I.instance;n.setProps(l(n.props,U)),null==(e=n.popperInstance)||e.forceUpdate(),y?n.disable():n.enable(),E&&(p?n.show():n.hide()),$&&v.hook({instance:n,content:s,props:U,setSingletonContent:H})}else I.renders++})),f((function(){var e;if(h){var n=I.instance;n.setProps({popperOptions:Object.assign({},n.props.popperOptions,{modifiers:[].concat(((null==(e=n.props.popperOptions)?void 0:e.modifiers)||[]).filter((function(e){return"$$tippyReact"!==e.name})),[{name:"$$tippyReact",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var n,t=e.state,r=null==(n=t.modifiersData)?void 0:n.hide;k.placement===t.placement&&k.referenceHidden===(null==r?void 0:r.isReferenceHidden)&&k.escaped===(null==r?void 0:r.hasPopperEscaped)||w({placement:t.placement,referenceHidden:null==r?void 0:r.isReferenceHidden,escaped:null==r?void 0:r.hasPopperEscaped}),t.attributes.popper={}}}])})})}}),[k.placement,k.referenceHidden,k.escaped].concat(x)),o.createElement(o.Fragment,null,i?t.cloneElement(i,{ref:function(e){I.ref=e,a(i.ref,e)}}):null,P&&r.createPortal(h?h(function(e){var n={"data-placement":e.placement};return e.referenceHidden&&(n["data-reference-hidden"]=""),e.escaped&&(n["data-escaped"]=""),n}(k),R,I.instance):s,I.container))}}function g(e,n,t){t.split(/\s+/).forEach((function(t){t&&e.classList[n](t)}))}var b={name:"className",defaultValue:"",fn:function(e){var n=e.popper.firstElementChild,t=function(){var n;return!!(null==(n=e.props.render)?void 0:n.$$tippy)};function r(){e.props.className&&!t()||g(n,"add",e.props.className)}return{onCreate:r,onBeforeUpdate:function(){t()&&g(n,"remove",e.props.className)},onAfterUpdate:r}}};function y(e){return function(n){var r=void 0===n?{}:n,i=r.disabled,o=void 0!==i&&i,s=r.overrides,a=void 0===s?[]:s,u=t.useState(!1),p=u[0],v=u[1],m=d({children:[],renders:1});return f((function(){if(p){var n=m.children,t=m.sourceData;if(t){var r=e(n.map((function(e){return e.instance})),Object.assign({},t.props,{popperOptions:t.instance.props.popperOptions,overrides:a,plugins:[b].concat(t.props.plugins||[])}));return m.instance=r,o&&r.disable(),function(){r.destroy(),m.children=n.filter((function(e){return!e.instance.state.isDestroyed}))}}}else v(!0)}),[p]),f((function(){if(p)if(1!==m.renders){var e=m.children,n=m.instance,t=m.sourceData;if(n&&t){var r=t.props,i=(r.content,c(r,["content"]));n.setProps(l(n.props,Object.assign({},i,{overrides:a}))),n.setInstances(e.map((function(e){return e.instance}))),o?n.disable():n.enable()}}else m.renders++})),t.useMemo((function(){return[{data:m,hook:function(e){m.sourceData=e,m.setSingletonContent=e.setSingletonContent},cleanup:function(){m.sourceData=null}},{hook:function(e){var n,t;m.children=m.children.filter((function(n){var t=n.instance;return e.instance!==t})),m.children.push(e),(null==(n=m.instance)?void 0:n.state.isMounted)&&(null==(t=m.instance)?void 0:t.state.$$activeSingletonInstance)===e.instance&&(null==m.setSingletonContent||m.setSingletonContent(e.content)),m.instance&&!m.instance.state.isDestroyed&&m.instance.setInstances(m.children.map((function(e){return e.instance})))},cleanup:function(e){m.children=m.children.filter((function(n){return n.instance!==e})),m.instance&&!m.instance.state.isDestroyed&&m.instance.setInstances(m.children.map((function(e){return e.instance})))}}]}),[])}}var O=function(e,n){return t.forwardRef((function(r,i){var s=r.children,u=c(r,["children"]);return o.createElement(e,Object.assign({},n,u),s?t.cloneElement(s,{ref:function(e){a(i,e),a(s.ref,e)}}):null)}))},j=y(n.createSingleton),S=O(h(i));e.tippy=i,e.default=S,e.useSingleton=j,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=tippy-react.umd.min.js.map