@react-hook/resize-observer - npm Package Compare versions

Comparing version 1.2.3 to 1.2.4

dist/main/index.js

@@ -16,2 +16,5 @@ "use strict";
 
+/* eslint-disable no-return-assign */
+
+/* eslint-disable no-underscore-dangle */
 const ResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window // @ts-ignore
@@ -27,2 +30,4 @@ ? window.ResizeObserver : _resizeObserver2.ResizeObserver;
 
+function _ref() {}
+
 function useResizeObserver(target, callback) {
@@ -34,10 +39,13 @@ const resizeObserver = getResizeObserver();
     const targetEl = target && 'current' in target ? target.current : target;
-    if (!targetEl) return;
-    resizeObserver.subscribe(targetEl, (entry, observer) => {
+    if (!targetEl) return _ref;
+
+    function cb(entry, observer) {
       if (didUnsubscribe) return;
       storedCallback.current(entry, observer);
-    });
+    }
+
+    resizeObserver.subscribe(targetEl, cb);
     return () => {
       didUnsubscribe = true;
-      resizeObserver.unsubscribe(targetEl);
+      resizeObserver.unsubscribe(targetEl, cb);
     };
@@ -50,13 +58,6 @@ }, [target, resizeObserver, storedCallback]);
   const callbacks = new Map();
