@tanstack/react-virtual - npm Package Compare versions

Comparing version 3.0.0-beta.0 to 3.0.0-beta.1

build/cjs/virtual-core/build/esm/index.js

@@ -255,6 +255,8 @@ /**
         paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
         horizontal: false,
         getItemKey: defaultKeyExtractor,
         rangeExtractor: defaultRangeExtractor,
-        enableSmoothScroll: false,
+        enableSmoothScroll: true,
         onChange: () => {},
@@ -450,5 +452,5 @@ measureElement,
       if (align === 'auto') {
-        if (measurement.end >= offset + size) {
+        if (measurement.end >= offset + size - _this.options.scrollPaddingEnd) {
           align = 'end';
-        } else if (measurement.start <= offset) {
+        } else if (measurement.start <= offset + _this.options.scrollPaddingStart) {
           align = 'start';
@@ -460,3 +462,3 @@ } else {
 
-      const toOffset = align === 'center' ? measurement.start + measurement.size / 2 : align === 'end' ? measurement.end : measurement.start;
+      const toOffset = align === 'end' ? measurement.end + _this.options.scrollPaddingEnd : measurement.start - _this.options.scrollPaddingStart;
 
@@ -478,3 +480,3 @@ _this.scrollToOffset(toOffset, {
       this.destinationOffset = offset;
-      this.options.scrollToFn(offset, canSmooth, this);
+      this.options.scrollToFn(offset, this.options.enableSmoothScroll && canSmooth, this);
       let scrollCheckFrame;
@@ -481,0 +483,0 @@

build/esm/index.js

@@ -253,6 +253,8 @@ /**
         paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
         horizontal: false,
         getItemKey: defaultKeyExtractor,
         rangeExtractor: defaultRangeExtractor,
-        enableSmoothScroll: false,
+        enableSmoothScroll: true,
         onChange: () => {},
@@ -448,5 +450,5 @@ measureElement,
       if (align === 'auto') {
-        if (measurement.end >= offset + size) {
+        if (measurement.end >= offset + size - _this.options.scrollPaddingEnd) {
           align = 'end';
-        } else if (measurement.start <= offset) {
+        } else if (measurement.start <= offset + _this.options.scrollPaddingStart) {
           align = 'start';
@@ -458,3 +460,3 @@ } else {
 
-      const toOffset = align === 'center' ? measurement.start + measurement.size / 2 : align === 'end' ? measurement.end : measurement.start;
+      const toOffset = align === 'end' ? measurement.end + _this.options.scrollPaddingEnd : measurement.start - _this.options.scrollPaddingStart;
 
@@ -476,3 +478,3 @@ _this.scrollToOffset(toOffset, {
       this.destinationOffset = offset;
-      this.options.scrollToFn(offset, canSmooth, this);
+      this.options.scrollToFn(offset, this.options.enableSmoothScroll && canSmooth, this);
       let scrollCheckFrame;
@@ -479,0 +481,0 @@

build/stats-react.json

@@ -14,7 +14,7 @@ {
                 "name": "virtual-core/build/esm/index.js",
-                "uid": "b7c1-18"
+                "uid": "8d36-18"
               },
               {
                 "name": "react-virtual/src/index.tsx",
-                "uid": "b7c1-20"
+                "uid": "8d36-20"
               }
@@ -29,20 +29,20 @@ ]
   "nodeParts": {
-    "b7c1-18": {
-      "renderedLength": 15628,
-      "gzipLength": 3783,
+    "8d36-18": {
+      "renderedLength": 15798,
+      "gzipLength": 3817,
       "brotliLength": 0,
-      "mainUid": "b7c1-17"
+      "mainUid": "8d36-17"
     },
-    "b7c1-20": {
+    "8d36-20": {
       "renderedLength": 1281,
       "gzipLength": 441,
       "brotliLength": 0,
-      "mainUid": "b7c1-19"
+      "mainUid": "8d36-19"
     }
   },
   "nodeMetas": {
-    "b7c1-17": {
+    "8d36-17": {
       "id": "/packages/virtual-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "b7c1-18"
+        "index.production.js": "8d36-18"
       },
@@ -52,17 +52,17 @@ "imported": [],
         {
-          "uid": "b7c1-19"
+          "uid": "8d36-19"
         }
       ]
     },
-    "b7c1-19": {
+    "8d36-19": {
       "id": "/packages/react-virtual/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "b7c1-20"
+        "index.production.js": "8d36-20"
       },
       "imported": [
         {
-          "uid": "b7c1-21"
+          "uid": "8d36-21"
         },
         {
-          "uid": "b7c1-17"
+          "uid": "8d36-17"
         }
@@ -73,3 +73,3 @@ ],
     },
-    "b7c1-21": {
+    "8d36-21": {
       "id": "react",
@@ -80,3 +80,3 @@ "moduleParts": {},
         {
-          "uid": "b7c1-19"
+          "uid": "8d36-19"
         }
@@ -83,0 +83,0 @@ ],

build/umd/index.development.js

@@ -277,6 +277,8 @@ /**
           paddingEnd: 0,
+          scrollPaddingStart: 0,
+          scrollPaddingEnd: 0,
           horizontal: false,
           getItemKey: defaultKeyExtractor,
           rangeExtractor: defaultRangeExtractor,
-          enableSmoothScroll: false,
+          enableSmoothScroll: true,
           onChange: () => {},
@@ -472,5 +474,5 @@ measureElement,
         if (align === 'auto') {
-          if (measurement.end >= offset + size) {
+          if (measurement.end >= offset + size - _this.options.scrollPaddingEnd) {
             align = 'end';
-          } else if (measurement.start <= offset) {
+          } else if (measurement.start <= offset + _this.options.scrollPaddingStart) {
             align = 'start';
@@ -482,3 +484,3 @@ } else {
 
-        const toOffset = align === 'center' ? measurement.start + measurement.size / 2 : align === 'end' ? measurement.end : measurement.start;
+        const toOffset = align === 'end' ? measurement.end + _this.options.scrollPaddingEnd : measurement.start - _this.options.scrollPaddingStart;
 
@@ -500,3 +502,3 @@ _this.scrollToOffset(toOffset, {
         this.destinationOffset = offset;
-        this.options.scrollToFn(offset, canSmooth, this);
+        this.options.scrollToFn(offset, this.options.enableSmoothScroll && canSmooth, this);
         let scrollCheckFrame;
@@ -503,0 +505,0 @@

build/umd/index.production.js

@@ -21,3 +21,3 @@ /**
    * @license MIT
-   */function c(e,t,s){let n,o=[];return()=>{let i;s.key&&null!=s.debug&&s.debug()&&(i=Date.now());const l=e();if(!(l.length!==o.length||l.some(((e,t)=>o[t]!==e))))return n;let r;if(o=l,s.key&&null!=s.debug&&s.debug()&&(r=Date.now()),n=t(...l),null==s||null==s.onChange||s.onChange(n),s.key&&null!=s.debug&&s.debug()){const e=Math.round(100*(Date.now()-i))/100,t=Math.round(100*(Date.now()-r))/100,n=t/16,o=(e,t)=>{for(e=String(e);e.length<t;)e=" "+e;return e};console.info("%c⏱ "+o(t,5)+" /"+o(e,5)+" ms","\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl("+Math.max(0,Math.min(120-120*n,120))+"deg 100% 31%);",null==s?void 0:s.key)}return n}}const a=e=>e,h=e=>{const t=Math.max(e.startIndex-e.overscan,0),s=Math.min(e.endIndex+e.overscan,e.count-1),n=[];for(let e=t;e<=s;e++)n.push(e);return n},u=(e,t)=>{const s=function(e,t){return{observe:function(){var s=0===l.size;l.has(e)?l.get(e).callbacks.push(t):l.set(e,{rect:void 0,hasRectChanged:!1,callbacks:[t]}),s&&r()},unobserve:function(){var s=l.get(e);if(s){var o=s.callbacks.indexOf(t);o>=0&&s.callbacks.splice(o,1),s.callbacks.length||l.delete(e),l.size||cancelAnimationFrame(n)}}}}(e.scrollElement,(e=>{t(e)}));if(e.scrollElement)return t(e.scrollElement.getBoundingClientRect()),s.observe(),()=>{s.unobserve()}},f=(e,t)=>{const s=()=>{t({width:e.scrollElement.innerWidth,height:e.scrollElement.innerHeight})};if(e.scrollElement)return s(),e.scrollElement.addEventListener("resize",s,{capture:!1,passive:!0}),()=>{e.scrollElement.removeEventListener("resize",s)}},d=(e,t)=>{const s=()=>t(e.scrollElement[e.options.horizontal?"scrollLeft":"scrollTop"]);if(e.scrollElement)return s(),e.scrollElement.addEventListener("scroll",s,{capture:!1,passive:!0}),()=>{e.scrollElement.removeEventListener("scroll",s)}},m=(e,t)=>{const s=()=>t(e.scrollElement[e.options.horizontal?"scrollX":"scrollY"]);if(e.scrollElement)return s(),e.scrollElement.addEventListener("scroll",s,{capture:!1,passive:!0}),()=>{e.scrollElement.removeEventListener("scroll",s)}},g=(e,t)=>e.getBoundingClientRect()[t.options.horizontal?"width":"height"],p=(e,t,s)=>{var n;null==(n=s.scrollElement)||n.scrollTo({[s.options.horizontal?"left":"top"]:e,behavior:t?"smooth":void 0})},v=(e,t,s)=>{var n;null==(n=s.scrollElement)||n.scrollTo({[s.options.horizontal?"left":"top"]:e,behavior:t?"smooth":void 0})};class E{constructor(e){var t=this;this.unsubs=[],this.scrollElement=null,this.measurementsCache=[],this.itemMeasurementsCache={},this.pendingMeasuredCacheIndexes=[],this.setOptions=e=>{Object.entries(e).forEach((t=>{let[s,n]=t;void 0===n&&delete e[s]})),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,horizontal:!1,getItemKey:a,rangeExtractor:h,enableSmoothScroll:!1,onChange:()=>{},measureElement:g,initialRect:{width:0,height:0},...e}},this.notify=()=>{var e,t;null==(e=(t=this.options).onChange)||e.call(t,this)},this.cleanup=()=>{this.unsubs.filter(Boolean).forEach((e=>e())),this.unsubs=[]},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{const e=this.options.getScrollElement();this.scrollElement!==e&&(this.cleanup(),this.scrollElement=e,this.unsubs.push(this.options.observeElementRect(this,(e=>{this.scrollRect=e,this.notify()}))),this.unsubs.push(this.options.observeElementOffset(this,(e=>{this.scrollOffset=e,this.notify()}))))},this.getSize=()=>this.scrollRect[this.options.horizontal?"width":"height"],this.getMeasurements=c((()=>[this.options.count,this.options.paddingStart,this.options.getItemKey,this.itemMeasurementsCache]),((e,t,s,n)=>{const o=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const i=this.measurementsCache.slice(0,o);for(let l=o;l<e;l++){const e=s(l),o=n[e],r=i[l-1]?i[l-1].end:t,c="number"==typeof o?o:this.options.estimateSize(l),a=r+c;i[l]={index:l,start:r,size:c,end:a,key:e}}return this.measurementsCache=i,i}),{key:!1,debug:()=>this.options.debug}),this.calculateRange=c((()=>[this.getMeasurements(),this.getSize(),this.scrollOffset]),((e,t,s)=>function(e){let{measurements:t,outerSize:s,scrollOffset:n}=e;const o=t.length-1,i=((e,t,s,n)=>{for(;e<=t;){const o=(e+t)/2|0,i=s(o);if(i<n)e=o+1;else{if(!(i>n))return o;t=o-1}}return e>0?e-1:0})(0,o,(e=>t[e].start),n);let l=i;for(;l<o&&t[l].end<n+s;)l++;return{startIndex:i,endIndex:l}}({measurements:e,outerSize:t,scrollOffset:s})),{key:!1,debug:()=>this.options.debug}),this.getIndexes=c((()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count]),((e,t,s,n)=>e({...t,overscan:s,count:n})),{key:!1}),this.getVirtualItems=c((()=>[this.getIndexes(),this.getMeasurements(),this.options.measureElement]),((e,t,s)=>{const n=[];for(let o=0,i=e.length;o<i;o++){const i=e[o],l={...t[i],measureElement:e=>{if(e){const t=s(e,this);t!==l.size&&(l.start<this.scrollOffset&&(this.destinationOffset||this._scrollToOffset(this.scrollOffset+(t-l.size),!1)),this.pendingMeasuredCacheIndexes.push(i),this.itemMeasurementsCache={...this.itemMeasurementsCache,[l.key]:t},this.notify())}}};n.push(l)}return n}),{key:!1}),this.scrollToOffset=function(e,s){let{align:n}=void 0===s?{align:"start"}:s;const o=()=>{const s=t.scrollOffset,o=t.getSize();"auto"===n&&(n=e<=s?"start":e>=s+o?"end":"start"),"start"===n?t._scrollToOffset(e,!0):"end"===n?t._scrollToOffset(e-o,!0):"center"===n&&t._scrollToOffset(e-o/2,!0)};o(),requestAnimationFrame((()=>{o()}))},this.scrollToIndex=function(e,s){let{align:n,...o}=void 0===s?{align:"auto"}:s;const i=t.getMeasurements(),l=t.scrollOffset,r=t.getSize(),{count:c}=t.options,a=i[Math.max(0,Math.min(e,c-1))];if(!a)return;if("auto"===n)if(a.end>=l+r)n="end";else{if(!(a.start<=l))return;n="start"}const h="center"===n?a.start+a.size/2:"end"===n?a.end:a.start;t.scrollToOffset(h,{align:n,...o})},this.getTotalSize=()=>{var e;return((null==(e=this.getMeasurements()[this.options.count-1])?void 0:e.end)||this.options.paddingStart)+this.options.paddingEnd},this._scrollToOffset=(e,t)=>{let s;clearTimeout(this.scrollCheckFrame),this.destinationOffset=e,this.options.scrollToFn(e,t,this);const n=()=>{let e=this.scrollOffset;this.scrollCheckFrame=s=setTimeout((()=>{this.scrollCheckFrame===s&&(this.scrollOffset!==e?(e=this.scrollOffset,n()):this.destinationOffset=void 0)}),100)};n()},this.measure=()=>{this.itemMeasurementsCache={},this.notify()},this.setOptions(e),this.scrollRect=this.options.initialRect,this.scrollOffset=this.options.initialOffset}}const b="undefined"!=typeof window?o.useLayoutEffect:o.useEffect;function O(e){const t=o.useReducer((()=>({})),{})[1],s={...e,onChange:s=>{t(),null==e.onChange||e.onChange(s)}},[n]=o.useState((()=>new E(s)));return n.setOptions(s),o.useEffect((()=>n._didMount()),[]),b((()=>n._willUpdate())),n}e.Virtualizer=E,e.defaultKeyExtractor=a,e.defaultRangeExtractor=h,e.elementScroll=v,e.measureElement=g,e.memo=c,e.observeElementOffset=d,e.observeElementRect=u,e.observeWindowOffset=m,e.observeWindowRect=f,e.useVirtualizer=function(e){return O({observeElementRect:u,observeElementOffset:d,scrollToFn:v,...e})},e.useWindowVirtualizer=function(e){return O({getScrollElement:()=>"undefined"!=typeof window?window:null,observeElementRect:f,observeElementOffset:m,scrollToFn:p,...e})},e.windowScroll=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+   */function c(e,t,s){let n,o=[];return()=>{let i;s.key&&null!=s.debug&&s.debug()&&(i=Date.now());const l=e();if(!(l.length!==o.length||l.some(((e,t)=>o[t]!==e))))return n;let r;if(o=l,s.key&&null!=s.debug&&s.debug()&&(r=Date.now()),n=t(...l),null==s||null==s.onChange||s.onChange(n),s.key&&null!=s.debug&&s.debug()){const e=Math.round(100*(Date.now()-i))/100,t=Math.round(100*(Date.now()-r))/100,n=t/16,o=(e,t)=>{for(e=String(e);e.length<t;)e=" "+e;return e};console.info("%c⏱ "+o(t,5)+" /"+o(e,5)+" ms","\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl("+Math.max(0,Math.min(120-120*n,120))+"deg 100% 31%);",null==s?void 0:s.key)}return n}}const a=e=>e,h=e=>{const t=Math.max(e.startIndex-e.overscan,0),s=Math.min(e.endIndex+e.overscan,e.count-1),n=[];for(let e=t;e<=s;e++)n.push(e);return n},u=(e,t)=>{const s=function(e,t){return{observe:function(){var s=0===l.size;l.has(e)?l.get(e).callbacks.push(t):l.set(e,{rect:void 0,hasRectChanged:!1,callbacks:[t]}),s&&r()},unobserve:function(){var s=l.get(e);if(s){var o=s.callbacks.indexOf(t);o>=0&&s.callbacks.splice(o,1),s.callbacks.length||l.delete(e),l.size||cancelAnimationFrame(n)}}}}(e.scrollElement,(e=>{t(e)}));if(e.scrollElement)return t(e.scrollElement.getBoundingClientRect()),s.observe(),()=>{s.unobserve()}},f=(e,t)=>{const s=()=>{t({width:e.scrollElement.innerWidth,height:e.scrollElement.innerHeight})};if(e.scrollElement)return s(),e.scrollElement.addEventListener("resize",s,{capture:!1,passive:!0}),()=>{e.scrollElement.removeEventListener("resize",s)}},d=(e,t)=>{const s=()=>t(e.scrollElement[e.options.horizontal?"scrollLeft":"scrollTop"]);if(e.scrollElement)return s(),e.scrollElement.addEventListener("scroll",s,{capture:!1,passive:!0}),()=>{e.scrollElement.removeEventListener("scroll",s)}},m=(e,t)=>{const s=()=>t(e.scrollElement[e.options.horizontal?"scrollX":"scrollY"]);if(e.scrollElement)return s(),e.scrollElement.addEventListener("scroll",s,{capture:!1,passive:!0}),()=>{e.scrollElement.removeEventListener("scroll",s)}},g=(e,t)=>e.getBoundingClientRect()[t.options.horizontal?"width":"height"],p=(e,t,s)=>{var n;null==(n=s.scrollElement)||n.scrollTo({[s.options.horizontal?"left":"top"]:e,behavior:t?"smooth":void 0})},E=(e,t,s)=>{var n;null==(n=s.scrollElement)||n.scrollTo({[s.options.horizontal?"left":"top"]:e,behavior:t?"smooth":void 0})};class v{constructor(e){var t=this;this.unsubs=[],this.scrollElement=null,this.measurementsCache=[],this.itemMeasurementsCache={},this.pendingMeasuredCacheIndexes=[],this.setOptions=e=>{Object.entries(e).forEach((t=>{let[s,n]=t;void 0===n&&delete e[s]})),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:a,rangeExtractor:h,enableSmoothScroll:!0,onChange:()=>{},measureElement:g,initialRect:{width:0,height:0},...e}},this.notify=()=>{var e,t;null==(e=(t=this.options).onChange)||e.call(t,this)},this.cleanup=()=>{this.unsubs.filter(Boolean).forEach((e=>e())),this.unsubs=[]},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{const e=this.options.getScrollElement();this.scrollElement!==e&&(this.cleanup(),this.scrollElement=e,this.unsubs.push(this.options.observeElementRect(this,(e=>{this.scrollRect=e,this.notify()}))),this.unsubs.push(this.options.observeElementOffset(this,(e=>{this.scrollOffset=e,this.notify()}))))},this.getSize=()=>this.scrollRect[this.options.horizontal?"width":"height"],this.getMeasurements=c((()=>[this.options.count,this.options.paddingStart,this.options.getItemKey,this.itemMeasurementsCache]),((e,t,s,n)=>{const o=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const i=this.measurementsCache.slice(0,o);for(let l=o;l<e;l++){const e=s(l),o=n[e],r=i[l-1]?i[l-1].end:t,c="number"==typeof o?o:this.options.estimateSize(l),a=r+c;i[l]={index:l,start:r,size:c,end:a,key:e}}return this.measurementsCache=i,i}),{key:!1,debug:()=>this.options.debug}),this.calculateRange=c((()=>[this.getMeasurements(),this.getSize(),this.scrollOffset]),((e,t,s)=>function(e){let{measurements:t,outerSize:s,scrollOffset:n}=e;const o=t.length-1,i=((e,t,s,n)=>{for(;e<=t;){const o=(e+t)/2|0,i=s(o);if(i<n)e=o+1;else{if(!(i>n))return o;t=o-1}}return e>0?e-1:0})(0,o,(e=>t[e].start),n);let l=i;for(;l<o&&t[l].end<n+s;)l++;return{startIndex:i,endIndex:l}}({measurements:e,outerSize:t,scrollOffset:s})),{key:!1,debug:()=>this.options.debug}),this.getIndexes=c((()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count]),((e,t,s,n)=>e({...t,overscan:s,count:n})),{key:!1}),this.getVirtualItems=c((()=>[this.getIndexes(),this.getMeasurements(),this.options.measureElement]),((e,t,s)=>{const n=[];for(let o=0,i=e.length;o<i;o++){const i=e[o],l={...t[i],measureElement:e=>{if(e){const t=s(e,this);t!==l.size&&(l.start<this.scrollOffset&&(this.destinationOffset||this._scrollToOffset(this.scrollOffset+(t-l.size),!1)),this.pendingMeasuredCacheIndexes.push(i),this.itemMeasurementsCache={...this.itemMeasurementsCache,[l.key]:t},this.notify())}}};n.push(l)}return n}),{key:!1}),this.scrollToOffset=function(e,s){let{align:n}=void 0===s?{align:"start"}:s;const o=()=>{const s=t.scrollOffset,o=t.getSize();"auto"===n&&(n=e<=s?"start":e>=s+o?"end":"start"),"start"===n?t._scrollToOffset(e,!0):"end"===n?t._scrollToOffset(e-o,!0):"center"===n&&t._scrollToOffset(e-o/2,!0)};o(),requestAnimationFrame((()=>{o()}))},this.scrollToIndex=function(e,s){let{align:n,...o}=void 0===s?{align:"auto"}:s;const i=t.getMeasurements(),l=t.scrollOffset,r=t.getSize(),{count:c}=t.options,a=i[Math.max(0,Math.min(e,c-1))];if(!a)return;if("auto"===n)if(a.end>=l+r-t.options.scrollPaddingEnd)n="end";else{if(!(a.start<=l+t.options.scrollPaddingStart))return;n="start"}const h="end"===n?a.end+t.options.scrollPaddingEnd:a.start-t.options.scrollPaddingStart;t.scrollToOffset(h,{align:n,...o})},this.getTotalSize=()=>{var e;return((null==(e=this.getMeasurements()[this.options.count-1])?void 0:e.end)||this.options.paddingStart)+this.options.paddingEnd},this._scrollToOffset=(e,t)=>{let s;clearTimeout(this.scrollCheckFrame),this.destinationOffset=e,this.options.scrollToFn(e,this.options.enableSmoothScroll&&t,this);const n=()=>{let e=this.scrollOffset;this.scrollCheckFrame=s=setTimeout((()=>{this.scrollCheckFrame===s&&(this.scrollOffset!==e?(e=this.scrollOffset,n()):this.destinationOffset=void 0)}),100)};n()},this.measure=()=>{this.itemMeasurementsCache={},this.notify()},this.setOptions(e),this.scrollRect=this.options.initialRect,this.scrollOffset=this.options.initialOffset}}const b="undefined"!=typeof window?o.useLayoutEffect:o.useEffect;function O(e){const t=o.useReducer((()=>({})),{})[1],s={...e,onChange:s=>{t(),null==e.onChange||e.onChange(s)}},[n]=o.useState((()=>new v(s)));return n.setOptions(s),o.useEffect((()=>n._didMount()),[]),b((()=>n._willUpdate())),n}e.Virtualizer=v,e.defaultKeyExtractor=a,e.defaultRangeExtractor=h,e.elementScroll=E,e.measureElement=g,e.memo=c,e.observeElementOffset=d,e.observeElementRect=u,e.observeWindowOffset=m,e.observeWindowRect=f,e.useVirtualizer=function(e){return O({observeElementRect:u,observeElementOffset:d,scrollToFn:E,...e})},e.useWindowVirtualizer=function(e){return O({getScrollElement:()=>"undefined"!=typeof window?window:null,observeElementRect:f,observeElementOffset:m,scrollToFn:p,...e})},e.windowScroll=p,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map

package.json

 {
   "name": "@tanstack/react-virtual",
   "author": "Tanner Linsley",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.1",
   "description": "Headless UI for virtualizing scrollable elements in React",
@@ -6,0 +6,0 @@ "license": "MIT",

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

310595

increased by0.32%

Worsened metrics

Number of package files

16

decreased by-11.11%

Lines of code

1836

decreased by-1.18%

No dependency changes