@tippyjs/react - npm Package Compare versions

Comparing version 4.2.4 to 4.2.5

dist/tippy-react.esm.js

@@ -51,11 +51,35 @@ import tippy, { createSingleton } from 'tippy.js';
 }
+
+function deepEqual(x, y) {
+  if (x === y) {
+    return true;
+  } else if (typeof x === 'object' && x != null && typeof y === 'object' && y != null) {
+    if (Object.keys(x).length !== Object.keys(y).length) {
+      return false;
+    }
+
+    for (var prop in x) {
+      if (y.hasOwnProperty(prop)) {
+        if (!deepEqual(x[prop], y[prop])) {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    }
+
+    return true;
+  } else {
+    return false;
+  }
+}
+
 function uniqueByShape(arr) {
   var output = [];
-  var lookup = Object.create(null);
   arr.forEach(function (item) {
-    if (lookup[JSON.stringify(item)] === undefined) {
+    if (!output.find(function (outputItem) {
+      return deepEqual(item, outputItem);
+    })) {
       output.push(item);
     }
-
-    lookup[JSON.stringify(item)] = true;
   });
@@ -450,2 +474,8 @@ return output;
             mutableBox.children.push(data);
+
+            if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+              mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+                return child.instance;
+              }));
+            }
           }
@@ -457,2 +487,8 @@ },
           });
+
+          if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+            mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+              return child.instance;
+            }));
+          }
         }
@@ -459,0 +495,0 @@ };

dist/tippy-react.umd.js

@@ -55,11 +55,35 @@ (function (global, factory) {
   }
+
+  function deepEqual(x, y) {
+    if (x === y) {
+      return true;
+    } else if (typeof x === 'object' && x != null && typeof y === 'object' && y != null) {
+      if (Object.keys(x).length !== Object.keys(y).length) {
+        return false;
+      }
+
+      for (var prop in x) {
+        if (y.hasOwnProperty(prop)) {
+          if (!deepEqual(x[prop], y[prop])) {
+            return false;
+          }
+        } else {
+          return false;
+        }
+      }
+
+      return true;
+    } else {
+      return false;
+    }
+  }
+
   function uniqueByShape(arr) {
     var output = [];
-    var lookup = Object.create(null);
     arr.forEach(function (item) {
-      if (lookup[JSON.stringify(item)] === undefined) {
+      if (!output.find(function (outputItem) {
+        return deepEqual(item, outputItem);
+      })) {
         output.push(item);
       }
-
-      lookup[JSON.stringify(item)] = true;
     });
@@ -454,2 +478,8 @@ return output;
               mutableBox.children.push(data);
+
+              if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+                mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+                  return child.instance;
+                }));
+              }
             }
@@ -461,2 +491,8 @@ },
             });
+
+            if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+              mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+                return child.instance;
+              }));
+            }
           }
@@ -463,0 +499,0 @@ };

dist/tippy-react.umd.min.js

