react-virtuoso 4.3.5 → 4.3.7
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 +1 -1
- package/dist/index.mjs +52 -10
- package/package.json +55 -45
- package/dist/react-urx/index.d.ts +0 -111
- package/dist/urx/index.d.ts +0 -7
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(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.length===l+1?1/0: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.length===s+1?1/0: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},{didMount:r}])=>{const i=x(),l=I(void 0);return f(S(i,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(l,H(u),y(It)),n),p(S(r,P(l),H((([,e])=>void 0!==e)),E(),y((([,e])=>e.ranges))),t),{getState:i,restoreStateFrom:l}}),s(Le,Z,_e,Ge));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(g,P(F,_),H((([e,t])=>e&&0!==t)),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 $=I(!1);p(S(n,P($),y((([e,t])=>t||0!==e))),$);const j=T(S(O(W),H((({items:e})=>e.length>0)),P(L,$),H((([{items:e},t,o])=>o&&e[e.length-1].index===t-1)),y((([,e])=>e-1)),E())),K=T(S(O(W),H((({items:e})=>e.length>0&&0===e[0].index)),b(0),E())),q=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(q,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 Y=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:Y,...f,startReached:K,endReached:j,rangeChanged:q,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)/(ro(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;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),o=0,n=1,r=2,i=4;function l(e,t){return o=>e(t(o))}function s(e,t){return t(e)}function c(e,t){return o=>e(t,o)}function a(e,t){return()=>e(t)}function u(e,t){return t(e),e}function d(...e){return e}function f(e){e()}function m(e){return()=>e}function h(e){return void 0!==e}function g(){}function p(e,t){return e(n,t)}function v(e,t){e(o,t)}function x(e){e(r)}function I(e){return e(i)}function T(e,t){return p(e,c(t,o))}function w(e,t){const o=e(n,(e=>{o(),t(e)}));return o}function S(){const e=[];return(t,i)=>{switch(t){case r:return void e.splice(0,e.length);case n:return e.push(i),()=>{const t=e.indexOf(i);t>-1&&e.splice(t,1)};case o:return void e.slice().forEach((e=>{e(i)}));default:throw new Error(`unrecognized action ${t}`)}}}function C(e){let t=e;const r=S();return(e,l)=>{switch(e){case n:l(t);break;case o:t=l;break;case i:return t}return r(e,l)}}function E(e){return u(S(),(t=>T(e,t)))}function H(e,t){return u(C(t),(t=>T(e,t)))}function y(e,...t){const o=function(...e){return t=>e.reduceRight(s,t)}(...t);return(t,i)=>{switch(t){case n:return p(e,o(i));case r:return void x(e)}}}function b(e,t){return e===t}function z(e=b){let t;return o=>n=>{e(t,n)||(t=n,o(n))}}function R(e){return t=>o=>{e(o)&&t(o)}}function B(e){return t=>l(t,e)}function k(e){return t=>()=>t(e)}function P(e,t){return o=>n=>o(t=e(t,n))}function L(e){return t=>o=>{e>0?e--:t(o)}}function O(e){let t,o=null;return n=>r=>{o=r,t||(t=setTimeout((()=>{t=void 0,n(o)}),e))}}function M(e){let t,o;return n=>r=>{t=r,o&&clearTimeout(o),o=setTimeout((()=>{n(t)}),e)}}function F(...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);p(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 W(...e){return function(t,o){switch(t){case n:return function(...e){return()=>{e.map(f)}}(...e.map((e=>p(e,o))));case r:return;default:throw new Error(`unrecognized action ${t}`)}}}function V(e,t=b){return y(e,z(t))}function A(...e){const t=S(),o=new Array(e.length);let i=0;const l=Math.pow(2,e.length)-1;return e.forEach(((e,n)=>{const r=Math.pow(2,n);p(e,(e=>{o[n]=e,i|=r,i===l&&v(t,o)}))})),function(e,s){switch(e){case n:return i===l&&s(o),p(t,s);case r:return x(t);default:throw new Error(`unrecognized action ${e}`)}}}function D(e,t=[],{singleton:o}={singleton:!0}){return{id:G(),constructor:e,dependencies:t,singleton:o}}const G=()=>Symbol();const N="undefined"!=typeof document?e.useLayoutEffect:e.useEffect;function _(t,o,i){const l=Object.keys(o.required||{}),s=Object.keys(o.optional||{}),d=Object.keys(o.methods||{}),f=Object.keys(o.events||{}),h=e.createContext({});function T(e,t){e.propsReady&&v(e.propsReady,!1);for(const n of l){v(e[o.required[n]],t[n])}for(const n of s)if(n in t){v(e[o.optional[n]],t[n])}e.propsReady&&v(e.propsReady,!0)}function w(e){return f.reduce(((t,i)=>(t[i]=function(e){let t,o;const i=()=>t&&t();return function(l,s){switch(l){case n:if(s){if(o===s)return;return i(),o=s,t=p(e,s),t}return i(),g;case r:return i(),void(o=null);default:throw new Error(`unrecognized action ${l}`)}}}(e[o.events[i]]),t)),{})}const S=e.forwardRef(((n,r)=>{const{children:c,...g}=n,[I]=e.useState((()=>u(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=>T(e,g))))),[S]=e.useState(a(w,I));return N((()=>{for(const e of f)e in g&&p(S[e],g[e]);return()=>{Object.values(S).map(x)}}),[g,S,I]),N((()=>{T(I,g)})),e.useImperativeHandle(r,m(function(e){return d.reduce(((t,n)=>(t[n]=t=>{v(e[o.methods[n]],t)},t)),{})}(I))),e.createElement(h.Provider,{value:I},i?e.createElement(i,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}([...l,...s,...f],g),c):c)}));return{Component:S,usePublisher:t=>e.useCallback(c(v,e.useContext(h)[t]),[t]),useEmitterValue:t=>{const o=e.useContext(h)[t],[n,r]=e.useState(a(I,o));return N((()=>p(o,(e=>{e!==n&&r(m(e))}))),[o,n]),n},useEmitter:(t,o)=>{const n=e.useContext(h)[t];N((()=>p(n,o)),[o,n])}}}const U="undefined"!=typeof document?e.useLayoutEffect:e.useEffect;var $=(e=>(e[e.DEBUG=0]="DEBUG",e[e.INFO=1]="INFO",e[e.WARN=2]="WARN",e[e.ERROR=3]="ERROR",e))($||{});const j={0:"debug",1:"log",2:"warn",3:"error"},K=D((()=>{const e=C(3);return{log:C(((t,o,n=1)=>{var r;n>=(null!=(r=("undefined"==typeof globalThis?window:globalThis).VIRTUOSO_LOG_LEVEL)?r:I(e))&&console[j[n]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",t,o)})),logLevel:e}}),[],{singleton:!0});function q(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 Y(e,t=!0){return q(e,t).callbackRef}function Z(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},$.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,$.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 q(c,n)}function J(e,t){return Math.round(e.getBoundingClientRect()[t])}function Q(e,t){return Math.abs(e-t)<1.01}function X(o,n,r,i=g,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(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)),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 ee=D((()=>{const e=S(),t=S(),o=C(0),n=S(),r=C(0),i=S(),l=S(),s=C(0),c=C(0),a=C(0),u=C(0),d=S(),f=S(),m=C(!1);return T(y(e,B((({scrollTop:e})=>e))),t),T(y(e,B((({scrollHeight:e})=>e))),l),T(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}),te={lvl:0};function oe(e,t,o,n=te,r=te){return{k:e,v:t,lvl:o,l:n,r:r}}function ne(e){return e===te}function re(){return te}function ie(e,t){if(ne(e))return te;const{k:o,l:n,r:r}=e;if(t===o){if(ne(n))return r;if(ne(r))return n;{const[t,o]=de(n);return pe(me(e,{k:t,v:o,l:fe(n)}))}}return pe(me(e,t<o?{l:ie(n,t)}:{r:ie(r,t)}))}function le(e,t){if(!ne(e))return t===e.k?e.v:t<e.k?le(e.l,t):le(e.r,t)}function se(e,t,o="k"){if(ne(e))return[-1/0,void 0];if(Number(e[o])===t)return[e.k,e.v];if(Number(e[o])<t){const n=se(e.r,t,o);return n[0]===-1/0?[e.k,e.v]:n}return se(e.l,t,o)}function ce(e,t,o){return ne(e)?oe(t,o,1):t===e.k?me(e,{k:t,v:o}):t<e.k?ge(me(e,{l:ce(e.l,t,o)})):ge(me(e,{r:ce(e.r,t,o)}))}function ae(e,t,o){if(ne(e))return[];const{k:n,v:r,l:i,r:l}=e;let s=[];return n>t&&(s=s.concat(ae(i,t,o))),n>=t&&n<=o&&s.push({k:n,v:r}),n<=o&&(s=s.concat(ae(l,t,o))),s}function ue(e){return ne(e)?[]:[...ue(e.l),{k:e.k,v:e.v},...ue(e.r)]}function de(e){return ne(e.r)?[e.k,e.v]:de(e.r)}function fe(e){return ne(e.r)?e.l:pe(me(e,{r:fe(e.r)}))}function me(e,t){return oe(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 he(e){return ne(e)||e.lvl>e.r.lvl}function ge(e){return Ie(Te(e))}function pe(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(he(t))return Te(me(e,{lvl:n-1}));if(ne(t)||ne(t.r))throw new Error("Unexpected empty nodes");return me(t.r,{l:me(t,{r:t.r.l}),r:me(e,{l:t.r.r,lvl:n-1}),lvl:n})}if(he(e))return Ie(me(e,{lvl:n-1}));if(ne(o)||ne(o.l))throw new Error("Unexpected empty nodes");{const t=o.l,r=he(t)?o.lvl-1:o.lvl;return me(t,{l:me(e,{r:t.l,lvl:n-1}),r:Ie(me(o,{l:t.r,lvl:r})),lvl:t.lvl+1})}}function ve(e,t,o){if(ne(e))return[];const n=se(e,t)[0];return xe(ae(e,n,o),(({k:e,v:t})=>({index:e,value:t})))}function xe(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 Ie(e){const{r:t,lvl:o}=e;return ne(t)||ne(t.r)||t.lvl!==o||t.r.lvl!==o?e:me(t,{l:me(e,{r:t.l}),lvl:o+1})}function Te(e){const{l:t}=e;return ne(t)||t.lvl!==e.lvl?e:me(t,{r:me(e,{l:t.r})})}function we(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 Se(e,t,o){return e[we(e,t,o)]}const Ce=D((()=>({recalcInProgress:C(!1)})),[],{singleton:!0});function Ee(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 He(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 ye({index:e},t){return t===e?0:t<e?-1:1}function be({offset:e},t){return t===e?0:t<e?-1:1}function ze(e){return{index:e.index,value:e}}function Re(e,t,o,n=0){return n>0&&(t=Math.max(t,Se(e,n,ye).offset)),xe(function(e,t,o,n){const r=we(e,t,n),i=we(e,o,n,r);return e.slice(r,i+1)}(e,t,o,be),ze)}function Be(e,t,o,n){let r=e,i=0,l=0,s=0,c=0;if(0!==t){c=we(r,t-1,ye);s=r[c].offset;const e=se(o,t-1);i=e[0],l=e[1],r.length&&r[c].size===se(o,t)[1]&&(c-=1),r=r.slice(0,c+1)}else r=[];for(const{start:a,value:u}of ve(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 ke(e,[t,o,n,r]){t.length>0&&n("received item sizes",t,$.DEBUG);const i=e.sizeTree;let l=i,s=0;if(o.length>0&&ne(i)&&2===t.length){const e=t[0].size,n=t[1].size;l=o.reduce(((t,o)=>ce(ce(t,o,e),o+1,n)),l)}else[l,s]=function(e,t){let o=ne(e)?0:1/0;for(const n of t){const{size:t,startIndex:r,endIndex:i}=n;if(o=Math.min(o,r),ne(e)){e=ce(e,0,t);continue}const l=ve(e,r-1,i+1);if(l.some(Ee(n)))continue;let s=!1,c=!1;for(const{start:o,end:n,value:a}of l)s?(i>=o||t===a)&&(e=ie(e,o)):(c=a!==t,s=!0),n>i&&i>=o&&a!==t&&(e=ce(e,i+1,a));c&&(e=ce(e,r,t))}return[e,o]}(l,t);if(l===i)return e;const{offsetTree:c,lastIndex:a,lastSize:u,lastOffset:d}=Be(e.offsetTree,s,l,r);return{sizeTree:l,offsetTree:c,lastIndex:a,lastOffset:d,lastSize:u,groupOffsetTree:o.reduce(((e,t)=>ce(e,t,Pe(t,c,r))),re()),groupIndices:o}}function Pe(e,t,o){if(0===t.length)return 0;const{offset:n,index:r,size:i}=Se(t,e,ye),l=e-r,s=i*l+(l-1)*o+n;return s>0?s+o:s}function Le(e,t,o){if(function(e){return void 0!==e.groupIndex}(e))return t.groupIndices[e.groupIndex]+1;{let n=Oe("LAST"===e.index?o:e.index,t);return n=Math.max(0,n,Math.min(o,n)),n}}function Oe(e,t){if(!Me(t))return e;let o=0;for(;t.groupIndices[o]<=e+o;)o++;return e+o}function Me(e){return!ne(e.groupOffsetTree)}const Fe={offsetHeight:"height",offsetWidth:"width"},We=D((([{log:e},{recalcInProgress:t}])=>{const o=S(),n=S(),r=H(n,0),i=S(),l=S(),s=C(0),c=C([]),a=C(void 0),u=C(void 0),d=C(((e,t)=>J(e,Fe[t]))),f=C(void 0),m=C(0),h={offsetTree:[],sizeTree:re(),groupOffsetTree:re(),lastIndex:0,lastOffset:0,lastSize:0,groupIndices:[]},g=H(y(o,F(c,e,m),P(ke,h),z()),h),x=H(y(c,z(),P(((e,t)=>({prev:e.current,current:t})),{prev:[],current:[]}),B((({prev:e})=>e))),[]);T(y(c,R((e=>e.length>0)),F(g,m),B((([e,t,o])=>{const n=e.reduce(((e,n,r)=>ce(e,n,Pe(n,t.offsetTree,o)||r)),re());return{...t,groupIndices:e,groupOffsetTree:n}}))),g),T(y(n,F(g),R((([e,{lastIndex:t,groupIndices:o}])=>e<t&&0===o.length)),B((([e,{lastIndex:t,lastSize:o}])=>[{startIndex:e,endIndex:t,size:o}]))),o),T(a,u);const w=H(y(a,B((e=>void 0===e))),!0);T(y(u,R((e=>void 0!==e&&ne(I(g).sizeTree))),B((e=>[{startIndex:0,endIndex:0,size:e}]))),o);const b=E(y(o,F(g),P((({sizes:e},[t,o])=>({changed:o!==e,sizes:o})),{changed:!1,sizes:h}),B((e=>e.changed))));p(y(s,P(((e,t)=>({diff:e.prev-t,prev:t})),{diff:0,prev:0}),B((e=>e.diff))),(e=>{const{groupIndices:o}=I(g);if(e>0)v(t,!0),v(i,e+He(e,o));else if(e<0){const t=I(x);t.length>0&&(e-=He(-e,t)),v(l,e)}})),p(y(s,F(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},$.ERROR)}));const k=E(i);T(y(i,F(g),B((([e,t])=>{const o=t.groupIndices.length>0,n=[],r=t.lastSize;if(o){const o=le(t.sizeTree,0);let i=0,l=0;for(;i<e;){const e=t.groupIndices[l],s=t.groupIndices.length===l+1?1/0: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=ue(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 ue(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 L=E(y(l,F(g,m),B((([e,{offsetTree:t},o])=>Pe(-e,t,o)))));return T(y(l,F(g,m),B((([e,t,o])=>{if(t.groupIndices.length>0){if(ne(t.sizeTree))return t;let n=re();const r=I(x);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=ue(t.sizeTree).reduce(((t,{k:o,v:n})=>ce(t,Math.max(0,o+e),n)),n);if(i!==-e){n=ce(n,0,le(t.sizeTree,s));n=ce(n,1,se(t.sizeTree,1-e)[1])}return{...t,sizeTree:n,...Be(t.offsetTree,0,n,o)}}{const n=ue(t.sizeTree).reduce(((t,{k:o,v:n})=>ce(t,Math.max(0,o+e),n)),re());return{...t,sizeTree:n,...Be(t.offsetTree,0,n,o)}}}))),g),{data:f,totalCount:n,sizeRanges:o,groupIndices:c,defaultItemSize:u,fixedItemSize:a,unshiftWith:i,shiftWith:l,shiftWithOffset:L,beforeUnshiftWith:k,firstItemIndex:s,gap:m,sizes:g,listRefresh:b,statefulTotalCount:r,trackItemSizes:w,itemSize:d}}),d(K,Ce),{singleton:!0}),Ve="undefined"!=typeof document&&"scrollBehavior"in document.documentElement.style;function Ae(e){const t="number"==typeof e?{index:e}:e;return t.align||(t.align="start"),t.behavior&&Ve||(t.behavior="auto"),t.offset||(t.offset=0),t}const De=D((([{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:f}])=>{const m=S(),h=C(0);let g=null,x=null,I=null;function E(){g&&(g(),g=null),I&&(I(),I=null),x&&(clearTimeout(x),x=null),v(r,!1)}return T(y(m,F(e,i,t,h,c,a,f),F(n,u,d),B((([[e,t,n,i,l,c,a,u],d,f,h])=>{const T=Ae(e),{align:S,behavior:C,offset:H}=T,b=i-1,z=Le(T,t,b);let R=Pe(z,t.offsetTree,d)+c;"end"===S?(R+=f+se(t.sizeTree,z)[1]-n+h,z===b&&(R+=a)):"center"===S?R+=(f+se(t.sizeTree,z)[1]-n+h)/2:R-=l,H&&(R+=H);const B=t=>{E(),t?(u("retrying to scroll to",{location:e},$.DEBUG),v(m,e)):u("list did not change, scroll successful",{},$.DEBUG)};if(E(),"smooth"===C){let e=!1;I=p(o,(t=>{e=e||t})),g=w(s,(()=>{B(e)}))}else g=w(y(o,(k=150,e=>{const t=setTimeout((()=>{e(!1)}),k);return o=>{o&&(e(!0),clearTimeout(t))}})),B);var k;return x=setTimeout((()=>{E()}),1200),v(r,!0),u("scrolling from index to",{index:z,top:R,behavior:C},$.DEBUG),{top:R,behavior:C}}))),l),{scrollToIndex:m,topListHeight:h}}),d(We,ee,K),{singleton:!0});const Ge="up",Ne="down",_e={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollTop:0,viewportHeight:0,scrollHeight:0}},Ue=D((([{scrollContainerState:e,scrollTop:t,viewportHeight:o,headerHeight:n,footerHeight:r,scrollBy:i}])=>{const l=C(!1),s=C(!0),c=S(),a=S(),u=C(4),d=C(0),f=H(y(W(y(V(t),L(1),k(!0)),y(V(t),L(1),k(!1),M(100))),z()),!1),m=H(y(W(y(i,k(!0)),y(i,k(!1),M(200))),z()),!1);T(y(A(V(t),V(d)),B((([e,t])=>e<=t)),z()),s),T(y(s,O(50)),a);const h=E(y(A(e,V(o),V(n),V(r),V(u)),P(((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}}),_e),z(((e,t)=>e&&e.atBottom===t.atBottom)))),g=H(y(e,P(((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}),R((e=>e.changed)),B((e=>e.jump))),0);T(y(h,B((e=>e.atBottom))),l),T(y(l,O(50)),c);const p=C(Ne);T(y(e,B((({scrollTop:e})=>e)),z(),P(((e,t)=>I(m)?{direction:e.direction,prevScrollTop:t}:{direction:t<e.prevScrollTop?Ge:Ne,prevScrollTop:t}),{direction:Ne,prevScrollTop:0}),B((e=>e.direction))),p),T(y(e,O(50),k("none")),p);const v=C(0);return T(y(f,R((e=>!e)),k(0)),v),T(y(t,O(100),F(f),R((([e,t])=>!!t)),P((([e,t],[o])=>[t,o]),[0,0]),B((([e,t])=>t-e))),v),{isScrolling:f,isAtTop:s,isAtBottom:l,atBottomState:h,atTopStateChange:a,atBottomStateChange:c,scrollDirection:p,atBottomThreshold:u,atTopThreshold:d,scrollVelocity:v,lastJumpDueToItemResize:g}}),d(ee)),$e=D((([{log:e}])=>{const t=C(!1),o=E(y(t,R((e=>e)),z()));return p(t,(t=>{t&&I(e)("props updated",{},$.DEBUG)})),{propsReady:t,didMount:o}}),d(K),{singleton:!0});function je(e,t){0==e?t():requestAnimationFrame((()=>je(e-1,t)))}const Ke=D((([{sizes:e,listRefresh:t,defaultItemSize:o},{scrollTop:n},{scrollToIndex:r},{didMount:i}])=>{const l=C(!0),s=C(0),c=C(!1);return T(y(i,F(s),R((([e,t])=>!!t)),k(!1)),l),p(y(A(t,i),F(l,e,o,c),R((([[,e],t,{sizeTree:o},n,r])=>e&&(!ne(o)||h(n))&&!t&&!r)),F(s)),(([,e])=>{v(c,!0),je(2,(()=>{w(n,(()=>v(l,!0))),v(r,e)}))})),{scrolledToInitialItem:l,initialTopMostItemIndex:s}}),d(We,ee,De,$e),{singleton:!0});function qe(e){return!!e&&("smooth"===e?"smooth":"auto")}const Ye=D((([{totalCount:e,listRefresh:t},{isAtBottom:o,atBottomState:n},{scrollToIndex:r},{scrolledToInitialItem:i},{propsReady:l,didMount:s},{log:c},{scrollingInProgress:a}])=>{const u=C(!1),d=S();let f=null;function m(e){v(r,{index:"LAST",align:"end",behavior:e})}function h(e){const t=w(n,(t=>{!e||t.atBottom||"SIZE_INCREASED"!==t.notAtBottomBecause||f||(I(c)("scrolling to bottom due to increased size",{},$.DEBUG),m("auto"))}));setTimeout(t,100)}return p(y(A(y(V(e),L(1)),s),F(V(u),o,i,a),B((([[e,t],o,n,r,i])=>{let l=t&&r,s="auto";return l&&(s=((e,t)=>"function"==typeof e?qe(e(t)):t&&qe(e))(o,n||i),l=l&&!!s),{totalCount:e,shouldFollow:l,followOutputBehavior:s}})),R((({shouldFollow:e})=>e))),(({totalCount:e,followOutputBehavior:o})=>{f&&(f(),f=null),f=w(t,(()=>{I(c)("following output to ",{totalCount:e},$.DEBUG),m(o),f=null}))})),p(y(A(V(u),e,l),R((([e,,t])=>e&&t)),P((({value:e},[,t])=>({refreshed:e===t,value:t})),{refreshed:!1,value:0}),R((({refreshed:e})=>e)),F(u,e)),(([,e])=>{h(!1!==e)})),p(d,(()=>{h(!1!==I(u))})),p(A(V(u),n),(([e,t])=>{e&&!t.atBottom&&"VIEWPORT_HEIGHT_DECREASING"===t.notAtBottomBecause&&m("auto")})),{followOutput:u,autoscrollToBottom:d}}),d(We,Ue,De,Ke,$e,K,ee));function Ze(e){return e.reduce(((e,t)=>(e.groupIndices.push(e.totalCount),e.totalCount+=t+1,e)),{totalCount:0,groupIndices:[]})}const Je=D((([{totalCount:e,groupIndices:t,sizes:o},{scrollTop:n,headerHeight:r}])=>{const i=S(),l=S(),s=E(y(i,B(Ze)));return T(y(s,B((e=>e.totalCount))),e),T(y(s,B((e=>e.groupIndices))),t),T(y(A(n,o,r),R((([e,t])=>Me(t))),B((([e,t,o])=>se(t.groupOffsetTree,Math.max(e-o,0),"v")[0])),z(),B((e=>[e]))),l),{groupCounts:i,topItemsIndexes:l}}),d(We,ee));function Qe(e,t){return!(!e||e[0]!==t[0]||e[1]!==t[1])}function Xe(e,t){return!(!e||e.startIndex!==t.startIndex||e.endIndex!==t.endIndex)}const et="top",tt="bottom",ot="none";function nt(e,t,o){return"number"==typeof e?o===Ge&&t===et||o===Ne&&t===tt?e:0:o===Ge?t===et?e.main:e.reverse:t===tt?e.main:e.reverse}function rt(e,t){return"number"==typeof e?e:e[t]||0}const it=D((([{scrollTop:e,viewportHeight:t,deviation:o,headerHeight:n,fixedHeaderHeight:r}])=>{const i=S(),l=C(0),s=C(0),c=C(0);return{listBoundary:i,overscan:c,topListHeight:l,increaseViewportBy:s,visibleRange:H(y(A(V(e),V(t),V(n),V(i,Qe),V(c),V(l),V(r),V(o),V(s)),B((([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=ot;const h=rt(a,et),g=rt(a,tt);return n-=c,r+=o+s,(n+=o+s)>e+d-h&&(m=Ge),(r-=c)<e-f+t+g&&(m=Ne),m!==ot?[Math.max(u-o-nt(i,et,m)-h,0),u-f-s+t+nt(i,tt,m)+g]:null})),R((e=>null!=e)),z(Qe)),[0,0])}}),d(ee),{singleton:!0});const lt={items:[],topItems:[],offsetTop:0,offsetBottom:0,top:0,bottom:0,topListHeight:0,totalCount:0,firstItemIndex:0};function st(e,t,o){if(0===e.length)return[];if(!Me(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=ve(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 ct(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:st(e,r,i),topItems:st(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 at=D((([{sizes:e,totalCount:t,data:o,firstItemIndex:n,gap:r},i,{visibleRange:l,listBoundary:s,topListHeight:c},{scrolledToInitialItem:a,initialTopMostItemIndex:d},{topListHeight:f},m,{didMount:g},{recalcInProgress:p}])=>{const v=C([]),x=S();T(i.topItemsIndexes,v);const I=H(y(A(g,p,V(l,Qe),V(t),V(e),V(d),a,V(v),V(n),V(r),o),R((([e,t,,o,,,,,,,n])=>{const r=n&&n.length!==o;return e&&!t&&!r})),B((([,,[e,t],o,n,r,i,l,s,c,a])=>{const d=n,{sizeTree:f,offsetTree:m}=d;if(0===o||0===e&&0===t)return{...lt,totalCount:o};if(ne(f))return ct(function(e,t,o){if(Me(t)){const n=Oe(e,t);return[{index:se(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,a),[],o,c,d,s);const h=[];if(l.length>0){const e=l[0],t=l[l.length-1];let o=0;for(const n of ve(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:a&&a[e]}),o+=r}}if(!i)return ct([],h,o,c,d,s);const g=l.length>0?l[l.length-1]+1:0,p=Re(m,e,t,g);if(0===p.length)return null;const v=o-1;return ct(u([],(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+c)/(s+c));const t=l-n.start;i+=t*s+t*c}l<g&&(i+=(g-l)*s,l=g);const u=Math.min(n.end,v);for(let e=l;e<=u&&!(i>=t);e++)o.push({index:e,size:s,offset:i,data:a&&a[e]}),i+=s+c}})),h,o,c,d,s)})),R((e=>null!==e)),z()),lt);T(y(o,R(h),B((e=>null==e?void 0:e.length))),t),T(y(I,B((e=>e.topListHeight))),f),T(f,c),T(y(I,B((e=>[e.top,e.bottom]))),s),T(y(I,B((e=>e.items))),x);return{listState:I,topItemsIndexes:v,endReached:E(y(I,R((({items:e})=>e.length>0)),F(t,o),R((([{items:e},t])=>e[e.length-1].originalIndex===t-1)),B((([,e,t])=>[e-1,t])),z(Qe),B((([e])=>e)))),startReached:E(y(I,O(200),R((({items:e,topItems:t})=>e.length>0&&e[0].originalIndex===t.length)),B((({items:e})=>e[0].index)),z())),rangeChanged:E(y(I,R((({items:e})=>e.length>0)),B((({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}})),z(Xe))),itemsRendered:x,...m}}),d(We,Je,it,Ke,De,Ue,$e,Ce),{singleton:!0}),ut=D((([{sizes:e,firstItemIndex:t,data:o,gap:n},{listState:r},{didMount:i}])=>{const l=C(0);return T(y(i,F(l),R((([,e])=>0!==e)),F(e,t,n,o),B((([[,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 ct(Array.from({length:l}).map(((e,t)=>({index:t,size:0,offset:0,data:r[t]}))),[],l,n,t,o)}))),r),{initialItemCount:l}}),d(We,at,$e),{singleton:!0}),dt=D((([{scrollVelocity:e}])=>{const t=C(!1),o=S(),n=C(!1);return T(y(e,F(n,t,o),R((([e,t])=>!!t)),B((([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})),z()),t),p(y(A(t,e,o),F(n)),(([[e,t,o],n])=>e&&n&&n.change&&n.change(t,o))),{isSeeking:t,scrollSeekConfiguration:n,scrollVelocity:e,scrollSeekRangeChanged:o}}),d(Ue),{singleton:!0}),ft=D((([{topItemsIndexes:e}])=>{const t=C(0);return T(y(t,R((e=>e>0)),B((e=>Array.from({length:e}).map(((e,t)=>t))))),e),{topItemCount:t}}),d(at)),mt=D((([{footerHeight:e,headerHeight:t,fixedHeaderHeight:o,fixedFooterHeight:n},{listState:r}])=>{const i=S(),l=H(y(A(e,n,t,o,r),B((([e,t,o,n,r])=>e+t+o+n+r.offsetBottom+r.bottom))),0);return T(V(l),i),{totalListHeight:l,totalListHeightChanged:i}}),d(ee,at),{singleton:!0});function ht(e){let t,o=!1;return()=>(o||(o=!0,t=e()),t)}const gt=ht((()=>/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent))),pt=D((([{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:f},{log:m},{recalcInProgress:h}])=>{const g=E(y(c,F(s),P((([,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]),R((([e])=>0!==e)),F(t,l,n,i,m,h),R((([,e,t,o,,,n])=>!n&&!o&&0!==e&&t===Ge)),B((([[e],,,,,t])=>(t("Upward scrolling compensation",{amount:e},$.DEBUG),e)))));function x(t){t>0?(v(e,{top:-t,behavior:"auto"}),v(o,0)):(v(o,0),v(e,{top:-t,behavior:"auto"}))}return p(y(g,F(o,r)),(([e,t,n])=>{n&>()?v(o,t-e):x(-e)})),p(y(A(H(r,!1),o,h),R((([e,t,o])=>!e&&!o&&0!==t)),B((([e,t])=>t)),O(1)),x),T(y(u,B((e=>({top:-e})))),e),p(y(a,F(d,f),B((([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=le(n,0);let l=0,s=0;for(;l<e;){l++,t+=r;let n=o.length===s+1?1/0:o[s+1]-o[s]-1;l+n>e&&(t-=r,n=e-l+1),l+=n,t+=i(n),s++}return t}}))),(t=>{v(o,t),requestAnimationFrame((()=>{v(e,{top:t}),requestAnimationFrame((()=>{v(o,0),v(h,!1)}))}))})),{deviation:o}}),d(ee,Ue,at,We,K,Ce)),vt=D((([{didMount:e},{scrollTo:t},{listState:o}])=>{const n=C(0);return p(y(e,F(n),R((([,e])=>0!==e)),B((([,e])=>({top:e})))),(e=>{w(y(o,L(1),R((e=>e.items.length>1))),(()=>{requestAnimationFrame((()=>{v(t,e)}))}))})),{initialScrollTop:n}}),d($e,ee,at),{singleton:!0}),xt=D((([{viewportHeight:e},{totalListHeight:t}])=>{const o=C(!1);return{alignToBottom:o,paddingTopAddition:H(y(A(o,e,t),R((([e])=>e)),B((([,e,t])=>Math.max(0,e-t))),O(0),z()),0)}}),d(ee,mt),{singleton:!0}),It=D((([{scrollTo:e,scrollContainerState:t}])=>{const o=S(),n=S(),r=S(),i=C(!1),l=C(void 0);return T(y(A(o,n),B((([{viewportHeight:e,scrollTop:t,scrollHeight:o},{offsetTop:n}])=>({scrollTop:Math.max(0,t-n),scrollHeight:o,viewportHeight:e})))),t),T(y(e,F(n),B((([e,{offsetTop:t}])=>({...e,top:e.top+t})))),r),{useWindowScroll:i,customScrollParent:l,windowScrollContainerState:o,windowViewportRect:n,windowScrollTo:r}}),d(ee)),Tt=({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,wt=D((([{sizes:e,totalCount:t,gap:o},{scrollTop:n,viewportHeight:r,headerHeight:i,fixedHeaderHeight:l,fixedFooterHeight:s,scrollingInProgress:c},{scrollToIndex:a}])=>{const u=S();return T(y(u,F(e,r,t,i,l,s,n),F(o),B((([[e,t,o,n,r,i,l,s],a])=>{const{done:u,behavior:d,align:f,calculateViewLocation:m=Tt,...h}=e,g=Le(e,t,n-1),p=Pe(g,t.offsetTree,a)+r+i,v=m({itemTop:p,itemBottom:p+se(t.sizeTree,g)[1],viewportTop:s+i,viewportBottom:s+o-l,locationParams:{behavior:d,align:f,...h}});return v?u&&w(y(c,R((e=>!1===e)),L(I(c)?1:2)),u):u&&u(),v})),R((e=>null!==e))),a),{scrollIntoView:u}}),d(We,ee,De,at,K),{singleton:!0}),St=D((([{sizes:e,sizeRanges:t},{scrollTop:o},{initialTopMostItemIndex:n},{didMount:r}])=>{const i=S(),l=C(void 0);return p(y(i,F(e,o)),(([e,t,o])=>{e({ranges:ue(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})})),T(y(l,R(h),B(Ct)),n),T(y(r,F(l),R((([,e])=>void 0!==e)),z(),B((([,e])=>e.ranges))),t),{getState:i,restoreStateFrom:l}}),d(We,ee,Ke,$e));function Ct(e){return{offset:e.scrollTop,index:0,align:"start"}}const Et=D((([e,t,o,n,r,i,l,s,c,a])=>({...e,...t,...o,...n,...r,...i,...l,...s,...c,...a})),d(it,ut,$e,dt,mt,vt,xt,It,wt,K)),Ht=D((([{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,p,{listState:v,topItemsIndexes:x,...I},{scrollToIndex:w},S,{topItemCount:C},{groupCounts:E},H])=>(T(I.rangeChanged,H.scrollSeekRangeChanged),T(y(H.windowViewportRect,B((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:w,trackItemSizes:r,itemSize:i,groupIndices:c,...I,...H,...h,sizes:d,...g})),d(We,Ke,ee,St,Ye,at,De,pt,ft,Je,Et)),yt="-webkit-sticky",bt="sticky",zt=ht((()=>{if("undefined"==typeof document)return bt;const e=document.createElement("div");return e.style.position=yt,e.style.position===yt?yt:bt}));function Rt(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}=q(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 Bt=e.createContext(void 0),kt=e.createContext(void 0);function Pt(e){return e}const Lt=D((([e,t])=>({...e,...t})),d(Ht,D((()=>{const e=C((e=>`Item ${e}`)),t=C(null),o=C((e=>`Group ${e}`)),n=C({}),r=C(Pt),i=C("div"),l=C(g),s=(e,t=null)=>H(y(n,B((t=>t[e])),z()),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")}})))),Ot=({height:t})=>e.createElement("div",{style:{height:t}}),Mt={position:zt(),zIndex:1,overflowAnchor:"none"},Ft={overflowAnchor:"none"},Wt=e.memo((function({showTopList:t=!1}){const o=Qt("listState"),n=Jt("sizeRanges"),r=Qt("useWindowScroll"),i=Qt("customScrollParent"),l=Jt("windowScrollContainerState"),s=Jt("scrollContainerState"),c=i||r?l:s,a=Qt("itemContent"),u=Qt("context"),d=Qt("groupContent"),f=Qt("trackItemSizes"),m=Qt("itemSize"),h=Qt("log"),p=Jt("gap"),{callbackRef:v}=Z(n,m,f,t?g:c,h,p,i),[x,I]=e.useState(0);Xt("deviation",(e=>{x!==e&&I(e)}));const T=Qt("EmptyPlaceholder"),w=Qt("ScrollSeekPlaceholder")||Ot,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,Gt(T,u)):e.createElement(S,{...Gt(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,{...Gt(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,{...Gt(E,u),key:r,"data-index":n,"data-known-size":t.size,"data-item-index":t.index,style:Mt},d(t.index,u)):e.createElement(C,{...Gt(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:Ft},b?a(t.index,t.groupIndex,t.data,u):a(t.index,t.data,u))})))})),Vt={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},At={width:"100%",height:"100%",position:"absolute",top:0},Dt={width:"100%",position:zt(),top:0,zIndex:1};function Gt(e,t){if("string"!=typeof e)return{context:t}}const Nt=e.memo((function(){const t=Qt("HeaderComponent"),o=Jt("headerHeight"),n=Qt("headerFooterTag"),r=Y((e=>o(J(e,"height")))),i=Qt("context");return t?e.createElement(n,{ref:r},e.createElement(t,Gt(t,i))):null})),_t=e.memo((function(){const t=Qt("FooterComponent"),o=Jt("footerHeight"),n=Qt("headerFooterTag"),r=Y((e=>o(J(e,"height")))),i=Qt("context");return t?e.createElement(n,{ref:r},e.createElement(t,Gt(t,i))):null}));function Ut({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}=X(s,a,c,u);return o("scrollTo",h),o("scrollBy",m),e.createElement(c,{ref:f,style:{...Vt,...r},"data-test-id":"virtuoso-scroller","data-virtuoso-scroller":!0,tabIndex:0,...l,...Gt(c,d)},i)}))}function $t({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"),d=n("deviation"),f=n("customScrollParent"),m=n("context"),{scrollerRef:h,scrollByCallback:p,scrollToCallback:v}=X(s,a,c,g,f);return U((()=>(h.current=f||window,()=>{h.current=null})),[h,f]),o("windowScrollTo",v),o("scrollBy",p),e.createElement(c,{style:{position:"relative",...r,...0!==u?{height:u+d}:{}},"data-virtuoso-scroller":!0,...l,...Gt(c,m)},i)}))}const jt=({children:t})=>{const o=e.useContext(Bt),n=Jt("viewportHeight"),r=Jt("fixedItemHeight"),i=Y(l(n,(e=>J(e,"height"))));return e.useEffect((()=>{o&&(n(o.viewportHeight),r(o.itemHeight))}),[o,n,r]),e.createElement("div",{style:At,ref:i,"data-viewport-type":"element"},t)},Kt=({children:t})=>{const o=e.useContext(Bt),n=Jt("windowViewportRect"),r=Jt("fixedItemHeight"),i=Qt("customScrollParent"),l=Rt(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:At,"data-viewport-type":"window"},t)},qt=({children:t})=>{const o=Qt("TopItemListComponent"),n=Qt("headerHeight"),r={...Dt,marginTop:`${n}px`},i=Qt("context");return e.createElement(o||"div",{style:r,context:i},t)},Yt=e.memo((function(t){const o=Qt("useWindowScroll"),n=Qt("topItemsIndexes").length>0,r=Qt("customScrollParent"),i=r||o?to:eo,l=r||o?Kt:jt;return e.createElement(i,{...t},n&&e.createElement(qt,null,e.createElement(Wt,{showTopList:!0})),e.createElement(l,null,e.createElement(Nt,null),e.createElement(Wt,null),e.createElement(_t,null)))})),{Component:Zt,usePublisher:Jt,useEmitterValue:Qt,useEmitter:Xt}=_(Lt,{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"}},Yt),eo=Ut({usePublisher:Jt,useEmitterValue:Qt,useEmitter:Xt}),to=$t({usePublisher:Jt,useEmitterValue:Qt,useEmitter:Xt}),oo=Zt,no=Zt,ro={items:[],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},io={items:[{index:0}],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},{round:lo,ceil:so,floor:co,min:ao,max:uo}=Math;function fo(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 mo(e,t){return e&&e.column===t.column&&e.row===t.row}function ho(e,t){return e&&e.width===t.width&&e.height===t.height}const go=D((([{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:g},{windowViewportRect:p,windowScrollTo:v,useWindowScroll:x,customScrollParent:I,windowScrollContainerState:w},b])=>{const P=C(0),L=C(0),O=C(ro),M=C({height:0,width:0}),W=C({height:0,width:0}),D=S(),G=S(),N=C(0),_=C(void 0),U=C({row:0,column:0});T(y(g,F(L,_),R((([e,t])=>e&&0!==t)),B((([,e,t])=>({items:fo(0,e-1,t),top:0,bottom:0,offsetBottom:0,offsetTop:0,itemHeight:0,itemWidth:0})))),O),T(y(A(V(P),t,V(U,mo),V(W,ho),V(M,ho),_),B((([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 ro;if(0===u)return function(e){return{...io,items:e}}(fo(0,0,l));const f=xo(d,u,c);let m=f*co((t+s)/(a+s)),h=f*so((o+s)/(a+s))-1;h=ao(e-1,uo(h,f-1)),m=ao(h,uo(0,m));const g=fo(m,h,l),{top:p,bottom:v}=po(i,n,r,g),x=so(e/f);return{items:g,offsetTop:p,offsetBottom:x*a+(x-1)*s-v,top:p,bottom:v,itemHeight:a,itemWidth:u}}))),O),T(y(_,R(h),B((e=>e.length))),P),T(y(M,B((({height:e})=>e))),r),T(y(A(M,W,O,U),B((([e,t,{items:o},n])=>{const{top:r,bottom:i}=po(e,n,t,o);return[r,i]})),z(Qe)),o);const $=C(!1);T(y(n,F($),B((([e,t])=>t||0!==e))),$);const j=E(y(V(O),R((({items:e})=>e.length>0)),F(P,$),R((([{items:e},t,o])=>o&&e[e.length-1].index===t-1)),B((([,e])=>e-1)),z())),K=E(y(V(O),R((({items:e})=>e.length>0&&0===e[0].index)),k(0),z())),q=E(y(V(O),R((({items:e})=>e.length>0)),B((({items:e})=>({startIndex:e[0].index,endIndex:e[e.length-1].index}))),z(Xe)));T(q,f.scrollSeekRangeChanged),T(y(D,F(M,W,P,U),B((([e,t,o,n,r])=>{const i=Ae(e),{align:l,behavior:s,offset:c}=i;let a=i.index;"LAST"===a&&(a=n-1),a=uo(0,a,ao(n-1,a));let u=vo(t,r,o,a);return"end"===l?u=lo(u-t.height+o.height):"center"===l&&(u=lo(u-t.height/2+o.height/2)),c&&(u+=c),{top:u,behavior:s}}))),l);const Y=H(y(O,B((e=>e.offsetBottom+e.bottom))),0);return T(y(p,B((e=>({width:e.visibleWidth,height:e.visibleHeight})))),M),{data:_,totalCount:P,viewportDimensions:M,itemDimensions:W,scrollTop:n,scrollHeight:G,overscan:e,scrollBy:i,scrollTo:l,scrollToIndex:D,smoothScrollTargetReached:s,windowViewportRect:p,windowScrollTo:v,useWindowScroll:x,customScrollParent:I,windowScrollContainerState:w,deviation:N,scrollContainerState:c,footerHeight:a,headerHeight:u,initialItemCount:L,gap:U,...f,gridState:O,totalListHeight:Y,...d,startReached:K,endReached:j,rangeChanged:q,propsReady:m,...b}}),d(it,ee,Ue,dt,$e,It,K));function po(e,t,o,n){const{height:r}=o;if(void 0===r||0===n.length)return{top:0,bottom:0};return{top:vo(e,t,o,n[0].index),bottom:vo(e,t,o,n[n.length-1].index)+r}}function vo(e,t,o,n){const r=xo(e.width,o.width,t.column),i=co(n/r),l=i*o.height+uo(0,i-1)*t.row;return l>0?l+t.row:l}function xo(e,t,o){return uo(1,co((e+o)/(co(t)+o)))}const Io=D((([e,t])=>({...e,...t})),d(go,D((()=>{const e=C((e=>`Item ${e}`)),t=C({}),o=C(null),n=C("virtuoso-grid-item"),r=C("virtuoso-grid-list"),i=C(Pt),l=C("div"),s=C(g),c=(e,o=null)=>H(y(t,B((t=>t[e])),z()),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")}})))),To=e.memo((function(){const t=zo("gridState"),o=zo("listClassName"),n=zo("itemClassName"),r=zo("itemContent"),i=zo("computeItemKey"),l=zo("isSeeking"),s=bo("scrollHeight"),c=zo("ItemComponent"),a=zo("ListComponent"),u=zo("ScrollSeekPlaceholder"),d=zo("context"),f=bo("itemDimensions"),m=bo("gap"),h=zo("log"),g=Y((e=>{const t=e.parentElement.parentElement.scrollHeight;s(t);const o=e.firstChild;o&&f(o.getBoundingClientRect()),m({row:Po("row-gap",getComputedStyle(e).rowGap,h),column:Po("column-gap",getComputedStyle(e).columnGap,h)})}));return e.createElement(a,{ref:g,className:o,...Gt(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,...Gt(u,d),index:o.index,height:t.itemHeight,width:t.itemWidth}):e.createElement(c,{...Gt(c,d),className:n,"data-index":o.index,key:s},r(o.index,o.data,d))})))})),wo=e.memo((function(){const t=zo("HeaderComponent"),o=bo("headerHeight"),n=zo("headerFooterTag"),r=Y((e=>o(J(e,"height")))),i=zo("context");return t?e.createElement(n,{ref:r},e.createElement(t,Gt(t,i))):null})),So=e.memo((function(){const t=zo("FooterComponent"),o=bo("footerHeight"),n=zo("headerFooterTag"),r=Y((e=>o(J(e,"height")))),i=zo("context");return t?e.createElement(n,{ref:r},e.createElement(t,Gt(t,i))):null})),Co=({children:t})=>{const o=e.useContext(kt),n=bo("itemDimensions"),r=bo("viewportDimensions"),i=Y((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:At,ref:i},t)},Eo=({children:t})=>{const o=e.useContext(kt),n=bo("windowViewportRect"),r=bo("itemDimensions"),i=zo("customScrollParent"),l=Rt(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:At},t)},Ho=e.memo((function({...t}){const o=zo("useWindowScroll"),n=zo("customScrollParent"),r=n||o?ko:Bo,i=n||o?Eo:Co;return e.createElement(r,{...t},e.createElement(i,null,e.createElement(wo,null),e.createElement(To,null),e.createElement(So,null)))})),{Component:yo,usePublisher:bo,useEmitterValue:zo,useEmitter:Ro}=_(Io,{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",logLevel:"logLevel"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange"}},Ho),Bo=Ut({usePublisher:bo,useEmitterValue:zo,useEmitter:Ro}),ko=$t({usePublisher:bo,useEmitterValue:zo,useEmitter:Ro});function Po(e,t,o){return"normal"===t||(null==t?void 0:t.endsWith("px"))||o(`${e} was not resolved to pixel value correctly`,t,$.WARN),"normal"===t?0:parseInt(null!=t?t:"0",10)}const Lo=yo,Oo=D((([e,t])=>({...e,...t})),d(Ht,D((()=>{const t=C((t=>e.createElement("td",null,"Item $",t))),o=C(null),n=C(null),r=C(null),i=C({}),l=C(Pt),s=C(g),c=(e,t=null)=>H(y(i,B((t=>t[e])),z()),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")}})))),Mo=({height:t})=>e.createElement("tr",null,e.createElement("td",{style:{height:t}})),Fo=({height:t})=>e.createElement("tr",null,e.createElement("td",{style:{height:t,padding:0,border:0}})),Wo=e.memo((function(){const t=_o("listState"),o=No("sizeRanges"),n=_o("useWindowScroll"),r=_o("customScrollParent"),i=No("windowScrollContainerState"),l=No("scrollContainerState"),s=r||n?i:l,c=_o("itemContent"),a=_o("trackItemSizes"),u=_o("itemSize"),d=_o("log"),{callbackRef:f,ref:m}=Z(o,u,a,s,d,void 0,r),[h,g]=e.useState(0);Uo("deviation",(e=>{h!==e&&(m.current.style.marginTop=`${e}px`,g(e))}));const p=_o("EmptyPlaceholder"),v=_o("ScrollSeekPlaceholder")||Mo,x=_o("FillerRow")||Fo,I=_o("TableBodyComponent"),T=_o("TableRowComponent"),w=_o("computeItemKey"),S=_o("isSeeking"),C=_o("paddingTopAddition"),E=_o("firstItemIndex"),H=_o("statefulTotalCount"),y=_o("context");if(0===H&&p)return e.createElement(p,Gt(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,{...Gt(v,y),key:n,index:t.index,height:t.size,type:t.type||"item"}):e.createElement(T,{...Gt(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",...Gt(I,y)},[R,...k,B])})),Vo=({children:t})=>{const o=e.useContext(Bt),n=No("viewportHeight"),r=No("fixedItemHeight"),i=Y(l(n,(e=>J(e,"height"))));return e.useEffect((()=>{o&&(n(o.viewportHeight),r(o.itemHeight))}),[o,n,r]),e.createElement("div",{style:At,ref:i,"data-viewport-type":"element"},t)},Ao=({children:t})=>{const o=e.useContext(Bt),n=No("windowViewportRect"),r=No("fixedItemHeight"),i=_o("customScrollParent"),l=Rt(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:At,"data-viewport-type":"window"},t)},Do=e.memo((function(t){const o=_o("useWindowScroll"),n=_o("customScrollParent"),r=No("fixedHeaderHeight"),i=No("fixedFooterHeight"),s=_o("fixedHeaderContent"),c=_o("fixedFooterContent"),a=_o("context"),u=Y(l(r,(e=>J(e,"height")))),d=Y(l(i,(e=>J(e,"height")))),f=n||o?jo:$o,m=n||o?Ao:Vo,h=_o("TableComponent"),g=_o("TableHeadComponent"),p=_o("TableFooterComponent"),v=s?e.createElement(g,{key:"TableHead",style:{zIndex:1,position:"sticky",top:0},ref:u,...Gt(g,a)},s()):null,x=c?e.createElement(p,{key:"TableFoot",style:{zIndex:1,position:"sticky",bottom:0},ref:d,...Gt(p,a)},c()):null;return e.createElement(f,{...t},e.createElement(m,null,e.createElement(h,{style:{borderSpacing:0},...Gt(h,a)},[v,e.createElement(Wo,{key:"TableBody"}),x])))})),{Component:Go,usePublisher:No,useEmitterValue:_o,useEmitter:Uo}=_(Oo,{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"}},Do),$o=Ut({usePublisher:No,useEmitterValue:_o,useEmitter:Uo}),jo=$t({usePublisher:No,useEmitterValue:_o,useEmitter:Uo}),Ko=Go;exports.GroupedVirtuoso=no,exports.LogLevel=$,exports.TableVirtuoso=Ko,exports.Virtuoso=oo,exports.VirtuosoGrid=Lo,exports.VirtuosoGridMockContext=kt,exports.VirtuosoMockContext=Bt;
|
package/dist/index.mjs
CHANGED
|
@@ -187,7 +187,7 @@ function skip(times) {
|
|
|
187
187
|
};
|
|
188
188
|
}
|
|
189
189
|
function throttleTime(interval) {
|
|
190
|
-
let currentValue;
|
|
190
|
+
let currentValue = null;
|
|
191
191
|
let timeout;
|
|
192
192
|
return (done) => (value) => {
|
|
193
193
|
currentValue = value;
|
|
@@ -431,15 +431,30 @@ var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
|
|
|
431
431
|
return LogLevel2;
|
|
432
432
|
})(LogLevel || {});
|
|
433
433
|
const CONSOLE_METHOD_MAP = {
|
|
434
|
-
[
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
434
|
+
[
|
|
435
|
+
0
|
|
436
|
+
/* DEBUG */
|
|
437
|
+
]: "debug",
|
|
438
|
+
[
|
|
439
|
+
1
|
|
440
|
+
/* INFO */
|
|
441
|
+
]: "log",
|
|
442
|
+
[
|
|
443
|
+
2
|
|
444
|
+
/* WARN */
|
|
445
|
+
]: "warn",
|
|
446
|
+
[
|
|
447
|
+
3
|
|
448
|
+
/* ERROR */
|
|
449
|
+
]: "error"
|
|
438
450
|
};
|
|
439
451
|
const getGlobalThis = () => typeof globalThis === "undefined" ? window : globalThis;
|
|
440
452
|
const loggerSystem = system(
|
|
441
453
|
() => {
|
|
442
|
-
const logLevel = statefulStream(
|
|
454
|
+
const logLevel = statefulStream(
|
|
455
|
+
3
|
|
456
|
+
/* ERROR */
|
|
457
|
+
);
|
|
443
458
|
const log = statefulStream((label, message, level = 1) => {
|
|
444
459
|
var _a;
|
|
445
460
|
const currentLevel = (_a = getGlobalThis()["VIRTUOSO_LOG_LEVEL"]) != null ? _a : getValue(logLevel);
|
|
@@ -686,6 +701,7 @@ const domIOSystem = system(
|
|
|
686
701
|
);
|
|
687
702
|
connect(scrollTop, statefulScrollTop);
|
|
688
703
|
return {
|
|
704
|
+
// input
|
|
689
705
|
scrollContainerState,
|
|
690
706
|
scrollTop,
|
|
691
707
|
viewportHeight,
|
|
@@ -695,8 +711,10 @@ const domIOSystem = system(
|
|
|
695
711
|
footerHeight,
|
|
696
712
|
scrollHeight,
|
|
697
713
|
smoothScrollTargetReached,
|
|
714
|
+
// signals
|
|
698
715
|
scrollTo,
|
|
699
716
|
scrollBy,
|
|
717
|
+
// state
|
|
700
718
|
statefulScrollTop,
|
|
701
719
|
deviation,
|
|
702
720
|
scrollingInProgress
|
|
@@ -750,10 +768,10 @@ function findMaxKeyValue(node, value, field = "k") {
|
|
|
750
768
|
if (empty(node)) {
|
|
751
769
|
return [-Infinity, void 0];
|
|
752
770
|
}
|
|
753
|
-
if (node[field] === value) {
|
|
771
|
+
if (Number(node[field]) === value) {
|
|
754
772
|
return [node.k, node.v];
|
|
755
773
|
}
|
|
756
|
-
if (node[field] < value) {
|
|
774
|
+
if (Number(node[field]) < value) {
|
|
757
775
|
const r = findMaxKeyValue(node.r, value, field);
|
|
758
776
|
if (r[0] === -Infinity) {
|
|
759
777
|
return [node.k, node.v];
|
|
@@ -1250,8 +1268,9 @@ const sizeSystem = system(
|
|
|
1250
1268
|
} else if (offset < 0) {
|
|
1251
1269
|
const prevGroupIndicesValue = getValue(prevGroupIndices);
|
|
1252
1270
|
if (prevGroupIndicesValue.length > 0) {
|
|
1253
|
-
|
|
1271
|
+
offset -= affectedGroupCount(-offset, prevGroupIndicesValue);
|
|
1254
1272
|
}
|
|
1273
|
+
publish(shiftWith, offset);
|
|
1255
1274
|
}
|
|
1256
1275
|
}
|
|
1257
1276
|
);
|
|
@@ -1359,6 +1378,9 @@ const sizeSystem = system(
|
|
|
1359
1378
|
map(([shiftWith2, sizes2, gap2]) => {
|
|
1360
1379
|
const groupedMode = sizes2.groupIndices.length > 0;
|
|
1361
1380
|
if (groupedMode) {
|
|
1381
|
+
if (empty(sizes2.sizeTree)) {
|
|
1382
|
+
return sizes2;
|
|
1383
|
+
}
|
|
1362
1384
|
let newSizeTree = newTree();
|
|
1363
1385
|
const prevGroupIndicesValue = getValue(prevGroupIndices);
|
|
1364
1386
|
let removedItemsCount = 0;
|
|
@@ -1400,6 +1422,7 @@ const sizeSystem = system(
|
|
|
1400
1422
|
sizes
|
|
1401
1423
|
);
|
|
1402
1424
|
return {
|
|
1425
|
+
// input
|
|
1403
1426
|
data,
|
|
1404
1427
|
totalCount,
|
|
1405
1428
|
sizeRanges,
|
|
@@ -1412,6 +1435,7 @@ const sizeSystem = system(
|
|
|
1412
1435
|
beforeUnshiftWith,
|
|
1413
1436
|
firstItemIndex,
|
|
1414
1437
|
gap,
|
|
1438
|
+
// output
|
|
1415
1439
|
sizes,
|
|
1416
1440
|
listRefresh,
|
|
1417
1441
|
statefulTotalCount,
|
|
@@ -1714,6 +1738,7 @@ const stateFlagsSystem = system(([{ scrollContainerState, scrollTop, viewportHei
|
|
|
1714
1738
|
pipe(
|
|
1715
1739
|
isScrolling,
|
|
1716
1740
|
filter((value) => !value),
|
|
1741
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
1717
1742
|
mapTo(0)
|
|
1718
1743
|
),
|
|
1719
1744
|
scrollVelocity
|
|
@@ -1783,6 +1808,7 @@ const initialTopMostItemIndexSystem = system(
|
|
|
1783
1808
|
didMount,
|
|
1784
1809
|
withLatestFrom(initialTopMostItemIndex),
|
|
1785
1810
|
filter(([_, location]) => !!location),
|
|
1811
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
1786
1812
|
mapTo(false)
|
|
1787
1813
|
),
|
|
1788
1814
|
scrolledToInitialItem
|
|
@@ -2037,10 +2063,12 @@ const sizeRangeSystem = system(
|
|
|
2037
2063
|
[0, 0]
|
|
2038
2064
|
);
|
|
2039
2065
|
return {
|
|
2066
|
+
// input
|
|
2040
2067
|
listBoundary,
|
|
2041
2068
|
overscan,
|
|
2042
2069
|
topListHeight,
|
|
2043
2070
|
increaseViewportBy,
|
|
2071
|
+
// output
|
|
2044
2072
|
visibleRange
|
|
2045
2073
|
};
|
|
2046
2074
|
},
|
|
@@ -2248,6 +2276,7 @@ const listStateSystem = system(
|
|
|
2248
2276
|
return buildListState(items, topItems, totalCount2, gap2, sizesValue, firstItemIndex2);
|
|
2249
2277
|
}
|
|
2250
2278
|
),
|
|
2279
|
+
//@ts-expect-error filter needs to be fixed
|
|
2251
2280
|
filter((value) => value !== null),
|
|
2252
2281
|
distinctUntilChanged()
|
|
2253
2282
|
),
|
|
@@ -2659,10 +2688,13 @@ const windowScrollerSystem = system(([{ scrollTo, scrollContainerState }]) => {
|
|
|
2659
2688
|
windowScrollTo
|
|
2660
2689
|
);
|
|
2661
2690
|
return {
|
|
2691
|
+
// config
|
|
2662
2692
|
useWindowScroll,
|
|
2663
2693
|
customScrollParent,
|
|
2694
|
+
// input
|
|
2664
2695
|
windowScrollContainerState,
|
|
2665
2696
|
windowViewportRect,
|
|
2697
|
+
// signals
|
|
2666
2698
|
windowScrollTo
|
|
2667
2699
|
};
|
|
2668
2700
|
}, tup(domIOSystem));
|
|
@@ -2712,6 +2744,8 @@ const scrollIntoViewSystem = system(
|
|
|
2712
2744
|
pipe(
|
|
2713
2745
|
scrollingInProgress,
|
|
2714
2746
|
filter((value) => value === false),
|
|
2747
|
+
// skips the initial publish of false, and the cleanup call.
|
|
2748
|
+
// but if scrollingInProgress is true, we skip the initial publish.
|
|
2715
2749
|
skip(getValue(scrollingInProgress) ? 1 : 2)
|
|
2716
2750
|
),
|
|
2717
2751
|
done
|
|
@@ -2835,6 +2869,7 @@ const listSystem = system(
|
|
|
2835
2869
|
domIO.viewportHeight
|
|
2836
2870
|
);
|
|
2837
2871
|
return {
|
|
2872
|
+
// input
|
|
2838
2873
|
totalCount,
|
|
2839
2874
|
data,
|
|
2840
2875
|
firstItemIndex,
|
|
@@ -2848,13 +2883,16 @@ const listSystem = system(
|
|
|
2848
2883
|
defaultItemHeight: defaultItemSize,
|
|
2849
2884
|
gap,
|
|
2850
2885
|
...followOutput,
|
|
2886
|
+
// output
|
|
2851
2887
|
statefulTotalCount,
|
|
2852
2888
|
listState,
|
|
2853
2889
|
scrollToIndex,
|
|
2854
2890
|
trackItemSizes,
|
|
2855
2891
|
itemSize,
|
|
2856
2892
|
groupIndices,
|
|
2893
|
+
// exported from stateFlagsSystem
|
|
2857
2894
|
...flags,
|
|
2895
|
+
// the bag of IO from featureGroup1System
|
|
2858
2896
|
...featureGroup1,
|
|
2859
2897
|
...domIO,
|
|
2860
2898
|
sizes,
|
|
@@ -3468,6 +3506,7 @@ const gridSystem = /* @__PURE__ */ system(
|
|
|
3468
3506
|
filter(({ items }) => {
|
|
3469
3507
|
return items.length > 0 && items[0].index === 0;
|
|
3470
3508
|
}),
|
|
3509
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
3471
3510
|
mapTo(0),
|
|
3472
3511
|
distinctUntilChanged()
|
|
3473
3512
|
)
|
|
@@ -3529,6 +3568,7 @@ const gridSystem = /* @__PURE__ */ system(
|
|
|
3529
3568
|
viewportDimensions
|
|
3530
3569
|
);
|
|
3531
3570
|
return {
|
|
3571
|
+
// input
|
|
3532
3572
|
data,
|
|
3533
3573
|
totalCount,
|
|
3534
3574
|
viewportDimensions,
|
|
@@ -3552,6 +3592,7 @@ const gridSystem = /* @__PURE__ */ system(
|
|
|
3552
3592
|
initialItemCount,
|
|
3553
3593
|
gap,
|
|
3554
3594
|
...scrollSeek,
|
|
3595
|
+
// output
|
|
3555
3596
|
gridState,
|
|
3556
3597
|
totalListHeight,
|
|
3557
3598
|
...stateFlags,
|
|
@@ -3748,7 +3789,8 @@ const {
|
|
|
3748
3789
|
itemClassName: "itemClassName",
|
|
3749
3790
|
useWindowScroll: "useWindowScroll",
|
|
3750
3791
|
customScrollParent: "customScrollParent",
|
|
3751
|
-
scrollerRef: "scrollerRef"
|
|
3792
|
+
scrollerRef: "scrollerRef",
|
|
3793
|
+
logLevel: "logLevel"
|
|
3752
3794
|
},
|
|
3753
3795
|
methods: {
|
|
3754
3796
|
scrollTo: "scrollTo",
|
package/package.json
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-virtuoso",
|
|
3
3
|
"author": "Petyo Ivanov",
|
|
4
|
-
"type": "module",
|
|
5
4
|
"sideEffects": false,
|
|
6
|
-
"version": "4.3.
|
|
5
|
+
"version": "4.3.7",
|
|
7
6
|
"homepage": "https://virtuoso.dev/",
|
|
8
7
|
"license": "MIT",
|
|
9
8
|
"source": "src/index.tsx",
|
|
@@ -28,71 +27,82 @@
|
|
|
28
27
|
"dist"
|
|
29
28
|
],
|
|
30
29
|
"scripts": {
|
|
31
|
-
"build": "vite build
|
|
30
|
+
"build": "vite build",
|
|
32
31
|
"test": "vitest run",
|
|
33
32
|
"test:watch": "vitest watch",
|
|
34
33
|
"e2e": "playwright test",
|
|
35
34
|
"lint": "eslint src test e2e --ext .ts,.tsx",
|
|
36
35
|
"typecheck": "tsc --noEmit -p tsconfig.typecheck.json",
|
|
37
|
-
"dev": "ladle serve
|
|
36
|
+
"dev": "LADLE=true ladle serve",
|
|
38
37
|
"prepare": "pnpm run build && husky install",
|
|
39
|
-
"semantic-release": "semantic-release"
|
|
38
|
+
"semantic-release": "semantic-release",
|
|
39
|
+
"docs:start": "docusaurus start --config docusaurus/docusaurus.config.js",
|
|
40
|
+
"docs:build": "docusaurus build --config docusaurus/docusaurus.config.js",
|
|
41
|
+
"docs:deploy": "docusaurus deploy --config docusaurus/docusaurus.config.js"
|
|
40
42
|
},
|
|
41
43
|
"peerDependencies": {
|
|
42
44
|
"react": ">=16 || >=17 || >= 18",
|
|
43
45
|
"react-dom": ">=16 || >=17 || >= 18"
|
|
44
46
|
},
|
|
45
47
|
"devDependencies": {
|
|
46
|
-
"@
|
|
47
|
-
"@
|
|
48
|
-
"@
|
|
49
|
-
"@
|
|
48
|
+
"@codesandbox/sandpack-react": "^2.6.3",
|
|
49
|
+
"@codesandbox/sandpack-themes": "^2.0.21",
|
|
50
|
+
"@commitlint/cli": "^17.6.3",
|
|
51
|
+
"@commitlint/config-conventional": "^17.6.3",
|
|
52
|
+
"@docusaurus/core": "2.4.0",
|
|
53
|
+
"@docusaurus/module-type-aliases": "2.4.0",
|
|
54
|
+
"@docusaurus/plugin-google-gtag": "^2.4.0",
|
|
55
|
+
"@docusaurus/preset-classic": "2.4.0",
|
|
56
|
+
"@emotion/core": "^11.0.0",
|
|
57
|
+
"@emotion/styled": "^11.10.8",
|
|
50
58
|
"@faker-js/faker": "^7.6.0",
|
|
51
|
-
"@ladle/react": "^2.
|
|
52
|
-
"@
|
|
53
|
-
"@playwright/test": "^1.
|
|
54
|
-
"@testing-library/react": "^
|
|
55
|
-
"@types/jsdom": "^
|
|
56
|
-
"@types/lodash": "^4.14.
|
|
57
|
-
"@types/react": "^18.
|
|
58
|
-
"@types/react-beautiful-dnd": "^13.
|
|
59
|
-
"@types/react-dom": "^18.
|
|
60
|
-
"@types/react-router-dom": "^5.
|
|
61
|
-
"@types/react-table": "^7.7.
|
|
62
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
63
|
-
"@typescript-eslint/parser": "^5.
|
|
64
|
-
"@vitejs/plugin-react": "^
|
|
65
|
-
"
|
|
66
|
-
"
|
|
59
|
+
"@ladle/react": "^2.12.3",
|
|
60
|
+
"@mdx-js/react": "^1.6.22",
|
|
61
|
+
"@playwright/test": "^1.33.0",
|
|
62
|
+
"@testing-library/react": "^14.0.0",
|
|
63
|
+
"@types/jsdom": "^21.1.1",
|
|
64
|
+
"@types/lodash": "^4.14.194",
|
|
65
|
+
"@types/react": "^18.2.5",
|
|
66
|
+
"@types/react-beautiful-dnd": "^13.1.4",
|
|
67
|
+
"@types/react-dom": "^18.2.4",
|
|
68
|
+
"@types/react-router-dom": "^5.3.3",
|
|
69
|
+
"@types/react-table": "^7.7.14",
|
|
70
|
+
"@typescript-eslint/eslint-plugin": "^5.59.2",
|
|
71
|
+
"@typescript-eslint/parser": "^5.59.2",
|
|
72
|
+
"@vitejs/plugin-react": "^4.0.0",
|
|
73
|
+
"clsx": "^1.2.1",
|
|
74
|
+
"docusaurus-plugin-typedoc": "^0.19.2",
|
|
75
|
+
"eslint": "^8.39.0",
|
|
76
|
+
"eslint-config-prettier": "^8.8.0",
|
|
67
77
|
"eslint-plugin-html": "^7.1.0",
|
|
68
|
-
"eslint-plugin-import": "^2.
|
|
78
|
+
"eslint-plugin-import": "^2.27.5",
|
|
69
79
|
"eslint-plugin-json": "^3.1.0",
|
|
70
|
-
"eslint-plugin-jsx-a11y": "^6.
|
|
80
|
+
"eslint-plugin-jsx-a11y": "^6.7.1",
|
|
71
81
|
"eslint-plugin-prettier": "^4.2.1",
|
|
72
|
-
"eslint-plugin-react": "^7.
|
|
82
|
+
"eslint-plugin-react": "^7.32.2",
|
|
73
83
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
74
|
-
"husky": "^
|
|
84
|
+
"husky": "^8.0.3",
|
|
75
85
|
"immer": "^10.0.1",
|
|
76
|
-
"jsdom": "^
|
|
86
|
+
"jsdom": "^22.0.0",
|
|
77
87
|
"lodash": "^4.17.21",
|
|
78
|
-
"playwright": "^1.
|
|
79
|
-
"
|
|
80
|
-
"react": "^18.
|
|
81
|
-
"react-beautiful-dnd": "^13.
|
|
82
|
-
"react-dom": "^18.
|
|
83
|
-
"react-router-dom": "^
|
|
84
|
-
"react-table": "^7.
|
|
88
|
+
"playwright": "^1.33.0",
|
|
89
|
+
"prism-react-renderer": "^1.3.5",
|
|
90
|
+
"react": "^18.2.0",
|
|
91
|
+
"react-beautiful-dnd": "^13.1.1",
|
|
92
|
+
"react-dom": "^18.2.0",
|
|
93
|
+
"react-router-dom": "^6.11.1",
|
|
94
|
+
"react-table": "^7.8.0",
|
|
85
95
|
"semantic-release": "^19.0.5",
|
|
86
|
-
"terser": "^5.
|
|
87
|
-
"tslib": "^2.
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"
|
|
96
|
+
"terser": "^5.17.1",
|
|
97
|
+
"tslib": "^2.5.0",
|
|
98
|
+
"typedoc": "^0.24.6",
|
|
99
|
+
"typedoc-plugin-markdown": "^3.15.3",
|
|
100
|
+
"typescript": "^5.0.4",
|
|
101
|
+
"vite": "^4.3.5",
|
|
102
|
+
"vite-plugin-dts": "^2.3.0",
|
|
103
|
+
"vitest": "^0.31.0"
|
|
91
104
|
},
|
|
92
105
|
"packageManager": "pnpm@8.3.0",
|
|
93
|
-
"resolutions": {
|
|
94
|
-
"@types/react": "^16.14.2"
|
|
95
|
-
},
|
|
96
106
|
"engines": {
|
|
97
107
|
"node": ">=10"
|
|
98
108
|
},
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* `@virtuoso.dev/react-urx` exports the [[systemToComponent]] function.
|
|
3
|
-
* It wraps urx systems in to UI **logic provider components**,
|
|
4
|
-
* mapping the system input and output streams to the component input / output points.
|
|
5
|
-
*
|
|
6
|
-
* ### Simple System wrapped as React Component
|
|
7
|
-
*
|
|
8
|
-
* ```tsx
|
|
9
|
-
* const sys = system(() => {
|
|
10
|
-
* const foo = statefulStream(42)
|
|
11
|
-
* return { foo }
|
|
12
|
-
* })
|
|
13
|
-
*
|
|
14
|
-
* const { Component: MyComponent, useEmitterValue } = systemToComponent(sys, {
|
|
15
|
-
* required: { fooProp: 'foo' },
|
|
16
|
-
* })
|
|
17
|
-
*
|
|
18
|
-
* const Child = () => {
|
|
19
|
-
* const foo = useEmitterValue('foo')
|
|
20
|
-
* return <div>{foo}</div>
|
|
21
|
-
* }
|
|
22
|
-
*
|
|
23
|
-
* const App = () => {
|
|
24
|
-
* return <Comp fooProp={42}><Child /><Comp>
|
|
25
|
-
* }
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @packageDocumentation
|
|
29
|
-
*/
|
|
30
|
-
import React from 'react';
|
|
31
|
-
import * as u from '../urx';
|
|
32
|
-
import type { Emitter, Publisher, AnySystemSpec, SR, Stream } from '../urx';
|
|
33
|
-
/** @internal */
|
|
34
|
-
export type Observable<T> = Emitter<T> | Publisher<T>;
|
|
35
|
-
/**
|
|
36
|
-
* Describes the mapping between the system streams and the component properties.
|
|
37
|
-
* Each property uses the keys as the names of the properties and the values as the corresponding stream names.
|
|
38
|
-
* @typeParam SS the type of the system.
|
|
39
|
-
*/
|
|
40
|
-
export interface SystemPropsMap<SS extends AnySystemSpec, K = keyof SR<SS>, D = {
|
|
41
|
-
[key: string]: K;
|
|
42
|
-
}> {
|
|
43
|
-
/**
|
|
44
|
-
* Specifies the required component properties.
|
|
45
|
-
*/
|
|
46
|
-
required?: D;
|
|
47
|
-
/**
|
|
48
|
-
* Specifies the optional component properties.
|
|
49
|
-
*/
|
|
50
|
-
optional?: D;
|
|
51
|
-
/**
|
|
52
|
-
* Specifies the component methods, if any. Streams are converted to methods with a single argument.
|
|
53
|
-
* When invoked, the method publishes the value of the argument to the specified stream.
|
|
54
|
-
*/
|
|
55
|
-
methods?: D;
|
|
56
|
-
/**
|
|
57
|
-
* Specifies the component "event" properties, if any.
|
|
58
|
-
* Event properties accept callback functions which get executed when the stream emits a new value.
|
|
59
|
-
*/
|
|
60
|
-
events?: D;
|
|
61
|
-
}
|
|
62
|
-
/** @internal */
|
|
63
|
-
export type PropsFromPropMap<E extends AnySystemSpec, M extends SystemPropsMap<E>> = {
|
|
64
|
-
[K in Extract<keyof M['required'], string>]: M['required'][K] extends string ? SR<E>[M['required'][K]] extends Observable<infer R> ? R : never : never;
|
|
65
|
-
} & {
|
|
66
|
-
[K in Extract<keyof M['optional'], string>]?: M['optional'][K] extends string ? SR<E>[M['optional'][K]] extends Observable<infer R> ? R : never : never;
|
|
67
|
-
} & {
|
|
68
|
-
[K in Extract<keyof M['events'], string>]?: M['events'][K] extends string ? SR<E>[M['events'][K]] extends Observable<infer R> ? (value: R) => void : never : never;
|
|
69
|
-
};
|
|
70
|
-
/** @internal */
|
|
71
|
-
export type MethodsFromPropMap<E extends AnySystemSpec, M extends SystemPropsMap<E>> = {
|
|
72
|
-
[K in Extract<keyof M['methods'], string>]: M['methods'][K] extends string ? SR<E>[M['methods'][K]] extends Observable<infer R> ? (value: R) => void : never : never;
|
|
73
|
-
};
|
|
74
|
-
/**
|
|
75
|
-
* Used to correctly specify type refs for system components
|
|
76
|
-
*
|
|
77
|
-
* ```tsx
|
|
78
|
-
* const s = system(() => { return { a: statefulStream(0) } })
|
|
79
|
-
* const { Component } = systemToComponent(s)
|
|
80
|
-
*
|
|
81
|
-
* const App = () => {
|
|
82
|
-
* const ref = useRef<RefHandle<typeof Component>>()
|
|
83
|
-
* return <Component ref={ref} />
|
|
84
|
-
* }
|
|
85
|
-
* ```
|
|
86
|
-
*
|
|
87
|
-
* @typeParam T the type of the component
|
|
88
|
-
*/
|
|
89
|
-
export type RefHandle<T> = T extends React.ForwardRefExoticComponent<React.RefAttributes<infer Handle>> ? Handle : never;
|
|
90
|
-
/**
|
|
91
|
-
* Converts a system spec to React component by mapping the system streams to component properties, events and methods. Returns hooks for querying and modifying
|
|
92
|
-
* the system streams from the component's child components.
|
|
93
|
-
* @param systemSpec The return value from a [[system]] call.
|
|
94
|
-
* @param map The streams to props / events / methods mapping Check [[SystemPropsMap]] for more details.
|
|
95
|
-
* @param Root The optional React component to render. By default, the resulting component renders nothing, acting as a logical wrapper for its children.
|
|
96
|
-
* @returns an object containing the following:
|
|
97
|
-
* - `Component`: the React component.
|
|
98
|
-
* - `useEmitterValue`: a hook that lets child components use values emitted from the specified output stream.
|
|
99
|
-
* - `useEmitter`: a hook that calls the provided callback whenever the specified stream emits a value.
|
|
100
|
-
* - `usePublisher`: a hook which lets child components publish values to the specified stream.
|
|
101
|
-
* <hr />
|
|
102
|
-
*/
|
|
103
|
-
export declare function systemToComponent<SS extends AnySystemSpec, M extends SystemPropsMap<SS>, S extends SR<SS>, R>(systemSpec: SS, map: M, Root?: R): {
|
|
104
|
-
Component: React.ForwardRefExoticComponent<React.PropsWithoutRef<{ [K in Extract<keyof M["required"], string>]: M["required"][K] extends string ? ReturnType<SS["constructor"]>[M["required"][K]] extends Observable<infer R_1> ? R_1 : never : never; } & { [K_1 in Extract<keyof M["optional"], string>]?: (M["optional"][K_1] extends string ? ReturnType<SS["constructor"]>[M["optional"][K_1]] extends Observable<infer R_2> ? R_2 : never : never) | undefined; } & { [K_2 in Extract<keyof M["events"], string>]?: (M["events"][K_2] extends string ? ReturnType<SS["constructor"]>[M["events"][K_2]] extends Observable<infer R_3> ? (value: R_3) => void : never : never) | undefined; } & (R extends React.ComponentType<infer RP> ? RP : {
|
|
105
|
-
children?: React.ReactNode;
|
|
106
|
-
})> & React.RefAttributes<MethodsFromPropMap<SS, M>>>;
|
|
107
|
-
usePublisher: <K_3 extends keyof S>(key: K_3) => (value: S[K_3] extends u.Stream<infer R_4> ? R_4 : never) => void;
|
|
108
|
-
useEmitterValue: <K_4 extends keyof S, V = S[K_4] extends u.StatefulStream<infer R_5> ? R_5 : never>(key: K_4) => V;
|
|
109
|
-
useEmitter: <K_5 extends keyof S, V_1 = S[K_5] extends u.Stream<infer R_6> ? R_6 : never>(key: K_5, callback: (value: V_1) => void) => void;
|
|
110
|
-
};
|
|
111
|
-
//# sourceMappingURL=index.d.ts.map
|