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

package/dist/react-window.cjs

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

package/dist/react-window.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-window.cjs","sources":["../lib/hooks/useIsomorphicLayoutEffect.ts","../lib/utils/parseNumericStyleValue.ts","../lib/hooks/useResizeObserver.ts","../lib/hooks/useStableCallback.ts","../lib/utils/assert.ts","../lib/core/getEstimatedSize.ts","../lib/core/getOffsetForIndex.ts","../lib/core/getStartStopIndices.ts","../lib/core/createCachedBounds.ts","../lib/core/useCachedBounds.ts","../lib/core/useItemSize.ts","../lib/core/useVirtualizer.ts","../lib/hooks/useMemoizedObject.ts","../lib/utils/shallowCompare.ts","../lib/utils/arePropsEqual.ts","../lib/components/grid/Grid.tsx","../lib/components/grid/useGridCallbackRef.ts","../lib/components/grid/useGridRef.ts","../lib/components/list/List.tsx","../lib/components/list/useListCallbackRef.ts","../lib/components/list/useListRef.ts","../lib/utils/getScrollbarSize.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import type { CSSProperties } from \"react\";\n\nexport function parseNumericStyleValue(\n  value: CSSProperties[\"height\"]\n): number | undefined {\n  if (value !== undefined) {\n    switch (typeof value) {\n      case \"number\": {\n        return value;\n      }\n      case \"string\": {\n        if (value.endsWith(\"px\")) {\n          return parseFloat(value);\n        }\n        break;\n      }\n    }\n  }\n}\n","import { useMemo, useState, type CSSProperties } from \"react\";\nimport { parseNumericStyleValue } from \"../utils/parseNumericStyleValue\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\n\nexport function useResizeObserver({\n  box,\n  defaultHeight,\n  defaultWidth,\n  disabled: disabledProp,\n  element,\n  mode,\n  style\n}: {\n  box?: ResizeObserverBoxOptions;\n  defaultHeight?: number;\n  defaultWidth?: number;\n  disabled?: boolean;\n  element: HTMLElement | null;\n  mode?: \"only-height\" | \"only-width\";\n  style?: CSSProperties;\n}) {\n  const { styleHeight, styleWidth } = useMemo(\n    () => ({\n      styleHeight: parseNumericStyleValue(style?.height),\n      styleWidth: parseNumericStyleValue(style?.width)\n    }),\n    [style?.height, style?.width]\n  );\n\n  const [state, setState] = useState<{\n    height: number | undefined;\n    width: number | undefined;\n  }>({\n    height: defaultHeight,\n    width: defaultWidth\n  });\n\n  const disabled =\n    disabledProp ||\n    (mode === \"only-height\" && styleHeight !== undefined) ||\n    (mode === \"only-width\" && styleWidth !== undefined) ||\n    (styleHeight !== undefined && styleWidth !== undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (element === null || disabled) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { contentRect, target } = entry;\n        if (element === target) {\n          setState((prevState) => {\n            if (\n              prevState.height === contentRect.height &&\n              prevState.width === contentRect.width\n            ) {\n              return prevState;\n            }\n\n            return {\n              height: contentRect.height,\n              width: contentRect.width\n            };\n          });\n        }\n      }\n    });\n    resizeObserver.observe(element, { box });\n\n    return () => {\n      resizeObserver?.unobserve(element);\n    };\n  }, [box, disabled, element, styleHeight, styleWidth]);\n\n  return useMemo(\n    () => ({\n      height: styleHeight ?? state.height,\n      width: styleWidth ?? state.width\n    }),\n    [state, styleHeight, styleWidth]\n  );\n}\n","import { useCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\n\n// Forked from useEventCallback (usehooks-ts)\nexport function useStableCallback<Args, Return>(\n  fn: (args: Args) => Return\n): (args: Args) => Return {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((args: Args) => ref.current?.(args), [ref]) as (\n    args: Args\n  ) => Return;\n}\n","export function assert(\n  expectedCondition: unknown,\n  message: string = \"Assertion error\"\n): asserts expectedCondition {\n  if (!expectedCondition) {\n    console.error(message);\n\n    throw Error(message);\n  }\n}\n","import type { CachedBounds, SizeFunction } from \"./types\";\nimport { assert } from \"../utils/assert\";\n\nexport function getEstimatedSize<Props extends object>({\n  cachedBounds,\n  itemCount,\n  itemSize\n}: {\n  cachedBounds: CachedBounds;\n  itemCount: number;\n  itemSize: number | SizeFunction<Props>;\n}) {\n  if (itemCount === 0) {\n    return 0;\n  } else if (typeof itemSize === \"number\") {\n    return itemCount * itemSize;\n  } else {\n    const bounds = cachedBounds.get(\n      cachedBounds.size === 0 ? 0 : cachedBounds.size - 1\n    );\n    assert(bounds !== undefined, \"Unexpected bounds cache miss\");\n\n    const averageItemSize =\n      (bounds.scrollOffset + bounds.size) / cachedBounds.size;\n\n    return itemCount * averageItemSize;\n  }\n}\n","import type { Align } from \"../types\";\nimport { getEstimatedSize } from \"./getEstimatedSize\";\nimport type { CachedBounds, SizeFunction } from \"./types\";\n\nexport function getOffsetForIndex<Props extends object>({\n  align,\n  cachedBounds,\n  index,\n  itemCount,\n  itemSize,\n  containerScrollOffset,\n  containerSize\n}: {\n  align: Align;\n  cachedBounds: CachedBounds;\n  index: number;\n  itemCount: number;\n  itemSize: number | SizeFunction<Props>;\n  containerScrollOffset: number;\n  containerSize: number;\n}) {\n  const estimatedTotalSize = getEstimatedSize({\n    cachedBounds,\n    itemCount,\n    itemSize\n  });\n\n  const bounds = cachedBounds.get(index);\n  const maxOffset = Math.max(\n    0,\n    Math.min(estimatedTotalSize - containerSize, bounds.scrollOffset)\n  );\n  const minOffset = Math.max(\n    0,\n    bounds.scrollOffset - containerSize + bounds.size\n  );\n\n  if (align === \"smart\") {\n    if (\n      containerScrollOffset >= minOffset &&\n      containerScrollOffset <= maxOffset\n    ) {\n      align = \"auto\";\n    } else {\n      align = \"center\";\n    }\n  }\n\n  switch (align) {\n    case \"start\": {\n      return maxOffset;\n    }\n    case \"end\": {\n      return minOffset;\n    }\n    case \"center\": {\n      if (bounds.scrollOffset <= containerSize / 2) {\n        // Too near the beginning to center-align\n        return 0;\n      } else if (\n        bounds.scrollOffset + bounds.size / 2 >=\n        estimatedTotalSize - containerSize / 2\n      ) {\n        // Too near the end to center-align\n        return estimatedTotalSize - containerSize;\n      } else {\n        return bounds.scrollOffset + bounds.size / 2 - containerSize / 2;\n      }\n    }\n    case \"auto\":\n    default: {\n      if (\n        containerScrollOffset >= minOffset &&\n        containerScrollOffset <= maxOffset\n      ) {\n        return containerScrollOffset;\n      } else if (containerScrollOffset < minOffset) {\n        return minOffset;\n      } else {\n        return maxOffset;\n      }\n    }\n  }\n}\n","import type { CachedBounds } from \"./types\";\n\nexport function getStartStopIndices({\n  cachedBounds,\n  containerScrollOffset,\n  containerSize,\n  itemCount,\n  overscanCount\n}: {\n  cachedBounds: CachedBounds;\n  containerScrollOffset: number;\n  containerSize: number;\n  itemCount: number;\n  overscanCount: number;\n}): [number, number] {\n  const maxIndex = itemCount - 1;\n\n  let startIndex = 0;\n  let stopIndex = -1;\n  let currentIndex = 0;\n\n  while (currentIndex < maxIndex) {\n    const bounds = cachedBounds.get(currentIndex);\n\n    if (bounds.scrollOffset + bounds.size > containerScrollOffset) {\n      break;\n    }\n\n    currentIndex++;\n  }\n\n  startIndex = currentIndex;\n  startIndex = Math.max(0, startIndex - overscanCount);\n\n  while (currentIndex < maxIndex) {\n    const bounds = cachedBounds.get(currentIndex);\n\n    if (\n      bounds.scrollOffset + bounds.size >=\n      containerScrollOffset + containerSize\n    ) {\n      break;\n    }\n\n    currentIndex++;\n  }\n\n  stopIndex = Math.min(maxIndex, currentIndex);\n  stopIndex = Math.min(itemCount - 1, stopIndex + overscanCount);\n\n  return startIndex < 0 ? [0, -1] : [startIndex, stopIndex];\n}\n","import { assert } from \"../utils/assert\";\nimport type { Bounds, CachedBounds, SizeFunction } from \"./types\";\n\nexport function createCachedBounds<Props extends object>({\n  itemCount,\n  itemProps,\n  itemSize\n}: {\n  itemCount: number;\n  itemProps: Props;\n  itemSize: number | SizeFunction<Props>;\n}): CachedBounds {\n  const cache = new Map<number, Bounds>();\n\n  return {\n    get(index: number) {\n      assert(index < itemCount, `Invalid index ${index}`);\n\n      while (cache.size - 1 < index) {\n        const currentIndex = cache.size;\n\n        let size: number;\n        switch (typeof itemSize) {\n          case \"function\": {\n            size = itemSize(currentIndex, itemProps);\n            break;\n          }\n          case \"number\": {\n            size = itemSize;\n            break;\n          }\n        }\n\n        if (currentIndex === 0) {\n          cache.set(currentIndex, {\n            size,\n            scrollOffset: 0\n          });\n        } else {\n          const previousRowBounds = cache.get(currentIndex - 1);\n          assert(\n            previousRowBounds !== undefined,\n            `Unexpected bounds cache miss for index ${index}`\n          );\n\n          cache.set(currentIndex, {\n            scrollOffset:\n              previousRowBounds.scrollOffset + previousRowBounds.size,\n            size\n          });\n        }\n      }\n\n      const bounds = cache.get(index);\n      assert(\n        bounds !== undefined,\n        `Unexpected bounds cache miss for index ${index}`\n      );\n\n      return bounds;\n    },\n    set(index: number, bounds: Bounds) {\n      cache.set(index, bounds);\n    },\n    get size() {\n      return cache.size;\n    }\n  };\n}\n","import { useMemo } from \"react\";\nimport { createCachedBounds } from \"./createCachedBounds\";\nimport type { CachedBounds, SizeFunction } from \"./types\";\n\nexport function useCachedBounds<Props extends object>({\n  itemCount,\n  itemProps,\n  itemSize\n}: {\n  itemCount: number;\n  itemProps: Props;\n  itemSize: number | SizeFunction<Props>;\n}): CachedBounds {\n  return useMemo(\n    () =>\n      createCachedBounds({\n        itemCount,\n        itemProps,\n        itemSize\n      }),\n    [itemCount, itemProps, itemSize]\n  );\n}\n","import { assert } from \"../utils/assert\";\nimport type { SizeFunction } from \"./types\";\n\nexport function useItemSize<Props extends object>({\n  containerSize,\n  itemSize: itemSizeProp\n}: {\n  containerSize: number;\n  itemSize: number | string | SizeFunction<Props>;\n}) {\n  let itemSize: number | SizeFunction<Props>;\n  switch (typeof itemSizeProp) {\n    case \"string\": {\n      assert(\n        itemSizeProp.endsWith(\"%\"),\n        `Invalid item size: \"${itemSizeProp}\"; string values must be percentages (e.g. \"100%\")`\n      );\n      assert(\n        containerSize !== undefined,\n        \"Container size must be defined if a percentage item size is specified\"\n      );\n\n      itemSize = (containerSize * parseInt(itemSizeProp)) / 100;\n      break;\n    }\n    default: {\n      itemSize = itemSizeProp;\n      break;\n    }\n  }\n\n  return itemSize;\n}\n","import {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties\n} from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../hooks/useIsomorphicLayoutEffect\";\nimport { useResizeObserver } from \"../hooks/useResizeObserver\";\nimport { useStableCallback } from \"../hooks/useStableCallback\";\nimport type { Align } from \"../types\";\nimport { getEstimatedSize as getEstimatedSizeUtil } from \"./getEstimatedSize\";\nimport { getOffsetForIndex } from \"./getOffsetForIndex\";\nimport { getStartStopIndices as getStartStopIndicesUtil } from \"./getStartStopIndices\";\nimport type { Direction, SizeFunction } from \"./types\";\nimport { useCachedBounds } from \"./useCachedBounds\";\nimport { useItemSize } from \"./useItemSize\";\n\nexport function useVirtualizer<Props extends object>({\n  containerElement,\n  containerStyle,\n  defaultContainerSize = 0,\n  direction,\n  itemCount,\n  itemProps,\n  itemSize: itemSizeProp,\n  onResize,\n  overscanCount\n}: {\n  containerElement: HTMLElement | null;\n  containerStyle?: CSSProperties;\n  defaultContainerSize?: number;\n  direction: Direction;\n  itemCount: number;\n  itemProps: Props;\n  itemSize: number | string | SizeFunction<Props>;\n  onResize:\n    | ((\n        size: { height: number; width: number },\n        prevSize: { height: number; width: number }\n      ) => void)\n    | undefined;\n  overscanCount: number;\n}) {\n  const [indices, setIndices] = useState([0, -1]);\n\n  // Guard against temporarily invalid indices that may occur when item count decreases\n  // Cached bounds object will be re-created and a second render will restore things\n  const [startIndex, stopIndex] = [\n    Math.min(itemCount - 1, indices[0]),\n    Math.min(itemCount - 1, indices[1])\n  ];\n\n  const { height = defaultContainerSize, width = defaultContainerSize } =\n    useResizeObserver({\n      defaultHeight:\n        direction === \"vertical\" ? defaultContainerSize : undefined,\n      defaultWidth:\n        direction === \"horizontal\" ? defaultContainerSize : undefined,\n      element: containerElement,\n      mode: direction === \"vertical\" ? \"only-height\" : \"only-width\",\n      style: containerStyle\n    });\n\n  const prevSizeRef = useRef<{ height: number; width: number }>({\n    height: 0,\n    width: 0\n  });\n\n  const containerSize = direction === \"vertical\" ? height : width;\n\n  const itemSize = useItemSize({ containerSize, itemSize: itemSizeProp });\n\n  useLayoutEffect(() => {\n    if (typeof onResize === \"function\") {\n      const prevSize = prevSizeRef.current;\n\n      if (prevSize.height !== height || prevSize.width !== width) {\n        onResize({ height, width }, { ...prevSize });\n\n        prevSize.height = height;\n        prevSize.width = width;\n      }\n    }\n  }, [height, onResize, width]);\n\n  const cachedBounds = useCachedBounds({\n    itemCount,\n    itemProps,\n    itemSize\n  });\n\n  const getCellBounds = useCallback(\n    (index: number) => cachedBounds.get(index),\n    [cachedBounds]\n  );\n\n  const getEstimatedSize = useCallback(\n    () =>\n      getEstimatedSizeUtil({\n        cachedBounds,\n        itemCount,\n        itemSize\n      }),\n    [cachedBounds, itemCount, itemSize]\n  );\n\n  const getStartStopIndices = useCallback(\n    (containerScrollOffset: number) =>\n      getStartStopIndicesUtil({\n        cachedBounds,\n        containerScrollOffset,\n        containerSize,\n        itemCount,\n        overscanCount\n      }),\n    [cachedBounds, containerSize, itemCount, overscanCount]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const scrollOffset =\n      (direction === \"vertical\"\n        ? containerElement?.scrollTop\n        : containerElement?.scrollLeft) ?? 0;\n    setIndices(getStartStopIndices(scrollOffset));\n  }, [containerElement, direction, getStartStopIndices]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerElement) {\n      return;\n    }\n\n    const onScroll = () => {\n      setIndices((prev) => {\n        const scrollOffset =\n          direction === \"vertical\"\n            ? containerElement.scrollTop\n            : containerElement.scrollLeft;\n\n        const next = getStartStopIndicesUtil({\n          cachedBounds,\n          containerScrollOffset: scrollOffset,\n          containerSize,\n          itemCount,\n          overscanCount\n        });\n\n        if (next[0] === prev[0] && next[1] === prev[1]) {\n          return prev;\n        }\n\n        return next;\n      });\n    };\n\n    containerElement.addEventListener(\"scroll\", onScroll);\n\n    return () => {\n      containerElement.removeEventListener(\"scroll\", onScroll);\n    };\n  }, [\n    cachedBounds,\n    containerElement,\n    containerSize,\n    direction,\n    itemCount,\n    overscanCount\n  ]);\n\n  const scrollToIndex = useStableCallback(\n    ({\n      align = \"auto\",\n      behavior = \"auto\",\n      containerScrollOffset,\n      index\n    }: {\n      align?: Align;\n      behavior?: ScrollBehavior;\n      containerScrollOffset: number;\n      index: number;\n    }) => {\n      const scrollOffset = getOffsetForIndex({\n        align,\n        cachedBounds,\n        containerScrollOffset,\n        containerSize,\n        index,\n        itemCount,\n        itemSize\n      });\n\n      if (containerElement) {\n        if (typeof containerElement.scrollTo === \"function\") {\n          if (direction === \"horizontal\") {\n            containerElement.scrollTo({\n              left: scrollOffset,\n              behavior: behavior || undefined\n            });\n          } else {\n            containerElement.scrollTo({\n              behavior: behavior || undefined,\n              top: scrollOffset\n            });\n          }\n        } else {\n          // Special case for environments like jsdom that don't implement scrollTo\n          const next = getStartStopIndices(scrollOffset);\n          if (next[0] !== startIndex || next[1] !== stopIndex) {\n            setIndices(next);\n          }\n        }\n      }\n    }\n  );\n\n  return {\n    getCellBounds,\n    getEstimatedSize,\n    scrollToIndex,\n    startIndex,\n    stopIndex\n  };\n}\n","import { useMemo } from \"react\";\n\nexport function useMemoizedObject<Type extends object>(\n  unstableObject: Type\n): Type {\n  return useMemo(() => {\n    return unstableObject;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, Object.values(unstableObject));\n}\n","import { assert } from \"./assert\";\n\nexport function shallowCompare<Type extends object>(\n  a: Type | undefined,\n  b: Type | undefined\n) {\n  if (a === b) {\n    return true;\n  }\n\n  if (!!a !== !!b) {\n    return false;\n  }\n\n  assert(a !== undefined);\n  assert(b !== undefined);\n\n  if (Object.keys(a).length !== Object.keys(b).length) {\n    return false;\n  }\n\n  for (const key in a) {\n    if (!Object.is(b[key], a[key])) {\n      return false;\n    }\n  }\n\n  return true;\n}\n","import type { CSSProperties } from \"react\";\nimport { shallowCompare } from \"./shallowCompare\";\n\n// Custom comparison function for React.memo()\n// It knows to compare individual style props and ignore the wrapper object.\n// See https://react.dev/reference/react/memo#memo\nexport function arePropsEqual(\n  prevProps: { style: CSSProperties },\n  nextProps: { style: CSSProperties }\n): boolean {\n  const { style: prevStyle, ...prevRest } = prevProps;\n  const { style: nextStyle, ...nextRest } = nextProps;\n\n  return (\n    shallowCompare(prevStyle, nextStyle) && shallowCompare(prevRest, nextRest)\n  );\n}\n","import {\n  memo,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type ReactNode\n} from \"react\";\nimport { useVirtualizer } from \"../../core/useVirtualizer\";\nimport { useMemoizedObject } from \"../../hooks/useMemoizedObject\";\nimport type { Align } from \"../../types\";\nimport { arePropsEqual } from \"../../utils/arePropsEqual\";\nimport type { GridProps } from \"./types\";\n\n// TODO Handle dir=rtl (onScroll, scrollToCell, scrollOffset)\n// TODO Handle scrollbar sizes (add width/height if necessary)\n\nexport function Grid<CellProps extends object>({\n  cellComponent: CellComponentProp,\n  cellProps: cellPropsUnstable,\n  className,\n  columnCount,\n  columnWidth,\n  defaultHeight = 0,\n  defaultWidth = 0,\n  gridRef,\n  onCellsRendered,\n  onResize,\n  overscanCount = 3,\n  rowCount,\n  rowHeight,\n  style,\n  ...rest\n}: GridProps<CellProps>) {\n  const cellProps = useMemoizedObject(cellPropsUnstable);\n  const CellComponent = useMemo(\n    () => memo(CellComponentProp, arePropsEqual),\n    [CellComponentProp]\n  );\n\n  const [element, setElement] = useState<HTMLDivElement | null>(null);\n\n  const {\n    getCellBounds: getColumnBounds,\n    getEstimatedSize: getEstimatedWidth,\n    startIndex: columnStartIndex,\n    scrollToIndex: scrollToColumnIndex,\n    stopIndex: columnStopIndex\n  } = useVirtualizer({\n    containerElement: element,\n    defaultContainerSize: defaultWidth,\n    direction: \"horizontal\",\n    itemCount: columnCount,\n    itemProps: cellProps,\n    itemSize: columnWidth,\n    onResize,\n    overscanCount\n  });\n\n  const {\n    getCellBounds: getRowBounds,\n    getEstimatedSize: getEstimatedHeight,\n    startIndex: rowStartIndex,\n    scrollToIndex: scrollToRowIndex,\n    stopIndex: rowStopIndex\n  } = useVirtualizer({\n    containerElement: element,\n    defaultContainerSize: defaultHeight,\n    direction: \"vertical\",\n    itemCount: rowCount,\n    itemProps: cellProps,\n    itemSize: rowHeight,\n    onResize,\n    overscanCount\n  });\n\n  useImperativeHandle(\n    gridRef,\n    () => ({\n      get element() {\n        return element;\n      },\n\n      scrollToCell({\n        behavior = \"auto\",\n        columnAlign = \"auto\",\n        columnIndex,\n        rowAlign = \"auto\",\n        rowIndex\n      }: {\n        behavior?: ScrollBehavior;\n        columnAlign?: Align;\n        columnIndex: number;\n        rowAlign?: Align;\n        rowIndex: number;\n      }) {\n        scrollToRowIndex({\n          align: rowAlign,\n          behavior,\n          containerScrollOffset: element?.scrollTop ?? 0,\n          index: rowIndex\n        });\n        scrollToColumnIndex({\n          align: columnAlign,\n          behavior,\n          containerScrollOffset: element?.scrollLeft ?? 0,\n          index: columnIndex\n        });\n      },\n\n      scrollToColumn({\n        align = \"auto\",\n        behavior = \"auto\",\n        index\n      }: {\n        align?: Align;\n        behavior?: ScrollBehavior;\n        index: number;\n      }) {\n        scrollToColumnIndex({\n          align,\n          behavior,\n          containerScrollOffset: element?.scrollLeft ?? 0,\n          index\n        });\n      },\n\n      scrollToRow({\n        align = \"auto\",\n        behavior = \"auto\",\n        index\n      }: {\n        align?: Align;\n        behavior?: ScrollBehavior;\n        index: number;\n      }) {\n        scrollToRowIndex({\n          align,\n          behavior,\n          containerScrollOffset: element?.scrollTop ?? 0,\n          index\n        });\n      }\n    }),\n    [element, scrollToColumnIndex, scrollToRowIndex]\n  );\n\n  useEffect(() => {\n    if (\n      columnStartIndex >= 0 &&\n      columnStopIndex >= 0 &&\n      rowStartIndex >= 0 &&\n      rowStopIndex >= 0 &&\n      onCellsRendered\n    ) {\n      onCellsRendered({\n        columnStartIndex,\n        columnStopIndex,\n        rowStartIndex,\n        rowStopIndex\n      });\n    }\n  }, [\n    onCellsRendered,\n    columnStartIndex,\n    columnStopIndex,\n    rowStartIndex,\n    rowStopIndex\n  ]);\n\n  const cells = useMemo(() => {\n    const children: ReactNode[] = [];\n    if (columnCount > 0 && rowCount > 0) {\n      for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {\n        const rowBounds = getRowBounds(rowIndex);\n        for (\n          let columnIndex = columnStartIndex;\n          columnIndex <= columnStopIndex;\n          columnIndex++\n        ) {\n          const columnBounds = getColumnBounds(columnIndex);\n\n          children.push(\n            <CellComponent\n              {...(cellProps as CellProps)}\n              columnIndex={columnIndex}\n              key={`${rowIndex}-${columnIndex}`}\n              rowIndex={rowIndex}\n              style={{\n                position: \"absolute\",\n                left: 0,\n                transform: `translate(${columnBounds.scrollOffset}px, ${rowBounds.scrollOffset}px)`,\n                height: rowCount > 1 ? rowBounds.size : \"100%\",\n                width: columnBounds.size\n              }}\n            />\n          );\n        }\n      }\n    }\n    return children;\n  }, [\n    CellComponent,\n    cellProps,\n    columnCount,\n    columnStartIndex,\n    columnStopIndex,\n    getColumnBounds,\n    getRowBounds,\n    rowCount,\n    rowStartIndex,\n    rowStopIndex\n  ]);\n\n  return (\n    <div\n      role=\"grid\"\n      {...rest}\n      className={className}\n      ref={setElement}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        ...style,\n        maxHeight: \"100%\",\n        maxWidth: \"100%\",\n        flexGrow: 1,\n        overflow: \"auto\"\n      }}\n    >\n      <div\n        className={className}\n        style={{\n          position: \"relative\",\n          height: getEstimatedHeight(),\n          width: getEstimatedWidth()\n        }}\n      >\n        {cells}\n      </div>\n    </div>\n  );\n}\n","import { useState } from \"react\";\nimport type { GridImperativeAPI } from \"./types\";\n\n/**\n * Convenience hook to return a properly typed ref callback for the Grid component.\n *\n * Use this hook when you need to share the ref with another component or hook.\n */\nexport const useGridCallbackRef =\n  useState as typeof useState<GridImperativeAPI | null>;\n","import { useRef } from \"react\";\nimport type { GridImperativeAPI } from \"./types\";\n\n/**\n * Convenience hook to return a properly typed ref for the Grid component.\n */\nexport const useGridRef = useRef as typeof useRef<GridImperativeAPI>;\n","import {\n  memo,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type ReactNode\n} from \"react\";\nimport { useVirtualizer } from \"../../core/useVirtualizer\";\nimport { useMemoizedObject } from \"../../hooks/useMemoizedObject\";\nimport type { Align } from \"../../types\";\nimport { arePropsEqual } from \"../../utils/arePropsEqual\";\nimport type { ListProps } from \"./types\";\n\nexport function List<RowProps extends object>({\n  className,\n  defaultHeight = 0,\n  listRef,\n  onResize,\n  onRowsRendered,\n  overscanCount = 3,\n  rowComponent: RowComponentProp,\n  rowCount,\n  rowHeight,\n  rowProps: rowPropsUnstable,\n  style,\n  ...rest\n}: ListProps<RowProps>) {\n  const rowProps = useMemoizedObject(rowPropsUnstable);\n  const RowComponent = useMemo(\n    () => memo(RowComponentProp, arePropsEqual),\n    [RowComponentProp]\n  );\n\n  const [element, setElement] = useState<HTMLDivElement | null>(null);\n\n  const {\n    getCellBounds,\n    getEstimatedSize,\n    scrollToIndex,\n    startIndex,\n    stopIndex\n  } = useVirtualizer({\n    containerElement: element,\n    defaultContainerSize: defaultHeight,\n    direction: \"vertical\",\n    itemCount: rowCount,\n    itemProps: rowProps,\n    itemSize: rowHeight,\n    onResize,\n    overscanCount\n  });\n\n  useImperativeHandle(\n    listRef,\n    () => ({\n      get element() {\n        return element;\n      },\n\n      scrollToRow({\n        align = \"auto\",\n        behavior = \"auto\",\n        index\n      }: {\n        align?: Align;\n        behavior?: ScrollBehavior;\n        index: number;\n      }) {\n        scrollToIndex({\n          align,\n          behavior,\n          containerScrollOffset: element?.scrollTop ?? 0,\n          index\n        });\n      }\n    }),\n    [element, scrollToIndex]\n  );\n\n  useEffect(() => {\n    if (startIndex >= 0 && stopIndex >= 0 && onRowsRendered) {\n      onRowsRendered({\n        startIndex,\n        stopIndex\n      });\n    }\n  }, [onRowsRendered, startIndex, stopIndex]);\n\n  const rows = useMemo(() => {\n    const children: ReactNode[] = [];\n    if (rowCount > 0) {\n      for (let index = startIndex; index <= stopIndex; index++) {\n        const bounds = getCellBounds(index);\n\n        children.push(\n          <RowComponent\n            {...(rowProps as RowProps)}\n            key={index}\n            index={index}\n            style={{\n              position: \"absolute\",\n              left: 0,\n              transform: `translateY(${bounds.scrollOffset}px)`,\n              height: bounds.size,\n              width: \"100%\"\n            }}\n          />\n        );\n      }\n    }\n    return children;\n  }, [RowComponent, getCellBounds, rowCount, rowProps, startIndex, stopIndex]);\n\n  return (\n    <div\n      role=\"list\"\n      {...rest}\n      className={className}\n      ref={setElement}\n      style={{\n        ...style,\n        maxHeight: \"100%\",\n        flexGrow: 1,\n        overflowY: \"auto\"\n      }}\n    >\n      <div\n        className={className}\n        style={{\n          height: getEstimatedSize(),\n          position: \"relative\",\n          width: \"100%\"\n        }}\n      >\n        {rows}\n      </div>\n    </div>\n  );\n}\n","import { useState } from \"react\";\nimport type { ListImperativeAPI } from \"./types\";\n\n/**\n * Convenience hook to return a properly typed ref callback for the List component.\n *\n * Use this hook when you need to share the ref with another component or hook.\n */\nexport const useListCallbackRef =\n  useState as typeof useState<ListImperativeAPI | null>;\n","import { useRef } from \"react\";\nimport type { ListImperativeAPI } from \"./types\";\n\n/**\n * Convenience hook to return a properly typed ref for the List component.\n */\nexport const useListRef = useRef as typeof useRef<ListImperativeAPI>;\n","let size: number = -1;\n\nexport function getScrollbarSize(recalculate: boolean = false): number {\n  if (size === -1 || recalculate) {\n    const div = document.createElement(\"div\");\n    const style = div.style;\n    style.width = \"50px\";\n    style.height = \"50px\";\n    style.overflow = \"scroll\";\n\n    document.body.appendChild(div);\n\n    size = div.offsetWidth - div.clientWidth;\n\n    document.body.removeChild(div);\n  }\n\n  return size;\n}\n\nexport function setScrollbarSizeForTests(value: number) {\n  size = value;\n}\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useEffect","parseNumericStyleValue","value","useResizeObserver","box","defaultHeight","defaultWidth","disabledProp","element","mode","style","styleHeight","styleWidth","useMemo","state","setState","useState","disabled","resizeObserver","entries","entry","contentRect","target","prevState","useStableCallback","fn","ref","useRef","useCallback","args","assert","expectedCondition","message","getEstimatedSize","cachedBounds","itemCount","itemSize","bounds","averageItemSize","getOffsetForIndex","align","index","containerScrollOffset","containerSize","estimatedTotalSize","maxOffset","minOffset","getStartStopIndices","overscanCount","maxIndex","startIndex","stopIndex","currentIndex","createCachedBounds","itemProps","cache","size","previousRowBounds","useCachedBounds","useItemSize","itemSizeProp","useVirtualizer","containerElement","containerStyle","defaultContainerSize","direction","onResize","indices","setIndices","height","width","prevSizeRef","prevSize","getCellBounds","getEstimatedSizeUtil","getStartStopIndicesUtil","scrollOffset","onScroll","prev","next","scrollToIndex","behavior","useMemoizedObject","unstableObject","shallowCompare","a","b","key","arePropsEqual","prevProps","nextProps","prevStyle","prevRest","nextStyle","nextRest","Grid","CellComponentProp","cellPropsUnstable","className","columnCount","columnWidth","gridRef","onCellsRendered","rowCount","rowHeight","rest","cellProps","CellComponent","memo","setElement","getColumnBounds","getEstimatedWidth","columnStartIndex","scrollToColumnIndex","columnStopIndex","getRowBounds","getEstimatedHeight","rowStartIndex","scrollToRowIndex","rowStopIndex","useImperativeHandle","columnAlign","columnIndex","rowAlign","rowIndex","cells","children","rowBounds","columnBounds","createElement","jsx","useGridCallbackRef","useGridRef","List","listRef","onRowsRendered","RowComponentProp","rowPropsUnstable","rowProps","RowComponent","rows","useListCallbackRef","useListRef","getScrollbarSize","recalculate","div"],"mappings":"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"}