@@ -1,2 +0,2 @@
-!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 a="undefined"!=typeof window&&"undefined"!=typeof document;function s(e,n){e&&("function"==typeof e&&e(n),{}.hasOwnProperty.call(e,"current")&&(e.current=n))}function u(){return a&&document.createElement("div")}function p(e,n){var t,r,i,o,c;return Object.assign({},n,{popperOptions:Object.assign({},e.popperOptions,n.popperOptions,{modifiers:(i=[].concat((null==(t=e.popperOptions)?void 0:t.modifiers)||[],(null==(r=n.popperOptions)?void 0:r.modifiers)||[]),o=[],c=Object.create(null),i.forEach((function(e){void 0===c[JSON.stringify(e)]&&o.push(e),c[JSON.stringify(e)]=!0})),o)})})}var f=a?t.useLayoutEffect:t.useEffect;function d(e){var n=t.useRef();return n.current||(n.current="function"==typeof e?e():e),n.current}function l(e,n,t){t.split(/\s+/).forEach((function(t){t&&e.classList[n](t)}))}var v={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()||l(n,"add",e.props.className)}return{onCreate:r,onBeforeUpdate:function(){t()&&l(n,"remove",e.props.className)},onAfterUpdate:r}}};function m(e){return function(n){var i=n.children,a=n.content,l=n.visible,m=n.singleton,h=n.render,g=n.reference,b=n.disabled,O=void 0!==b&&b,y=n.ignoreAttributes,j=void 0===y||y,E=(n.__source,n.__self,c(n,["children","content","visible","singleton","render","reference","disabled","ignoreAttributes","__source","__self"])),_=void 0!==l,P=void 0!==m,S=t.useState(!1),R=S[0],w=S[1],D=t.useState({}),k=D[0],H=D[1],N=t.useState(),$=N[0],q=N[1],x=d((function(){return{container:u(),renders:1}})),A=Object.assign({ignoreAttributes:j},E,{content:x.container});_&&(A.trigger="manual",A.hideOnClick=!1),P&&(O=!0);var C=A,M=A.plugins||[];h&&(C=Object.assign({},A,{plugins:P?[].concat(M,[{fn:function(){return{onTrigger:function(e,n){var t=m.data.children.find((function(e){return e.instance.reference===n.currentTarget})).content;q(t)}}}}]):M,render:function(){return{popper:x.container}}}));var T=[g].concat(i?[i.type]:[]);return f((function(){var n=g;g&&g.hasOwnProperty("current")&&(n=g.current);var t=e(n||x.ref||u(),Object.assign({},C,{plugins:[v].concat(A.plugins||[])}));return x.instance=t,O&&t.disable(),l&&t.show(),P&&m.hook({instance:t,content:a,props:C}),w(!0),function(){t.destroy(),null==m||m.cleanup(t)}}),T),f((function(){var e;if(1!==x.renders){var n=x.instance;n.setProps(p(n.props,C)),null==(e=n.popperInstance)||e.forceUpdate(),O?n.disable():n.enable(),_&&(l?n.show():n.hide()),P&&m.hook({instance:n,content:a,props:C})}else x.renders++})),f((function(){var e;if(h){var n=x.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)||H({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(T)),o.createElement(o.Fragment,null,i?t.cloneElement(i,{ref:function(e){x.ref=e,s(i.ref,e)}}):null,R&&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),$,x.instance):a,x.container))}}function h(e){return function(n){var r=void 0===n?{}:n,i=r.disabled,o=void 0!==i&&i,a=r.overrides,s=void 0===a?[]:a,u=t.useState(!1),l=u[0],m=u[1],h=d({children:[],renders:1});return f((function(){if(l){var n=h.children,t=h.sourceData;if(t){var r=e(n.map((function(e){return e.instance})),Object.assign({},t.props,{popperOptions:t.instance.props.popperOptions,overrides:s,plugins:[v].concat(t.props.plugins||[])}));return h.instance=r,o&&r.disable(),function(){r.destroy(),h.children=n.filter((function(e){return!e.instance.state.isDestroyed}))}}}else m(!0)}),[l]),f((function(){if(l)if(1!==h.renders){var e=h.children,n=h.instance,t=h.sourceData;if(n&&t){var r=t.props,i=(r.content,c(r,["content"]));n.setProps(p(n.props,Object.assign({},i,{overrides:s}))),n.setInstances(e.map((function(e){return e.instance}))),o?n.disable():n.enable()}}else h.renders++})),t.useMemo((function(){return[{data:h,hook:function(e){h.sourceData=e},cleanup:function(){h.sourceData=null}},{hook:function(e){h.children.find((function(n){var t=n.instance;return e.instance===t}))||h.children.push(e)},cleanup:function(e){h.children=h.children.filter((function(n){return n.instance!==e}))}}]}),[])}}var g=function(e,n){return t.forwardRef((function(r,i){var a=r.children,u=c(r,["children"]);return o.createElement(e,Object.assign({},n,u),a?t.cloneElement(a,{ref:function(e){s(i,e),s(a.ref,e)}}):null)}))},b=h(n.createSingleton),O=g(m(i));e.tippy=i,e.default=O,e.useSingleton=b,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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 f(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 d=s?t.useLayoutEffect:t.useEffect;function l(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,b=n.reference,y=n.disabled,g=void 0!==y&&y,O=n.ignoreAttributes,j=void 0===O||O,E=(n.__source,n.__self,c(n,["children","content","visible","singleton","render","reference","disabled","ignoreAttributes","__source","__self"])),P=void 0!==p,_=void 0!==v,D=t.useState(!1),k=D[0],w=D[1],R=t.useState({}),S=R[0],H=R[1],$=t.useState(),q=$[0],x=$[1],A=l((function(){return{container:u(),renders:1}})),I=Object.assign({ignoreAttributes:j},E,{content:A.container});P&&(I.trigger="manual",I.hideOnClick=!1),_&&(g=!0);var N=I,C=I.plugins||[];h&&(N=Object.assign({},I,{plugins:_?[].concat(C,[{fn:function(){return{onTrigger:function(e,n){var t=v.data.children.find((function(e){return e.instance.reference===n.currentTarget})).content;x(t)}}}}]):C,render:function(){return{popper:A.container}}}));var M=[b].concat(i?[i.type]:[]);return d((function(){var n=b;b&&b.hasOwnProperty("current")&&(n=b.current);var t=e(n||A.ref||u(),Object.assign({},N,{plugins:[m].concat(I.plugins||[])}));return A.instance=t,g&&t.disable(),p&&t.show(),_&&v.hook({instance:t,content:s,props:N}),w(!0),function(){t.destroy(),null==v||v.cleanup(t)}}),M),d((function(){var e;if(1!==A.renders){var n=A.instance;n.setProps(f(n.props,N)),null==(e=n.popperInstance)||e.forceUpdate(),g?n.disable():n.enable(),P&&(p?n.show():n.hide()),_&&v.hook({instance:n,content:s,props:N})}else A.renders++})),d((function(){var e;if(h){var n=A.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;S.placement===t.placement&&S.referenceHidden===(null==r?void 0:r.isReferenceHidden)&&S.escaped===(null==r?void 0:r.hasPopperEscaped)||H({placement:t.placement,referenceHidden:null==r?void 0:r.isReferenceHidden,escaped:null==r?void 0:r.hasPopperEscaped}),t.attributes.popper={}}}])})})}}),[S.placement,S.referenceHidden,S.escaped].concat(M)),o.createElement(o.Fragment,null,i?t.cloneElement(i,{ref:function(e){A.ref=e,a(i.ref,e)}}):null,k&&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}(S),q,A.instance):s,A.container))}}function b(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],h=l({children:[],renders:1});return d((function(){if(p){var n=h.children,t=h.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:[m].concat(t.props.plugins||[])}));return h.instance=r,o&&r.disable(),function(){r.destroy(),h.children=n.filter((function(e){return!e.instance.state.isDestroyed}))}}}else v(!0)}),[p]),d((function(){if(p)if(1!==h.renders){var e=h.children,n=h.instance,t=h.sourceData;if(n&&t){var r=t.props,i=(r.content,c(r,["content"]));n.setProps(f(n.props,Object.assign({},i,{overrides:a}))),n.setInstances(e.map((function(e){return e.instance}))),o?n.disable():n.enable()}}else h.renders++})),t.useMemo((function(){return[{data:h,hook:function(e){h.sourceData=e},cleanup:function(){h.sourceData=null}},{hook:function(e){h.children.find((function(n){var t=n.instance;return e.instance===t}))||(h.children.push(e),h.instance&&!h.instance.state.isDestroyed&&h.instance.setInstances(h.children.map((function(e){return e.instance}))))},cleanup:function(e){h.children=h.children.filter((function(n){return n.instance!==e})),h.instance&&!h.instance.state.isDestroyed&&h.instance.setInstances(h.children.map((function(e){return e.instance})))}}]}),[])}}var y=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)}))},g=b(n.createSingleton),O=y(h(i));e.tippy=i,e.default=O,e.useSingleton=g,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=tippy-react.umd.min.js.map

