react-virtuoso 4.2.2 → 4.3.0

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.
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom");function o(e,t){return o=>e(t(o))}function n(e,t){return t(e)}function r(e,t){return o=>e(t,o)}function i(e,t){return()=>e(t)}function l(e,t){return t(e),e}function s(...e){return e}function c(e){e()}function a(e){return()=>e}function u(){}function d(e,t){return e(1,t)}function f(e,t){e(0,t)}function m(e){e(2)}function h(e){return e(4)}function g(e,t){return d(e,r(t,0))}function p(e,t){const o=e(1,(e=>{o(),t(e)}));return o}function v(){const e=[];return(t,o)=>{switch(t){case 2:return void e.splice(0,e.length);case 1:return e.push(o),()=>{const t=e.indexOf(o);t>-1&&e.splice(t,1)};case 0:return void e.slice().forEach((e=>{e(o)}));default:throw new Error(`unrecognized action ${t}`)}}}function x(e){let t=e;const o=v();return(e,n)=>{switch(e){case 1:n(t);break;case 0:t=n;break;case 4:return t}return o(e,n)}}function I(e){return l(v(),(t=>g(e,t)))}function T(e,t){return l(x(t),(t=>g(e,t)))}function w(e,...t){const o=function(...e){return t=>e.reduceRight(n,t)}(...t);return(t,n)=>{switch(t){case 1:return d(e,o(n));case 2:return void m(e)}}}function S(e,t){return e===t}function C(e=S){let t;return o=>n=>{e(t,n)||(t=n,o(n))}}function E(e){return t=>o=>{e(o)&&t(o)}}function H(e){return t=>o(t,e)}function y(e){return t=>()=>t(e)}function b(e,t){return o=>n=>o(t=e(t,n))}function z(e){return t=>o=>{e>0?e--:t(o)}}function R(e){let t,o;return n=>r=>{t=r,o||(o=setTimeout((()=>{o=void 0,n(t)}),e))}}function B(e){let t,o;return n=>r=>{t=r,o&&clearTimeout(o),o=setTimeout((()=>{n(t)}),e)}}function k(...e){const t=new Array(e.length);let o=0,n=null;const r=Math.pow(2,e.length)-1;return e.forEach(((e,i)=>{const l=Math.pow(2,i);d(e,(e=>{const s=o;o|=l,t[i]=e,s!==r&&o===r&&n&&(n(),n=null)}))})),e=>i=>{const l=()=>e([i].concat(t));o===r?l():n=l}}function P(...e){return function(t,o){switch(t){case 1:return function(...e){return()=>{e.map(c)}}(...e.map((e=>d(e,o))));case 2:return;default:throw new Error(`unrecognized action ${t}`)}}}function L(e,t=S){return w(e,C(t))}function O(...e){const t=v(),o=new Array(e.length);let n=0;const r=Math.pow(2,e.length)-1;return e.forEach(((e,i)=>{const l=Math.pow(2,i);d(e,(e=>{o[i]=e,n|=l,n===r&&f(t,o)}))})),function(e,i){switch(e){case 1:return n===r&&i(o),d(t,i);case 2:return m(t);default:throw new Error(`unrecognized action ${e}`)}}}function M(e,t=[],{singleton:o}={singleton:!0}){return{id:W(),constructor:e,dependencies:t,singleton:o}}const W=()=>Symbol();const F="undefined"!=typeof document?e.useLayoutEffect:e.useEffect;function V(t,o,n){const s=Object.keys(o.required||{}),c=Object.keys(o.optional||{}),g=Object.keys(o.methods||{}),p=Object.keys(o.events||{}),v=e.createContext({});function x(e,t){e.propsReady&&f(e.propsReady,!1);for(const n of s){f(e[o.required[n]],t[n])}for(const n of c)if(n in t){f(e[o.optional[n]],t[n])}e.propsReady&&f(e.propsReady,!0)}function I(e){return p.reduce(((t,n)=>(t[n]=function(e){let t,o;const n=()=>t&&t();return function(r,i){switch(r){case 1:if(i){if(o===i)return;return n(),o=i,t=d(e,i),t}return n(),u;case 2:return n(),void(o=null);default:throw new Error(`unrecognized action ${r}`)}}}(e[o.events[n]]),t)),{})}const T=e.forwardRef(((r,u)=>{const{children:h,...T}=r,[w]=e.useState((()=>l(function(e){const t=new Map,o=({id:e,constructor:n,dependencies:r,singleton:i})=>{if(i&&t.has(e))return t.get(e);const l=n(r.map((e=>o(e))));return i&&t.set(e,l),l};return o(e)}(t),(e=>x(e,T))))),[S]=e.useState(i(I,w));return F((()=>{for(const e of p)e in T&&d(S[e],T[e]);return()=>{Object.values(S).map(m)}}),[T,S,w]),F((()=>{x(w,T)})),e.useImperativeHandle(u,a(function(e){return g.reduce(((t,n)=>(t[n]=t=>{f(e[o.methods[n]],t)},t)),{})}(w))),e.createElement(v.Provider,{value:w},n?e.createElement(n,function(e,t){const o={},n={};let r=0;const i=e.length;for(;r<i;)n[e[r]]=1,r+=1;for(const l in t)n.hasOwnProperty(l)||(o[l]=t[l]);return o}([...s,...c,...p],T),h):h)}));return{Component:T,usePublisher:t=>e.useCallback(r(f,e.useContext(v)[t]),[t]),useEmitterValue:t=>{const o=e.useContext(v)[t],[n,r]=e.useState(i(h,o));return F((()=>d(o,(e=>{e!==n&&r(a(e))}))),[o,n]),n},useEmitter:(t,o)=>{const n=e.useContext(v)[t];F((()=>d(n,o)),[o,n])}}}const A="undefined"!=typeof document?e.useLayoutEffect:e.useEffect;var D=(e=>(e[e.DEBUG=0]="DEBUG",e[e.INFO=1]="INFO",e[e.WARN=2]="WARN",e[e.ERROR=3]="ERROR",e))(D||{});const G={0:"debug",1:"log",2:"warn",3:"error"},N=M((()=>{const e=x(3);return{log:x(((t,o,n=1)=>{var r;n>=(null!=(r=("undefined"==typeof globalThis?window:globalThis).VIRTUOSO_LOG_LEVEL)?r:h(e))&&console[G[n]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",t,o)})),logLevel:e}}),[],{singleton:!0});function _(t,o=!0){const n=e.useRef(null);let r=e=>{};if("undefined"!=typeof ResizeObserver){const i=e.useMemo((()=>new ResizeObserver((e=>{const o=e[0].target;null!==o.offsetParent&&t(o)}))),[t]);r=e=>{e&&o?(i.observe(e),n.current=e):(n.current&&i.unobserve(n.current),n.current=null)}}return{ref:n,callbackRef:r}}function U(e,t=!0){return _(e,t).callbackRef}function $(t,o,n,r,i,l,s){const c=e.useCallback((e=>{const n=function(e,t,o,n){const r=e.length;if(0===r)return null;const i=[];for(let l=0;l<r;l++){const r=e.item(l);if(!r||void 0===r.dataset.index)continue;const s=parseInt(r.dataset.index),c=parseFloat(r.dataset.knownSize),a=t(r,o);if(0===a&&n("Zero-sized element, this should not happen",{child:r},D.ERROR),a===c)continue;const u=i[i.length-1];0===i.length||u.size!==a||u.endIndex!==s-1?i.push({startIndex:s,endIndex:s,size:a}):i[i.length-1].endIndex++}return i}(e.children,o,"offsetHeight",i);let c=e.parentElement;for(;!c.dataset.virtuosoScroller;)c=c.parentElement;const a="window"===c.lastElementChild.dataset.viewportType,u=s?s.scrollTop:a?window.pageYOffset||document.documentElement.scrollTop:c.scrollTop,d=s?s.scrollHeight:a?document.documentElement.scrollHeight:c.scrollHeight,f=s?s.offsetHeight:a?window.innerHeight:c.offsetHeight;r({scrollTop:Math.max(u,0),scrollHeight:d,viewportHeight:f}),null==l||l(function(e,t,o){"normal"===t||(null==t?void 0:t.endsWith("px"))||o(`${e} was not resolved to pixel value correctly`,t,D.WARN);if("normal"===t)return 0;return parseInt(null!=t?t:"0",10)}("row-gap",getComputedStyle(e).rowGap,i)),null!==n&&t(n)}),[t,o,i,l,s,r]);return _(c,n)}function j(e,t){return Math.round(e.getBoundingClientRect()[t])}function K(e,t){return Math.abs(e-t)<1.01}function q(o,n,r,i=u,l){const s=e.useRef(null),c=e.useRef(null),a=e.useRef(null),d=e.useCallback((e=>{const r=e.target,i=r===window||r===document,l=i?window.pageYOffset||document.documentElement.scrollTop:r.scrollTop,s=i?document.documentElement.scrollHeight:r.scrollHeight,u=i?window.innerHeight:r.offsetHeight,d=()=>{o({scrollTop:Math.max(l,0),scrollHeight:s,viewportHeight:u})};e.suppressFlushSync?d():t.flushSync(d),null!==c.current&&(l===c.current||l<=0||l===s-u)&&(c.current=null,n(!0),a.current&&(clearTimeout(a.current),a.current=null))}),[o,n]);return e.useEffect((()=>{const e=l||s.current;return i(l||s.current),d({target:e,suppressFlushSync:!0}),e.addEventListener("scroll",d,{passive:!0}),()=>{i(null),e.removeEventListener("scroll",d)}}),[s,d,r,i,l]),{scrollerRef:s,scrollByCallback:function(e){s.current.scrollBy(e)},scrollToCallback:function(e){const t=s.current;if(!t||"offsetHeight"in t&&0===t.offsetHeight)return;const r="smooth"===e.behavior;let i,l,u;t===window?(l=Math.max(j(document.documentElement,"height"),document.documentElement.scrollHeight),i=window.innerHeight,u=document.documentElement.scrollTop):(l=t.scrollHeight,i=j(t,"height"),u=t.scrollTop);const d=l-i;if(e.top=Math.ceil(Math.max(Math.min(d,e.top),0)),K(i,l)||e.top===u)return o({scrollTop:u,scrollHeight:l,viewportHeight:i}),void(r&&n(!0));r?(c.current=e.top,a.current&&clearTimeout(a.current),a.current=setTimeout((()=>{a.current=null,c.current=null,n(!0)}),1e3)):c.current=null,t.scrollTo(e)}}}const Y=M((()=>{const e=v(),t=v(),o=x(0),n=v(),r=x(0),i=v(),l=v(),s=x(0),c=x(0),a=x(0),u=x(0),d=v(),f=v(),m=x(!1);return g(w(e,H((({scrollTop:e})=>e))),t),g(w(e,H((({scrollHeight:e})=>e))),l),g(t,r),{scrollContainerState:e,scrollTop:t,viewportHeight:i,headerHeight:s,fixedHeaderHeight:c,fixedFooterHeight:a,footerHeight:u,scrollHeight:l,smoothScrollTargetReached:n,scrollTo:d,scrollBy:f,statefulScrollTop:r,deviation:o,scrollingInProgress:m}}),[],{singleton:!0}),Z={lvl:0};function J(e,t,o,n=Z,r=Z){return{k:e,v:t,lvl:o,l:n,r:r}}function Q(e){return e===Z}function X(){return Z}function ee(e,t){if(Q(e))return Z;const{k:o,l:n,r:r}=e;if(t===o){if(Q(n))return r;if(Q(r))return n;{const[t,o]=le(n);return de(ce(e,{k:t,v:o,l:se(n)}))}}return de(ce(e,t<o?{l:ee(n,t)}:{r:ee(r,t)}))}function te(e,t){if(!Q(e))return t===e.k?e.v:t<e.k?te(e.l,t):te(e.r,t)}function oe(e,t,o="k"){if(Q(e))return[-1/0,void 0];if(e[o]===t)return[e.k,e.v];if(e[o]<t){const n=oe(e.r,t,o);return n[0]===-1/0?[e.k,e.v]:n}return oe(e.l,t,o)}function ne(e,t,o){return Q(e)?J(t,o,1):t===e.k?ce(e,{k:t,v:o}):t<e.k?ue(ce(e,{l:ne(e.l,t,o)})):ue(ce(e,{r:ne(e.r,t,o)}))}function re(e,t,o){if(Q(e))return[];const{k:n,v:r,l:i,r:l}=e;let s=[];return n>t&&(s=s.concat(re(i,t,o))),n>=t&&n<=o&&s.push({k:n,v:r}),n<=o&&(s=s.concat(re(l,t,o))),s}function ie(e){return Q(e)?[]:[...ie(e.l),{k:e.k,v:e.v},...ie(e.r)]}function le(e){return Q(e.r)?[e.k,e.v]:le(e.r)}function se(e){return Q(e.r)?e.l:de(ce(e,{r:se(e.r)}))}function ce(e,t){return J(void 0!==t.k?t.k:e.k,void 0!==t.v?t.v:e.v,void 0!==t.lvl?t.lvl:e.lvl,void 0!==t.l?t.l:e.l,void 0!==t.r?t.r:e.r)}function ae(e){return Q(e)||e.lvl>e.r.lvl}function ue(e){return he(ge(e))}function de(e){const{l:t,r:o,lvl:n}=e;if(o.lvl>=n-1&&t.lvl>=n-1)return e;if(n>o.lvl+1){if(ae(t))return ge(ce(e,{lvl:n-1}));if(Q(t)||Q(t.r))throw new Error("Unexpected empty nodes");return ce(t.r,{l:ce(t,{r:t.r.l}),r:ce(e,{l:t.r.r,lvl:n-1}),lvl:n})}if(ae(e))return he(ce(e,{lvl:n-1}));if(Q(o)||Q(o.l))throw new Error("Unexpected empty nodes");{const t=o.l,r=ae(t)?o.lvl-1:o.lvl;return ce(t,{l:ce(e,{r:t.l,lvl:n-1}),r:he(ce(o,{l:t.r,lvl:r})),lvl:t.lvl+1})}}function fe(e,t,o){if(Q(e))return[];const n=oe(e,t)[0];return me(re(e,n,o),(({k:e,v:t})=>({index:e,value:t})))}function me(e,t){const o=e.length;if(0===o)return[];let{index:n,value:r}=t(e[0]);const i=[];for(let l=1;l<o;l++){const{index:o,value:s}=t(e[l]);i.push({start:n,end:o-1,value:r}),n=o,r=s}return i.push({start:n,end:1/0,value:r}),i}function he(e){const{r:t,lvl:o}=e;return Q(t)||Q(t.r)||t.lvl!==o||t.r.lvl!==o?e:ce(t,{l:ce(e,{r:t.l}),lvl:o+1})}function ge(e){const{l:t}=e;return Q(t)||t.lvl!==e.lvl?e:ce(t,{r:ce(e,{l:t.r})})}function pe(e,t,o,n=0){let r=e.length-1;for(;n<=r;){const i=Math.floor((n+r)/2),l=o(e[i],t);if(0===l)return i;if(-1===l){if(r-n<2)return i-1;r=i-1}else{if(r===n)return i;n=i+1}}throw new Error(`Failed binary finding record in array - ${e.join(",")}, searched for ${t}`)}function ve(e,t,o){return e[pe(e,t,o)]}const xe=M((()=>({recalcInProgress:x(!1)})),[],{singleton:!0});function Ie(e){const{size:t,startIndex:o,endIndex:n}=e;return e=>e.start===o&&(e.end===n||e.end===1/0)&&e.value===t}function Te(e,t){let o=0,n=0;for(;o<e;)o+=t[n+1]-t[n]-1,n++;return n-(o===e?0:1)}function we({index:e},t){return t===e?0:t<e?-1:1}function Se({offset:e},t){return t===e?0:t<e?-1:1}function Ce(e){return{index:e.index,value:e}}function Ee(e,t,o,n=0){return n>0&&(t=Math.max(t,ve(e,n,we).offset)),me(function(e,t,o,n){const r=pe(e,t,n),i=pe(e,o,n,r);return e.slice(r,i+1)}(e,t,o,Se),Ce)}function He(e,t,o,n){let r=e,i=0,l=0,s=0,c=0;if(0!==t){c=pe(r,t-1,we);s=r[c].offset;const e=oe(o,t-1);i=e[0],l=e[1],r.length&&r[c].size===oe(o,t)[1]&&(c-=1),r=r.slice(0,c+1)}else r=[];for(const{start:a,value:u}of fe(o,t,1/0)){const e=a-i,t=e*l+s+e*n;r.push({offset:t,size:u,index:a}),i=a,s=t,l=u}return{offsetTree:r,lastIndex:i,lastOffset:s,lastSize:l}}function ye(e,[t,o,n,r]){t.length>0&&n("received item sizes",t,D.DEBUG);const i=e.sizeTree;let l=i,s=0;if(o.length>0&&Q(i)&&2===t.length){const e=t[0].size,n=t[1].size;l=o.reduce(((t,o)=>ne(ne(t,o,e),o+1,n)),l)}else[l,s]=function(e,t){let o=Q(e)?0:1/0;for(const n of t){const{size:t,startIndex:r,endIndex:i}=n;if(o=Math.min(o,r),Q(e)){e=ne(e,0,t);continue}const l=fe(e,r-1,i+1);if(l.some(Ie(n)))continue;let s=!1,c=!1;for(const{start:o,end:n,value:a}of l)s?(i>=o||t===a)&&(e=ee(e,o)):(c=a!==t,s=!0),n>i&&i>=o&&a!==t&&(e=ne(e,i+1,a));c&&(e=ne(e,r,t))}return[e,o]}(l,t);if(l===i)return e;const{offsetTree:c,lastIndex:a,lastSize:u,lastOffset:d}=He(e.offsetTree,s,l,r);return{sizeTree:l,offsetTree:c,lastIndex:a,lastOffset:d,lastSize:u,groupOffsetTree:o.reduce(((e,t)=>ne(e,t,be(t,c,r))),X()),groupIndices:o}}function be(e,t,o){if(0===t.length)return 0;const{offset:n,index:r,size:i}=ve(t,e,we),l=e-r,s=i*l+(l-1)*o+n;return s>0?s+o:s}function ze(e,t,o){if(function(e){return void 0!==e.groupIndex}(e))return t.groupIndices[e.groupIndex]+1;{let n=Re("LAST"===e.index?o:e.index,t);return n=Math.max(0,n,Math.min(o,n)),n}}function Re(e,t){if(!Be(t))return e;let o=0;for(;t.groupIndices[o]<=e+o;)o++;return e+o}function Be(e){return!Q(e.groupOffsetTree)}const ke={offsetHeight:"height",offsetWidth:"width"},Pe=M((([{log:e},{recalcInProgress:t}])=>{const o=v(),n=v(),r=T(n,0),i=v(),l=v(),s=x(0),c=x([]),a=x(void 0),u=x(void 0),m=x(((e,t)=>j(e,ke[t]))),p=x(void 0),S=x(0),y={offsetTree:[],sizeTree:X(),groupOffsetTree:X(),lastIndex:0,lastOffset:0,lastSize:0,groupIndices:[]},z=T(w(o,k(c,e,S),b(ye,y),C()),y),R=T(w(c,C(),b(((e,t)=>({prev:e.current,current:t})),{prev:[],current:[]}),H((({prev:e})=>e))),[]);g(w(c,E((e=>e.length>0)),k(z,S),H((([e,t,o])=>{const n=e.reduce(((e,n,r)=>ne(e,n,be(n,t.offsetTree,o)||r)),X());return{...t,groupIndices:e,groupOffsetTree:n}}))),z),g(w(n,k(z),E((([e,{lastIndex:t,groupIndices:o}])=>e<t&&0===o.length)),H((([e,{lastIndex:t,lastSize:o}])=>[{startIndex:e,endIndex:t,size:o}]))),o),g(a,u);const B=T(w(a,H((e=>void 0===e))),!0);g(w(u,E((e=>void 0!==e&&Q(h(z).sizeTree))),H((e=>[{startIndex:0,endIndex:0,size:e}]))),o);const P=I(w(o,k(z),b((({sizes:e},[t,o])=>({changed:o!==e,sizes:o})),{changed:!1,sizes:y}),H((e=>e.changed))));d(w(s,b(((e,t)=>({diff:e.prev-t,prev:t})),{diff:0,prev:0}),H((e=>e.diff))),(e=>{const{groupIndices:o}=h(z);if(e>0)f(t,!0),f(i,e+Te(e,o));else if(e<0){const t=h(R);t.length>0&&f(l,e-Te(-e,t))}})),d(w(s,k(e)),(([e,t])=>{e<0&&t("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:s},D.ERROR)}));const L=I(i);g(w(i,k(z),H((([e,t])=>{const o=t.groupIndices.length>0,n=[],r=t.lastSize;if(o){const o=te(t.sizeTree,0);let i=0,l=0;for(;i<e;){const e=t.groupIndices[l],s=t.groupIndices[l+1]-e-1;n.push({startIndex:e,endIndex:e,size:o}),n.push({startIndex:e+1,endIndex:e+1+s-1,size:r}),l++,i+=s+1}const s=ie(t.sizeTree);return i!==e&&s.shift(),s.reduce(((t,{k:o,v:n})=>{let r=t.ranges;return 0!==t.prevSize&&(r=[...t.ranges,{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}]),{ranges:r,prevIndex:o+e,prevSize:n}}),{ranges:n,prevIndex:e,prevSize:0}).ranges}return ie(t.sizeTree).reduce(((t,{k:o,v:n})=>({ranges:[...t.ranges,{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}],prevIndex:o+e,prevSize:n})),{ranges:[],prevIndex:0,prevSize:r}).ranges}))),o);const O=I(w(l,k(z,S),H((([e,{offsetTree:t},o])=>be(-e,t,o)))));return g(w(l,k(z,S),H((([e,t,o])=>{if(t.groupIndices.length>0){let n=X();const r=h(R);let i=0,l=0,s=0;for(;i<-e;){s=r[l];const e=r[l+1]-s-1;l++,i+=e+1}n=ie(t.sizeTree).reduce(((t,{k:o,v:n})=>ne(t,Math.max(0,o+e),n)),n);if(i!==-e){n=ne(n,0,te(t.sizeTree,s));n=ne(n,1,oe(t.sizeTree,1-e)[1])}return{...t,sizeTree:n,...He(t.offsetTree,0,n,o)}}{const n=ie(t.sizeTree).reduce(((t,{k:o,v:n})=>ne(t,Math.max(0,o+e),n)),X());return{...t,sizeTree:n,...He(t.offsetTree,0,n,o)}}}))),z),{data:p,totalCount:n,sizeRanges:o,groupIndices:c,defaultItemSize:u,fixedItemSize:a,unshiftWith:i,shiftWith:l,shiftWithOffset:O,beforeUnshiftWith:L,firstItemIndex:s,gap:S,sizes:z,listRefresh:P,statefulTotalCount:r,trackItemSizes:B,itemSize:m}}),s(N,xe),{singleton:!0}),Le="undefined"!=typeof document&&"scrollBehavior"in document.documentElement.style;function Oe(e){const t="number"==typeof e?{index:e}:e;return t.align||(t.align="start"),t.behavior&&Le||(t.behavior="auto"),t.offset||(t.offset=0),t}const Me=M((([{sizes:e,totalCount:t,listRefresh:o,gap:n},{scrollingInProgress:r,viewportHeight:i,scrollTo:l,smoothScrollTargetReached:s,headerHeight:c,footerHeight:a,fixedHeaderHeight:u,fixedFooterHeight:m},{log:h}])=>{const I=v(),T=x(0);let S=null,C=null,E=null;function y(){S&&(S(),S=null),E&&(E(),E=null),C&&(clearTimeout(C),C=null),f(r,!1)}return g(w(I,k(e,i,t,T,c,a,h),k(n,u,m),H((([[e,t,n,i,l,c,a,u],m,h,g])=>{const v=Oe(e),{align:x,behavior:T,offset:H}=v,b=i-1,z=ze(v,t,b);let R=be(z,t.offsetTree,m)+c;"end"===x?(R+=h+oe(t.sizeTree,z)[1]-n+g,z===b&&(R+=a)):"center"===x?R+=(h+oe(t.sizeTree,z)[1]-n+g)/2:R-=l,H&&(R+=H);const B=t=>{y(),t?(u("retrying to scroll to",{location:e},D.DEBUG),f(I,e)):u("list did not change, scroll successful",{},D.DEBUG)};if(y(),"smooth"===T){let e=!1;E=d(o,(t=>{e=e||t})),S=p(s,(()=>{B(e)}))}else S=p(w(o,(k=150,e=>{const t=setTimeout((()=>{e(!1)}),k);return o=>{o&&(e(!0),clearTimeout(t))}})),B);var k;return C=setTimeout((()=>{y()}),1200),f(r,!0),u("scrolling from index to",{index:z,top:R,behavior:T},D.DEBUG),{top:R,behavior:T}}))),l),{scrollToIndex:I,topListHeight:T}}),s(Pe,Y,N),{singleton:!0});const We="up",Fe="down",Ve={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollTop:0,viewportHeight:0,scrollHeight:0}},Ae=M((([{scrollContainerState:e,scrollTop:t,viewportHeight:o,headerHeight:n,footerHeight:r,scrollBy:i}])=>{const l=x(!1),s=x(!0),c=v(),a=v(),u=x(4),d=x(0),f=T(w(P(w(L(t),z(1),y(!0)),w(L(t),z(1),y(!1),B(100))),C()),!1),m=T(w(P(w(i,y(!0)),w(i,y(!1),B(200))),C()),!1);g(w(O(L(t),L(d)),H((([e,t])=>e<=t)),C()),s),g(w(s,R(50)),a);const p=I(w(O(e,L(o),L(n),L(r),L(u)),b(((e,[{scrollTop:t,scrollHeight:o},n,r,i,l])=>{const s={viewportHeight:n,scrollTop:t,scrollHeight:o};if(t+n-o>-l){let o,n;return t>e.state.scrollTop?(o="SCROLLED_DOWN",n=e.state.scrollTop-t):(o="SIZE_DECREASED",n=e.state.scrollTop-t||e.scrollTopDelta),{atBottom:!0,state:s,atBottomBecause:o,scrollTopDelta:n}}let c;return c=s.scrollHeight>e.state.scrollHeight?"SIZE_INCREASED":n<e.state.viewportHeight?"VIEWPORT_HEIGHT_DECREASING":t<e.state.scrollTop?"SCROLLING_UPWARDS":"NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",{atBottom:!1,notAtBottomBecause:c,state:s}}),Ve),C(((e,t)=>e&&e.atBottom===t.atBottom)))),S=T(w(e,b(((e,{scrollTop:t,scrollHeight:o,viewportHeight:n})=>{if(K(e.scrollHeight,o))return{scrollTop:t,scrollHeight:o,jump:0,changed:!1};{const r=o-(t+n)<1;return e.scrollTop!==t&&r?{scrollHeight:o,scrollTop:t,jump:e.scrollTop-t,changed:!0}:{scrollHeight:o,scrollTop:t,jump:0,changed:!0}}}),{scrollHeight:0,jump:0,scrollTop:0,changed:!1}),E((e=>e.changed)),H((e=>e.jump))),0);g(w(p,H((e=>e.atBottom))),l),g(w(l,R(50)),c);const M=x(Fe);g(w(e,H((({scrollTop:e})=>e)),C(),b(((e,t)=>h(m)?{direction:e.direction,prevScrollTop:t}:{direction:t<e.prevScrollTop?We:Fe,prevScrollTop:t}),{direction:Fe,prevScrollTop:0}),H((e=>e.direction))),M),g(w(e,R(50),y("none")),M);const W=x(0);return g(w(f,E((e=>!e)),y(0)),W),g(w(t,R(100),k(f),E((([e,t])=>!!t)),b((([e,t],[o])=>[t,o]),[0,0]),H((([e,t])=>t-e))),W),{isScrolling:f,isAtTop:s,isAtBottom:l,atBottomState:p,atTopStateChange:a,atBottomStateChange:c,scrollDirection:M,atBottomThreshold:u,atTopThreshold:d,scrollVelocity:W,lastJumpDueToItemResize:S}}),s(Y)),De=M((([{log:e}])=>{const t=x(!1),o=I(w(t,E((e=>e)),C()));return d(t,(t=>{t&&h(e)("props updated",{},D.DEBUG)})),{propsReady:t,didMount:o}}),s(N),{singleton:!0});const Ge=M((([{sizes:e,listRefresh:t,defaultItemSize:o},{scrollTop:n},{scrollToIndex:r},{didMount:i}])=>{const l=x(!0),s=x(0);return g(w(i,k(s),E((([e,t])=>!!t)),y(!1)),l),d(w(O(t,i),k(l,e,o),E((([[,e],t,{sizeTree:o},n])=>e&&(!Q(o)||void 0!==n)&&!t)),k(s)),(([,e])=>{setTimeout((()=>{p(n,(()=>{f(l,!0)})),f(r,e)}))})),{scrolledToInitialItem:l,initialTopMostItemIndex:s}}),s(Pe,Y,Me,De),{singleton:!0});function Ne(e){return!!e&&("smooth"===e?"smooth":"auto")}const _e=M((([{totalCount:e,listRefresh:t},{isAtBottom:o,atBottomState:n},{scrollToIndex:r},{scrolledToInitialItem:i},{propsReady:l,didMount:s},{log:c},{scrollingInProgress:a}])=>{const u=x(!1),m=v();let g=null;function I(e){f(r,{index:"LAST",align:"end",behavior:e})}function T(e){const t=p(n,(t=>{!e||t.atBottom||"SIZE_INCREASED"!==t.notAtBottomBecause||g||(h(c)("scrolling to bottom due to increased size",{},D.DEBUG),I("auto"))}));setTimeout(t,100)}return d(w(O(w(L(e),z(1)),s),k(L(u),o,i,a),H((([[e,t],o,n,r,i])=>{let l=t&&r,s="auto";return l&&(s=((e,t)=>"function"==typeof e?Ne(e(t)):t&&Ne(e))(o,n||i),l=l&&!!s),{totalCount:e,shouldFollow:l,followOutputBehavior:s}})),E((({shouldFollow:e})=>e))),(({totalCount:e,followOutputBehavior:o})=>{g&&(g(),g=null),g=p(t,(()=>{h(c)("following output to ",{totalCount:e},D.DEBUG),I(o),g=null}))})),d(w(O(L(u),e,l),E((([e,,t])=>e&&t)),b((({value:e},[,t])=>({refreshed:e===t,value:t})),{refreshed:!1,value:0}),E((({refreshed:e})=>e)),k(u,e)),(([,e])=>{T(!1!==e)})),d(m,(()=>{T(!1!==h(u))})),d(O(L(u),n),(([e,t])=>{e&&!t.atBottom&&"VIEWPORT_HEIGHT_DECREASING"===t.notAtBottomBecause&&I("auto")})),{followOutput:u,autoscrollToBottom:m}}),s(Pe,Ae,Me,Ge,De,N,Y));function Ue(e){return e.reduce(((e,t)=>(e.groupIndices.push(e.totalCount),e.totalCount+=t+1,e)),{totalCount:0,groupIndices:[]})}const $e=M((([{totalCount:e,groupIndices:t,sizes:o},{scrollTop:n,headerHeight:r}])=>{const i=v(),l=v(),s=I(w(i,H(Ue)));return g(w(s,H((e=>e.totalCount))),e),g(w(s,H((e=>e.groupIndices))),t),g(w(O(n,o,r),E((([e,t])=>Be(t))),H((([e,t,o])=>oe(t.groupOffsetTree,Math.max(e-o,0),"v")[0])),C(),H((e=>[e]))),l),{groupCounts:i,topItemsIndexes:l}}),s(Pe,Y));function je(e,t){return!(!e||e[0]!==t[0]||e[1]!==t[1])}function Ke(e,t){return!(!e||e.startIndex!==t.startIndex||e.endIndex!==t.endIndex)}const qe="top",Ye="bottom",Ze="none";function Je(e,t,o){return"number"==typeof e?o===We&&t===qe||o===Fe&&t===Ye?e:0:o===We?t===qe?e.main:e.reverse:t===Ye?e.main:e.reverse}function Qe(e,t){return"number"==typeof e?e:e[t]||0}const Xe=M((([{scrollTop:e,viewportHeight:t,deviation:o,headerHeight:n,fixedHeaderHeight:r}])=>{const i=v(),l=x(0),s=x(0),c=x(0);return{listBoundary:i,overscan:c,topListHeight:l,increaseViewportBy:s,visibleRange:T(w(O(L(e),L(t),L(n),L(i,je),L(c),L(l),L(r),L(o),L(s)),H((([e,t,o,[n,r],i,l,s,c,a])=>{const u=e-c,d=l+s,f=Math.max(o-u,0);let m=Ze;const h=Qe(a,qe),g=Qe(a,Ye);return n-=c,r+=o+s,(n+=o+s)>e+d-h&&(m=We),(r-=c)<e-f+t+g&&(m=Fe),m!==Ze?[Math.max(u-o-Je(i,qe,m)-h,0),u-f-s+t+Je(i,Ye,m)+g]:null})),E((e=>null!=e)),C(je)),[0,0])}}),s(Y),{singleton:!0});const et={items:[],topItems:[],offsetTop:0,offsetBottom:0,top:0,bottom:0,topListHeight:0,totalCount:0,firstItemIndex:0};function tt(e,t,o){if(0===e.length)return[];if(!Be(t))return e.map((e=>({...e,index:e.index+o,originalIndex:e.index})));const n=e[0].index,r=e[e.length-1].index,i=[],l=fe(t.groupOffsetTree,n,r);let s,c=0;for(const a of e){let e;(!s||s.end<a.index)&&(s=l.shift(),c=t.groupIndices.indexOf(s.start)),e=a.index===s.start?{type:"group",index:c}:{index:a.index-(c+1)+o,groupIndex:c},i.push({...e,size:a.size,offset:a.offset,originalIndex:a.index,data:a.data})}return i}function ot(e,t,o,n,r,i){const{lastSize:l,lastOffset:s,lastIndex:c}=r;let a=0,u=0;if(e.length>0){a=e[0].offset;const t=e[e.length-1];u=t.offset+t.size}const d=o-c,f=a,m=s+d*l+(d-1)*n-u;return{items:tt(e,r,i),topItems:tt(t,r,i),topListHeight:t.reduce(((e,t)=>t.size+e),0),offsetTop:a,offsetBottom:m,top:f,bottom:u,totalCount:o,firstItemIndex:i}}const nt=M((([{sizes:e,totalCount:t,data:o,firstItemIndex:n,gap:r},i,{visibleRange:s,listBoundary:c,topListHeight:a},{scrolledToInitialItem:u,initialTopMostItemIndex:d},{topListHeight:f},m,{didMount:h},{recalcInProgress:p}])=>{const S=x([]),y=v();g(i.topItemsIndexes,S);const b=T(w(O(h,p,L(s,je),L(t),L(e),L(d),u,L(S),L(n),L(r),o),E((([e,t,,o,,,,,,,n])=>{const r=n&&n.length!==o;return e&&!t&&!r})),H((([,,[e,t],o,n,r,i,s,c,a,u])=>{const d=n,{sizeTree:f,offsetTree:m}=d;if(0===o||0===e&&0===t)return{...et,totalCount:o};if(Q(f))return ot(function(e,t,o){if(Be(t)){const n=Re(e,t);return[{index:oe(t.groupOffsetTree,n)[0],size:0,offset:0},{index:n,size:0,offset:0,data:o&&o[0]}]}return[{index:e,size:0,offset:0,data:o&&o[0]}]}(function(e,t){const o=t-1;return"number"==typeof e?e:"LAST"===e.index?o:e.index}(r,o),d,u),[],o,a,d,c);const h=[];if(s.length>0){const e=s[0],t=s[s.length-1];let o=0;for(const n of fe(f,e,t)){const r=n.value,i=Math.max(n.start,e),l=Math.min(n.end,t);for(let e=i;e<=l;e++)h.push({index:e,size:r,offset:o,data:u&&u[e]}),o+=r}}if(!i)return ot([],h,o,a,d,c);const g=s.length>0?s[s.length-1]+1:0,p=Ee(m,e,t,g);if(0===p.length)return null;const v=o-1;return ot(l([],(o=>{for(const n of p){const r=n.value;let i=r.offset,l=n.start;const s=r.size;if(r.offset<e){l+=Math.floor((e-r.offset+a)/(s+a));const t=l-n.start;i+=t*s+t*a}l<g&&(i+=(g-l)*s,l=g);const c=Math.min(n.end,v);for(let e=l;e<=c&&!(i>=t);e++)o.push({index:e,size:s,offset:i,data:u&&u[e]}),i+=s+a}})),h,o,a,d,c)})),E((e=>null!==e)),C()),et);g(w(o,E((e=>void 0!==e)),H((e=>null==e?void 0:e.length))),t),g(w(b,H((e=>e.topListHeight))),f),g(f,a),g(w(b,H((e=>[e.top,e.bottom]))),c),g(w(b,H((e=>e.items))),y);return{listState:b,topItemsIndexes:S,endReached:I(w(b,E((({items:e})=>e.length>0)),k(t,o),E((([{items:e},t])=>e[e.length-1].originalIndex===t-1)),H((([,e,t])=>[e-1,t])),C(je),H((([e])=>e)))),startReached:I(w(b,R(200),E((({items:e,topItems:t})=>e.length>0&&e[0].originalIndex===t.length)),H((({items:e})=>e[0].index)),C())),rangeChanged:I(w(b,E((({items:e})=>e.length>0)),H((({items:e})=>{let t=0,o=e.length-1;for(;"group"===e[t].type&&t<o;)t++;for(;"group"===e[o].type&&o>t;)o--;return{startIndex:e[t].index,endIndex:e[o].index}})),C(Ke))),itemsRendered:y,...m}}),s(Pe,$e,Xe,Ge,Me,Ae,De,xe),{singleton:!0}),rt=M((([{sizes:e,firstItemIndex:t,data:o,gap:n},{listState:r},{didMount:i}])=>{const l=x(0);return g(w(i,k(l),E((([,e])=>0!==e)),k(e,t,n,o),H((([[,e],t,o,n,r=[]])=>{let i=0;if(t.groupIndices.length>0)for(const s of t.groupIndices){if(s-i>=e)break;i++}const l=e+i;return ot(Array.from({length:l}).map(((e,t)=>({index:t,size:0,offset:0,data:r[t]}))),[],l,n,t,o)}))),r),{initialItemCount:l}}),s(Pe,nt,De),{singleton:!0}),it=M((([{scrollVelocity:e}])=>{const t=x(!1),o=v(),n=x(!1);return g(w(e,k(n,t,o),E((([e,t])=>!!t)),H((([e,t,o,n])=>{const{exit:r,enter:i}=t;if(o){if(r(e,n))return!1}else if(i(e,n))return!0;return o})),C()),t),d(w(O(t,e,o),k(n)),(([[e,t,o],n])=>e&&n&&n.change&&n.change(t,o))),{isSeeking:t,scrollSeekConfiguration:n,scrollVelocity:e,scrollSeekRangeChanged:o}}),s(Ae),{singleton:!0}),lt=M((([{topItemsIndexes:e}])=>{const t=x(0);return g(w(t,E((e=>e>0)),H((e=>Array.from({length:e}).map(((e,t)=>t))))),e),{topItemCount:t}}),s(nt)),st=M((([{footerHeight:e,headerHeight:t,fixedHeaderHeight:o,fixedFooterHeight:n},{listState:r}])=>{const i=v(),l=T(w(O(e,n,t,o,r),H((([e,t,o,n,r])=>e+t+o+n+r.offsetBottom+r.bottom))),0);return g(L(l),i),{totalListHeight:l,totalListHeightChanged:i}}),s(Y,nt),{singleton:!0});function ct(e){let t,o=!1;return()=>(o||(o=!0,t=e()),t)}const at=ct((()=>/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent))),ut=M((([{scrollBy:e,scrollTop:t,deviation:o,scrollingInProgress:n},{isScrolling:r,isAtBottom:i,scrollDirection:l,lastJumpDueToItemResize:s},{listState:c},{beforeUnshiftWith:a,shiftWithOffset:u,sizes:m,gap:h},{log:p},{recalcInProgress:v}])=>{const x=I(w(c,k(s),b((([,e,t,o],[{items:n,totalCount:r,bottom:i,offsetBottom:l},s])=>{const c=i+l;let a=0;if(t===r&&e.length>0&&n.length>0){0===n[0].originalIndex&&0===e[0].originalIndex||(a=c-o,0!==a&&(a+=s))}return[a,n,r,c]}),[0,[],0,0]),E((([e])=>0!==e)),k(t,l,n,i,p,v),E((([,e,t,o,,,n])=>!n&&!o&&0!==e&&t===We)),H((([[e],,,,,t])=>(t("Upward scrolling compensation",{amount:e},D.DEBUG),e)))));function S(t){t>0?(f(e,{top:-t,behavior:"auto"}),f(o,0)):(f(o,0),f(e,{top:-t,behavior:"auto"}))}return d(w(x,k(o,r)),(([e,t,n])=>{n&&at()?f(o,t-e):S(-e)})),d(w(O(T(r,!1),o,v),E((([e,t,o])=>!e&&!o&&0!==t)),H((([e,t])=>t)),R(1)),S),g(w(u,H((e=>({top:-e})))),e),d(w(a,k(m,h),H((([e,{lastSize:t,groupIndices:o,sizeTree:n},r])=>{function i(e){return e*(t+r)}if(0===o.length)return i(e);{let t=0;const r=te(n,0);let l=0,s=0;for(;l<e;){l++,t+=r;let n=o[s+1]-o[s]-1;l+n>e&&(t-=r,n=e-l+1),l+=n,t+=i(n),s++}return t}}))),(t=>{f(o,t),requestAnimationFrame((()=>{f(e,{top:t}),requestAnimationFrame((()=>{f(o,0),f(v,!1)}))}))})),{deviation:o}}),s(Y,Ae,nt,Pe,N,xe)),dt=M((([{didMount:e},{scrollTo:t},{listState:o}])=>{const n=x(0);return d(w(e,k(n),E((([,e])=>0!==e)),H((([,e])=>({top:e})))),(e=>{p(w(o,z(1),E((e=>e.items.length>1))),(()=>{requestAnimationFrame((()=>{f(t,e)}))}))})),{initialScrollTop:n}}),s(De,Y,nt),{singleton:!0}),ft=M((([{viewportHeight:e},{totalListHeight:t}])=>{const o=x(!1);return{alignToBottom:o,paddingTopAddition:T(w(O(o,e,t),E((([e])=>e)),H((([,e,t])=>Math.max(0,e-t))),C()),0)}}),s(Y,st),{singleton:!0}),mt=M((([{scrollTo:e,scrollContainerState:t}])=>{const o=v(),n=v(),r=v(),i=x(!1),l=x(void 0);return g(w(O(o,n),H((([{viewportHeight:e,scrollTop:t,scrollHeight:o},{offsetTop:n}])=>({scrollTop:Math.max(0,t-n),scrollHeight:o,viewportHeight:e})))),t),g(w(e,k(n),H((([e,{offsetTop:t}])=>({...e,top:e.top+t})))),r),{useWindowScroll:i,customScrollParent:l,windowScrollContainerState:o,windowViewportRect:n,windowScrollTo:r}}),s(Y)),ht=({itemTop:e,itemBottom:t,viewportTop:o,viewportBottom:n,locationParams:{behavior:r,align:i,...l}})=>e<o?{...l,behavior:r,align:null!=i?i:"start"}:t>n?{...l,behavior:r,align:null!=i?i:"end"}:null,gt=M((([{sizes:e,totalCount:t,gap:o},{scrollTop:n,viewportHeight:r,headerHeight:i,fixedHeaderHeight:l,fixedFooterHeight:s,scrollingInProgress:c},{scrollToIndex:a}])=>{const u=v();return g(w(u,k(e,r,t,i,l,s,n),k(o),H((([[e,t,o,n,r,i,l,s],a])=>{const{done:u,behavior:d,align:f,calculateViewLocation:m=ht,...g}=e,v=ze(e,t,n-1),x=be(v,t.offsetTree,a)+r+i,I=m({itemTop:x,itemBottom:x+oe(t.sizeTree,v)[1],viewportTop:s+i,viewportBottom:s+o-l,locationParams:{behavior:d,align:f,...g}});return I?u&&p(w(c,E((e=>!1===e)),z(h(c)?1:2)),u):u&&u(),I})),E((e=>null!==e))),a),{scrollIntoView:u}}),s(Pe,Y,Me,nt,N),{singleton:!0}),pt=M((([e,t,o,n,r,i,l,s,c])=>({...e,...t,...o,...n,...r,...i,...l,...s,...c})),s(Xe,rt,De,it,st,dt,ft,mt,gt)),vt=M((([{totalCount:e,sizeRanges:t,fixedItemSize:o,defaultItemSize:n,trackItemSizes:r,itemSize:i,data:l,firstItemIndex:s,groupIndices:c,statefulTotalCount:a,gap:u,sizes:d},{initialTopMostItemIndex:f,scrolledToInitialItem:m},h,p,{listState:v,topItemsIndexes:x,...I},{scrollToIndex:T},S,{topItemCount:C},{groupCounts:E},y,b])=>(g(I.rangeChanged,y.scrollSeekRangeChanged),g(w(y.windowViewportRect,H((e=>e.visibleHeight))),h.viewportHeight),{totalCount:e,data:l,firstItemIndex:s,sizeRanges:t,initialTopMostItemIndex:f,scrolledToInitialItem:m,topItemsIndexes:x,topItemCount:C,groupCounts:E,fixedItemHeight:o,defaultItemHeight:n,gap:u,...p,statefulTotalCount:a,listState:v,scrollToIndex:T,trackItemSizes:r,itemSize:i,groupIndices:c,...I,...y,...h,...b,sizes:d})),s(Pe,Ge,Y,_e,nt,Me,ut,lt,$e,pt,N)),xt="-webkit-sticky",It="sticky",Tt=ct((()=>{if("undefined"==typeof document)return It;const e=document.createElement("div");return e.style.position=xt,e.style.position===xt?xt:It}));function wt(t,o){const n=e.useRef(null),r=e.useCallback((e=>{if(null===e||!e.offsetParent)return;const r=e.getBoundingClientRect(),i=r.width;let l,s;if(o){const e=o.getBoundingClientRect(),t=r.top-e.top;l=e.height-Math.max(0,t),s=t+o.scrollTop}else l=window.innerHeight-Math.max(0,r.top),s=r.top+window.pageYOffset;n.current={offsetTop:s,visibleHeight:l,visibleWidth:i},t(n.current)}),[t,o]),{callbackRef:i,ref:l}=_(r),s=e.useCallback((()=>{r(l.current)}),[r,l]);return e.useEffect((()=>{if(o){o.addEventListener("scroll",s);const e=new ResizeObserver(s);return e.observe(o),()=>{o.removeEventListener("scroll",s),e.unobserve(o)}}return window.addEventListener("scroll",s),window.addEventListener("resize",s),()=>{window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}}),[s,o]),i}const St=e.createContext(void 0),Ct=e.createContext(void 0);function Et(e){return e}const Ht=M((([e,t])=>({...e,...t})),s(vt,M((()=>{const e=x((e=>`Item ${e}`)),t=x(null),o=x((e=>`Group ${e}`)),n=x({}),r=x(Et),i=x("div"),l=x(u),s=(e,t=null)=>T(w(n,H((t=>t[e])),C()),t);return{context:t,itemContent:e,groupContent:o,components:n,computeItemKey:r,headerFooterTag:i,scrollerRef:l,FooterComponent:s("Footer"),HeaderComponent:s("Header"),TopItemListComponent:s("TopItemList"),ListComponent:s("List","div"),ItemComponent:s("Item","div"),GroupComponent:s("Group","div"),ScrollerComponent:s("Scroller","div"),EmptyPlaceholder:s("EmptyPlaceholder"),ScrollSeekPlaceholder:s("ScrollSeekPlaceholder")}})))),yt=({height:t})=>e.createElement("div",{style:{height:t}}),bt={position:Tt(),zIndex:1,overflowAnchor:"none"},zt={overflowAnchor:"none"},Rt=e.memo((function({showTopList:t=!1}){const o=Ut("listState"),n=_t("sizeRanges"),r=Ut("useWindowScroll"),i=Ut("customScrollParent"),l=_t("windowScrollContainerState"),s=_t("scrollContainerState"),c=i||r?l:s,a=Ut("itemContent"),d=Ut("context"),f=Ut("groupContent"),m=Ut("trackItemSizes"),h=Ut("itemSize"),g=Ut("log"),p=_t("gap"),{callbackRef:v}=$(n,h,m,t?u:c,g,p,i),[x,I]=e.useState(0);$t("deviation",(e=>{x!==e&&I(e)}));const T=Ut("EmptyPlaceholder"),w=Ut("ScrollSeekPlaceholder")||yt,S=Ut("ListComponent"),C=Ut("ItemComponent"),E=Ut("GroupComponent"),H=Ut("computeItemKey"),y=Ut("isSeeking"),b=Ut("groupIndices").length>0,z=Ut("paddingTopAddition"),R=t?{}:{boxSizing:"border-box",paddingTop:o.offsetTop+z,paddingBottom:o.offsetBottom,marginTop:x};return!t&&0===o.totalCount&&T?e.createElement(T,Lt(T,d)):e.createElement(S,{...Lt(S,d),ref:v,style:R,"data-test-id":t?"virtuoso-top-item-list":"virtuoso-item-list"},(t?o.topItems:o.items).map((t=>{const n=t.originalIndex,r=H(n+o.firstItemIndex,t.data,d);return y?e.createElement(w,{...Lt(w,d),key:r,index:t.index,height:t.size,type:t.type||"item",..."group"===t.type?{}:{groupIndex:t.groupIndex}}):"group"===t.type?e.createElement(E,{...Lt(E,d),key:r,"data-index":n,"data-known-size":t.size,"data-item-index":t.index,style:bt},f(t.index,d)):e.createElement(C,{...Lt(C,d),key:r,"data-index":n,"data-known-size":t.size,"data-item-index":t.index,"data-item-group-index":t.groupIndex,item:t.data,style:zt},b?a(t.index,t.groupIndex,t.data,d):a(t.index,t.data,d))})))})),Bt={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},kt={width:"100%",height:"100%",position:"absolute",top:0},Pt={width:"100%",position:Tt(),top:0,zIndex:1};function Lt(e,t){if("string"!=typeof e)return{context:t}}const Ot=e.memo((function(){const t=Ut("HeaderComponent"),o=_t("headerHeight"),n=Ut("headerFooterTag"),r=U((e=>o(j(e,"height")))),i=Ut("context");return t?e.createElement(n,{ref:r},e.createElement(t,Lt(t,i))):null})),Mt=e.memo((function(){const t=Ut("FooterComponent"),o=_t("footerHeight"),n=Ut("headerFooterTag"),r=U((e=>o(j(e,"height")))),i=Ut("context");return t?e.createElement(n,{ref:r},e.createElement(t,Lt(t,i))):null}));function Wt({usePublisher:t,useEmitter:o,useEmitterValue:n}){return e.memo((function({style:r,children:i,...l}){const s=t("scrollContainerState"),c=n("ScrollerComponent"),a=t("smoothScrollTargetReached"),u=n("scrollerRef"),d=n("context"),{scrollerRef:f,scrollByCallback:m,scrollToCallback:h}=q(s,a,c,u);return o("scrollTo",h),o("scrollBy",m),e.createElement(c,{ref:f,style:{...Bt,...r},"data-test-id":"virtuoso-scroller","data-virtuoso-scroller":!0,tabIndex:0,...l,...Lt(c,d)},i)}))}function Ft({usePublisher:t,useEmitter:o,useEmitterValue:n}){return e.memo((function({style:r,children:i,...l}){const s=t("windowScrollContainerState"),c=n("ScrollerComponent"),a=t("smoothScrollTargetReached"),d=n("totalListHeight"),f=n("deviation"),m=n("customScrollParent"),h=n("context"),{scrollerRef:g,scrollByCallback:p,scrollToCallback:v}=q(s,a,c,u,m);return A((()=>(g.current=m||window,()=>{g.current=null})),[g,m]),o("windowScrollTo",v),o("scrollBy",p),e.createElement(c,{style:{position:"relative",...r,...0!==d?{height:d+f}:{}},"data-virtuoso-scroller":!0,...l,...Lt(c,h)},i)}))}const Vt=({children:t})=>{const n=e.useContext(St),r=_t("viewportHeight"),i=_t("fixedItemHeight"),l=U(o(r,(e=>j(e,"height"))));return e.useEffect((()=>{n&&(r(n.viewportHeight),i(n.itemHeight))}),[n,r,i]),e.createElement("div",{style:kt,ref:l,"data-viewport-type":"element"},t)},At=({children:t})=>{const o=e.useContext(St),n=_t("windowViewportRect"),r=_t("fixedItemHeight"),i=Ut("customScrollParent"),l=wt(n,i);return e.useEffect((()=>{o&&(r(o.itemHeight),n({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}))}),[o,n,r]),e.createElement("div",{ref:l,style:kt,"data-viewport-type":"window"},t)},Dt=({children:t})=>{const o=Ut("TopItemListComponent"),n=Ut("headerHeight"),r={...Pt,marginTop:`${n}px`},i=Ut("context");return e.createElement(o||"div",{style:r,context:i},t)},Gt=e.memo((function(t){const o=Ut("useWindowScroll"),n=Ut("topItemsIndexes").length>0,r=Ut("customScrollParent"),i=r||o?Kt:jt,l=r||o?At:Vt;return e.createElement(i,{...t},n&&e.createElement(Dt,null,e.createElement(Rt,{showTopList:!0})),e.createElement(l,null,e.createElement(Ot,null),e.createElement(Rt,null),e.createElement(Mt,null)))})),{Component:Nt,usePublisher:_t,useEmitterValue:Ut,useEmitter:$t}=V(Ht,{required:{},optional:{context:"context",followOutput:"followOutput",itemContent:"itemContent",groupContent:"groupContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",groupCounts:"groupCounts",topItemCount:"topItemCount",firstItemIndex:"firstItemIndex",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy",autoscrollToBottom:"autoscrollToBottom"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},Gt),jt=Wt({usePublisher:_t,useEmitterValue:Ut,useEmitter:$t}),Kt=Ft({usePublisher:_t,useEmitterValue:Ut,useEmitter:$t}),qt=Nt,Yt=Nt,Zt={items:[],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},Jt={items:[{index:0}],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},{round:Qt,ceil:Xt,floor:eo,min:to,max:oo}=Math;function no(e,t,o){return Array.from({length:t-e+1}).map(((t,n)=>({index:n+e,data:null==o?void 0:o[n+e]})))}function ro(e,t){return e&&e.column===t.column&&e.row===t.row}function io(e,t){return e&&e.width===t.width&&e.height===t.height}const lo=M((([{overscan:e,visibleRange:t,listBoundary:o},{scrollTop:n,viewportHeight:r,scrollBy:i,scrollTo:l,smoothScrollTargetReached:s,scrollContainerState:c,footerHeight:a,headerHeight:u},d,f,{propsReady:m,didMount:h},{windowViewportRect:p,windowScrollTo:S,useWindowScroll:b,customScrollParent:z,windowScrollContainerState:R},B])=>{const P=x(0),M=x(0),W=x(Zt),F=x({height:0,width:0}),V=x({height:0,width:0}),A=v(),D=v(),G=x(0),N=x(void 0),_=x({row:0,column:0});g(w(O(h,M,N),E((([,e])=>0!==e)),H((([,e,t])=>({items:no(0,e-1,t),top:0,bottom:0,offsetBottom:0,offsetTop:0,itemHeight:0,itemWidth:0})))),W),g(w(O(L(P),t,L(_,ro),L(V,io),L(F,io),N),H((([e,[t,o],n,r,i,l])=>{const{row:s,column:c}=n,{height:a,width:u}=r,{width:d}=i;if(0===e||0===d)return Zt;if(0===u)return function(e){return{...Jt,items:e}}(no(0,0,l));const f=ao(d,u,c);let m=f*eo((t+s)/(a+s)),h=f*Xt((o+s)/(a+s))-1;h=to(e-1,oo(h,f-1)),m=to(h,oo(0,m));const g=no(m,h,l),{top:p,bottom:v}=so(i,n,r,g),x=Xt(e/f);return{items:g,offsetTop:p,offsetBottom:x*a+(x-1)*s-v,top:p,bottom:v,itemHeight:a,itemWidth:u}}))),W),g(w(N,E((e=>void 0!==e)),H((e=>e.length))),P),g(w(F,H((({height:e})=>e))),r),g(w(O(F,V,W,_),H((([e,t,{items:o},n])=>{const{top:r,bottom:i}=so(e,n,t,o);return[r,i]})),C(je)),o);const U=I(w(L(W),E((({items:e})=>e.length>0)),k(P),E((([{items:e},t])=>e[e.length-1].index===t-1)),H((([,e])=>e-1)),C())),$=I(w(L(W),E((({items:e})=>e.length>0&&0===e[0].index)),y(0),C())),j=I(w(L(W),E((({items:e})=>e.length>0)),H((({items:e})=>({startIndex:e[0].index,endIndex:e[e.length-1].index}))),C(Ke)));g(j,f.scrollSeekRangeChanged),g(w(A,k(F,V,P,_),H((([e,t,o,n,r])=>{const i=Oe(e),{align:l,behavior:s,offset:c}=i;let a=i.index;"LAST"===a&&(a=n-1),a=oo(0,a,to(n-1,a));let u=co(t,r,o,a);return"end"===l?u=Qt(u-t.height+o.height):"center"===l&&(u=Qt(u-t.height/2+o.height/2)),c&&(u+=c),{top:u,behavior:s}}))),l);const K=T(w(W,H((e=>e.offsetBottom+e.bottom))),0);return g(w(p,H((e=>({width:e.visibleWidth,height:e.visibleHeight})))),F),{data:N,totalCount:P,viewportDimensions:F,itemDimensions:V,scrollTop:n,scrollHeight:D,overscan:e,scrollBy:i,scrollTo:l,scrollToIndex:A,smoothScrollTargetReached:s,windowViewportRect:p,windowScrollTo:S,useWindowScroll:b,customScrollParent:z,windowScrollContainerState:R,deviation:G,scrollContainerState:c,footerHeight:a,headerHeight:u,initialItemCount:M,gap:_,...f,gridState:W,totalListHeight:K,...d,startReached:$,endReached:U,rangeChanged:j,propsReady:m,...B}}),s(Xe,Y,Ae,it,De,mt,N));function so(e,t,o,n){const{height:r}=o;if(void 0===r||0===n.length)return{top:0,bottom:0};return{top:co(e,t,o,n[0].index),bottom:co(e,t,o,n[n.length-1].index)+r}}function co(e,t,o,n){const r=ao(e.width,o.width,t.column),i=eo(n/r),l=i*o.height+oo(0,i-1)*t.row;return l>0?l+t.row:l}function ao(e,t,o){return oo(1,eo((e+o)/(t+o)))}const uo=M((([e,t])=>({...e,...t})),s(lo,M((()=>{const e=x((e=>`Item ${e}`)),t=x({}),o=x(null),n=x("virtuoso-grid-item"),r=x("virtuoso-grid-list"),i=x(Et),l=x("div"),s=x(u),c=(e,o=null)=>T(w(t,H((t=>t[e])),C()),o);return{context:o,itemContent:e,components:t,computeItemKey:i,itemClassName:n,listClassName:r,headerFooterTag:l,scrollerRef:s,FooterComponent:c("Footer"),HeaderComponent:c("Header"),ListComponent:c("List","div"),ItemComponent:c("Item","div"),ScrollerComponent:c("Scroller","div"),ScrollSeekPlaceholder:c("ScrollSeekPlaceholder","div")}})))),fo=e.memo((function(){const t=To("gridState"),o=To("listClassName"),n=To("itemClassName"),r=To("itemContent"),i=To("computeItemKey"),l=To("isSeeking"),s=Io("scrollHeight"),c=To("ItemComponent"),a=To("ListComponent"),u=To("ScrollSeekPlaceholder"),d=To("context"),f=Io("itemDimensions"),m=Io("gap"),h=To("log"),g=U((e=>{const t=e.parentElement.parentElement.scrollHeight;s(t);const o=e.firstChild;o&&f(o.getBoundingClientRect()),m({row:Eo("row-gap",getComputedStyle(e).rowGap,h),column:Eo("column-gap",getComputedStyle(e).columnGap,h)})}));return e.createElement(a,{ref:g,className:o,...Lt(a,d),style:{paddingTop:t.offsetTop,paddingBottom:t.offsetBottom},"data-test-id":"virtuoso-item-list"},t.items.map((o=>{const s=i(o.index,o.data,d);return l?e.createElement(u,{key:s,...Lt(u,d),index:o.index,height:t.itemHeight,width:t.itemWidth}):e.createElement(c,{...Lt(c,d),className:n,"data-index":o.index,key:s},r(o.index,o.data,d))})))})),mo=e.memo((function(){const t=To("HeaderComponent"),o=Io("headerHeight"),n=To("headerFooterTag"),r=U((e=>o(j(e,"height")))),i=To("context");return t?e.createElement(n,{ref:r},e.createElement(t,Lt(t,i))):null})),ho=e.memo((function(){const t=To("FooterComponent"),o=Io("footerHeight"),n=To("headerFooterTag"),r=U((e=>o(j(e,"height")))),i=To("context");return t?e.createElement(n,{ref:r},e.createElement(t,Lt(t,i))):null})),go=({children:t})=>{const o=e.useContext(Ct),n=Io("itemDimensions"),r=Io("viewportDimensions"),i=U((e=>{r(e.getBoundingClientRect())}));return e.useEffect((()=>{o&&(r({height:o.viewportHeight,width:o.viewportWidth}),n({height:o.itemHeight,width:o.itemWidth}))}),[o,r,n]),e.createElement("div",{style:kt,ref:i},t)},po=({children:t})=>{const o=e.useContext(Ct),n=Io("windowViewportRect"),r=Io("itemDimensions"),i=To("customScrollParent"),l=wt(n,i);return e.useEffect((()=>{o&&(r({height:o.itemHeight,width:o.itemWidth}),n({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:o.viewportWidth}))}),[o,n,r]),e.createElement("div",{ref:l,style:kt},t)},vo=e.memo((function({...t}){const o=To("useWindowScroll"),n=To("customScrollParent"),r=n||o?Co:So,i=n||o?po:go;return e.createElement(r,{...t},e.createElement(i,null,e.createElement(mo,null),e.createElement(fo,null),e.createElement(ho,null)))})),{Component:xo,usePublisher:Io,useEmitterValue:To,useEmitter:wo}=V(uo,{optional:{context:"context",totalCount:"totalCount",overscan:"overscan",itemContent:"itemContent",components:"components",computeItemKey:"computeItemKey",data:"data",initialItemCount:"initialItemCount",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",listClassName:"listClassName",itemClassName:"itemClassName",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange"}},vo),So=Wt({usePublisher:Io,useEmitterValue:To,useEmitter:wo}),Co=Ft({usePublisher:Io,useEmitterValue:To,useEmitter:wo});function Eo(e,t,o){return"normal"===t||(null==t?void 0:t.endsWith("px"))||o(`${e} was not resolved to pixel value correctly`,t,D.WARN),"normal"===t?0:parseInt(null!=t?t:"0",10)}const Ho=xo,yo=M((([e,t])=>({...e,...t})),s(vt,M((()=>{const t=x((t=>e.createElement("td",null,"Item $",t))),o=x(null),n=x(null),r=x(null),i=x({}),l=x(Et),s=x(u),c=(e,t=null)=>T(w(i,H((t=>t[e])),C()),t);return{context:o,itemContent:t,fixedHeaderContent:n,fixedFooterContent:r,components:i,computeItemKey:l,scrollerRef:s,TableComponent:c("Table","table"),TableHeadComponent:c("TableHead","thead"),TableFooterComponent:c("TableFoot","tfoot"),TableBodyComponent:c("TableBody","tbody"),TableRowComponent:c("TableRow","tr"),ScrollerComponent:c("Scroller","div"),EmptyPlaceholder:c("EmptyPlaceholder"),ScrollSeekPlaceholder:c("ScrollSeekPlaceholder"),FillerRow:c("FillerRow")}})))),bo=({height:t})=>e.createElement("tr",null,e.createElement("td",{style:{height:t}})),zo=({height:t})=>e.createElement("tr",null,e.createElement("td",{style:{height:t,padding:0,border:0}})),Ro=e.memo((function(){const t=Mo("listState"),o=Oo("sizeRanges"),n=Mo("useWindowScroll"),r=Mo("customScrollParent"),i=Oo("windowScrollContainerState"),l=Oo("scrollContainerState"),s=r||n?i:l,c=Mo("itemContent"),a=Mo("trackItemSizes"),u=Mo("itemSize"),d=Mo("log"),{callbackRef:f,ref:m}=$(o,u,a,s,d,void 0,r),[h,g]=e.useState(0);Wo("deviation",(e=>{h!==e&&(m.current.style.marginTop=`${e}px`,g(e))}));const p=Mo("EmptyPlaceholder"),v=Mo("ScrollSeekPlaceholder")||bo,x=Mo("FillerRow")||zo,I=Mo("TableBodyComponent"),T=Mo("TableRowComponent"),w=Mo("computeItemKey"),S=Mo("isSeeking"),C=Mo("paddingTopAddition"),E=Mo("firstItemIndex"),H=Mo("statefulTotalCount"),y=Mo("context");if(0===H&&p)return e.createElement(p,Lt(p,y));const b=t.offsetTop+C+h,z=t.offsetBottom,R=b>0?e.createElement(x,{height:b,key:"padding-top",context:y}):null,B=z>0?e.createElement(x,{height:z,key:"padding-bottom",context:y}):null,k=t.items.map((t=>{const o=t.originalIndex,n=w(o+E,t.data,y);return S?e.createElement(v,{...Lt(v,y),key:n,index:t.index,height:t.size,type:t.type||"item"}):e.createElement(T,{...Lt(T,y),key:n,"data-index":o,"data-known-size":t.size,"data-item-index":t.index,item:t.data,style:{overflowAnchor:"none"}},c(t.index,t.data,y))}));return e.createElement(I,{ref:f,"data-test-id":"virtuoso-item-list",...Lt(I,y)},[R,...k,B])})),Bo=({children:t})=>{const n=e.useContext(St),r=Oo("viewportHeight"),i=Oo("fixedItemHeight"),l=U(o(r,(e=>j(e,"height"))));return e.useEffect((()=>{n&&(r(n.viewportHeight),i(n.itemHeight))}),[n,r,i]),e.createElement("div",{style:kt,ref:l,"data-viewport-type":"element"},t)},ko=({children:t})=>{const o=e.useContext(St),n=Oo("windowViewportRect"),r=Oo("fixedItemHeight"),i=Mo("customScrollParent"),l=wt(n,i);return e.useEffect((()=>{o&&(r(o.itemHeight),n({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}))}),[o,n,r]),e.createElement("div",{ref:l,style:kt,"data-viewport-type":"window"},t)},Po=e.memo((function(t){const n=Mo("useWindowScroll"),r=Mo("customScrollParent"),i=Oo("fixedHeaderHeight"),l=Oo("fixedFooterHeight"),s=Mo("fixedHeaderContent"),c=Mo("fixedFooterContent"),a=Mo("context"),u=U(o(i,(e=>j(e,"height")))),d=U(o(l,(e=>j(e,"height")))),f=r||n?Vo:Fo,m=r||n?ko:Bo,h=Mo("TableComponent"),g=Mo("TableHeadComponent"),p=Mo("TableFooterComponent"),v=s?e.createElement(g,{key:"TableHead",style:{zIndex:1,position:"sticky",top:0},ref:u,...Lt(g,a)},s()):null,x=c?e.createElement(p,{key:"TableFoot",style:{zIndex:1,position:"sticky",bottom:0},ref:d,...Lt(p,a)},c()):null;return e.createElement(f,{...t},e.createElement(m,null,e.createElement(h,{style:{borderSpacing:0},...Lt(h,a)},[v,e.createElement(Ro,{key:"TableBody"}),x])))})),{Component:Lo,usePublisher:Oo,useEmitterValue:Mo,useEmitter:Wo}=V(yo,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",fixedHeaderContent:"fixedHeaderContent",fixedFooterContent:"fixedFooterContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},Po),Fo=Wt({usePublisher:Oo,useEmitterValue:Mo,useEmitter:Wo}),Vo=Ft({usePublisher:Oo,useEmitterValue:Mo,useEmitter:Wo}),Ao=Lo;exports.GroupedVirtuoso=Yt,exports.LogLevel=D,exports.TableVirtuoso=Ao,exports.Virtuoso=qt,exports.VirtuosoGrid=Ho,exports.VirtuosoGridMockContext=Ct,exports.VirtuosoMockContext=St;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom");function o(e,t){return o=>e(t(o))}function n(e,t){return t(e)}function r(e,t){return o=>e(t,o)}function i(e,t){return()=>e(t)}function l(e,t){return t(e),e}function s(...e){return e}function c(e){e()}function a(e){return()=>e}function u(e){return void 0!==e}function d(){}function f(e,t){return e(1,t)}function m(e,t){e(0,t)}function h(e){e(2)}function g(e){return e(4)}function p(e,t){return f(e,r(t,0))}function v(e,t){const o=e(1,(e=>{o(),t(e)}));return o}function x(){const e=[];return(t,o)=>{switch(t){case 2:return void e.splice(0,e.length);case 1:return e.push(o),()=>{const t=e.indexOf(o);t>-1&&e.splice(t,1)};case 0:return void e.slice().forEach((e=>{e(o)}));default:throw new Error(`unrecognized action ${t}`)}}}function I(e){let t=e;const o=x();return(e,n)=>{switch(e){case 1:n(t);break;case 0:t=n;break;case 4:return t}return o(e,n)}}function T(e){return l(x(),(t=>p(e,t)))}function w(e,t){return l(I(t),(t=>p(e,t)))}function S(e,...t){const o=function(...e){return t=>e.reduceRight(n,t)}(...t);return(t,n)=>{switch(t){case 1:return f(e,o(n));case 2:return void h(e)}}}function C(e,t){return e===t}function E(e=C){let t;return o=>n=>{e(t,n)||(t=n,o(n))}}function H(e){return t=>o=>{e(o)&&t(o)}}function y(e){return t=>o(t,e)}function b(e){return t=>()=>t(e)}function z(e,t){return o=>n=>o(t=e(t,n))}function R(e){return t=>o=>{e>0?e--:t(o)}}function B(e){let t,o;return n=>r=>{t=r,o||(o=setTimeout((()=>{o=void 0,n(t)}),e))}}function k(e){let t,o;return n=>r=>{t=r,o&&clearTimeout(o),o=setTimeout((()=>{n(t)}),e)}}function P(...e){const t=new Array(e.length);let o=0,n=null;const r=Math.pow(2,e.length)-1;return e.forEach(((e,i)=>{const l=Math.pow(2,i);f(e,(e=>{const s=o;o|=l,t[i]=e,s!==r&&o===r&&n&&(n(),n=null)}))})),e=>i=>{const l=()=>e([i].concat(t));o===r?l():n=l}}function L(...e){return function(t,o){switch(t){case 1:return function(...e){return()=>{e.map(c)}}(...e.map((e=>f(e,o))));case 2:return;default:throw new Error(`unrecognized action ${t}`)}}}function O(e,t=C){return S(e,E(t))}function M(...e){const t=x(),o=new Array(e.length);let n=0;const r=Math.pow(2,e.length)-1;return e.forEach(((e,i)=>{const l=Math.pow(2,i);f(e,(e=>{o[i]=e,n|=l,n===r&&m(t,o)}))})),function(e,i){switch(e){case 1:return n===r&&i(o),f(t,i);case 2:return h(t);default:throw new Error(`unrecognized action ${e}`)}}}function F(e,t=[],{singleton:o}={singleton:!0}){return{id:W(),constructor:e,dependencies:t,singleton:o}}const W=()=>Symbol();const V="undefined"!=typeof document?e.useLayoutEffect:e.useEffect;function A(t,o,n){const s=Object.keys(o.required||{}),c=Object.keys(o.optional||{}),u=Object.keys(o.methods||{}),p=Object.keys(o.events||{}),v=e.createContext({});function x(e,t){e.propsReady&&m(e.propsReady,!1);for(const n of s){m(e[o.required[n]],t[n])}for(const n of c)if(n in t){m(e[o.optional[n]],t[n])}e.propsReady&&m(e.propsReady,!0)}function I(e){return p.reduce(((t,n)=>(t[n]=function(e){let t,o;const n=()=>t&&t();return function(r,i){switch(r){case 1:if(i){if(o===i)return;return n(),o=i,t=f(e,i),t}return n(),d;case 2:return n(),void(o=null);default:throw new Error(`unrecognized action ${r}`)}}}(e[o.events[n]]),t)),{})}const T=e.forwardRef(((r,d)=>{const{children:g,...T}=r,[w]=e.useState((()=>l(function(e){const t=new Map,o=({id:e,constructor:n,dependencies:r,singleton:i})=>{if(i&&t.has(e))return t.get(e);const l=n(r.map((e=>o(e))));return i&&t.set(e,l),l};return o(e)}(t),(e=>x(e,T))))),[S]=e.useState(i(I,w));return V((()=>{for(const e of p)e in T&&f(S[e],T[e]);return()=>{Object.values(S).map(h)}}),[T,S,w]),V((()=>{x(w,T)})),e.useImperativeHandle(d,a(function(e){return u.reduce(((t,n)=>(t[n]=t=>{m(e[o.methods[n]],t)},t)),{})}(w))),e.createElement(v.Provider,{value:w},n?e.createElement(n,function(e,t){const o={},n={};let r=0;const i=e.length;for(;r<i;)n[e[r]]=1,r+=1;for(const l in t)n.hasOwnProperty(l)||(o[l]=t[l]);return o}([...s,...c,...p],T),g):g)}));return{Component:T,usePublisher:t=>e.useCallback(r(m,e.useContext(v)[t]),[t]),useEmitterValue:t=>{const o=e.useContext(v)[t],[n,r]=e.useState(i(g,o));return V((()=>f(o,(e=>{e!==n&&r(a(e))}))),[o,n]),n},useEmitter:(t,o)=>{const n=e.useContext(v)[t];V((()=>f(n,o)),[o,n])}}}const D="undefined"!=typeof document?e.useLayoutEffect:e.useEffect;var G=(e=>(e[e.DEBUG=0]="DEBUG",e[e.INFO=1]="INFO",e[e.WARN=2]="WARN",e[e.ERROR=3]="ERROR",e))(G||{});const N={0:"debug",1:"log",2:"warn",3:"error"},_=F((()=>{const e=I(3);return{log:I(((t,o,n=1)=>{var r;n>=(null!=(r=("undefined"==typeof globalThis?window:globalThis).VIRTUOSO_LOG_LEVEL)?r:g(e))&&console[N[n]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",t,o)})),logLevel:e}}),[],{singleton:!0});function U(t,o=!0){const n=e.useRef(null);let r=e=>{};if("undefined"!=typeof ResizeObserver){const i=e.useMemo((()=>new ResizeObserver((e=>{const o=e[0].target;null!==o.offsetParent&&t(o)}))),[t]);r=e=>{e&&o?(i.observe(e),n.current=e):(n.current&&i.unobserve(n.current),n.current=null)}}return{ref:n,callbackRef:r}}function $(e,t=!0){return U(e,t).callbackRef}function j(t,o,n,r,i,l,s){const c=e.useCallback((e=>{const n=function(e,t,o,n){const r=e.length;if(0===r)return null;const i=[];for(let l=0;l<r;l++){const r=e.item(l);if(!r||void 0===r.dataset.index)continue;const s=parseInt(r.dataset.index),c=parseFloat(r.dataset.knownSize),a=t(r,o);if(0===a&&n("Zero-sized element, this should not happen",{child:r},G.ERROR),a===c)continue;const u=i[i.length-1];0===i.length||u.size!==a||u.endIndex!==s-1?i.push({startIndex:s,endIndex:s,size:a}):i[i.length-1].endIndex++}return i}(e.children,o,"offsetHeight",i);let c=e.parentElement;for(;!c.dataset.virtuosoScroller;)c=c.parentElement;const a="window"===c.lastElementChild.dataset.viewportType,u=s?s.scrollTop:a?window.pageYOffset||document.documentElement.scrollTop:c.scrollTop,d=s?s.scrollHeight:a?document.documentElement.scrollHeight:c.scrollHeight,f=s?s.offsetHeight:a?window.innerHeight:c.offsetHeight;r({scrollTop:Math.max(u,0),scrollHeight:d,viewportHeight:f}),null==l||l(function(e,t,o){"normal"===t||(null==t?void 0:t.endsWith("px"))||o(`${e} was not resolved to pixel value correctly`,t,G.WARN);if("normal"===t)return 0;return parseInt(null!=t?t:"0",10)}("row-gap",getComputedStyle(e).rowGap,i)),null!==n&&t(n)}),[t,o,i,l,s,r]);return U(c,n)}function K(e,t){return Math.round(e.getBoundingClientRect()[t])}function q(e,t){return Math.abs(e-t)<1.01}function Y(o,n,r,i=d,l){const s=e.useRef(null),c=e.useRef(null),a=e.useRef(null),u=e.useCallback((e=>{const r=e.target,i=r===window||r===document,l=i?window.pageYOffset||document.documentElement.scrollTop:r.scrollTop,s=i?document.documentElement.scrollHeight:r.scrollHeight,u=i?window.innerHeight:r.offsetHeight,d=()=>{o({scrollTop:Math.max(l,0),scrollHeight:s,viewportHeight:u})};e.suppressFlushSync?d():t.flushSync(d),null!==c.current&&(l===c.current||l<=0||l===s-u)&&(c.current=null,n(!0),a.current&&(clearTimeout(a.current),a.current=null))}),[o,n]);return e.useEffect((()=>{const e=l||s.current;return i(l||s.current),u({target:e,suppressFlushSync:!0}),e.addEventListener("scroll",u,{passive:!0}),()=>{i(null),e.removeEventListener("scroll",u)}}),[s,u,r,i,l]),{scrollerRef:s,scrollByCallback:function(e){s.current.scrollBy(e)},scrollToCallback:function(e){const t=s.current;if(!t||"offsetHeight"in t&&0===t.offsetHeight)return;const r="smooth"===e.behavior;let i,l,u;t===window?(l=Math.max(K(document.documentElement,"height"),document.documentElement.scrollHeight),i=window.innerHeight,u=document.documentElement.scrollTop):(l=t.scrollHeight,i=K(t,"height"),u=t.scrollTop);const d=l-i;if(e.top=Math.ceil(Math.max(Math.min(d,e.top),0)),q(i,l)||e.top===u)return o({scrollTop:u,scrollHeight:l,viewportHeight:i}),void(r&&n(!0));r?(c.current=e.top,a.current&&clearTimeout(a.current),a.current=setTimeout((()=>{a.current=null,c.current=null,n(!0)}),1e3)):c.current=null,t.scrollTo(e)}}}const Z=F((()=>{const e=x(),t=x(),o=I(0),n=x(),r=I(0),i=x(),l=x(),s=I(0),c=I(0),a=I(0),u=I(0),d=x(),f=x(),m=I(!1);return p(S(e,y((({scrollTop:e})=>e))),t),p(S(e,y((({scrollHeight:e})=>e))),l),p(t,r),{scrollContainerState:e,scrollTop:t,viewportHeight:i,headerHeight:s,fixedHeaderHeight:c,fixedFooterHeight:a,footerHeight:u,scrollHeight:l,smoothScrollTargetReached:n,scrollTo:d,scrollBy:f,statefulScrollTop:r,deviation:o,scrollingInProgress:m}}),[],{singleton:!0}),J={lvl:0};function Q(e,t,o,n=J,r=J){return{k:e,v:t,lvl:o,l:n,r:r}}function X(e){return e===J}function ee(){return J}function te(e,t){if(X(e))return J;const{k:o,l:n,r:r}=e;if(t===o){if(X(n))return r;if(X(r))return n;{const[t,o]=se(n);return fe(ae(e,{k:t,v:o,l:ce(n)}))}}return fe(ae(e,t<o?{l:te(n,t)}:{r:te(r,t)}))}function oe(e,t){if(!X(e))return t===e.k?e.v:t<e.k?oe(e.l,t):oe(e.r,t)}function ne(e,t,o="k"){if(X(e))return[-1/0,void 0];if(e[o]===t)return[e.k,e.v];if(e[o]<t){const n=ne(e.r,t,o);return n[0]===-1/0?[e.k,e.v]:n}return ne(e.l,t,o)}function re(e,t,o){return X(e)?Q(t,o,1):t===e.k?ae(e,{k:t,v:o}):t<e.k?de(ae(e,{l:re(e.l,t,o)})):de(ae(e,{r:re(e.r,t,o)}))}function ie(e,t,o){if(X(e))return[];const{k:n,v:r,l:i,r:l}=e;let s=[];return n>t&&(s=s.concat(ie(i,t,o))),n>=t&&n<=o&&s.push({k:n,v:r}),n<=o&&(s=s.concat(ie(l,t,o))),s}function le(e){return X(e)?[]:[...le(e.l),{k:e.k,v:e.v},...le(e.r)]}function se(e){return X(e.r)?[e.k,e.v]:se(e.r)}function ce(e){return X(e.r)?e.l:fe(ae(e,{r:ce(e.r)}))}function ae(e,t){return Q(void 0!==t.k?t.k:e.k,void 0!==t.v?t.v:e.v,void 0!==t.lvl?t.lvl:e.lvl,void 0!==t.l?t.l:e.l,void 0!==t.r?t.r:e.r)}function ue(e){return X(e)||e.lvl>e.r.lvl}function de(e){return ge(pe(e))}function fe(e){const{l:t,r:o,lvl:n}=e;if(o.lvl>=n-1&&t.lvl>=n-1)return e;if(n>o.lvl+1){if(ue(t))return pe(ae(e,{lvl:n-1}));if(X(t)||X(t.r))throw new Error("Unexpected empty nodes");return ae(t.r,{l:ae(t,{r:t.r.l}),r:ae(e,{l:t.r.r,lvl:n-1}),lvl:n})}if(ue(e))return ge(ae(e,{lvl:n-1}));if(X(o)||X(o.l))throw new Error("Unexpected empty nodes");{const t=o.l,r=ue(t)?o.lvl-1:o.lvl;return ae(t,{l:ae(e,{r:t.l,lvl:n-1}),r:ge(ae(o,{l:t.r,lvl:r})),lvl:t.lvl+1})}}function me(e,t,o){if(X(e))return[];const n=ne(e,t)[0];return he(ie(e,n,o),(({k:e,v:t})=>({index:e,value:t})))}function he(e,t){const o=e.length;if(0===o)return[];let{index:n,value:r}=t(e[0]);const i=[];for(let l=1;l<o;l++){const{index:o,value:s}=t(e[l]);i.push({start:n,end:o-1,value:r}),n=o,r=s}return i.push({start:n,end:1/0,value:r}),i}function ge(e){const{r:t,lvl:o}=e;return X(t)||X(t.r)||t.lvl!==o||t.r.lvl!==o?e:ae(t,{l:ae(e,{r:t.l}),lvl:o+1})}function pe(e){const{l:t}=e;return X(t)||t.lvl!==e.lvl?e:ae(t,{r:ae(e,{l:t.r})})}function ve(e,t,o,n=0){let r=e.length-1;for(;n<=r;){const i=Math.floor((n+r)/2),l=o(e[i],t);if(0===l)return i;if(-1===l){if(r-n<2)return i-1;r=i-1}else{if(r===n)return i;n=i+1}}throw new Error(`Failed binary finding record in array - ${e.join(",")}, searched for ${t}`)}function xe(e,t,o){return e[ve(e,t,o)]}const Ie=F((()=>({recalcInProgress:I(!1)})),[],{singleton:!0});function Te(e){const{size:t,startIndex:o,endIndex:n}=e;return e=>e.start===o&&(e.end===n||e.end===1/0)&&e.value===t}function we(e,t){let o=0,n=0;for(;o<e;)o+=t[n+1]-t[n]-1,n++;return n-(o===e?0:1)}function Se({index:e},t){return t===e?0:t<e?-1:1}function Ce({offset:e},t){return t===e?0:t<e?-1:1}function Ee(e){return{index:e.index,value:e}}function He(e,t,o,n=0){return n>0&&(t=Math.max(t,xe(e,n,Se).offset)),he(function(e,t,o,n){const r=ve(e,t,n),i=ve(e,o,n,r);return e.slice(r,i+1)}(e,t,o,Ce),Ee)}function ye(e,t,o,n){let r=e,i=0,l=0,s=0,c=0;if(0!==t){c=ve(r,t-1,Se);s=r[c].offset;const e=ne(o,t-1);i=e[0],l=e[1],r.length&&r[c].size===ne(o,t)[1]&&(c-=1),r=r.slice(0,c+1)}else r=[];for(const{start:a,value:u}of me(o,t,1/0)){const e=a-i,t=e*l+s+e*n;r.push({offset:t,size:u,index:a}),i=a,s=t,l=u}return{offsetTree:r,lastIndex:i,lastOffset:s,lastSize:l}}function be(e,[t,o,n,r]){t.length>0&&n("received item sizes",t,G.DEBUG);const i=e.sizeTree;let l=i,s=0;if(o.length>0&&X(i)&&2===t.length){const e=t[0].size,n=t[1].size;l=o.reduce(((t,o)=>re(re(t,o,e),o+1,n)),l)}else[l,s]=function(e,t){let o=X(e)?0:1/0;for(const n of t){const{size:t,startIndex:r,endIndex:i}=n;if(o=Math.min(o,r),X(e)){e=re(e,0,t);continue}const l=me(e,r-1,i+1);if(l.some(Te(n)))continue;let s=!1,c=!1;for(const{start:o,end:n,value:a}of l)s?(i>=o||t===a)&&(e=te(e,o)):(c=a!==t,s=!0),n>i&&i>=o&&a!==t&&(e=re(e,i+1,a));c&&(e=re(e,r,t))}return[e,o]}(l,t);if(l===i)return e;const{offsetTree:c,lastIndex:a,lastSize:u,lastOffset:d}=ye(e.offsetTree,s,l,r);return{sizeTree:l,offsetTree:c,lastIndex:a,lastOffset:d,lastSize:u,groupOffsetTree:o.reduce(((e,t)=>re(e,t,ze(t,c,r))),ee()),groupIndices:o}}function ze(e,t,o){if(0===t.length)return 0;const{offset:n,index:r,size:i}=xe(t,e,Se),l=e-r,s=i*l+(l-1)*o+n;return s>0?s+o:s}function Re(e,t,o){if(function(e){return void 0!==e.groupIndex}(e))return t.groupIndices[e.groupIndex]+1;{let n=Be("LAST"===e.index?o:e.index,t);return n=Math.max(0,n,Math.min(o,n)),n}}function Be(e,t){if(!ke(t))return e;let o=0;for(;t.groupIndices[o]<=e+o;)o++;return e+o}function ke(e){return!X(e.groupOffsetTree)}const Pe={offsetHeight:"height",offsetWidth:"width"},Le=F((([{log:e},{recalcInProgress:t}])=>{const o=x(),n=x(),r=w(n,0),i=x(),l=x(),s=I(0),c=I([]),a=I(void 0),u=I(void 0),d=I(((e,t)=>K(e,Pe[t]))),h=I(void 0),v=I(0),C={offsetTree:[],sizeTree:ee(),groupOffsetTree:ee(),lastIndex:0,lastOffset:0,lastSize:0,groupIndices:[]},b=w(S(o,P(c,e,v),z(be,C),E()),C),R=w(S(c,E(),z(((e,t)=>({prev:e.current,current:t})),{prev:[],current:[]}),y((({prev:e})=>e))),[]);p(S(c,H((e=>e.length>0)),P(b,v),y((([e,t,o])=>{const n=e.reduce(((e,n,r)=>re(e,n,ze(n,t.offsetTree,o)||r)),ee());return{...t,groupIndices:e,groupOffsetTree:n}}))),b),p(S(n,P(b),H((([e,{lastIndex:t,groupIndices:o}])=>e<t&&0===o.length)),y((([e,{lastIndex:t,lastSize:o}])=>[{startIndex:e,endIndex:t,size:o}]))),o),p(a,u);const B=w(S(a,y((e=>void 0===e))),!0);p(S(u,H((e=>void 0!==e&&X(g(b).sizeTree))),y((e=>[{startIndex:0,endIndex:0,size:e}]))),o);const k=T(S(o,P(b),z((({sizes:e},[t,o])=>({changed:o!==e,sizes:o})),{changed:!1,sizes:C}),y((e=>e.changed))));f(S(s,z(((e,t)=>({diff:e.prev-t,prev:t})),{diff:0,prev:0}),y((e=>e.diff))),(e=>{const{groupIndices:o}=g(b);if(e>0)m(t,!0),m(i,e+we(e,o));else if(e<0){const t=g(R);t.length>0&&m(l,e-we(-e,t))}})),f(S(s,P(e)),(([e,t])=>{e<0&&t("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:s},G.ERROR)}));const L=T(i);p(S(i,P(b),y((([e,t])=>{const o=t.groupIndices.length>0,n=[],r=t.lastSize;if(o){const o=oe(t.sizeTree,0);let i=0,l=0;for(;i<e;){const e=t.groupIndices[l],s=t.groupIndices[l+1]-e-1;n.push({startIndex:e,endIndex:e,size:o}),n.push({startIndex:e+1,endIndex:e+1+s-1,size:r}),l++,i+=s+1}const s=le(t.sizeTree);return i!==e&&s.shift(),s.reduce(((t,{k:o,v:n})=>{let r=t.ranges;return 0!==t.prevSize&&(r=[...t.ranges,{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}]),{ranges:r,prevIndex:o+e,prevSize:n}}),{ranges:n,prevIndex:e,prevSize:0}).ranges}return le(t.sizeTree).reduce(((t,{k:o,v:n})=>({ranges:[...t.ranges,{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}],prevIndex:o+e,prevSize:n})),{ranges:[],prevIndex:0,prevSize:r}).ranges}))),o);const O=T(S(l,P(b,v),y((([e,{offsetTree:t},o])=>ze(-e,t,o)))));return p(S(l,P(b,v),y((([e,t,o])=>{if(t.groupIndices.length>0){let n=ee();const r=g(R);let i=0,l=0,s=0;for(;i<-e;){s=r[l];const e=r[l+1]-s-1;l++,i+=e+1}n=le(t.sizeTree).reduce(((t,{k:o,v:n})=>re(t,Math.max(0,o+e),n)),n);if(i!==-e){n=re(n,0,oe(t.sizeTree,s));n=re(n,1,ne(t.sizeTree,1-e)[1])}return{...t,sizeTree:n,...ye(t.offsetTree,0,n,o)}}{const n=le(t.sizeTree).reduce(((t,{k:o,v:n})=>re(t,Math.max(0,o+e),n)),ee());return{...t,sizeTree:n,...ye(t.offsetTree,0,n,o)}}}))),b),{data:h,totalCount:n,sizeRanges:o,groupIndices:c,defaultItemSize:u,fixedItemSize:a,unshiftWith:i,shiftWith:l,shiftWithOffset:O,beforeUnshiftWith:L,firstItemIndex:s,gap:v,sizes:b,listRefresh:k,statefulTotalCount:r,trackItemSizes:B,itemSize:d}}),s(_,Ie),{singleton:!0}),Oe="undefined"!=typeof document&&"scrollBehavior"in document.documentElement.style;function Me(e){const t="number"==typeof e?{index:e}:e;return t.align||(t.align="start"),t.behavior&&Oe||(t.behavior="auto"),t.offset||(t.offset=0),t}const Fe=F((([{sizes:e,totalCount:t,listRefresh:o,gap:n},{scrollingInProgress:r,viewportHeight:i,scrollTo:l,smoothScrollTargetReached:s,headerHeight:c,footerHeight:a,fixedHeaderHeight:u,fixedFooterHeight:d},{log:h}])=>{const g=x(),T=I(0);let w=null,C=null,E=null;function H(){w&&(w(),w=null),E&&(E(),E=null),C&&(clearTimeout(C),C=null),m(r,!1)}return p(S(g,P(e,i,t,T,c,a,h),P(n,u,d),y((([[e,t,n,i,l,c,a,u],d,h,p])=>{const x=Me(e),{align:I,behavior:T,offset:y}=x,b=i-1,z=Re(x,t,b);let R=ze(z,t.offsetTree,d)+c;"end"===I?(R+=h+ne(t.sizeTree,z)[1]-n+p,z===b&&(R+=a)):"center"===I?R+=(h+ne(t.sizeTree,z)[1]-n+p)/2:R-=l,y&&(R+=y);const B=t=>{H(),t?(u("retrying to scroll to",{location:e},G.DEBUG),m(g,e)):u("list did not change, scroll successful",{},G.DEBUG)};if(H(),"smooth"===T){let e=!1;E=f(o,(t=>{e=e||t})),w=v(s,(()=>{B(e)}))}else w=v(S(o,(k=150,e=>{const t=setTimeout((()=>{e(!1)}),k);return o=>{o&&(e(!0),clearTimeout(t))}})),B);var k;return C=setTimeout((()=>{H()}),1200),m(r,!0),u("scrolling from index to",{index:z,top:R,behavior:T},G.DEBUG),{top:R,behavior:T}}))),l),{scrollToIndex:g,topListHeight:T}}),s(Le,Z,_),{singleton:!0});const We="up",Ve="down",Ae={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollTop:0,viewportHeight:0,scrollHeight:0}},De=F((([{scrollContainerState:e,scrollTop:t,viewportHeight:o,headerHeight:n,footerHeight:r,scrollBy:i}])=>{const l=I(!1),s=I(!0),c=x(),a=x(),u=I(4),d=I(0),f=w(S(L(S(O(t),R(1),b(!0)),S(O(t),R(1),b(!1),k(100))),E()),!1),m=w(S(L(S(i,b(!0)),S(i,b(!1),k(200))),E()),!1);p(S(M(O(t),O(d)),y((([e,t])=>e<=t)),E()),s),p(S(s,B(50)),a);const h=T(S(M(e,O(o),O(n),O(r),O(u)),z(((e,[{scrollTop:t,scrollHeight:o},n,r,i,l])=>{const s={viewportHeight:n,scrollTop:t,scrollHeight:o};if(t+n-o>-l){let o,n;return t>e.state.scrollTop?(o="SCROLLED_DOWN",n=e.state.scrollTop-t):(o="SIZE_DECREASED",n=e.state.scrollTop-t||e.scrollTopDelta),{atBottom:!0,state:s,atBottomBecause:o,scrollTopDelta:n}}let c;return c=s.scrollHeight>e.state.scrollHeight?"SIZE_INCREASED":n<e.state.viewportHeight?"VIEWPORT_HEIGHT_DECREASING":t<e.state.scrollTop?"SCROLLING_UPWARDS":"NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",{atBottom:!1,notAtBottomBecause:c,state:s}}),Ae),E(((e,t)=>e&&e.atBottom===t.atBottom)))),v=w(S(e,z(((e,{scrollTop:t,scrollHeight:o,viewportHeight:n})=>{if(q(e.scrollHeight,o))return{scrollTop:t,scrollHeight:o,jump:0,changed:!1};{const r=o-(t+n)<1;return e.scrollTop!==t&&r?{scrollHeight:o,scrollTop:t,jump:e.scrollTop-t,changed:!0}:{scrollHeight:o,scrollTop:t,jump:0,changed:!0}}}),{scrollHeight:0,jump:0,scrollTop:0,changed:!1}),H((e=>e.changed)),y((e=>e.jump))),0);p(S(h,y((e=>e.atBottom))),l),p(S(l,B(50)),c);const C=I(Ve);p(S(e,y((({scrollTop:e})=>e)),E(),z(((e,t)=>g(m)?{direction:e.direction,prevScrollTop:t}:{direction:t<e.prevScrollTop?We:Ve,prevScrollTop:t}),{direction:Ve,prevScrollTop:0}),y((e=>e.direction))),C),p(S(e,B(50),b("none")),C);const F=I(0);return p(S(f,H((e=>!e)),b(0)),F),p(S(t,B(100),P(f),H((([e,t])=>!!t)),z((([e,t],[o])=>[t,o]),[0,0]),y((([e,t])=>t-e))),F),{isScrolling:f,isAtTop:s,isAtBottom:l,atBottomState:h,atTopStateChange:a,atBottomStateChange:c,scrollDirection:C,atBottomThreshold:u,atTopThreshold:d,scrollVelocity:F,lastJumpDueToItemResize:v}}),s(Z)),Ge=F((([{log:e}])=>{const t=I(!1),o=T(S(t,H((e=>e)),E()));return f(t,(t=>{t&&g(e)("props updated",{},G.DEBUG)})),{propsReady:t,didMount:o}}),s(_),{singleton:!0});function Ne(e,t){0==e?t():requestAnimationFrame((()=>Ne(e-1,t)))}const _e=F((([{sizes:e,listRefresh:t,defaultItemSize:o},{scrollTop:n},{scrollToIndex:r},{didMount:i}])=>{const l=I(!0),s=I(0),c=I(!1);return p(S(i,P(s),H((([e,t])=>!!t)),b(!1)),l),f(S(M(t,i),P(l,e,o,c),H((([[,e],t,{sizeTree:o},n,r])=>e&&(!X(o)||u(n))&&!t&&!r)),P(s)),(([,e])=>{m(c,!0),Ne(2,(()=>{v(n,(()=>m(l,!0))),m(r,e)}))})),{scrolledToInitialItem:l,initialTopMostItemIndex:s}}),s(Le,Z,Fe,Ge),{singleton:!0});function Ue(e){return!!e&&("smooth"===e?"smooth":"auto")}const $e=F((([{totalCount:e,listRefresh:t},{isAtBottom:o,atBottomState:n},{scrollToIndex:r},{scrolledToInitialItem:i},{propsReady:l,didMount:s},{log:c},{scrollingInProgress:a}])=>{const u=I(!1),d=x();let h=null;function p(e){m(r,{index:"LAST",align:"end",behavior:e})}function T(e){const t=v(n,(t=>{!e||t.atBottom||"SIZE_INCREASED"!==t.notAtBottomBecause||h||(g(c)("scrolling to bottom due to increased size",{},G.DEBUG),p("auto"))}));setTimeout(t,100)}return f(S(M(S(O(e),R(1)),s),P(O(u),o,i,a),y((([[e,t],o,n,r,i])=>{let l=t&&r,s="auto";return l&&(s=((e,t)=>"function"==typeof e?Ue(e(t)):t&&Ue(e))(o,n||i),l=l&&!!s),{totalCount:e,shouldFollow:l,followOutputBehavior:s}})),H((({shouldFollow:e})=>e))),(({totalCount:e,followOutputBehavior:o})=>{h&&(h(),h=null),h=v(t,(()=>{g(c)("following output to ",{totalCount:e},G.DEBUG),p(o),h=null}))})),f(S(M(O(u),e,l),H((([e,,t])=>e&&t)),z((({value:e},[,t])=>({refreshed:e===t,value:t})),{refreshed:!1,value:0}),H((({refreshed:e})=>e)),P(u,e)),(([,e])=>{T(!1!==e)})),f(d,(()=>{T(!1!==g(u))})),f(M(O(u),n),(([e,t])=>{e&&!t.atBottom&&"VIEWPORT_HEIGHT_DECREASING"===t.notAtBottomBecause&&p("auto")})),{followOutput:u,autoscrollToBottom:d}}),s(Le,De,Fe,_e,Ge,_,Z));function je(e){return e.reduce(((e,t)=>(e.groupIndices.push(e.totalCount),e.totalCount+=t+1,e)),{totalCount:0,groupIndices:[]})}const Ke=F((([{totalCount:e,groupIndices:t,sizes:o},{scrollTop:n,headerHeight:r}])=>{const i=x(),l=x(),s=T(S(i,y(je)));return p(S(s,y((e=>e.totalCount))),e),p(S(s,y((e=>e.groupIndices))),t),p(S(M(n,o,r),H((([e,t])=>ke(t))),y((([e,t,o])=>ne(t.groupOffsetTree,Math.max(e-o,0),"v")[0])),E(),y((e=>[e]))),l),{groupCounts:i,topItemsIndexes:l}}),s(Le,Z));function qe(e,t){return!(!e||e[0]!==t[0]||e[1]!==t[1])}function Ye(e,t){return!(!e||e.startIndex!==t.startIndex||e.endIndex!==t.endIndex)}const Ze="top",Je="bottom",Qe="none";function Xe(e,t,o){return"number"==typeof e?o===We&&t===Ze||o===Ve&&t===Je?e:0:o===We?t===Ze?e.main:e.reverse:t===Je?e.main:e.reverse}function et(e,t){return"number"==typeof e?e:e[t]||0}const tt=F((([{scrollTop:e,viewportHeight:t,deviation:o,headerHeight:n,fixedHeaderHeight:r}])=>{const i=x(),l=I(0),s=I(0),c=I(0);return{listBoundary:i,overscan:c,topListHeight:l,increaseViewportBy:s,visibleRange:w(S(M(O(e),O(t),O(n),O(i,qe),O(c),O(l),O(r),O(o),O(s)),y((([e,t,o,[n,r],i,l,s,c,a])=>{const u=e-c,d=l+s,f=Math.max(o-u,0);let m=Qe;const h=et(a,Ze),g=et(a,Je);return n-=c,r+=o+s,(n+=o+s)>e+d-h&&(m=We),(r-=c)<e-f+t+g&&(m=Ve),m!==Qe?[Math.max(u-o-Xe(i,Ze,m)-h,0),u-f-s+t+Xe(i,Je,m)+g]:null})),H((e=>null!=e)),E(qe)),[0,0])}}),s(Z),{singleton:!0});const ot={items:[],topItems:[],offsetTop:0,offsetBottom:0,top:0,bottom:0,topListHeight:0,totalCount:0,firstItemIndex:0};function nt(e,t,o){if(0===e.length)return[];if(!ke(t))return e.map((e=>({...e,index:e.index+o,originalIndex:e.index})));const n=e[0].index,r=e[e.length-1].index,i=[],l=me(t.groupOffsetTree,n,r);let s,c=0;for(const a of e){let e;(!s||s.end<a.index)&&(s=l.shift(),c=t.groupIndices.indexOf(s.start)),e=a.index===s.start?{type:"group",index:c}:{index:a.index-(c+1)+o,groupIndex:c},i.push({...e,size:a.size,offset:a.offset,originalIndex:a.index,data:a.data})}return i}function rt(e,t,o,n,r,i){const{lastSize:l,lastOffset:s,lastIndex:c}=r;let a=0,u=0;if(e.length>0){a=e[0].offset;const t=e[e.length-1];u=t.offset+t.size}const d=o-c,f=a,m=s+d*l+(d-1)*n-u;return{items:nt(e,r,i),topItems:nt(t,r,i),topListHeight:t.reduce(((e,t)=>t.size+e),0),offsetTop:a,offsetBottom:m,top:f,bottom:u,totalCount:o,firstItemIndex:i}}const it=F((([{sizes:e,totalCount:t,data:o,firstItemIndex:n,gap:r},i,{visibleRange:s,listBoundary:c,topListHeight:a},{scrolledToInitialItem:d,initialTopMostItemIndex:f},{topListHeight:m},h,{didMount:g},{recalcInProgress:v}])=>{const C=I([]),b=x();p(i.topItemsIndexes,C);const z=w(S(M(g,v,O(s,qe),O(t),O(e),O(f),d,O(C),O(n),O(r),o),H((([e,t,,o,,,,,,,n])=>{const r=n&&n.length!==o;return e&&!t&&!r})),y((([,,[e,t],o,n,r,i,s,c,a,u])=>{const d=n,{sizeTree:f,offsetTree:m}=d;if(0===o||0===e&&0===t)return{...ot,totalCount:o};if(X(f))return rt(function(e,t,o){if(ke(t)){const n=Be(e,t);return[{index:ne(t.groupOffsetTree,n)[0],size:0,offset:0},{index:n,size:0,offset:0,data:o&&o[0]}]}return[{index:e,size:0,offset:0,data:o&&o[0]}]}(function(e,t){const o=t-1;return"number"==typeof e?e:"LAST"===e.index?o:e.index}(r,o),d,u),[],o,a,d,c);const h=[];if(s.length>0){const e=s[0],t=s[s.length-1];let o=0;for(const n of me(f,e,t)){const r=n.value,i=Math.max(n.start,e),l=Math.min(n.end,t);for(let e=i;e<=l;e++)h.push({index:e,size:r,offset:o,data:u&&u[e]}),o+=r}}if(!i)return rt([],h,o,a,d,c);const g=s.length>0?s[s.length-1]+1:0,p=He(m,e,t,g);if(0===p.length)return null;const v=o-1;return rt(l([],(o=>{for(const n of p){const r=n.value;let i=r.offset,l=n.start;const s=r.size;if(r.offset<e){l+=Math.floor((e-r.offset+a)/(s+a));const t=l-n.start;i+=t*s+t*a}l<g&&(i+=(g-l)*s,l=g);const c=Math.min(n.end,v);for(let e=l;e<=c&&!(i>=t);e++)o.push({index:e,size:s,offset:i,data:u&&u[e]}),i+=s+a}})),h,o,a,d,c)})),H((e=>null!==e)),E()),ot);p(S(o,H(u),y((e=>null==e?void 0:e.length))),t),p(S(z,y((e=>e.topListHeight))),m),p(m,a),p(S(z,y((e=>[e.top,e.bottom]))),c),p(S(z,y((e=>e.items))),b);return{listState:z,topItemsIndexes:C,endReached:T(S(z,H((({items:e})=>e.length>0)),P(t,o),H((([{items:e},t])=>e[e.length-1].originalIndex===t-1)),y((([,e,t])=>[e-1,t])),E(qe),y((([e])=>e)))),startReached:T(S(z,B(200),H((({items:e,topItems:t})=>e.length>0&&e[0].originalIndex===t.length)),y((({items:e})=>e[0].index)),E())),rangeChanged:T(S(z,H((({items:e})=>e.length>0)),y((({items:e})=>{let t=0,o=e.length-1;for(;"group"===e[t].type&&t<o;)t++;for(;"group"===e[o].type&&o>t;)o--;return{startIndex:e[t].index,endIndex:e[o].index}})),E(Ye))),itemsRendered:b,...h}}),s(Le,Ke,tt,_e,Fe,De,Ge,Ie),{singleton:!0}),lt=F((([{sizes:e,firstItemIndex:t,data:o,gap:n},{listState:r},{didMount:i}])=>{const l=I(0);return p(S(i,P(l),H((([,e])=>0!==e)),P(e,t,n,o),y((([[,e],t,o,n,r=[]])=>{let i=0;if(t.groupIndices.length>0)for(const s of t.groupIndices){if(s-i>=e)break;i++}const l=e+i;return rt(Array.from({length:l}).map(((e,t)=>({index:t,size:0,offset:0,data:r[t]}))),[],l,n,t,o)}))),r),{initialItemCount:l}}),s(Le,it,Ge),{singleton:!0}),st=F((([{scrollVelocity:e}])=>{const t=I(!1),o=x(),n=I(!1);return p(S(e,P(n,t,o),H((([e,t])=>!!t)),y((([e,t,o,n])=>{const{exit:r,enter:i}=t;if(o){if(r(e,n))return!1}else if(i(e,n))return!0;return o})),E()),t),f(S(M(t,e,o),P(n)),(([[e,t,o],n])=>e&&n&&n.change&&n.change(t,o))),{isSeeking:t,scrollSeekConfiguration:n,scrollVelocity:e,scrollSeekRangeChanged:o}}),s(De),{singleton:!0}),ct=F((([{topItemsIndexes:e}])=>{const t=I(0);return p(S(t,H((e=>e>0)),y((e=>Array.from({length:e}).map(((e,t)=>t))))),e),{topItemCount:t}}),s(it)),at=F((([{footerHeight:e,headerHeight:t,fixedHeaderHeight:o,fixedFooterHeight:n},{listState:r}])=>{const i=x(),l=w(S(M(e,n,t,o,r),y((([e,t,o,n,r])=>e+t+o+n+r.offsetBottom+r.bottom))),0);return p(O(l),i),{totalListHeight:l,totalListHeightChanged:i}}),s(Z,it),{singleton:!0});function ut(e){let t,o=!1;return()=>(o||(o=!0,t=e()),t)}const dt=ut((()=>/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent))),ft=F((([{scrollBy:e,scrollTop:t,deviation:o,scrollingInProgress:n},{isScrolling:r,isAtBottom:i,scrollDirection:l,lastJumpDueToItemResize:s},{listState:c},{beforeUnshiftWith:a,shiftWithOffset:u,sizes:d,gap:h},{log:g},{recalcInProgress:v}])=>{const x=T(S(c,P(s),z((([,e,t,o],[{items:n,totalCount:r,bottom:i,offsetBottom:l},s])=>{const c=i+l;let a=0;if(t===r&&e.length>0&&n.length>0){0===n[0].originalIndex&&0===e[0].originalIndex||(a=c-o,0!==a&&(a+=s))}return[a,n,r,c]}),[0,[],0,0]),H((([e])=>0!==e)),P(t,l,n,i,g,v),H((([,e,t,o,,,n])=>!n&&!o&&0!==e&&t===We)),y((([[e],,,,,t])=>(t("Upward scrolling compensation",{amount:e},G.DEBUG),e)))));function I(t){t>0?(m(e,{top:-t,behavior:"auto"}),m(o,0)):(m(o,0),m(e,{top:-t,behavior:"auto"}))}return f(S(x,P(o,r)),(([e,t,n])=>{n&&dt()?m(o,t-e):I(-e)})),f(S(M(w(r,!1),o,v),H((([e,t,o])=>!e&&!o&&0!==t)),y((([e,t])=>t)),B(1)),I),p(S(u,y((e=>({top:-e})))),e),f(S(a,P(d,h),y((([e,{lastSize:t,groupIndices:o,sizeTree:n},r])=>{function i(e){return e*(t+r)}if(0===o.length)return i(e);{let t=0;const r=oe(n,0);let l=0,s=0;for(;l<e;){l++,t+=r;let n=o[s+1]-o[s]-1;l+n>e&&(t-=r,n=e-l+1),l+=n,t+=i(n),s++}return t}}))),(t=>{m(o,t),requestAnimationFrame((()=>{m(e,{top:t}),requestAnimationFrame((()=>{m(o,0),m(v,!1)}))}))})),{deviation:o}}),s(Z,De,it,Le,_,Ie)),mt=F((([{didMount:e},{scrollTo:t},{listState:o}])=>{const n=I(0);return f(S(e,P(n),H((([,e])=>0!==e)),y((([,e])=>({top:e})))),(e=>{v(S(o,R(1),H((e=>e.items.length>1))),(()=>{requestAnimationFrame((()=>{m(t,e)}))}))})),{initialScrollTop:n}}),s(Ge,Z,it),{singleton:!0}),ht=F((([{viewportHeight:e},{totalListHeight:t}])=>{const o=I(!1);return{alignToBottom:o,paddingTopAddition:w(S(M(o,e,t),H((([e])=>e)),y((([,e,t])=>Math.max(0,e-t))),B(0),E()),0)}}),s(Z,at),{singleton:!0}),gt=F((([{scrollTo:e,scrollContainerState:t}])=>{const o=x(),n=x(),r=x(),i=I(!1),l=I(void 0);return p(S(M(o,n),y((([{viewportHeight:e,scrollTop:t,scrollHeight:o},{offsetTop:n}])=>({scrollTop:Math.max(0,t-n),scrollHeight:o,viewportHeight:e})))),t),p(S(e,P(n),y((([e,{offsetTop:t}])=>({...e,top:e.top+t})))),r),{useWindowScroll:i,customScrollParent:l,windowScrollContainerState:o,windowViewportRect:n,windowScrollTo:r}}),s(Z)),pt=({itemTop:e,itemBottom:t,viewportTop:o,viewportBottom:n,locationParams:{behavior:r,align:i,...l}})=>e<o?{...l,behavior:r,align:null!=i?i:"start"}:t>n?{...l,behavior:r,align:null!=i?i:"end"}:null,vt=F((([{sizes:e,totalCount:t,gap:o},{scrollTop:n,viewportHeight:r,headerHeight:i,fixedHeaderHeight:l,fixedFooterHeight:s,scrollingInProgress:c},{scrollToIndex:a}])=>{const u=x();return p(S(u,P(e,r,t,i,l,s,n),P(o),y((([[e,t,o,n,r,i,l,s],a])=>{const{done:u,behavior:d,align:f,calculateViewLocation:m=pt,...h}=e,p=Re(e,t,n-1),x=ze(p,t.offsetTree,a)+r+i,I=m({itemTop:x,itemBottom:x+ne(t.sizeTree,p)[1],viewportTop:s+i,viewportBottom:s+o-l,locationParams:{behavior:d,align:f,...h}});return I?u&&v(S(c,H((e=>!1===e)),R(g(c)?1:2)),u):u&&u(),I})),H((e=>null!==e))),a),{scrollIntoView:u}}),s(Le,Z,Fe,it,_),{singleton:!0}),xt=F((([{sizes:e,sizeRanges:t},{scrollTop:o},{initialTopMostItemIndex:n}])=>{const r=x(),i=I(void 0);return f(S(r,P(e,o)),(([e,t,o])=>{e({ranges:le(t.sizeTree).map((({k:e,v:t},o,n)=>{const r=n[o+1];return{startIndex:e,endIndex:r?r.k-1:1/0,size:t}})),scrollTop:o})})),p(S(i,H(u),y(It)),n),p(S(i,H(u),y((e=>e.ranges))),t),{getState:r,restoreStateFrom:i}}),s(Le,Z,_e));function It(e){return{offset:e.scrollTop,index:0,align:"start"}}const Tt=F((([e,t,o,n,r,i,l,s,c,a])=>({...e,...t,...o,...n,...r,...i,...l,...s,...c,...a})),s(tt,lt,Ge,st,at,mt,ht,gt,vt,_)),wt=F((([{totalCount:e,sizeRanges:t,fixedItemSize:o,defaultItemSize:n,trackItemSizes:r,itemSize:i,data:l,firstItemIndex:s,groupIndices:c,statefulTotalCount:a,gap:u,sizes:d},{initialTopMostItemIndex:f,scrolledToInitialItem:m},h,g,v,{listState:x,topItemsIndexes:I,...T},{scrollToIndex:w},C,{topItemCount:E},{groupCounts:H},b])=>(p(T.rangeChanged,b.scrollSeekRangeChanged),p(S(b.windowViewportRect,y((e=>e.visibleHeight))),h.viewportHeight),{totalCount:e,data:l,firstItemIndex:s,sizeRanges:t,initialTopMostItemIndex:f,scrolledToInitialItem:m,topItemsIndexes:I,topItemCount:E,groupCounts:H,fixedItemHeight:o,defaultItemHeight:n,gap:u,...v,statefulTotalCount:a,listState:x,scrollToIndex:w,trackItemSizes:r,itemSize:i,groupIndices:c,...T,...b,...h,sizes:d,...g})),s(Le,_e,Z,xt,$e,it,Fe,ft,ct,Ke,Tt)),St="-webkit-sticky",Ct="sticky",Et=ut((()=>{if("undefined"==typeof document)return Ct;const e=document.createElement("div");return e.style.position=St,e.style.position===St?St:Ct}));function Ht(t,o){const n=e.useRef(null),r=e.useCallback((e=>{if(null===e||!e.offsetParent)return;const r=e.getBoundingClientRect(),i=r.width;let l,s;if(o){const e=o.getBoundingClientRect(),t=r.top-e.top;l=e.height-Math.max(0,t),s=t+o.scrollTop}else l=window.innerHeight-Math.max(0,r.top),s=r.top+window.pageYOffset;n.current={offsetTop:s,visibleHeight:l,visibleWidth:i},t(n.current)}),[t,o]),{callbackRef:i,ref:l}=U(r),s=e.useCallback((()=>{r(l.current)}),[r,l]);return e.useEffect((()=>{if(o){o.addEventListener("scroll",s);const e=new ResizeObserver(s);return e.observe(o),()=>{o.removeEventListener("scroll",s),e.unobserve(o)}}return window.addEventListener("scroll",s),window.addEventListener("resize",s),()=>{window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}}),[s,o]),i}const yt=e.createContext(void 0),bt=e.createContext(void 0);function zt(e){return e}const Rt=F((([e,t])=>({...e,...t})),s(wt,F((()=>{const e=I((e=>`Item ${e}`)),t=I(null),o=I((e=>`Group ${e}`)),n=I({}),r=I(zt),i=I("div"),l=I(d),s=(e,t=null)=>w(S(n,y((t=>t[e])),E()),t);return{context:t,itemContent:e,groupContent:o,components:n,computeItemKey:r,headerFooterTag:i,scrollerRef:l,FooterComponent:s("Footer"),HeaderComponent:s("Header"),TopItemListComponent:s("TopItemList"),ListComponent:s("List","div"),ItemComponent:s("Item","div"),GroupComponent:s("Group","div"),ScrollerComponent:s("Scroller","div"),EmptyPlaceholder:s("EmptyPlaceholder"),ScrollSeekPlaceholder:s("ScrollSeekPlaceholder")}})))),Bt=({height:t})=>e.createElement("div",{style:{height:t}}),kt={position:Et(),zIndex:1,overflowAnchor:"none"},Pt={overflowAnchor:"none"},Lt=e.memo((function({showTopList:t=!1}){const o=qt("listState"),n=Kt("sizeRanges"),r=qt("useWindowScroll"),i=qt("customScrollParent"),l=Kt("windowScrollContainerState"),s=Kt("scrollContainerState"),c=i||r?l:s,a=qt("itemContent"),u=qt("context"),f=qt("groupContent"),m=qt("trackItemSizes"),h=qt("itemSize"),g=qt("log"),p=Kt("gap"),{callbackRef:v}=j(n,h,m,t?d:c,g,p,i),[x,I]=e.useState(0);Yt("deviation",(e=>{x!==e&&I(e)}));const T=qt("EmptyPlaceholder"),w=qt("ScrollSeekPlaceholder")||Bt,S=qt("ListComponent"),C=qt("ItemComponent"),E=qt("GroupComponent"),H=qt("computeItemKey"),y=qt("isSeeking"),b=qt("groupIndices").length>0,z=qt("paddingTopAddition"),R=qt("scrolledToInitialItem"),B=t?{}:{boxSizing:"border-box",paddingTop:o.offsetTop+z,paddingBottom:o.offsetBottom,marginTop:x,...R?{}:{visibility:"hidden"}};return!t&&0===o.totalCount&&T?e.createElement(T,Wt(T,u)):e.createElement(S,{...Wt(S,u),ref:v,style:B,"data-test-id":t?"virtuoso-top-item-list":"virtuoso-item-list"},(t?o.topItems:o.items).map((t=>{const n=t.originalIndex,r=H(n+o.firstItemIndex,t.data,u);return y?e.createElement(w,{...Wt(w,u),key:r,index:t.index,height:t.size,type:t.type||"item",..."group"===t.type?{}:{groupIndex:t.groupIndex}}):"group"===t.type?e.createElement(E,{...Wt(E,u),key:r,"data-index":n,"data-known-size":t.size,"data-item-index":t.index,style:kt},f(t.index,u)):e.createElement(C,{...Wt(C,u),key:r,"data-index":n,"data-known-size":t.size,"data-item-index":t.index,"data-item-group-index":t.groupIndex,item:t.data,style:Pt},b?a(t.index,t.groupIndex,t.data,u):a(t.index,t.data,u))})))})),Ot={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},Mt={width:"100%",height:"100%",position:"absolute",top:0},Ft={width:"100%",position:Et(),top:0,zIndex:1};function Wt(e,t){if("string"!=typeof e)return{context:t}}const Vt=e.memo((function(){const t=qt("HeaderComponent"),o=Kt("headerHeight"),n=qt("headerFooterTag"),r=$((e=>o(K(e,"height")))),i=qt("context");return t?e.createElement(n,{ref:r},e.createElement(t,Wt(t,i))):null})),At=e.memo((function(){const t=qt("FooterComponent"),o=Kt("footerHeight"),n=qt("headerFooterTag"),r=$((e=>o(K(e,"height")))),i=qt("context");return t?e.createElement(n,{ref:r},e.createElement(t,Wt(t,i))):null}));function Dt({usePublisher:t,useEmitter:o,useEmitterValue:n}){return e.memo((function({style:r,children:i,...l}){const s=t("scrollContainerState"),c=n("ScrollerComponent"),a=t("smoothScrollTargetReached"),u=n("scrollerRef"),d=n("context"),{scrollerRef:f,scrollByCallback:m,scrollToCallback:h}=Y(s,a,c,u);return o("scrollTo",h),o("scrollBy",m),e.createElement(c,{ref:f,style:{...Ot,...r},"data-test-id":"virtuoso-scroller","data-virtuoso-scroller":!0,tabIndex:0,...l,...Wt(c,d)},i)}))}function Gt({usePublisher:t,useEmitter:o,useEmitterValue:n}){return e.memo((function({style:r,children:i,...l}){const s=t("windowScrollContainerState"),c=n("ScrollerComponent"),a=t("smoothScrollTargetReached"),u=n("totalListHeight"),f=n("deviation"),m=n("customScrollParent"),h=n("context"),{scrollerRef:g,scrollByCallback:p,scrollToCallback:v}=Y(s,a,c,d,m);return D((()=>(g.current=m||window,()=>{g.current=null})),[g,m]),o("windowScrollTo",v),o("scrollBy",p),e.createElement(c,{style:{position:"relative",...r,...0!==u?{height:u+f}:{}},"data-virtuoso-scroller":!0,...l,...Wt(c,h)},i)}))}const Nt=({children:t})=>{const n=e.useContext(yt),r=Kt("viewportHeight"),i=Kt("fixedItemHeight"),l=$(o(r,(e=>K(e,"height"))));return e.useEffect((()=>{n&&(r(n.viewportHeight),i(n.itemHeight))}),[n,r,i]),e.createElement("div",{style:Mt,ref:l,"data-viewport-type":"element"},t)},_t=({children:t})=>{const o=e.useContext(yt),n=Kt("windowViewportRect"),r=Kt("fixedItemHeight"),i=qt("customScrollParent"),l=Ht(n,i);return e.useEffect((()=>{o&&(r(o.itemHeight),n({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}))}),[o,n,r]),e.createElement("div",{ref:l,style:Mt,"data-viewport-type":"window"},t)},Ut=({children:t})=>{const o=qt("TopItemListComponent"),n=qt("headerHeight"),r={...Ft,marginTop:`${n}px`},i=qt("context");return e.createElement(o||"div",{style:r,context:i},t)},$t=e.memo((function(t){const o=qt("useWindowScroll"),n=qt("topItemsIndexes").length>0,r=qt("customScrollParent"),i=r||o?Jt:Zt,l=r||o?_t:Nt;return e.createElement(i,{...t},n&&e.createElement(Ut,null,e.createElement(Lt,{showTopList:!0})),e.createElement(l,null,e.createElement(Vt,null),e.createElement(Lt,null),e.createElement(At,null)))})),{Component:jt,usePublisher:Kt,useEmitterValue:qt,useEmitter:Yt}=A(Rt,{required:{},optional:{restoreStateFrom:"restoreStateFrom",context:"context",followOutput:"followOutput",itemContent:"itemContent",groupContent:"groupContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",groupCounts:"groupCounts",topItemCount:"topItemCount",firstItemIndex:"firstItemIndex",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy",autoscrollToBottom:"autoscrollToBottom",getState:"getState"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},$t),Zt=Dt({usePublisher:Kt,useEmitterValue:qt,useEmitter:Yt}),Jt=Gt({usePublisher:Kt,useEmitterValue:qt,useEmitter:Yt}),Qt=jt,Xt=jt,eo={items:[],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},to={items:[{index:0}],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},{round:oo,ceil:no,floor:ro,min:io,max:lo}=Math;function so(e,t,o){return Array.from({length:t-e+1}).map(((t,n)=>({index:n+e,data:null==o?void 0:o[n+e]})))}function co(e,t){return e&&e.column===t.column&&e.row===t.row}function ao(e,t){return e&&e.width===t.width&&e.height===t.height}const uo=F((([{overscan:e,visibleRange:t,listBoundary:o},{scrollTop:n,viewportHeight:r,scrollBy:i,scrollTo:l,smoothScrollTargetReached:s,scrollContainerState:c,footerHeight:a,headerHeight:d},f,m,{propsReady:h,didMount:g},{windowViewportRect:v,windowScrollTo:C,useWindowScroll:z,customScrollParent:R,windowScrollContainerState:B},k])=>{const L=I(0),F=I(0),W=I(eo),V=I({height:0,width:0}),A=I({height:0,width:0}),D=x(),G=x(),N=I(0),_=I(void 0),U=I({row:0,column:0});p(S(M(g,F,_),H((([,e])=>0!==e)),y((([,e,t])=>({items:so(0,e-1,t),top:0,bottom:0,offsetBottom:0,offsetTop:0,itemHeight:0,itemWidth:0})))),W),p(S(M(O(L),t,O(U,co),O(A,ao),O(V,ao),_),y((([e,[t,o],n,r,i,l])=>{const{row:s,column:c}=n,{height:a,width:u}=r,{width:d}=i;if(0===e||0===d)return eo;if(0===u)return function(e){return{...to,items:e}}(so(0,0,l));const f=ho(d,u,c);let m=f*ro((t+s)/(a+s)),h=f*no((o+s)/(a+s))-1;h=io(e-1,lo(h,f-1)),m=io(h,lo(0,m));const g=so(m,h,l),{top:p,bottom:v}=fo(i,n,r,g),x=no(e/f);return{items:g,offsetTop:p,offsetBottom:x*a+(x-1)*s-v,top:p,bottom:v,itemHeight:a,itemWidth:u}}))),W),p(S(_,H(u),y((e=>e.length))),L),p(S(V,y((({height:e})=>e))),r),p(S(M(V,A,W,U),y((([e,t,{items:o},n])=>{const{top:r,bottom:i}=fo(e,n,t,o);return[r,i]})),E(qe)),o);const $=T(S(O(W),H((({items:e})=>e.length>0)),P(L),H((([{items:e},t])=>e[e.length-1].index===t-1)),y((([,e])=>e-1)),E())),j=T(S(O(W),H((({items:e})=>e.length>0&&0===e[0].index)),b(0),E())),K=T(S(O(W),H((({items:e})=>e.length>0)),y((({items:e})=>({startIndex:e[0].index,endIndex:e[e.length-1].index}))),E(Ye)));p(K,m.scrollSeekRangeChanged),p(S(D,P(V,A,L,U),y((([e,t,o,n,r])=>{const i=Me(e),{align:l,behavior:s,offset:c}=i;let a=i.index;"LAST"===a&&(a=n-1),a=lo(0,a,io(n-1,a));let u=mo(t,r,o,a);return"end"===l?u=oo(u-t.height+o.height):"center"===l&&(u=oo(u-t.height/2+o.height/2)),c&&(u+=c),{top:u,behavior:s}}))),l);const q=w(S(W,y((e=>e.offsetBottom+e.bottom))),0);return p(S(v,y((e=>({width:e.visibleWidth,height:e.visibleHeight})))),V),{data:_,totalCount:L,viewportDimensions:V,itemDimensions:A,scrollTop:n,scrollHeight:G,overscan:e,scrollBy:i,scrollTo:l,scrollToIndex:D,smoothScrollTargetReached:s,windowViewportRect:v,windowScrollTo:C,useWindowScroll:z,customScrollParent:R,windowScrollContainerState:B,deviation:N,scrollContainerState:c,footerHeight:a,headerHeight:d,initialItemCount:F,gap:U,...m,gridState:W,totalListHeight:q,...f,startReached:j,endReached:$,rangeChanged:K,propsReady:h,...k}}),s(tt,Z,De,st,Ge,gt,_));function fo(e,t,o,n){const{height:r}=o;if(void 0===r||0===n.length)return{top:0,bottom:0};return{top:mo(e,t,o,n[0].index),bottom:mo(e,t,o,n[n.length-1].index)+r}}function mo(e,t,o,n){const r=ho(e.width,o.width,t.column),i=ro(n/r),l=i*o.height+lo(0,i-1)*t.row;return l>0?l+t.row:l}function ho(e,t,o){return lo(1,ro((e+o)/(t+o)))}const go=F((([e,t])=>({...e,...t})),s(uo,F((()=>{const e=I((e=>`Item ${e}`)),t=I({}),o=I(null),n=I("virtuoso-grid-item"),r=I("virtuoso-grid-list"),i=I(zt),l=I("div"),s=I(d),c=(e,o=null)=>w(S(t,y((t=>t[e])),E()),o);return{context:o,itemContent:e,components:t,computeItemKey:i,itemClassName:n,listClassName:r,headerFooterTag:l,scrollerRef:s,FooterComponent:c("Footer"),HeaderComponent:c("Header"),ListComponent:c("List","div"),ItemComponent:c("Item","div"),ScrollerComponent:c("Scroller","div"),ScrollSeekPlaceholder:c("ScrollSeekPlaceholder","div")}})))),po=e.memo((function(){const t=Eo("gridState"),o=Eo("listClassName"),n=Eo("itemClassName"),r=Eo("itemContent"),i=Eo("computeItemKey"),l=Eo("isSeeking"),s=Co("scrollHeight"),c=Eo("ItemComponent"),a=Eo("ListComponent"),u=Eo("ScrollSeekPlaceholder"),d=Eo("context"),f=Co("itemDimensions"),m=Co("gap"),h=Eo("log"),g=$((e=>{const t=e.parentElement.parentElement.scrollHeight;s(t);const o=e.firstChild;o&&f(o.getBoundingClientRect()),m({row:zo("row-gap",getComputedStyle(e).rowGap,h),column:zo("column-gap",getComputedStyle(e).columnGap,h)})}));return e.createElement(a,{ref:g,className:o,...Wt(a,d),style:{paddingTop:t.offsetTop,paddingBottom:t.offsetBottom},"data-test-id":"virtuoso-item-list"},t.items.map((o=>{const s=i(o.index,o.data,d);return l?e.createElement(u,{key:s,...Wt(u,d),index:o.index,height:t.itemHeight,width:t.itemWidth}):e.createElement(c,{...Wt(c,d),className:n,"data-index":o.index,key:s},r(o.index,o.data,d))})))})),vo=e.memo((function(){const t=Eo("HeaderComponent"),o=Co("headerHeight"),n=Eo("headerFooterTag"),r=$((e=>o(K(e,"height")))),i=Eo("context");return t?e.createElement(n,{ref:r},e.createElement(t,Wt(t,i))):null})),xo=e.memo((function(){const t=Eo("FooterComponent"),o=Co("footerHeight"),n=Eo("headerFooterTag"),r=$((e=>o(K(e,"height")))),i=Eo("context");return t?e.createElement(n,{ref:r},e.createElement(t,Wt(t,i))):null})),Io=({children:t})=>{const o=e.useContext(bt),n=Co("itemDimensions"),r=Co("viewportDimensions"),i=$((e=>{r(e.getBoundingClientRect())}));return e.useEffect((()=>{o&&(r({height:o.viewportHeight,width:o.viewportWidth}),n({height:o.itemHeight,width:o.itemWidth}))}),[o,r,n]),e.createElement("div",{style:Mt,ref:i},t)},To=({children:t})=>{const o=e.useContext(bt),n=Co("windowViewportRect"),r=Co("itemDimensions"),i=Eo("customScrollParent"),l=Ht(n,i);return e.useEffect((()=>{o&&(r({height:o.itemHeight,width:o.itemWidth}),n({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:o.viewportWidth}))}),[o,n,r]),e.createElement("div",{ref:l,style:Mt},t)},wo=e.memo((function({...t}){const o=Eo("useWindowScroll"),n=Eo("customScrollParent"),r=n||o?bo:yo,i=n||o?To:Io;return e.createElement(r,{...t},e.createElement(i,null,e.createElement(vo,null),e.createElement(po,null),e.createElement(xo,null)))})),{Component:So,usePublisher:Co,useEmitterValue:Eo,useEmitter:Ho}=A(go,{optional:{context:"context",totalCount:"totalCount",overscan:"overscan",itemContent:"itemContent",components:"components",computeItemKey:"computeItemKey",data:"data",initialItemCount:"initialItemCount",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",listClassName:"listClassName",itemClassName:"itemClassName",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange"}},wo),yo=Dt({usePublisher:Co,useEmitterValue:Eo,useEmitter:Ho}),bo=Gt({usePublisher:Co,useEmitterValue:Eo,useEmitter:Ho});function zo(e,t,o){return"normal"===t||(null==t?void 0:t.endsWith("px"))||o(`${e} was not resolved to pixel value correctly`,t,G.WARN),"normal"===t?0:parseInt(null!=t?t:"0",10)}const Ro=So,Bo=F((([e,t])=>({...e,...t})),s(wt,F((()=>{const t=I((t=>e.createElement("td",null,"Item $",t))),o=I(null),n=I(null),r=I(null),i=I({}),l=I(zt),s=I(d),c=(e,t=null)=>w(S(i,y((t=>t[e])),E()),t);return{context:o,itemContent:t,fixedHeaderContent:n,fixedFooterContent:r,components:i,computeItemKey:l,scrollerRef:s,TableComponent:c("Table","table"),TableHeadComponent:c("TableHead","thead"),TableFooterComponent:c("TableFoot","tfoot"),TableBodyComponent:c("TableBody","tbody"),TableRowComponent:c("TableRow","tr"),ScrollerComponent:c("Scroller","div"),EmptyPlaceholder:c("EmptyPlaceholder"),ScrollSeekPlaceholder:c("ScrollSeekPlaceholder"),FillerRow:c("FillerRow")}})))),ko=({height:t})=>e.createElement("tr",null,e.createElement("td",{style:{height:t}})),Po=({height:t})=>e.createElement("tr",null,e.createElement("td",{style:{height:t,padding:0,border:0}})),Lo=e.memo((function(){const t=Ao("listState"),o=Vo("sizeRanges"),n=Ao("useWindowScroll"),r=Ao("customScrollParent"),i=Vo("windowScrollContainerState"),l=Vo("scrollContainerState"),s=r||n?i:l,c=Ao("itemContent"),a=Ao("trackItemSizes"),u=Ao("itemSize"),d=Ao("log"),{callbackRef:f,ref:m}=j(o,u,a,s,d,void 0,r),[h,g]=e.useState(0);Do("deviation",(e=>{h!==e&&(m.current.style.marginTop=`${e}px`,g(e))}));const p=Ao("EmptyPlaceholder"),v=Ao("ScrollSeekPlaceholder")||ko,x=Ao("FillerRow")||Po,I=Ao("TableBodyComponent"),T=Ao("TableRowComponent"),w=Ao("computeItemKey"),S=Ao("isSeeking"),C=Ao("paddingTopAddition"),E=Ao("firstItemIndex"),H=Ao("statefulTotalCount"),y=Ao("context");if(0===H&&p)return e.createElement(p,Wt(p,y));const b=t.offsetTop+C+h,z=t.offsetBottom,R=b>0?e.createElement(x,{height:b,key:"padding-top",context:y}):null,B=z>0?e.createElement(x,{height:z,key:"padding-bottom",context:y}):null,k=t.items.map((t=>{const o=t.originalIndex,n=w(o+E,t.data,y);return S?e.createElement(v,{...Wt(v,y),key:n,index:t.index,height:t.size,type:t.type||"item"}):e.createElement(T,{...Wt(T,y),key:n,"data-index":o,"data-known-size":t.size,"data-item-index":t.index,item:t.data,style:{overflowAnchor:"none"}},c(t.index,t.data,y))}));return e.createElement(I,{ref:f,"data-test-id":"virtuoso-item-list",...Wt(I,y)},[R,...k,B])})),Oo=({children:t})=>{const n=e.useContext(yt),r=Vo("viewportHeight"),i=Vo("fixedItemHeight"),l=$(o(r,(e=>K(e,"height"))));return e.useEffect((()=>{n&&(r(n.viewportHeight),i(n.itemHeight))}),[n,r,i]),e.createElement("div",{style:Mt,ref:l,"data-viewport-type":"element"},t)},Mo=({children:t})=>{const o=e.useContext(yt),n=Vo("windowViewportRect"),r=Vo("fixedItemHeight"),i=Ao("customScrollParent"),l=Ht(n,i);return e.useEffect((()=>{o&&(r(o.itemHeight),n({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}))}),[o,n,r]),e.createElement("div",{ref:l,style:Mt,"data-viewport-type":"window"},t)},Fo=e.memo((function(t){const n=Ao("useWindowScroll"),r=Ao("customScrollParent"),i=Vo("fixedHeaderHeight"),l=Vo("fixedFooterHeight"),s=Ao("fixedHeaderContent"),c=Ao("fixedFooterContent"),a=Ao("context"),u=$(o(i,(e=>K(e,"height")))),d=$(o(l,(e=>K(e,"height")))),f=r||n?No:Go,m=r||n?Mo:Oo,h=Ao("TableComponent"),g=Ao("TableHeadComponent"),p=Ao("TableFooterComponent"),v=s?e.createElement(g,{key:"TableHead",style:{zIndex:1,position:"sticky",top:0},ref:u,...Wt(g,a)},s()):null,x=c?e.createElement(p,{key:"TableFoot",style:{zIndex:1,position:"sticky",bottom:0},ref:d,...Wt(p,a)},c()):null;return e.createElement(f,{...t},e.createElement(m,null,e.createElement(h,{style:{borderSpacing:0},...Wt(h,a)},[v,e.createElement(Lo,{key:"TableBody"}),x])))})),{Component:Wo,usePublisher:Vo,useEmitterValue:Ao,useEmitter:Do}=A(Bo,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",fixedHeaderContent:"fixedHeaderContent",fixedFooterContent:"fixedFooterContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},Fo),Go=Dt({usePublisher:Vo,useEmitterValue:Ao,useEmitter:Do}),No=Gt({usePublisher:Vo,useEmitterValue:Ao,useEmitter:Do}),_o=Wo;exports.GroupedVirtuoso=Xt,exports.LogLevel=G,exports.TableVirtuoso=_o,exports.Virtuoso=Qt,exports.VirtuosoGrid=Ro,exports.VirtuosoGridMockContext=bt,exports.VirtuosoMockContext=yt;
package/dist/index.d.ts CHANGED
@@ -411,6 +411,19 @@ export declare interface ScrollSeekToggle {
411
411
  /** Calculates the height of `el`, which will be the `Item` element in the DOM. */
412
412
  export declare type SizeFunction = (el: HTMLElement, field: 'offsetHeight' | 'offsetWidth') => number;
413
413
 
414
+ export declare interface SizeRange {
415
+ startIndex: number;
416
+ endIndex: number;
417
+ size: number;
418
+ }
419
+
420
+ export declare type StateCallback = (state: StateSnapshot) => void;
421
+
422
+ export declare interface StateSnapshot {
423
+ ranges: SizeRange[];
424
+ scrollTop: number;
425
+ }
426
+
414
427
  /**
415
428
  * Passed to the Components.TableBody custom component
416
429
  */
@@ -818,6 +831,10 @@ export declare interface VirtuosoHandle {
818
831
  * Use this with combination with follow output if you have images loading in the list. Listen to the image loading and call the method.
819
832
  */
820
833
  autoscrollToBottom(): void;
834
+ /**
835
+ * Obtains the internal size state of the component, so that it can be restored later. This does not include the data items.
836
+ */
837
+ getState(stateCb: StateCallback): void;
821
838
  }
822
839
 
823
840
  export declare const VirtuosoMockContext: React_2.Context<VirtuosoMockContextValue | undefined>;
@@ -1026,6 +1043,12 @@ export declare interface VirtuosoProps<D, C> extends ListRootProps {
1026
1043
  * Ensure that you have "all levels" enabled in the browser console too see the messages.
1027
1044
  */
1028
1045
  logLevel?: LogLevel;
1046
+ /**
1047
+ * pass a state obtained from the getState() method to restore the list state - this includes the previously measured item sizes and the scroll location.
1048
+ * Notice that you should still pass the same data and totalCount properties as before, so that the list can match the data with the stored measurements.
1049
+ * This is useful when you want to keep the list state when the component is unmounted and remounted, for example when navigating to a different page.
1050
+ */
1051
+ restoreStateFrom?: StateSnapshot;
1029
1052
  }
1030
1053
 
1031
1054
  export declare interface WindowViewportInfo {
package/dist/index.mjs CHANGED
@@ -34,6 +34,9 @@ function joinProc(...procs) {
34
34
  procs.map(call);
35
35
  };
36
36
  }
37
+ function isDefined(arg) {
38
+ return arg !== void 0;
39
+ }
37
40
  function noop() {
38
41
  }
39
42
  function subscribe(emitter, subscription) {
@@ -1115,6 +1118,13 @@ function originalIndexFromItemIndex(itemIndex, sizes) {
1115
1118
  function hasGroups(sizes) {
1116
1119
  return !empty(sizes.groupOffsetTree);
1117
1120
  }
1121
+ function sizeTreeToRanges(sizeTree) {
1122
+ return walk(sizeTree).map(({ k: startIndex, v: size }, index, sizeArray) => {
1123
+ const nextSize = sizeArray[index + 1];
1124
+ const endIndex = nextSize ? nextSize.k - 1 : Infinity;
1125
+ return { startIndex, endIndex, size };
1126
+ });
1127
+ }
1118
1128
  const SIZE_MAP = {
1119
1129
  offsetHeight: "height",
1120
1130
  offsetWidth: "width"
@@ -1756,10 +1766,18 @@ function getInitialTopMostItemIndexNumber(location, totalCount) {
1756
1766
  const index = typeof location === "number" ? location : location.index === "LAST" ? lastIndex : location.index;
1757
1767
  return index;
1758
1768
  }
1769
+ function skipFrames(frameCount, callback) {
1770
+ if (frameCount == 0) {
1771
+ callback();
1772
+ } else {
1773
+ requestAnimationFrame(() => skipFrames(frameCount - 1, callback));
1774
+ }
1775
+ }
1759
1776
  const initialTopMostItemIndexSystem = system(
1760
1777
  ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]) => {
1761
1778
  const scrolledToInitialItem = statefulStream(true);
1762
1779
  const initialTopMostItemIndex = statefulStream(0);
1780
+ const scrollScheduled = statefulStream(false);
1763
1781
  connect(
1764
1782
  pipe(
1765
1783
  didMount,
@@ -1772,17 +1790,16 @@ const initialTopMostItemIndexSystem = system(
1772
1790
  subscribe(
1773
1791
  pipe(
1774
1792
  combineLatest(listRefresh, didMount),
1775
- withLatestFrom(scrolledToInitialItem, sizes, defaultItemSize),
1776
- filter(([[, didMount2], scrolledToInitialItem2, { sizeTree }, defaultItemSize2]) => {
1777
- return didMount2 && (!empty(sizeTree) || defaultItemSize2 !== void 0) && !scrolledToInitialItem2;
1793
+ withLatestFrom(scrolledToInitialItem, sizes, defaultItemSize, scrollScheduled),
1794
+ filter(([[, didMount2], scrolledToInitialItem2, { sizeTree }, defaultItemSize2, scrollScheduled2]) => {
1795
+ return didMount2 && (!empty(sizeTree) || isDefined(defaultItemSize2)) && !scrolledToInitialItem2 && !scrollScheduled2;
1778
1796
  }),
1779
1797
  withLatestFrom(initialTopMostItemIndex)
1780
1798
  ),
1781
1799
  ([, initialTopMostItemIndex2]) => {
1782
- setTimeout(() => {
1783
- handleNext(scrollTop, () => {
1784
- publish(scrolledToInitialItem, true);
1785
- });
1800
+ publish(scrollScheduled, true);
1801
+ skipFrames(2, () => {
1802
+ handleNext(scrollTop, () => publish(scrolledToInitialItem, true));
1786
1803
  publish(scrollToIndex, initialTopMostItemIndex2);
1787
1804
  });
1788
1805
  }
@@ -2239,7 +2256,7 @@ const listStateSystem = system(
2239
2256
  connect(
2240
2257
  pipe(
2241
2258
  data,
2242
- filter((data2) => data2 !== void 0),
2259
+ filter(isDefined),
2243
2260
  map((data2) => data2 == null ? void 0 : data2.length)
2244
2261
  ),
2245
2262
  totalCount
@@ -2599,6 +2616,7 @@ const alignToBottomSystem = system(
2599
2616
  map(([, viewportHeight2, totalListHeight2]) => {
2600
2617
  return Math.max(0, viewportHeight2 - totalListHeight2);
2601
2618
  }),
2619
+ throttleTime(0),
2602
2620
  distinctUntilChanged()
2603
2621
  ),
2604
2622
  0
@@ -2714,6 +2732,30 @@ const scrollIntoViewSystem = system(
2714
2732
  tup(sizeSystem, domIOSystem, scrollToIndexSystem, listStateSystem, loggerSystem),
2715
2733
  { singleton: true }
2716
2734
  );
2735
+ const stateLoadSystem = system(([{ sizes, sizeRanges }, { scrollTop }, { initialTopMostItemIndex }]) => {
2736
+ const getState = stream();
2737
+ const restoreStateFrom = statefulStream(void 0);
2738
+ subscribe(pipe(getState, withLatestFrom(sizes, scrollTop)), ([callback, sizes2, scrollTop2]) => {
2739
+ const ranges = sizeTreeToRanges(sizes2.sizeTree);
2740
+ callback({ ranges, scrollTop: scrollTop2 });
2741
+ });
2742
+ connect(pipe(restoreStateFrom, filter(isDefined), map(locationFromSnapshot)), initialTopMostItemIndex);
2743
+ connect(
2744
+ pipe(
2745
+ restoreStateFrom,
2746
+ filter(isDefined),
2747
+ map((snapshot) => snapshot.ranges)
2748
+ ),
2749
+ sizeRanges
2750
+ );
2751
+ return {
2752
+ getState,
2753
+ restoreStateFrom
2754
+ };
2755
+ }, tup(sizeSystem, domIOSystem, initialTopMostItemIndexSystem));
2756
+ function locationFromSnapshot(snapshot) {
2757
+ return { offset: snapshot.scrollTop, index: 0, align: "start" };
2758
+ }
2717
2759
  const featureGroup1System = system(
2718
2760
  ([
2719
2761
  sizeRange,
@@ -2724,7 +2766,8 @@ const featureGroup1System = system(
2724
2766
  initialScrollTopSystem2,
2725
2767
  alignToBottom,
2726
2768
  windowScroller,
2727
- scrollIntoView
2769
+ scrollIntoView,
2770
+ logger
2728
2771
  ]) => {
2729
2772
  return {
2730
2773
  ...sizeRange,
@@ -2735,7 +2778,8 @@ const featureGroup1System = system(
2735
2778
  ...initialScrollTopSystem2,
2736
2779
  ...alignToBottom,
2737
2780
  ...windowScroller,
2738
- ...scrollIntoView
2781
+ ...scrollIntoView,
2782
+ ...logger
2739
2783
  };
2740
2784
  },
2741
2785
  tup(
@@ -2747,7 +2791,8 @@ const featureGroup1System = system(
2747
2791
  initialScrollTopSystem,
2748
2792
  alignToBottomSystem,
2749
2793
  windowScrollerSystem,
2750
- scrollIntoViewSystem
2794
+ scrollIntoViewSystem,
2795
+ loggerSystem
2751
2796
  )
2752
2797
  );
2753
2798
  const listSystem = system(
@@ -2768,14 +2813,14 @@ const listSystem = system(
2768
2813
  },
2769
2814
  { initialTopMostItemIndex, scrolledToInitialItem },
2770
2815
  domIO,
2816
+ stateLoad,
2771
2817
  followOutput,
2772
2818
  { listState, topItemsIndexes, ...flags },
2773
2819
  { scrollToIndex },
2774
2820
  _,
2775
2821
  { topItemCount },
2776
2822
  { groupCounts },
2777
- featureGroup1,
2778
- log
2823
+ featureGroup1
2779
2824
  ]) => {
2780
2825
  connect(flags.rangeChanged, featureGroup1.scrollSeekRangeChanged);
2781
2826
  connect(
@@ -2808,22 +2853,22 @@ const listSystem = system(
2808
2853
  ...flags,
2809
2854
  ...featureGroup1,
2810
2855
  ...domIO,
2811
- ...log,
2812
- sizes
2856
+ sizes,
2857
+ ...stateLoad
2813
2858
  };
2814
2859
  },
2815
2860
  tup(
2816
2861
  sizeSystem,
2817
2862
  initialTopMostItemIndexSystem,
2818
2863
  domIOSystem,
2864
+ stateLoadSystem,
2819
2865
  followOutputSystem,
2820
2866
  listStateSystem,
2821
2867
  scrollToIndexSystem,
2822
2868
  upwardScrollFixSystem,
2823
2869
  topItemCountSystem,
2824
2870
  groupedListSystem,
2825
- featureGroup1System,
2826
- loggerSystem
2871
+ featureGroup1System
2827
2872
  )
2828
2873
  );
2829
2874
  const WEBKIT_STICKY = "-webkit-sticky";
@@ -2975,11 +3020,13 @@ const Items$1 = /* @__PURE__ */ React.memo(function VirtuosoItems({ showTopList
2975
3020
  const isSeeking = useEmitterValue$2("isSeeking");
2976
3021
  const hasGroups2 = useEmitterValue$2("groupIndices").length > 0;
2977
3022
  const paddingTopAddition = useEmitterValue$2("paddingTopAddition");
3023
+ const scrolledToInitialItem = useEmitterValue$2("scrolledToInitialItem");
2978
3024
  const containerStyle = showTopList ? {} : {
2979
3025
  boxSizing: "border-box",
2980
3026
  paddingTop: listState.offsetTop + paddingTopAddition,
2981
3027
  paddingBottom: listState.offsetBottom,
2982
- marginTop: deviation
3028
+ marginTop: deviation,
3029
+ ...scrolledToInitialItem ? {} : { visibility: "hidden" }
2983
3030
  };
2984
3031
  if (!showTopList && listState.totalCount === 0 && EmptyPlaceholder) {
2985
3032
  return React.createElement(EmptyPlaceholder, contextPropIfNotDomElement(EmptyPlaceholder, context));
@@ -3198,6 +3245,7 @@ const {
3198
3245
  {
3199
3246
  required: {},
3200
3247
  optional: {
3248
+ restoreStateFrom: "restoreStateFrom",
3201
3249
  context: "context",
3202
3250
  followOutput: "followOutput",
3203
3251
  itemContent: "itemContent",
@@ -3232,7 +3280,8 @@ const {
3232
3280
  scrollIntoView: "scrollIntoView",
3233
3281
  scrollTo: "scrollTo",
3234
3282
  scrollBy: "scrollBy",
3235
- autoscrollToBottom: "autoscrollToBottom"
3283
+ autoscrollToBottom: "autoscrollToBottom",
3284
+ getState: "getState"
3236
3285
  },
3237
3286
  events: {
3238
3287
  isScrolling: "isScrolling",
@@ -3364,7 +3413,7 @@ const gridSystem = /* @__PURE__ */ system(
3364
3413
  connect(
3365
3414
  pipe(
3366
3415
  data,
3367
- filter((data2) => data2 !== void 0),
3416
+ filter(isDefined),
3368
3417
  map((data2) => data2.length)
3369
3418
  ),
3370
3419
  totalCount
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "author": "Petyo Ivanov",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
- "version": "4.2.2",
6
+ "version": "4.3.0",
7
7
  "homepage": "https://virtuoso.dev/",
8
8
  "license": "MIT",
9
9
  "source": "src/index.tsx",
@@ -48,10 +48,10 @@
48
48
  "@emotion/core": "^10.1.0",
49
49
  "@emotion/styled": "^10.0.27",
50
50
  "@faker-js/faker": "^7.6.0",
51
- "@testing-library/react": "^13.4.0",
52
51
  "@ladle/react": "^2.4.5",
53
52
  "@microsoft/api-extractor": "^7.33.7",
54
53
  "@playwright/test": "^1.29.1",
54
+ "@testing-library/react": "^13.4.0",
55
55
  "@types/jsdom": "^16.2.3",
56
56
  "@types/lodash": "^4.14.165",
57
57
  "@types/react": "^18.0.5",
@@ -72,6 +72,7 @@
72
72
  "eslint-plugin-react": "^7.31.11",
73
73
  "eslint-plugin-react-hooks": "^4.6.0",
74
74
  "husky": "^6.0.0",
75
+ "immer": "^10.0.1",
75
76
  "jsdom": "^20.0.3",
76
77
  "lodash": "^4.17.21",
77
78
  "playwright": "^1.29.1",