package/dist/react-window.d.ts

@@ -25,7 +25,9 @@ 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 getScrollbarSize(recalculate?: boolean): number;
+
+export declare function Grid<CellProps extends object>({ cellComponent: CellComponentProp, cellProps: cellPropsUnstable, className, columnCount, columnWidth, defaultHeight, defaultWidth, gridRef, onCellsRendered, onResize, overscanCount, rowCount, rowHeight, style, ...rest }: GridProps<CellProps>): JSX.Element;
 
 export declare type GridImperativeAPI = {
     get element(): HTMLDivElement | null;
@@ -48,21 +50,11 @@ export declare type GridImperativeAPI = {
     }): void;
 };
 
-export declare type GridProps<CellProps extends object> = HTMLAttributes<HTMLDivElement> & {
+export declare type GridProps<CellProps extends object> = Omit<HTMLAttributes<HTMLDivElement>, "onResize"> & {
     /**
      * CSS class name.
      */
     className?: string;
-    /**
-     * Default height of grid for initial render.
-     * This value is important for server rendering.
-     */
-    defaultHeight?: number;
-    /**
-     * Default width of grid for initial render.
-     * This value is important for server rendering.
-     */
-    defaultWidth?: number;
     /**
      * React component responsible for rendering a cell.
      *
@@ -77,9 +69,10 @@ export declare type GridProps<CellProps extends object> = HTMLAttributes<HTMLDiv
         style: CSSProperties;
     } & CellProps) => ReactNode;
     /**
-     * Additional props to be passed to the cellComponent.
+     * Additional props to be passed to the cell-rendering component.
+     * Grid will automatically re-render cells when values in this object change.
      *
-     * ⚠️ This object must not contain either an `columnIndex`, `rowIndex`, or `style` prop.
+     * ⚠️ This object must not contain either an `index` or `style` prop.
      */
     cellProps: ExcludeForbiddenKeys<CellProps>;
     /**
@@ -87,9 +80,27 @@ export declare type GridProps<CellProps extends object> = HTMLAttributes<HTMLDiv
      */
     columnCount: number;
     /**
-     * Column width (in pixels) or a function that returns a column width (in pixels) given an index and `cellProps`.
+     * Column width; the following formats are supported:
+     * - number of pixels (number)
+     * - percentage of the grid's current width (string)
+     * - function that returns the row width (in pixels) given an index and `cellProps`
      */
-    columnWidth: number | ((index: number, cellProps: CellProps) => number);
+    columnWidth: number | string | ((index: number, cellProps: CellProps) => number);
+    /**
+     * Default height of grid for initial render.
+     * This value is important for server rendering.
+     */
+    defaultHeight?: number;
+    /**
+     * Default width of grid for initial render.
+     * This value is important for server rendering.
+     */
+    defaultWidth?: number;
+    /**
+     * Corresponds to the HTML dir attribute:
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/dir
+     */
+    dir?: "ltr" | "rtl";
     /**
      * Ref used to interact with this component's imperative API.
      *
@@ -107,6 +118,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.
@@ -117,9 +139,12 @@ export declare type GridProps<CellProps extends object> = HTMLAttributes<HTMLDiv
      */
     rowCount: number;
     /**
-     * Row height (in pixels) or a function that returns a row height (in pixels) given an index and `cellProps`.
+     * Row height; the following formats are supported:
+     * - number of pixels (number)
+     * - percentage of the grid's current height (string)
+     * - function that returns the row height (in pixels) given an index and `cellProps`
      */
-    rowHeight: number | ((index: number, cellProps: CellProps) => number);
+    rowHeight: number | string | ((index: number, cellProps: CellProps) => number);
     /**
      * Optional CSS properties.
      * The grid of cells will fill the height and width defined by this style.
@@ -127,7 +152,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, overscanCount, rowComponent: RowComponentProp, rowCount, rowHeight, rowProps: rowPropsUnstable, style, ...rest }: ListProps<RowProps>): JSX.Element;
 
 export declare type ListImperativeAPI = {
     get element(): HTMLDivElement | null;
@@ -138,7 +163,7 @@ export declare type ListImperativeAPI = {
     }): void;
 };
 
-export declare type ListProps<RowProps extends object> = HTMLAttributes<HTMLDivElement> & {
+export declare type ListProps<RowProps extends object> = Omit<HTMLAttributes<HTMLDivElement>, "onResize"> & {
     /**
      * CSS class name.
      */
@@ -156,6 +181,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.
      *
@@ -173,27 +221,19 @@ export declare type ListProps<RowProps extends object> = HTMLAttributes<HTMLDivE
      */
     rowCount: number;
     /**
-     * Row height (in pixels) or a function that returns a row height (in pixels) given its index and `rowProps` data.
+     * Row height; the following formats are supported:
+     * - number of pixels (number)
+     * - percentage of the grid's current height (string)
+     * - function that returns the row height (in pixels) given an index and `cellProps`
      */
-    rowHeight: number | ((index: number, rowProps: RowProps) => number);
+    rowHeight: number | string | ((index: number, cellProps: RowProps) => number);
     /**
-     * Additional props to be passed to the rowComponent.
+     * Additional props to be passed to the row-rendering component.
+     * List will automatically re-render rows when values in this object change.
      *
      * ⚠️ 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.