virtua 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +6 -4
  2. package/lib/index.js +1 -1
  3. package/lib/index.js.map +1 -1
  4. package/lib/index.mjs +1 -1
  5. package/lib/index.mjs.map +1 -1
  6. package/package.json +13 -13
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ![npm](https://img.shields.io/npm/v/virtua) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/virtua) ![npm](https://img.shields.io/npm/dw/virtua) [![check](https://github.com/inokawa/virtua/actions/workflows/check.yml/badge.svg)](https://github.com/inokawa/virtua/actions/workflows/check.yml) [![demo](https://github.com/inokawa/virtua/actions/workflows/demo.yml/badge.svg)](https://github.com/inokawa/virtua/actions/workflows/demo.yml)
4
4
 
5
- A zero-config, fast and small (3kB) virtual list and grid component for [React](https://github.com/facebook/react).
5
+ A zero-config, fast and small (~3kB) virtual list and grid component for [React](https://github.com/facebook/react).
6
6
 
7
7
  If you want to check the difference with the alternatives right away, [see comparison section](#comparison).
8
8
 
@@ -12,7 +12,7 @@ This project is a challenge to rethink virtualization. The goals are...
12
12
 
13
13
  - **Minimal setup:** This library is designed to give the best performance with no configuration, not like alternatives, and also it handles common hard things in the real world (dynamic size measurement, scroll position adjustment in bottom-up scrolling and imperative scrolling, etc).
14
14
  - **Fast:** Scrolling without frame drop needs optimization in many aspects (reduce CPU usage, reduce GC, [reduce layout recalculation](https://gist.github.com/paulirish/5d52fb081b3570c81e3a), optimize for frameworks, etc). We are trying to combine the best of them.
15
- - **Small:** Its bundle size should be small as much as possible to be friendly with modern web development. Currently [about 3kB gzipped](https://bundlephobia.com/package/virtua).
15
+ - **Small:** Its bundle size should be small as much as possible to be friendly with modern web development. Currently each components are ~3kB gzipped and the total is [~4kB gzipped](https://bundlephobia.com/package/virtua).
16
16
  - **Flexible:** Aiming to support many usecases - fixed size, dynamic size, horizontal scrolling, reverse scrolling, rtl direction, sticky, infinite scrolling, placeholder, scrollTo, dnd, table, and more. See [live demo](#demo).
17
17
  - **Framework agnostic (WIP):** Currently only for [React](https://react.dev/) but we could support [Vue](https://vuejs.org/), [Svelte](https://svelte.dev/), [Solid](https://www.solidjs.com/), [Web Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) and more in the future.
18
18
 
@@ -32,6 +32,8 @@ npm install virtua
32
32
 
33
33
  If you use ESM and webpack 5, use react >= 18 to avoid [Can't resolve `react/jsx-runtime` error](https://github.com/facebook/react/issues/20235).
34
34
 
35
+ If you use this lib in [legacy browsers which does not have ResizeObserver](https://caniuse.com/?search=resizeobserver), you should use [polyfill](https://github.com/juggle/resize-observer#switching-between-native-and-polyfilled-versions).
36
+
35
37
  ## Usage
36
38
 
37
39
  ### Vertical scroll
@@ -124,10 +126,10 @@ WIP
124
126
 
125
127
  | | [virtua](https://github.com/inokawa/virtua) | [react-virtuoso](https://github.com/petyosi/react-virtuoso) | [react-window](https://github.com/bvaughn/react-window) | [react-virtualized](https://github.com/bvaughn/react-virtualized) | [@tanstack/react-virtual](https://github.com/TanStack/virtual) | [react-cool-virtual](https://github.com/wellyshen/react-cool-virtual) |
126
128
  | :------------------------------------------------- | :------------------------------------------------------- | :---------------------------------------------------------------- | :------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------ | :-------------------------------------------------------------------- |
127
- | Bundle size | [3.1kB gzipped](https://bundlephobia.com/package/virtua) | [16.3kB gzipped](https://bundlephobia.com/package/react-virtuoso) | [6.4kB gzipped](https://bundlephobia.com/package/react-window) | [27.3kB gzipped](https://bundlephobia.com/package/react-virtualized) | [2.3kB gzipped](https://bundlephobia.com/package/@tanstack/react-virtual) | [3.1kB gzipped](https://bundlephobia.com/package/react-cool-virtual) |
129
+ | Bundle size | [4.2kB gzipped](https://bundlephobia.com/package/virtua) | [16.3kB gzipped](https://bundlephobia.com/package/react-virtuoso) | [6.4kB gzipped](https://bundlephobia.com/package/react-window) | [27.3kB gzipped](https://bundlephobia.com/package/react-virtualized) | [2.3kB gzipped](https://bundlephobia.com/package/@tanstack/react-virtual) | [3.1kB gzipped](https://bundlephobia.com/package/react-cool-virtual) |
128
130
  | Vertical scroll | ✅ | ✅ | ✅ | ✅ | 🟠 (needs customization) | 🟠 (needs customization) |
129
131
  | Horizontal scroll | ✅ | ✅ | ✅ | ✅ | 🟠 (needs customization) | 🟠 (needs customization) |
130
- | Grid (Virtualization for both direction) | ✅ | ❌ | ✅ (FixedSizeGrid / VariableSizeGrid) | ✅ ([Grid](https://github.com/bvaughn/react-virtualized/blob/master/docs/Grid.md)) | 🟠 (needs customization) | 🟠 (needs customization) |
132
+ | Grid (Virtualization for two dimension) | ✅ | ❌ | ✅ (FixedSizeGrid / VariableSizeGrid) | ✅ ([Grid](https://github.com/bvaughn/react-virtualized/blob/master/docs/Grid.md)) | 🟠 (needs customization) | 🟠 (needs customization) |
131
133
  | Table | 🟠 (needs customization) | ✅ (TableVirtuoso) | 🟠 (needs customization) | ✅ ([Table](https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md)) | 🟠 (needs customization) | 🟠 (needs customization) |
132
134
  | Window scroller | ❌ | ✅ | ❌ | ✅ ([WindowScroller](https://github.com/bvaughn/react-virtualized/blob/master/docs/WindowScroller.md)) | ✅ | ❌ |
133
135
  | Dynamic list size | ✅ | ✅ | 🟠 (needs [AutoSizer](https://github.com/bvaughn/react-virtualized/blob/master/docs/AutoSizer.md)) | 🟠 (needs [AutoSizer](https://github.com/bvaughn/react-virtualized/blob/master/docs/AutoSizer.md)) | ✅ | ✅ |
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("react/jsx-runtime"),t=require("react"),r=require("use-sync-external-store/shim/index.js");const n=Math.min,o=Math.max,i=Date.now,l=e=>null!=e,s=(e,t)=>Array.from({length:e},((e,r)=>t(r))),c=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},u=(e,t)=>{const r=e.t[t];return-1===r?e.o:r},d=(e,t,r)=>{if(!e.i)return 0;if(e.l>=t)return r?e.u[t]+u(e,t):e.u[t];let n=e.l,o=e.u[n];for(;n<=t&&(e.u[n]=o,n!==t||r);)o+=u(e,n),n++;return e.l=t,o},a=(e,t)=>d(e,t),_=(e,t,r)=>{let i=0;if(r>=0)for(;t<e.i-1;){const n=u(e,t++);if((i+=n)>=r){i-n/2>=r&&t--;break}}else for(;t>0;){const n=u(e,--t);if((i-=n)<=r){i+n/2<r&&t++;break}}return n(o(t,0),e.i-1)},h=(e,t,r,n)=>_(e,r,t-n),f=_,g=(e,t,r)=>({o:t,i:e,l:r?n(r.l,e-1):0,t:s(e,(e=>{const t=r&&r.t[e];return l(t)?t:-1})),u:s(e,(e=>{if(0===e)return 0;const t=r&&r.u[e];return l(t)?t:-1}))}),m=(e,t,r,i,l=0,s,c)=>{let _,m=t*o(l-1,0),w=0,S=[],v=g(e,t),p=0,z=[0,l];const I=new Set;return{_(){const[e,t]=z,r=a(v,e),n=h(v,w,e,r),o=f(v,n,m);return e===n&&t===o?z:z=[n,o]},h:e=>-1===v.t[e],g:e=>((e,t,r)=>{for(let n=t;n<=r;n++)if(-1===e.t[n])return!0;return!1})(v,e,f(v,e,m)),m:e=>a(v,e),S:e=>u(v,e),v:()=>w,p:()=>m,I:()=>(e=>d(e,e.i-1,!0))(v),R:()=>S,T:()=>r,M:()=>i,C:e=>h(v,e,0,0),O:()=>(_&&_[1](),new Promise(((e,t)=>{_=[()=>{Promise.resolve().then((()=>{e(),_=void 0}))},t]}))),W:e=>(I.add(e),()=>{I.delete(e)}),H(e,t){const r=(()=>{switch(e){case 1:{const e=t.filter((([e,t])=>v.t[e]!==t));if(!e.length)return!1;const r=[];return e.forEach((([e,t])=>{r.push([t-u(v,e),e]),((e,t,r)=>{e.t[t]=r,e.l=n(t,e.l)})(v,e,t)})),S=r,!0}case 2:return m!==t&&(m=t,!0);case 3:case 4:{const e=w;return(w=t)!==e}}})();r&&(I.forEach((e=>{e()})),3===e?c(w):_&&1===e&&_[0]())},k:()=>p,D(e){const t=p;p=e,0===p?s(!1):0!==t||1!==p&&2!==p||s(!0)},J(e){v.i!==e&&(v=g(e,t,v))}}},w="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,S=(e,t)=>r.useSyncExternalStore(e,t,t),v=c((e=>{const t="scrollLeft",r=e[t];e[t]=1;const n=0===e[t];return e[t]=r,n})),p=(e,t)=>{let r;const s=e.T(),c=e.M(),u=s?"scrollLeft":"scrollTop",d=()=>r?s?r.scrollWidth:r.scrollHeight:0,a=(t,n)=>{r&&(s&&c&&v(r)&&(t*=-1),n?r[u]+=t:(r[u]=t,e.D(3)))},_=async(t,r)=>{const n=()=>{let t=r();const n=d(),o=e.p();return n-(t+o)<=0&&(t=n-o),t};if(e.g(t)){do{e.H(4,n());try{await e.O()}catch(e){return}}while(e.g(t));a(n())}else{const t=n();a(t),e.H(4,t)}},h=e=>e.reduce(((e,[t])=>e+t),0);return{$(n){r=n;const o=()=>{let r=n[u];s&&c&&v(n)&&(r*=-1);const o=e.v();if(o===r)return;const i=e.k(),l=t();0!==i&&l||3===i||e.D(o>r?2:1),e.H(3,r)},d=(()=>{let t;const r=()=>{l(t)&&clearTimeout(t)},n=()=>{r(),t=setTimeout((()=>{t=null,o(),e.D(0)}),150)};return n.q=r,n})(),a=()=>{o(),d()},_=(()=>{let t=i()-50;return(...r)=>{const n=i();t+50<n&&(t=n,(t=>{if(0!==e.k()&&!t.ctrlKey&&(s?t.deltaX:t.deltaY)){const t=e.v();t>0&&t<e.I()-e.p()&&d()}})(...r))}})();return n.addEventListener("scroll",a),n.addEventListener("wheel",_,{passive:!0}),()=>{n.removeEventListener("scroll",a),n.removeEventListener("wheel",_),d.q()}},L:d,j(t){t=o(t,0),_(e.C(t),(()=>t))},A(t,r){t=o(n(t,r-1),0),_(t,(()=>e.m(t)))},F:(t,r)=>{const n=e.k();if(2===n){const e=h(t);e&&a(e,!0)}else if(3===n){const n=e.v();if(0===n);else{const o=h(t);if(e.I()-(n+e.p()+o)<=0)o&&a(n+o);else{const e=t.reduce(((e,[t,n])=>(n<r&&(e+=t),e)),0);e&&a(e,!0)}}}}}},z="current",I=e=>{const r=t.useRef();return r[z]||(r[z]=e())},b=e=>{const r=t.useRef(e);return w((()=>{r[z]=e}),[e]),r},x=t.memo((({P:r,U:n,B:o,V:i,G:l})=>{const s=t.useRef(null),c=S(o.W,(()=>o.m(i))),u=S(o.W,(()=>o.h(i)));return w((()=>n.K(s[z],i)),[i]),e.jsx(l,{ref:s,style:t.useMemo((()=>{const e=o.T(),t=o.M()?"right":"left",r={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":t]:0,[e?t:"top"]:c,visibility:u?"hidden":"visible"};return e&&(r.display="flex"),r}),[c,u]),children:r})})),y=t.forwardRef((({children:r,scrollSize:n,scrolling:o,horizontal:i,attrs:l},s)=>e.jsx("div",{ref:s,...l,children:e.jsx("div",{style:t.useMemo((()=>({position:"relative",visibility:"hidden",width:i?n:"100%",height:i?"100%":n,pointerEvents:o?"none":"auto"})),[n,o]),children:r})}))),R=({P:r,N:n,B:o,G:i,X:l,Y:s})=>{const c=S(o.W,o.I),u=o.T();return e.jsx(i,{ref:n,scrollSize:c,scrolling:l,horizontal:u,attrs:t.useMemo((()=>({...s,style:{overflow:u?"auto hidden":"hidden auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...s.style}})),[s]),children:r})},T=t.forwardRef((({children:r,itemSize:i=40,overscan:s=4,initialItemCount:u,horizontal:d,rtl:a,element:_=y,itemElement:h="div",onScroll:f,onScrollStop:g,onRangeChange:v,...T},M)=>{const C=t.useMemo((()=>{const e=[];return t.Children.forEach(r,(t=>{(e=>!l(e)||"boolean"==typeof e)(t)||e.push(t)})),e}),[r]),O=C.length,W=b(f),H=b(g),[k,D]=t.useState(new Set),[E,J]=t.useState(!1),[$,q,L]=I((()=>{const e=m(O,i,!!d,!!a,u,(e=>{J(e),e||(D(new Set),H[z]&&H[z]())}),(e=>{W[z]&&W[z](e)})),t=(e=>{let t,r=!1;const n=e.T()?"width":"height",o=new WeakMap,i=c((()=>new ResizeObserver((i=>{const s=[];for(const{target:r,contentRect:c}of i)if(r===t)e.H(2,c[n]);else{const e=o.get(r);l(e)&&s.push([e,c[n]])}s.length&&(e.H(1,s),r=!0)}))));return{Z(e){t=e;const r=i();return r.observe(e),()=>{r.disconnect()}},K(e,t){const r=i();return o.set(e,t),r.observe(e),()=>{o.delete(e),r.unobserve(e)}},ee(){const e=r;return r=!1,e}}})(e);return[e,t,p(e,t.ee)]}));$.J(O);const[j,A]=S($.W,$._),F=S($.W,$.R),P=t.useRef(null);w((()=>{const e=P[z],t=q.Z(e),r=L.$(e);return()=>{t(),r()}}),[]),w((()=>{F.length&&L.F(F,j)}),[F]),t.useEffect((()=>{v&&v({start:j,end:A,count:O})}),[j,A]),t.useImperativeHandle(M,(()=>({get scrollOffset(){return $.v()},get scrollSize(){return L.L()},get viewportSize(){return $.p()},scrollToIndex(e){L.A(e,O)},scrollTo:L.j,scrollBy(e){L.j($.v()+e)}})),[O]);const U=o(j-s,0),B=n(A+s,O-1),V=t.useMemo((()=>{const t=[];for(let e=U;e<=B;e++)k.add(e);return k.forEach((r=>{const n=C[r];l(n)&&t.push(e.jsx(x,{U:q,B:$,V:r,G:h,P:n},(null==n?void 0:n.key)||r))})),t}),[C,k,U,B]);return e.jsx(R,{N:P,B:$,G:_,X:E,P:V,Y:T})})),M=(e,t)=>`${e}-${t}`,C=t.memo((({P:r,U:n,te:o,re:i,ne:l,oe:s,G:c})=>{const u=t.useRef(null),d=S(o.W,(()=>o.m(l))),a=S(i.W,(()=>i.m(s))),_=S(o.W,(()=>o.h(l))),h=S(i.W,(()=>i.h(s))),f=S(o.W,(()=>o.S(l))),g=S(i.W,(()=>i.S(s)));return w((()=>n.K(u[z],l,s)),[s,l]),e.jsx(c,{ref:u,style:t.useMemo((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:d,[o.M()?"right":"left"]:a,visibility:_||h?"hidden":"visible",minHeight:f,minWidth:g})),[d,a,g,f,_,h]),children:r})})),O=t.forwardRef((({children:r,scrollWidth:n,scrollHeight:o,scrolling:i,attrs:l},s)=>e.jsx("div",{ref:s,...l,children:e.jsx("div",{style:t.useMemo((()=>({position:"relative",visibility:"hidden",width:n,height:o,pointerEvents:i?"none":"auto"})),[n,o,i]),children:r})}))),W=({P:r,N:n,ie:o,le:i,G:l,X:s,Y:c})=>{const u=S(o.W,o.I),d=S(i.W,i.I);return e.jsx(l,{ref:n,scrollWidth:d,scrollHeight:u,scrolling:s,attrs:t.useMemo((()=>({...c,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...c.style}})),[c]),children:r})},H=t.forwardRef((({children:r,row:i,col:l,cellHeight:s=40,cellWidth:u=100,overscan:d=2,initialRowCount:a,initialColCount:_,rtl:h,element:f=O,cellElement:g="div",...v})=>{const[b,x]=t.useState(!1),[y,R]=t.useState(!1),[T,H,k,D,E]=I((()=>{const e=()=>{},t=m(i,s,!1,!!h,a,x,e),r=m(l,u,!0,!!h,_,R,e),n=((e,t)=>{let r,n=!1,i=!1;const l="height",s="width",u=new WeakMap,d=new Set,a=new Set,_=new Map,h=(e,t)=>`${e}-${t}`,f=c((()=>new ResizeObserver((c=>{const f=new Set,g=new Set;for(const{target:n,contentRect:o}of c)if(n===r)e.H(2,o[l]),t.H(2,o[s]);else{const e=u.get(n);if(e){const[t,r]=e,n=h(t,r),i=_.get(n),c=[o[l],o[s]];let u,d;i?(i[0]!==c[0]&&(u=!0),i[1]!==c[1]&&(d=!0)):u=d=!0,u&&f.add(t),d&&g.add(r),(u||d)&&_.set(n,c)}}if(f.size){const t=[];f.forEach((e=>{let r=0;a.forEach((t=>{const n=_.get(h(e,t));n&&(r=o(r,n[0]))})),r&&t.push([e,r])})),e.H(1,t),n=!0}if(g.size){const e=[];g.forEach((t=>{let r=0;d.forEach((e=>{const n=_.get(h(e,t));n&&(r=o(r,n[1]))})),r&&e.push([t,r])})),t.H(1,e),i=!0}}))));return{Z(e){r=e;const t=f();return t.observe(e),()=>{t.disconnect()}},K(e,t,r){const n=f();return u.set(e,[t,r]),d.add(t),a.add(r),n.observe(e),()=>{u.delete(e),n.unobserve(e)}},ee(e){const t=e?i:n;return e?i=!1:n=!1,t}}})(t,r);return[t,r,n,p(t,(()=>n.ee())),p(r,(()=>n.ee(!0)))]}));T.J(i),H.J(l);const[J,$]=S(T.W,T._),[q,L]=S(H.W,H._),j=S(T.W,T.R),A=S(H.W,H.R),F=t.useRef(null);w((()=>{const e=F[z],t=k.Z(e),r=D.$(e),n=E.$(e);return()=>{t(),r(),n()}}),[]),w((()=>{j.length&&D.F(j,J)}),[j]),w((()=>{A.length&&E.F(A,q)}),[A]);const P=t.useMemo((()=>{const e=new Map;return(t,n)=>{let o=e.get(M(t,n));return o||e.set(M(t,n),o=r({rowIndex:t,colIndex:n})),o}}),[r]),U=o(J-d,0),B=n($+d,i-1),V=o(q-d,0),G=n(L+d,l-1),K=t.useMemo((()=>{const t=[];for(let r=U;r<=B;r++)for(let n=V;n<=G;n++)t.push(e.jsx(C,{U:k,te:T,re:H,ne:r,oe:n,G:g,P:P(r,n)},M(r,n)));return t}),[P,U,B,V,G]);return e.jsx(W,{N:F,ie:T,le:H,G:f,X:b||y,P:K,Y:v})}));exports.VGrid=H,exports.VList=T;
1
+ var e=require("react/jsx-runtime"),t=require("react"),r=require("use-sync-external-store/shim/index.js");const n=Math.min,o=Math.max,i=Date.now,l=e=>null!=e,s=(e,t)=>Array.from({length:e},((e,r)=>t(r))),c=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},u=(e,t)=>{const r=e.t[t];return-1===r?e.o:r},d=(e,t,r)=>{if(!e.i)return 0;if(e.l>=t)return r?e.u[t]+u(e,t):e.u[t];let n=e.l,o=e.u[n];for(;n<=t&&(e.u[n]=o,n!==t||r);)o+=u(e,n),n++;return e.l=t,o},a=(e,t)=>d(e,t),_=(e,t,r)=>{let i=0;if(r>=0)for(;t<e.i-1;){const n=u(e,t++);if((i+=n)>=r){i-n/2>=r&&t--;break}}else for(;t>0;){const n=u(e,--t);if((i-=n)<=r){i+n/2<r&&t++;break}}return n(o(t,0),e.i-1)},h=(e,t,r,n)=>_(e,r,t-n),f=_,g=(e,t,r)=>({o:t,i:e,l:r?n(r.l,e-1):0,t:s(e,(e=>{const t=r&&r.t[e];return l(t)?t:-1})),u:s(e,(e=>{if(0===e)return 0;const t=r&&r.u[e];return l(t)?t:-1}))}),m=(e,t,r,i,l=0,s,c)=>{let _,m=t*o(l-1,0),w=0,S=[],v=g(e,t),p=0,z=[0,l];const I=new Set;return{_(){const[e,t]=z,r=a(v,e),n=h(v,w,e,r),o=f(v,n,m);return e===n&&t===o?z:z=[n,o]},h:e=>-1===v.t[e],g:e=>((e,t,r)=>{for(let n=t;n<=r;n++)if(-1===e.t[n])return!0;return!1})(v,e,f(v,e,m)),m:e=>a(v,e),S:e=>u(v,e),v:()=>w,p:()=>m,I:()=>(e=>d(e,e.i-1,!0))(v),R:()=>S,T:()=>r,M:()=>i,C:e=>h(v,e,0,0),O:()=>(_&&_[1](),new Promise(((e,t)=>{_=[()=>{Promise.resolve().then((()=>{e(),_=void 0}))},t]}))),W:e=>(I.add(e),()=>{I.delete(e)}),H(e,t){const r=(()=>{switch(e){case 1:{const e=t.filter((([e,t])=>v.t[e]!==t));if(!e.length)return!1;const r=[];return e.forEach((([e,t])=>{r.push([t-u(v,e),e]),((e,t,r)=>{e.t[t]=r,e.l=n(t,e.l)})(v,e,t)})),S=r,!0}case 2:return m!==t&&(m=t,!0);case 3:case 4:{const e=w;return(w=t)!==e}}})();r&&(I.forEach((e=>{e()})),3===e?c(w):_&&1===e&&_[0]())},k:()=>p,D(e){const t=p;p=e,0===p?s(!1):0!==t||1!==p&&2!==p||s(!0)},J(e){v.i!==e&&(v=g(e,t,v))}}},w="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,S=(e,t)=>r.useSyncExternalStore(e,t,t),v=c((e=>{const t="scrollLeft",r=e[t];e[t]=1;const n=e[t]<1;return e[t]=r,n})),p=(e,t)=>{let r;const s=e.T(),c=e.M(),u=s?"scrollLeft":"scrollTop",d=()=>r?s?r.scrollWidth:r.scrollHeight:0,a=(t,n)=>v(r)||n?-t:e.I()-e.p()-t,_=(t,n)=>{r&&(s&&c&&(t=a(t,n)),n?r[u]+=t:(r[u]=t,e.D(3)))},h=async(t,r)=>{const n=()=>{let t=r();const n=d(),o=e.p();return n-(t+o)<=0&&(t=n-o),t};if(e.g(t)){do{e.H(4,n());try{await e.O()}catch(e){return}}while(e.g(t));_(n())}else{const t=n();_(t),e.H(4,t)}},f=e=>e.reduce(((e,[t])=>e+t),0);return{$(n){r=n;const o=()=>{let r=n[u];s&&c&&(r=a(r));const o=e.v();if(o===r)return;const i=e.k(),l=t();0!==i&&l||3===i||e.D(o>r?2:1),e.H(3,r)},d=(()=>{let t;const r=()=>{l(t)&&clearTimeout(t)},n=()=>{r(),t=setTimeout((()=>{t=null,o(),e.D(0)}),150)};return n.q=r,n})(),_=()=>{o(),d()},h=(()=>{let t=i()-50;return(...r)=>{const n=i();t+50<n&&(t=n,(t=>{if(0!==e.k()&&!t.ctrlKey&&(s?t.deltaX:t.deltaY)){const t=e.v();t>0&&t<e.I()-e.p()&&d()}})(...r))}})();return n.addEventListener("scroll",_),n.addEventListener("wheel",h,{passive:!0}),()=>{n.removeEventListener("scroll",_),n.removeEventListener("wheel",h),d.q()}},L:d,j(t){t=o(t,0),h(e.C(t),(()=>t))},A(t,r){t=o(n(t,r-1),0),h(t,(()=>e.m(t)))},F:(t,r)=>{const n=e.k();if(2===n){const e=f(t);e&&_(e,!0)}else if(3===n){const n=e.v();if(0===n);else{const o=f(t);if(e.I()-(n+e.p()+o)<=0)o&&_(n+o);else{const e=t.reduce(((e,[t,n])=>(n<r&&(e+=t),e)),0);e&&_(e,!0)}}}}}},z="current",I=e=>{const r=t.useRef();return r[z]||(r[z]=e())},b=e=>{const r=t.useRef(e);return w((()=>{r[z]=e}),[e]),r},x=t.memo((({P:r,U:n,B:o,V:i,G:l})=>{const s=t.useRef(null),c=S(o.W,(()=>o.m(i))),u=S(o.W,(()=>o.h(i)));return w((()=>n.K(s[z],i)),[i]),e.jsx(l,{ref:s,style:t.useMemo((()=>{const e=o.T(),t=o.M()?"right":"left",r={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":t]:0,[e?t:"top"]:c,visibility:u?"hidden":"visible"};return e&&(r.display="flex"),r}),[c,u]),children:r})})),y=t.forwardRef((({children:r,scrollSize:n,scrolling:o,horizontal:i,attrs:l},s)=>e.jsx("div",{ref:s,...l,children:e.jsx("div",{style:t.useMemo((()=>({position:"relative",visibility:"hidden",width:i?n:"100%",height:i?"100%":n,pointerEvents:o?"none":"auto"})),[n,o]),children:r})}))),R=({P:r,N:n,B:o,G:i,X:l,Y:s})=>{const c=S(o.W,o.I),u=o.T();return e.jsx(i,{ref:n,scrollSize:c,scrolling:l,horizontal:u,attrs:t.useMemo((()=>({...s,style:{overflow:u?"auto hidden":"hidden auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...s.style}})),[s]),children:r})},T=t.forwardRef((({children:r,itemSize:i=40,overscan:s=4,initialItemCount:u,horizontal:d,rtl:a,element:_=y,itemElement:h="div",onScroll:f,onScrollStop:g,onRangeChange:v,...T},M)=>{const C=t.useMemo((()=>{const e=[];return t.Children.forEach(r,(t=>{(e=>!l(e)||"boolean"==typeof e)(t)||e.push(t)})),e}),[r]),O=C.length,W=b(f),H=b(g),[k,D]=t.useState(new Set),[E,J]=t.useState(!1),[$,q,L]=I((()=>{const e=m(O,i,!!d,!!a,u,(e=>{J(e),e||(D(new Set),H[z]&&H[z]())}),(e=>{W[z]&&W[z](e)})),t=(e=>{let t,r=!1;const n=e.T()?"width":"height",o=new WeakMap,i=c((()=>new ResizeObserver((i=>{const s=[];for(const{target:r,contentRect:c}of i)if(r===t)e.H(2,c[n]);else{const e=o.get(r);l(e)&&s.push([e,c[n]])}s.length&&(e.H(1,s),r=!0)}))));return{Z(e){t=e;const r=i();return r.observe(e),()=>{r.disconnect()}},K(e,t){const r=i();return o.set(e,t),r.observe(e),()=>{o.delete(e),r.unobserve(e)}},ee(){const e=r;return r=!1,e}}})(e);return[e,t,p(e,t.ee)]}));$.J(O);const[j,A]=S($.W,$._),F=S($.W,$.R),P=t.useRef(null);w((()=>{const e=P[z],t=q.Z(e),r=L.$(e);return()=>{t(),r()}}),[]),w((()=>{F.length&&L.F(F,j)}),[F]),t.useEffect((()=>{v&&v({start:j,end:A,count:O})}),[j,A]),t.useImperativeHandle(M,(()=>({get scrollOffset(){return $.v()},get scrollSize(){return L.L()},get viewportSize(){return $.p()},scrollToIndex(e){L.A(e,O)},scrollTo:L.j,scrollBy(e){L.j($.v()+e)}})),[O]);const U=o(j-s,0),B=n(A+s,O-1),V=t.useMemo((()=>{const t=[];for(let e=U;e<=B;e++)k.add(e);return k.forEach((r=>{const n=C[r];l(n)&&t.push(e.jsx(x,{U:q,B:$,V:r,G:h,P:n},(null==n?void 0:n.key)||r))})),t}),[C,k,U,B]);return e.jsx(R,{N:P,B:$,G:_,X:E,P:V,Y:T})})),M=(e,t)=>`${e}-${t}`,C=t.memo((({P:r,U:n,te:o,re:i,ne:l,oe:s,G:c})=>{const u=t.useRef(null),d=S(o.W,(()=>o.m(l))),a=S(i.W,(()=>i.m(s))),_=S(o.W,(()=>o.h(l))),h=S(i.W,(()=>i.h(s))),f=S(o.W,(()=>o.S(l))),g=S(i.W,(()=>i.S(s)));return w((()=>n.K(u[z],l,s)),[s,l]),e.jsx(c,{ref:u,style:t.useMemo((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:d,[o.M()?"right":"left"]:a,visibility:_||h?"hidden":"visible",minHeight:f,minWidth:g})),[d,a,g,f,_,h]),children:r})})),O=t.forwardRef((({children:r,scrollWidth:n,scrollHeight:o,scrolling:i,attrs:l},s)=>e.jsx("div",{ref:s,...l,children:e.jsx("div",{style:t.useMemo((()=>({position:"relative",visibility:"hidden",width:n,height:o,pointerEvents:i?"none":"auto"})),[n,o,i]),children:r})}))),W=({P:r,N:n,ie:o,le:i,G:l,X:s,Y:c})=>{const u=S(o.W,o.I),d=S(i.W,i.I);return e.jsx(l,{ref:n,scrollWidth:d,scrollHeight:u,scrolling:s,attrs:t.useMemo((()=>({...c,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...c.style}})),[c]),children:r})},H=t.forwardRef((({children:r,row:i,col:l,cellHeight:s=40,cellWidth:u=100,overscan:d=2,initialRowCount:a,initialColCount:_,rtl:h,element:f=O,cellElement:g="div",...v})=>{const[b,x]=t.useState(!1),[y,R]=t.useState(!1),[T,H,k,D,E]=I((()=>{const e=()=>{},t=m(i,s,!1,!!h,a,x,e),r=m(l,u,!0,!!h,_,R,e),n=((e,t)=>{let r,n=!1,i=!1;const l="height",s="width",u=new WeakMap,d=new Set,a=new Set,_=new Map,h=(e,t)=>`${e}-${t}`,f=c((()=>new ResizeObserver((c=>{const f=new Set,g=new Set;for(const{target:n,contentRect:o}of c)if(n===r)e.H(2,o[l]),t.H(2,o[s]);else{const e=u.get(n);if(e){const[t,r]=e,n=h(t,r),i=_.get(n),c=[o[l],o[s]];let u,d;i?(i[0]!==c[0]&&(u=!0),i[1]!==c[1]&&(d=!0)):u=d=!0,u&&f.add(t),d&&g.add(r),(u||d)&&_.set(n,c)}}if(f.size){const t=[];f.forEach((e=>{let r=0;a.forEach((t=>{const n=_.get(h(e,t));n&&(r=o(r,n[0]))})),r&&t.push([e,r])})),e.H(1,t),n=!0}if(g.size){const e=[];g.forEach((t=>{let r=0;d.forEach((e=>{const n=_.get(h(e,t));n&&(r=o(r,n[1]))})),r&&e.push([t,r])})),t.H(1,e),i=!0}}))));return{Z(e){r=e;const t=f();return t.observe(e),()=>{t.disconnect()}},K(e,t,r){const n=f();return u.set(e,[t,r]),d.add(t),a.add(r),n.observe(e),()=>{u.delete(e),n.unobserve(e)}},ee(e){const t=e?i:n;return e?i=!1:n=!1,t}}})(t,r);return[t,r,n,p(t,(()=>n.ee())),p(r,(()=>n.ee(!0)))]}));T.J(i),H.J(l);const[J,$]=S(T.W,T._),[q,L]=S(H.W,H._),j=S(T.W,T.R),A=S(H.W,H.R),F=t.useRef(null);w((()=>{const e=F[z],t=k.Z(e),r=D.$(e),n=E.$(e);return()=>{t(),r(),n()}}),[]),w((()=>{j.length&&D.F(j,J)}),[j]),w((()=>{A.length&&E.F(A,q)}),[A]);const P=t.useMemo((()=>{const e=new Map;return(t,n)=>{let o=e.get(M(t,n));return o||e.set(M(t,n),o=r({rowIndex:t,colIndex:n})),o}}),[r]),U=o(J-d,0),B=n($+d,i-1),V=o(q-d,0),G=n(L+d,l-1),K=t.useMemo((()=>{const t=[];for(let r=U;r<=B;r++)for(let n=V;n<=G;n++)t.push(e.jsx(C,{U:k,te:T,re:H,ne:r,oe:n,G:g,P:P(r,n)},M(r,n)));return t}),[P,U,B,V,G]);return e.jsx(W,{N:F,ie:T,le:H,G:f,X:b||y,P:K,Y:v})}));exports.VGrid=H,exports.VList=T;
2
2
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/src/core/utils.ts","../src/src/core/cache.ts","../src/src/core/store.ts","../src/src/react/useIsomorphicLayoutEffect.ts","../src/src/react/useSyncExternalStore.ts","../src/src/core/dom.ts","../src/src/core/scroller.ts","../src/src/react/utils.ts","../src/src/react/useStatic.ts","../src/src/react/useRefWithUpdate.ts","../src/src/react/VList.tsx","../src/src/core/resizer.ts","../src/src/react/VGrid.tsx"],"sourcesContent":["export const min = Math.min;\nexport const max = Math.max;\nexport const now = Date.now;\n\nexport const exists = <T>(v: T): v is Exclude<T, null | undefined> => v != null;\n\nexport const range = <T>(length: number, cb: (i: number) => T): T[] =>\n Array.from({ length }, (_, i) => cb(i));\n\nexport const debounce = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let id: NodeJS.Timeout | undefined | null;\n\n const cancel = () => {\n if (exists(id)) {\n clearTimeout(id);\n }\n };\n const debouncedFn = () => {\n cancel();\n id = setTimeout(() => {\n id = null;\n fn();\n }, ms);\n };\n debouncedFn._cancel = cancel;\n return debouncedFn;\n};\n\nexport const throttle = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let time = now() - ms;\n return (...args: Parameters<T>) => {\n const n = now();\n if (time + ms < n) {\n time = n;\n fn(...args);\n }\n };\n};\n\nexport const once = <F extends (...args: any[]) => any>(fn: F): F => {\n let called: undefined | boolean;\n let cache: ReturnType<F>;\n\n return ((...args) => {\n if (!called) {\n called = true;\n cache = fn(...args);\n }\n return cache;\n }) as F;\n};\n","import type { DeepReadonly, Writeable } from \"./types\";\nimport { exists, max, min, range } from \"./utils\";\n\nexport const UNCACHED = -1;\n\nexport type Cache = DeepReadonly<{\n _defaultItemSize: number;\n _length: number;\n _sizes: number[];\n _measuredOffsetIndex: number;\n _offsets: number[];\n}>;\n\nexport const getItemSize = (cache: Cache, index: number): number => {\n const size = cache._sizes[index]!;\n return size === UNCACHED ? cache._defaultItemSize : size;\n};\n\nexport const setItemSize = (\n cache: Writeable<Cache>,\n index: number,\n size: number\n) => {\n cache._sizes[index] = size;\n // mark as dirty\n cache._measuredOffsetIndex = min(index, cache._measuredOffsetIndex);\n};\n\nconst computeOffset = (\n cache: Writeable<Cache>,\n index: number,\n isTotal?: boolean\n): number => {\n if (!cache._length) return 0;\n if (cache._measuredOffsetIndex >= index) {\n if (isTotal) {\n return cache._offsets[index]! + getItemSize(cache, index);\n } else {\n return cache._offsets[index]!;\n }\n }\n\n let i = cache._measuredOffsetIndex;\n let top = cache._offsets[i]!;\n while (i <= index) {\n cache._offsets[i] = top;\n if (i === index && !isTotal) {\n break;\n }\n top += getItemSize(cache, i);\n i++;\n }\n // mark as measured\n cache._measuredOffsetIndex = index;\n return top;\n};\n\nexport const computeTotalSize = (cache: Writeable<Cache>): number => {\n return computeOffset(cache, cache._length - 1, true);\n};\n\nexport const computeStartOffset = (\n cache: Writeable<Cache>,\n index: number\n): number => {\n return computeOffset(cache, index);\n};\n\nconst findIndex = (cache: Cache, i: number, distance: number): number => {\n let sum = 0;\n if (distance >= 0) {\n // search forward\n while (i < cache._length - 1) {\n const h = getItemSize(cache, i++);\n if ((sum += h) >= distance) {\n if (sum - h / 2 >= distance) {\n i--;\n }\n break;\n }\n }\n } else {\n // search backward\n while (i > 0) {\n const h = getItemSize(cache, --i);\n if ((sum -= h) <= distance) {\n if (sum + h / 2 < distance) {\n i++;\n }\n break;\n }\n }\n }\n\n return min(max(i, 0), cache._length - 1);\n};\n\nexport const findStartIndexWithOffset = (\n cache: Cache,\n offset: number,\n prevStartIndex: number,\n prevOffset: number\n): number => {\n return findIndex(cache, prevStartIndex, offset - prevOffset);\n};\n\nexport const findEndIndex = findIndex;\n\nexport const hasUnmeasuredItemsInRange = (\n cache: Cache,\n startIndex: number,\n endIndex: number\n): boolean => {\n for (let i = startIndex; i <= endIndex; i++) {\n if (cache._sizes[i] === UNCACHED) {\n return true;\n }\n }\n return false;\n};\n\nexport const resetCache = (\n length: number,\n itemSize: number,\n cache?: Cache\n): Cache => {\n return {\n _defaultItemSize: itemSize,\n _length: length,\n _measuredOffsetIndex: cache\n ? min(cache._measuredOffsetIndex, length - 1)\n : 0,\n _sizes: range(length, (i) => {\n const size = cache && cache._sizes[i];\n if (exists(size)) {\n return size;\n }\n return UNCACHED;\n }),\n _offsets: range(length, (i) => {\n if (i === 0) {\n // first offset must be 0\n return 0;\n }\n const offset = cache && cache._offsets[i];\n if (exists(offset)) {\n return offset;\n }\n return UNCACHED;\n }),\n };\n};\n","import {\n findStartIndexWithOffset,\n resetCache,\n getItemSize,\n computeTotalSize,\n findEndIndex,\n computeStartOffset,\n Cache,\n UNCACHED,\n setItemSize,\n hasUnmeasuredItemsInRange,\n} from \"./cache\";\nimport type { Writeable } from \"./types\";\nimport { max } from \"./utils\";\n\ntype ItemJump = [sizeDiff: number, index: number];\nexport type ScrollJump = Readonly<ItemJump[]>;\nexport type ItemResize = [index: number, size: number];\ntype ItemsRange = [startIndex: number, endIndex: number];\n\nexport const SCROLL_STOP = 0;\nexport const SCROLL_DOWN = 1;\nexport const SCROLL_UP = 2;\nexport const SCROLL_MANUAL = 3;\ntype ScrollDirection =\n | typeof SCROLL_STOP\n | typeof SCROLL_DOWN\n | typeof SCROLL_UP\n | typeof SCROLL_MANUAL;\n\nexport const ACTION_ITEM_RESIZE = 1;\nexport const ACTION_WINDOW_RESIZE = 2;\nexport const ACTION_SCROLL = 3;\nexport const ACTION_MANUAL_SCROLL = 4;\n\ntype Actions =\n | [type: typeof ACTION_ITEM_RESIZE, entries: ItemResize[]]\n | [type: typeof ACTION_WINDOW_RESIZE, size: number]\n | [type: typeof ACTION_SCROLL, offset: number]\n | [type: typeof ACTION_MANUAL_SCROLL, offset: number];\n\nexport type VirtualStore = {\n _getRange(): ItemsRange;\n _isUnmeasuredItem(index: number): boolean;\n _hasUnmeasuredItemsInRange(startIndex: number): boolean;\n _getItemOffset(index: number): number;\n _getItemSize(index: number): number;\n _getScrollOffset(): number;\n _getViewportSize(): number;\n _getScrollSize(): number;\n _getJump(): ScrollJump;\n _isHorizontal(): boolean;\n _isRtl(): boolean;\n _getItemIndexForScrollTo(offset: number): number;\n _waitForScrollDestinationItemsMeasured(): Promise<void>;\n _subscribe(cb: () => void): () => void;\n _update(...action: Actions): void;\n _getScrollDirection(): ScrollDirection;\n _setScrollDirection(direction: ScrollDirection): void;\n _updateCacheLength(length: number): void;\n};\n\nexport const createVirtualStore = (\n itemCount: number,\n itemSize: number,\n isHorizontal: boolean,\n isRtl: boolean,\n initialItemCount: number = 0,\n onScrollStateChange: (scrolling: boolean) => void,\n onScrollOffsetChange: (offset: number) => void\n): VirtualStore => {\n let viewportSize = itemSize * max(initialItemCount - 1, 0);\n let scrollOffset = 0;\n let jump: ItemJump[] = [];\n let cache = resetCache(itemCount, itemSize);\n let scrollDirection: ScrollDirection = SCROLL_STOP;\n let _prevRange: ItemsRange = [0, initialItemCount];\n let _scrollToQueue: [() => void, () => void] | undefined;\n\n const subscribers = new Set<() => void>();\n\n return {\n _getRange() {\n const [prevStartIndex, prevEndIndex] = _prevRange;\n const prevOffset = computeStartOffset(\n cache as Writeable<Cache>,\n prevStartIndex\n );\n const start = findStartIndexWithOffset(\n cache,\n scrollOffset,\n prevStartIndex,\n prevOffset\n );\n const end = findEndIndex(cache, start, viewportSize);\n if (prevStartIndex === start && prevEndIndex === end) {\n return _prevRange;\n }\n return (_prevRange = [start, end]);\n },\n _isUnmeasuredItem(index) {\n return cache._sizes[index] === UNCACHED;\n },\n _hasUnmeasuredItemsInRange(startIndex) {\n return hasUnmeasuredItemsInRange(\n cache,\n startIndex,\n findEndIndex(cache, startIndex, viewportSize)\n );\n },\n _getItemOffset(index) {\n return computeStartOffset(cache as Writeable<Cache>, index);\n },\n _getItemSize(index) {\n return getItemSize(cache, index);\n },\n _getScrollOffset() {\n return scrollOffset;\n },\n _getViewportSize() {\n return viewportSize;\n },\n _getScrollSize() {\n return computeTotalSize(cache as Writeable<Cache>);\n },\n _getJump() {\n return jump;\n },\n _isHorizontal() {\n return isHorizontal;\n },\n _isRtl() {\n return isRtl;\n },\n _getItemIndexForScrollTo(offset) {\n return findStartIndexWithOffset(cache, offset, 0, 0);\n },\n _waitForScrollDestinationItemsMeasured() {\n if (_scrollToQueue) {\n // Cancel waiting scrollTo\n _scrollToQueue[1]();\n }\n // The measurement will be done asynchronously and the timing is not predictable so we use promise.\n // For example, ResizeObserver may not fire when window is not visible.\n return new Promise((resolve, reject) => {\n _scrollToQueue = [\n () => {\n // HACK: It should be resolved in the next microtask that is after React's render\n Promise.resolve().then(() => {\n resolve();\n _scrollToQueue = undefined;\n });\n },\n reject,\n ];\n });\n },\n _subscribe(cb) {\n subscribers.add(cb);\n return () => {\n subscribers.delete(cb);\n };\n },\n _update(type, payload) {\n const mutated = ((): boolean => {\n switch (type) {\n case ACTION_ITEM_RESIZE: {\n const updated = payload.filter(\n ([index, size]) => cache._sizes[index] !== size\n );\n // Skip if all items are cached and not updated\n if (!updated.length) {\n return false;\n }\n\n const updatedJump: ItemJump[] = [];\n updated.forEach(([index, size]) => {\n updatedJump.push([size - getItemSize(cache, index), index]);\n setItemSize(cache as Writeable<Cache>, index, size);\n });\n jump = updatedJump;\n return true;\n }\n case ACTION_WINDOW_RESIZE: {\n if (viewportSize === payload) {\n return false;\n }\n viewportSize = payload;\n return true;\n }\n case ACTION_SCROLL:\n case ACTION_MANUAL_SCROLL: {\n const prevOffset = scrollOffset;\n return (scrollOffset = payload) !== prevOffset;\n }\n }\n })();\n\n if (mutated) {\n subscribers.forEach((cb) => {\n cb();\n });\n\n if (type === ACTION_SCROLL) {\n onScrollOffsetChange(scrollOffset);\n } else if (_scrollToQueue && type === ACTION_ITEM_RESIZE) {\n _scrollToQueue[0]();\n }\n }\n },\n _getScrollDirection() {\n return scrollDirection;\n },\n _setScrollDirection(dir) {\n const prev = scrollDirection;\n scrollDirection = dir;\n if (scrollDirection === SCROLL_STOP) {\n onScrollStateChange(false);\n } else if (\n prev === SCROLL_STOP &&\n (scrollDirection === SCROLL_DOWN || scrollDirection === SCROLL_UP)\n ) {\n onScrollStateChange(true);\n }\n },\n _updateCacheLength(length) {\n // It's ok to be updated in render because states should be calculated consistently regardless cache length\n if (cache._length === length) return;\n cache = resetCache(length, itemSize, cache);\n },\n };\n};\n","import { useEffect, useLayoutEffect } from \"react\";\n\n// https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import { useSyncExternalStore as _useSyncExternalStore } from \"use-sync-external-store/shim/index.js\";\n\nexport const useSyncExternalStore = <T>(\n subscibe: (onStoreChange: () => void) => () => void,\n getSnapShot: () => T\n): T => {\n return _useSyncExternalStore(subscibe, getSnapShot, getSnapShot);\n};\n","import { once } from \"./utils\";\n\n// The scroll position may be negative value in rtl direction.\n// https://github.com/othree/jquery.rtl-scroll-type\nexport const hasNegativeOffsetInRtl = once((scrollable: HTMLElement) => {\n const key = \"scrollLeft\";\n const prev = scrollable[key];\n scrollable[key] = 1;\n const isNegative = scrollable[key] === 0;\n scrollable[key] = prev;\n return isNegative;\n});\n","import { hasNegativeOffsetInRtl } from \"./dom\";\nimport {\n ACTION_SCROLL,\n ACTION_MANUAL_SCROLL,\n ScrollJump,\n VirtualStore,\n SCROLL_MANUAL,\n SCROLL_STOP,\n SCROLL_UP,\n SCROLL_DOWN,\n} from \"./store\";\nimport { debounce, throttle, max, min } from \"./utils\";\n\nexport type Scroller = {\n _initRoot: (rootElement: HTMLElement) => () => void;\n _getActualScrollSize: () => number;\n _scrollTo: (offset: number) => void;\n _scrollToIndex: (index: number, count: number) => void;\n _fixScrollJump: (jump: ScrollJump, startIndex: number) => void;\n};\n\nexport const createScroller = (\n store: VirtualStore,\n isJustResized: () => boolean\n): Scroller => {\n let rootElement: HTMLElement | undefined;\n const isHorizontal = store._isHorizontal();\n const isRtl = store._isRtl();\n const scrollToKey = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n\n const getActualScrollSize = (): number => {\n if (!rootElement) return 0;\n // Use element's scrollHeight/scrollWidth instead of stored scrollSize.\n // This is because stored size may differ from the actual size, for example when a new item is added and not yet measured.\n return isHorizontal ? rootElement.scrollWidth : rootElement.scrollHeight;\n };\n const scrollTo = (offset: number, diff?: boolean) => {\n if (!rootElement) return;\n if (isHorizontal && isRtl) {\n if (hasNegativeOffsetInRtl(rootElement)) {\n offset *= -1;\n }\n }\n if (diff) {\n rootElement[scrollToKey] += offset;\n } else {\n rootElement[scrollToKey] = offset;\n store._setScrollDirection(SCROLL_MANUAL);\n }\n };\n const scrollManually = async (\n index: number,\n getCurrentOffset: () => number\n ) => {\n const getOffset = (): number => {\n let offset = getCurrentOffset();\n const scrollSize = getActualScrollSize();\n const viewportSize = store._getViewportSize();\n if (scrollSize - (offset + viewportSize) <= 0) {\n // Adjust if the offset is over the end, to get correct startIndex.\n offset = scrollSize - viewportSize;\n }\n return offset;\n };\n\n if (store._hasUnmeasuredItemsInRange(index)) {\n do {\n // In order to scroll to the correct position, mount the items and measure their sizes before scrolling.\n store._update(ACTION_MANUAL_SCROLL, getOffset());\n try {\n // Wait for the scroll destination items to be measured.\n await store._waitForScrollDestinationItemsMeasured();\n } catch (e) {\n // canceled\n return;\n }\n } while (store._hasUnmeasuredItemsInRange(index));\n\n // Scroll with the updated value\n scrollTo(getOffset());\n } else {\n const offset = getOffset();\n scrollTo(offset);\n // Sync viewport to scroll destination\n store._update(ACTION_MANUAL_SCROLL, offset);\n }\n };\n\n const calcTotalJump = (jump: ScrollJump): number =>\n jump.reduce((acc, [j]) => acc + j, 0);\n\n return {\n _initRoot(root) {\n rootElement = root;\n\n const syncViewportToScrollPosition = () => {\n let offset = root[scrollToKey];\n if (isHorizontal && isRtl) {\n if (hasNegativeOffsetInRtl(root)) {\n offset *= -1;\n }\n }\n const prevOffset = store._getScrollOffset();\n if (prevOffset === offset) {\n return;\n }\n const scrollDirection = store._getScrollDirection();\n // Skip scroll direction detection just after resizing because it may result in the opposite direction.\n // Scroll events are dispatched enough so it's ok to skip some of them.\n const resized = isJustResized();\n if (\n (scrollDirection === SCROLL_STOP || !resized) &&\n // Ignore until manual scrolling\n scrollDirection !== SCROLL_MANUAL\n ) {\n store._setScrollDirection(\n prevOffset > offset ? SCROLL_UP : SCROLL_DOWN\n );\n }\n store._update(ACTION_SCROLL, offset);\n };\n\n const onScrollStopped = debounce(() => {\n // Check scroll position once just after scrolling stopped\n syncViewportToScrollPosition();\n store._setScrollDirection(SCROLL_STOP);\n }, 150);\n\n const onScroll = () => {\n syncViewportToScrollPosition();\n onScrollStopped();\n };\n\n // Infer scroll state also from wheel events\n // Sometimes scroll events do not fire when frame dropped even if the visual have been already scrolled\n const onWheel = throttle((e: WheelEvent) => {\n if (store._getScrollDirection() === SCROLL_STOP) {\n // Scroll start should be detected with scroll event\n return;\n }\n if (e.ctrlKey) {\n // Probably a pinch-to-zoom gesture\n return;\n }\n // Get delta before checking deltaMode for firefox behavior\n // https://github.com/w3c/uievents/issues/181#issuecomment-392648065\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1392460#c34\n if (isHorizontal ? e.deltaX : e.deltaY) {\n const offset = store._getScrollOffset();\n if (\n offset > 0 &&\n offset < store._getScrollSize() - store._getViewportSize()\n ) {\n onScrollStopped();\n }\n }\n }, 50);\n\n root.addEventListener(\"scroll\", onScroll);\n root.addEventListener(\"wheel\", onWheel, { passive: true });\n\n return () => {\n root.removeEventListener(\"scroll\", onScroll);\n root.removeEventListener(\"wheel\", onWheel);\n onScrollStopped._cancel();\n };\n },\n _getActualScrollSize: getActualScrollSize,\n _scrollTo(offset) {\n offset = max(offset, 0);\n\n scrollManually(store._getItemIndexForScrollTo(offset), () => offset);\n },\n _scrollToIndex(index, count) {\n index = max(min(index, count - 1), 0);\n\n scrollManually(index, () => store._getItemOffset(index));\n },\n _fixScrollJump: (jump, startIndex) => {\n const scrollDirection = store._getScrollDirection();\n // Compensate scroll jump\n if (scrollDirection === SCROLL_UP) {\n const diff = calcTotalJump(jump);\n if (diff) {\n scrollTo(diff, true);\n }\n } else if (scrollDirection === SCROLL_MANUAL) {\n const offset = store._getScrollOffset();\n if (offset === 0) {\n // Do nothing to stick to the start\n } else {\n const allDiff = calcTotalJump(jump);\n if (\n store._getScrollSize() -\n (offset + store._getViewportSize() + allDiff) <=\n 0\n ) {\n // Keep end to stick to the end\n if (allDiff) {\n scrollTo(offset + allDiff);\n }\n } else {\n // Keep start at mid\n const diff = jump.reduce((acc, [j, index]) => {\n if (index < startIndex) {\n acc += j;\n }\n return acc;\n }, 0);\n if (diff) {\n scrollTo(diff, true);\n }\n }\n }\n } else {\n // NOP\n }\n },\n };\n};\n","import { ReactNode } from \"react\";\nimport { exists } from \"../core/utils\";\n\nexport const refKey = \"current\";\n\nexport const isInvalidElement = <T extends ReactNode>(\n e: T\n): e is Extract<T, null | undefined | boolean> =>\n !exists(e) || typeof e === \"boolean\";\n","import { useRef } from \"react\";\nimport { refKey } from \"./utils\";\n\nexport const useStatic = <T>(init: () => T): T => {\n const ref = useRef<T>();\n return ref[refKey] || (ref[refKey] = init());\n};\n","import { useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { refKey } from \"./utils\";\n\nexport const useRefWithUpdate = <T>(value: T) => {\n const ref = useRef<T>(value);\n\n useIsomorphicLayoutEffect(() => {\n ref[refKey] = value;\n }, [value]);\n\n return ref;\n};\n","import {\n Children,\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n useImperativeHandle,\n ReactNode,\n useEffect,\n RefObject,\n useState,\n ReactFragment,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { exists, max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { isInvalidElement, refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { useRefWithUpdate } from \"./useRefWithUpdate\";\nimport { Resizer, createResizer } from \"../core/resizer\";\nimport { WindowComponentAttributes } from \"..\";\n\ntype ItemProps = {\n _children: ReactNode;\n _resizer: Resizer;\n _store: VirtualStore;\n _index: number;\n _element: \"div\";\n};\n\nconst Item = memo(\n ({\n _children: children,\n _resizer: resizer,\n _store: store,\n _index: index,\n _element: Element,\n }: ItemProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const offset = useSyncExternalStore(store._subscribe, () =>\n store._getItemOffset(index)\n );\n const hide = useSyncExternalStore(store._subscribe, () =>\n store._isUnmeasuredItem(index)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, index),\n [index]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const isHorizontal = store._isHorizontal();\n const leftOrRightKey = store._isRtl() ? \"right\" : \"left\";\n const style: CSSProperties = {\n margin: 0,\n padding: 0,\n position: \"absolute\",\n [isHorizontal ? \"height\" : \"width\"]: \"100%\",\n [isHorizontal ? \"top\" : leftOrRightKey]: 0,\n [isHorizontal ? leftOrRightKey : \"top\"]: offset,\n visibility: hide ? \"hidden\" : \"visible\",\n // willChange: \"transform\",\n };\n if (isHorizontal) {\n style.display = \"flex\";\n }\n return style;\n }, [offset, hide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VList}.\n */\nexport interface CustomWindowComponentProps {\n children: ReactNode;\n scrollSize: number;\n scrolling: boolean;\n horizontal: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomWindowComponentProps>(\n (\n { children, scrollSize, scrolling, horizontal, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: horizontal ? scrollSize : \"100%\",\n height: horizontal ? \"100%\" : scrollSize,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollSize, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _store: store,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _store: VirtualStore;\n _element: CustomWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const scrollSize = useSyncExternalStore(\n store._subscribe,\n store._getScrollSize\n );\n\n const horizontal = store._isHorizontal();\n\n return (\n <Element\n ref={ref}\n scrollSize={scrollSize}\n scrolling={scrolling}\n horizontal={horizontal}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: horizontal ? \"auto hidden\" : \"hidden auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Props of customized item component for {@link VList}.\n */\nexport interface CustomItemComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomItemComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomItemComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomItemComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomItemComponent;\n\n/**\n * Methods of {@link VList}.\n */\nexport interface VListHandle {\n /**\n * Get current scrollTop or scrollLeft.\n */\n readonly scrollOffset: number;\n /**\n * Get current scrollHeight or scrollWidth.\n */\n readonly scrollSize: number;\n /**\n * Get current offsetHeight or offsetWidth.\n */\n readonly viewportSize: number;\n /**\n * Scroll to the item specified by index.\n * @param index index of item\n */\n scrollToIndex(index: number): void;\n /**\n * Scroll to the given offset.\n * @param offset offset from start\n */\n scrollTo(offset: number): void;\n /**\n * Scroll by the given offset.\n * @param offset offset from current position\n */\n scrollBy(offset: number): void;\n}\n\n/**\n * Props of {@link VList}.\n */\nexport interface VListProps extends WindowComponentAttributes {\n /**\n * Elements rendered by this component.\n */\n children: ReactNode;\n /**\n * Item size hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n itemSize?: number;\n /**\n * Number of items to render above/below the visible bounds of the list. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 4\n */\n overscan?: number;\n /**\n * If set, the specified amount of items will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialItemCount?: number;\n /**\n * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.\n */\n horizontal?: boolean;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomWindowComponent;\n /**\n * Customized element type for item element. This element will get {@link CustomItemComponentProps} as props.\n * @defaultValue \"div\"\n */\n itemElement?: CustomItemComponentOrElement;\n /**\n * Callback invoked whenever scroll offset changes.\n * @param offset Current scrollTop or scrollLeft.\n */\n onScroll?: (offset: number) => void;\n /**\n * Callback invoked when scrolling stops.\n */\n onScrollStop?: () => void;\n /**\n * Callback invoked when visible items range changes.\n */\n onRangeChange?: (payload: {\n /**\n * The start index of viewable items.\n */\n start: number;\n /**\n * The end index of viewable items.\n */\n end: number;\n /**\n * The total count of items.\n */\n count: number;\n }) => void;\n}\n\n/**\n * Virtualized list component. See {@link VListProps} and {@link VListHandle}.\n */\nexport const VList = forwardRef<VListHandle, VListProps>(\n (\n {\n children,\n itemSize: itemSizeProp = 40,\n overscan = 4,\n initialItemCount,\n horizontal: horizontalProp,\n rtl: rtlProp,\n element = DefaultWindow,\n itemElement = \"div\",\n onScroll: onScrollProp,\n onScrollStop: onScrollStopProp,\n onRangeChange: onRangeChangeProp,\n ...windowAttrs\n },\n ref\n ): ReactElement => {\n // Memoize element array\n const elements = useMemo(() => {\n const arr: (ReactElement | ReactFragment | string | number)[] = [];\n Children.forEach(children, (e) => {\n if (isInvalidElement(e)) {\n return;\n }\n arr.push(e);\n });\n return arr;\n }, [children]);\n const count = elements.length;\n\n const onScroll = useRefWithUpdate(onScrollProp);\n const onScrollStop = useRefWithUpdate(onScrollStopProp);\n\n const [mountedIndexes, reset] = useState<Set<number>>(new Set<number>());\n const [scrolling, setScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [store, resizer, scroller] = useStatic(() => {\n const _store = createVirtualStore(\n count,\n itemSizeProp,\n !!horizontalProp,\n !!rtlProp,\n initialItemCount,\n (isScrolling) => {\n setScrolling(isScrolling);\n if (!isScrolling) {\n reset(new Set());\n onScrollStop[refKey] && onScrollStop[refKey]();\n }\n },\n (offset) => {\n onScroll[refKey] && onScroll[refKey](offset);\n }\n );\n const _resizer = createResizer(_store);\n return [\n _store,\n _resizer,\n createScroller(_store, _resizer._isJustResized),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n store._updateCacheLength(count);\n\n const [startIndex, endIndex] = useSyncExternalStore(\n store._subscribe,\n store._getRange\n );\n const jump = useSyncExternalStore(store._subscribe, store._getJump);\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const cleanup = scroller._initRoot(root);\n return () => {\n unobserve();\n cleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!jump.length) return;\n\n scroller._fixScrollJump(jump, startIndex);\n }, [jump]);\n\n useEffect(() => {\n if (!onRangeChangeProp) return;\n\n onRangeChangeProp({\n start: startIndex,\n end: endIndex,\n count,\n });\n }, [startIndex, endIndex]);\n\n useImperativeHandle(\n ref,\n () => {\n return {\n get scrollOffset() {\n return store._getScrollOffset();\n },\n get scrollSize() {\n return scroller._getActualScrollSize();\n },\n get viewportSize() {\n return store._getViewportSize();\n },\n scrollToIndex(index) {\n scroller._scrollToIndex(index, count);\n },\n scrollTo: scroller._scrollTo,\n scrollBy(offset) {\n scroller._scrollTo(store._getScrollOffset() + offset);\n },\n };\n },\n [count]\n );\n\n const startIndexWithMargin = max(startIndex - overscan, 0);\n const endIndexWithMargin = min(endIndex + overscan, count - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startIndexWithMargin; i <= endIndexWithMargin; i++) {\n // https://github.com/sergi/virtual-list/commit/8e7e06dc63568334c1ab809ea83c1be36572e9ed\n mountedIndexes.add(i);\n }\n mountedIndexes.forEach((i) => {\n const e = elements[i];\n // This can be undefined when items are removed\n if (exists(e)) {\n res.push(\n <Item\n key={(e as { key?: ReactElement[\"key\"] })?.key || i}\n _resizer={resizer}\n _store={store}\n _index={i}\n _element={itemElement as \"div\"}\n _children={e}\n />\n );\n }\n });\n return res;\n }, [elements, mountedIndexes, startIndexWithMargin, endIndexWithMargin]);\n\n return (\n <Window\n _ref={rootRef}\n _store={store}\n _element={element}\n _scrolling={scrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n","import {\n ACTION_ITEM_RESIZE,\n ACTION_WINDOW_RESIZE,\n ItemResize,\n VirtualStore,\n} from \"./store\";\nimport { exists, max, once } from \"./utils\";\n\nexport const createResizer = (store: VirtualStore) => {\n let resized = false;\n let rootElement: HTMLElement | undefined;\n const sizeKey = store._isHorizontal() ? \"width\" : \"height\";\n const mountedIndexes = new WeakMap<Element, number>();\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizes: ItemResize[] = [];\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n store._update(ACTION_WINDOW_RESIZE, contentRect[sizeKey]);\n } else {\n const index = mountedIndexes.get(target);\n if (exists(index)) {\n resizes.push([index, contentRect[sizeKey]]);\n }\n }\n }\n\n if (resizes.length) {\n store._update(ACTION_ITEM_RESIZE, resizes);\n resized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, i: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, i);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(): boolean {\n const prev = resized;\n resized = false;\n return prev;\n },\n };\n};\n\nexport type Resizer = ReturnType<typeof createResizer>;\n\nexport const createGridResizer = (\n vStore: VirtualStore,\n hStore: VirtualStore\n) => {\n let heightResized = false;\n let widthResized = false;\n let rootElement: HTMLElement | undefined;\n\n const heightKey = \"height\";\n const widthKey = \"width\";\n const mountedIndexes = new WeakMap<\n Element,\n [rowIndex: number, colIndex: number]\n >();\n\n type CellSize = [height: number, width: number];\n const maybeCachedRowIndexes = new Set<number>();\n const maybeCachedColIndexes = new Set<number>();\n const sizeCache = new Map<string, CellSize>();\n const getKey = (rowIndex: number, colIndex: number): string =>\n `${rowIndex}-${colIndex}`;\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizedRows = new Set<number>();\n const resizedCols = new Set<number>();\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n vStore._update(ACTION_WINDOW_RESIZE, contentRect[heightKey]);\n hStore._update(ACTION_WINDOW_RESIZE, contentRect[widthKey]);\n } else {\n const cell = mountedIndexes.get(target);\n if (cell) {\n const [rowIndex, colIndex] = cell;\n const key = getKey(rowIndex, colIndex);\n const prevSize = sizeCache.get(key);\n const size: CellSize = [\n contentRect[heightKey],\n contentRect[widthKey],\n ];\n let rowResized: boolean | undefined;\n let colResized: boolean | undefined;\n if (!prevSize) {\n rowResized = colResized = true;\n } else {\n if (prevSize[0] !== size[0]) {\n rowResized = true;\n }\n if (prevSize[1] !== size[1]) {\n colResized = true;\n }\n }\n if (rowResized) {\n resizedRows.add(rowIndex);\n }\n if (colResized) {\n resizedCols.add(colIndex);\n }\n if (rowResized || colResized) {\n sizeCache.set(key, size);\n }\n }\n }\n }\n\n if (resizedRows.size) {\n const heightResizes: ItemResize[] = [];\n resizedRows.forEach((rowIndex) => {\n let maxHeight = 0;\n maybeCachedColIndexes.forEach((colIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxHeight = max(maxHeight, size[0]);\n }\n });\n if (maxHeight) {\n heightResizes.push([rowIndex, maxHeight]);\n }\n });\n vStore._update(ACTION_ITEM_RESIZE, heightResizes);\n heightResized = true;\n }\n if (resizedCols.size) {\n const widthResizes: ItemResize[] = [];\n resizedCols.forEach((colIndex) => {\n let maxWidth = 0;\n maybeCachedRowIndexes.forEach((rowIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxWidth = max(maxWidth, size[1]);\n }\n });\n if (maxWidth) {\n widthResizes.push([colIndex, maxWidth]);\n }\n });\n hStore._update(ACTION_ITEM_RESIZE, widthResizes);\n widthResized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, rowIndex: number, colIndex: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, [rowIndex, colIndex]);\n maybeCachedRowIndexes.add(rowIndex);\n maybeCachedColIndexes.add(colIndex);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(horizontal?: boolean): boolean {\n const prev = horizontal ? widthResized : heightResized;\n if (horizontal) {\n widthResized = false;\n } else {\n heightResized = false;\n }\n return prev;\n },\n };\n};\n\nexport type GridResizer = ReturnType<typeof createGridResizer>;\n","import {\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n ReactNode,\n RefObject,\n useState,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { WindowComponentAttributes } from \"..\";\nimport { createGridResizer, GridResizer } from \"../core/resizer\";\n\nconst genKey = (i: number, j: number) => `${i}-${j}`;\n\n/**\n * Props of customized cell component for {@link VGrid}.\n */\nexport interface CustomCellComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomCellComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomCellComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomCellComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomCellComponent;\n\ntype CellProps = {\n _children: ReactNode;\n _resizer: GridResizer;\n _verticalStore: VirtualStore;\n _horizontalStore: VirtualStore;\n _rowIndex: number;\n _colIndex: number;\n _element: \"div\";\n};\n\nconst Cell = memo(\n ({\n _children: children,\n _resizer: resizer,\n _verticalStore: verticalStore,\n _horizontalStore: horizontalStore,\n _rowIndex: rowIndex,\n _colIndex: colIndex,\n _element: Element,\n }: CellProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const top = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemOffset(rowIndex)\n );\n const left = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemOffset(colIndex)\n );\n const vHide = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._isUnmeasuredItem(rowIndex)\n );\n const hHide = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._isUnmeasuredItem(colIndex)\n );\n const height = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemSize(rowIndex)\n );\n const width = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemSize(colIndex)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, rowIndex, colIndex),\n [colIndex, rowIndex]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const style: CSSProperties = {\n display: \"grid\",\n margin: 0,\n padding: 0,\n position: \"absolute\",\n top: top,\n [verticalStore._isRtl() ? \"right\" : \"left\"]: left,\n visibility: vHide || hHide ? \"hidden\" : \"visible\",\n minHeight: height,\n minWidth: width,\n };\n return style;\n }, [top, left, width, height, vHide, hHide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VGrid}.\n */\nexport interface CustomGridWindowComponentProps {\n children: ReactNode;\n scrollWidth: number;\n scrollHeight: number;\n scrolling: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomGridWindowComponentProps>(\n (\n { children, scrollWidth, scrollHeight, scrolling, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: scrollWidth,\n height: scrollHeight,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollWidth, scrollHeight, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomGridWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _vStore: vStore,\n _hStore: hStore,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _vStore: VirtualStore;\n _hStore: VirtualStore;\n _element: CustomGridWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const height = useSyncExternalStore(vStore._subscribe, vStore._getScrollSize);\n const width = useSyncExternalStore(hStore._subscribe, hStore._getScrollSize);\n\n return (\n <Element\n ref={ref}\n scrollWidth={width}\n scrollHeight={height}\n scrolling={scrolling}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: \"auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Methods of {@link VGrid}.\n */\nexport interface VGridHandle {}\n\n/**\n * Props of {@link VGrid}.\n */\nexport interface VGridProps extends WindowComponentAttributes {\n /**\n * A function to create elements rendered by this component.\n */\n children: (arg: {\n /**\n * row index of cell\n */\n rowIndex: number;\n /**\n * column index of cell\n */\n colIndex: number;\n }) => ReactNode;\n /**\n * Total row length of grid.\n */\n row: number;\n /**\n * Total column length of grid.\n */\n col: number;\n /**\n * Cell height hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n cellHeight?: number;\n /**\n * Cell width hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 100\n */\n cellWidth?: number;\n /**\n * Number of items to render above/below the visible bounds of the grid. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 2\n */\n overscan?: number;\n /**\n * If set, the specified amount of rows will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialRowCount?: number;\n /**\n * If set, the specified amount of cols will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialColCount?: number;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomGridWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomGridWindowComponent;\n /**\n * Customized element type for cell element. This element will get {@link CustomCellComponentProps} as props.\n * @defaultValue \"div\"\n */\n cellElement?: CustomCellComponentOrElement;\n}\n\n/**\n * Virtualized grid component. See {@link VGridProps} and {@link VGridHandle}.\n */\nexport const VGrid = forwardRef<VGridHandle, VGridProps>(\n (\n {\n children,\n row: rowCount,\n col: colCount,\n cellHeight = 40,\n cellWidth = 100,\n overscan = 2,\n initialRowCount,\n initialColCount,\n rtl: rtlProp,\n element = DefaultWindow,\n cellElement: itemElement = \"div\",\n ...windowAttrs\n },\n _ref // TODO implement\n ): ReactElement => {\n const [verticalScrolling, setVerticalScrolling] = useState(false);\n const [horizontalScrolling, setHorizontalScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [vStore, hStore, resizer, verticalScroller, horizontalScroller] =\n useStatic(() => {\n const dummy = () => {};\n const _vs = createVirtualStore(\n rowCount,\n cellHeight,\n false,\n !!rtlProp,\n initialRowCount,\n setVerticalScrolling,\n dummy\n );\n const _hs = createVirtualStore(\n colCount,\n cellWidth,\n true,\n !!rtlProp,\n initialColCount,\n setHorizontalScrolling,\n dummy\n );\n const resizer = createGridResizer(_vs, _hs);\n return [\n _vs,\n _hs,\n resizer,\n createScroller(_vs, () => resizer._isJustResized()),\n createScroller(_hs, () => resizer._isJustResized(true)),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n vStore._updateCacheLength(rowCount);\n hStore._updateCacheLength(colCount);\n\n const [startRowIndex, endRowIndex] = useSyncExternalStore(\n vStore._subscribe,\n vStore._getRange\n );\n const [startColIndex, endColIndex] = useSyncExternalStore(\n hStore._subscribe,\n hStore._getRange\n );\n const verticalJump = useSyncExternalStore(\n vStore._subscribe,\n vStore._getJump\n );\n const horizontalJump = useSyncExternalStore(\n hStore._subscribe,\n hStore._getJump\n );\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const vCleanup = verticalScroller._initRoot(root);\n const hCleanup = horizontalScroller._initRoot(root);\n return () => {\n unobserve();\n vCleanup();\n hCleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (verticalJump.length) {\n verticalScroller._fixScrollJump(verticalJump, startRowIndex);\n }\n }, [verticalJump]);\n useIsomorphicLayoutEffect(() => {\n if (horizontalJump.length) {\n horizontalScroller._fixScrollJump(horizontalJump, startColIndex);\n }\n }, [horizontalJump]);\n\n const render = useMemo(() => {\n const cache = new Map<string, ReactNode>();\n return (rowIndex: number, colIndex: number) => {\n let e: ReactNode | undefined = cache.get(genKey(rowIndex, colIndex));\n if (!e) {\n cache.set(\n genKey(rowIndex, colIndex),\n (e = children({ rowIndex, colIndex }))\n );\n }\n return e;\n };\n }, [children]);\n\n const startRowIndexWithMargin = max(startRowIndex - overscan, 0);\n const endRowIndexWithMargin = min(endRowIndex + overscan, rowCount - 1);\n const startColIndexWithMargin = max(startColIndex - overscan, 0);\n const endColIndexWithMargin = min(endColIndex + overscan, colCount - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startRowIndexWithMargin; i <= endRowIndexWithMargin; i++) {\n for (let j = startColIndexWithMargin; j <= endColIndexWithMargin; j++) {\n res.push(\n <Cell\n key={genKey(i, j)}\n _resizer={resizer}\n _verticalStore={vStore}\n _horizontalStore={hStore}\n _rowIndex={i}\n _colIndex={j}\n _element={itemElement as \"div\"}\n _children={render(i, j)}\n />\n );\n }\n }\n\n return res;\n }, [\n render,\n startRowIndexWithMargin,\n endRowIndexWithMargin,\n startColIndexWithMargin,\n endColIndexWithMargin,\n ]);\n\n return (\n <Window\n _ref={rootRef}\n _vStore={vStore}\n _hStore={hStore}\n _element={element}\n _scrolling={verticalScrolling || horizontalScrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n"],"names":["min","Math","max","now","Date","exists","v","range","length","cb","Array","from","_","i","once","fn","called","cache","args","getItemSize","index","size","_sizes","_defaultItemSize","computeOffset","isTotal","_length","_measuredOffsetIndex","_offsets","top","computeStartOffset","findIndex","distance","sum","h","findStartIndexWithOffset","offset","prevStartIndex","prevOffset","findEndIndex","resetCache","itemSize","createVirtualStore","itemCount","isHorizontal","isRtl","initialItemCount","onScrollStateChange","onScrollOffsetChange","_scrollToQueue","viewportSize","scrollOffset","jump","scrollDirection","_prevRange","subscribers","Set","_getRange","prevEndIndex","start","end","_isUnmeasuredItem","_hasUnmeasuredItemsInRange","startIndex","hasUnmeasuredItemsInRange","endIndex","_getItemOffset","_getItemSize","_getScrollOffset","_getViewportSize","_getScrollSize","computeTotalSize","_getJump","_isHorizontal","_isRtl","_getItemIndexForScrollTo","_waitForScrollDestinationItemsMeasured","Promise","resolve","reject","then","undefined","_subscribe","add","delete","_update","type","payload","mutated","updated","filter","updatedJump","forEach","push","setItemSize","_getScrollDirection","_setScrollDirection","dir","prev","_updateCacheLength","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useSyncExternalStore","subscibe","getSnapShot","_useSyncExternalStore","hasNegativeOffsetInRtl","scrollable","key","isNegative","createScroller","store","isJustResized","rootElement","scrollToKey","getActualScrollSize","scrollWidth","scrollHeight","scrollTo","diff","scrollManually","async","getCurrentOffset","getOffset","scrollSize","e","calcTotalJump","reduce","acc","j","_initRoot","root","syncViewportToScrollPosition","resized","onScrollStopped","debounce","id","cancel","clearTimeout","debouncedFn","setTimeout","_cancel","onScroll","onWheel","throttle","time","n","ctrlKey","deltaX","deltaY","addEventListener","passive","removeEventListener","_getActualScrollSize","_scrollTo","_scrollToIndex","count","_fixScrollJump","allDiff","refKey","useStatic","init","ref","useRef","useRefWithUpdate","value","Item","memo","_children","children","_resizer","resizer","_store","_index","_element","Element","hide","_observeItem","_jsx","style","useMemo","leftOrRightKey","margin","padding","position","visibility","display","DefaultWindow","forwardRef","scrolling","horizontal","attrs","jsx","width","height","pointerEvents","Window","Window$1","_ref","_scrolling","_attrs","overflow","contain","VList","itemSizeProp","overscan","horizontalProp","rtl","rtlProp","element","itemElement","onScrollProp","onScrollStop","onScrollStopProp","onRangeChange","onRangeChangeProp","windowAttrs","elements","arr","Children","isInvalidElement","mountedIndexes","reset","useState","setScrolling","scroller","isScrolling","sizeKey","WeakMap","getResizeObserver","ResizeObserver","entries","resizes","target","contentRect","get","_observeRoot","ro","observe","disconnect","el","set","unobserve","_isJustResized","createResizer","rootRef","cleanup","useImperativeHandle","scrollToIndex","scrollBy","startIndexWithMargin","endIndexWithMargin","items","res","genKey","Cell","_verticalStore","verticalStore","_horizontalStore","horizontalStore","_rowIndex","rowIndex","_colIndex","colIndex","left","vHide","hHide","minHeight","minWidth","_vStore","vStore","_hStore","hStore","VGrid","row","rowCount","col","colCount","cellHeight","cellWidth","initialRowCount","initialColCount","cellElement","verticalScrolling","setVerticalScrolling","horizontalScrolling","setHorizontalScrolling","verticalScroller","horizontalScroller","dummy","_vs","_hs","createGridResizer","heightResized","widthResized","heightKey","widthKey","maybeCachedRowIndexes","maybeCachedColIndexes","sizeCache","Map","getKey","resizedRows","resizedCols","cell","prevSize","rowResized","colResized","heightResizes","maxHeight","widthResizes","maxWidth","startRowIndex","endRowIndex","startColIndex","endColIndex","verticalJump","horizontalJump","vCleanup","hCleanup","render","startRowIndexWithMargin","endRowIndexWithMargin","startColIndexWithMargin","endColIndexWithMargin"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/src/core/utils.ts","../src/src/core/cache.ts","../src/src/core/store.ts","../src/src/react/useIsomorphicLayoutEffect.ts","../src/src/react/useSyncExternalStore.ts","../src/src/core/dom.ts","../src/src/core/scroller.ts","../src/src/react/utils.ts","../src/src/react/useStatic.ts","../src/src/react/useRefWithUpdate.ts","../src/src/react/VList.tsx","../src/src/core/resizer.ts","../src/src/react/VGrid.tsx"],"sourcesContent":["export const min = Math.min;\nexport const max = Math.max;\nexport const now = Date.now;\n\nexport const exists = <T>(v: T): v is Exclude<T, null | undefined> => v != null;\n\nexport const range = <T>(length: number, cb: (i: number) => T): T[] =>\n Array.from({ length }, (_, i) => cb(i));\n\nexport const debounce = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let id: NodeJS.Timeout | undefined | null;\n\n const cancel = () => {\n if (exists(id)) {\n clearTimeout(id);\n }\n };\n const debouncedFn = () => {\n cancel();\n id = setTimeout(() => {\n id = null;\n fn();\n }, ms);\n };\n debouncedFn._cancel = cancel;\n return debouncedFn;\n};\n\nexport const throttle = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let time = now() - ms;\n return (...args: Parameters<T>) => {\n const n = now();\n if (time + ms < n) {\n time = n;\n fn(...args);\n }\n };\n};\n\nexport const once = <F extends (...args: any[]) => any>(fn: F): F => {\n let called: undefined | boolean;\n let cache: ReturnType<F>;\n\n return ((...args) => {\n if (!called) {\n called = true;\n cache = fn(...args);\n }\n return cache;\n }) as F;\n};\n","import type { DeepReadonly, Writeable } from \"./types\";\nimport { exists, max, min, range } from \"./utils\";\n\nexport const UNCACHED = -1;\n\nexport type Cache = DeepReadonly<{\n _defaultItemSize: number;\n _length: number;\n _sizes: number[];\n _measuredOffsetIndex: number;\n _offsets: number[];\n}>;\n\nexport const getItemSize = (cache: Cache, index: number): number => {\n const size = cache._sizes[index]!;\n return size === UNCACHED ? cache._defaultItemSize : size;\n};\n\nexport const setItemSize = (\n cache: Writeable<Cache>,\n index: number,\n size: number\n) => {\n cache._sizes[index] = size;\n // mark as dirty\n cache._measuredOffsetIndex = min(index, cache._measuredOffsetIndex);\n};\n\nconst computeOffset = (\n cache: Writeable<Cache>,\n index: number,\n isTotal?: boolean\n): number => {\n if (!cache._length) return 0;\n if (cache._measuredOffsetIndex >= index) {\n if (isTotal) {\n return cache._offsets[index]! + getItemSize(cache, index);\n } else {\n return cache._offsets[index]!;\n }\n }\n\n let i = cache._measuredOffsetIndex;\n let top = cache._offsets[i]!;\n while (i <= index) {\n cache._offsets[i] = top;\n if (i === index && !isTotal) {\n break;\n }\n top += getItemSize(cache, i);\n i++;\n }\n // mark as measured\n cache._measuredOffsetIndex = index;\n return top;\n};\n\nexport const computeTotalSize = (cache: Writeable<Cache>): number => {\n return computeOffset(cache, cache._length - 1, true);\n};\n\nexport const computeStartOffset = (\n cache: Writeable<Cache>,\n index: number\n): number => {\n return computeOffset(cache, index);\n};\n\nconst findIndex = (cache: Cache, i: number, distance: number): number => {\n let sum = 0;\n if (distance >= 0) {\n // search forward\n while (i < cache._length - 1) {\n const h = getItemSize(cache, i++);\n if ((sum += h) >= distance) {\n if (sum - h / 2 >= distance) {\n i--;\n }\n break;\n }\n }\n } else {\n // search backward\n while (i > 0) {\n const h = getItemSize(cache, --i);\n if ((sum -= h) <= distance) {\n if (sum + h / 2 < distance) {\n i++;\n }\n break;\n }\n }\n }\n\n return min(max(i, 0), cache._length - 1);\n};\n\nexport const findStartIndexWithOffset = (\n cache: Cache,\n offset: number,\n prevStartIndex: number,\n prevOffset: number\n): number => {\n return findIndex(cache, prevStartIndex, offset - prevOffset);\n};\n\nexport const findEndIndex = findIndex;\n\nexport const hasUnmeasuredItemsInRange = (\n cache: Cache,\n startIndex: number,\n endIndex: number\n): boolean => {\n for (let i = startIndex; i <= endIndex; i++) {\n if (cache._sizes[i] === UNCACHED) {\n return true;\n }\n }\n return false;\n};\n\nexport const resetCache = (\n length: number,\n itemSize: number,\n cache?: Cache\n): Cache => {\n return {\n _defaultItemSize: itemSize,\n _length: length,\n _measuredOffsetIndex: cache\n ? min(cache._measuredOffsetIndex, length - 1)\n : 0,\n _sizes: range(length, (i) => {\n const size = cache && cache._sizes[i];\n if (exists(size)) {\n return size;\n }\n return UNCACHED;\n }),\n _offsets: range(length, (i) => {\n if (i === 0) {\n // first offset must be 0\n return 0;\n }\n const offset = cache && cache._offsets[i];\n if (exists(offset)) {\n return offset;\n }\n return UNCACHED;\n }),\n };\n};\n","import {\n findStartIndexWithOffset,\n resetCache,\n getItemSize,\n computeTotalSize,\n findEndIndex,\n computeStartOffset,\n Cache,\n UNCACHED,\n setItemSize,\n hasUnmeasuredItemsInRange,\n} from \"./cache\";\nimport type { Writeable } from \"./types\";\nimport { max } from \"./utils\";\n\ntype ItemJump = [sizeDiff: number, index: number];\nexport type ScrollJump = Readonly<ItemJump[]>;\nexport type ItemResize = [index: number, size: number];\ntype ItemsRange = [startIndex: number, endIndex: number];\n\nexport const SCROLL_STOP = 0;\nexport const SCROLL_DOWN = 1;\nexport const SCROLL_UP = 2;\nexport const SCROLL_MANUAL = 3;\ntype ScrollDirection =\n | typeof SCROLL_STOP\n | typeof SCROLL_DOWN\n | typeof SCROLL_UP\n | typeof SCROLL_MANUAL;\n\nexport const ACTION_ITEM_RESIZE = 1;\nexport const ACTION_WINDOW_RESIZE = 2;\nexport const ACTION_SCROLL = 3;\nexport const ACTION_MANUAL_SCROLL = 4;\n\ntype Actions =\n | [type: typeof ACTION_ITEM_RESIZE, entries: ItemResize[]]\n | [type: typeof ACTION_WINDOW_RESIZE, size: number]\n | [type: typeof ACTION_SCROLL, offset: number]\n | [type: typeof ACTION_MANUAL_SCROLL, offset: number];\n\nexport type VirtualStore = {\n _getRange(): ItemsRange;\n _isUnmeasuredItem(index: number): boolean;\n _hasUnmeasuredItemsInRange(startIndex: number): boolean;\n _getItemOffset(index: number): number;\n _getItemSize(index: number): number;\n _getScrollOffset(): number;\n _getViewportSize(): number;\n _getScrollSize(): number;\n _getJump(): ScrollJump;\n _isHorizontal(): boolean;\n _isRtl(): boolean;\n _getItemIndexForScrollTo(offset: number): number;\n _waitForScrollDestinationItemsMeasured(): Promise<void>;\n _subscribe(cb: () => void): () => void;\n _update(...action: Actions): void;\n _getScrollDirection(): ScrollDirection;\n _setScrollDirection(direction: ScrollDirection): void;\n _updateCacheLength(length: number): void;\n};\n\nexport const createVirtualStore = (\n itemCount: number,\n itemSize: number,\n isHorizontal: boolean,\n isRtl: boolean,\n initialItemCount: number = 0,\n onScrollStateChange: (scrolling: boolean) => void,\n onScrollOffsetChange: (offset: number) => void\n): VirtualStore => {\n let viewportSize = itemSize * max(initialItemCount - 1, 0);\n let scrollOffset = 0;\n let jump: ItemJump[] = [];\n let cache = resetCache(itemCount, itemSize);\n let scrollDirection: ScrollDirection = SCROLL_STOP;\n let _prevRange: ItemsRange = [0, initialItemCount];\n let _scrollToQueue: [() => void, () => void] | undefined;\n\n const subscribers = new Set<() => void>();\n\n return {\n _getRange() {\n const [prevStartIndex, prevEndIndex] = _prevRange;\n const prevOffset = computeStartOffset(\n cache as Writeable<Cache>,\n prevStartIndex\n );\n const start = findStartIndexWithOffset(\n cache,\n scrollOffset,\n prevStartIndex,\n prevOffset\n );\n const end = findEndIndex(cache, start, viewportSize);\n if (prevStartIndex === start && prevEndIndex === end) {\n return _prevRange;\n }\n return (_prevRange = [start, end]);\n },\n _isUnmeasuredItem(index) {\n return cache._sizes[index] === UNCACHED;\n },\n _hasUnmeasuredItemsInRange(startIndex) {\n return hasUnmeasuredItemsInRange(\n cache,\n startIndex,\n findEndIndex(cache, startIndex, viewportSize)\n );\n },\n _getItemOffset(index) {\n return computeStartOffset(cache as Writeable<Cache>, index);\n },\n _getItemSize(index) {\n return getItemSize(cache, index);\n },\n _getScrollOffset() {\n return scrollOffset;\n },\n _getViewportSize() {\n return viewportSize;\n },\n _getScrollSize() {\n return computeTotalSize(cache as Writeable<Cache>);\n },\n _getJump() {\n return jump;\n },\n _isHorizontal() {\n return isHorizontal;\n },\n _isRtl() {\n return isRtl;\n },\n _getItemIndexForScrollTo(offset) {\n return findStartIndexWithOffset(cache, offset, 0, 0);\n },\n _waitForScrollDestinationItemsMeasured() {\n if (_scrollToQueue) {\n // Cancel waiting scrollTo\n _scrollToQueue[1]();\n }\n // The measurement will be done asynchronously and the timing is not predictable so we use promise.\n // For example, ResizeObserver may not fire when window is not visible.\n return new Promise((resolve, reject) => {\n _scrollToQueue = [\n () => {\n // HACK: It should be resolved in the next microtask that is after React's render\n Promise.resolve().then(() => {\n resolve();\n _scrollToQueue = undefined;\n });\n },\n reject,\n ];\n });\n },\n _subscribe(cb) {\n subscribers.add(cb);\n return () => {\n subscribers.delete(cb);\n };\n },\n _update(type, payload) {\n const mutated = ((): boolean => {\n switch (type) {\n case ACTION_ITEM_RESIZE: {\n const updated = payload.filter(\n ([index, size]) => cache._sizes[index] !== size\n );\n // Skip if all items are cached and not updated\n if (!updated.length) {\n return false;\n }\n\n const updatedJump: ItemJump[] = [];\n updated.forEach(([index, size]) => {\n updatedJump.push([size - getItemSize(cache, index), index]);\n setItemSize(cache as Writeable<Cache>, index, size);\n });\n jump = updatedJump;\n return true;\n }\n case ACTION_WINDOW_RESIZE: {\n if (viewportSize === payload) {\n return false;\n }\n viewportSize = payload;\n return true;\n }\n case ACTION_SCROLL:\n case ACTION_MANUAL_SCROLL: {\n const prevOffset = scrollOffset;\n return (scrollOffset = payload) !== prevOffset;\n }\n }\n })();\n\n if (mutated) {\n subscribers.forEach((cb) => {\n cb();\n });\n\n if (type === ACTION_SCROLL) {\n onScrollOffsetChange(scrollOffset);\n } else if (_scrollToQueue && type === ACTION_ITEM_RESIZE) {\n _scrollToQueue[0]();\n }\n }\n },\n _getScrollDirection() {\n return scrollDirection;\n },\n _setScrollDirection(dir) {\n const prev = scrollDirection;\n scrollDirection = dir;\n if (scrollDirection === SCROLL_STOP) {\n onScrollStateChange(false);\n } else if (\n prev === SCROLL_STOP &&\n (scrollDirection === SCROLL_DOWN || scrollDirection === SCROLL_UP)\n ) {\n onScrollStateChange(true);\n }\n },\n _updateCacheLength(length) {\n // It's ok to be updated in render because states should be calculated consistently regardless cache length\n if (cache._length === length) return;\n cache = resetCache(length, itemSize, cache);\n },\n };\n};\n","import { useEffect, useLayoutEffect } from \"react\";\n\n// https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import { useSyncExternalStore as _useSyncExternalStore } from \"use-sync-external-store/shim/index.js\";\n\nexport const useSyncExternalStore = <T>(\n subscibe: (onStoreChange: () => void) => () => void,\n getSnapShot: () => T\n): T => {\n return _useSyncExternalStore(subscibe, getSnapShot, getSnapShot);\n};\n","import { once } from \"./utils\";\n\n// The scroll position may be negative value in rtl direction.\n//\n// left right result\n// -100 0 true spec compliant\n// 0 100 false probably Chrome earlier than v85\n// https://github.com/othree/jquery.rtl-scroll-type\nexport const hasNegativeOffsetInRtl = once((scrollable: HTMLElement) => {\n const key = \"scrollLeft\";\n const prev = scrollable[key];\n scrollable[key] = 1;\n // scrollLeft can be positive under some specific situations even if negative mode, so we use `<` for now.\n const isNegative = scrollable[key] < 1;\n scrollable[key] = prev;\n return isNegative;\n});\n","import { hasNegativeOffsetInRtl } from \"./dom\";\nimport {\n ACTION_SCROLL,\n ACTION_MANUAL_SCROLL,\n ScrollJump,\n VirtualStore,\n SCROLL_MANUAL,\n SCROLL_STOP,\n SCROLL_UP,\n SCROLL_DOWN,\n} from \"./store\";\nimport { debounce, throttle, max, min } from \"./utils\";\n\nexport type Scroller = {\n _initRoot: (rootElement: HTMLElement) => () => void;\n _getActualScrollSize: () => number;\n _scrollTo: (offset: number) => void;\n _scrollToIndex: (index: number, count: number) => void;\n _fixScrollJump: (jump: ScrollJump, startIndex: number) => void;\n};\n\nexport const createScroller = (\n store: VirtualStore,\n isJustResized: () => boolean\n): Scroller => {\n let rootElement: HTMLElement | undefined;\n const isHorizontal = store._isHorizontal();\n const isRtl = store._isRtl();\n const scrollToKey = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n\n const getActualScrollSize = (): number => {\n if (!rootElement) return 0;\n // Use element's scrollHeight/scrollWidth instead of stored scrollSize.\n // This is because stored size may differ from the actual size, for example when a new item is added and not yet measured.\n return isHorizontal ? rootElement.scrollWidth : rootElement.scrollHeight;\n };\n const normalizeRtlOffset = (offset: number, diff?: boolean): number => {\n if (hasNegativeOffsetInRtl(rootElement!)) {\n return -offset;\n } else {\n return diff\n ? -offset\n : store._getScrollSize() - store._getViewportSize() - offset;\n }\n };\n const scrollTo = (offset: number, diff?: boolean) => {\n if (!rootElement) return;\n if (isHorizontal && isRtl) {\n offset = normalizeRtlOffset(offset, diff);\n }\n if (diff) {\n rootElement[scrollToKey] += offset;\n } else {\n rootElement[scrollToKey] = offset;\n store._setScrollDirection(SCROLL_MANUAL);\n }\n };\n const scrollManually = async (\n index: number,\n getCurrentOffset: () => number\n ) => {\n const getOffset = (): number => {\n let offset = getCurrentOffset();\n const scrollSize = getActualScrollSize();\n const viewportSize = store._getViewportSize();\n if (scrollSize - (offset + viewportSize) <= 0) {\n // Adjust if the offset is over the end, to get correct startIndex.\n offset = scrollSize - viewportSize;\n }\n return offset;\n };\n\n if (store._hasUnmeasuredItemsInRange(index)) {\n do {\n // In order to scroll to the correct position, mount the items and measure their sizes before scrolling.\n store._update(ACTION_MANUAL_SCROLL, getOffset());\n try {\n // Wait for the scroll destination items to be measured.\n await store._waitForScrollDestinationItemsMeasured();\n } catch (e) {\n // canceled\n return;\n }\n } while (store._hasUnmeasuredItemsInRange(index));\n\n // Scroll with the updated value\n scrollTo(getOffset());\n } else {\n const offset = getOffset();\n scrollTo(offset);\n // Sync viewport to scroll destination\n store._update(ACTION_MANUAL_SCROLL, offset);\n }\n };\n\n const calcTotalJump = (jump: ScrollJump): number =>\n jump.reduce((acc, [j]) => acc + j, 0);\n\n return {\n _initRoot(root) {\n rootElement = root;\n\n const syncViewportToScrollPosition = () => {\n let offset = root[scrollToKey];\n if (isHorizontal && isRtl) {\n offset = normalizeRtlOffset(offset);\n }\n const prevOffset = store._getScrollOffset();\n if (prevOffset === offset) {\n return;\n }\n const scrollDirection = store._getScrollDirection();\n // Skip scroll direction detection just after resizing because it may result in the opposite direction.\n // Scroll events are dispatched enough so it's ok to skip some of them.\n const resized = isJustResized();\n if (\n (scrollDirection === SCROLL_STOP || !resized) &&\n // Ignore until manual scrolling\n scrollDirection !== SCROLL_MANUAL\n ) {\n store._setScrollDirection(\n prevOffset > offset ? SCROLL_UP : SCROLL_DOWN\n );\n }\n store._update(ACTION_SCROLL, offset);\n };\n\n const onScrollStopped = debounce(() => {\n // Check scroll position once just after scrolling stopped\n syncViewportToScrollPosition();\n store._setScrollDirection(SCROLL_STOP);\n }, 150);\n\n const onScroll = () => {\n syncViewportToScrollPosition();\n onScrollStopped();\n };\n\n // Infer scroll state also from wheel events\n // Sometimes scroll events do not fire when frame dropped even if the visual have been already scrolled\n const onWheel = throttle((e: WheelEvent) => {\n if (store._getScrollDirection() === SCROLL_STOP) {\n // Scroll start should be detected with scroll event\n return;\n }\n if (e.ctrlKey) {\n // Probably a pinch-to-zoom gesture\n return;\n }\n // Get delta before checking deltaMode for firefox behavior\n // https://github.com/w3c/uievents/issues/181#issuecomment-392648065\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1392460#c34\n if (isHorizontal ? e.deltaX : e.deltaY) {\n const offset = store._getScrollOffset();\n if (\n offset > 0 &&\n offset < store._getScrollSize() - store._getViewportSize()\n ) {\n onScrollStopped();\n }\n }\n }, 50);\n\n root.addEventListener(\"scroll\", onScroll);\n root.addEventListener(\"wheel\", onWheel, { passive: true });\n\n return () => {\n root.removeEventListener(\"scroll\", onScroll);\n root.removeEventListener(\"wheel\", onWheel);\n onScrollStopped._cancel();\n };\n },\n _getActualScrollSize: getActualScrollSize,\n _scrollTo(offset) {\n offset = max(offset, 0);\n\n scrollManually(store._getItemIndexForScrollTo(offset), () => offset);\n },\n _scrollToIndex(index, count) {\n index = max(min(index, count - 1), 0);\n\n scrollManually(index, () => store._getItemOffset(index));\n },\n _fixScrollJump: (jump, startIndex) => {\n const scrollDirection = store._getScrollDirection();\n // Compensate scroll jump\n if (scrollDirection === SCROLL_UP) {\n const diff = calcTotalJump(jump);\n if (diff) {\n scrollTo(diff, true);\n }\n } else if (scrollDirection === SCROLL_MANUAL) {\n const offset = store._getScrollOffset();\n if (offset === 0) {\n // Do nothing to stick to the start\n } else {\n const allDiff = calcTotalJump(jump);\n if (\n store._getScrollSize() -\n (offset + store._getViewportSize() + allDiff) <=\n 0\n ) {\n // Keep end to stick to the end\n if (allDiff) {\n scrollTo(offset + allDiff);\n }\n } else {\n // Keep start at mid\n const diff = jump.reduce((acc, [j, index]) => {\n if (index < startIndex) {\n acc += j;\n }\n return acc;\n }, 0);\n if (diff) {\n scrollTo(diff, true);\n }\n }\n }\n } else {\n // NOP\n }\n },\n };\n};\n","import { ReactNode } from \"react\";\nimport { exists } from \"../core/utils\";\n\nexport const refKey = \"current\";\n\nexport const isInvalidElement = <T extends ReactNode>(\n e: T\n): e is Extract<T, null | undefined | boolean> =>\n !exists(e) || typeof e === \"boolean\";\n","import { useRef } from \"react\";\nimport { refKey } from \"./utils\";\n\nexport const useStatic = <T>(init: () => T): T => {\n const ref = useRef<T>();\n return ref[refKey] || (ref[refKey] = init());\n};\n","import { useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { refKey } from \"./utils\";\n\nexport const useRefWithUpdate = <T>(value: T) => {\n const ref = useRef<T>(value);\n\n useIsomorphicLayoutEffect(() => {\n ref[refKey] = value;\n }, [value]);\n\n return ref;\n};\n","import {\n Children,\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n useImperativeHandle,\n ReactNode,\n useEffect,\n RefObject,\n useState,\n ReactFragment,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { exists, max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { isInvalidElement, refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { useRefWithUpdate } from \"./useRefWithUpdate\";\nimport { Resizer, createResizer } from \"../core/resizer\";\nimport { WindowComponentAttributes } from \"..\";\n\ntype ItemProps = {\n _children: ReactNode;\n _resizer: Resizer;\n _store: VirtualStore;\n _index: number;\n _element: \"div\";\n};\n\nconst Item = memo(\n ({\n _children: children,\n _resizer: resizer,\n _store: store,\n _index: index,\n _element: Element,\n }: ItemProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const offset = useSyncExternalStore(store._subscribe, () =>\n store._getItemOffset(index)\n );\n const hide = useSyncExternalStore(store._subscribe, () =>\n store._isUnmeasuredItem(index)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, index),\n [index]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const isHorizontal = store._isHorizontal();\n const leftOrRightKey = store._isRtl() ? \"right\" : \"left\";\n const style: CSSProperties = {\n margin: 0,\n padding: 0,\n position: \"absolute\",\n [isHorizontal ? \"height\" : \"width\"]: \"100%\",\n [isHorizontal ? \"top\" : leftOrRightKey]: 0,\n [isHorizontal ? leftOrRightKey : \"top\"]: offset,\n visibility: hide ? \"hidden\" : \"visible\",\n // willChange: \"transform\",\n };\n if (isHorizontal) {\n style.display = \"flex\";\n }\n return style;\n }, [offset, hide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VList}.\n */\nexport interface CustomWindowComponentProps {\n children: ReactNode;\n scrollSize: number;\n scrolling: boolean;\n horizontal: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomWindowComponentProps>(\n (\n { children, scrollSize, scrolling, horizontal, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: horizontal ? scrollSize : \"100%\",\n height: horizontal ? \"100%\" : scrollSize,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollSize, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _store: store,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _store: VirtualStore;\n _element: CustomWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const scrollSize = useSyncExternalStore(\n store._subscribe,\n store._getScrollSize\n );\n\n const horizontal = store._isHorizontal();\n\n return (\n <Element\n ref={ref}\n scrollSize={scrollSize}\n scrolling={scrolling}\n horizontal={horizontal}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: horizontal ? \"auto hidden\" : \"hidden auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Props of customized item component for {@link VList}.\n */\nexport interface CustomItemComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomItemComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomItemComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomItemComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomItemComponent;\n\n/**\n * Methods of {@link VList}.\n */\nexport interface VListHandle {\n /**\n * Get current scrollTop or scrollLeft.\n */\n readonly scrollOffset: number;\n /**\n * Get current scrollHeight or scrollWidth.\n */\n readonly scrollSize: number;\n /**\n * Get current offsetHeight or offsetWidth.\n */\n readonly viewportSize: number;\n /**\n * Scroll to the item specified by index.\n * @param index index of item\n */\n scrollToIndex(index: number): void;\n /**\n * Scroll to the given offset.\n * @param offset offset from start\n */\n scrollTo(offset: number): void;\n /**\n * Scroll by the given offset.\n * @param offset offset from current position\n */\n scrollBy(offset: number): void;\n}\n\n/**\n * Props of {@link VList}.\n */\nexport interface VListProps extends WindowComponentAttributes {\n /**\n * Elements rendered by this component.\n */\n children: ReactNode;\n /**\n * Item size hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n itemSize?: number;\n /**\n * Number of items to render above/below the visible bounds of the list. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 4\n */\n overscan?: number;\n /**\n * If set, the specified amount of items will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialItemCount?: number;\n /**\n * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.\n */\n horizontal?: boolean;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomWindowComponent;\n /**\n * Customized element type for item element. This element will get {@link CustomItemComponentProps} as props.\n * @defaultValue \"div\"\n */\n itemElement?: CustomItemComponentOrElement;\n /**\n * Callback invoked whenever scroll offset changes.\n * @param offset Current scrollTop or scrollLeft.\n */\n onScroll?: (offset: number) => void;\n /**\n * Callback invoked when scrolling stops.\n */\n onScrollStop?: () => void;\n /**\n * Callback invoked when visible items range changes.\n */\n onRangeChange?: (payload: {\n /**\n * The start index of viewable items.\n */\n start: number;\n /**\n * The end index of viewable items.\n */\n end: number;\n /**\n * The total count of items.\n */\n count: number;\n }) => void;\n}\n\n/**\n * Virtualized list component. See {@link VListProps} and {@link VListHandle}.\n */\nexport const VList = forwardRef<VListHandle, VListProps>(\n (\n {\n children,\n itemSize: itemSizeProp = 40,\n overscan = 4,\n initialItemCount,\n horizontal: horizontalProp,\n rtl: rtlProp,\n element = DefaultWindow,\n itemElement = \"div\",\n onScroll: onScrollProp,\n onScrollStop: onScrollStopProp,\n onRangeChange: onRangeChangeProp,\n ...windowAttrs\n },\n ref\n ): ReactElement => {\n // Memoize element array\n const elements = useMemo(() => {\n const arr: (ReactElement | ReactFragment | string | number)[] = [];\n Children.forEach(children, (e) => {\n if (isInvalidElement(e)) {\n return;\n }\n arr.push(e);\n });\n return arr;\n }, [children]);\n const count = elements.length;\n\n const onScroll = useRefWithUpdate(onScrollProp);\n const onScrollStop = useRefWithUpdate(onScrollStopProp);\n\n const [mountedIndexes, reset] = useState<Set<number>>(new Set<number>());\n const [scrolling, setScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [store, resizer, scroller] = useStatic(() => {\n const _store = createVirtualStore(\n count,\n itemSizeProp,\n !!horizontalProp,\n !!rtlProp,\n initialItemCount,\n (isScrolling) => {\n setScrolling(isScrolling);\n if (!isScrolling) {\n reset(new Set());\n onScrollStop[refKey] && onScrollStop[refKey]();\n }\n },\n (offset) => {\n onScroll[refKey] && onScroll[refKey](offset);\n }\n );\n const _resizer = createResizer(_store);\n return [\n _store,\n _resizer,\n createScroller(_store, _resizer._isJustResized),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n store._updateCacheLength(count);\n\n const [startIndex, endIndex] = useSyncExternalStore(\n store._subscribe,\n store._getRange\n );\n const jump = useSyncExternalStore(store._subscribe, store._getJump);\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const cleanup = scroller._initRoot(root);\n return () => {\n unobserve();\n cleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!jump.length) return;\n\n scroller._fixScrollJump(jump, startIndex);\n }, [jump]);\n\n useEffect(() => {\n if (!onRangeChangeProp) return;\n\n onRangeChangeProp({\n start: startIndex,\n end: endIndex,\n count,\n });\n }, [startIndex, endIndex]);\n\n useImperativeHandle(\n ref,\n () => {\n return {\n get scrollOffset() {\n return store._getScrollOffset();\n },\n get scrollSize() {\n return scroller._getActualScrollSize();\n },\n get viewportSize() {\n return store._getViewportSize();\n },\n scrollToIndex(index) {\n scroller._scrollToIndex(index, count);\n },\n scrollTo: scroller._scrollTo,\n scrollBy(offset) {\n scroller._scrollTo(store._getScrollOffset() + offset);\n },\n };\n },\n [count]\n );\n\n const startIndexWithMargin = max(startIndex - overscan, 0);\n const endIndexWithMargin = min(endIndex + overscan, count - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startIndexWithMargin; i <= endIndexWithMargin; i++) {\n // https://github.com/sergi/virtual-list/commit/8e7e06dc63568334c1ab809ea83c1be36572e9ed\n mountedIndexes.add(i);\n }\n mountedIndexes.forEach((i) => {\n const e = elements[i];\n // This can be undefined when items are removed\n if (exists(e)) {\n res.push(\n <Item\n key={(e as { key?: ReactElement[\"key\"] })?.key || i}\n _resizer={resizer}\n _store={store}\n _index={i}\n _element={itemElement as \"div\"}\n _children={e}\n />\n );\n }\n });\n return res;\n }, [elements, mountedIndexes, startIndexWithMargin, endIndexWithMargin]);\n\n return (\n <Window\n _ref={rootRef}\n _store={store}\n _element={element}\n _scrolling={scrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n","import {\n ACTION_ITEM_RESIZE,\n ACTION_WINDOW_RESIZE,\n ItemResize,\n VirtualStore,\n} from \"./store\";\nimport { exists, max, once } from \"./utils\";\n\nexport const createResizer = (store: VirtualStore) => {\n let resized = false;\n let rootElement: HTMLElement | undefined;\n const sizeKey = store._isHorizontal() ? \"width\" : \"height\";\n const mountedIndexes = new WeakMap<Element, number>();\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizes: ItemResize[] = [];\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n store._update(ACTION_WINDOW_RESIZE, contentRect[sizeKey]);\n } else {\n const index = mountedIndexes.get(target);\n if (exists(index)) {\n resizes.push([index, contentRect[sizeKey]]);\n }\n }\n }\n\n if (resizes.length) {\n store._update(ACTION_ITEM_RESIZE, resizes);\n resized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, i: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, i);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(): boolean {\n const prev = resized;\n resized = false;\n return prev;\n },\n };\n};\n\nexport type Resizer = ReturnType<typeof createResizer>;\n\nexport const createGridResizer = (\n vStore: VirtualStore,\n hStore: VirtualStore\n) => {\n let heightResized = false;\n let widthResized = false;\n let rootElement: HTMLElement | undefined;\n\n const heightKey = \"height\";\n const widthKey = \"width\";\n const mountedIndexes = new WeakMap<\n Element,\n [rowIndex: number, colIndex: number]\n >();\n\n type CellSize = [height: number, width: number];\n const maybeCachedRowIndexes = new Set<number>();\n const maybeCachedColIndexes = new Set<number>();\n const sizeCache = new Map<string, CellSize>();\n const getKey = (rowIndex: number, colIndex: number): string =>\n `${rowIndex}-${colIndex}`;\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizedRows = new Set<number>();\n const resizedCols = new Set<number>();\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n vStore._update(ACTION_WINDOW_RESIZE, contentRect[heightKey]);\n hStore._update(ACTION_WINDOW_RESIZE, contentRect[widthKey]);\n } else {\n const cell = mountedIndexes.get(target);\n if (cell) {\n const [rowIndex, colIndex] = cell;\n const key = getKey(rowIndex, colIndex);\n const prevSize = sizeCache.get(key);\n const size: CellSize = [\n contentRect[heightKey],\n contentRect[widthKey],\n ];\n let rowResized: boolean | undefined;\n let colResized: boolean | undefined;\n if (!prevSize) {\n rowResized = colResized = true;\n } else {\n if (prevSize[0] !== size[0]) {\n rowResized = true;\n }\n if (prevSize[1] !== size[1]) {\n colResized = true;\n }\n }\n if (rowResized) {\n resizedRows.add(rowIndex);\n }\n if (colResized) {\n resizedCols.add(colIndex);\n }\n if (rowResized || colResized) {\n sizeCache.set(key, size);\n }\n }\n }\n }\n\n if (resizedRows.size) {\n const heightResizes: ItemResize[] = [];\n resizedRows.forEach((rowIndex) => {\n let maxHeight = 0;\n maybeCachedColIndexes.forEach((colIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxHeight = max(maxHeight, size[0]);\n }\n });\n if (maxHeight) {\n heightResizes.push([rowIndex, maxHeight]);\n }\n });\n vStore._update(ACTION_ITEM_RESIZE, heightResizes);\n heightResized = true;\n }\n if (resizedCols.size) {\n const widthResizes: ItemResize[] = [];\n resizedCols.forEach((colIndex) => {\n let maxWidth = 0;\n maybeCachedRowIndexes.forEach((rowIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxWidth = max(maxWidth, size[1]);\n }\n });\n if (maxWidth) {\n widthResizes.push([colIndex, maxWidth]);\n }\n });\n hStore._update(ACTION_ITEM_RESIZE, widthResizes);\n widthResized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, rowIndex: number, colIndex: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, [rowIndex, colIndex]);\n maybeCachedRowIndexes.add(rowIndex);\n maybeCachedColIndexes.add(colIndex);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(horizontal?: boolean): boolean {\n const prev = horizontal ? widthResized : heightResized;\n if (horizontal) {\n widthResized = false;\n } else {\n heightResized = false;\n }\n return prev;\n },\n };\n};\n\nexport type GridResizer = ReturnType<typeof createGridResizer>;\n","import {\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n ReactNode,\n RefObject,\n useState,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { WindowComponentAttributes } from \"..\";\nimport { createGridResizer, GridResizer } from \"../core/resizer\";\n\nconst genKey = (i: number, j: number) => `${i}-${j}`;\n\n/**\n * Props of customized cell component for {@link VGrid}.\n */\nexport interface CustomCellComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomCellComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomCellComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomCellComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomCellComponent;\n\ntype CellProps = {\n _children: ReactNode;\n _resizer: GridResizer;\n _verticalStore: VirtualStore;\n _horizontalStore: VirtualStore;\n _rowIndex: number;\n _colIndex: number;\n _element: \"div\";\n};\n\nconst Cell = memo(\n ({\n _children: children,\n _resizer: resizer,\n _verticalStore: verticalStore,\n _horizontalStore: horizontalStore,\n _rowIndex: rowIndex,\n _colIndex: colIndex,\n _element: Element,\n }: CellProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const top = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemOffset(rowIndex)\n );\n const left = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemOffset(colIndex)\n );\n const vHide = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._isUnmeasuredItem(rowIndex)\n );\n const hHide = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._isUnmeasuredItem(colIndex)\n );\n const height = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemSize(rowIndex)\n );\n const width = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemSize(colIndex)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, rowIndex, colIndex),\n [colIndex, rowIndex]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const style: CSSProperties = {\n display: \"grid\",\n margin: 0,\n padding: 0,\n position: \"absolute\",\n top: top,\n [verticalStore._isRtl() ? \"right\" : \"left\"]: left,\n visibility: vHide || hHide ? \"hidden\" : \"visible\",\n minHeight: height,\n minWidth: width,\n };\n return style;\n }, [top, left, width, height, vHide, hHide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VGrid}.\n */\nexport interface CustomGridWindowComponentProps {\n children: ReactNode;\n scrollWidth: number;\n scrollHeight: number;\n scrolling: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomGridWindowComponentProps>(\n (\n { children, scrollWidth, scrollHeight, scrolling, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: scrollWidth,\n height: scrollHeight,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollWidth, scrollHeight, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomGridWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _vStore: vStore,\n _hStore: hStore,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _vStore: VirtualStore;\n _hStore: VirtualStore;\n _element: CustomGridWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const height = useSyncExternalStore(vStore._subscribe, vStore._getScrollSize);\n const width = useSyncExternalStore(hStore._subscribe, hStore._getScrollSize);\n\n return (\n <Element\n ref={ref}\n scrollWidth={width}\n scrollHeight={height}\n scrolling={scrolling}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: \"auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Methods of {@link VGrid}.\n */\nexport interface VGridHandle {}\n\n/**\n * Props of {@link VGrid}.\n */\nexport interface VGridProps extends WindowComponentAttributes {\n /**\n * A function to create elements rendered by this component.\n */\n children: (arg: {\n /**\n * row index of cell\n */\n rowIndex: number;\n /**\n * column index of cell\n */\n colIndex: number;\n }) => ReactNode;\n /**\n * Total row length of grid.\n */\n row: number;\n /**\n * Total column length of grid.\n */\n col: number;\n /**\n * Cell height hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n cellHeight?: number;\n /**\n * Cell width hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 100\n */\n cellWidth?: number;\n /**\n * Number of items to render above/below the visible bounds of the grid. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 2\n */\n overscan?: number;\n /**\n * If set, the specified amount of rows will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialRowCount?: number;\n /**\n * If set, the specified amount of cols will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialColCount?: number;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomGridWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomGridWindowComponent;\n /**\n * Customized element type for cell element. This element will get {@link CustomCellComponentProps} as props.\n * @defaultValue \"div\"\n */\n cellElement?: CustomCellComponentOrElement;\n}\n\n/**\n * Virtualized grid component. See {@link VGridProps} and {@link VGridHandle}.\n */\nexport const VGrid = forwardRef<VGridHandle, VGridProps>(\n (\n {\n children,\n row: rowCount,\n col: colCount,\n cellHeight = 40,\n cellWidth = 100,\n overscan = 2,\n initialRowCount,\n initialColCount,\n rtl: rtlProp,\n element = DefaultWindow,\n cellElement: itemElement = \"div\",\n ...windowAttrs\n },\n _ref // TODO implement\n ): ReactElement => {\n const [verticalScrolling, setVerticalScrolling] = useState(false);\n const [horizontalScrolling, setHorizontalScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [vStore, hStore, resizer, vScroller, hScroller] = useStatic(() => {\n const dummy = () => {};\n const _vs = createVirtualStore(\n rowCount,\n cellHeight,\n false,\n !!rtlProp,\n initialRowCount,\n setVerticalScrolling,\n dummy\n );\n const _hs = createVirtualStore(\n colCount,\n cellWidth,\n true,\n !!rtlProp,\n initialColCount,\n setHorizontalScrolling,\n dummy\n );\n const resizer = createGridResizer(_vs, _hs);\n return [\n _vs,\n _hs,\n resizer,\n createScroller(_vs, () => resizer._isJustResized()),\n createScroller(_hs, () => resizer._isJustResized(true)),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n vStore._updateCacheLength(rowCount);\n hStore._updateCacheLength(colCount);\n\n const [startRowIndex, endRowIndex] = useSyncExternalStore(\n vStore._subscribe,\n vStore._getRange\n );\n const [startColIndex, endColIndex] = useSyncExternalStore(\n hStore._subscribe,\n hStore._getRange\n );\n const verticalJump = useSyncExternalStore(\n vStore._subscribe,\n vStore._getJump\n );\n const horizontalJump = useSyncExternalStore(\n hStore._subscribe,\n hStore._getJump\n );\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const vCleanup = vScroller._initRoot(root);\n const hCleanup = hScroller._initRoot(root);\n return () => {\n unobserve();\n vCleanup();\n hCleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (verticalJump.length) {\n vScroller._fixScrollJump(verticalJump, startRowIndex);\n }\n }, [verticalJump]);\n useIsomorphicLayoutEffect(() => {\n if (horizontalJump.length) {\n hScroller._fixScrollJump(horizontalJump, startColIndex);\n }\n }, [horizontalJump]);\n\n const render = useMemo(() => {\n const cache = new Map<string, ReactNode>();\n return (rowIndex: number, colIndex: number) => {\n let e: ReactNode | undefined = cache.get(genKey(rowIndex, colIndex));\n if (!e) {\n cache.set(\n genKey(rowIndex, colIndex),\n (e = children({ rowIndex, colIndex }))\n );\n }\n return e;\n };\n }, [children]);\n\n const startRowIndexWithMargin = max(startRowIndex - overscan, 0);\n const endRowIndexWithMargin = min(endRowIndex + overscan, rowCount - 1);\n const startColIndexWithMargin = max(startColIndex - overscan, 0);\n const endColIndexWithMargin = min(endColIndex + overscan, colCount - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startRowIndexWithMargin; i <= endRowIndexWithMargin; i++) {\n for (let j = startColIndexWithMargin; j <= endColIndexWithMargin; j++) {\n res.push(\n <Cell\n key={genKey(i, j)}\n _resizer={resizer}\n _verticalStore={vStore}\n _horizontalStore={hStore}\n _rowIndex={i}\n _colIndex={j}\n _element={itemElement as \"div\"}\n _children={render(i, j)}\n />\n );\n }\n }\n\n return res;\n }, [\n render,\n startRowIndexWithMargin,\n endRowIndexWithMargin,\n startColIndexWithMargin,\n endColIndexWithMargin,\n ]);\n\n return (\n <Window\n _ref={rootRef}\n _vStore={vStore}\n _hStore={hStore}\n _element={element}\n _scrolling={verticalScrolling || horizontalScrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n"],"names":["min","Math","max","now","Date","exists","v","range","length","cb","Array","from","_","i","once","fn","called","cache","args","getItemSize","index","size","_sizes","_defaultItemSize","computeOffset","isTotal","_length","_measuredOffsetIndex","_offsets","top","computeStartOffset","findIndex","distance","sum","h","findStartIndexWithOffset","offset","prevStartIndex","prevOffset","findEndIndex","resetCache","itemSize","createVirtualStore","itemCount","isHorizontal","isRtl","initialItemCount","onScrollStateChange","onScrollOffsetChange","_scrollToQueue","viewportSize","scrollOffset","jump","scrollDirection","_prevRange","subscribers","Set","_getRange","prevEndIndex","start","end","_isUnmeasuredItem","_hasUnmeasuredItemsInRange","startIndex","hasUnmeasuredItemsInRange","endIndex","_getItemOffset","_getItemSize","_getScrollOffset","_getViewportSize","_getScrollSize","computeTotalSize","_getJump","_isHorizontal","_isRtl","_getItemIndexForScrollTo","_waitForScrollDestinationItemsMeasured","Promise","resolve","reject","then","undefined","_subscribe","add","delete","_update","type","payload","mutated","updated","filter","updatedJump","forEach","push","setItemSize","_getScrollDirection","_setScrollDirection","dir","prev","_updateCacheLength","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useSyncExternalStore","subscibe","getSnapShot","_useSyncExternalStore","hasNegativeOffsetInRtl","scrollable","key","isNegative","createScroller","store","isJustResized","rootElement","scrollToKey","getActualScrollSize","scrollWidth","scrollHeight","normalizeRtlOffset","diff","scrollTo","scrollManually","async","getCurrentOffset","getOffset","scrollSize","e","calcTotalJump","reduce","acc","j","_initRoot","root","syncViewportToScrollPosition","resized","onScrollStopped","debounce","id","cancel","clearTimeout","debouncedFn","setTimeout","_cancel","onScroll","onWheel","throttle","time","n","ctrlKey","deltaX","deltaY","addEventListener","passive","removeEventListener","_getActualScrollSize","_scrollTo","_scrollToIndex","count","_fixScrollJump","allDiff","refKey","useStatic","init","ref","useRef","useRefWithUpdate","value","Item","memo","_children","children","_resizer","resizer","_store","_index","_element","Element","hide","_observeItem","_jsx","style","useMemo","leftOrRightKey","margin","padding","position","visibility","display","DefaultWindow","forwardRef","scrolling","horizontal","attrs","jsx","width","height","pointerEvents","Window","Window$1","_ref","_scrolling","_attrs","overflow","contain","VList","itemSizeProp","overscan","horizontalProp","rtl","rtlProp","element","itemElement","onScrollProp","onScrollStop","onScrollStopProp","onRangeChange","onRangeChangeProp","windowAttrs","elements","arr","Children","isInvalidElement","mountedIndexes","reset","useState","setScrolling","scroller","isScrolling","sizeKey","WeakMap","getResizeObserver","ResizeObserver","entries","resizes","target","contentRect","get","_observeRoot","ro","observe","disconnect","el","set","unobserve","_isJustResized","createResizer","rootRef","cleanup","useImperativeHandle","scrollToIndex","scrollBy","startIndexWithMargin","endIndexWithMargin","items","res","genKey","Cell","_verticalStore","verticalStore","_horizontalStore","horizontalStore","_rowIndex","rowIndex","_colIndex","colIndex","left","vHide","hHide","minHeight","minWidth","_vStore","vStore","_hStore","hStore","VGrid","row","rowCount","col","colCount","cellHeight","cellWidth","initialRowCount","initialColCount","cellElement","verticalScrolling","setVerticalScrolling","horizontalScrolling","setHorizontalScrolling","vScroller","hScroller","dummy","_vs","_hs","createGridResizer","heightResized","widthResized","heightKey","widthKey","maybeCachedRowIndexes","maybeCachedColIndexes","sizeCache","Map","getKey","resizedRows","resizedCols","cell","prevSize","rowResized","colResized","heightResizes","maxHeight","widthResizes","maxWidth","startRowIndex","endRowIndex","startColIndex","endColIndex","verticalJump","horizontalJump","vCleanup","hCleanup","render","startRowIndexWithMargin","endRowIndexWithMargin","startColIndexWithMargin","endColIndexWithMargin"],"mappings":"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"}
package/lib/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as r,useRef as n,memo as o,useMemo as i,forwardRef as l,Children as s,useState as c,useImperativeHandle as u}from"react";import{useSyncExternalStore as a}from"use-sync-external-store/shim/index.js";const d=Math.min,_=Math.max,h=Date.now,f=e=>null!=e,g=(e,t)=>Array.from({length:e},((e,r)=>t(r))),m=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},w=(e,t)=>{const r=e.t[t];return-1===r?e.o:r},S=(e,t,r)=>{if(!e.i)return 0;if(e.l>=t)return r?e.u[t]+w(e,t):e.u[t];let n=e.l,o=e.u[n];for(;n<=t&&(e.u[n]=o,n!==t||r);)o+=w(e,n),n++;return e.l=t,o},v=(e,t)=>S(e,t),p=(e,t,r)=>{let n=0;if(r>=0)for(;t<e.i-1;){const o=w(e,t++);if((n+=o)>=r){n-o/2>=r&&t--;break}}else for(;t>0;){const o=w(e,--t);if((n-=o)<=r){n+o/2<r&&t++;break}}return d(_(t,0),e.i-1)},z=(e,t,r,n)=>p(e,r,t-n),I=p,b=(e,t,r)=>({o:t,i:e,l:r?d(r.l,e-1):0,t:g(e,(e=>{const t=r&&r.t[e];return f(t)?t:-1})),u:g(e,(e=>{if(0===e)return 0;const t=r&&r.u[e];return f(t)?t:-1}))}),x=(e,t,r,n,o=0,i,l)=>{let s,c=t*_(o-1,0),u=0,a=[],h=b(e,t),f=0,g=[0,o];const m=new Set;return{_(){const[e,t]=g,r=v(h,e),n=z(h,u,e,r),o=I(h,n,c);return e===n&&t===o?g:g=[n,o]},h:e=>-1===h.t[e],g:e=>((e,t,r)=>{for(let n=t;n<=r;n++)if(-1===e.t[n])return!0;return!1})(h,e,I(h,e,c)),m:e=>v(h,e),S:e=>w(h,e),v:()=>u,p:()=>c,I:()=>(e=>S(e,e.i-1,!0))(h),R:()=>a,T:()=>r,M:()=>n,C:e=>z(h,e,0,0),O:()=>(s&&s[1](),new Promise(((e,t)=>{s=[()=>{Promise.resolve().then((()=>{e(),s=void 0}))},t]}))),W:e=>(m.add(e),()=>{m.delete(e)}),H(e,t){const r=(()=>{switch(e){case 1:{const e=t.filter((([e,t])=>h.t[e]!==t));if(!e.length)return!1;const r=[];return e.forEach((([e,t])=>{r.push([t-w(h,e),e]),((e,t,r)=>{e.t[t]=r,e.l=d(t,e.l)})(h,e,t)})),a=r,!0}case 2:return c!==t&&(c=t,!0);case 3:case 4:{const e=u;return(u=t)!==e}}})();r&&(m.forEach((e=>{e()})),3===e?l(u):s&&1===e&&s[0]())},k:()=>f,D(e){const t=f;f=e,0===f?i(!1):0!==t||1!==f&&2!==f||i(!0)},J(e){h.i!==e&&(h=b(e,t,h))}}},y="undefined"!=typeof window?t:r,R=(e,t)=>a(e,t,t),T=m((e=>{const t="scrollLeft",r=e[t];e[t]=1;const n=0===e[t];return e[t]=r,n})),M=(e,t)=>{let r;const n=e.T(),o=e.M(),i=n?"scrollLeft":"scrollTop",l=()=>r?n?r.scrollWidth:r.scrollHeight:0,s=(t,l)=>{r&&(n&&o&&T(r)&&(t*=-1),l?r[i]+=t:(r[i]=t,e.D(3)))},c=async(t,r)=>{const n=()=>{let t=r();const n=l(),o=e.p();return n-(t+o)<=0&&(t=n-o),t};if(e.g(t)){do{e.H(4,n());try{await e.O()}catch(e){return}}while(e.g(t));s(n())}else{const t=n();s(t),e.H(4,t)}},u=e=>e.reduce(((e,[t])=>e+t),0);return{$(l){r=l;const s=()=>{let r=l[i];n&&o&&T(l)&&(r*=-1);const s=e.v();if(s===r)return;const c=e.k(),u=t();0!==c&&u||3===c||e.D(s>r?2:1),e.H(3,r)},c=(()=>{let t;const r=()=>{f(t)&&clearTimeout(t)},n=()=>{r(),t=setTimeout((()=>{t=null,s(),e.D(0)}),150)};return n.L=r,n})(),u=()=>{s(),c()},a=(()=>{let t=h()-50;return(...r)=>{const o=h();t+50<o&&(t=o,(t=>{if(0!==e.k()&&!t.ctrlKey&&(n?t.deltaX:t.deltaY)){const t=e.v();t>0&&t<e.I()-e.p()&&c()}})(...r))}})();return l.addEventListener("scroll",u),l.addEventListener("wheel",a,{passive:!0}),()=>{l.removeEventListener("scroll",u),l.removeEventListener("wheel",a),c.L()}},j:l,A(t){t=_(t,0),c(e.C(t),(()=>t))},F(t,r){t=_(d(t,r-1),0),c(t,(()=>e.m(t)))},P:(t,r)=>{const n=e.k();if(2===n){const e=u(t);e&&s(e,!0)}else if(3===n){const n=e.v();if(0===n);else{const o=u(t);if(e.I()-(n+e.p()+o)<=0)o&&s(n+o);else{const e=t.reduce(((e,[t,n])=>(n<r&&(e+=t),e)),0);e&&s(e,!0)}}}}}},C="current",O=e=>{const t=n();return t[C]||(t[C]=e())},W=e=>{const t=n(e);return y((()=>{t[C]=e}),[e]),t},E=/*#__PURE__*/o((({U:t,B:r,V:o,q:l,G:s})=>{const c=n(null),u=R(o.W,(()=>o.m(l))),a=R(o.W,(()=>o.h(l)));return y((()=>r.K(c[C],l)),[l]),e(s,{ref:c,style:i((()=>{const e=o.T(),t=o.M()?"right":"left",r={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":t]:0,[e?t:"top"]:u,visibility:a?"hidden":"visible"};return e&&(r.display="flex"),r}),[u,a]),children:t})})),H=/*#__PURE__*/l((({children:t,scrollSize:r,scrolling:n,horizontal:o,attrs:l},s)=>e("div",{ref:s,...l,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:o?r:"100%",height:o?"100%":r,pointerEvents:n?"none":"auto"})),[r,n]),children:t})}))),k=({U:t,N:r,V:n,G:o,X:l,Y:s})=>{const c=R(n.W,n.I),u=n.T();return e(o,{ref:r,scrollSize:c,scrolling:l,horizontal:u,attrs:i((()=>({...s,style:{overflow:u?"auto hidden":"hidden auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...s.style}})),[s]),children:t})},D=/*#__PURE__*/l((({children:t,itemSize:o=40,overscan:l=4,initialItemCount:a,horizontal:h,rtl:g,element:w=H,itemElement:S="div",onScroll:v,onScrollStop:p,onRangeChange:z,...I},b)=>{const T=i((()=>{const e=[];return s.forEach(t,(t=>{(e=>!f(e)||"boolean"==typeof e)(t)||e.push(t)})),e}),[t]),D=T.length,J=W(v),$=W(p),[L,j]=c(new Set),[A,F]=c(!1),[P,U,B]=O((()=>{const e=x(D,o,!!h,!!g,a,(e=>{F(e),e||(j(new Set),$[C]&&$[C]())}),(e=>{J[C]&&J[C](e)})),t=(e=>{let t,r=!1;const n=e.T()?"width":"height",o=new WeakMap,i=m((()=>new ResizeObserver((i=>{const l=[];for(const{target:r,contentRect:s}of i)if(r===t)e.H(2,s[n]);else{const e=o.get(r);f(e)&&l.push([e,s[n]])}l.length&&(e.H(1,l),r=!0)}))));return{Z(e){t=e;const r=i();return r.observe(e),()=>{r.disconnect()}},K(e,t){const r=i();return o.set(e,t),r.observe(e),()=>{o.delete(e),r.unobserve(e)}},ee(){const e=r;return r=!1,e}}})(e);return[e,t,M(e,t.ee)]}));P.J(D);const[V,q]=R(P.W,P._),G=R(P.W,P.R),K=n(null);y((()=>{const e=K[C],t=U.Z(e),r=B.$(e);return()=>{t(),r()}}),[]),y((()=>{G.length&&B.P(G,V)}),[G]),r((()=>{z&&z({start:V,end:q,count:D})}),[V,q]),u(b,(()=>({get scrollOffset(){return P.v()},get scrollSize(){return B.j()},get viewportSize(){return P.p()},scrollToIndex(e){B.F(e,D)},scrollTo:B.A,scrollBy(e){B.A(P.v()+e)}})),[D]);const N=_(V-l,0),Q=d(q+l,D-1),X=i((()=>{const t=[];for(let e=N;e<=Q;e++)L.add(e);return L.forEach((r=>{const n=T[r];f(n)&&t.push(e(E,{B:U,V:P,q:r,G:S,U:n},(null==n?void 0:n.key)||r))})),t}),[T,L,N,Q]);return e(k,{N:K,V:P,G:w,X:A,U:X,Y:I})})),J=(e,t)=>`${e}-${t}`,$=/*#__PURE__*/o((({U:t,B:r,te:o,re:l,ne:s,oe:c,G:u})=>{const a=n(null),d=R(o.W,(()=>o.m(s))),_=R(l.W,(()=>l.m(c))),h=R(o.W,(()=>o.h(s))),f=R(l.W,(()=>l.h(c))),g=R(o.W,(()=>o.S(s))),m=R(l.W,(()=>l.S(c)));return y((()=>r.K(a[C],s,c)),[c,s]),e(u,{ref:a,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:d,[o.M()?"right":"left"]:_,visibility:h||f?"hidden":"visible",minHeight:g,minWidth:m})),[d,_,m,g,h,f]),children:t})})),L=/*#__PURE__*/l((({children:t,scrollWidth:r,scrollHeight:n,scrolling:o,attrs:l},s)=>e("div",{ref:s,...l,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:r,height:n,pointerEvents:o?"none":"auto"})),[r,n,o]),children:t})}))),j=({U:t,N:r,ie:n,le:o,G:l,X:s,Y:c})=>{const u=R(n.W,n.I),a=R(o.W,o.I);return e(l,{ref:r,scrollWidth:a,scrollHeight:u,scrolling:s,attrs:i((()=>({...c,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...c.style}})),[c]),children:t})},A=/*#__PURE__*/l((({children:t,row:r,col:o,cellHeight:l=40,cellWidth:s=100,overscan:u=2,initialRowCount:a,initialColCount:h,rtl:f,element:g=L,cellElement:w="div",...S})=>{const[v,p]=c(!1),[z,I]=c(!1),[b,T,W,E,H]=O((()=>{const e=()=>{},t=x(r,l,!1,!!f,a,p,e),n=x(o,s,!0,!!f,h,I,e),i=((e,t)=>{let r,n=!1,o=!1;const i="height",l="width",s=new WeakMap,c=new Set,u=new Set,a=new Map,d=(e,t)=>`${e}-${t}`,h=m((()=>new ResizeObserver((h=>{const f=new Set,g=new Set;for(const{target:n,contentRect:o}of h)if(n===r)e.H(2,o[i]),t.H(2,o[l]);else{const e=s.get(n);if(e){const[t,r]=e,n=d(t,r),s=a.get(n),c=[o[i],o[l]];let u,_;s?(s[0]!==c[0]&&(u=!0),s[1]!==c[1]&&(_=!0)):u=_=!0,u&&f.add(t),_&&g.add(r),(u||_)&&a.set(n,c)}}if(f.size){const t=[];f.forEach((e=>{let r=0;u.forEach((t=>{const n=a.get(d(e,t));n&&(r=_(r,n[0]))})),r&&t.push([e,r])})),e.H(1,t),n=!0}if(g.size){const e=[];g.forEach((t=>{let r=0;c.forEach((e=>{const n=a.get(d(e,t));n&&(r=_(r,n[1]))})),r&&e.push([t,r])})),t.H(1,e),o=!0}}))));return{Z(e){r=e;const t=h();return t.observe(e),()=>{t.disconnect()}},K(e,t,r){const n=h();return s.set(e,[t,r]),c.add(t),u.add(r),n.observe(e),()=>{s.delete(e),n.unobserve(e)}},ee(e){const t=e?o:n;return e?o=!1:n=!1,t}}})(t,n);return[t,n,i,M(t,(()=>i.ee())),M(n,(()=>i.ee(!0)))]}));b.J(r),T.J(o);const[k,D]=R(b.W,b._),[A,F]=R(T.W,T._),P=R(b.W,b.R),U=R(T.W,T.R),B=n(null);y((()=>{const e=B[C],t=W.Z(e),r=E.$(e),n=H.$(e);return()=>{t(),r(),n()}}),[]),y((()=>{P.length&&E.P(P,k)}),[P]),y((()=>{U.length&&H.P(U,A)}),[U]);const V=i((()=>{const e=new Map;return(r,n)=>{let o=e.get(J(r,n));return o||e.set(J(r,n),o=t({rowIndex:r,colIndex:n})),o}}),[t]),q=_(k-u,0),G=d(D+u,r-1),K=_(A-u,0),N=d(F+u,o-1),Q=i((()=>{const t=[];for(let r=q;r<=G;r++)for(let n=K;n<=N;n++)t.push(e($,{B:W,te:b,re:T,ne:r,oe:n,G:w,U:V(r,n)},J(r,n)));return t}),[V,q,G,K,N]);return e(j,{N:B,ie:b,le:T,G:g,X:v||z,U:Q,Y:S})}));export{A as VGrid,D as VList};
1
+ import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as r,useRef as n,memo as o,useMemo as i,forwardRef as l,Children as s,useState as c,useImperativeHandle as u}from"react";import{useSyncExternalStore as a}from"use-sync-external-store/shim/index.js";const d=Math.min,_=Math.max,h=Date.now,f=e=>null!=e,g=(e,t)=>Array.from({length:e},((e,r)=>t(r))),m=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},w=(e,t)=>{const r=e.t[t];return-1===r?e.o:r},S=(e,t,r)=>{if(!e.i)return 0;if(e.l>=t)return r?e.u[t]+w(e,t):e.u[t];let n=e.l,o=e.u[n];for(;n<=t&&(e.u[n]=o,n!==t||r);)o+=w(e,n),n++;return e.l=t,o},v=(e,t)=>S(e,t),p=(e,t,r)=>{let n=0;if(r>=0)for(;t<e.i-1;){const o=w(e,t++);if((n+=o)>=r){n-o/2>=r&&t--;break}}else for(;t>0;){const o=w(e,--t);if((n-=o)<=r){n+o/2<r&&t++;break}}return d(_(t,0),e.i-1)},z=(e,t,r,n)=>p(e,r,t-n),I=p,b=(e,t,r)=>({o:t,i:e,l:r?d(r.l,e-1):0,t:g(e,(e=>{const t=r&&r.t[e];return f(t)?t:-1})),u:g(e,(e=>{if(0===e)return 0;const t=r&&r.u[e];return f(t)?t:-1}))}),x=(e,t,r,n,o=0,i,l)=>{let s,c=t*_(o-1,0),u=0,a=[],h=b(e,t),f=0,g=[0,o];const m=new Set;return{_(){const[e,t]=g,r=v(h,e),n=z(h,u,e,r),o=I(h,n,c);return e===n&&t===o?g:g=[n,o]},h:e=>-1===h.t[e],g:e=>((e,t,r)=>{for(let n=t;n<=r;n++)if(-1===e.t[n])return!0;return!1})(h,e,I(h,e,c)),m:e=>v(h,e),S:e=>w(h,e),v:()=>u,p:()=>c,I:()=>(e=>S(e,e.i-1,!0))(h),R:()=>a,T:()=>r,M:()=>n,C:e=>z(h,e,0,0),O:()=>(s&&s[1](),new Promise(((e,t)=>{s=[()=>{Promise.resolve().then((()=>{e(),s=void 0}))},t]}))),W:e=>(m.add(e),()=>{m.delete(e)}),H(e,t){const r=(()=>{switch(e){case 1:{const e=t.filter((([e,t])=>h.t[e]!==t));if(!e.length)return!1;const r=[];return e.forEach((([e,t])=>{r.push([t-w(h,e),e]),((e,t,r)=>{e.t[t]=r,e.l=d(t,e.l)})(h,e,t)})),a=r,!0}case 2:return c!==t&&(c=t,!0);case 3:case 4:{const e=u;return(u=t)!==e}}})();r&&(m.forEach((e=>{e()})),3===e?l(u):s&&1===e&&s[0]())},k:()=>f,D(e){const t=f;f=e,0===f?i(!1):0!==t||1!==f&&2!==f||i(!0)},J(e){h.i!==e&&(h=b(e,t,h))}}},y="undefined"!=typeof window?t:r,R=(e,t)=>a(e,t,t),T=m((e=>{const t="scrollLeft",r=e[t];e[t]=1;const n=e[t]<1;return e[t]=r,n})),M=(e,t)=>{let r;const n=e.T(),o=e.M(),i=n?"scrollLeft":"scrollTop",l=()=>r?n?r.scrollWidth:r.scrollHeight:0,s=(t,n)=>T(r)||n?-t:e.I()-e.p()-t,c=(t,l)=>{r&&(n&&o&&(t=s(t,l)),l?r[i]+=t:(r[i]=t,e.D(3)))},u=async(t,r)=>{const n=()=>{let t=r();const n=l(),o=e.p();return n-(t+o)<=0&&(t=n-o),t};if(e.g(t)){do{e.H(4,n());try{await e.O()}catch(e){return}}while(e.g(t));c(n())}else{const t=n();c(t),e.H(4,t)}},a=e=>e.reduce(((e,[t])=>e+t),0);return{$(l){r=l;const c=()=>{let r=l[i];n&&o&&(r=s(r));const c=e.v();if(c===r)return;const u=e.k(),a=t();0!==u&&a||3===u||e.D(c>r?2:1),e.H(3,r)},u=(()=>{let t;const r=()=>{f(t)&&clearTimeout(t)},n=()=>{r(),t=setTimeout((()=>{t=null,c(),e.D(0)}),150)};return n.L=r,n})(),a=()=>{c(),u()},d=(()=>{let t=h()-50;return(...r)=>{const o=h();t+50<o&&(t=o,(t=>{if(0!==e.k()&&!t.ctrlKey&&(n?t.deltaX:t.deltaY)){const t=e.v();t>0&&t<e.I()-e.p()&&u()}})(...r))}})();return l.addEventListener("scroll",a),l.addEventListener("wheel",d,{passive:!0}),()=>{l.removeEventListener("scroll",a),l.removeEventListener("wheel",d),u.L()}},j:l,A(t){t=_(t,0),u(e.C(t),(()=>t))},F(t,r){t=_(d(t,r-1),0),u(t,(()=>e.m(t)))},P:(t,r)=>{const n=e.k();if(2===n){const e=a(t);e&&c(e,!0)}else if(3===n){const n=e.v();if(0===n);else{const o=a(t);if(e.I()-(n+e.p()+o)<=0)o&&c(n+o);else{const e=t.reduce(((e,[t,n])=>(n<r&&(e+=t),e)),0);e&&c(e,!0)}}}}}},C="current",O=e=>{const t=n();return t[C]||(t[C]=e())},W=e=>{const t=n(e);return y((()=>{t[C]=e}),[e]),t},E=/*#__PURE__*/o((({U:t,B:r,V:o,q:l,G:s})=>{const c=n(null),u=R(o.W,(()=>o.m(l))),a=R(o.W,(()=>o.h(l)));return y((()=>r.K(c[C],l)),[l]),e(s,{ref:c,style:i((()=>{const e=o.T(),t=o.M()?"right":"left",r={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":t]:0,[e?t:"top"]:u,visibility:a?"hidden":"visible"};return e&&(r.display="flex"),r}),[u,a]),children:t})})),H=/*#__PURE__*/l((({children:t,scrollSize:r,scrolling:n,horizontal:o,attrs:l},s)=>e("div",{ref:s,...l,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:o?r:"100%",height:o?"100%":r,pointerEvents:n?"none":"auto"})),[r,n]),children:t})}))),k=({U:t,N:r,V:n,G:o,X:l,Y:s})=>{const c=R(n.W,n.I),u=n.T();return e(o,{ref:r,scrollSize:c,scrolling:l,horizontal:u,attrs:i((()=>({...s,style:{overflow:u?"auto hidden":"hidden auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...s.style}})),[s]),children:t})},D=/*#__PURE__*/l((({children:t,itemSize:o=40,overscan:l=4,initialItemCount:a,horizontal:h,rtl:g,element:w=H,itemElement:S="div",onScroll:v,onScrollStop:p,onRangeChange:z,...I},b)=>{const T=i((()=>{const e=[];return s.forEach(t,(t=>{(e=>!f(e)||"boolean"==typeof e)(t)||e.push(t)})),e}),[t]),D=T.length,J=W(v),$=W(p),[L,j]=c(new Set),[A,F]=c(!1),[P,U,B]=O((()=>{const e=x(D,o,!!h,!!g,a,(e=>{F(e),e||(j(new Set),$[C]&&$[C]())}),(e=>{J[C]&&J[C](e)})),t=(e=>{let t,r=!1;const n=e.T()?"width":"height",o=new WeakMap,i=m((()=>new ResizeObserver((i=>{const l=[];for(const{target:r,contentRect:s}of i)if(r===t)e.H(2,s[n]);else{const e=o.get(r);f(e)&&l.push([e,s[n]])}l.length&&(e.H(1,l),r=!0)}))));return{Z(e){t=e;const r=i();return r.observe(e),()=>{r.disconnect()}},K(e,t){const r=i();return o.set(e,t),r.observe(e),()=>{o.delete(e),r.unobserve(e)}},ee(){const e=r;return r=!1,e}}})(e);return[e,t,M(e,t.ee)]}));P.J(D);const[V,q]=R(P.W,P._),G=R(P.W,P.R),K=n(null);y((()=>{const e=K[C],t=U.Z(e),r=B.$(e);return()=>{t(),r()}}),[]),y((()=>{G.length&&B.P(G,V)}),[G]),r((()=>{z&&z({start:V,end:q,count:D})}),[V,q]),u(b,(()=>({get scrollOffset(){return P.v()},get scrollSize(){return B.j()},get viewportSize(){return P.p()},scrollToIndex(e){B.F(e,D)},scrollTo:B.A,scrollBy(e){B.A(P.v()+e)}})),[D]);const N=_(V-l,0),Q=d(q+l,D-1),X=i((()=>{const t=[];for(let e=N;e<=Q;e++)L.add(e);return L.forEach((r=>{const n=T[r];f(n)&&t.push(e(E,{B:U,V:P,q:r,G:S,U:n},(null==n?void 0:n.key)||r))})),t}),[T,L,N,Q]);return e(k,{N:K,V:P,G:w,X:A,U:X,Y:I})})),J=(e,t)=>`${e}-${t}`,$=/*#__PURE__*/o((({U:t,B:r,te:o,re:l,ne:s,oe:c,G:u})=>{const a=n(null),d=R(o.W,(()=>o.m(s))),_=R(l.W,(()=>l.m(c))),h=R(o.W,(()=>o.h(s))),f=R(l.W,(()=>l.h(c))),g=R(o.W,(()=>o.S(s))),m=R(l.W,(()=>l.S(c)));return y((()=>r.K(a[C],s,c)),[c,s]),e(u,{ref:a,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:d,[o.M()?"right":"left"]:_,visibility:h||f?"hidden":"visible",minHeight:g,minWidth:m})),[d,_,m,g,h,f]),children:t})})),L=/*#__PURE__*/l((({children:t,scrollWidth:r,scrollHeight:n,scrolling:o,attrs:l},s)=>e("div",{ref:s,...l,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:r,height:n,pointerEvents:o?"none":"auto"})),[r,n,o]),children:t})}))),j=({U:t,N:r,ie:n,le:o,G:l,X:s,Y:c})=>{const u=R(n.W,n.I),a=R(o.W,o.I);return e(l,{ref:r,scrollWidth:a,scrollHeight:u,scrolling:s,attrs:i((()=>({...c,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...c.style}})),[c]),children:t})},A=/*#__PURE__*/l((({children:t,row:r,col:o,cellHeight:l=40,cellWidth:s=100,overscan:u=2,initialRowCount:a,initialColCount:h,rtl:f,element:g=L,cellElement:w="div",...S})=>{const[v,p]=c(!1),[z,I]=c(!1),[b,T,W,E,H]=O((()=>{const e=()=>{},t=x(r,l,!1,!!f,a,p,e),n=x(o,s,!0,!!f,h,I,e),i=((e,t)=>{let r,n=!1,o=!1;const i="height",l="width",s=new WeakMap,c=new Set,u=new Set,a=new Map,d=(e,t)=>`${e}-${t}`,h=m((()=>new ResizeObserver((h=>{const f=new Set,g=new Set;for(const{target:n,contentRect:o}of h)if(n===r)e.H(2,o[i]),t.H(2,o[l]);else{const e=s.get(n);if(e){const[t,r]=e,n=d(t,r),s=a.get(n),c=[o[i],o[l]];let u,_;s?(s[0]!==c[0]&&(u=!0),s[1]!==c[1]&&(_=!0)):u=_=!0,u&&f.add(t),_&&g.add(r),(u||_)&&a.set(n,c)}}if(f.size){const t=[];f.forEach((e=>{let r=0;u.forEach((t=>{const n=a.get(d(e,t));n&&(r=_(r,n[0]))})),r&&t.push([e,r])})),e.H(1,t),n=!0}if(g.size){const e=[];g.forEach((t=>{let r=0;c.forEach((e=>{const n=a.get(d(e,t));n&&(r=_(r,n[1]))})),r&&e.push([t,r])})),t.H(1,e),o=!0}}))));return{Z(e){r=e;const t=h();return t.observe(e),()=>{t.disconnect()}},K(e,t,r){const n=h();return s.set(e,[t,r]),c.add(t),u.add(r),n.observe(e),()=>{s.delete(e),n.unobserve(e)}},ee(e){const t=e?o:n;return e?o=!1:n=!1,t}}})(t,n);return[t,n,i,M(t,(()=>i.ee())),M(n,(()=>i.ee(!0)))]}));b.J(r),T.J(o);const[k,D]=R(b.W,b._),[A,F]=R(T.W,T._),P=R(b.W,b.R),U=R(T.W,T.R),B=n(null);y((()=>{const e=B[C],t=W.Z(e),r=E.$(e),n=H.$(e);return()=>{t(),r(),n()}}),[]),y((()=>{P.length&&E.P(P,k)}),[P]),y((()=>{U.length&&H.P(U,A)}),[U]);const V=i((()=>{const e=new Map;return(r,n)=>{let o=e.get(J(r,n));return o||e.set(J(r,n),o=t({rowIndex:r,colIndex:n})),o}}),[t]),q=_(k-u,0),G=d(D+u,r-1),K=_(A-u,0),N=d(F+u,o-1),Q=i((()=>{const t=[];for(let r=q;r<=G;r++)for(let n=K;n<=N;n++)t.push(e($,{B:W,te:b,re:T,ne:r,oe:n,G:w,U:V(r,n)},J(r,n)));return t}),[V,q,G,K,N]);return e(j,{N:B,ie:b,le:T,G:g,X:v||z,U:Q,Y:S})}));export{A as VGrid,D as VList};
2
2
  //# sourceMappingURL=index.mjs.map
