react-virtual - npm Package Compare versions

Comparing version 2.1.9 to 2.1.10

dist/react-virtual.development.js

@@ -378,2 +378,6 @@ (function (global, factory) {
 
+      if (!measurement) {
+        return;
+      }
+
       if (align === 'auto') {
@@ -380,0 +384,0 @@ if (measurement.end >= scrollOffsetPlusOuterSize) {

dist/react-virtual.production.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).ReactVirtual={},e.React)}(this,(function(e,t){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var n="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;var u,o=["bottom","height","left","right","top","width"],a=new Map,c=function e(){var t=[];a.forEach((function(e,r){var n,u,a=r.getBoundingClientRect();n=a,u=e.rect,void 0===n&&(n={}),void 0===u&&(u={}),o.some((function(e){return n[e]!==u[e]}))&&(e.rect=a,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),u=window.requestAnimationFrame(e)};function s(e){var r=t.useState(e.current),o=r[0],s=r[1],i=t.useState(null),f=i[0],l=i[1],v=t.useRef(!1);return n((function(){e.current!==o&&s(e.current)})),n((function(){o&&!v.current&&(v.current=!0,l(o.getBoundingClientRect()))}),[o]),t.useEffect((function(){if(o){var e,t,r=(e=o,t=l,{observe:function(){var r=0===a.size;a.has(e)?a.get(e).callbacks.push(t):a.set(e,{rect:void 0,hasRectChanged:!1,callbacks:[t]}),r&&c()},unobserve:function(){var r=a.get(e);if(r){var n=r.callbacks.indexOf(t);n>=0&&r.callbacks.splice(n,1),r.callbacks.length||a.delete(e),a.size||cancelAnimationFrame(u)}}});return r.observe(),function(){r.unobserve()}}}),[o]),f}var i=function(){return 50};e.useVirtual=function(e){var u,o,a=e.size,c=void 0===a?0:a,f=e.estimateSize,l=void 0===f?i:f,v=e.overscan,d=void 0===v?0:v,p=e.parentRef,m=e.horizontal,h=e.scrollToFn,g=m?"width":"height",b=m?"scrollLeft":"scrollTop",O=(s(p)||((u={})[g]=0,u))[g],z=t.useState(0),y=z[0],S=z[1];!function(e,r){var u=t.useState(e.current),o=u[0],a=u[1],c=t.useRef();c.current=r,n((function(){e.current!==o&&a(e.current)})),n((function(){o&&c.current({scrollLeft:o.scrollLeft,scrollTop:o.scrollTop})}),[o]),t.useEffect((function(){if(o){var e=function(e){c.current({scrollLeft:e.target.scrollLeft,scrollTop:e.target.scrollTop})};return o.addEventListener("scroll",e,{capture:!1,passive:!0}),function(){o.removeEventListener("scroll",e)}}}),[o])}(p,(function(e){var t=e[b];S(t)}));var k=t.useCallback((function(e){p.current&&(S(e),p.current[b]=e)}),[p,b]),M=h||k;h=t.useCallback((function(e){M(e,k)}),[k,M]);var R=y+O,x=t.useState({}),w=x[0],C=x[1],E=t.useMemo((function(){for(var e=[],t=[],n=0,u=c-1;n<c;n++,u--){var o=e[n-1]?e[n-1].end:0,a=w[n]||l(n),s={index:n,start:o,size:a,end:o+a};e[n]=r({},s),t[u]=r({},s)}return{measurements:e,reversedMeasurements:t}}),[l,w,c]),L=E.measurements,T=E.reversedMeasurements,j=(null==(o=L[c-1])?void 0:o.end)||0,P=t.useMemo((function(){return T.reduce((function(e,t){return t.end>=y?t:e}),T[0])}),[T,y]),A=t.useMemo((function(){return L.reduce((function(e,t){return t.start<=R?t:e}),L[0])}),[L,R]),F=P?P.index:0,q=A?A.index:0;F=Math.max(F-d,0),q=Math.min(q+d,c-1);var B=t.useRef({});B.current={measurements:L,outerSize:O,scrollOffset:y,scrollOffsetPlusOuterSize:R,totalSize:j};var I=t.useMemo((function(){for(var e=[],t=function(t){var n=r(r({},L[t]),{},{measureRef:function(e){var u=B.current.scrollOffset;if(e){var o=e.getBoundingClientRect()[g];o!==n.size&&(n.start<u&&k(u+(o-n.size)),C((function(e){var n;return r(r({},e),{},((n={})[t]=o,n))})))}}});e.push(n)},n=F;n<=q;n++)t(n);return e}),[F,q,L,g,k]),V=t.useRef();n((function(){V.current&&(l||c)&&C({}),V.current=!0}),[l,c]);var _=t.useCallback((function(e,t){var r=(void 0===t?{}:t).align,n=void 0===r?"start":r,u=B.current,o=u.outerSize,a=u.scrollOffset,c=u.scrollOffsetPlusOuterSize;"auto"===n&&(n=e<=a?"start":e>=c?"end":"start"),"start"===n?h(e):"end"===n?h(e-o):"center"===n&&h(e-o/2)}),[h]),D=t.useCallback((function(e,t){var n=void 0===t?{}:t,u=n.align,o=void 0===u?"auto":u,a=function(e,t){if(null==e)return{};var r,n,u={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(u[r]=e[r]);return u}(n,["align"]),s=B.current,i=s.measurements,f=s.scrollOffset,l=s.scrollOffsetPlusOuterSize,v=i[Math.max(0,Math.min(e,c-1))];if("auto"===o)if(v.end>=l)o="end";else{if(!(v.start<=f))return;o="start"}var d="center"===o?v.start+v.size/2:"end"===o?v.end:v.start;_(d,r({align:o},a))}),[_,c]),G=t.useCallback((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];D.apply(void 0,t),requestAnimationFrame((function(){D.apply(void 0,t)}))}),[D]);return{virtualItems:I,totalSize:j,scrollToOffset:_,scrollToIndex:G}},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).ReactVirtual={},e.React)}(this,(function(e,t){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var n="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;var u,o=["bottom","height","left","right","top","width"],a=new Map,c=function e(){var t=[];a.forEach((function(e,r){var n,u,a=r.getBoundingClientRect();n=a,u=e.rect,void 0===n&&(n={}),void 0===u&&(u={}),o.some((function(e){return n[e]!==u[e]}))&&(e.rect=a,t.push(e))})),t.forEach((function(e){e.callbacks.forEach((function(t){return t(e.rect)}))})),u=window.requestAnimationFrame(e)};function i(e){var r=t.useState(e.current),o=r[0],i=r[1],s=t.useState(null),f=s[0],l=s[1],v=t.useRef(!1);return n((function(){e.current!==o&&i(e.current)})),n((function(){o&&!v.current&&(v.current=!0,l(o.getBoundingClientRect()))}),[o]),t.useEffect((function(){if(o){var e,t,r=(e=o,t=l,{observe:function(){var r=0===a.size;a.has(e)?a.get(e).callbacks.push(t):a.set(e,{rect:void 0,hasRectChanged:!1,callbacks:[t]}),r&&c()},unobserve:function(){var r=a.get(e);if(r){var n=r.callbacks.indexOf(t);n>=0&&r.callbacks.splice(n,1),r.callbacks.length||a.delete(e),a.size||cancelAnimationFrame(u)}}});return r.observe(),function(){r.unobserve()}}}),[o]),f}var s=function(){return 50};e.useVirtual=function(e){var u,o,a=e.size,c=void 0===a?0:a,f=e.estimateSize,l=void 0===f?s:f,v=e.overscan,d=void 0===v?0:v,p=e.parentRef,m=e.horizontal,h=e.scrollToFn,g=m?"width":"height",b=m?"scrollLeft":"scrollTop",O=(i(p)||((u={})[g]=0,u))[g],z=t.useState(0),y=z[0],S=z[1];!function(e,r){var u=t.useState(e.current),o=u[0],a=u[1],c=t.useRef();c.current=r,n((function(){e.current!==o&&a(e.current)})),n((function(){o&&c.current({scrollLeft:o.scrollLeft,scrollTop:o.scrollTop})}),[o]),t.useEffect((function(){if(o){var e=function(e){c.current({scrollLeft:e.target.scrollLeft,scrollTop:e.target.scrollTop})};return o.addEventListener("scroll",e,{capture:!1,passive:!0}),function(){o.removeEventListener("scroll",e)}}}),[o])}(p,(function(e){var t=e[b];S(t)}));var k=t.useCallback((function(e){p.current&&(S(e),p.current[b]=e)}),[p,b]),M=h||k;h=t.useCallback((function(e){M(e,k)}),[k,M]);var R=y+O,x=t.useState({}),w=x[0],C=x[1],E=t.useMemo((function(){for(var e=[],t=[],n=0,u=c-1;n<c;n++,u--){var o=e[n-1]?e[n-1].end:0,a=w[n]||l(n),i={index:n,start:o,size:a,end:o+a};e[n]=r({},i),t[u]=r({},i)}return{measurements:e,reversedMeasurements:t}}),[l,w,c]),L=E.measurements,T=E.reversedMeasurements,j=(null==(o=L[c-1])?void 0:o.end)||0,P=t.useMemo((function(){return T.reduce((function(e,t){return t.end>=y?t:e}),T[0])}),[T,y]),A=t.useMemo((function(){return L.reduce((function(e,t){return t.start<=R?t:e}),L[0])}),[L,R]),F=P?P.index:0,q=A?A.index:0;F=Math.max(F-d,0),q=Math.min(q+d,c-1);var B=t.useRef({});B.current={measurements:L,outerSize:O,scrollOffset:y,scrollOffsetPlusOuterSize:R,totalSize:j};var I=t.useMemo((function(){for(var e=[],t=function(t){var n=r(r({},L[t]),{},{measureRef:function(e){var u=B.current.scrollOffset;if(e){var o=e.getBoundingClientRect()[g];o!==n.size&&(n.start<u&&k(u+(o-n.size)),C((function(e){var n;return r(r({},e),{},((n={})[t]=o,n))})))}}});e.push(n)},n=F;n<=q;n++)t(n);return e}),[F,q,L,g,k]),V=t.useRef();n((function(){V.current&&(l||c)&&C({}),V.current=!0}),[l,c]);var _=t.useCallback((function(e,t){var r=(void 0===t?{}:t).align,n=void 0===r?"start":r,u=B.current,o=u.outerSize,a=u.scrollOffset,c=u.scrollOffsetPlusOuterSize;"auto"===n&&(n=e<=a?"start":e>=c?"end":"start"),"start"===n?h(e):"end"===n?h(e-o):"center"===n&&h(e-o/2)}),[h]),D=t.useCallback((function(e,t){var n=void 0===t?{}:t,u=n.align,o=void 0===u?"auto":u,a=function(e,t){if(null==e)return{};var r,n,u={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(u[r]=e[r]);return u}(n,["align"]),i=B.current,s=i.measurements,f=i.scrollOffset,l=i.scrollOffsetPlusOuterSize,v=s[Math.max(0,Math.min(e,c-1))];if(v){if("auto"===o)if(v.end>=l)o="end";else{if(!(v.start<=f))return;o="start"}var d="center"===o?v.start+v.size/2:"end"===o?v.end:v.start;_(d,r({align:o},a))}}),[_,c]),G=t.useCallback((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];D.apply(void 0,t),requestAnimationFrame((function(){D.apply(void 0,t)}))}),[D]);return{virtualItems:I,totalSize:j,scrollToOffset:_,scrollToIndex:G}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=react-virtual.production.min.js.map

package.json

 {
   "name": "react-virtual",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "Hooks for virtualizing scrollable elements in React",
@@ -88,4 +88,3 @@ "author": "tannerlinsley",
     "rollup-plugin-visualizer": "^4.0.4"
-  },
-  "release": {}
+  }
 }

No alert changes

Improved metrics

Total package byte prevSize

146059

increased by0.32%

Lines of code

1139

increased by0.8%

No dependency changes