headless/dist/tippy-react-headless.esm.js

@@ -51,11 +51,35 @@ import tippy, { createSingleton } from 'tippy.js/headless';
 }
+
+function deepEqual(x, y) {
+  if (x === y) {
+    return true;
+  } else if (typeof x === 'object' && x != null && typeof y === 'object' && y != null) {
+    if (Object.keys(x).length !== Object.keys(y).length) {
+      return false;
+    }
+
+    for (var prop in x) {
+      if (y.hasOwnProperty(prop)) {
+        if (!deepEqual(x[prop], y[prop])) {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    }
+
+    return true;
+  } else {
+    return false;
+  }
+}
+
 function uniqueByShape(arr) {
   var output = [];
-  var lookup = Object.create(null);
   arr.forEach(function (item) {
-    if (lookup[JSON.stringify(item)] === undefined) {
+    if (!output.find(function (outputItem) {
+      return deepEqual(item, outputItem);
+    })) {
       output.push(item);
     }
-
-    lookup[JSON.stringify(item)] = true;
   });
@@ -450,2 +474,8 @@ return output;
             mutableBox.children.push(data);
+
+            if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+              mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+                return child.instance;
+              }));
+            }
           }
@@ -457,2 +487,8 @@ },
           });
+
+          if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+            mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+              return child.instance;
+            }));
+          }
         }
@@ -459,0 +495,0 @@ };

headless/dist/tippy-react-headless.umd.js

