virtua 0.24.0 → 0.26.0

package/README.md

@@ -315,7 +315,7 @@ It may be dispatched by ResizeObserver in this lib [as described in spec](https:
 | Horizontal scroll                                  | ✅                                                                                                               | ❌                                                                                                                               | ✅ ([may be dropped in v2](https://github.com/bvaughn/react-window/issues/302))                                              | ✅                                                                                                                                                                     | 🟠 (needs customization)                                                                                                                           | ✅                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
 | Horizontal scroll in RTL direction                 | ✅                                                                                                               | ❌                                                                                                                               | ✅ ([may be dropped in v2](https://github.com/bvaughn/react-window/issues/302))                                              | ❌                                                                                                                                                                     | ❌                                                                                                                                                 | ❌                                                                                                                                                 | ❌                                                                                                                                       |
 | Grid (Virtualization for two dimension)            | 🟠 (experimental_VGrid)                                                                                          | ❌                                                                                                                               | ✅ (FixedSizeGrid / VariableSizeGrid)                                                                                        | ✅ ([Grid](https://github.com/bvaughn/react-virtualized/blob/master/docs/Grid.md))                                                                                     | 🟠 (needs customization)                                                                                                                           | ❌                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
-| Table                                              | 🟠 (needs customization)                                                                                         | ✅ (TableVirtuoso)                                                                                                               | 🟠 (needs customization)                                                                                                     | ✅ ([Table](https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md))                                                                                   | 🟠 (needs customization)                                                                                                                           | ❌                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
+| Table                                              | 🟠 (needs customization)                                                                                         | ✅ (TableVirtuoso)                                                                                                               | 🟠 (needs customization)                                                                                                     | 🟠 ([Table](https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md) but it's built with div)                                                           | 🟠 (needs customization)                                                                                                                           | ❌                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
 | Window scroller                                    | ✅ (WindowVirtualizer)                                                                                           | ✅                                                                                                                               | ❌                                                                                                                           | ✅ ([WindowScroller](https://github.com/bvaughn/react-virtualized/blob/master/docs/WindowScroller.md))                                                                 | ✅                                                                                                                                                 | ❌                                                                                                                                                 | ❌                                                                                                                                       |
 | 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))                                                                     | ✅                                                                                                                                                 | ❌                                                                                                                                                 | ✅                                                                                                                                       |
 | Dynamic item size                                  | ✅                                                                                                               | ✅                                                                                                                               | 🟠 (needs additional codes and has wrong destination when scrolling to item imperatively)                                    | 🟠 (needs [CellMeasurer](https://github.com/bvaughn/react-virtualized/blob/master/docs/CellMeasurer.md) and has wrong destination when scrolling to item imperatively) | 🟠 (has wrong destination when scrolling to item imperatively)                                                                                     | ❌                                                                                                                                                 | 🟠 (has wrong destination when scrolling to item imperatively)                                                                           |

package/lib/index.js

@@ -1,3 +1,3 @@
 "use client";
-var e=require("react/jsx-runtime"),t=require("react"),n=require("react-dom");const r=Math.min,o=Math.max,i=Math.abs,s=Object.values,l=Array.isArray,c=setTimeout,a=(e,t,n)=>r(n,o(t,e)),u=e=>null!=e,h="function"==typeof queueMicrotask?queueMicrotask:e=>{Promise.resolve().then(e)},d=e=>{let t,n;return(...r)=>(t||(t=!0,n=e(...r)),n)},f=-1,_=(e,t,n)=>{const r=n?"unshift":"push";for(let n=0;n<t;n++)e[r](f);return e},g=(e,t)=>{const n=e.t[t];return n===f?e.o:n},p=(e,t)=>{if(!e.i)return 0;if(e.l>=t)return e.u[t];e.l<0&&(e.u[0]=0,e.l=0);let n=e.l,r=e.u[n];for(;n<t;)r+=g(e,n),e.u[++n]=r;return e.l=t,r},v=(e,t,n)=>{let r=p(e,n);for(;n>=0&&n<e.i;)if(r<=t){const o=g(e,n);if(r+o>t)break;r+=o,n++}else r-=g(e,--n);return a(n,0,e.i-1)},m=(e,t,n,o)=>{const i=v(e,t,r(n,e.i-1));return[i,v(e,t+o,i)]},w=(e,t,n)=>{const o=t-e.i,i=o>0;let s;return i?(s=e.o*o,_(e.t,o,n),_(e.u,o)):(s=(n?e.t.splice(0,-o):e.t.splice(o)).reduce(((t,n)=>t+(n===f?e.o:n)),0),e.u.splice(o)),e.l=n?-1:r(t-1,e.l),e.i=t,[s,i]},S="undefined"!=typeof window,b=()=>document.documentElement,y=e=>e.ownerDocument,z=e=>e.defaultView,x=/*#__PURE__*/d((()=>!!S&&"rtl"===getComputedStyle(b()).direction)),I=/*#__PURE__*/d((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),R=/*#__PURE__*/d((()=>"scrollBehavior"in b().style)),k=e=>o(e.h(),e._()),C=(e,t,n)=>o(e-(1===n?1:o(1,t)),0),M=(e,t,n,i)=>r(e+(2===n?1:o(1,t)),i-1),T=(e,t,n)=>t.reduce(((t,[r,o])=>{const i=o-g(e,r);return(!n||i>0)&&(t+=i),t}),0),E=(e,t=40,n=0,s,l,c=0,u=0)=>{let h=!!n,d=[],v=0,S=0,b=0,y=0,z=0,x=!1,R=0,k=0,C=0,M=h?[0,o(n-1,0)]:null,E=[0,0];const O=s||((e,t)=>({o:t,i:e,l:-1,t:_([],e),u:_([],e)}))(e,t),H=new Set,J=()=>(e=>e.i?p(e,e.i-1)+g(e,e.i-1):0)(O),W=()=>J()+c+u,q=()=>o(0,W()-v),B=e=>{I()&&0!==k?z+=e:(y+=e,b++)};return{p:()=>d,v:()=>JSON.parse(JSON.stringify(O)),m:()=>M?[r(E[0],M[0]),o(E[1],M[1])]:R?E:E=m(O,S-c+z+y,E[0],v),S:e=>O.t[e]===f,I:()=>!!M&&O.t.slice(o(0,M[0]-1),r(O.i-1,M[1]+1)+1).includes(f),R:e=>p(O,e)-z,k:e=>g(O,e),C:()=>O.i,M:()=>S,T:()=>k,_:()=>v,O:()=>c,H:()=>u,h:J,J:()=>b,W(){const e=y,t=x;return y=0,x=!1,v>W()?[0,!1]:[R=e,t]},q(e,t){const n=[e,t];return H.add(n),()=>{H.delete(n)}},B(e,t){let n,o,s=0;switch(e){case 1:{const e=t.filter((([e,t])=>O.t[e]!==t));if(!e.length)break;let n=0;if(0===S);else if(S>q()-1.5)n=T(O,e,!0);else if(2===C)n=T(O,e);else{const[t]=E;n=T(O,e.filter((([e])=>e<t)))}n&&B(n);let i=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.t[t]===f;return e.t[t]=n,e.l=r(t,e.l),o})(O,e,t)&&(i=!0)})),l&&i&&!S&&(e=>{const t=e.t.filter((e=>e!==f)),n=t[0];e.o=t.every((e=>e===n))?n:(e=>{const t=[...e].sort(((e,t)=>e-t)),n=e.length/2|0;return t.length%2==0?(t[n-1]+t[n])/2:t[n]})(t)})(O),s=2,o=!0;break}case 2:v!==t&&(v=t,s=2);break;case 3:if(t[1]){const e=q()-S,[n,o]=w(O,t[0],!0);B(o?n:-r(n,e)),o&&(C=2,x=!0),s=1}else w(O,t[0]);break;case 4:{const e=a(t,0,q()),n=R;if(R=0,e===S)break;const r=e-S,l=i(r);n&&l<i(n)+1||0!==C||(k=r<0?2:1),h&&(M=null,h=!1),o=l>v,S=e,s=5;break}case 5:s=8,0!==k&&(n=!0,s+=1),k=0,C=0,M=null;break;case 6:C=1;break;case 7:M=m(O,t,E[0],v),s=1}s&&(d=[],n&&z&&(y+=z,z=0,b++),H.forEach((([e,t])=>{s&e&&t(o)})))}}},O=S?t.useLayoutEffect:t.useEffect,H=(e,t)=>t&&x()?-e:e,J=(e,t,n,r,o)=>{const i=Date.now;let s=0,l=!1,a=!1,h=!1,d=!1;const f=(()=>{let t;const n=()=>{u(t)&&clearTimeout(t)},r=()=>{n(),t=c((()=>{t=null,(()=>{if(l||a)return l=!1,void f();h=!1,e.B(5)})()}),150)};return r.$=n,r})(),_=()=>{s=i(),h&&(d=!0),e.B(4,r()),f()},g=t=>{if(l||0===e.T()||t.ctrlKey)return;const r=i()-s;150>r&&50<r&&(n?t.deltaX:t.deltaY)&&(l=!0)},p=()=>{a=!0,h=d=!1},v=()=>{a=!1,I()&&(h=!0)};return t.addEventListener("scroll",_),t.addEventListener("wheel",g,{passive:!0}),t.addEventListener("touchstart",p,{passive:!0}),t.addEventListener("touchend",v,{passive:!0}),{A:()=>{t.removeEventListener("scroll",_),t.removeEventListener("wheel",g),t.removeEventListener("touchstart",p),t.removeEventListener("touchend",v),f.$()},L:()=>{const[t,n]=e.W();if(t)return o(t,d),d=!1,n}}},W=(e,t)=>{let n,r,o;const i=t?"scrollLeft":"scrollTop",s=t?"overflowX":"overflowY",l=async(r,s)=>{if(!n)return void h((()=>l(r,s)));o&&o();const a=()=>{let t;return[new Promise(((e,n)=>{t=e,c(o=n,150)})),e.q(2,(()=>{t&&t()}))]};if(s&&R()){for(;e.B(7,r()),e.I();){const[e,t]=a();try{await e}catch(e){return}finally{t()}}n.scrollTo({[t?"left":"top"]:H(r(),t),behavior:"smooth"})}else for(;;){const[o,s]=a();try{n[i]=H(r(),t),e.B(6),await o}catch(e){return}finally{s()}}};return{P(o){n=o,r=J(e,o,t,(()=>H(o[i],t)),((e,n)=>{if(n){const e=o.style,t=e[s];e[s]="hidden",c((()=>{e[s]=t}))}o[i]+=H(e,t)}))},A(){r&&r.A()},X(e){l((()=>e))},Y(t){t+=e.M(),l((()=>t))},j(t,{align:n,smooth:r}={}){if(t=a(t,0,e.C()-1),"nearest"===n){const r=e.R(t),o=e.M();if(r<o)n="start";else{if(!(r+e.k(t)>o+e._()))return;n="end"}}l((()=>e.O()+("end"===n?e.R(t)+e.k(t)-e._():"center"===n?e.R(t)+(e.k(t)-e._())/2:e.R(t))),r)},L:()=>{r&&r.L()&&o&&o()}}},q=(e,t)=>{let n;return{P(r){const o=t?"scrollX":"scrollY",i=y(r),s=z(i),l=i.body,c=(e,t,n,r=0)=>{const o=n?"offsetLeft":"offsetTop",i=r+(n&&x()?s.innerWidth-e[o]-e.offsetWidth:e[o]),l=e.offsetParent;return e!==t&&l?c(l,t,n,i):i};n=J(e,s,t,(()=>H(s[o],t)-c(r,l,t)),(e=>{s.scrollBy(t?H(e,t):0,t?0:e)}))},A(){n&&n.A()},L:()=>{n&&n.L()}}},B="current",$=(e,t)=>{if(l(e))for(const n of e)$(n,t);else u(e)&&"boolean"!=typeof e&&t.push(e)},A=(e,t)=>{const n=e.key;return u(n)?n:"_"+t},L=e=>{const n=t.useRef();return n[B]||(n[B]=e())},P=e=>{const n=t.useRef(e);return O((()=>{n[B]=e}),[e]),n},X=e=>{let t;return{P(n){(t||(t=new(z(y(n)).ResizeObserver)(e))).observe(n)},D(e){t.unobserve(e)},A(){t&&t.disconnect()}}},Y=(e,t)=>{let n;const r=t?"width":"height",o=new WeakMap,i=X((t=>{const i=[];for(const{target:s,contentRect:l}of t)if(s.offsetParent)if(s===n)e.B(2,l[r]);else{const e=o.get(s);u(e)&&i.push([e,l[r]])}i.length&&e.B(1,i)}));return{N(e){i.P(n=e)},U:(e,t)=>(o.set(e,t),i.P(e),()=>{o.delete(e),i.D(e)}),A:i.A}},j=(e,t)=>{const n=t?"width":"height",r=t?"innerWidth":"innerHeight",o=new WeakMap,i=X((t=>{const r=[];for(const{target:e,contentRect:i}of t){if(!e.offsetParent)continue;const t=o.get(e);u(t)&&r.push([t,i[n]])}r.length&&e.B(1,r)}));let s;return{N(t){const n=z(y(t)),o=()=>{e.B(2,n[r])};n.addEventListener("resize",o),o(),s=()=>{n.removeEventListener("resize",o)}},U:(e,t)=>(o.set(e,t),i.P(e),()=>{o.delete(e),i.D(e)}),A(){s&&s(),i.A()}}},D=(e,t)=>{let n;const r="height",i="width",s=new WeakMap,l=new Set,c=new Set,a=new Map,u=(e,t)=>`${e}-${t}`,h=X((h=>{const d=new Set,f=new Set;for(const{target:o,contentRect:l}of h)if(o.offsetParent)if(o===n)e.B(2,l[r]),t.B(2,l[i]);else{const e=s.get(o);if(e){const[t,n]=e,o=u(t,n),s=a.get(o),c=[l[r],l[i]];let h,_;s?(s[0]!==c[0]&&(h=!0),s[1]!==c[1]&&(_=!0)):h=_=!0,h&&d.add(t),_&&f.add(n),(h||_)&&a.set(o,c)}}if(d.size){const t=[];d.forEach((e=>{let n=0;c.forEach((t=>{const r=a.get(u(e,t));r&&(n=o(n,r[0]))})),n&&t.push([e,n])})),e.B(1,t)}if(f.size){const e=[];f.forEach((t=>{let n=0;l.forEach((e=>{const r=a.get(u(e,t));r&&(n=o(n,r[1]))})),n&&e.push([t,n])})),t.B(1,e)}}));return{N(e){h.P(n=e)},U:(e,t,n)=>(s.set(e,[t,n]),l.add(t),c.add(n),h.P(e),()=>{s.delete(e),h.D(e)}),A:h.A}},N=t.memo((({V:n,F:r,G:o,K:i,Z:s,ee:l,te:c,ne:a})=>{const u=t.useRef(null);O((()=>r(u[B],o)),[o]);const h=t.useMemo((()=>{const e={margin:0,padding:0,position:s&&a?void 0:"absolute",[c?"height":"width"]:"100%",[c?"top":"left"]:0,[c?x()?"right":"left":"top"]:i,visibility:!s||a?"visible":"hidden"};return c&&(e.display="flex"),e}),[i,s,a]);return"string"==typeof l?e.jsx(l,{ref:u,style:h,children:n}):e.jsx(l,{ref:u,style:h,index:o,children:n})})),U=e=>t.useReducer(e.p,void 0,e.p)[1],V=(e,n)=>t.useMemo((()=>{if("function"==typeof e)return[e,n||0];const t=(e=>{const t=[];return $(e,t),t})(e);return[e=>t[e],t.length]}),[e,n]),F=t.forwardRef((({children:r,count:i,overscan:s=4,itemSize:l,shift:c,horizontal:a,reverse:u,cache:d,startMargin:f,endMargin:_,ssrCount:g,as:p="div",item:v="div",scrollRef:m,onScroll:w,onScrollEnd:S,onRangeChange:b},y)=>{const[z,x]=V(r,i),I=t.useRef(null),R=t.useRef(!!g),T=P(w),H=P(S),[J,q,$,X]=L((()=>{const e=!!a,t=E(x,l,g,d,!l,f,_);return[t,Y(t,e),W(t,e),e]}));x!==J.C()&&J.B(3,[x,c]);const j=U(J),[D,F]=J.m(),G=J.T(),K=J.J(),Q=J.h(),Z=(e=>o(e.h(),e._()-e.O()-e.H()))(J),ee=u?o(0,Z-Q):0,te=[];O((()=>{R[B]=!1;const e=J.q(3,(e=>{e?n.flushSync(j):j()})),t=J.q(4,(()=>{T[B]&&T[B](J.M())})),r=J.q(8,(()=>{H[B]&&H[B]()})),o=e=>{q.N(e),$.P(e)};return m?h((()=>o(m[B]))):o(I[B].parentElement),()=>{e(),t(),r(),q.A(),$.A()}}),[]),O((()=>{$.L()}),[K]),t.useEffect((()=>{b&&b(D,F)}),[D,F]),t.useImperativeHandle(y,(()=>({get cache(){return J.v()},get scrollOffset(){return J.M()},get scrollSize(){return k(J)},get viewportSize(){return J._()},scrollToIndex:$.j,scrollTo:$.X,scrollBy:$.Y})),[]);for(let t=C(D,s,G),n=M(F,s,G,x);t<=n;t++){const n=z(t);te.push(e.jsx(N,{F:q.U,G:t,K:J.R(t)+ee,Z:J.S(t),ee:v,V:n,te:X,ne:R[B]},A(n,t)))}return e.jsx(p,{ref:I,style:{overflowAnchor:"none",flex:"none",position:"relative",visibility:"hidden",width:X?Q:"100%",height:X?"100%":Q,[X?"minWidth":"minHeight"]:Z,pointerEvents:0!==G?"none":"auto"},children:te})})),G=t.forwardRef((({children:t,count:n,overscan:r,itemSize:o,shift:i,horizontal:s,reverse:l,cache:c,ssrCount:a,item:u,onScroll:h,onScrollEnd:d,onRangeChange:f,style:_,...g},p)=>e.jsx("div",{...g,style:{display:s?"inline-block":"block",[s?"overflowX":"overflowY"]:"auto",contain:"strict",width:"100%",height:"100%",..._},children:e.jsx(F,{ref:p,count:n,overscan:r,itemSize:o,shift:i,horizontal:s,reverse:l,cache:c,ssrCount:a,item:u,onScroll:h,onScrollEnd:d,onRangeChange:f,children:t})}))),K=t.forwardRef((({children:r,count:o,overscan:i=4,itemSize:s,shift:l,horizontal:c,cache:a,ssrCount:u,as:h="div",item:d="div",onScrollEnd:f,onRangeChange:_},g)=>{const[p,v]=V(r,o),m=t.useRef(null),w=P(f),S=t.useRef(!!u),[b,y,z,x]=L((()=>{const e=!!c,t=E(v,s,u,a,!s);return[t,j(t,e),q(t,e),e]}));v!==b.C()&&b.B(3,[v,l]);const I=U(b),[R,k]=b.m(),T=b.T(),H=b.J(),J=b.h(),W=[];O((()=>{S[B]=!1;const e=b.q(3,(e=>{e?n.flushSync(I):I()})),t=b.q(8,(()=>{w[B]&&w[B]()})),r=m[B];return y.N(r),z.P(r),()=>{e(),t(),y.A(),z.A()}}),[]),O((()=>{z.L()}),[H]),t.useEffect((()=>{_&&_(R,k)}),[R,k]),t.useImperativeHandle(g,(()=>({get cache(){return b.v()}})),[]);for(let t=C(R,i,T),n=M(k,i,T,v);t<=n;t++){const n=p(t);W.push(e.jsx(N,{F:y.U,G:t,K:b.R(t),Z:b.S(t),ee:d,V:n,te:x,ne:S[B]},A(n,t)))}return e.jsx(h,{ref:m,style:{flex:"none",position:"relative",visibility:"hidden",width:x?J:"100%",height:x?"100%":J,pointerEvents:0!==T?"none":"auto"},children:W})})),Q=t.forwardRef((({children:n,attrs:r,width:o,height:i,scrolling:s},l)=>e.jsx("div",{ref:l,...r,children:e.jsx("div",{style:t.useMemo((()=>({position:"relative",visibility:"hidden",width:null!=o?o:"100%",height:null!=i?i:"100%",pointerEvents:s?"none":"auto"})),[o,i,s]),children:n})}))),Z=(e,t)=>`${e}-${t}`,ee=t.memo((({V:n,F:r,re:o,oe:i,ie:s,se:l,le:c,ce:a,Z:u,ee:h})=>{const d=t.useRef(null);return O((()=>r.U(d[B],o,i)),[i,o]),e.jsx(h,{ref:d,style:t.useMemo((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:s,[x()?"right":"left"]:l,visibility:u?"hidden":"visible",minHeight:c,minWidth:a})),[s,l,a,c,u]),children:n})})),te=t.forwardRef((({children:r,row:o,col:i,cellHeight:l=40,cellWidth:c=100,overscan:a=2,initialRowCount:u,initialColCount:h,components:{Root:d=Q,Cell:f="div"}={},..._},g)=>{const[p,v,m,w,S]=L((()=>{const e=E(o,l,u),t=E(i,c,h);return[e,t,D(e,t),W(e,!1),W(t,!0)]}));o!==p.C()&&p.B(3,[o]),i!==v.C()&&v.B(3,[i]);const b=U(p),y=U(v),[z,x]=p.m(),[I,R]=v.m(),T=p.T(),H=v.T(),J=p.J(),q=v.J(),$=k(p),A=k(v),P=t.useRef(null);O((()=>{const e=P[B],t=p.q(3,(e=>{e?n.flushSync(b):b()})),r=v.q(3,(e=>{e?n.flushSync(y):y()}));return m.N(e),w.P(e),S.P(e),()=>{t(),r(),m.A(),w.A(),S.A()}}),[]),O((()=>{w.L()}),[J]),O((()=>{S.L()}),[q]),t.useImperativeHandle(g,(()=>({get scrollOffset(){return[v.M(),p.M()]},get scrollSize(){return[k(v),k(p)]},get viewportSize(){return[v._(),p._()]},scrollToIndex(e,t){S.j(e),w.j(t)},scrollTo(e,t){S.X(e),w.X(t)},scrollBy(e,t){S.Y(e),w.Y(t)}})),[]);const X=t.useMemo((()=>{const e=new Map;return(t,n)=>{let o=e.get(Z(t,n));return o||e.set(Z(t,n),o=r({rowIndex:t,colIndex:n})),o}}),[r]),Y=C(z,a,T),j=M(x,a,T,o),N=C(I,a,H),V=M(R,a,H,i),F=[];for(let t=Y;t<=j;t++)for(let n=N;n<=V;n++)F.push(e.jsx(ee,{F:m,re:t,oe:n,ie:p.R(t),se:v.R(n),le:p.k(t),ce:v.k(n),Z:p.S(t)||v.S(n),ee:f,V:X(t,n)},Z(t,n)));return e.jsx(d,{ref:P,width:A,height:$,scrolling:0!==T||0!==H,attrs:t.useMemo((()=>({..._,style:{overflow:"auto",overflowAnchor:"none",flex:"none",contain:"strict",width:"100%",height:"100%",..._.style}})),s(_)),children:F})}));exports.VList=G,exports.Virtualizer=F,exports.WindowVirtualizer=K,exports.experimental_VGrid=te;
+var e=require("react/jsx-runtime"),t=require("react"),n=require("react-dom");const o=Math.min,r=Math.max,i=Math.abs,s=Array.isArray,l=setTimeout,c=(e,t,n)=>o(n,r(t,e)),u=e=>null!=e,a="function"==typeof queueMicrotask?queueMicrotask:e=>{Promise.resolve().then(e)},f=e=>{let t,n;return(...o)=>(t||(t=!0,n=e(...o)),n)},d=-1,h=(e,t,n)=>{const o=n?"unshift":"push";for(let n=0;n<t;n++)e[o](d);return e},_=(e,t)=>{const n=e.t[t];return n===d?e.o:n},g=(e,t,n)=>{const r=e.t[t]===d;return e.t[t]=n,e.i=o(t,e.i),r},p=(e,t)=>{if(!e.l)return 0;if(e.i>=t)return e.u[t];e.i<0&&(e.u[0]=0,e.i=0);let n=e.i,o=e.u[n];for(;n<t;)o+=_(e,n),e.u[++n]=o;return e.i=t,o},v=(e,t,n)=>{let o=p(e,n);for(;n>=0&&n<e.l;)if(o<=t){const r=_(e,n);if(o+r>t)break;o+=r,n++}else o-=_(e,--n);return c(n,0,e.l-1)},m=(e,t,n,r)=>{const i=v(e,t,o(n,e.l-1));return[i,v(e,t+r,i)]},w=(e,t,n)=>{const r=t-e.l;let i;return r>0?(i=e.o*r,h(e.t,r,n),h(e.u,r)):(i=-(n?e.t.splice(0,-r):e.t.splice(r)).reduce(((t,n)=>t+(n===d?e.o:n)),0),e.u.splice(r)),e.i=n?-1:o(t-1,e.i),e.l=t,i},S="undefined"!=typeof window,y=()=>document.documentElement,b=e=>e.ownerDocument,x=e=>e.defaultView,z=/*#__PURE__*/f((()=>!!S&&"rtl"===getComputedStyle(y()).direction)),I=/*#__PURE__*/f((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),R=/*#__PURE__*/f((()=>"scrollBehavior"in y().style)),k=e=>r(e.h(),e._()),C=(e,t,n)=>r(e-(1===n?1:r(1,t)),0),M=(e,t,n,i)=>o(e+(2===n?1:r(1,t)),i-1),T=(e,t,n)=>t.reduce(((t,[o,r])=>{const i=r-_(e,o);return(!n||i>0)&&(t+=i),t}),0),E=(e,t=40,n=0,s,l=!1,u=0,a=0)=>{let f=!!n,v=[],S=0,y=0,b=0,x=0,z=0,R=!1,k=0,C=0,M=0,E=f?[0,r(n-1,0)]:null,H=[0,0],J=0;const O=s||((e,t)=>({o:t,l:e,i:-1,t:h([],e),u:h([],e)}))(e,t),W=new Set,q=()=>(e=>e.l?p(e,e.l-1)+_(e,e.l-1):0)(O),B=()=>q()+u+a,$=()=>r(0,B()-S),A=e=>{e&&(I()&&0!==C?z+=e:(x+=e,b++))};return{p:()=>v,v:()=>JSON.parse(JSON.stringify(O)),m:()=>E?[o(H[0],E[0]),r(H[1],E[1])]:k?H:H=m(O,y-u+z+x,H[0],S),S:e=>O.t[e]===d,I:()=>!!E&&O.t.slice(r(0,E[0]-1),o(O.l-1,E[1]+1)+1).includes(d),R:e=>p(O,e)-z,k:e=>_(O,e),C:()=>O.l,M:()=>y,T:()=>C,_:()=>S,H:()=>u,h:q,J:()=>b,O(){const e=x,t=R;return x=0,R=!1,S>B()?[0,!1]:[k=e,t]},W(e,t){const n=[e,t];return W.add(n),()=>{W.delete(n)}},q(e,t){let n,o,s=0;switch(e){case 1:{const e=t.filter((([e,t])=>O.t[e]!==t));if(!e.length)break;let n;if(2===M)n=y>$()-1.5?T(O,e,!0):T(O,e);else{const[t]=H;n=T(O,e.filter((([e])=>e<t)))}A(n);for(const[t,n]of e)g(O,t,n)&&l&&(J+=n);l&&S&&J>S&&(A(((e,t)=>{let n=0;const o=e.t.filter(((e,o)=>{const r=e!==d;return r&&o<t&&n++,r})),i=e.o;return e.i=-1,((e.o=(e=>{const t=[...e].sort(((e,t)=>e-t)),n=e.length/2|0;return t.length%2==0?(t[n-1]+t[n])/2:t[n]})(o))-i)*r(t-n,0)})(O,H[0])),l=!1),s=2,o=!0;break}case 2:S!==t&&(S=t,s=2);break;case 3:t[1]?(A(w(O,t[0],!0)),M=2,R=!0,s=1):w(O,t[0]);break;case 4:{const e=c(t,0,$()),n=k;if(k=0,e===y)break;const r=e-y,l=i(r);n&&l<i(n)+1||0!==M||(C=r<0?2:1),f&&(E=null,f=!1),o=l>S,y=e,s=5;break}case 5:s=8,0!==C&&(n=!0,s+=1),C=0,M=0,E=null;break;case 6:M=1;break;case 7:E=m(O,t,H[0],S),s=1}s&&(v=[],n&&z&&(x+=z,z=0,b++),W.forEach((([e,t])=>{s&e&&t(o)})))}}},H=S?t.useLayoutEffect:t.useEffect,J=(e,t)=>t&&z()?-e:e,O=(e,t,n,o,r)=>{const i=Date.now;let s=0,c=!1,a=!1,f=!1,d=!1;const h=(()=>{let t;const n=()=>{u(t)&&clearTimeout(t)},o=()=>{n(),t=l((()=>{t=null,(()=>{if(c||a)return c=!1,void h();f=!1,e.q(5)})()}),150)};return o.B=n,o})(),_=()=>{s=i(),f&&(d=!0),e.q(4,o()),h()},g=t=>{if(c||0===e.T()||t.ctrlKey)return;const o=i()-s;150>o&&50<o&&(n?t.deltaX:t.deltaY)&&(c=!0)},p=()=>{a=!0,f=d=!1},v=()=>{a=!1,I()&&(f=!0)};return t.addEventListener("scroll",_),t.addEventListener("wheel",g,{passive:!0}),t.addEventListener("touchstart",p,{passive:!0}),t.addEventListener("touchend",v,{passive:!0}),{$:()=>{t.removeEventListener("scroll",_),t.removeEventListener("wheel",g),t.removeEventListener("touchstart",p),t.removeEventListener("touchend",v),h.B()},A:()=>{const[t,o]=e.O();t&&(r(J(t,n),o,d),d=!1)}}},W=(e,t)=>{let n,o,r;const i=t?"scrollLeft":"scrollTop",s=t?"overflowX":"overflowY",u=async(o,s)=>{if(!n)return void a((()=>u(o,s)));r&&r();const c=()=>{let t;return[new Promise(((e,n)=>{t=e,l(r=n,150)})),e.W(2,(()=>{t&&t()}))]};if(s&&R()){for(;e.q(7,o()),e.I();){const[e,t]=c();try{await e}catch(e){return}finally{t()}}n.scrollTo({[t?"left":"top"]:J(o(),t),behavior:"smooth"})}else for(;;){const[r,s]=c();try{n[i]=J(o(),t),e.q(6),await r}catch(e){return}finally{s()}}};return{D(c){n=c,o=O(e,c,t,(()=>J(c[i],t)),((t,n,o)=>{if(o){const e=c.style,t=e[s];e[s]="hidden",l((()=>{e[s]=t}))}n?(c[i]=e.M()+t,r&&r()):c[i]+=t}))},$(){o&&o.$()},L(e){u((()=>e))},P(t){t+=e.M(),u((()=>t))},X(t,{align:n,smooth:o}={}){if(t=c(t,0,e.C()-1),"nearest"===n){const o=e.R(t),r=e.M();if(o<r)n="start";else{if(!(o+e.k(t)>r+e._()))return;n="end"}}u((()=>e.H()+("end"===n?e.R(t)+e.k(t)-e._():"center"===n?e.R(t)+(e.k(t)-e._())/2:e.R(t))),o)},A:()=>{o&&o.A()}}},q=(e,t)=>{let n;return{D(o){let r=0;const i=t?"scrollX":"scrollY",s=b(o),l=x(s),c=s.body,u=(e,t,n,o=0)=>{const r=n?"offsetLeft":"offsetTop",i=o+(n&&z()?l.innerWidth-e[r]-e.offsetWidth:e[r]),s=e.offsetParent;return e!==t&&s?u(s,t,n,i):i};n=O(e,l,t,(()=>J(l[i],t)-(r=u(o,c,t))),((n,o)=>{o?l.scroll({[t?"left":"top"]:e.M()+r+n}):l.scrollBy(t?n:0,t?0:n)}))},$(){n&&n.$()},A:()=>{n&&n.A()}}},B="current",$=(e,t)=>{if(s(e))for(const n of e)$(n,t);else u(e)&&"boolean"!=typeof e&&t.push(e)},A=(e,t)=>{const n=e.key;return u(n)?n:"_"+t},D=e=>{const n=t.useRef();return n[B]||(n[B]=e())},L=e=>{const n=t.useRef(e);return H((()=>{n[B]=e}),[e]),n},P=e=>{let t;return{D(n){(t||(t=new(x(b(n)).ResizeObserver)(e))).observe(n)},Y(e){t.unobserve(e)},$(){t&&t.disconnect()}}},X=(e,t)=>{let n;const o=t?"width":"height",r=new WeakMap,i=P((t=>{const i=[];for(const{target:s,contentRect:l}of t)if(s.offsetParent)if(s===n)e.q(2,l[o]);else{const e=r.get(s);u(e)&&i.push([e,l[o]])}i.length&&e.q(1,i)}));return{j(e){i.D(n=e)},N:(e,t)=>(r.set(e,t),i.D(e),()=>{r.delete(e),i.Y(e)}),$:i.$}},Y=(e,t)=>{const n=t?"width":"height",o=t?"innerWidth":"innerHeight",r=new WeakMap,i=P((t=>{const o=[];for(const{target:e,contentRect:i}of t){if(!e.offsetParent)continue;const t=r.get(e);u(t)&&o.push([t,i[n]])}o.length&&e.q(1,o)}));let s;return{j(t){const n=x(b(t)),r=()=>{e.q(2,n[o])};n.addEventListener("resize",r),r(),s=()=>{n.removeEventListener("resize",r)}},N:(e,t)=>(r.set(e,t),i.D(e),()=>{r.delete(e),i.Y(e)}),$(){s&&s(),i.$()}}},j=(e,t)=>{let n;const o="height",i="width",s=new WeakMap,l=new Set,c=new Set,u=new Map,a=(e,t)=>`${e}-${t}`,f=P((f=>{const d=new Set,h=new Set;for(const{target:r,contentRect:l}of f)if(r.offsetParent)if(r===n)e.q(2,l[o]),t.q(2,l[i]);else{const e=s.get(r);if(e){const[t,n]=e,r=a(t,n),s=u.get(r),c=[l[o],l[i]];let f,_;s?(s[0]!==c[0]&&(f=!0),s[1]!==c[1]&&(_=!0)):f=_=!0,f&&d.add(t),_&&h.add(n),(f||_)&&u.set(r,c)}}if(d.size){const t=[];d.forEach((e=>{let n=0;c.forEach((t=>{const o=u.get(a(e,t));o&&(n=r(n,o[0]))})),n&&t.push([e,n])})),e.q(1,t)}if(h.size){const e=[];h.forEach((t=>{let n=0;l.forEach((e=>{const o=u.get(a(e,t));o&&(n=r(n,o[1]))})),n&&e.push([t,n])})),t.q(1,e)}}));return{j(e){f.D(n=e)},N:(e,t,n)=>(s.set(e,[t,n]),l.add(t),c.add(n),f.D(e),()=>{s.delete(e),f.Y(e)}),$:f.$}},N=t.memo((({U:n,V:o,F:r,G:i,K:s,Z:l,ee:c,te:u})=>{const a=t.useRef(null);H((()=>o(a[B],r)),[r]);const f=t.useMemo((()=>{const e={margin:0,padding:0,position:s&&u?void 0:"absolute",[c?"height":"width"]:"100%",[c?"top":"left"]:0,[c?z()?"right":"left":"top"]:i,visibility:!s||u?"visible":"hidden"};return c&&(e.display="flex"),e}),[i,s,u]);return"string"==typeof l?e.jsx(l,{ref:a,style:f,children:n}):e.jsx(l,{ref:a,style:f,index:r,children:n})})),U=e=>t.useReducer(e.p,void 0,e.p)[1],V=(e,n)=>t.useMemo((()=>{if("function"==typeof e)return[e,n||0];const t=(e=>{const t=[];return $(e,t),t})(e);return[e=>t[e],t.length]}),[e,n]),F=t.forwardRef((({children:o,count:r,overscan:i=4,itemSize:s,shift:l,horizontal:c,cache:u,startMargin:f,endMargin:d,ssrCount:h,as:_="div",item:g="div",scrollRef:p,onScroll:v,onScrollEnd:m,onRangeChange:w},S)=>{const[y,b]=V(o,r),x=t.useRef(null),z=t.useRef(!!h),I=L(v),R=L(m),[T,J,O,q]=D((()=>{const e=!!c,t=E(b,s,h,u,!s,f,d);return[t,X(t,e),W(t,e),e]}));b!==T.C()&&T.q(3,[b,l]);const $=U(T),[P,Y]=T.m(),j=T.T(),F=T.J(),G=T.h(),K=[];H((()=>{z[B]=!1;const e=T.W(3,(e=>{e?n.flushSync($):$()})),t=T.W(4,(()=>{I[B]&&I[B](T.M())})),o=T.W(8,(()=>{R[B]&&R[B]()})),r=e=>{J.j(e),O.D(e)};return p?a((()=>r(p[B]))):r(x[B].parentElement),()=>{e(),t(),o(),J.$(),O.$()}}),[]),H((()=>{O.A()}),[F]),t.useEffect((()=>{w&&w(P,Y)}),[P,Y]),t.useImperativeHandle(S,(()=>({get cache(){return T.v()},get scrollOffset(){return T.M()},get scrollSize(){return k(T)},get viewportSize(){return T._()},scrollToIndex:O.X,scrollTo:O.L,scrollBy:O.P})),[]);for(let t=C(P,i,j),n=M(Y,i,j,b);t<=n;t++){const n=y(t);K.push(e.jsx(N,{V:J.N,F:t,G:T.R(t),K:T.S(t),Z:g,U:n,ee:q,te:z[B]},A(n,t)))}return e.jsx(_,{ref:x,style:{overflowAnchor:"none",flex:"none",position:"relative",visibility:"hidden",width:q?G:"100%",height:q?"100%":G,pointerEvents:0!==j?"none":"auto"},children:K})})),G=t.forwardRef((({children:n,count:o,overscan:r,itemSize:i,shift:s,horizontal:l,reverse:c,cache:u,ssrCount:a,item:f,onScroll:d,onScrollEnd:h,onRangeChange:_,style:g,...p},v)=>{const m=t.useRef(null),w=c&&!l;let S=e.jsx(F,{ref:v,scrollRef:w?m:void 0,count:o,overscan:r,itemSize:i,shift:s,horizontal:l,cache:u,ssrCount:a,item:f,onScroll:d,onScrollEnd:h,onRangeChange:_,children:n});return w&&(S=e.jsx("div",{style:{visibility:"hidden",display:"flex",flexDirection:"column",justifyContent:"flex-end",minHeight:"100%"},children:S})),e.jsx("div",{ref:m,...p,style:{display:l?"inline-block":"block",[l?"overflowX":"overflowY"]:"auto",contain:"strict",width:"100%",height:"100%",...g},children:S})})),K=t.forwardRef((({children:o,count:r,overscan:i=4,itemSize:s,shift:l,horizontal:c,cache:u,ssrCount:a,as:f="div",item:d="div",onScrollEnd:h,onRangeChange:_},g)=>{const[p,v]=V(o,r),m=t.useRef(null),w=L(h),S=t.useRef(!!a),[y,b,x,z]=D((()=>{const e=!!c,t=E(v,s,a,u,!s);return[t,Y(t,e),q(t,e),e]}));v!==y.C()&&y.q(3,[v,l]);const I=U(y),[R,k]=y.m(),T=y.T(),J=y.J(),O=y.h(),W=[];H((()=>{S[B]=!1;const e=y.W(3,(e=>{e?n.flushSync(I):I()})),t=y.W(8,(()=>{w[B]&&w[B]()})),o=m[B];return b.j(o),x.D(o),()=>{e(),t(),b.$(),x.$()}}),[]),H((()=>{x.A()}),[J]),t.useEffect((()=>{_&&_(R,k)}),[R,k]),t.useImperativeHandle(g,(()=>({get cache(){return y.v()}})),[]);for(let t=C(R,i,T),n=M(k,i,T,v);t<=n;t++){const n=p(t);W.push(e.jsx(N,{V:b.N,F:t,G:y.R(t),K:y.S(t),Z:d,U:n,ee:z,te:S[B]},A(n,t)))}return e.jsx(f,{ref:m,style:{flex:"none",position:"relative",visibility:"hidden",width:z?O:"100%",height:z?"100%":O,pointerEvents:0!==T?"none":"auto"},children:W})})),Q=(e,t)=>`${e}-${t}`,Z=t.memo((({U:n,V:o,ne:r,oe:i,re:s,ie:l,se:c,le:u,K:a,Z:f})=>{const d=t.useRef(null);return H((()=>o.N(d[B],r,i)),[i,r]),e.jsx(f,{ref:d,style:t.useMemo((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:s,[z()?"right":"left"]:l,visibility:a?"hidden":"visible",minHeight:c,minWidth:u})),[s,l,u,c,a]),children:n})})),ee=t.forwardRef((({children:o,row:r,col:i,cellHeight:s=40,cellWidth:l=100,overscan:c=2,initialRowCount:u,initialColCount:a,item:f="div",style:d,...h},_)=>{const[g,p,v,m,w]=D((()=>{const e=E(r,s,u),t=E(i,l,a);return[e,t,j(e,t),W(e,!1),W(t,!0)]}));r!==g.C()&&g.q(3,[r]),i!==p.C()&&p.q(3,[i]);const S=U(g),y=U(p),[b,x]=g.m(),[z,I]=p.m(),R=g.T(),T=p.T(),J=g.J(),O=p.J(),q=k(g),$=k(p),A=t.useRef(null);H((()=>{const e=A[B],t=g.W(3,(e=>{e?n.flushSync(S):S()})),o=p.W(3,(e=>{e?n.flushSync(y):y()}));return v.j(e),m.D(e),w.D(e),()=>{t(),o(),v.$(),m.$(),w.$()}}),[]),H((()=>{m.A()}),[J]),H((()=>{w.A()}),[O]),t.useImperativeHandle(_,(()=>({get scrollOffset(){return[p.M(),g.M()]},get scrollSize(){return[k(p),k(g)]},get viewportSize(){return[p._(),g._()]},scrollToIndex(e,t){w.X(e),m.X(t)},scrollTo(e,t){w.L(e),m.L(t)},scrollBy(e,t){w.P(e),m.P(t)}})),[]);const L=t.useMemo((()=>{const e=new Map;return(t,n)=>{let r=e.get(Q(t,n));return r||e.set(Q(t,n),r=o({rowIndex:t,colIndex:n})),r}}),[o]),P=C(b,c,R),X=M(x,c,R,r),Y=C(z,c,T),N=M(I,c,T,i),V=[];for(let t=P;t<=X;t++)for(let n=Y;n<=N;n++)V.push(e.jsx(Z,{V:v,ne:t,oe:n,re:g.R(t),ie:p.R(n),se:g.k(t),le:p.k(n),K:g.S(t)||p.S(n),Z:f,U:L(t,n)},Q(t,n)));return e.jsx("div",{ref:A,...h,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",...d},children:e.jsx("div",{style:{overflowAnchor:"none",flex:"none",position:"relative",visibility:"hidden",width:$,height:q,pointerEvents:0!==R||0!==T?"none":"auto"},children:V})})}));exports.VList=G,exports.Virtualizer=F,exports.WindowVirtualizer=K,exports.experimental_VGrid=ee;
 //# sourceMappingURL=index.js.map