-  const observer = new ResizeObserver((0, _rafSchd.default)((entries, observer) => {
-    if (entries.length === 1) {
-      var _callbacks$get;
-
-      (_callbacks$get = callbacks.get(entries[0].target)) === null || _callbacks$get === void 0 ? void 0 : _callbacks$get(entries[0], observer);
-    } else {
-      for (let i = 0; i < entries.length; i++) {
-        var _callbacks$get2;
-
-        (_callbacks$get2 = callbacks.get(entries[i].target)) === null || _callbacks$get2 === void 0 ? void 0 : _callbacks$get2(entries[i], observer);
-      }
+  const observer = new ResizeObserver((0, _rafSchd.default)((entries, obs) => {
+    for (let i = 0; i < entries.length; i++) {
+      const cbs = callbacks.get(entries[i].target);
+      cbs === null || cbs === void 0 ? void 0 : cbs.forEach(cb => cb(entries[i], obs));
     }
@@ -68,9 +69,24 @@ }));
     subscribe(target, callback) {
+      var _callbacks$get;
+
       observer.observe(target);
-      callbacks.set(target, callback);
+      const cbs = (_callbacks$get = callbacks.get(target)) !== null && _callbacks$get !== void 0 ? _callbacks$get : [];
+      cbs.push(callback);
+      callbacks.set(target, cbs);
     },
 
-    unsubscribe(target) {
+    unsubscribe(target, callback) {
+      var _callbacks$get2;
+
       observer.unobserve(target);
-      callbacks.delete(target);
+      const cbs = (_callbacks$get2 = callbacks.get(target)) !== null && _callbacks$get2 !== void 0 ? _callbacks$get2 : [];
+
+      if (cbs.length === 1) {
+        callbacks.delete(target);
+        return;
+      }
+
+      const cbIndex = cbs.indexOf(callback);
+      if (cbIndex !== -1) cbs.splice(cbIndex, 1);
+      callbacks.set(target, cbs);
     }
@@ -77,0 +93,0 @@

dist/module/index.js

@@ -0,1 +1,4 @@
+/* eslint-disable no-return-assign */
+
+/* eslint-disable no-underscore-dangle */
 import { ResizeObserver as Polyfill } from '@juggle/resize-observer';
@@ -15,2 +18,4 @@ import useLayoutEffect from '@react-hook/passive-layout-effect';
 
+function _ref() {}
+
 function useResizeObserver(target, callback) {
@@ -22,10 +27,13 @@ const resizeObserver = getResizeObserver();
     const targetEl = target && 'current' in target ? target.current : target;
-    if (!targetEl) return;
-    resizeObserver.subscribe(targetEl, (entry, observer) => {
+    if (!targetEl) return _ref;
+
+    function cb(entry, observer) {
       if (didUnsubscribe) return;
       storedCallback.current(entry, observer);
-    });
+    }
+
+    resizeObserver.subscribe(targetEl, cb);
     return () => {
       didUnsubscribe = true;
-      resizeObserver.unsubscribe(targetEl);
+      resizeObserver.unsubscribe(targetEl, cb);
     };
@@ -38,13 +46,6 @@ }, [target, resizeObserver, storedCallback]);
   const callbacks = new Map();
-  const observer = new ResizeObserver(rafSchd((entries, observer) => {
-    if (entries.length === 1) {
-      var _callbacks$get;
-
-      (_callbacks$get = callbacks.get(entries[0].target)) === null || _callbacks$get === void 0 ? void 0 : _callbacks$get(entries[0], observer);
-    } else {
-      for (let i = 0; i < entries.length; i++) {
-        var _callbacks$get2;
-
-        (_callbacks$get2 = callbacks.get(entries[i].target)) === null || _callbacks$get2 === void 0 ? void 0 : _callbacks$get2(entries[i], observer);
-      }
+  const observer = new ResizeObserver(rafSchd((entries, obs) => {
+    for (let i = 0; i < entries.length; i++) {
+      const cbs = callbacks.get(entries[i].target);
+      cbs === null || cbs === void 0 ? void 0 : cbs.forEach(cb => cb(entries[i], obs));
     }
@@ -56,9 +57,24 @@ }));
     subscribe(target, callback) {
+      var _callbacks$get;
+
       observer.observe(target);
-      callbacks.set(target, callback);
+      const cbs = (_callbacks$get = callbacks.get(target)) !== null && _callbacks$get !== void 0 ? _callbacks$get : [];
+      cbs.push(callback);
+      callbacks.set(target, cbs);
     },
 
-    unsubscribe(target) {
+    unsubscribe(target, callback) {
+      var _callbacks$get2;
+
       observer.unobserve(target);
-      callbacks.delete(target);
+      const cbs = (_callbacks$get2 = callbacks.get(target)) !== null && _callbacks$get2 !== void 0 ? _callbacks$get2 : [];
+
+      if (cbs.length === 1) {
+        callbacks.delete(target);
+        return;
+      }
+
+      const cbIndex = cbs.indexOf(callback);
+      if (cbIndex !== -1) cbs.splice(cbIndex, 1);
+      callbacks.set(target, cbs);
     }
@@ -65,0 +81,0 @@

dist/umd/use-resize-observer.dev.js

@@ -729,2 +729,3 @@ (function (global, factory) {
 
+    /* eslint-disable no-return-assign */
     var ResizeObserver$1 = typeof window !== 'undefined' && 'ResizeObserver' in window // @ts-ignore
@@ -740,2 +741,4 @@ ? window.ResizeObserver : ResizeObserver;
 
+    function _ref$8() {}
+
     function useResizeObserver(target, callback) {
@@ -747,10 +750,13 @@ var resizeObserver = getResizeObserver();
         var targetEl = target && 'current' in target ? target.current : target;
-        if (!targetEl) return;
-        resizeObserver.subscribe(targetEl, function (entry, observer) {
+        if (!targetEl) return _ref$8;
+
+        function cb(entry, observer) {
           if (didUnsubscribe) return;
           storedCallback.current(entry, observer);
-        });
+        }
+
+        resizeObserver.subscribe(targetEl, cb);
         return function () {
           didUnsubscribe = true;
-          resizeObserver.unsubscribe(targetEl);
+          resizeObserver.unsubscribe(targetEl, cb);
         };
@@ -763,13 +769,12 @@ }, [target, resizeObserver, storedCallback]);
       var callbacks = new Map();
-      var observer = new ResizeObserver$1(rafSchd(function (entries, observer) {
-        if (entries.length === 1) {
-          var _callbacks$get;
+      var observer = new ResizeObserver$1(rafSchd(function (entries, obs) {
+        var _loop = function _loop(i) {
+          var cbs = callbacks.get(entries[i].target);
+          cbs === null || cbs === void 0 ? void 0 : cbs.forEach(function (cb) {
+            return cb(entries[i], obs);
+          });
+        };
 
-          (_callbacks$get = callbacks.get(entries[0].target)) === null || _callbacks$get === void 0 ? void 0 : _callbacks$get(entries[0], observer);
-        } else {
-          for (var i = 0; i < entries.length; i++) {
-            var _callbacks$get2;
-
-            (_callbacks$get2 = callbacks.get(entries[i].target)) === null || _callbacks$get2 === void 0 ? void 0 : _callbacks$get2(entries[i], observer);
-          }
+        for (var i = 0; i < entries.length; i++) {
+          _loop(i);
         }
@@ -780,8 +785,23 @@ }));
         subscribe: function subscribe(target, callback) {
+          var _callbacks$get;
+
           observer.observe(target);
-          callbacks.set(target, callback);
+          var cbs = (_callbacks$get = callbacks.get(target)) !== null && _callbacks$get !== void 0 ? _callbacks$get : [];
+          cbs.push(callback);
+          callbacks.set(target, cbs);
         },
-        unsubscribe: function unsubscribe(target) {
+        unsubscribe: function unsubscribe(target, callback) {
+          var _callbacks$get2;
+
           observer.unobserve(target);
-          callbacks.delete(target);
+          var cbs = (_callbacks$get2 = callbacks.get(target)) !== null && _callbacks$get2 !== void 0 ? _callbacks$get2 : [];
+
+          if (cbs.length === 1) {
+            callbacks.delete(target);
+            return;
+          }
+
+          var cbIndex = cbs.indexOf(callback);
+          if (cbIndex !== -1) cbs.splice(cbIndex, 1);
+          callbacks.set(target, cbs);
         }
@@ -788,0 +808,0 @@ };

dist/umd/use-resize-observer.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).useResizeObserver=t(e.React)}(this,(function(e){"use strict";function t(e){return e.activeTargets.length>0}function n(e){return e.skippedTargets.length>0}function r(e,t){this.inlineSize=e,this.blockSize=t,L(this)}function i(e,t,n,r){return this.x=e,this.y=t,this.width=n,this.height=r,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,L(this)}function o(){var e=this;return{x:e.x,y:e.y,top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.width,height:e.height}}function s(e){return new i(e.x,e.y,e.width,e.height)}function u(e){var t=K(e);this.target=e,this.contentRect=t.contentRect,this.borderBoxSize=L([t.borderBoxSize]),this.contentBoxSize=L([t.contentBoxSize]),this.devicePixelContentBoxSize=L([t.devicePixelContentBoxSize])}function c(e){return e()}function a(){return ne.splice(0).forEach(c)}function f(){var e=this;this.stopped=1,this.listener=function(){return e.schedule()}}function h(e){var t=this;if(void 0===e&&(e=250),!ue){ue=1;var r,i=se(e);r=function(){var r=0;try{r=function(){var e,t=0;for(te(t);D();)t=ee(),te(t);return N.some(n)&&("function"==typeof ErrorEvent?e=new ErrorEvent("error",{message:M}):((e=document.createEvent("Event")).initEvent("error",0,0),e.message=M),window.dispatchEvent(e)),t>0}()}finally{if(ue=0,e=i-se(),!re)return;r?t.run(1e3):e>0?t.run(e):t.start()}},function(){if(!A){var e=0,t=document.createTextNode("");new MutationObserver(a).observe(t,{characterData:1}),A=function(){t.textContent=""+(e?e--:e++)}}ne.push((function(){requestAnimationFrame(r)})),A()}()}}function d(){this.stop(),this.run()}function v(){var e=this,t=function(){return e.observer&&e.observer.observe(document.body,ie)};document.body?t():V.addEventListener("DOMContentLoaded",t)}function l(){var e=this;this.stopped&&(this.stopped=0,this.observer=new MutationObserver(this.listener),this.observe(),oe.forEach((function(t){return V.addEventListener(t,e.listener,1)})))}function p(){var e=this;this.stopped||(this.observer&&this.observer.disconnect(),oe.forEach((function(t){return V.removeEventListener(t,e.listener,1)})),this.stopped=1)}function g(e,t){this.target=e,this.observedBox=t||k.CONTENT_BOX,this.lastReportedSize={inlineSize:0,blockSize:0}}function b(){var e,t=Q(this.target,this.observedBox,1);return e=this.target,I(e)||function(e){switch(e.tagName){case"INPUT":if("image"!==e.type)break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return 1}return 0}(e)||"inline"!==getComputedStyle(e).display||(this.lastReportedSize=t),this.lastReportedSize.inlineSize!==t.inlineSize||this.lastReportedSize.blockSize!==t.blockSize?1:0}function w(e,t){this.activeTargets=[],this.skippedTargets=[],this.observationTargets=[],this.observer=e,this.callback=t}function m(){}function E(e,t){var n=new he(e,t);de.set(e,n)}function x(e,t,n){var r=de.get(e),i=0===r.observationTargets.length;0>ve(r.observationTargets,t)&&(i&&N.push(r),r.observationTargets.push(new fe(t,n&&n.box)),ae(1),ce.schedule())}function y(e,t){var n=de.get(e),r=ve(n.observationTargets,t),i=1===n.observationTargets.length;0>r||(i&&N.splice(N.indexOf(n),1),n.observationTargets.splice(r,1),ae(-1))}function T(e){var t=this,n=de.get(e);n.observationTargets.slice().forEach((function(n){return t.unobserve(e,n.target)})),n.activeTargets.splice(0,n.activeTargets.length)}function z(e){if(0===arguments.length)throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");if("function"!=typeof e)throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");le.connect(this,e)}function B(e,t){if(0===arguments.length)throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!X(e))throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");le.observe(this,e,t)}function S(e){if(0===arguments.length)throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!X(e))throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");le.unobserve(this,e)}function R(){le.disconnect(this)}function O(){return"function ResizeObserver () { [polyfill code] }"}function C(){var e=new Map,t=new be(function(e){function t(){r=null,e.apply(void 0,n)}var n=[],r=null,i=function(){for(var e=arguments.length,i=new Array(e),o=0;e>o;o++)i[o]=arguments[o];n=i,r||(r=requestAnimationFrame(t))};return i.cancel=function(){r&&(cancelAnimationFrame(r),r=null)},i}((function(t,n){var r;if(1===t.length)null===(r=e.get(t[0].target))||void 0===r||r(t[0],n);else for(var i=0;i<t.length;i++){var o;null===(o=e.get(t[i].target))||void 0===o||o(t[i],n)}})));return{observer:t,subscribe:function(n,r){t.observe(n),e.set(n,r)},unsubscribe:function(n){t.unobserve(n),e.delete(n)}}}var k,N=[],D=function(){return N.some(t)},M="ResizeObserver loop completed with undelivered notifications.";!function(e){e.BORDER_BOX="border-box",e.CONTENT_BOX="content-box",e.DEVICE_PIXEL_CONTENT_BOX="device-pixel-content-box"}(k||(k={}));var A,F,L=function(e){return Object.freeze(e)},P=function(){return r}(),_=function(){return i.prototype.toJSON=o,i.fromRect=s,i}(),I=function(e){return e instanceof SVGElement&&"getBBox"in e},W=function(e){if(I(e)){var t=e.getBBox(),n=t.width,r=t.height;return!n&&!r}var i=e,o=i.offsetWidth,s=i.offsetHeight;return!(o||s||e.getClientRects().length)},X=function(e){var t,n;if(e instanceof Element)return 1;var r=null===(n=null===(t=e)||void 0===t?void 0:t.ownerDocument)||void 0===n?void 0:n.defaultView;return!!(r&&e instanceof r.Element)},V="undefined"!=typeof window?window:{},q=new WeakMap,G=/auto|scroll/,H=/^tb|vertical/,j=/msie|trident/i.test(V.navigator&&V.navigator.userAgent),J=function(e){return parseFloat(e||"0")},U=function(e,t,n){return void 0===e&&(e=0),void 0===t&&(t=0),void 0===n&&(n=0),new P((n?t:e)||0,(n?e:t)||0)},Y=L({devicePixelContentBoxSize:U(),borderBoxSize:U(),contentBoxSize:U(),contentRect:new _(0,0,0,0)}),K=function(e,t){if(void 0===t&&(t=0),q.has(e)&&!t)return q.get(e);if(W(e))return q.set(e,Y),Y;var n=getComputedStyle(e),r=I(e)&&e.ownerSVGElement&&e.getBBox(),i=!j&&"border-box"===n.boxSizing,o=H.test(n.writingMode||""),s=!r&&G.test(n.overflowY||""),u=!r&&G.test(n.overflowX||""),c=r?0:J(n.paddingTop),a=r?0:J(n.paddingRight),f=r?0:J(n.paddingBottom),h=r?0:J(n.paddingLeft),d=r?0:J(n.borderTopWidth),v=r?0:J(n.borderRightWidth),l=r?0:J(n.borderBottomWidth),p=h+a,g=c+f,b=(r?0:J(n.borderLeftWidth))+v,w=d+l,m=u?e.offsetHeight-w-e.clientHeight:0,E=s?e.offsetWidth-b-e.clientWidth:0,x=i?p+b:0,y=i?g+w:0,T=r?r.width:J(n.width)-x-E,z=r?r.height:J(n.height)-y-m,B=T+p+E+b,S=z+g+m+w,R=L({devicePixelContentBoxSize:U(Math.round(T*devicePixelRatio),Math.round(z*devicePixelRatio),o),borderBoxSize:U(B,S,o),contentBoxSize:U(T,z,o),contentRect:new _(h,c,T,z)});return q.set(e,R),R},Q=function(e,t,n){var r=K(e,n),i=r.borderBoxSize,o=r.contentBoxSize,s=r.devicePixelContentBoxSize;switch(t){case k.DEVICE_PIXEL_CONTENT_BOX:return s;case k.BORDER_BOX:return i;default:return o}},Z=function(){return u}(),$=function(e){if(W(e))return 1/0;for(var t=0,n=e.parentNode;n;)t+=1,n=n.parentNode;return t},ee=function(){var e=1/0,t=[];N.forEach((function(n){if(0!==n.activeTargets.length){var r=[];n.activeTargets.forEach((function(t){var n=new Z(t.target),i=$(t.target);r.push(n),t.lastReportedSize=Q(t.target,t.observedBox),e>i&&(e=i)})),t.push((function(){n.callback.call(n.observer,r,n.observer)})),n.activeTargets.splice(0,n.activeTargets.length)}}));for(var n=0,r=t;n<r.length;n++)(0,r[n])();return e},te=function(e){N.forEach((function(t){t.activeTargets.splice(0,t.activeTargets.length),t.skippedTargets.splice(0,t.skippedTargets.length),t.observationTargets.forEach((function(n){n.isActive()&&($(n.target)>e?t.activeTargets.push(n):t.skippedTargets.push(n))}))}))},ne=[],re=0,ie={attributes:1,characterData:1,childList:1,subtree:1},oe=["resize","load","transitionend","animationend","animationstart","animationiteration","keyup","keydown","mouseup","mousedown","mouseover","mouseout","blur","focus"],se=function(e){return void 0===e&&(e=0),Date.now()+e},ue=0,ce=new(function(){return f.prototype.run=h,f.prototype.schedule=d,f.prototype.observe=v,f.prototype.start=l,f.prototype.stop=p,f}()),ae=function(e){!re&&e>0&&ce.start(),!(re+=e)&&ce.stop()},fe=function(){return g.prototype.isActive=b,g}(),he=function(){return w}(),de=new WeakMap,ve=function(e,t){for(var n=0;n<e.length;n+=1)if(e[n].target===t)return n;return-1},le=function(){return m.connect=E,m.observe=x,m.unobserve=y,m.disconnect=T,m}(),pe=function(){return z.prototype.observe=B,z.prototype.unobserve=S,z.prototype.disconnect=R,z.toString=O,z}(),ge=e["undefined"!=typeof document&&void 0!==document.createElement?"useLayoutEffect":"useEffect"],be="undefined"!=typeof window&&"ResizeObserver"in window?window.ResizeObserver:pe;return function(t,n){var r,i,o=F||(F=C()),s=(r=n,(i=e.useRef(r)).current=r,i);return ge((function(){var e=0,n=t&&"current"in t?t.current:t;if(n)return o.subscribe(n,(function(t,n){e||s.current(t,n)})),function(){e=1,o.unsubscribe(n)}}),[t,o,s]),o.observer}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).useResizeObserver=t(e.React)}(this,(function(e){"use strict";function t(e){return e.activeTargets.length>0}function n(e){return e.skippedTargets.length>0}function r(e,t){this.inlineSize=e,this.blockSize=t,P(this)}function i(e,t,n,r){return this.x=e,this.y=t,this.width=n,this.height=r,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,P(this)}function o(){var e=this;return{x:e.x,y:e.y,top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.width,height:e.height}}function s(e){return new i(e.x,e.y,e.width,e.height)}function u(e){var t=Q(e);this.target=e,this.contentRect=t.contentRect,this.borderBoxSize=P([t.borderBoxSize]),this.contentBoxSize=P([t.contentBoxSize]),this.devicePixelContentBoxSize=P([t.devicePixelContentBoxSize])}function c(e){return e()}function a(){return re.splice(0).forEach(c)}function f(){var e=this;this.stopped=1,this.listener=function(){return e.schedule()}}function h(e){var t=this;if(void 0===e&&(e=250),!ce){ce=1;var r,i=ue(e);r=function(){var r=0;try{r=function(){var e,t=0;for(ne(t);M();)t=te(),ne(t);return D.some(n)&&("function"==typeof ErrorEvent?e=new ErrorEvent("error",{message:A}):((e=document.createEvent("Event")).initEvent("error",0,0),e.message=A),window.dispatchEvent(e)),t>0}()}finally{if(ce=0,e=i-ue(),!ie)return;r?t.run(1e3):e>0?t.run(e):t.start()}},function(){if(!F){var e=0,t=document.createTextNode("");new MutationObserver(a).observe(t,{characterData:1}),F=function(){t.textContent=""+(e?e--:e++)}}re.push((function(){requestAnimationFrame(r)})),F()}()}}function d(){this.stop(),this.run()}function v(){var e=this,t=function(){return e.observer&&e.observer.observe(document.body,oe)};document.body?t():q.addEventListener("DOMContentLoaded",t)}function l(){var e=this;this.stopped&&(this.stopped=0,this.observer=new MutationObserver(this.listener),this.observe(),se.forEach((function(t){return q.addEventListener(t,e.listener,1)})))}function p(){var e=this;this.stopped||(this.observer&&this.observer.disconnect(),se.forEach((function(t){return q.removeEventListener(t,e.listener,1)})),this.stopped=1)}function g(e,t){this.target=e,this.observedBox=t||N.CONTENT_BOX,this.lastReportedSize={inlineSize:0,blockSize:0}}function b(){var e,t=Z(this.target,this.observedBox,1);return e=this.target,W(e)||function(e){switch(e.tagName){case"INPUT":if("image"!==e.type)break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return 1}return 0}(e)||"inline"!==getComputedStyle(e).display||(this.lastReportedSize=t),this.lastReportedSize.inlineSize!==t.inlineSize||this.lastReportedSize.blockSize!==t.blockSize?1:0}function w(e,t){this.activeTargets=[],this.skippedTargets=[],this.observationTargets=[],this.observer=e,this.callback=t}function m(){}function E(e,t){var n=new de(e,t);ve.set(e,n)}function x(e,t,n){var r=ve.get(e),i=0===r.observationTargets.length;0>le(r.observationTargets,t)&&(i&&D.push(r),r.observationTargets.push(new he(t,n&&n.box)),fe(1),ae.schedule())}function y(e,t){var n=ve.get(e),r=le(n.observationTargets,t),i=1===n.observationTargets.length;0>r||(i&&D.splice(D.indexOf(n),1),n.observationTargets.splice(r,1),fe(-1))}function T(e){var t=this,n=ve.get(e);n.observationTargets.slice().forEach((function(n){return t.unobserve(e,n.target)})),n.activeTargets.splice(0,n.activeTargets.length)}function z(e){if(0===arguments.length)throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");if("function"!=typeof e)throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");pe.connect(this,e)}function B(e,t){if(0===arguments.length)throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!V(e))throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");pe.observe(this,e,t)}function S(e){if(0===arguments.length)throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!V(e))throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");pe.unobserve(this,e)}function O(){pe.disconnect(this)}function R(){return"function ResizeObserver () { [polyfill code] }"}function C(){}function k(){var e=new Map,t=new we(function(e){function t(){r=null,e.apply(void 0,n)}var n=[],r=null,i=function(){for(var e=arguments.length,i=new Array(e),o=0;e>o;o++)i[o]=arguments[o];n=i,r||(r=requestAnimationFrame(t))};return i.cancel=function(){r&&(cancelAnimationFrame(r),r=null)},i}((function(t,n){for(var r=function(r){var i=e.get(t[r].target);null==i||i.forEach((function(e){return e(t[r],n)}))},i=0;i<t.length;i++)r(i)})));return{observer:t,subscribe:function(n,r){var i;t.observe(n);var o=null!==(i=e.get(n))&&void 0!==i?i:[];o.push(r),e.set(n,o)},unsubscribe:function(n,r){var i;t.unobserve(n);var o=null!==(i=e.get(n))&&void 0!==i?i:[];if(1!==o.length){var s=o.indexOf(r);-1!==s&&o.splice(s,1),e.set(n,o)}else e.delete(n)}}}var N,D=[],M=function(){return D.some(t)},A="ResizeObserver loop completed with undelivered notifications.";!function(e){e.BORDER_BOX="border-box",e.CONTENT_BOX="content-box",e.DEVICE_PIXEL_CONTENT_BOX="device-pixel-content-box"}(N||(N={}));var F,L,P=function(e){return Object.freeze(e)},_=function(){return r}(),I=function(){return i.prototype.toJSON=o,i.fromRect=s,i}(),W=function(e){return e instanceof SVGElement&&"getBBox"in e},X=function(e){if(W(e)){var t=e.getBBox(),n=t.width,r=t.height;return!n&&!r}var i=e,o=i.offsetWidth,s=i.offsetHeight;return!(o||s||e.getClientRects().length)},V=function(e){var t,n;if(e instanceof Element)return 1;var r=null===(n=null===(t=e)||void 0===t?void 0:t.ownerDocument)||void 0===n?void 0:n.defaultView;return!!(r&&e instanceof r.Element)},q="undefined"!=typeof window?window:{},G=new WeakMap,H=/auto|scroll/,j=/^tb|vertical/,J=/msie|trident/i.test(q.navigator&&q.navigator.userAgent),U=function(e){return parseFloat(e||"0")},Y=function(e,t,n){return void 0===e&&(e=0),void 0===t&&(t=0),void 0===n&&(n=0),new _((n?t:e)||0,(n?e:t)||0)},K=P({devicePixelContentBoxSize:Y(),borderBoxSize:Y(),contentBoxSize:Y(),contentRect:new I(0,0,0,0)}),Q=function(e,t){if(void 0===t&&(t=0),G.has(e)&&!t)return G.get(e);if(X(e))return G.set(e,K),K;var n=getComputedStyle(e),r=W(e)&&e.ownerSVGElement&&e.getBBox(),i=!J&&"border-box"===n.boxSizing,o=j.test(n.writingMode||""),s=!r&&H.test(n.overflowY||""),u=!r&&H.test(n.overflowX||""),c=r?0:U(n.paddingTop),a=r?0:U(n.paddingRight),f=r?0:U(n.paddingBottom),h=r?0:U(n.paddingLeft),d=r?0:U(n.borderTopWidth),v=r?0:U(n.borderRightWidth),l=r?0:U(n.borderBottomWidth),p=h+a,g=c+f,b=(r?0:U(n.borderLeftWidth))+v,w=d+l,m=u?e.offsetHeight-w-e.clientHeight:0,E=s?e.offsetWidth-b-e.clientWidth:0,x=i?p+b:0,y=i?g+w:0,T=r?r.width:U(n.width)-x-E,z=r?r.height:U(n.height)-y-m,B=T+p+E+b,S=z+g+m+w,O=P({devicePixelContentBoxSize:Y(Math.round(T*devicePixelRatio),Math.round(z*devicePixelRatio),o),borderBoxSize:Y(B,S,o),contentBoxSize:Y(T,z,o),contentRect:new I(h,c,T,z)});return G.set(e,O),O},Z=function(e,t,n){var r=Q(e,n),i=r.borderBoxSize,o=r.contentBoxSize,s=r.devicePixelContentBoxSize;switch(t){case N.DEVICE_PIXEL_CONTENT_BOX:return s;case N.BORDER_BOX:return i;default:return o}},$=function(){return u}(),ee=function(e){if(X(e))return 1/0;for(var t=0,n=e.parentNode;n;)t+=1,n=n.parentNode;return t},te=function(){var e=1/0,t=[];D.forEach((function(n){if(0!==n.activeTargets.length){var r=[];n.activeTargets.forEach((function(t){var n=new $(t.target),i=ee(t.target);r.push(n),t.lastReportedSize=Z(t.target,t.observedBox),e>i&&(e=i)})),t.push((function(){n.callback.call(n.observer,r,n.observer)})),n.activeTargets.splice(0,n.activeTargets.length)}}));for(var n=0,r=t;n<r.length;n++)(0,r[n])();return e},ne=function(e){D.forEach((function(t){t.activeTargets.splice(0,t.activeTargets.length),t.skippedTargets.splice(0,t.skippedTargets.length),t.observationTargets.forEach((function(n){n.isActive()&&(ee(n.target)>e?t.activeTargets.push(n):t.skippedTargets.push(n))}))}))},re=[],ie=0,oe={attributes:1,characterData:1,childList:1,subtree:1},se=["resize","load","transitionend","animationend","animationstart","animationiteration","keyup","keydown","mouseup","mousedown","mouseover","mouseout","blur","focus"],ue=function(e){return void 0===e&&(e=0),Date.now()+e},ce=0,ae=new(function(){return f.prototype.run=h,f.prototype.schedule=d,f.prototype.observe=v,f.prototype.start=l,f.prototype.stop=p,f}()),fe=function(e){!ie&&e>0&&ae.start(),!(ie+=e)&&ae.stop()},he=function(){return g.prototype.isActive=b,g}(),de=function(){return w}(),ve=new WeakMap,le=function(e,t){for(var n=0;n<e.length;n+=1)if(e[n].target===t)return n;return-1},pe=function(){return m.connect=E,m.observe=x,m.unobserve=y,m.disconnect=T,m}(),ge=function(){return z.prototype.observe=B,z.prototype.unobserve=S,z.prototype.disconnect=O,z.toString=R,z}(),be=e["undefined"!=typeof document&&void 0!==document.createElement?"useLayoutEffect":"useEffect"],we="undefined"!=typeof window&&"ResizeObserver"in window?window.ResizeObserver:ge;return function(t,n){var r,i,o=L||(L=k()),s=(r=n,(i=e.useRef(r)).current=r,i);return be((function(){function e(e,t){n||s.current(e,t)}var n=0,r=t&&"current"in t?t.current:t;return r?(o.subscribe(r,e),function(){n=1,o.unsubscribe(r,e)}):C}),[t,o,s]),o.observer}}));
 //# sourceMappingURL=use-resize-observer.js.map

package.json

 {
   "name": "@react-hook/resize-observer",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "homepage": "https://github.com/jaredLunde/react-hook/tree/master/packages/resize-observer#readme",
@@ -5,0 +5,0 @@ "repository": "github:jaredLunde/react-hook",

No alert changes

Improved metrics

Total package byte prevSize

162421

increased by3.35%

Lines of code

1029

increased by5.54%

No dependency changes