react-window 2.0.0-alpha.4 → 2.0.0-alpha.5

package/dist/react-window.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),n=require("react"),G=typeof window<"u"?n.useLayoutEffect:n.useEffect;function P(e){if(e!==void 0)switch(typeof e){case"number":return e;case"string":{if(e.endsWith("px"))return parseFloat(e);break}}}function V({box:e,defaultHeight:o,defaultWidth:l,disabled:s,element:t,mode:f,style:i}){const{styleHeight:u,styleWidth:r}=n.useMemo(()=>({styleHeight:P(i?.height),styleWidth:P(i?.width)}),[i?.height,i?.width]),[a,w]=n.useState({height:o,width:l}),I=s||f==="only-height"&&u!==void 0||f==="only-width"&&r!==void 0||u!==void 0&&r!==void 0;return G(()=>{if(t===null||I)return;const O=new ResizeObserver(M=>{for(const v of M){const{contentRect:d,target:S}=v;t===S&&w(h=>h.height===d.height&&h.width===d.width?h:{height:d.height,width:d.width})}});return O.observe(t,{box:e}),()=>{O?.unobserve(t)}},[e,I,t,u,r]),n.useMemo(()=>({height:u??a.height,width:r??a.width}),[a,u,r])}function H(e,o="Assertion error"){if(!e)throw console.error(o),Error(o)}function q({cachedBounds:e,itemCount:o,itemSize:l}){if(typeof l=="number")return o*l;if(e.size>0){const s=e.get(e.size-1);H(s!==void 0,"Unexpected bounds cache miss");const t=(s.scrollOffset+s.size)/e.size;return o*t}else return 0}function F({align:e,cachedBounds:o,index:l,itemCount:s,containerScrollOffset:t,containerSize:f}){const i=o.get(s-1).scrollOffset,u=i+i-f,r=Math.max(0,o.get(l+1).scrollOffset-f),a=Math.min(i,o.get(l).scrollOffset);switch(e==="smart"&&(t>=r&&t<=a?e="auto":e="center"),e){case"start":return Math.min(u,a);case"end":return r;case"center":{const w=Math.round(r+(a-r)/2);return w<Math.ceil(f/2)?0:w>u?u:w}case"auto":default:return t>=r&&t<=a?t:t<r?r:a}}function N({cachedBounds:e,containerScrollOffset:o,containerSize:l,itemCount:s,overscanCount:t}){const f=s-1;let i=0,u=-1,r=0;for(;r<f;){const a=e.get(r);if(a.scrollOffset+a.size>o)break;r++}for(i=r,i=Math.max(0,i-t);r<f;){const a=e.get(r);if(a.scrollOffset+a.size>=o+l)break;r++}return u=Math.min(f,r),u=Math.min(s-1,u+t),i<0?[0,-1]:[i,u]}function Y({itemCount:e,itemProps:o,itemSize:l}){const s=new Map;return{get(t){for(H(t<e,`Invalid index ${t}`);s.size-1<t;){const i=s.size,u=typeof l=="number"?l:l(i,o);if(i===0)s.set(i,{size:u,scrollOffset:0});else{const r=s.get(i-1);H(r!==void 0,`Unexpected bounds cache miss for index ${t}`),s.set(i,{scrollOffset:r.scrollOffset+r.size,size:u})}}const f=s.get(t);return H(f!==void 0,`Unexpected bounds cache miss for index ${t}`),f},set(t,f){s.set(t,f)},get size(){return s.size}}}function A({itemCount:e,itemProps:o,itemSize:l}){return n.useMemo(()=>Y({itemCount:e,itemProps:o,itemSize:l}),[e,o,l])}function _(e){const o=n.useRef(()=>{throw new Error("Cannot call an event handler while rendering.")});return G(()=>{o.current=e},[e]),n.useCallback(l=>o.current?.(l),[o])}function $({containerElement:e,containerStyle:o,defaultContainerSize:l=0,direction:s,itemCount:t,itemProps:f,itemSize:i,overscanCount:u}){const[r,a]=n.useState([0,-1]),[w,I]=[Math.min(t-1,r[0]),Math.min(t-1,r[1])],{height:O=l,width:M=l}=V({defaultHeight:s==="vertical"?l:void 0,defaultWidth:s==="horizontal"?l:void 0,element:e,mode:s==="vertical"?"only-height":"only-width",style:o}),v=s==="vertical"?O:M,d=A({itemCount:t,itemProps:f,itemSize:i}),S=n.useCallback(c=>d.get(c),[d]),h=n.useCallback(()=>q({cachedBounds:d,itemCount:t,itemSize:i}),[d,t,i]),k=n.useCallback(c=>N({cachedBounds:d,containerScrollOffset:c,containerSize:v,itemCount:t,overscanCount:u}),[d,v,t,u]);G(()=>{const c=(s==="vertical"?e?.scrollTop:e?.scrollLeft)??0;a(k(c))},[e,s,k]);const x=_(({align:c="auto",behavior:p="auto",containerScrollOffset:z,index:m})=>{const g=F({align:c,cachedBounds:d,containerScrollOffset:z,containerSize:v,index:m,itemCount:t});s==="horizontal"?e?.scrollTo({left:g,behavior:p||void 0}):e?.scrollTo({behavior:p||void 0,top:g})});return{getCellBounds:S,getEstimatedHeight:h,onScroll:()=>{const c=k((s==="vertical"?e?.scrollTop:e?.scrollLeft)??0);(c[0]!==w||c[1]!==I)&&a(c)},scrollToIndex:x,startIndex:w,stopIndex:I}}function W(e){return n.useMemo(()=>e,Object.values(e))}function C(e,o){if(e===o)return!0;if(!!e!=!!o||(H(e!==void 0),H(o!==void 0),Object.keys(e).length!==Object.keys(o).length))return!1;for(const l in e)if(!Object.is(o[l],e[l]))return!1;return!0}function B(e,o){const{style:l,...s}=e,{style:t,...f}=o;return C(l,t)&&C(s,f)}const U=()=>{};function D({cellComponent:e,cellProps:o,className:l,columnCount:s,columnWidth:t,defaultHeight:f=0,defaultWidth:i=0,gridRef:u,onCellsRendered:r,onScroll:a=U,overscanCount:w=3,rowCount:I,rowHeight:O,style:M,...v}){const d=W(o),S=n.useMemo(()=>n.memo(e,B),[e]),[h,k]=n.useState(null),x=$({containerElement:h,defaultContainerSize:i,direction:"horizontal",itemCount:s,itemProps:d,itemSize:t,overscanCount:w}),c=$({containerElement:h,defaultContainerSize:f,direction:"vertical",itemCount:I,itemProps:d,itemSize:O,overscanCount:w}),{startIndex:p,stopIndex:z}=x,{startIndex:m,stopIndex:g}=c;n.useImperativeHandle(u,()=>({get element(){return h},scrollToCell({behavior:b="auto",columnAlign:y="auto",columnIndex:T,rowAlign:E="auto",rowIndex:L}){c?.scrollToIndex({align:E,behavior:b,containerScrollOffset:h?.scrollTop??0,index:L}),x?.scrollToIndex({align:y,behavior:b,containerScrollOffset:h?.scrollLeft??0,index:T})},scrollToColumn({align:b="auto",behavior:y="auto",index:T}){x?.scrollToIndex({align:b,behavior:y,containerScrollOffset:h?.scrollLeft??0,index:T})},scrollToRow({align:b="auto",behavior:y="auto",index:T}){c?.scrollToIndex({align:b,behavior:y,containerScrollOffset:h?.scrollTop??0,index:T})}}),[x,h,c]),n.useEffect(()=>{p>=0&&z>=0&&m>=0&&g>=0&&r&&r({columnStartIndex:p,columnStopIndex:z,rowStartIndex:m,rowStopIndex:g})},[r,p,z,m,g]);const R=n.useMemo(()=>{const b=[];if(x&&s>0&&c&&I>0)for(let y=m;y<=g;y++){const T=c.getCellBounds(y);for(let E=p;E<=z;E++){const L=x.getCellBounds(E);b.push(n.createElement(S,{...d,columnIndex:E,key:`${y}-${E}`,rowIndex:y,style:{position:"absolute",left:0,transform:`translate(${L.scrollOffset}px, ${T.scrollOffset}px)`,height:T.size,width:L.size}}))}}return b},[S,d,s,p,z,x,I,m,g,c]);return j.jsx("div",{role:"grid",...v,className:l,onScroll:b=>{x.onScroll(),c.onScroll(),a(b)},ref:k,style:{...M,maxHeight:"100%",maxWidth:"100%",flexGrow:1,overflow:"auto"},children:j.jsx("div",{className:l,style:{position:"relative",height:c?.getEstimatedHeight(),width:x?.getEstimatedHeight()},children:R})})}const J=n.useState,K=n.useRef;function Q({className:e,defaultHeight:o=0,listRef:l,onRowsRendered:s,onScroll:t=U,overscanCount:f=3,rowComponent:i,rowCount:u,rowHeight:r,rowProps:a,style:w,...I}){const O=W(a),M=n.useMemo(()=>n.memo(i,B),[i]),[v,d]=n.useState(null),{getCellBounds:S,getEstimatedHeight:h,onScroll:k,scrollToIndex:x,startIndex:c,stopIndex:p}=$({containerElement:v,defaultContainerSize:o,direction:"vertical",itemCount:u,itemProps:O,itemSize:r,overscanCount:f});n.useImperativeHandle(l,()=>({get element(){return v},scrollToRow({align:m="auto",behavior:g="auto",index:R}){x({align:m,behavior:g,containerScrollOffset:v?.scrollTop??0,index:R})}}),[v,x]),n.useEffect(()=>{c>=0&&p>=0&&s&&s({startIndex:c,stopIndex:p})},[s,c,p]);const z=n.useMemo(()=>{const m=[];if(u>0)for(let g=c;g<=p;g++){const R=S(g);m.push(n.createElement(M,{...O,key:g,index:g,style:{position:"absolute",left:0,transform:`translateY(${R.scrollOffset}px)`,height:R.size,width:"100%"}}))}return m},[M,S,u,O,c,p]);return j.jsx("div",{role:"list",...I,className:e,onScroll:m=>{k(),t(m)},ref:d,style:{...w,maxHeight:"100%",flexGrow:1,overflowY:"auto"},children:j.jsx("div",{className:e,style:{height:h(),position:"relative",width:"100%"},children:z})})}const X=n.useState,Z=n.useRef;exports.Grid=D;exports.List=Q;exports.useGridCallbackRef=J;exports.useGridRef=K;exports.useListCallbackRef=X;exports.useListRef=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),n=require("react"),P=typeof window<"u"?n.useLayoutEffect:n.useEffect;function C(e){if(e!==void 0)switch(typeof e){case"number":return e;case"string":{if(e.endsWith("px"))return parseFloat(e);break}}}function q({box:e,defaultHeight:s,defaultWidth:l,disabled:r,element:t,mode:f,style:c}){const{styleHeight:u,styleWidth:o}=n.useMemo(()=>({styleHeight:C(c?.height),styleWidth:C(c?.width)}),[c?.height,c?.width]),[a,v]=n.useState({height:s,width:l}),M=r||f==="only-height"&&u!==void 0||f==="only-width"&&o!==void 0||u!==void 0&&o!==void 0;return P(()=>{if(t===null||M)return;const O=new ResizeObserver(m=>{for(const I of m){const{contentRect:w,target:b}=I;t===b&&v(d=>d.height===w.height&&d.width===w.width?d:{height:w.height,width:w.width})}});return O.observe(t,{box:e}),()=>{O?.unobserve(t)}},[e,M,t,u,o]),n.useMemo(()=>({height:u??a.height,width:o??a.width}),[a,u,o])}function F(e){const s=n.useRef(()=>{throw new Error("Cannot call an event handler while rendering.")});return P(()=>{s.current=e},[e]),n.useCallback(l=>s.current?.(l),[s])}function L(e,s="Assertion error"){if(!e)throw console.error(s),Error(s)}function N({cachedBounds:e,itemCount:s,itemSize:l}){if(typeof l=="number")return s*l;if(e.size>0){const r=e.get(e.size-1);L(r!==void 0,"Unexpected bounds cache miss");const t=(r.scrollOffset+r.size)/e.size;return s*t}else return 0}function Y({align:e,cachedBounds:s,index:l,itemCount:r,containerScrollOffset:t,containerSize:f}){const c=s.get(r-1).scrollOffset,u=c+c-f,o=Math.max(0,s.get(l+1).scrollOffset-f),a=Math.min(c,s.get(l).scrollOffset);switch(e==="smart"&&(t>=o&&t<=a?e="auto":e="center"),e){case"start":return Math.min(u,a);case"end":return o;case"center":{const v=Math.round(o+(a-o)/2);return v<Math.ceil(f/2)?0:v>u?u:v}case"auto":default:return t>=o&&t<=a?t:t<o?o:a}}function A({cachedBounds:e,containerScrollOffset:s,containerSize:l,itemCount:r,overscanCount:t}){const f=r-1;let c=0,u=-1,o=0;for(;o<f;){const a=e.get(o);if(a.scrollOffset+a.size>s)break;o++}for(c=o,c=Math.max(0,c-t);o<f;){const a=e.get(o);if(a.scrollOffset+a.size>=s+l)break;o++}return u=Math.min(f,o),u=Math.min(r-1,u+t),c<0?[0,-1]:[c,u]}function _({itemCount:e,itemProps:s,itemSize:l}){const r=new Map;return{get(t){for(L(t<e,`Invalid index ${t}`);r.size-1<t;){const c=r.size,u=typeof l=="number"?l:l(c,s);if(c===0)r.set(c,{size:u,scrollOffset:0});else{const o=r.get(c-1);L(o!==void 0,`Unexpected bounds cache miss for index ${t}`),r.set(c,{scrollOffset:o.scrollOffset+o.size,size:u})}}const f=r.get(t);return L(f!==void 0,`Unexpected bounds cache miss for index ${t}`),f},set(t,f){r.set(t,f)},get size(){return r.size}}}function D({itemCount:e,itemProps:s,itemSize:l}){return n.useMemo(()=>_({itemCount:e,itemProps:s,itemSize:l}),[e,s,l])}function G({containerElement:e,containerStyle:s,defaultContainerSize:l=0,direction:r,itemCount:t,itemProps:f,itemSize:c,onResize:u,overscanCount:o}){const[a,v]=n.useState([0,-1]),[M,O]=[Math.min(t-1,a[0]),Math.min(t-1,a[1])],{height:m=l,width:I=l}=q({defaultHeight:r==="vertical"?l:void 0,defaultWidth:r==="horizontal"?l:void 0,element:e,mode:r==="vertical"?"only-height":"only-width",style:s}),w=n.useRef({height:0,width:0});n.useLayoutEffect(()=>{if(typeof u=="function"){const i=w.current;(i.height!==m||i.width!==I)&&(u({height:m,width:I},{...i}),i.height=m,i.width=I)}},[m,u,I]);const b=r==="vertical"?m:I,d=D({itemCount:t,itemProps:f,itemSize:c}),y=n.useCallback(i=>d.get(i),[d]),R=n.useCallback(()=>N({cachedBounds:d,itemCount:t,itemSize:c}),[d,t,c]),g=n.useCallback(i=>A({cachedBounds:d,containerScrollOffset:i,containerSize:b,itemCount:t,overscanCount:o}),[d,b,t,o]);P(()=>{const i=(r==="vertical"?e?.scrollTop:e?.scrollLeft)??0;v(g(i))},[e,r,g]);const h=F(({align:i="auto",behavior:T="auto",containerScrollOffset:x,index:p})=>{const k=Y({align:i,cachedBounds:d,containerScrollOffset:x,containerSize:b,index:p,itemCount:t});r==="horizontal"?e?.scrollTo({left:k,behavior:T||void 0}):e?.scrollTo({behavior:T||void 0,top:k})});return{getCellBounds:y,getEstimatedHeight:R,onScroll:()=>{const i=g((r==="vertical"?e?.scrollTop:e?.scrollLeft)??0);(i[0]!==M||i[1]!==O)&&v(i)},scrollToIndex:h,startIndex:M,stopIndex:O}}function B(e){return n.useMemo(()=>e,Object.values(e))}function W(e,s){if(e===s)return!0;if(!!e!=!!s||(L(e!==void 0),L(s!==void 0),Object.keys(e).length!==Object.keys(s).length))return!1;for(const l in e)if(!Object.is(s[l],e[l]))return!1;return!0}function U(e,s){const{style:l,...r}=e,{style:t,...f}=s;return W(l,t)&&W(r,f)}const V=()=>{};function J({cellComponent:e,cellProps:s,className:l,columnCount:r,columnWidth:t,defaultHeight:f=0,defaultWidth:c=0,gridRef:u,onCellsRendered:o,onResize:a,onScroll:v=V,overscanCount:M=3,rowCount:O,rowHeight:m,style:I,...w}){const b=B(s),d=n.useMemo(()=>n.memo(e,U),[e]),[y,R]=n.useState(null),g=G({containerElement:y,defaultContainerSize:c,direction:"horizontal",itemCount:r,itemProps:b,itemSize:t,onResize:a,overscanCount:M}),h=G({containerElement:y,defaultContainerSize:f,direction:"vertical",itemCount:O,itemProps:b,itemSize:m,onResize:a,overscanCount:M}),{startIndex:i,stopIndex:T}=g,{startIndex:x,stopIndex:p}=h;n.useImperativeHandle(u,()=>({get element(){return y},scrollToCell({behavior:S="auto",columnAlign:z="auto",columnIndex:E,rowAlign:H="auto",rowIndex:j}){h?.scrollToIndex({align:H,behavior:S,containerScrollOffset:y?.scrollTop??0,index:j}),g?.scrollToIndex({align:z,behavior:S,containerScrollOffset:y?.scrollLeft??0,index:E})},scrollToColumn({align:S="auto",behavior:z="auto",index:E}){g?.scrollToIndex({align:S,behavior:z,containerScrollOffset:y?.scrollLeft??0,index:E})},scrollToRow({align:S="auto",behavior:z="auto",index:E}){h?.scrollToIndex({align:S,behavior:z,containerScrollOffset:y?.scrollTop??0,index:E})}}),[g,y,h]),n.useEffect(()=>{i>=0&&T>=0&&x>=0&&p>=0&&o&&o({columnStartIndex:i,columnStopIndex:T,rowStartIndex:x,rowStopIndex:p})},[o,i,T,x,p]);const k=n.useMemo(()=>{const S=[];if(g&&r>0&&h&&O>0)for(let z=x;z<=p;z++){const E=h.getCellBounds(z);for(let H=i;H<=T;H++){const j=g.getCellBounds(H);S.push(n.createElement(d,{...b,columnIndex:H,key:`${z}-${H}`,rowIndex:z,style:{position:"absolute",left:0,transform:`translate(${j.scrollOffset}px, ${E.scrollOffset}px)`,height:E.size,width:j.size}}))}}return S},[d,b,r,i,T,g,O,x,p,h]);return $.jsx("div",{role:"grid",...w,className:l,onScroll:S=>{g.onScroll(),h.onScroll(),v(S)},ref:R,style:{...I,maxHeight:"100%",maxWidth:"100%",flexGrow:1,overflow:"auto"},children:$.jsx("div",{className:l,style:{position:"relative",height:h?.getEstimatedHeight(),width:g?.getEstimatedHeight()},children:k})})}const K=n.useState,Q=n.useRef;function X({className:e,defaultHeight:s=0,listRef:l,onResize:r,onRowsRendered:t,onScroll:f=V,overscanCount:c=3,rowComponent:u,rowCount:o,rowHeight:a,rowProps:v,style:M,...O}){const m=B(v),I=n.useMemo(()=>n.memo(u,U),[u]),[w,b]=n.useState(null),{getCellBounds:d,getEstimatedHeight:y,onScroll:R,scrollToIndex:g,startIndex:h,stopIndex:i}=G({containerElement:w,defaultContainerSize:s,direction:"vertical",itemCount:o,itemProps:m,itemSize:a,onResize:r,overscanCount:c});n.useImperativeHandle(l,()=>({get element(){return w},scrollToRow({align:x="auto",behavior:p="auto",index:k}){g({align:x,behavior:p,containerScrollOffset:w?.scrollTop??0,index:k})}}),[w,g]),n.useEffect(()=>{h>=0&&i>=0&&t&&t({startIndex:h,stopIndex:i})},[t,h,i]);const T=n.useMemo(()=>{const x=[];if(o>0)for(let p=h;p<=i;p++){const k=d(p);x.push(n.createElement(I,{...m,key:p,index:p,style:{position:"absolute",left:0,transform:`translateY(${k.scrollOffset}px)`,height:k.size,width:"100%"}}))}return x},[I,d,o,m,h,i]);return $.jsx("div",{role:"list",...O,className:e,onScroll:x=>{R(),f(x)},ref:b,style:{...M,maxHeight:"100%",flexGrow:1,overflowY:"auto"},children:$.jsx("div",{className:e,style:{height:y(),position:"relative",width:"100%"},children:T})})}const Z=n.useState,ee=n.useRef;exports.Grid=J;exports.List=X;exports.useGridCallbackRef=K;exports.useGridRef=Q;exports.useListCallbackRef=Z;exports.useListRef=ee;

