react-window 2.0.1 → 2.0.2

package/README.md

@@ -2,15 +2,17 @@
 
 `react-window` is a component library that helps render large lists of data quickly and without the performance problems that often go along with rendering a lot of data. It's used in a lot of places, from React DevTools to the Replay browser.
 
-## Sponsors
+## Support
 
-If you like this project, 🎉 [become a sponsor](https://github.com/sponsors/bvaughn/) or ☕ [buy me a coffee](http://givebrian.coffee/).
+If you like this project there are several ways to support it:
 
-The following wonderful companies have sponsored react-window:
+- [Become a GitHub sponsor](https://github.com/sponsors/bvaughn/)
+- [Become an Open Collective sponsor](https://opencollective.com/react-window#sponsor)
+- or [buy me a coffee](http://givebrian.coffee/)
 
-<a href="https://opencollective.com/react-window/sponsor/0/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/1/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/2/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/3/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/4/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/5/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/6/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/7/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/8/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/9/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/9/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/10/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/10/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/11/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/11/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/12/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/12/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/13/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/13/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/14/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/14/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/15/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/15/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/16/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/16/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/17/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/17/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/18/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/18/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/19/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/19/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/20/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/20/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/21/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/21/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/22/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/22/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/23/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/23/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/24/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/24/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/25/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/25/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/26/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/26/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/27/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/27/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/28/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/28/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/29/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/29/avatar.svg"></a>
+The following wonderful companies and individuals have sponsored react-window:
 
-[Learn more about becoming a sponsor!](https://opencollective.com/react-window#sponsor)
+<a href="https://opencollective.com/react-window/sponsor/0/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/1/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/2/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/3/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/4/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/5/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/6/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/7/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/8/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/9/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/9/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/10/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/10/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/11/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/11/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/12/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/12/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/13/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/13/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/14/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/14/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/15/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/15/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/16/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/16/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/17/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/17/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/18/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/18/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/19/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/19/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/20/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/20/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/21/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/21/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/22/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/22/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/23/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/23/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/24/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/24/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/25/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/25/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/26/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/26/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/27/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/27/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/28/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/28/avatar.svg"></a> <a href="https://opencollective.com/react-window/sponsor/29/website" target="_blank"><img src="https://opencollective.com/react-window/sponsor/29/avatar.svg"></a>
 
 <a href="https://opencollective.com/react-window/backer/0/website" target="_blank"><img src="https://opencollective.com/react-window/backer/0/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/1/website" target="_blank"><img src="https://opencollective.com/react-window/backer/1/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/2/website" target="_blank"><img src="https://opencollective.com/react-window/backer/2/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/3/website" target="_blank"><img src="https://opencollective.com/react-window/backer/3/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/4/website" target="_blank"><img src="https://opencollective.com/react-window/backer/4/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/5/website" target="_blank"><img src="https://opencollective.com/react-window/backer/5/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/6/website" target="_blank"><img src="https://opencollective.com/react-window/backer/6/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/7/website" target="_blank"><img src="https://opencollective.com/react-window/backer/7/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/8/website" target="_blank"><img src="https://opencollective.com/react-window/backer/8/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/9/website" target="_blank"><img src="https://opencollective.com/react-window/backer/9/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/10/website" target="_blank"><img src="https://opencollective.com/react-window/backer/10/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/11/website" target="_blank"><img src="https://opencollective.com/react-window/backer/11/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/12/website" target="_blank"><img src="https://opencollective.com/react-window/backer/12/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/13/website" target="_blank"><img src="https://opencollective.com/react-window/backer/13/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/14/website" target="_blank"><img src="https://opencollective.com/react-window/backer/14/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/15/website" target="_blank"><img src="https://opencollective.com/react-window/backer/15/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/16/website" target="_blank"><img src="https://opencollective.com/react-window/backer/16/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/17/website" target="_blank"><img src="https://opencollective.com/react-window/backer/17/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/18/website" target="_blank"><img src="https://opencollective.com/react-window/backer/18/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/19/website" target="_blank"><img src="https://opencollective.com/react-window/backer/19/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/20/website" target="_blank"><img src="https://opencollective.com/react-window/backer/20/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/21/website" target="_blank"><img src="https://opencollective.com/react-window/backer/21/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/22/website" target="_blank"><img src="https://opencollective.com/react-window/backer/22/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/23/website" target="_blank"><img src="https://opencollective.com/react-window/backer/23/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/24/website" target="_blank"><img src="https://opencollective.com/react-window/backer/24/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/25/website" target="_blank"><img src="https://opencollective.com/react-window/backer/25/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/26/website" target="_blank"><img src="https://opencollective.com/react-window/backer/26/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/27/website" target="_blank"><img src="https://opencollective.com/react-window/backer/27/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/28/website" target="_blank"><img src="https://opencollective.com/react-window/backer/28/avatar.svg"></a> <a href="https://opencollective.com/react-window/backer/29/website" target="_blank"><img src="https://opencollective.com/react-window/backer/29/avatar.svg"></a>
 
@@ -22,8 +24,6 @@ Begin by installing the library from NPM:
 npm install react-window
 ```
 
-and documentation is included within the docs folder.
-
 ## Documentation
 
 Documentation for this project is available at [react-window.vercel.app](https://react-window.vercel.app/).
@@ -38,8 +38,7 @@ npx serve -s docs
 npx serve -s ./node_modules/react-window/docs
 ```
 
-> [!NOTE]
-> Older version 1.x documentation can be found at [react-window-v1.vercel.app](https://react-window-v1.vercel.app/) or on the NPM page for a specific version, e.g. [1.8.11](https://www.npmjs.com/package/react-window/v/1.8.11).)
+> **Note**: Older version 1.x documentation can be found at [react-window-v1.vercel.app](https://react-window-v1.vercel.app/) or on the NPM page for a specific version, e.g. [1.8.11](https://www.npmjs.com/package/react-window/v/1.8.11).)
 
 ## TypeScript types
 

package/dist/react-window.cjs

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

package/dist/react-window.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"react-window.cjs","sources":["../lib/utils/isRtl.ts","../lib/core/useIsRtl.ts","../lib/hooks/useIsomorphicLayoutEffect.ts","../lib/utils/parseNumericStyleValue.ts","../lib/hooks/useResizeObserver.ts","../lib/hooks/useStableCallback.ts","../lib/utils/getRTLOffsetType.ts","../lib/utils/adjustScrollOffsetForRtl.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":["export function isRtl(element: HTMLElement) {\n  let currentElement: HTMLElement | null = element;\n  while (currentElement) {\n    if (currentElement.dir) {\n      return currentElement.dir === \"rtl\";\n    }\n\n    currentElement = currentElement.parentElement;\n  }\n\n  return false;\n}\n","import { useLayoutEffect, useState, type HTMLAttributes } from \"react\";\nimport { isRtl } from \"../utils/isRtl\";\n\nexport function useIsRtl(\n  element: HTMLElement | null,\n  dir: HTMLAttributes<HTMLElement>[\"dir\"]\n) {\n  const [value, setValue] = useState(dir === \"rtl\");\n\n  useLayoutEffect(() => {\n    if (element) {\n      if (!dir) {\n        setValue(isRtl(element));\n      }\n    }\n  }, [dir, element]);\n\n  return value;\n}\n","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 type RTLOffsetType =\n  | \"negative\"\n  | \"positive-descending\"\n  | \"positive-ascending\";\n\nlet cachedRTLResult: RTLOffsetType | null = null;\n\n// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n// The safest way to check this is to intentionally set a negative offset,\n// and then verify that the subsequent \"scroll\" event matches the negative offset.\n// If it does not match, then we can assume a non-standard RTL scroll implementation.\nexport function getRTLOffsetType(recalculate: boolean = false): RTLOffsetType {\n  if (cachedRTLResult === null || recalculate) {\n    const outerDiv = document.createElement(\"div\");\n    const outerStyle = outerDiv.style;\n    outerStyle.width = \"50px\";\n    outerStyle.height = \"50px\";\n    outerStyle.overflow = \"scroll\";\n    outerStyle.direction = \"rtl\";\n\n    const innerDiv = document.createElement(\"div\");\n    const innerStyle = innerDiv.style;\n    innerStyle.width = \"100px\";\n    innerStyle.height = \"100px\";\n\n    outerDiv.appendChild(innerDiv);\n\n    document.body.appendChild(outerDiv);\n\n    if (outerDiv.scrollLeft > 0) {\n      cachedRTLResult = \"positive-descending\";\n    } else {\n      outerDiv.scrollLeft = 1;\n      if (outerDiv.scrollLeft === 0) {\n        cachedRTLResult = \"negative\";\n      } else {\n        cachedRTLResult = \"positive-ascending\";\n      }\n    }\n\n    document.body.removeChild(outerDiv);\n\n    return cachedRTLResult;\n  }\n\n  return cachedRTLResult;\n}\n","import type { Direction } from \"../core/types\";\nimport { getRTLOffsetType } from \"./getRTLOffsetType\";\n\nexport function adjustScrollOffsetForRtl({\n  containerElement,\n  direction,\n  isRtl,\n  scrollOffset\n}: {\n  containerElement: HTMLElement | null;\n  direction: Direction;\n  isRtl: boolean;\n  scrollOffset: number;\n}) {\n  // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n  // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n  // So we need to determine which browser behavior we're dealing with, and mimic it.\n  if (direction === \"horizontal\") {\n    if (isRtl) {\n      switch (getRTLOffsetType()) {\n        case \"negative\": {\n          return -scrollOffset;\n        }\n        case \"positive-descending\": {\n          if (containerElement) {\n            const { clientWidth, scrollLeft, scrollWidth } = containerElement;\n            return scrollWidth - clientWidth - scrollLeft;\n          }\n          break;\n        }\n      }\n    }\n  }\n  return scrollOffset;\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 { adjustScrollOffsetForRtl } from \"../utils/adjustScrollOffsetForRtl\";\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  isRtl = false,\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  isRtl?: boolean;\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    (scrollOffset: number) => {\n      const containerScrollOffset = adjustScrollOffsetForRtl({\n        containerElement,\n        direction,\n        isRtl,\n        scrollOffset\n      });\n\n      return getStartStopIndicesUtil({\n        cachedBounds,\n        containerScrollOffset,\n        containerSize,\n        itemCount,\n        overscanCount\n      });\n    },\n    [\n      cachedBounds,\n      containerElement,\n      containerSize,\n      direction,\n      isRtl,\n      itemCount,\n      overscanCount\n    ]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const scrollOffset =\n      (direction === \"vertical\"\n        ? containerElement?.scrollTop\n        : containerElement?.scrollLeft) ?? 0;\n\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 { scrollLeft, scrollTop } = containerElement;\n\n        const scrollOffset = adjustScrollOffsetForRtl({\n          containerElement,\n          direction,\n          isRtl,\n          scrollOffset: direction === \"vertical\" ? scrollTop : scrollLeft\n        });\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      let scrollOffset = getOffsetForIndex({\n        align,\n        cachedBounds,\n        containerScrollOffset,\n        containerSize,\n        index,\n        itemCount,\n        itemSize\n      });\n\n      if (containerElement) {\n        scrollOffset = adjustScrollOffsetForRtl({\n          containerElement,\n          direction,\n          isRtl,\n          scrollOffset\n        });\n\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 { useIsRtl } from \"../../core/useIsRtl\";\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\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  dir,\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 isRtl = useIsRtl(element, dir);\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    isRtl,\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: isRtl ? undefined : 0,\n                right: isRtl ? 0 : undefined,\n                transform: `translate(${isRtl ? -columnBounds.scrollOffset : 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    isRtl,\n    rowCount,\n    rowStartIndex,\n    rowStopIndex\n  ]);\n\n  return (\n    <div\n      {...rest}\n      className={className}\n      dir={dir}\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      {...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":["isRtl","element","currentElement","useIsRtl","dir","value","setValue","useState","useLayoutEffect","useIsomorphicLayoutEffect","useEffect","parseNumericStyleValue","useResizeObserver","box","defaultHeight","defaultWidth","disabledProp","mode","style","styleHeight","styleWidth","useMemo","state","setState","disabled","resizeObserver","entries","entry","contentRect","target","prevState","useStableCallback","fn","ref","useRef","useCallback","args","cachedRTLResult","getRTLOffsetType","recalculate","outerDiv","outerStyle","innerDiv","innerStyle","adjustScrollOffsetForRtl","containerElement","direction","scrollOffset","clientWidth","scrollLeft","scrollWidth","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","containerStyle","defaultContainerSize","onResize","indices","setIndices","height","width","prevSizeRef","prevSize","getCellBounds","getEstimatedSizeUtil","getStartStopIndicesUtil","onScroll","prev","scrollTop","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","div"],"mappings":"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"}
+{"version":3,"file":"react-window.cjs","sources":["../lib/utils/isRtl.ts","../lib/core/useIsRtl.ts","../lib/hooks/useIsomorphicLayoutEffect.ts","../lib/utils/parseNumericStyleValue.ts","../lib/hooks/useResizeObserver.ts","../lib/hooks/useStableCallback.ts","../lib/utils/getRTLOffsetType.ts","../lib/utils/adjustScrollOffsetForRtl.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":["export function isRtl(element: HTMLElement) {\n  let currentElement: HTMLElement | null = element;\n  while (currentElement) {\n    if (currentElement.dir) {\n      return currentElement.dir === \"rtl\";\n    }\n\n    currentElement = currentElement.parentElement;\n  }\n\n  return false;\n}\n","import { useLayoutEffect, useState, type HTMLAttributes } from \"react\";\nimport { isRtl } from \"../utils/isRtl\";\n\nexport function useIsRtl(\n  element: HTMLElement | null,\n  dir: HTMLAttributes<HTMLElement>[\"dir\"]\n) {\n  const [value, setValue] = useState(dir === \"rtl\");\n\n  useLayoutEffect(() => {\n    if (element) {\n      if (!dir) {\n        setValue(isRtl(element));\n      }\n    }\n  }, [dir, element]);\n\n  return value;\n}\n","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 type RTLOffsetType =\n  | \"negative\"\n  | \"positive-descending\"\n  | \"positive-ascending\";\n\nlet cachedRTLResult: RTLOffsetType | null = null;\n\n// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n// The safest way to check this is to intentionally set a negative offset,\n// and then verify that the subsequent \"scroll\" event matches the negative offset.\n// If it does not match, then we can assume a non-standard RTL scroll implementation.\nexport function getRTLOffsetType(recalculate: boolean = false): RTLOffsetType {\n  if (cachedRTLResult === null || recalculate) {\n    const outerDiv = document.createElement(\"div\");\n    const outerStyle = outerDiv.style;\n    outerStyle.width = \"50px\";\n    outerStyle.height = \"50px\";\n    outerStyle.overflow = \"scroll\";\n    outerStyle.direction = \"rtl\";\n\n    const innerDiv = document.createElement(\"div\");\n    const innerStyle = innerDiv.style;\n    innerStyle.width = \"100px\";\n    innerStyle.height = \"100px\";\n\n    outerDiv.appendChild(innerDiv);\n\n    document.body.appendChild(outerDiv);\n\n    if (outerDiv.scrollLeft > 0) {\n      cachedRTLResult = \"positive-descending\";\n    } else {\n      outerDiv.scrollLeft = 1;\n      if (outerDiv.scrollLeft === 0) {\n        cachedRTLResult = \"negative\";\n      } else {\n        cachedRTLResult = \"positive-ascending\";\n      }\n    }\n\n    document.body.removeChild(outerDiv);\n\n    return cachedRTLResult;\n  }\n\n  return cachedRTLResult;\n}\n","import type { Direction } from \"../core/types\";\nimport { getRTLOffsetType } from \"./getRTLOffsetType\";\n\nexport function adjustScrollOffsetForRtl({\n  containerElement,\n  direction,\n  isRtl,\n  scrollOffset\n}: {\n  containerElement: HTMLElement | null;\n  direction: Direction;\n  isRtl: boolean;\n  scrollOffset: number;\n}) {\n  // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n  // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n  // So we need to determine which browser behavior we're dealing with, and mimic it.\n  if (direction === \"horizontal\") {\n    if (isRtl) {\n      switch (getRTLOffsetType()) {\n        case \"negative\": {\n          return -scrollOffset;\n        }\n        case \"positive-descending\": {\n          if (containerElement) {\n            const { clientWidth, scrollLeft, scrollWidth } = containerElement;\n            return scrollWidth - clientWidth - scrollLeft;\n          }\n          break;\n        }\n      }\n    }\n  }\n  return scrollOffset;\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 { adjustScrollOffsetForRtl } from \"../utils/adjustScrollOffsetForRtl\";\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  isRtl = false,\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  isRtl?: boolean;\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    (scrollOffset: number) => {\n      const containerScrollOffset = adjustScrollOffsetForRtl({\n        containerElement,\n        direction,\n        isRtl,\n        scrollOffset\n      });\n\n      return getStartStopIndicesUtil({\n        cachedBounds,\n        containerScrollOffset,\n        containerSize,\n        itemCount,\n        overscanCount\n      });\n    },\n    [\n      cachedBounds,\n      containerElement,\n      containerSize,\n      direction,\n      isRtl,\n      itemCount,\n      overscanCount\n    ]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const scrollOffset =\n      (direction === \"vertical\"\n        ? containerElement?.scrollTop\n        : containerElement?.scrollLeft) ?? 0;\n\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 { scrollLeft, scrollTop } = containerElement;\n\n        const scrollOffset = adjustScrollOffsetForRtl({\n          containerElement,\n          direction,\n          isRtl,\n          scrollOffset: direction === \"vertical\" ? scrollTop : scrollLeft\n        });\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      containerScrollOffset,\n      index\n    }: {\n      align?: Align;\n      containerScrollOffset: number;\n      index: number;\n    }) => {\n      let scrollOffset = getOffsetForIndex({\n        align,\n        cachedBounds,\n        containerScrollOffset,\n        containerSize,\n        index,\n        itemCount,\n        itemSize\n      });\n\n      if (containerElement) {\n        scrollOffset = adjustScrollOffsetForRtl({\n          containerElement,\n          direction,\n          isRtl,\n          scrollOffset\n        });\n\n        if (typeof containerElement.scrollTo !== \"function\") {\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        return scrollOffset;\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 { useIsRtl } from \"../../core/useIsRtl\";\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\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  dir,\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 isRtl = useIsRtl(element, dir);\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    isRtl,\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        const left = scrollToColumnIndex({\n          align: columnAlign,\n          containerScrollOffset: element?.scrollLeft ?? 0,\n          index: columnIndex\n        });\n        const top = scrollToRowIndex({\n          align: rowAlign,\n          containerScrollOffset: element?.scrollTop ?? 0,\n          index: rowIndex\n        });\n\n        if (typeof element?.scrollTo === \"function\") {\n          element.scrollTo({\n            behavior,\n            left,\n            top\n          });\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        const left = scrollToColumnIndex({\n          align,\n          containerScrollOffset: element?.scrollLeft ?? 0,\n          index\n        });\n\n        if (typeof element?.scrollTo === \"function\") {\n          element.scrollTo({\n            behavior,\n            left\n          });\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        const top = scrollToRowIndex({\n          align,\n          containerScrollOffset: element?.scrollTop ?? 0,\n          index\n        });\n\n        if (typeof element?.scrollTo === \"function\") {\n          element.scrollTo({\n            behavior,\n            top\n          });\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: isRtl ? undefined : 0,\n                right: isRtl ? 0 : undefined,\n                transform: `translate(${isRtl ? -columnBounds.scrollOffset : 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    isRtl,\n    rowCount,\n    rowStartIndex,\n    rowStopIndex\n  ]);\n\n  return (\n    <div\n      {...rest}\n      className={className}\n      dir={dir}\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        const top = scrollToIndex({\n          align,\n          containerScrollOffset: element?.scrollTop ?? 0,\n          index\n        });\n\n        if (typeof element?.scrollTo === \"function\") {\n          element.scrollTo({\n            behavior,\n            top\n          });\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      {...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":["isRtl","element","currentElement","useIsRtl","dir","value","setValue","useState","useLayoutEffect","useIsomorphicLayoutEffect","useEffect","parseNumericStyleValue","useResizeObserver","box","defaultHeight","defaultWidth","disabledProp","mode","style","styleHeight","styleWidth","useMemo","state","setState","disabled","resizeObserver","entries","entry","contentRect","target","prevState","useStableCallback","fn","ref","useRef","useCallback","args","cachedRTLResult","getRTLOffsetType","recalculate","outerDiv","outerStyle","innerDiv","innerStyle","adjustScrollOffsetForRtl","containerElement","direction","scrollOffset","clientWidth","scrollLeft","scrollWidth","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","containerStyle","defaultContainerSize","onResize","indices","setIndices","height","width","prevSizeRef","prevSize","getCellBounds","getEstimatedSizeUtil","getStartStopIndicesUtil","onScroll","prev","scrollTop","next","scrollToIndex","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","behavior","columnAlign","columnIndex","rowAlign","rowIndex","left","top","cells","children","rowBounds","columnBounds","createElement","jsx","useGridCallbackRef","useGridRef","List","listRef","onRowsRendered","RowComponentProp","rowPropsUnstable","rowProps","RowComponent","rows","useListCallbackRef","useListRef","getScrollbarSize","div"],"mappings":"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"}