@@ -55,11 +55,35 @@ (function (global, factory) {
   }
+
+  function deepEqual(x, y) {
+    if (x === y) {
+      return true;
+    } else if (typeof x === 'object' && x != null && typeof y === 'object' && y != null) {
+      if (Object.keys(x).length !== Object.keys(y).length) {
+        return false;
+      }
+
+      for (var prop in x) {
+        if (y.hasOwnProperty(prop)) {
+          if (!deepEqual(x[prop], y[prop])) {
+            return false;
+          }
+        } else {
+          return false;
+        }
+      }
+
+      return true;
+    } else {
+      return false;
+    }
+  }
+
   function uniqueByShape(arr) {
     var output = [];
-    var lookup = Object.create(null);
     arr.forEach(function (item) {
-      if (lookup[JSON.stringify(item)] === undefined) {
+      if (!output.find(function (outputItem) {
+        return deepEqual(item, outputItem);
+      })) {
         output.push(item);
       }
-
-      lookup[JSON.stringify(item)] = true;
     });
@@ -454,2 +478,8 @@ return output;
               mutableBox.children.push(data);
+
+              if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+                mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+                  return child.instance;
+                }));
+              }
             }
@@ -461,2 +491,8 @@ },
             });
+
+            if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {
+              mutableBox.instance.setInstances(mutableBox.children.map(function (child) {
+                return child.instance;
+              }));
+            }
           }
@@ -463,0 +499,0 @@ };