package/dist/react-window.d.ts

@@ -25,7 +25,7 @@ declare type ForbiddenKeys = "columnIndex" | "rowIndex" | "style";
 
 declare type ForbiddenKeys_2 = "index" | "style";
 
-export declare function Grid<CellProps extends object>({ cellComponent: CellComponentProp, cellProps: cellPropsUnstable, className, columnCount, columnWidth, defaultHeight, defaultWidth, gridRef, onCellsRendered, onScroll: onScrollProp, overscanCount, rowCount, rowHeight, style, ...rest }: GridProps<CellProps>): JSX.Element;
+export declare function Grid<CellProps extends object>({ cellComponent: CellComponentProp, cellProps: cellPropsUnstable, className, columnCount, columnWidth, defaultHeight, defaultWidth, gridRef, onCellsRendered, onResize, onScroll: onScrollProp, overscanCount, rowCount, rowHeight, style, ...rest }: GridProps<CellProps>): JSX.Element;
 
 export declare type GridImperativeAPI = {
     get element(): HTMLDivElement | null;
@@ -107,6 +107,17 @@ export declare type GridProps<CellProps extends object> = HTMLAttributes<HTMLDiv
         rowStartIndex: number;
         rowStopIndex: number;
     }) => void;
+    /**
+     * Callback notified when the Grid's outermost HTMLElement resizes.
+     * This may be used to (re)scroll a cell into view.
+     */
+    onResize?: (size: {
+        height: number;
+        width: number;
+    }, prevSize: {
+        height: number;
+        width: number;
+    }) => void;
     /**
      * How many additional rows/columns to render outside of the visible area.
      * This can reduce visual flickering near the edges of a grid when scrolling.
@@ -127,7 +138,7 @@ export declare type GridProps<CellProps extends object> = HTMLAttributes<HTMLDiv
     style?: CSSProperties;
 };
 
-export declare function List<RowProps extends object>({ className, defaultHeight, listRef, onRowsRendered, onScroll: onScrollProp, overscanCount, rowComponent: RowComponentProp, rowCount, rowHeight, rowProps: rowPropsUnstable, style, ...rest }: ListProps<RowProps>): JSX.Element;
+export declare function List<RowProps extends object>({ className, defaultHeight, listRef, onResize, onRowsRendered, onScroll: onScrollProp, overscanCount, rowComponent: RowComponentProp, rowCount, rowHeight, rowProps: rowPropsUnstable, style, ...rest }: ListProps<RowProps>): JSX.Element;
 
 export declare type ListImperativeAPI = {
     get element(): HTMLDivElement | null;
@@ -156,6 +167,29 @@ export declare type ListProps<RowProps extends object> = HTMLAttributes<HTMLDivE
      * ⚠️ The `useListRef` and `useListCallbackRef` hooks are exported for convenience use in TypeScript projects.
      */
     listRef?: Ref<ListImperativeAPI>;