package/lib/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../src/src/core/utils.ts","../src/src/core/cache.ts","../src/src/core/store.ts","../src/src/react/useIsomorphicLayoutEffect.ts","../src/src/react/useSyncExternalStore.ts","../src/src/core/dom.ts","../src/src/core/scroller.ts","../src/src/react/utils.ts","../src/src/react/useStatic.ts","../src/src/react/useRefWithUpdate.ts","../src/src/react/VList.tsx","../src/src/core/resizer.ts","../src/src/react/VGrid.tsx"],"sourcesContent":["export const min = Math.min;\nexport const max = Math.max;\nexport const now = Date.now;\n\nexport const exists = <T>(v: T): v is Exclude<T, null | undefined> => v != null;\n\nexport const range = <T>(length: number, cb: (i: number) => T): T[] =>\n Array.from({ length }, (_, i) => cb(i));\n\nexport const debounce = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let id: NodeJS.Timeout | undefined | null;\n\n const cancel = () => {\n if (exists(id)) {\n clearTimeout(id);\n }\n };\n const debouncedFn = () => {\n cancel();\n id = setTimeout(() => {\n id = null;\n fn();\n }, ms);\n };\n debouncedFn._cancel = cancel;\n return debouncedFn;\n};\n\nexport const throttle = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let time = now() - ms;\n return (...args: Parameters<T>) => {\n const n = now();\n if (time + ms < n) {\n time = n;\n fn(...args);\n }\n };\n};\n\nexport const once = <F extends (...args: any[]) => any>(fn: F): F => {\n let called: undefined | boolean;\n let cache: ReturnType<F>;\n\n return ((...args) => {\n if (!called) {\n called = true;\n cache = fn(...args);\n }\n return cache;\n }) as F;\n};\n","import type { DeepReadonly, Writeable } from \"./types\";\nimport { exists, max, min, range } from \"./utils\";\n\nexport const UNCACHED = -1;\n\nexport type Cache = DeepReadonly<{\n _defaultItemSize: number;\n _length: number;\n _sizes: number[];\n _measuredOffsetIndex: number;\n _offsets: number[];\n}>;\n\nexport const getItemSize = (cache: Cache, index: number): number => {\n const size = cache._sizes[index]!;\n return size === UNCACHED ? cache._defaultItemSize : size;\n};\n\nexport const setItemSize = (\n cache: Writeable<Cache>,\n index: number,\n size: number\n) => {\n cache._sizes[index] = size;\n // mark as dirty\n cache._measuredOffsetIndex = min(index, cache._measuredOffsetIndex);\n};\n\nconst computeOffset = (\n cache: Writeable<Cache>,\n index: number,\n isTotal?: boolean\n): number => {\n if (!cache._length) return 0;\n if (cache._measuredOffsetIndex >= index) {\n if (isTotal) {\n return cache._offsets[index]! + getItemSize(cache, index);\n } else {\n return cache._offsets[index]!;\n }\n }\n\n let i = cache._measuredOffsetIndex;\n let top = cache._offsets[i]!;\n while (i <= index) {\n cache._offsets[i] = top;\n if (i === index && !isTotal) {\n break;\n }\n top += getItemSize(cache, i);\n i++;\n }\n // mark as measured\n cache._measuredOffsetIndex = index;\n return top;\n};\n\nexport const computeTotalSize = (cache: Writeable<Cache>): number => {\n return computeOffset(cache, cache._length - 1, true);\n};\n\nexport const computeStartOffset = (\n cache: Writeable<Cache>,\n index: number\n): number => {\n return computeOffset(cache, index);\n};\n\nconst findIndex = (cache: Cache, i: number, distance: number): number => {\n let sum = 0;\n if (distance >= 0) {\n // search forward\n while (i < cache._length - 1) {\n const h = getItemSize(cache, i++);\n if ((sum += h) >= distance) {\n if (sum - h / 2 >= distance) {\n i--;\n }\n break;\n }\n }\n } else {\n // search backward\n while (i > 0) {\n const h = getItemSize(cache, --i);\n if ((sum -= h) <= distance) {\n if (sum + h / 2 < distance) {\n i++;\n }\n break;\n }\n }\n }\n\n return min(max(i, 0), cache._length - 1);\n};\n\nexport const findStartIndexWithOffset = (\n cache: Cache,\n offset: number,\n prevStartIndex: number,\n prevOffset: number\n): number => {\n return findIndex(cache, prevStartIndex, offset - prevOffset);\n};\n\nexport const findEndIndex = findIndex;\n\nexport const hasUnmeasuredItemsInRange = (\n cache: Cache,\n startIndex: number,\n endIndex: number\n): boolean => {\n for (let i = startIndex; i <= endIndex; i++) {\n if (cache._sizes[i] === UNCACHED) {\n return true;\n }\n }\n return false;\n};\n\nexport const resetCache = (\n length: number,\n itemSize: number,\n cache?: Cache\n): Cache => {\n return {\n _defaultItemSize: itemSize,\n _length: length,\n _measuredOffsetIndex: cache\n ? min(cache._measuredOffsetIndex, length - 1)\n : 0,\n _sizes: range(length, (i) => {\n const size = cache && cache._sizes[i];\n if (exists(size)) {\n return size;\n }\n return UNCACHED;\n }),\n _offsets: range(length, (i) => {\n if (i === 0) {\n // first offset must be 0\n return 0;\n }\n const offset = cache && cache._offsets[i];\n if (exists(offset)) {\n return offset;\n }\n return UNCACHED;\n }),\n };\n};\n","import {\n findStartIndexWithOffset,\n resetCache,\n getItemSize,\n computeTotalSize,\n findEndIndex,\n computeStartOffset,\n Cache,\n UNCACHED,\n setItemSize,\n hasUnmeasuredItemsInRange,\n} from \"./cache\";\nimport type { Writeable } from \"./types\";\nimport { max } from \"./utils\";\n\ntype ItemJump = [sizeDiff: number, index: number];\nexport type ScrollJump = Readonly<ItemJump[]>;\nexport type ItemResize = [index: number, size: number];\ntype ItemsRange = [startIndex: number, endIndex: number];\n\nexport const SCROLL_STOP = 0;\nexport const SCROLL_DOWN = 1;\nexport const SCROLL_UP = 2;\nexport const SCROLL_MANUAL = 3;\ntype ScrollDirection =\n | typeof SCROLL_STOP\n | typeof SCROLL_DOWN\n | typeof SCROLL_UP\n | typeof SCROLL_MANUAL;\n\nexport const ACTION_ITEM_RESIZE = 1;\nexport const ACTION_WINDOW_RESIZE = 2;\nexport const ACTION_SCROLL = 3;\nexport const ACTION_MANUAL_SCROLL = 4;\n\ntype Actions =\n | [type: typeof ACTION_ITEM_RESIZE, entries: ItemResize[]]\n | [type: typeof ACTION_WINDOW_RESIZE, size: number]\n | [type: typeof ACTION_SCROLL, offset: number]\n | [type: typeof ACTION_MANUAL_SCROLL, offset: number];\n\nexport type VirtualStore = {\n _getRange(): ItemsRange;\n _isUnmeasuredItem(index: number): boolean;\n _hasUnmeasuredItemsInRange(startIndex: number): boolean;\n _getItemOffset(index: number): number;\n _getItemSize(index: number): number;\n _getScrollOffset(): number;\n _getViewportSize(): number;\n _getScrollSize(): number;\n _getJump(): ScrollJump;\n _isHorizontal(): boolean;\n _isRtl(): boolean;\n _getItemIndexForScrollTo(offset: number): number;\n _waitForScrollDestinationItemsMeasured(): Promise<void>;\n _subscribe(cb: () => void): () => void;\n _update(...action: Actions): void;\n _getScrollDirection(): ScrollDirection;\n _setScrollDirection(direction: ScrollDirection): void;\n _updateCacheLength(length: number): void;\n};\n\nexport const createVirtualStore = (\n itemCount: number,\n itemSize: number,\n isHorizontal: boolean,\n isRtl: boolean,\n initialItemCount: number = 0,\n onScrollStateChange: (scrolling: boolean) => void,\n onScrollOffsetChange: (offset: number) => void\n): VirtualStore => {\n let viewportSize = itemSize * max(initialItemCount - 1, 0);\n let scrollOffset = 0;\n let jump: ItemJump[] = [];\n let cache = resetCache(itemCount, itemSize);\n let scrollDirection: ScrollDirection = SCROLL_STOP;\n let _prevRange: ItemsRange = [0, initialItemCount];\n let _scrollToQueue: [() => void, () => void] | undefined;\n\n const subscribers = new Set<() => void>();\n\n return {\n _getRange() {\n const [prevStartIndex, prevEndIndex] = _prevRange;\n const prevOffset = computeStartOffset(\n cache as Writeable<Cache>,\n prevStartIndex\n );\n const start = findStartIndexWithOffset(\n cache,\n scrollOffset,\n prevStartIndex,\n prevOffset\n );\n const end = findEndIndex(cache, start, viewportSize);\n if (prevStartIndex === start && prevEndIndex === end) {\n return _prevRange;\n }\n return (_prevRange = [start, end]);\n },\n _isUnmeasuredItem(index) {\n return cache._sizes[index] === UNCACHED;\n },\n _hasUnmeasuredItemsInRange(startIndex) {\n return hasUnmeasuredItemsInRange(\n cache,\n startIndex,\n findEndIndex(cache, startIndex, viewportSize)\n );\n },\n _getItemOffset(index) {\n return computeStartOffset(cache as Writeable<Cache>, index);\n },\n _getItemSize(index) {\n return getItemSize(cache, index);\n },\n _getScrollOffset() {\n return scrollOffset;\n },\n _getViewportSize() {\n return viewportSize;\n },\n _getScrollSize() {\n return computeTotalSize(cache as Writeable<Cache>);\n },\n _getJump() {\n return jump;\n },\n _isHorizontal() {\n return isHorizontal;\n },\n _isRtl() {\n return isRtl;\n },\n _getItemIndexForScrollTo(offset) {\n return findStartIndexWithOffset(cache, offset, 0, 0);\n },\n _waitForScrollDestinationItemsMeasured() {\n if (_scrollToQueue) {\n // Cancel waiting scrollTo\n _scrollToQueue[1]();\n }\n // The measurement will be done asynchronously and the timing is not predictable so we use promise.\n // For example, ResizeObserver may not fire when window is not visible.\n return new Promise((resolve, reject) => {\n _scrollToQueue = [\n () => {\n // HACK: It should be resolved in the next microtask that is after React's render\n Promise.resolve().then(() => {\n resolve();\n _scrollToQueue = undefined;\n });\n },\n reject,\n ];\n });\n },\n _subscribe(cb) {\n subscribers.add(cb);\n return () => {\n subscribers.delete(cb);\n };\n },\n _update(type, payload) {\n const mutated = ((): boolean => {\n switch (type) {\n case ACTION_ITEM_RESIZE: {\n const updated = payload.filter(\n ([index, size]) => cache._sizes[index] !== size\n );\n // Skip if all items are cached and not updated\n if (!updated.length) {\n return false;\n }\n\n const updatedJump: ItemJump[] = [];\n updated.forEach(([index, size]) => {\n updatedJump.push([size - getItemSize(cache, index), index]);\n setItemSize(cache as Writeable<Cache>, index, size);\n });\n jump = updatedJump;\n return true;\n }\n case ACTION_WINDOW_RESIZE: {\n if (viewportSize === payload) {\n return false;\n }\n viewportSize = payload;\n return true;\n }\n case ACTION_SCROLL:\n case ACTION_MANUAL_SCROLL: {\n const prevOffset = scrollOffset;\n return (scrollOffset = payload) !== prevOffset;\n }\n }\n })();\n\n if (mutated) {\n subscribers.forEach((cb) => {\n cb();\n });\n\n if (type === ACTION_SCROLL) {\n onScrollOffsetChange(scrollOffset);\n } else if (_scrollToQueue && type === ACTION_ITEM_RESIZE) {\n _scrollToQueue[0]();\n }\n }\n },\n _getScrollDirection() {\n return scrollDirection;\n },\n _setScrollDirection(dir) {\n const prev = scrollDirection;\n scrollDirection = dir;\n if (scrollDirection === SCROLL_STOP) {\n onScrollStateChange(false);\n } else if (\n prev === SCROLL_STOP &&\n (scrollDirection === SCROLL_DOWN || scrollDirection === SCROLL_UP)\n ) {\n onScrollStateChange(true);\n }\n },\n _updateCacheLength(length) {\n // It's ok to be updated in render because states should be calculated consistently regardless cache length\n if (cache._length === length) return;\n cache = resetCache(length, itemSize, cache);\n },\n };\n};\n","import { useEffect, useLayoutEffect } from \"react\";\n\n// https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import { useSyncExternalStore as _useSyncExternalStore } from \"use-sync-external-store/shim/index.js\";\n\nexport const useSyncExternalStore = <T>(\n subscibe: (onStoreChange: () => void) => () => void,\n getSnapShot: () => T\n): T => {\n return _useSyncExternalStore(subscibe, getSnapShot, getSnapShot);\n};\n","import { once } from \"./utils\";\n\n// The scroll position may be negative value in rtl direction.\n// https://github.com/othree/jquery.rtl-scroll-type\nexport const hasNegativeOffsetInRtl = once((scrollable: HTMLElement) => {\n const key = \"scrollLeft\";\n const prev = scrollable[key];\n scrollable[key] = 1;\n const isNegative = scrollable[key] === 0;\n scrollable[key] = prev;\n return isNegative;\n});\n","import { hasNegativeOffsetInRtl } from \"./dom\";\nimport {\n ACTION_SCROLL,\n ACTION_MANUAL_SCROLL,\n ScrollJump,\n VirtualStore,\n SCROLL_MANUAL,\n SCROLL_STOP,\n SCROLL_UP,\n SCROLL_DOWN,\n} from \"./store\";\nimport { debounce, throttle, max, min } from \"./utils\";\n\nexport type Scroller = {\n _initRoot: (rootElement: HTMLElement) => () => void;\n _getActualScrollSize: () => number;\n _scrollTo: (offset: number) => void;\n _scrollToIndex: (index: number, count: number) => void;\n _fixScrollJump: (jump: ScrollJump, startIndex: number) => void;\n};\n\nexport const createScroller = (\n store: VirtualStore,\n isJustResized: () => boolean\n): Scroller => {\n let rootElement: HTMLElement | undefined;\n const isHorizontal = store._isHorizontal();\n const isRtl = store._isRtl();\n const scrollToKey = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n\n const getActualScrollSize = (): number => {\n if (!rootElement) return 0;\n // Use element's scrollHeight/scrollWidth instead of stored scrollSize.\n // This is because stored size may differ from the actual size, for example when a new item is added and not yet measured.\n return isHorizontal ? rootElement.scrollWidth : rootElement.scrollHeight;\n };\n const scrollTo = (offset: number, diff?: boolean) => {\n if (!rootElement) return;\n if (isHorizontal && isRtl) {\n if (hasNegativeOffsetInRtl(rootElement)) {\n offset *= -1;\n }\n }\n if (diff) {\n rootElement[scrollToKey] += offset;\n } else {\n rootElement[scrollToKey] = offset;\n store._setScrollDirection(SCROLL_MANUAL);\n }\n };\n const scrollManually = async (\n index: number,\n getCurrentOffset: () => number\n ) => {\n const getOffset = (): number => {\n let offset = getCurrentOffset();\n const scrollSize = getActualScrollSize();\n const viewportSize = store._getViewportSize();\n if (scrollSize - (offset + viewportSize) <= 0) {\n // Adjust if the offset is over the end, to get correct startIndex.\n offset = scrollSize - viewportSize;\n }\n return offset;\n };\n\n if (store._hasUnmeasuredItemsInRange(index)) {\n do {\n // In order to scroll to the correct position, mount the items and measure their sizes before scrolling.\n store._update(ACTION_MANUAL_SCROLL, getOffset());\n try {\n // Wait for the scroll destination items to be measured.\n await store._waitForScrollDestinationItemsMeasured();\n } catch (e) {\n // canceled\n return;\n }\n } while (store._hasUnmeasuredItemsInRange(index));\n\n // Scroll with the updated value\n scrollTo(getOffset());\n } else {\n const offset = getOffset();\n scrollTo(offset);\n // Sync viewport to scroll destination\n store._update(ACTION_MANUAL_SCROLL, offset);\n }\n };\n\n const calcTotalJump = (jump: ScrollJump): number =>\n jump.reduce((acc, [j]) => acc + j, 0);\n\n return {\n _initRoot(root) {\n rootElement = root;\n\n const syncViewportToScrollPosition = () => {\n let offset = root[scrollToKey];\n if (isHorizontal && isRtl) {\n if (hasNegativeOffsetInRtl(root)) {\n offset *= -1;\n }\n }\n const prevOffset = store._getScrollOffset();\n if (prevOffset === offset) {\n return;\n }\n const scrollDirection = store._getScrollDirection();\n // Skip scroll direction detection just after resizing because it may result in the opposite direction.\n // Scroll events are dispatched enough so it's ok to skip some of them.\n const resized = isJustResized();\n if (\n (scrollDirection === SCROLL_STOP || !resized) &&\n // Ignore until manual scrolling\n scrollDirection !== SCROLL_MANUAL\n ) {\n store._setScrollDirection(\n prevOffset > offset ? SCROLL_UP : SCROLL_DOWN\n );\n }\n store._update(ACTION_SCROLL, offset);\n };\n\n const onScrollStopped = debounce(() => {\n // Check scroll position once just after scrolling stopped\n syncViewportToScrollPosition();\n store._setScrollDirection(SCROLL_STOP);\n }, 150);\n\n const onScroll = () => {\n syncViewportToScrollPosition();\n onScrollStopped();\n };\n\n // Infer scroll state also from wheel events\n // Sometimes scroll events do not fire when frame dropped even if the visual have been already scrolled\n const onWheel = throttle((e: WheelEvent) => {\n if (store._getScrollDirection() === SCROLL_STOP) {\n // Scroll start should be detected with scroll event\n return;\n }\n if (e.ctrlKey) {\n // Probably a pinch-to-zoom gesture\n return;\n }\n // Get delta before checking deltaMode for firefox behavior\n // https://github.com/w3c/uievents/issues/181#issuecomment-392648065\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1392460#c34\n if (isHorizontal ? e.deltaX : e.deltaY) {\n const offset = store._getScrollOffset();\n if (\n offset > 0 &&\n offset < store._getScrollSize() - store._getViewportSize()\n ) {\n onScrollStopped();\n }\n }\n }, 50);\n\n root.addEventListener(\"scroll\", onScroll);\n root.addEventListener(\"wheel\", onWheel, { passive: true });\n\n return () => {\n root.removeEventListener(\"scroll\", onScroll);\n root.removeEventListener(\"wheel\", onWheel);\n onScrollStopped._cancel();\n };\n },\n _getActualScrollSize: getActualScrollSize,\n _scrollTo(offset) {\n offset = max(offset, 0);\n\n scrollManually(store._getItemIndexForScrollTo(offset), () => offset);\n },\n _scrollToIndex(index, count) {\n index = max(min(index, count - 1), 0);\n\n scrollManually(index, () => store._getItemOffset(index));\n },\n _fixScrollJump: (jump, startIndex) => {\n const scrollDirection = store._getScrollDirection();\n // Compensate scroll jump\n if (scrollDirection === SCROLL_UP) {\n const diff = calcTotalJump(jump);\n if (diff) {\n scrollTo(diff, true);\n }\n } else if (scrollDirection === SCROLL_MANUAL) {\n const offset = store._getScrollOffset();\n if (offset === 0) {\n // Do nothing to stick to the start\n } else {\n const allDiff = calcTotalJump(jump);\n if (\n store._getScrollSize() -\n (offset + store._getViewportSize() + allDiff) <=\n 0\n ) {\n // Keep end to stick to the end\n if (allDiff) {\n scrollTo(offset + allDiff);\n }\n } else {\n // Keep start at mid\n const diff = jump.reduce((acc, [j, index]) => {\n if (index < startIndex) {\n acc += j;\n }\n return acc;\n }, 0);\n if (diff) {\n scrollTo(diff, true);\n }\n }\n }\n } else {\n // NOP\n }\n },\n };\n};\n","import { ReactNode } from \"react\";\nimport { exists } from \"../core/utils\";\n\nexport const refKey = \"current\";\n\nexport const isInvalidElement = <T extends ReactNode>(\n e: T\n): e is Extract<T, null | undefined | boolean> =>\n !exists(e) || typeof e === \"boolean\";\n","import { useRef } from \"react\";\nimport { refKey } from \"./utils\";\n\nexport const useStatic = <T>(init: () => T): T => {\n const ref = useRef<T>();\n return ref[refKey] || (ref[refKey] = init());\n};\n","import { useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { refKey } from \"./utils\";\n\nexport const useRefWithUpdate = <T>(value: T) => {\n const ref = useRef<T>(value);\n\n useIsomorphicLayoutEffect(() => {\n ref[refKey] = value;\n }, [value]);\n\n return ref;\n};\n","import {\n Children,\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n useImperativeHandle,\n ReactNode,\n useEffect,\n RefObject,\n useState,\n ReactFragment,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { exists, max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { isInvalidElement, refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { useRefWithUpdate } from \"./useRefWithUpdate\";\nimport { Resizer, createResizer } from \"../core/resizer\";\nimport { WindowComponentAttributes } from \"..\";\n\ntype ItemProps = {\n _children: ReactNode;\n _resizer: Resizer;\n _store: VirtualStore;\n _index: number;\n _element: \"div\";\n};\n\nconst Item = memo(\n ({\n _children: children,\n _resizer: resizer,\n _store: store,\n _index: index,\n _element: Element,\n }: ItemProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const offset = useSyncExternalStore(store._subscribe, () =>\n store._getItemOffset(index)\n );\n const hide = useSyncExternalStore(store._subscribe, () =>\n store._isUnmeasuredItem(index)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, index),\n [index]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const isHorizontal = store._isHorizontal();\n const leftOrRightKey = store._isRtl() ? \"right\" : \"left\";\n const style: CSSProperties = {\n margin: 0,\n padding: 0,\n position: \"absolute\",\n [isHorizontal ? \"height\" : \"width\"]: \"100%\",\n [isHorizontal ? \"top\" : leftOrRightKey]: 0,\n [isHorizontal ? leftOrRightKey : \"top\"]: offset,\n visibility: hide ? \"hidden\" : \"visible\",\n // willChange: \"transform\",\n };\n if (isHorizontal) {\n style.display = \"flex\";\n }\n return style;\n }, [offset, hide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VList}.\n */\nexport interface CustomWindowComponentProps {\n children: ReactNode;\n scrollSize: number;\n scrolling: boolean;\n horizontal: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomWindowComponentProps>(\n (\n { children, scrollSize, scrolling, horizontal, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: horizontal ? scrollSize : \"100%\",\n height: horizontal ? \"100%\" : scrollSize,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollSize, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _store: store,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _store: VirtualStore;\n _element: CustomWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const scrollSize = useSyncExternalStore(\n store._subscribe,\n store._getScrollSize\n );\n\n const horizontal = store._isHorizontal();\n\n return (\n <Element\n ref={ref}\n scrollSize={scrollSize}\n scrolling={scrolling}\n horizontal={horizontal}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: horizontal ? \"auto hidden\" : \"hidden auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Props of customized item component for {@link VList}.\n */\nexport interface CustomItemComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomItemComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomItemComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomItemComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomItemComponent;\n\n/**\n * Methods of {@link VList}.\n */\nexport interface VListHandle {\n /**\n * Get current scrollTop or scrollLeft.\n */\n readonly scrollOffset: number;\n /**\n * Get current scrollHeight or scrollWidth.\n */\n readonly scrollSize: number;\n /**\n * Get current offsetHeight or offsetWidth.\n */\n readonly viewportSize: number;\n /**\n * Scroll to the item specified by index.\n * @param index index of item\n */\n scrollToIndex(index: number): void;\n /**\n * Scroll to the given offset.\n * @param offset offset from start\n */\n scrollTo(offset: number): void;\n /**\n * Scroll by the given offset.\n * @param offset offset from current position\n */\n scrollBy(offset: number): void;\n}\n\n/**\n * Props of {@link VList}.\n */\nexport interface VListProps extends WindowComponentAttributes {\n /**\n * Elements rendered by this component.\n */\n children: ReactNode;\n /**\n * Item size hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n itemSize?: number;\n /**\n * Number of items to render above/below the visible bounds of the list. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 4\n */\n overscan?: number;\n /**\n * If set, the specified amount of items will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialItemCount?: number;\n /**\n * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.\n */\n horizontal?: boolean;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomWindowComponent;\n /**\n * Customized element type for item element. This element will get {@link CustomItemComponentProps} as props.\n * @defaultValue \"div\"\n */\n itemElement?: CustomItemComponentOrElement;\n /**\n * Callback invoked whenever scroll offset changes.\n * @param offset Current scrollTop or scrollLeft.\n */\n onScroll?: (offset: number) => void;\n /**\n * Callback invoked when scrolling stops.\n */\n onScrollStop?: () => void;\n /**\n * Callback invoked when visible items range changes.\n */\n onRangeChange?: (payload: {\n /**\n * The start index of viewable items.\n */\n start: number;\n /**\n * The end index of viewable items.\n */\n end: number;\n /**\n * The total count of items.\n */\n count: number;\n }) => void;\n}\n\n/**\n * Virtualized list component. See {@link VListProps} and {@link VListHandle}.\n */\nexport const VList = forwardRef<VListHandle, VListProps>(\n (\n {\n children,\n itemSize: itemSizeProp = 40,\n overscan = 4,\n initialItemCount,\n horizontal: horizontalProp,\n rtl: rtlProp,\n element = DefaultWindow,\n itemElement = \"div\",\n onScroll: onScrollProp,\n onScrollStop: onScrollStopProp,\n onRangeChange: onRangeChangeProp,\n ...windowAttrs\n },\n ref\n ): ReactElement => {\n // Memoize element array\n const elements = useMemo(() => {\n const arr: (ReactElement | ReactFragment | string | number)[] = [];\n Children.forEach(children, (e) => {\n if (isInvalidElement(e)) {\n return;\n }\n arr.push(e);\n });\n return arr;\n }, [children]);\n const count = elements.length;\n\n const onScroll = useRefWithUpdate(onScrollProp);\n const onScrollStop = useRefWithUpdate(onScrollStopProp);\n\n const [mountedIndexes, reset] = useState<Set<number>>(new Set<number>());\n const [scrolling, setScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [store, resizer, scroller] = useStatic(() => {\n const _store = createVirtualStore(\n count,\n itemSizeProp,\n !!horizontalProp,\n !!rtlProp,\n initialItemCount,\n (isScrolling) => {\n setScrolling(isScrolling);\n if (!isScrolling) {\n reset(new Set());\n onScrollStop[refKey] && onScrollStop[refKey]();\n }\n },\n (offset) => {\n onScroll[refKey] && onScroll[refKey](offset);\n }\n );\n const _resizer = createResizer(_store);\n return [\n _store,\n _resizer,\n createScroller(_store, _resizer._isJustResized),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n store._updateCacheLength(count);\n\n const [startIndex, endIndex] = useSyncExternalStore(\n store._subscribe,\n store._getRange\n );\n const jump = useSyncExternalStore(store._subscribe, store._getJump);\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const cleanup = scroller._initRoot(root);\n return () => {\n unobserve();\n cleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!jump.length) return;\n\n scroller._fixScrollJump(jump, startIndex);\n }, [jump]);\n\n useEffect(() => {\n if (!onRangeChangeProp) return;\n\n onRangeChangeProp({\n start: startIndex,\n end: endIndex,\n count,\n });\n }, [startIndex, endIndex]);\n\n useImperativeHandle(\n ref,\n () => {\n return {\n get scrollOffset() {\n return store._getScrollOffset();\n },\n get scrollSize() {\n return scroller._getActualScrollSize();\n },\n get viewportSize() {\n return store._getViewportSize();\n },\n scrollToIndex(index) {\n scroller._scrollToIndex(index, count);\n },\n scrollTo: scroller._scrollTo,\n scrollBy(offset) {\n scroller._scrollTo(store._getScrollOffset() + offset);\n },\n };\n },\n [count]\n );\n\n const startIndexWithMargin = max(startIndex - overscan, 0);\n const endIndexWithMargin = min(endIndex + overscan, count - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startIndexWithMargin; i <= endIndexWithMargin; i++) {\n // https://github.com/sergi/virtual-list/commit/8e7e06dc63568334c1ab809ea83c1be36572e9ed\n mountedIndexes.add(i);\n }\n mountedIndexes.forEach((i) => {\n const e = elements[i];\n // This can be undefined when items are removed\n if (exists(e)) {\n res.push(\n <Item\n key={(e as { key?: ReactElement[\"key\"] })?.key || i}\n _resizer={resizer}\n _store={store}\n _index={i}\n _element={itemElement as \"div\"}\n _children={e}\n />\n );\n }\n });\n return res;\n }, [elements, mountedIndexes, startIndexWithMargin, endIndexWithMargin]);\n\n return (\n <Window\n _ref={rootRef}\n _store={store}\n _element={element}\n _scrolling={scrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n","import {\n ACTION_ITEM_RESIZE,\n ACTION_WINDOW_RESIZE,\n ItemResize,\n VirtualStore,\n} from \"./store\";\nimport { exists, max, once } from \"./utils\";\n\nexport const createResizer = (store: VirtualStore) => {\n let resized = false;\n let rootElement: HTMLElement | undefined;\n const sizeKey = store._isHorizontal() ? \"width\" : \"height\";\n const mountedIndexes = new WeakMap<Element, number>();\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizes: ItemResize[] = [];\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n store._update(ACTION_WINDOW_RESIZE, contentRect[sizeKey]);\n } else {\n const index = mountedIndexes.get(target);\n if (exists(index)) {\n resizes.push([index, contentRect[sizeKey]]);\n }\n }\n }\n\n if (resizes.length) {\n store._update(ACTION_ITEM_RESIZE, resizes);\n resized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, i: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, i);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(): boolean {\n const prev = resized;\n resized = false;\n return prev;\n },\n };\n};\n\nexport type Resizer = ReturnType<typeof createResizer>;\n\nexport const createGridResizer = (\n vStore: VirtualStore,\n hStore: VirtualStore\n) => {\n let heightResized = false;\n let widthResized = false;\n let rootElement: HTMLElement | undefined;\n\n const heightKey = \"height\";\n const widthKey = \"width\";\n const mountedIndexes = new WeakMap<\n Element,\n [rowIndex: number, colIndex: number]\n >();\n\n type CellSize = [height: number, width: number];\n const maybeCachedRowIndexes = new Set<number>();\n const maybeCachedColIndexes = new Set<number>();\n const sizeCache = new Map<string, CellSize>();\n const getKey = (rowIndex: number, colIndex: number): string =>\n `${rowIndex}-${colIndex}`;\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizedRows = new Set<number>();\n const resizedCols = new Set<number>();\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n vStore._update(ACTION_WINDOW_RESIZE, contentRect[heightKey]);\n hStore._update(ACTION_WINDOW_RESIZE, contentRect[widthKey]);\n } else {\n const cell = mountedIndexes.get(target);\n if (cell) {\n const [rowIndex, colIndex] = cell;\n const key = getKey(rowIndex, colIndex);\n const prevSize = sizeCache.get(key);\n const size: CellSize = [\n contentRect[heightKey],\n contentRect[widthKey],\n ];\n let rowResized: boolean | undefined;\n let colResized: boolean | undefined;\n if (!prevSize) {\n rowResized = colResized = true;\n } else {\n if (prevSize[0] !== size[0]) {\n rowResized = true;\n }\n if (prevSize[1] !== size[1]) {\n colResized = true;\n }\n }\n if (rowResized) {\n resizedRows.add(rowIndex);\n }\n if (colResized) {\n resizedCols.add(colIndex);\n }\n if (rowResized || colResized) {\n sizeCache.set(key, size);\n }\n }\n }\n }\n\n if (resizedRows.size) {\n const heightResizes: ItemResize[] = [];\n resizedRows.forEach((rowIndex) => {\n let maxHeight = 0;\n maybeCachedColIndexes.forEach((colIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxHeight = max(maxHeight, size[0]);\n }\n });\n if (maxHeight) {\n heightResizes.push([rowIndex, maxHeight]);\n }\n });\n vStore._update(ACTION_ITEM_RESIZE, heightResizes);\n heightResized = true;\n }\n if (resizedCols.size) {\n const widthResizes: ItemResize[] = [];\n resizedCols.forEach((colIndex) => {\n let maxWidth = 0;\n maybeCachedRowIndexes.forEach((rowIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxWidth = max(maxWidth, size[1]);\n }\n });\n if (maxWidth) {\n widthResizes.push([colIndex, maxWidth]);\n }\n });\n hStore._update(ACTION_ITEM_RESIZE, widthResizes);\n widthResized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, rowIndex: number, colIndex: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, [rowIndex, colIndex]);\n maybeCachedRowIndexes.add(rowIndex);\n maybeCachedColIndexes.add(colIndex);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(horizontal?: boolean): boolean {\n const prev = horizontal ? widthResized : heightResized;\n if (horizontal) {\n widthResized = false;\n } else {\n heightResized = false;\n }\n return prev;\n },\n };\n};\n\nexport type GridResizer = ReturnType<typeof createGridResizer>;\n","import {\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n ReactNode,\n RefObject,\n useState,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { WindowComponentAttributes } from \"..\";\nimport { createGridResizer, GridResizer } from \"../core/resizer\";\n\nconst genKey = (i: number, j: number) => `${i}-${j}`;\n\n/**\n * Props of customized cell component for {@link VGrid}.\n */\nexport interface CustomCellComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomCellComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomCellComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomCellComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomCellComponent;\n\ntype CellProps = {\n _children: ReactNode;\n _resizer: GridResizer;\n _verticalStore: VirtualStore;\n _horizontalStore: VirtualStore;\n _rowIndex: number;\n _colIndex: number;\n _element: \"div\";\n};\n\nconst Cell = memo(\n ({\n _children: children,\n _resizer: resizer,\n _verticalStore: verticalStore,\n _horizontalStore: horizontalStore,\n _rowIndex: rowIndex,\n _colIndex: colIndex,\n _element: Element,\n }: CellProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const top = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemOffset(rowIndex)\n );\n const left = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemOffset(colIndex)\n );\n const vHide = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._isUnmeasuredItem(rowIndex)\n );\n const hHide = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._isUnmeasuredItem(colIndex)\n );\n const height = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemSize(rowIndex)\n );\n const width = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemSize(colIndex)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, rowIndex, colIndex),\n [colIndex, rowIndex]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const style: CSSProperties = {\n display: \"grid\",\n margin: 0,\n padding: 0,\n position: \"absolute\",\n top: top,\n [verticalStore._isRtl() ? \"right\" : \"left\"]: left,\n visibility: vHide || hHide ? \"hidden\" : \"visible\",\n minHeight: height,\n minWidth: width,\n };\n return style;\n }, [top, left, width, height, vHide, hHide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VGrid}.\n */\nexport interface CustomGridWindowComponentProps {\n children: ReactNode;\n scrollWidth: number;\n scrollHeight: number;\n scrolling: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomGridWindowComponentProps>(\n (\n { children, scrollWidth, scrollHeight, scrolling, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: scrollWidth,\n height: scrollHeight,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollWidth, scrollHeight, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomGridWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _vStore: vStore,\n _hStore: hStore,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _vStore: VirtualStore;\n _hStore: VirtualStore;\n _element: CustomGridWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const height = useSyncExternalStore(vStore._subscribe, vStore._getScrollSize);\n const width = useSyncExternalStore(hStore._subscribe, hStore._getScrollSize);\n\n return (\n <Element\n ref={ref}\n scrollWidth={width}\n scrollHeight={height}\n scrolling={scrolling}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: \"auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Methods of {@link VGrid}.\n */\nexport interface VGridHandle {}\n\n/**\n * Props of {@link VGrid}.\n */\nexport interface VGridProps extends WindowComponentAttributes {\n /**\n * A function to create elements rendered by this component.\n */\n children: (arg: {\n /**\n * row index of cell\n */\n rowIndex: number;\n /**\n * column index of cell\n */\n colIndex: number;\n }) => ReactNode;\n /**\n * Total row length of grid.\n */\n row: number;\n /**\n * Total column length of grid.\n */\n col: number;\n /**\n * Cell height hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n cellHeight?: number;\n /**\n * Cell width hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 100\n */\n cellWidth?: number;\n /**\n * Number of items to render above/below the visible bounds of the grid. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 2\n */\n overscan?: number;\n /**\n * If set, the specified amount of rows will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialRowCount?: number;\n /**\n * If set, the specified amount of cols will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialColCount?: number;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomGridWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomGridWindowComponent;\n /**\n * Customized element type for cell element. This element will get {@link CustomCellComponentProps} as props.\n * @defaultValue \"div\"\n */\n cellElement?: CustomCellComponentOrElement;\n}\n\n/**\n * Virtualized grid component. See {@link VGridProps} and {@link VGridHandle}.\n */\nexport const VGrid = forwardRef<VGridHandle, VGridProps>(\n (\n {\n children,\n row: rowCount,\n col: colCount,\n cellHeight = 40,\n cellWidth = 100,\n overscan = 2,\n initialRowCount,\n initialColCount,\n rtl: rtlProp,\n element = DefaultWindow,\n cellElement: itemElement = \"div\",\n ...windowAttrs\n },\n _ref // TODO implement\n ): ReactElement => {\n const [verticalScrolling, setVerticalScrolling] = useState(false);\n const [horizontalScrolling, setHorizontalScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [vStore, hStore, resizer, verticalScroller, horizontalScroller] =\n useStatic(() => {\n const dummy = () => {};\n const _vs = createVirtualStore(\n rowCount,\n cellHeight,\n false,\n !!rtlProp,\n initialRowCount,\n setVerticalScrolling,\n dummy\n );\n const _hs = createVirtualStore(\n colCount,\n cellWidth,\n true,\n !!rtlProp,\n initialColCount,\n setHorizontalScrolling,\n dummy\n );\n const resizer = createGridResizer(_vs, _hs);\n return [\n _vs,\n _hs,\n resizer,\n createScroller(_vs, () => resizer._isJustResized()),\n createScroller(_hs, () => resizer._isJustResized(true)),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n vStore._updateCacheLength(rowCount);\n hStore._updateCacheLength(colCount);\n\n const [startRowIndex, endRowIndex] = useSyncExternalStore(\n vStore._subscribe,\n vStore._getRange\n );\n const [startColIndex, endColIndex] = useSyncExternalStore(\n hStore._subscribe,\n hStore._getRange\n );\n const verticalJump = useSyncExternalStore(\n vStore._subscribe,\n vStore._getJump\n );\n const horizontalJump = useSyncExternalStore(\n hStore._subscribe,\n hStore._getJump\n );\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const vCleanup = verticalScroller._initRoot(root);\n const hCleanup = horizontalScroller._initRoot(root);\n return () => {\n unobserve();\n vCleanup();\n hCleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (verticalJump.length) {\n verticalScroller._fixScrollJump(verticalJump, startRowIndex);\n }\n }, [verticalJump]);\n useIsomorphicLayoutEffect(() => {\n if (horizontalJump.length) {\n horizontalScroller._fixScrollJump(horizontalJump, startColIndex);\n }\n }, [horizontalJump]);\n\n const render = useMemo(() => {\n const cache = new Map<string, ReactNode>();\n return (rowIndex: number, colIndex: number) => {\n let e: ReactNode | undefined = cache.get(genKey(rowIndex, colIndex));\n if (!e) {\n cache.set(\n genKey(rowIndex, colIndex),\n (e = children({ rowIndex, colIndex }))\n );\n }\n return e;\n };\n }, [children]);\n\n const startRowIndexWithMargin = max(startRowIndex - overscan, 0);\n const endRowIndexWithMargin = min(endRowIndex + overscan, rowCount - 1);\n const startColIndexWithMargin = max(startColIndex - overscan, 0);\n const endColIndexWithMargin = min(endColIndex + overscan, colCount - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startRowIndexWithMargin; i <= endRowIndexWithMargin; i++) {\n for (let j = startColIndexWithMargin; j <= endColIndexWithMargin; j++) {\n res.push(\n <Cell\n key={genKey(i, j)}\n _resizer={resizer}\n _verticalStore={vStore}\n _horizontalStore={hStore}\n _rowIndex={i}\n _colIndex={j}\n _element={itemElement as \"div\"}\n _children={render(i, j)}\n />\n );\n }\n }\n\n return res;\n }, [\n render,\n startRowIndexWithMargin,\n endRowIndexWithMargin,\n startColIndexWithMargin,\n endColIndexWithMargin,\n ]);\n\n return (\n <Window\n _ref={rootRef}\n _vStore={vStore}\n _hStore={hStore}\n _element={element}\n _scrolling={verticalScrolling || horizontalScrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n"],"names":["min","Math","max","now","Date","exists","v","range","length","cb","Array","from","_","i","once","fn","called","cache","args","getItemSize","index","size","_sizes","_defaultItemSize","computeOffset","isTotal","_length","_measuredOffsetIndex","_offsets","top","computeStartOffset","findIndex","distance","sum","h","findStartIndexWithOffset","offset","prevStartIndex","prevOffset","findEndIndex","resetCache","itemSize","createVirtualStore","itemCount","isHorizontal","isRtl","initialItemCount","onScrollStateChange","onScrollOffsetChange","_scrollToQueue","viewportSize","scrollOffset","jump","scrollDirection","_prevRange","subscribers","Set","_getRange","prevEndIndex","start","end","_isUnmeasuredItem","_hasUnmeasuredItemsInRange","startIndex","hasUnmeasuredItemsInRange","endIndex","_getItemOffset","_getItemSize","_getScrollOffset","_getViewportSize","_getScrollSize","computeTotalSize","_getJump","_isHorizontal","_isRtl","_getItemIndexForScrollTo","_waitForScrollDestinationItemsMeasured","Promise","resolve","reject","then","undefined","_subscribe","add","delete","_update","type","payload","mutated","updated","filter","updatedJump","forEach","push","setItemSize","_getScrollDirection","_setScrollDirection","dir","prev","_updateCacheLength","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useSyncExternalStore","subscibe","getSnapShot","_useSyncExternalStore","hasNegativeOffsetInRtl","scrollable","key","isNegative","createScroller","store","isJustResized","rootElement","scrollToKey","getActualScrollSize","scrollWidth","scrollHeight","scrollTo","diff","scrollManually","async","getCurrentOffset","getOffset","scrollSize","e","calcTotalJump","reduce","acc","j","_initRoot","root","syncViewportToScrollPosition","resized","onScrollStopped","debounce","id","cancel","clearTimeout","debouncedFn","setTimeout","_cancel","onScroll","onWheel","throttle","time","n","ctrlKey","deltaX","deltaY","addEventListener","passive","removeEventListener","_getActualScrollSize","_scrollTo","_scrollToIndex","count","_fixScrollJump","allDiff","refKey","useStatic","init","ref","useRef","useRefWithUpdate","value","Item","memo","_children","children","_resizer","resizer","_store","_index","_element","Element","hide","_observeItem","_jsx","style","useMemo","leftOrRightKey","margin","padding","position","visibility","display","DefaultWindow","forwardRef","scrolling","horizontal","attrs","width","height","pointerEvents","Window","Window$1","_ref","_scrolling","_attrs","overflow","contain","VList","itemSizeProp","overscan","horizontalProp","rtl","rtlProp","element","itemElement","onScrollProp","onScrollStop","onScrollStopProp","onRangeChange","onRangeChangeProp","windowAttrs","elements","arr","Children","isInvalidElement","mountedIndexes","reset","useState","setScrolling","scroller","isScrolling","sizeKey","WeakMap","getResizeObserver","ResizeObserver","entries","resizes","target","contentRect","get","_observeRoot","ro","observe","disconnect","el","set","unobserve","_isJustResized","createResizer","rootRef","cleanup","useImperativeHandle","scrollToIndex","scrollBy","startIndexWithMargin","endIndexWithMargin","items","res","genKey","Cell","_verticalStore","verticalStore","_horizontalStore","horizontalStore","_rowIndex","rowIndex","_colIndex","colIndex","left","vHide","hHide","minHeight","minWidth","_vStore","vStore","_hStore","hStore","VGrid","row","rowCount","col","colCount","cellHeight","cellWidth","initialRowCount","initialColCount","cellElement","verticalScrolling","setVerticalScrolling","horizontalScrolling","setHorizontalScrolling","verticalScroller","horizontalScroller","dummy","_vs","_hs","createGridResizer","heightResized","widthResized","heightKey","widthKey","maybeCachedRowIndexes","maybeCachedColIndexes","sizeCache","Map","getKey","resizedRows","resizedCols","cell","prevSize","rowResized","colResized","heightResizes","maxHeight","widthResizes","maxWidth","startRowIndex","endRowIndex","startColIndex","endColIndex","verticalJump","horizontalJump","vCleanup","hCleanup","render","startRowIndexWithMargin","endRowIndexWithMargin","startColIndexWithMargin","endColIndexWithMargin"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../src/src/core/utils.ts","../src/src/core/cache.ts","../src/src/core/store.ts","../src/src/react/useIsomorphicLayoutEffect.ts","../src/src/react/useSyncExternalStore.ts","../src/src/core/dom.ts","../src/src/core/scroller.ts","../src/src/react/utils.ts","../src/src/react/useStatic.ts","../src/src/react/useRefWithUpdate.ts","../src/src/react/VList.tsx","../src/src/core/resizer.ts","../src/src/react/VGrid.tsx"],"sourcesContent":["export const min = Math.min;\nexport const max = Math.max;\nexport const now = Date.now;\n\nexport const exists = <T>(v: T): v is Exclude<T, null | undefined> => v != null;\n\nexport const range = <T>(length: number, cb: (i: number) => T): T[] =>\n Array.from({ length }, (_, i) => cb(i));\n\nexport const debounce = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let id: NodeJS.Timeout | undefined | null;\n\n const cancel = () => {\n if (exists(id)) {\n clearTimeout(id);\n }\n };\n const debouncedFn = () => {\n cancel();\n id = setTimeout(() => {\n id = null;\n fn();\n }, ms);\n };\n debouncedFn._cancel = cancel;\n return debouncedFn;\n};\n\nexport const throttle = <T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n) => {\n let time = now() - ms;\n return (...args: Parameters<T>) => {\n const n = now();\n if (time + ms < n) {\n time = n;\n fn(...args);\n }\n };\n};\n\nexport const once = <F extends (...args: any[]) => any>(fn: F): F => {\n let called: undefined | boolean;\n let cache: ReturnType<F>;\n\n return ((...args) => {\n if (!called) {\n called = true;\n cache = fn(...args);\n }\n return cache;\n }) as F;\n};\n","import type { DeepReadonly, Writeable } from \"./types\";\nimport { exists, max, min, range } from \"./utils\";\n\nexport const UNCACHED = -1;\n\nexport type Cache = DeepReadonly<{\n _defaultItemSize: number;\n _length: number;\n _sizes: number[];\n _measuredOffsetIndex: number;\n _offsets: number[];\n}>;\n\nexport const getItemSize = (cache: Cache, index: number): number => {\n const size = cache._sizes[index]!;\n return size === UNCACHED ? cache._defaultItemSize : size;\n};\n\nexport const setItemSize = (\n cache: Writeable<Cache>,\n index: number,\n size: number\n) => {\n cache._sizes[index] = size;\n // mark as dirty\n cache._measuredOffsetIndex = min(index, cache._measuredOffsetIndex);\n};\n\nconst computeOffset = (\n cache: Writeable<Cache>,\n index: number,\n isTotal?: boolean\n): number => {\n if (!cache._length) return 0;\n if (cache._measuredOffsetIndex >= index) {\n if (isTotal) {\n return cache._offsets[index]! + getItemSize(cache, index);\n } else {\n return cache._offsets[index]!;\n }\n }\n\n let i = cache._measuredOffsetIndex;\n let top = cache._offsets[i]!;\n while (i <= index) {\n cache._offsets[i] = top;\n if (i === index && !isTotal) {\n break;\n }\n top += getItemSize(cache, i);\n i++;\n }\n // mark as measured\n cache._measuredOffsetIndex = index;\n return top;\n};\n\nexport const computeTotalSize = (cache: Writeable<Cache>): number => {\n return computeOffset(cache, cache._length - 1, true);\n};\n\nexport const computeStartOffset = (\n cache: Writeable<Cache>,\n index: number\n): number => {\n return computeOffset(cache, index);\n};\n\nconst findIndex = (cache: Cache, i: number, distance: number): number => {\n let sum = 0;\n if (distance >= 0) {\n // search forward\n while (i < cache._length - 1) {\n const h = getItemSize(cache, i++);\n if ((sum += h) >= distance) {\n if (sum - h / 2 >= distance) {\n i--;\n }\n break;\n }\n }\n } else {\n // search backward\n while (i > 0) {\n const h = getItemSize(cache, --i);\n if ((sum -= h) <= distance) {\n if (sum + h / 2 < distance) {\n i++;\n }\n break;\n }\n }\n }\n\n return min(max(i, 0), cache._length - 1);\n};\n\nexport const findStartIndexWithOffset = (\n cache: Cache,\n offset: number,\n prevStartIndex: number,\n prevOffset: number\n): number => {\n return findIndex(cache, prevStartIndex, offset - prevOffset);\n};\n\nexport const findEndIndex = findIndex;\n\nexport const hasUnmeasuredItemsInRange = (\n cache: Cache,\n startIndex: number,\n endIndex: number\n): boolean => {\n for (let i = startIndex; i <= endIndex; i++) {\n if (cache._sizes[i] === UNCACHED) {\n return true;\n }\n }\n return false;\n};\n\nexport const resetCache = (\n length: number,\n itemSize: number,\n cache?: Cache\n): Cache => {\n return {\n _defaultItemSize: itemSize,\n _length: length,\n _measuredOffsetIndex: cache\n ? min(cache._measuredOffsetIndex, length - 1)\n : 0,\n _sizes: range(length, (i) => {\n const size = cache && cache._sizes[i];\n if (exists(size)) {\n return size;\n }\n return UNCACHED;\n }),\n _offsets: range(length, (i) => {\n if (i === 0) {\n // first offset must be 0\n return 0;\n }\n const offset = cache && cache._offsets[i];\n if (exists(offset)) {\n return offset;\n }\n return UNCACHED;\n }),\n };\n};\n","import {\n findStartIndexWithOffset,\n resetCache,\n getItemSize,\n computeTotalSize,\n findEndIndex,\n computeStartOffset,\n Cache,\n UNCACHED,\n setItemSize,\n hasUnmeasuredItemsInRange,\n} from \"./cache\";\nimport type { Writeable } from \"./types\";\nimport { max } from \"./utils\";\n\ntype ItemJump = [sizeDiff: number, index: number];\nexport type ScrollJump = Readonly<ItemJump[]>;\nexport type ItemResize = [index: number, size: number];\ntype ItemsRange = [startIndex: number, endIndex: number];\n\nexport const SCROLL_STOP = 0;\nexport const SCROLL_DOWN = 1;\nexport const SCROLL_UP = 2;\nexport const SCROLL_MANUAL = 3;\ntype ScrollDirection =\n | typeof SCROLL_STOP\n | typeof SCROLL_DOWN\n | typeof SCROLL_UP\n | typeof SCROLL_MANUAL;\n\nexport const ACTION_ITEM_RESIZE = 1;\nexport const ACTION_WINDOW_RESIZE = 2;\nexport const ACTION_SCROLL = 3;\nexport const ACTION_MANUAL_SCROLL = 4;\n\ntype Actions =\n | [type: typeof ACTION_ITEM_RESIZE, entries: ItemResize[]]\n | [type: typeof ACTION_WINDOW_RESIZE, size: number]\n | [type: typeof ACTION_SCROLL, offset: number]\n | [type: typeof ACTION_MANUAL_SCROLL, offset: number];\n\nexport type VirtualStore = {\n _getRange(): ItemsRange;\n _isUnmeasuredItem(index: number): boolean;\n _hasUnmeasuredItemsInRange(startIndex: number): boolean;\n _getItemOffset(index: number): number;\n _getItemSize(index: number): number;\n _getScrollOffset(): number;\n _getViewportSize(): number;\n _getScrollSize(): number;\n _getJump(): ScrollJump;\n _isHorizontal(): boolean;\n _isRtl(): boolean;\n _getItemIndexForScrollTo(offset: number): number;\n _waitForScrollDestinationItemsMeasured(): Promise<void>;\n _subscribe(cb: () => void): () => void;\n _update(...action: Actions): void;\n _getScrollDirection(): ScrollDirection;\n _setScrollDirection(direction: ScrollDirection): void;\n _updateCacheLength(length: number): void;\n};\n\nexport const createVirtualStore = (\n itemCount: number,\n itemSize: number,\n isHorizontal: boolean,\n isRtl: boolean,\n initialItemCount: number = 0,\n onScrollStateChange: (scrolling: boolean) => void,\n onScrollOffsetChange: (offset: number) => void\n): VirtualStore => {\n let viewportSize = itemSize * max(initialItemCount - 1, 0);\n let scrollOffset = 0;\n let jump: ItemJump[] = [];\n let cache = resetCache(itemCount, itemSize);\n let scrollDirection: ScrollDirection = SCROLL_STOP;\n let _prevRange: ItemsRange = [0, initialItemCount];\n let _scrollToQueue: [() => void, () => void] | undefined;\n\n const subscribers = new Set<() => void>();\n\n return {\n _getRange() {\n const [prevStartIndex, prevEndIndex] = _prevRange;\n const prevOffset = computeStartOffset(\n cache as Writeable<Cache>,\n prevStartIndex\n );\n const start = findStartIndexWithOffset(\n cache,\n scrollOffset,\n prevStartIndex,\n prevOffset\n );\n const end = findEndIndex(cache, start, viewportSize);\n if (prevStartIndex === start && prevEndIndex === end) {\n return _prevRange;\n }\n return (_prevRange = [start, end]);\n },\n _isUnmeasuredItem(index) {\n return cache._sizes[index] === UNCACHED;\n },\n _hasUnmeasuredItemsInRange(startIndex) {\n return hasUnmeasuredItemsInRange(\n cache,\n startIndex,\n findEndIndex(cache, startIndex, viewportSize)\n );\n },\n _getItemOffset(index) {\n return computeStartOffset(cache as Writeable<Cache>, index);\n },\n _getItemSize(index) {\n return getItemSize(cache, index);\n },\n _getScrollOffset() {\n return scrollOffset;\n },\n _getViewportSize() {\n return viewportSize;\n },\n _getScrollSize() {\n return computeTotalSize(cache as Writeable<Cache>);\n },\n _getJump() {\n return jump;\n },\n _isHorizontal() {\n return isHorizontal;\n },\n _isRtl() {\n return isRtl;\n },\n _getItemIndexForScrollTo(offset) {\n return findStartIndexWithOffset(cache, offset, 0, 0);\n },\n _waitForScrollDestinationItemsMeasured() {\n if (_scrollToQueue) {\n // Cancel waiting scrollTo\n _scrollToQueue[1]();\n }\n // The measurement will be done asynchronously and the timing is not predictable so we use promise.\n // For example, ResizeObserver may not fire when window is not visible.\n return new Promise((resolve, reject) => {\n _scrollToQueue = [\n () => {\n // HACK: It should be resolved in the next microtask that is after React's render\n Promise.resolve().then(() => {\n resolve();\n _scrollToQueue = undefined;\n });\n },\n reject,\n ];\n });\n },\n _subscribe(cb) {\n subscribers.add(cb);\n return () => {\n subscribers.delete(cb);\n };\n },\n _update(type, payload) {\n const mutated = ((): boolean => {\n switch (type) {\n case ACTION_ITEM_RESIZE: {\n const updated = payload.filter(\n ([index, size]) => cache._sizes[index] !== size\n );\n // Skip if all items are cached and not updated\n if (!updated.length) {\n return false;\n }\n\n const updatedJump: ItemJump[] = [];\n updated.forEach(([index, size]) => {\n updatedJump.push([size - getItemSize(cache, index), index]);\n setItemSize(cache as Writeable<Cache>, index, size);\n });\n jump = updatedJump;\n return true;\n }\n case ACTION_WINDOW_RESIZE: {\n if (viewportSize === payload) {\n return false;\n }\n viewportSize = payload;\n return true;\n }\n case ACTION_SCROLL:\n case ACTION_MANUAL_SCROLL: {\n const prevOffset = scrollOffset;\n return (scrollOffset = payload) !== prevOffset;\n }\n }\n })();\n\n if (mutated) {\n subscribers.forEach((cb) => {\n cb();\n });\n\n if (type === ACTION_SCROLL) {\n onScrollOffsetChange(scrollOffset);\n } else if (_scrollToQueue && type === ACTION_ITEM_RESIZE) {\n _scrollToQueue[0]();\n }\n }\n },\n _getScrollDirection() {\n return scrollDirection;\n },\n _setScrollDirection(dir) {\n const prev = scrollDirection;\n scrollDirection = dir;\n if (scrollDirection === SCROLL_STOP) {\n onScrollStateChange(false);\n } else if (\n prev === SCROLL_STOP &&\n (scrollDirection === SCROLL_DOWN || scrollDirection === SCROLL_UP)\n ) {\n onScrollStateChange(true);\n }\n },\n _updateCacheLength(length) {\n // It's ok to be updated in render because states should be calculated consistently regardless cache length\n if (cache._length === length) return;\n cache = resetCache(length, itemSize, cache);\n },\n };\n};\n","import { useEffect, useLayoutEffect } from \"react\";\n\n// https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import { useSyncExternalStore as _useSyncExternalStore } from \"use-sync-external-store/shim/index.js\";\n\nexport const useSyncExternalStore = <T>(\n subscibe: (onStoreChange: () => void) => () => void,\n getSnapShot: () => T\n): T => {\n return _useSyncExternalStore(subscibe, getSnapShot, getSnapShot);\n};\n","import { once } from \"./utils\";\n\n// The scroll position may be negative value in rtl direction.\n//\n// left right result\n// -100 0 true spec compliant\n// 0 100 false probably Chrome earlier than v85\n// https://github.com/othree/jquery.rtl-scroll-type\nexport const hasNegativeOffsetInRtl = once((scrollable: HTMLElement) => {\n const key = \"scrollLeft\";\n const prev = scrollable[key];\n scrollable[key] = 1;\n // scrollLeft can be positive under some specific situations even if negative mode, so we use `<` for now.\n const isNegative = scrollable[key] < 1;\n scrollable[key] = prev;\n return isNegative;\n});\n","import { hasNegativeOffsetInRtl } from \"./dom\";\nimport {\n ACTION_SCROLL,\n ACTION_MANUAL_SCROLL,\n ScrollJump,\n VirtualStore,\n SCROLL_MANUAL,\n SCROLL_STOP,\n SCROLL_UP,\n SCROLL_DOWN,\n} from \"./store\";\nimport { debounce, throttle, max, min } from \"./utils\";\n\nexport type Scroller = {\n _initRoot: (rootElement: HTMLElement) => () => void;\n _getActualScrollSize: () => number;\n _scrollTo: (offset: number) => void;\n _scrollToIndex: (index: number, count: number) => void;\n _fixScrollJump: (jump: ScrollJump, startIndex: number) => void;\n};\n\nexport const createScroller = (\n store: VirtualStore,\n isJustResized: () => boolean\n): Scroller => {\n let rootElement: HTMLElement | undefined;\n const isHorizontal = store._isHorizontal();\n const isRtl = store._isRtl();\n const scrollToKey = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n\n const getActualScrollSize = (): number => {\n if (!rootElement) return 0;\n // Use element's scrollHeight/scrollWidth instead of stored scrollSize.\n // This is because stored size may differ from the actual size, for example when a new item is added and not yet measured.\n return isHorizontal ? rootElement.scrollWidth : rootElement.scrollHeight;\n };\n const normalizeRtlOffset = (offset: number, diff?: boolean): number => {\n if (hasNegativeOffsetInRtl(rootElement!)) {\n return -offset;\n } else {\n return diff\n ? -offset\n : store._getScrollSize() - store._getViewportSize() - offset;\n }\n };\n const scrollTo = (offset: number, diff?: boolean) => {\n if (!rootElement) return;\n if (isHorizontal && isRtl) {\n offset = normalizeRtlOffset(offset, diff);\n }\n if (diff) {\n rootElement[scrollToKey] += offset;\n } else {\n rootElement[scrollToKey] = offset;\n store._setScrollDirection(SCROLL_MANUAL);\n }\n };\n const scrollManually = async (\n index: number,\n getCurrentOffset: () => number\n ) => {\n const getOffset = (): number => {\n let offset = getCurrentOffset();\n const scrollSize = getActualScrollSize();\n const viewportSize = store._getViewportSize();\n if (scrollSize - (offset + viewportSize) <= 0) {\n // Adjust if the offset is over the end, to get correct startIndex.\n offset = scrollSize - viewportSize;\n }\n return offset;\n };\n\n if (store._hasUnmeasuredItemsInRange(index)) {\n do {\n // In order to scroll to the correct position, mount the items and measure their sizes before scrolling.\n store._update(ACTION_MANUAL_SCROLL, getOffset());\n try {\n // Wait for the scroll destination items to be measured.\n await store._waitForScrollDestinationItemsMeasured();\n } catch (e) {\n // canceled\n return;\n }\n } while (store._hasUnmeasuredItemsInRange(index));\n\n // Scroll with the updated value\n scrollTo(getOffset());\n } else {\n const offset = getOffset();\n scrollTo(offset);\n // Sync viewport to scroll destination\n store._update(ACTION_MANUAL_SCROLL, offset);\n }\n };\n\n const calcTotalJump = (jump: ScrollJump): number =>\n jump.reduce((acc, [j]) => acc + j, 0);\n\n return {\n _initRoot(root) {\n rootElement = root;\n\n const syncViewportToScrollPosition = () => {\n let offset = root[scrollToKey];\n if (isHorizontal && isRtl) {\n offset = normalizeRtlOffset(offset);\n }\n const prevOffset = store._getScrollOffset();\n if (prevOffset === offset) {\n return;\n }\n const scrollDirection = store._getScrollDirection();\n // Skip scroll direction detection just after resizing because it may result in the opposite direction.\n // Scroll events are dispatched enough so it's ok to skip some of them.\n const resized = isJustResized();\n if (\n (scrollDirection === SCROLL_STOP || !resized) &&\n // Ignore until manual scrolling\n scrollDirection !== SCROLL_MANUAL\n ) {\n store._setScrollDirection(\n prevOffset > offset ? SCROLL_UP : SCROLL_DOWN\n );\n }\n store._update(ACTION_SCROLL, offset);\n };\n\n const onScrollStopped = debounce(() => {\n // Check scroll position once just after scrolling stopped\n syncViewportToScrollPosition();\n store._setScrollDirection(SCROLL_STOP);\n }, 150);\n\n const onScroll = () => {\n syncViewportToScrollPosition();\n onScrollStopped();\n };\n\n // Infer scroll state also from wheel events\n // Sometimes scroll events do not fire when frame dropped even if the visual have been already scrolled\n const onWheel = throttle((e: WheelEvent) => {\n if (store._getScrollDirection() === SCROLL_STOP) {\n // Scroll start should be detected with scroll event\n return;\n }\n if (e.ctrlKey) {\n // Probably a pinch-to-zoom gesture\n return;\n }\n // Get delta before checking deltaMode for firefox behavior\n // https://github.com/w3c/uievents/issues/181#issuecomment-392648065\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1392460#c34\n if (isHorizontal ? e.deltaX : e.deltaY) {\n const offset = store._getScrollOffset();\n if (\n offset > 0 &&\n offset < store._getScrollSize() - store._getViewportSize()\n ) {\n onScrollStopped();\n }\n }\n }, 50);\n\n root.addEventListener(\"scroll\", onScroll);\n root.addEventListener(\"wheel\", onWheel, { passive: true });\n\n return () => {\n root.removeEventListener(\"scroll\", onScroll);\n root.removeEventListener(\"wheel\", onWheel);\n onScrollStopped._cancel();\n };\n },\n _getActualScrollSize: getActualScrollSize,\n _scrollTo(offset) {\n offset = max(offset, 0);\n\n scrollManually(store._getItemIndexForScrollTo(offset), () => offset);\n },\n _scrollToIndex(index, count) {\n index = max(min(index, count - 1), 0);\n\n scrollManually(index, () => store._getItemOffset(index));\n },\n _fixScrollJump: (jump, startIndex) => {\n const scrollDirection = store._getScrollDirection();\n // Compensate scroll jump\n if (scrollDirection === SCROLL_UP) {\n const diff = calcTotalJump(jump);\n if (diff) {\n scrollTo(diff, true);\n }\n } else if (scrollDirection === SCROLL_MANUAL) {\n const offset = store._getScrollOffset();\n if (offset === 0) {\n // Do nothing to stick to the start\n } else {\n const allDiff = calcTotalJump(jump);\n if (\n store._getScrollSize() -\n (offset + store._getViewportSize() + allDiff) <=\n 0\n ) {\n // Keep end to stick to the end\n if (allDiff) {\n scrollTo(offset + allDiff);\n }\n } else {\n // Keep start at mid\n const diff = jump.reduce((acc, [j, index]) => {\n if (index < startIndex) {\n acc += j;\n }\n return acc;\n }, 0);\n if (diff) {\n scrollTo(diff, true);\n }\n }\n }\n } else {\n // NOP\n }\n },\n };\n};\n","import { ReactNode } from \"react\";\nimport { exists } from \"../core/utils\";\n\nexport const refKey = \"current\";\n\nexport const isInvalidElement = <T extends ReactNode>(\n e: T\n): e is Extract<T, null | undefined | boolean> =>\n !exists(e) || typeof e === \"boolean\";\n","import { useRef } from \"react\";\nimport { refKey } from \"./utils\";\n\nexport const useStatic = <T>(init: () => T): T => {\n const ref = useRef<T>();\n return ref[refKey] || (ref[refKey] = init());\n};\n","import { useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { refKey } from \"./utils\";\n\nexport const useRefWithUpdate = <T>(value: T) => {\n const ref = useRef<T>(value);\n\n useIsomorphicLayoutEffect(() => {\n ref[refKey] = value;\n }, [value]);\n\n return ref;\n};\n","import {\n Children,\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n useImperativeHandle,\n ReactNode,\n useEffect,\n RefObject,\n useState,\n ReactFragment,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { exists, max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { isInvalidElement, refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { useRefWithUpdate } from \"./useRefWithUpdate\";\nimport { Resizer, createResizer } from \"../core/resizer\";\nimport { WindowComponentAttributes } from \"..\";\n\ntype ItemProps = {\n _children: ReactNode;\n _resizer: Resizer;\n _store: VirtualStore;\n _index: number;\n _element: \"div\";\n};\n\nconst Item = memo(\n ({\n _children: children,\n _resizer: resizer,\n _store: store,\n _index: index,\n _element: Element,\n }: ItemProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const offset = useSyncExternalStore(store._subscribe, () =>\n store._getItemOffset(index)\n );\n const hide = useSyncExternalStore(store._subscribe, () =>\n store._isUnmeasuredItem(index)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, index),\n [index]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const isHorizontal = store._isHorizontal();\n const leftOrRightKey = store._isRtl() ? \"right\" : \"left\";\n const style: CSSProperties = {\n margin: 0,\n padding: 0,\n position: \"absolute\",\n [isHorizontal ? \"height\" : \"width\"]: \"100%\",\n [isHorizontal ? \"top\" : leftOrRightKey]: 0,\n [isHorizontal ? leftOrRightKey : \"top\"]: offset,\n visibility: hide ? \"hidden\" : \"visible\",\n // willChange: \"transform\",\n };\n if (isHorizontal) {\n style.display = \"flex\";\n }\n return style;\n }, [offset, hide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VList}.\n */\nexport interface CustomWindowComponentProps {\n children: ReactNode;\n scrollSize: number;\n scrolling: boolean;\n horizontal: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomWindowComponentProps>(\n (\n { children, scrollSize, scrolling, horizontal, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: horizontal ? scrollSize : \"100%\",\n height: horizontal ? \"100%\" : scrollSize,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollSize, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _store: store,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _store: VirtualStore;\n _element: CustomWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const scrollSize = useSyncExternalStore(\n store._subscribe,\n store._getScrollSize\n );\n\n const horizontal = store._isHorizontal();\n\n return (\n <Element\n ref={ref}\n scrollSize={scrollSize}\n scrolling={scrolling}\n horizontal={horizontal}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: horizontal ? \"auto hidden\" : \"hidden auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Props of customized item component for {@link VList}.\n */\nexport interface CustomItemComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomItemComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomItemComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomItemComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomItemComponent;\n\n/**\n * Methods of {@link VList}.\n */\nexport interface VListHandle {\n /**\n * Get current scrollTop or scrollLeft.\n */\n readonly scrollOffset: number;\n /**\n * Get current scrollHeight or scrollWidth.\n */\n readonly scrollSize: number;\n /**\n * Get current offsetHeight or offsetWidth.\n */\n readonly viewportSize: number;\n /**\n * Scroll to the item specified by index.\n * @param index index of item\n */\n scrollToIndex(index: number): void;\n /**\n * Scroll to the given offset.\n * @param offset offset from start\n */\n scrollTo(offset: number): void;\n /**\n * Scroll by the given offset.\n * @param offset offset from current position\n */\n scrollBy(offset: number): void;\n}\n\n/**\n * Props of {@link VList}.\n */\nexport interface VListProps extends WindowComponentAttributes {\n /**\n * Elements rendered by this component.\n */\n children: ReactNode;\n /**\n * Item size hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n itemSize?: number;\n /**\n * Number of items to render above/below the visible bounds of the list. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 4\n */\n overscan?: number;\n /**\n * If set, the specified amount of items will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialItemCount?: number;\n /**\n * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.\n */\n horizontal?: boolean;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomWindowComponent;\n /**\n * Customized element type for item element. This element will get {@link CustomItemComponentProps} as props.\n * @defaultValue \"div\"\n */\n itemElement?: CustomItemComponentOrElement;\n /**\n * Callback invoked whenever scroll offset changes.\n * @param offset Current scrollTop or scrollLeft.\n */\n onScroll?: (offset: number) => void;\n /**\n * Callback invoked when scrolling stops.\n */\n onScrollStop?: () => void;\n /**\n * Callback invoked when visible items range changes.\n */\n onRangeChange?: (payload: {\n /**\n * The start index of viewable items.\n */\n start: number;\n /**\n * The end index of viewable items.\n */\n end: number;\n /**\n * The total count of items.\n */\n count: number;\n }) => void;\n}\n\n/**\n * Virtualized list component. See {@link VListProps} and {@link VListHandle}.\n */\nexport const VList = forwardRef<VListHandle, VListProps>(\n (\n {\n children,\n itemSize: itemSizeProp = 40,\n overscan = 4,\n initialItemCount,\n horizontal: horizontalProp,\n rtl: rtlProp,\n element = DefaultWindow,\n itemElement = \"div\",\n onScroll: onScrollProp,\n onScrollStop: onScrollStopProp,\n onRangeChange: onRangeChangeProp,\n ...windowAttrs\n },\n ref\n ): ReactElement => {\n // Memoize element array\n const elements = useMemo(() => {\n const arr: (ReactElement | ReactFragment | string | number)[] = [];\n Children.forEach(children, (e) => {\n if (isInvalidElement(e)) {\n return;\n }\n arr.push(e);\n });\n return arr;\n }, [children]);\n const count = elements.length;\n\n const onScroll = useRefWithUpdate(onScrollProp);\n const onScrollStop = useRefWithUpdate(onScrollStopProp);\n\n const [mountedIndexes, reset] = useState<Set<number>>(new Set<number>());\n const [scrolling, setScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [store, resizer, scroller] = useStatic(() => {\n const _store = createVirtualStore(\n count,\n itemSizeProp,\n !!horizontalProp,\n !!rtlProp,\n initialItemCount,\n (isScrolling) => {\n setScrolling(isScrolling);\n if (!isScrolling) {\n reset(new Set());\n onScrollStop[refKey] && onScrollStop[refKey]();\n }\n },\n (offset) => {\n onScroll[refKey] && onScroll[refKey](offset);\n }\n );\n const _resizer = createResizer(_store);\n return [\n _store,\n _resizer,\n createScroller(_store, _resizer._isJustResized),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n store._updateCacheLength(count);\n\n const [startIndex, endIndex] = useSyncExternalStore(\n store._subscribe,\n store._getRange\n );\n const jump = useSyncExternalStore(store._subscribe, store._getJump);\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const cleanup = scroller._initRoot(root);\n return () => {\n unobserve();\n cleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!jump.length) return;\n\n scroller._fixScrollJump(jump, startIndex);\n }, [jump]);\n\n useEffect(() => {\n if (!onRangeChangeProp) return;\n\n onRangeChangeProp({\n start: startIndex,\n end: endIndex,\n count,\n });\n }, [startIndex, endIndex]);\n\n useImperativeHandle(\n ref,\n () => {\n return {\n get scrollOffset() {\n return store._getScrollOffset();\n },\n get scrollSize() {\n return scroller._getActualScrollSize();\n },\n get viewportSize() {\n return store._getViewportSize();\n },\n scrollToIndex(index) {\n scroller._scrollToIndex(index, count);\n },\n scrollTo: scroller._scrollTo,\n scrollBy(offset) {\n scroller._scrollTo(store._getScrollOffset() + offset);\n },\n };\n },\n [count]\n );\n\n const startIndexWithMargin = max(startIndex - overscan, 0);\n const endIndexWithMargin = min(endIndex + overscan, count - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startIndexWithMargin; i <= endIndexWithMargin; i++) {\n // https://github.com/sergi/virtual-list/commit/8e7e06dc63568334c1ab809ea83c1be36572e9ed\n mountedIndexes.add(i);\n }\n mountedIndexes.forEach((i) => {\n const e = elements[i];\n // This can be undefined when items are removed\n if (exists(e)) {\n res.push(\n <Item\n key={(e as { key?: ReactElement[\"key\"] })?.key || i}\n _resizer={resizer}\n _store={store}\n _index={i}\n _element={itemElement as \"div\"}\n _children={e}\n />\n );\n }\n });\n return res;\n }, [elements, mountedIndexes, startIndexWithMargin, endIndexWithMargin]);\n\n return (\n <Window\n _ref={rootRef}\n _store={store}\n _element={element}\n _scrolling={scrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n","import {\n ACTION_ITEM_RESIZE,\n ACTION_WINDOW_RESIZE,\n ItemResize,\n VirtualStore,\n} from \"./store\";\nimport { exists, max, once } from \"./utils\";\n\nexport const createResizer = (store: VirtualStore) => {\n let resized = false;\n let rootElement: HTMLElement | undefined;\n const sizeKey = store._isHorizontal() ? \"width\" : \"height\";\n const mountedIndexes = new WeakMap<Element, number>();\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizes: ItemResize[] = [];\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n store._update(ACTION_WINDOW_RESIZE, contentRect[sizeKey]);\n } else {\n const index = mountedIndexes.get(target);\n if (exists(index)) {\n resizes.push([index, contentRect[sizeKey]]);\n }\n }\n }\n\n if (resizes.length) {\n store._update(ACTION_ITEM_RESIZE, resizes);\n resized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, i: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, i);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(): boolean {\n const prev = resized;\n resized = false;\n return prev;\n },\n };\n};\n\nexport type Resizer = ReturnType<typeof createResizer>;\n\nexport const createGridResizer = (\n vStore: VirtualStore,\n hStore: VirtualStore\n) => {\n let heightResized = false;\n let widthResized = false;\n let rootElement: HTMLElement | undefined;\n\n const heightKey = \"height\";\n const widthKey = \"width\";\n const mountedIndexes = new WeakMap<\n Element,\n [rowIndex: number, colIndex: number]\n >();\n\n type CellSize = [height: number, width: number];\n const maybeCachedRowIndexes = new Set<number>();\n const maybeCachedColIndexes = new Set<number>();\n const sizeCache = new Map<string, CellSize>();\n const getKey = (rowIndex: number, colIndex: number): string =>\n `${rowIndex}-${colIndex}`;\n\n // Initialize ResizeObserver lazily for SSR\n const getResizeObserver = once(() => {\n // https://www.w3.org/TR/resize-observer/#intro\n return new ResizeObserver((entries) => {\n const resizedRows = new Set<number>();\n const resizedCols = new Set<number>();\n for (const { target, contentRect } of entries) {\n if (target === rootElement) {\n vStore._update(ACTION_WINDOW_RESIZE, contentRect[heightKey]);\n hStore._update(ACTION_WINDOW_RESIZE, contentRect[widthKey]);\n } else {\n const cell = mountedIndexes.get(target);\n if (cell) {\n const [rowIndex, colIndex] = cell;\n const key = getKey(rowIndex, colIndex);\n const prevSize = sizeCache.get(key);\n const size: CellSize = [\n contentRect[heightKey],\n contentRect[widthKey],\n ];\n let rowResized: boolean | undefined;\n let colResized: boolean | undefined;\n if (!prevSize) {\n rowResized = colResized = true;\n } else {\n if (prevSize[0] !== size[0]) {\n rowResized = true;\n }\n if (prevSize[1] !== size[1]) {\n colResized = true;\n }\n }\n if (rowResized) {\n resizedRows.add(rowIndex);\n }\n if (colResized) {\n resizedCols.add(colIndex);\n }\n if (rowResized || colResized) {\n sizeCache.set(key, size);\n }\n }\n }\n }\n\n if (resizedRows.size) {\n const heightResizes: ItemResize[] = [];\n resizedRows.forEach((rowIndex) => {\n let maxHeight = 0;\n maybeCachedColIndexes.forEach((colIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxHeight = max(maxHeight, size[0]);\n }\n });\n if (maxHeight) {\n heightResizes.push([rowIndex, maxHeight]);\n }\n });\n vStore._update(ACTION_ITEM_RESIZE, heightResizes);\n heightResized = true;\n }\n if (resizedCols.size) {\n const widthResizes: ItemResize[] = [];\n resizedCols.forEach((colIndex) => {\n let maxWidth = 0;\n maybeCachedRowIndexes.forEach((rowIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxWidth = max(maxWidth, size[1]);\n }\n });\n if (maxWidth) {\n widthResizes.push([colIndex, maxWidth]);\n }\n });\n hStore._update(ACTION_ITEM_RESIZE, widthResizes);\n widthResized = true;\n }\n });\n });\n\n return {\n _observeRoot(root: HTMLElement) {\n rootElement = root;\n const ro = getResizeObserver();\n ro.observe(root);\n return () => {\n ro.disconnect();\n };\n },\n _observeItem(el: HTMLElement, rowIndex: number, colIndex: number) {\n const ro = getResizeObserver();\n mountedIndexes.set(el, [rowIndex, colIndex]);\n maybeCachedRowIndexes.add(rowIndex);\n maybeCachedColIndexes.add(colIndex);\n ro.observe(el);\n return () => {\n mountedIndexes.delete(el);\n ro.unobserve(el);\n };\n },\n _isJustResized(horizontal?: boolean): boolean {\n const prev = horizontal ? widthResized : heightResized;\n if (horizontal) {\n widthResized = false;\n } else {\n heightResized = false;\n }\n return prev;\n },\n };\n};\n\nexport type GridResizer = ReturnType<typeof createGridResizer>;\n","import {\n memo,\n useRef,\n useMemo,\n CSSProperties,\n ReactElement,\n forwardRef,\n ReactNode,\n RefObject,\n useState,\n} from \"react\";\nimport { VirtualStore, createVirtualStore } from \"../core/store\";\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\";\nimport { useSyncExternalStore } from \"./useSyncExternalStore\";\nimport { max, min } from \"../core/utils\";\nimport { createScroller } from \"../core/scroller\";\nimport { refKey } from \"./utils\";\nimport { useStatic } from \"./useStatic\";\nimport { WindowComponentAttributes } from \"..\";\nimport { createGridResizer, GridResizer } from \"../core/resizer\";\n\nconst genKey = (i: number, j: number) => `${i}-${j}`;\n\n/**\n * Props of customized cell component for {@link VGrid}.\n */\nexport interface CustomCellComponentProps {\n style: CSSProperties;\n children: ReactNode;\n}\n\nexport type CustomCellComponent = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<CustomCellComponentProps> & React.RefAttributes<any>\n>;\n\ntype CustomCellComponentOrElement =\n | keyof JSX.IntrinsicElements\n | CustomCellComponent;\n\ntype CellProps = {\n _children: ReactNode;\n _resizer: GridResizer;\n _verticalStore: VirtualStore;\n _horizontalStore: VirtualStore;\n _rowIndex: number;\n _colIndex: number;\n _element: \"div\";\n};\n\nconst Cell = memo(\n ({\n _children: children,\n _resizer: resizer,\n _verticalStore: verticalStore,\n _horizontalStore: horizontalStore,\n _rowIndex: rowIndex,\n _colIndex: colIndex,\n _element: Element,\n }: CellProps): ReactElement => {\n const ref = useRef<HTMLDivElement>(null);\n\n const top = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemOffset(rowIndex)\n );\n const left = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemOffset(colIndex)\n );\n const vHide = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._isUnmeasuredItem(rowIndex)\n );\n const hHide = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._isUnmeasuredItem(colIndex)\n );\n const height = useSyncExternalStore(verticalStore._subscribe, () =>\n verticalStore._getItemSize(rowIndex)\n );\n const width = useSyncExternalStore(horizontalStore._subscribe, () =>\n horizontalStore._getItemSize(colIndex)\n );\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n useIsomorphicLayoutEffect(\n () => resizer._observeItem(ref[refKey]!, rowIndex, colIndex),\n [colIndex, rowIndex]\n );\n\n return (\n <Element\n ref={ref}\n style={useMemo((): CSSProperties => {\n const style: CSSProperties = {\n display: \"grid\",\n margin: 0,\n padding: 0,\n position: \"absolute\",\n top: top,\n [verticalStore._isRtl() ? \"right\" : \"left\"]: left,\n visibility: vHide || hHide ? \"hidden\" : \"visible\",\n minHeight: height,\n minWidth: width,\n };\n return style;\n }, [top, left, width, height, vHide, hHide])}\n >\n {children}\n </Element>\n );\n }\n);\n\n/**\n * Props of customized scrollable component for {@link VGrid}.\n */\nexport interface CustomGridWindowComponentProps {\n children: ReactNode;\n scrollWidth: number;\n scrollHeight: number;\n scrolling: boolean;\n attrs: WindowComponentAttributes;\n}\n\nconst DefaultWindow = forwardRef<any, CustomGridWindowComponentProps>(\n (\n { children, scrollWidth, scrollHeight, scrolling, attrs },\n ref\n ): ReactElement => {\n return (\n <div ref={ref} {...attrs}>\n <div\n style={useMemo((): CSSProperties => {\n return {\n position: \"relative\",\n visibility: \"hidden\",\n width: scrollWidth,\n height: scrollHeight,\n pointerEvents: scrolling ? \"none\" : \"auto\",\n };\n }, [scrollWidth, scrollHeight, scrolling])}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type CustomGridWindowComponent = typeof DefaultWindow;\n\nconst Window = ({\n _children: children,\n _ref: ref,\n _vStore: vStore,\n _hStore: hStore,\n _element: Element,\n _scrolling: scrolling,\n _attrs: attrs,\n}: {\n _children: ReactNode;\n _ref: RefObject<HTMLDivElement>;\n _vStore: VirtualStore;\n _hStore: VirtualStore;\n _element: CustomGridWindowComponent;\n _scrolling: boolean;\n _attrs: WindowComponentAttributes;\n}) => {\n const height = useSyncExternalStore(vStore._subscribe, vStore._getScrollSize);\n const width = useSyncExternalStore(hStore._subscribe, hStore._getScrollSize);\n\n return (\n <Element\n ref={ref}\n scrollWidth={width}\n scrollHeight={height}\n scrolling={scrolling}\n attrs={useMemo(\n () => ({\n ...attrs,\n style: {\n overflow: \"auto\",\n contain: \"strict\",\n // transform: \"translate3d(0px, 0px, 0px)\",\n // willChange: \"scroll-position\",\n // backfaceVisibility: \"hidden\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: 0,\n ...attrs.style,\n },\n }),\n [attrs]\n )}\n >\n {children}\n </Element>\n );\n};\n\n/**\n * Methods of {@link VGrid}.\n */\nexport interface VGridHandle {}\n\n/**\n * Props of {@link VGrid}.\n */\nexport interface VGridProps extends WindowComponentAttributes {\n /**\n * A function to create elements rendered by this component.\n */\n children: (arg: {\n /**\n * row index of cell\n */\n rowIndex: number;\n /**\n * column index of cell\n */\n colIndex: number;\n }) => ReactNode;\n /**\n * Total row length of grid.\n */\n row: number;\n /**\n * Total column length of grid.\n */\n col: number;\n /**\n * Cell height hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 40\n */\n cellHeight?: number;\n /**\n * Cell width hint for unmeasured items. It's recommended to specify this prop if item sizes are fixed and known, or much larger than the defaultValue. It will help to reduce scroll jump when items are measured.\n * @defaultValue 100\n */\n cellWidth?: number;\n /**\n * Number of items to render above/below the visible bounds of the grid. You can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 2\n */\n overscan?: number;\n /**\n * If set, the specified amount of rows will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialRowCount?: number;\n /**\n * If set, the specified amount of cols will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.\n */\n initialColCount?: number;\n /**\n * You have to set true if you use this component under `direction: rtl` style.\n */\n rtl?: boolean;\n /**\n * Customized element type for scrollable element. This element will get {@link CustomGridWindowComponentProps} as props.\n * @defaultValue {@link DefaultWindow}\n */\n element?: CustomGridWindowComponent;\n /**\n * Customized element type for cell element. This element will get {@link CustomCellComponentProps} as props.\n * @defaultValue \"div\"\n */\n cellElement?: CustomCellComponentOrElement;\n}\n\n/**\n * Virtualized grid component. See {@link VGridProps} and {@link VGridHandle}.\n */\nexport const VGrid = forwardRef<VGridHandle, VGridProps>(\n (\n {\n children,\n row: rowCount,\n col: colCount,\n cellHeight = 40,\n cellWidth = 100,\n overscan = 2,\n initialRowCount,\n initialColCount,\n rtl: rtlProp,\n element = DefaultWindow,\n cellElement: itemElement = \"div\",\n ...windowAttrs\n },\n _ref // TODO implement\n ): ReactElement => {\n const [verticalScrolling, setVerticalScrolling] = useState(false);\n const [horizontalScrolling, setHorizontalScrolling] = useState(false);\n // https://github.com/facebook/react/issues/25191#issuecomment-1237456448\n const [vStore, hStore, resizer, vScroller, hScroller] = useStatic(() => {\n const dummy = () => {};\n const _vs = createVirtualStore(\n rowCount,\n cellHeight,\n false,\n !!rtlProp,\n initialRowCount,\n setVerticalScrolling,\n dummy\n );\n const _hs = createVirtualStore(\n colCount,\n cellWidth,\n true,\n !!rtlProp,\n initialColCount,\n setHorizontalScrolling,\n dummy\n );\n const resizer = createGridResizer(_vs, _hs);\n return [\n _vs,\n _hs,\n resizer,\n createScroller(_vs, () => resizer._isJustResized()),\n createScroller(_hs, () => resizer._isJustResized(true)),\n ];\n });\n // The elements length and cached items length are different just after element is added/removed.\n vStore._updateCacheLength(rowCount);\n hStore._updateCacheLength(colCount);\n\n const [startRowIndex, endRowIndex] = useSyncExternalStore(\n vStore._subscribe,\n vStore._getRange\n );\n const [startColIndex, endColIndex] = useSyncExternalStore(\n hStore._subscribe,\n hStore._getRange\n );\n const verticalJump = useSyncExternalStore(\n vStore._subscribe,\n vStore._getJump\n );\n const horizontalJump = useSyncExternalStore(\n hStore._subscribe,\n hStore._getJump\n );\n const rootRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef[refKey]!;\n const unobserve = resizer._observeRoot(root);\n const vCleanup = vScroller._initRoot(root);\n const hCleanup = hScroller._initRoot(root);\n return () => {\n unobserve();\n vCleanup();\n hCleanup();\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (verticalJump.length) {\n vScroller._fixScrollJump(verticalJump, startRowIndex);\n }\n }, [verticalJump]);\n useIsomorphicLayoutEffect(() => {\n if (horizontalJump.length) {\n hScroller._fixScrollJump(horizontalJump, startColIndex);\n }\n }, [horizontalJump]);\n\n const render = useMemo(() => {\n const cache = new Map<string, ReactNode>();\n return (rowIndex: number, colIndex: number) => {\n let e: ReactNode | undefined = cache.get(genKey(rowIndex, colIndex));\n if (!e) {\n cache.set(\n genKey(rowIndex, colIndex),\n (e = children({ rowIndex, colIndex }))\n );\n }\n return e;\n };\n }, [children]);\n\n const startRowIndexWithMargin = max(startRowIndex - overscan, 0);\n const endRowIndexWithMargin = min(endRowIndex + overscan, rowCount - 1);\n const startColIndexWithMargin = max(startColIndex - overscan, 0);\n const endColIndexWithMargin = min(endColIndex + overscan, colCount - 1);\n const items = useMemo(() => {\n const res: ReactElement[] = [];\n for (let i = startRowIndexWithMargin; i <= endRowIndexWithMargin; i++) {\n for (let j = startColIndexWithMargin; j <= endColIndexWithMargin; j++) {\n res.push(\n <Cell\n key={genKey(i, j)}\n _resizer={resizer}\n _verticalStore={vStore}\n _horizontalStore={hStore}\n _rowIndex={i}\n _colIndex={j}\n _element={itemElement as \"div\"}\n _children={render(i, j)}\n />\n );\n }\n }\n\n return res;\n }, [\n render,\n startRowIndexWithMargin,\n endRowIndexWithMargin,\n startColIndexWithMargin,\n endColIndexWithMargin,\n ]);\n\n return (\n <Window\n _ref={rootRef}\n _vStore={vStore}\n _hStore={hStore}\n _element={element}\n _scrolling={verticalScrolling || horizontalScrolling}\n _children={items}\n _attrs={windowAttrs}\n />\n );\n }\n);\n"],"names":["min","Math","max","now","Date","exists","v","range","length","cb","Array","from","_","i","once","fn","called","cache","args","getItemSize","index","size","_sizes","_defaultItemSize","computeOffset","isTotal","_length","_measuredOffsetIndex","_offsets","top","computeStartOffset","findIndex","distance","sum","h","findStartIndexWithOffset","offset","prevStartIndex","prevOffset","findEndIndex","resetCache","itemSize","createVirtualStore","itemCount","isHorizontal","isRtl","initialItemCount","onScrollStateChange","onScrollOffsetChange","_scrollToQueue","viewportSize","scrollOffset","jump","scrollDirection","_prevRange","subscribers","Set","_getRange","prevEndIndex","start","end","_isUnmeasuredItem","_hasUnmeasuredItemsInRange","startIndex","hasUnmeasuredItemsInRange","endIndex","_getItemOffset","_getItemSize","_getScrollOffset","_getViewportSize","_getScrollSize","computeTotalSize","_getJump","_isHorizontal","_isRtl","_getItemIndexForScrollTo","_waitForScrollDestinationItemsMeasured","Promise","resolve","reject","then","undefined","_subscribe","add","delete","_update","type","payload","mutated","updated","filter","updatedJump","forEach","push","setItemSize","_getScrollDirection","_setScrollDirection","dir","prev","_updateCacheLength","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useSyncExternalStore","subscibe","getSnapShot","_useSyncExternalStore","hasNegativeOffsetInRtl","scrollable","key","isNegative","createScroller","store","isJustResized","rootElement","scrollToKey","getActualScrollSize","scrollWidth","scrollHeight","normalizeRtlOffset","diff","scrollTo","scrollManually","async","getCurrentOffset","getOffset","scrollSize","e","calcTotalJump","reduce","acc","j","_initRoot","root","syncViewportToScrollPosition","resized","onScrollStopped","debounce","id","cancel","clearTimeout","debouncedFn","setTimeout","_cancel","onScroll","onWheel","throttle","time","n","ctrlKey","deltaX","deltaY","addEventListener","passive","removeEventListener","_getActualScrollSize","_scrollTo","_scrollToIndex","count","_fixScrollJump","allDiff","refKey","useStatic","init","ref","useRef","useRefWithUpdate","value","Item","memo","_children","children","_resizer","resizer","_store","_index","_element","Element","hide","_observeItem","_jsx","style","useMemo","leftOrRightKey","margin","padding","position","visibility","display","DefaultWindow","forwardRef","scrolling","horizontal","attrs","width","height","pointerEvents","Window","Window$1","_ref","_scrolling","_attrs","overflow","contain","VList","itemSizeProp","overscan","horizontalProp","rtl","rtlProp","element","itemElement","onScrollProp","onScrollStop","onScrollStopProp","onRangeChange","onRangeChangeProp","windowAttrs","elements","arr","Children","isInvalidElement","mountedIndexes","reset","useState","setScrolling","scroller","isScrolling","sizeKey","WeakMap","getResizeObserver","ResizeObserver","entries","resizes","target","contentRect","get","_observeRoot","ro","observe","disconnect","el","set","unobserve","_isJustResized","createResizer","rootRef","cleanup","useImperativeHandle","scrollToIndex","scrollBy","startIndexWithMargin","endIndexWithMargin","items","res","genKey","Cell","_verticalStore","verticalStore","_horizontalStore","horizontalStore","_rowIndex","rowIndex","_colIndex","colIndex","left","vHide","hHide","minHeight","minWidth","_vStore","vStore","_hStore","hStore","VGrid","row","rowCount","col","colCount","cellHeight","cellWidth","initialRowCount","initialColCount","cellElement","verticalScrolling","setVerticalScrolling","horizontalScrolling","setHorizontalScrolling","vScroller","hScroller","dummy","_vs","_hs","createGridResizer","heightResized","widthResized","heightKey","widthKey","maybeCachedRowIndexes","maybeCachedColIndexes","sizeCache","Map","getKey","resizedRows","resizedCols","cell","prevSize","rowResized","colResized","heightResizes","maxHeight","widthResizes","maxWidth","startRowIndex","endRowIndex","startColIndex","endColIndex","verticalJump","horizontalJump","vCleanup","hCleanup","render","startRowIndexWithMargin","endRowIndexWithMargin","startColIndexWithMargin","endColIndexWithMargin"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "virtua",
3
- "version": "0.2.3",
4
- "description": "A zero-config, fast and small (3kB) virtual list and grid component for React.",
3
+ "version": "0.2.4",
4
+ "description": "A zero-config, fast and small (~3kB) virtual list and grid component for React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.mjs",
7
7
  "types": "lib/index.d.ts",
@@ -30,15 +30,15 @@
30
30
  "@dnd-kit/sortable": "7.0.2",
31
31
  "@emotion/react": "11.10.8",
32
32
  "@emotion/styled": "11.10.8",
33
- "@faker-js/faker": "7.6.0",
33
+ "@faker-js/faker": "8.0.2",
34
34
  "@mui/material": "5.12.3",
35
- "@playwright/test": "^1.33.0",
35
+ "@playwright/test": "^1.34.3",
36
36
  "@rollup/plugin-babel": "6.0.3",
37
37
  "@rollup/plugin-terser": "0.4.3",
38
38
  "@rollup/plugin-typescript": "11.1.1",
39
- "@storybook/addon-docs": "7.0.8",
40
- "@storybook/react": "7.0.8",
41
- "@storybook/react-vite": "^7.0.8",
39
+ "@storybook/addon-docs": "7.0.18",
40
+ "@storybook/react": "7.0.18",
41
+ "@storybook/react-vite": "^7.0.18",
42
42
  "@storybook/test-runner": "0.10.0",
43
43
  "@tanstack/react-virtual": "3.0.0-alpha.0",
44
44
  "@testing-library/react": "14.0.0",
@@ -48,7 +48,7 @@
48
48
  "@types/use-sync-external-store": "0.0.3",
49
49
  "@typescript-eslint/parser": "5.59.2",
50
50
  "concurrently": "8.0.1",
51
- "eslint": "8.39.0",
51
+ "eslint": "8.42.0",
52
52
  "eslint-plugin-react-hooks": "4.6.0",
53
53
  "jest": "29.5.0",
54
54
  "jest-environment-jsdom": "29.5.0",
@@ -65,14 +65,14 @@
65
65
  "react-virtuoso": "4.3.5",
66
66
  "react-window": "1.8.9",
67
67
  "rimraf": "5.0.0",
68
- "rollup": "3.21.5",
69
- "storybook": "^7.0.8",
68
+ "rollup": "3.23.0",
69
+ "storybook": "^7.0.18",
70
70
  "ts-jest": "29.1.0",
71
71
  "typedoc": "0.24.7",
72
72
  "typedoc-plugin-markdown": "3.15.3",
73
- "typescript": "5.0.4",
74
- "virtua": "^0.2.0",
75
- "vite": "4.3.4",
73
+ "typescript": "5.1.3",
74
+ "virtua": "^0.2.3",
75
+ "vite": "4.3.9",
76
76
  "wait-on": "7.0.1"
77
77
  },
78
78
  "peerDependencies": {