headless/dist/tippy-react-headless.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("tippy.js/headless"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","tippy.js/headless","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,n){var t,r,i,o,c;return Object.assign({},n,{popperOptions:Object.assign({},e.popperOptions,n.popperOptions,{modifiers:(i=[].concat((null==(t=e.popperOptions)?void 0:t.modifiers)||[],(null==(r=n.popperOptions)?void 0:r.modifiers)||[]),o=[],c=Object.create(null),i.forEach((function(e){void 0===c[JSON.stringify(e)]&&o.push(e),c[JSON.stringify(e)]=!0})),o)})})}var d=s?t.useLayoutEffect:t.useEffect;function f(e){var n=t.useRef();return n.current||(n.current="function"==typeof e?e():e),n.current}function l(e,n,t){t.split(/\s+/).forEach((function(t){t&&e.classList[n](t)}))}var v={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()||l(n,"add",e.props.className)}return{onCreate:r,onBeforeUpdate:function(){t()&&l(n,"remove",e.props.className)},onAfterUpdate:r}}};function m(e){return function(n){var i=n.children,s=n.content,l=n.visible,m=n.singleton,h=n.render,g=n.reference,b=n.disabled,O=void 0!==b&&b,y=n.ignoreAttributes,j=void 0===y||y,E=(n.__source,n.__self,c(n,["children","content","visible","singleton","render","reference","disabled","ignoreAttributes","__source","__self"])),_=void 0!==l,P=void 0!==m,S=t.useState(!1),R=S[0],w=S[1],D=t.useState({}),k=D[0],H=D[1],N=t.useState(),$=N[0],q=N[1],x=f((function(){return{container:u(),renders:1}})),A=Object.assign({ignoreAttributes:j},E,{content:x.container});_&&(A.trigger="manual",A.hideOnClick=!1),P&&(O=!0);var C=A,M=A.plugins||[];h&&(C=Object.assign({},A,{plugins:P?[].concat(M,[{fn:function(){return{onTrigger:function(e,n){var t=m.data.children.find((function(e){return e.instance.reference===n.currentTarget})).content;q(t)}}}}]):M,render:function(){return{popper:x.container}}}));var T=[g].concat(i?[i.type]:[]);return d((function(){var n=g;g&&g.hasOwnProperty("current")&&(n=g.current);var t=e(n||x.ref||u(),Object.assign({},C,{plugins:[v].concat(A.plugins||[])}));return x.instance=t,O&&t.disable(),l&&t.show(),P&&m.hook({instance:t,content:s,props:C}),w(!0),function(){t.destroy(),null==m||m.cleanup(t)}}),T),d((function(){var e;if(1!==x.renders){var n=x.instance;n.setProps(p(n.props,C)),null==(e=n.popperInstance)||e.forceUpdate(),O?n.disable():n.enable(),_&&(l?n.show():n.hide()),P&&m.hook({instance:n,content:s,props:C})}else x.renders++})),d((function(){var e;if(h){var n=x.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)||H({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(T)),o.createElement(o.Fragment,null,i?t.cloneElement(i,{ref:function(e){x.ref=e,a(i.ref,e)}}):null,R&&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),$,x.instance):s,x.container))}}function h(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),l=u[0],m=u[1],h=f({children:[],renders:1});return d((function(){if(l){var n=h.children,t=h.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:[v].concat(t.props.plugins||[])}));return h.instance=r,o&&r.disable(),function(){r.destroy(),h.children=n.filter((function(e){return!e.instance.state.isDestroyed}))}}}else m(!0)}),[l]),d((function(){if(l)if(1!==h.renders){var e=h.children,n=h.instance,t=h.sourceData;if(n&&t){var r=t.props,i=(r.content,c(r,["content"]));n.setProps(p(n.props,Object.assign({},i,{overrides:a}))),n.setInstances(e.map((function(e){return e.instance}))),o?n.disable():n.enable()}}else h.renders++})),t.useMemo((function(){return[{data:h,hook:function(e){h.sourceData=e},cleanup:function(){h.sourceData=null}},{hook:function(e){h.children.find((function(n){var t=n.instance;return e.instance===t}))||h.children.push(e)},cleanup:function(e){h.children=h.children.filter((function(n){return n.instance!==e}))}}]}),[])}}var g=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)}))},b=h(n.createSingleton),O=g(m(i),{render:function(){return""}});e.tippy=i,e.default=O,e.useSingleton=b,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("tippy.js/headless"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","tippy.js/headless","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 f(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 d=s?t.useLayoutEffect:t.useEffect;function l(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 h={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 m(e){return function(n){var i=n.children,s=n.content,p=n.visible,v=n.singleton,m=n.render,b=n.reference,y=n.disabled,g=void 0!==y&&y,O=n.ignoreAttributes,j=void 0===O||O,E=(n.__source,n.__self,c(n,["children","content","visible","singleton","render","reference","disabled","ignoreAttributes","__source","__self"])),P=void 0!==p,_=void 0!==v,D=t.useState(!1),k=D[0],w=D[1],R=t.useState({}),S=R[0],H=R[1],$=t.useState(),q=$[0],x=$[1],A=l((function(){return{container:u(),renders:1}})),I=Object.assign({ignoreAttributes:j},E,{content:A.container});P&&(I.trigger="manual",I.hideOnClick=!1),_&&(g=!0);var N=I,C=I.plugins||[];m&&(N=Object.assign({},I,{plugins:_?[].concat(C,[{fn:function(){return{onTrigger:function(e,n){var t=v.data.children.find((function(e){return e.instance.reference===n.currentTarget})).content;x(t)}}}}]):C,render:function(){return{popper:A.container}}}));var M=[b].concat(i?[i.type]:[]);return d((function(){var n=b;b&&b.hasOwnProperty("current")&&(n=b.current);var t=e(n||A.ref||u(),Object.assign({},N,{plugins:[h].concat(I.plugins||[])}));return A.instance=t,g&&t.disable(),p&&t.show(),_&&v.hook({instance:t,content:s,props:N}),w(!0),function(){t.destroy(),null==v||v.cleanup(t)}}),M),d((function(){var e;if(1!==A.renders){var n=A.instance;n.setProps(f(n.props,N)),null==(e=n.popperInstance)||e.forceUpdate(),g?n.disable():n.enable(),P&&(p?n.show():n.hide()),_&&v.hook({instance:n,content:s,props:N})}else A.renders++})),d((function(){var e;if(m){var n=A.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;S.placement===t.placement&&S.referenceHidden===(null==r?void 0:r.isReferenceHidden)&&S.escaped===(null==r?void 0:r.hasPopperEscaped)||H({placement:t.placement,referenceHidden:null==r?void 0:r.isReferenceHidden,escaped:null==r?void 0:r.hasPopperEscaped}),t.attributes.popper={}}}])})})}}),[S.placement,S.referenceHidden,S.escaped].concat(M)),o.createElement(o.Fragment,null,i?t.cloneElement(i,{ref:function(e){A.ref=e,a(i.ref,e)}}):null,k&&r.createPortal(m?m(function(e){var n={"data-placement":e.placement};return e.referenceHidden&&(n["data-reference-hidden"]=""),e.escaped&&(n["data-escaped"]=""),n}(S),q,A.instance):s,A.container))}}function b(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=l({children:[],renders:1});return d((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:[h].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]),d((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(f(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},cleanup:function(){m.sourceData=null}},{hook:function(e){m.children.find((function(n){var t=n.instance;return e.instance===t}))||(m.children.push(e),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 y=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)}))},g=b(n.createSingleton),O=y(m(i),{render:function(){return""}});e.tippy=i,e.default=O,e.useSingleton=g,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=tippy-react-headless.umd.min.js.map

package.json

 {
   "name": "@tippyjs/react",
-  "version": "4.2.4",
+  "version": "4.2.5",
   "description": "React component for Tippy.js",
@@ -5,0 +5,0 @@ "main": "dist/tippy-react.umd.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

253419

increased by6.46%

Lines of code

1883

increased by7.29%

No dependency changes