+    /**
+     * Callback notified when the List's outermost HTMLElement resizes.
+     * This may be used to (re)scroll a row into view.
+     */
+    onResize?: (size: {
+        height: number;
+        width: number;
+    }, prevSize: {
+        height: number;
+        width: number;
+    }) => void;
+    /**
+     * Callback notified when the range of visible rows changes.
+     */
+    onRowsRendered?: (args: {
+        startIndex: number;
+        stopIndex: number;
+    }) => void;
+    /**
+     * How many additional rows to render outside of the visible area.
+     * This can reduce visual flickering near the edges of a list when scrolling.
+     */
+    overscanCount?: number;
     /**
      * React component responsible for rendering a row.
      *
@@ -182,18 +216,6 @@ export declare type ListProps<RowProps extends object> = HTMLAttributes<HTMLDivE
      * ⚠️ This object must not contain either an `index` or `style` prop.
      */
     rowProps: ExcludeForbiddenKeys_2<RowProps>;
-    /**
-     * Callback notified when the range of visible rows changes.
-     */
-    onRowsRendered?: (args: {
-        startIndex: number;
-        stopIndex: number;
-    }) => void;
-    /**
-     * How many additional rows to render outside of the visible area.
-     * This can reduce visual flickering near the edges of a list when scrolling.
-     */
-    overscanCount?: number;
     /**
      * Optional CSS properties.
      * The list of rows will fill the height defined by this style.