react-virtuoso 2.3.4 → 2.5.0

package/dist/initialItemCountSystem.d.ts

@@ -132,6 +132,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -417,6 +418,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/initialScrollTopSystem.d.ts

@@ -125,6 +125,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -410,6 +411,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/interfaces.d.ts

@@ -6,6 +6,7 @@ export interface ListRange {
 export interface ItemContent<D> {
     (index: number, data: D): ReactNode;
 }
+export declare type FixedHeaderContent = (() => React.ReactChildren | React.ReactNode) | null;
 export interface GroupItemContent<D> {
     (index: number, groupIndex: number, data: D): ReactNode;
 }
@@ -24,6 +25,7 @@ export interface GroupProps {
     'data-known-size': number;
 }
 export declare type TopItemListProps = Pick<ComponentPropsWithRef<'div'>, 'style' | 'children'>;
+export declare type TableProps = Pick<ComponentPropsWithRef<'table'>, 'style'>;
 /**
  * Passed to the Components.List custom component
  */
@@ -37,13 +39,18 @@ export declare type GridListProps = Pick<ComponentPropsWithRef<'div'>, 'style' |
 /**
  * Passed to the Components.Scroller custom component
  */
-export declare type ScrollerProps = Pick<ComponentPropsWithRef<'div'>, 'style' | 'children' | 'tabIndex' | 'ref'>;
+export declare type ScrollerProps = Pick<ComponentPropsWithRef<'div'>, 'style' | 'children' | 'tabIndex' | 'ref'> & {
+    'data-test-id'?: string;
+    'data-virtuoso-scroller'?: boolean;
+};
 /**
  * Passed to the Components.ScrollSeekPlaceholder custom component
  */
 export interface ScrollSeekPlaceholderProps {
     index: number;
     height: number;
+    groupIndex?: number;
+    type: 'group' | 'item';
 }
 /**
  * Passed to the GridComponents.ScrollSeekPlaceholder custom component
@@ -98,6 +105,42 @@ export interface Components {
      */
     ScrollSeekPlaceholder?: ComponentType<ScrollSeekPlaceholderProps>;
 }
+/**
+ * Customize the TableVirtuoso rendering by passing a set of custom components.
+ */
+export interface TableComponents {
+    /**
+     * Set to customize the wrapping `table` element.
+     *
+     */
+    Table?: ComponentType<TableProps>;
+    /**
+     * Set to render a fixed header at the top of the table (`thead`). use [[fixedHeaderHeight]] to set the contents
+     *
+     */
+    TableHead?: ComponentType;
+    /**
+     * Set to customize the item wrapping element. Default is `tr`.
+     */
+    TableRow?: ComponentType<ItemProps>;
+    /**
+     * Set to customize the outermost scrollable element. This should not be necessary in general,
+     * as the component passes its HTML attribute props to it.
+     */
+    Scroller?: ComponentType<ScrollerProps>;
+    /**
+     * Set to customize the items wrapper. Default is `tbody`.
+     */
+    TableBody?: ComponentType<ListProps>;
+    /**
+     * Set to render a custom UI when the list is empty.
+     */
+    EmptyPlaceholder?: ComponentType;
+    /**
+     * Set to render an item placeholder when the user scrolls fast.  See the `scrollSeek` property for more details.
+     */
+    ScrollSeekPlaceholder?: ComponentType<ScrollSeekPlaceholderProps>;
+}
 export interface ComputeItemKey<D> {
     (index: number, item: D): Key;
 }
@@ -157,6 +200,7 @@ export interface IndexLocationWithAlign {
     offset?: number;
 }
 export declare type ListRootProps = Omit<React.HTMLProps<'div'>, 'ref' | 'data'>;
+export declare type TableRootProps = Omit<React.HTMLProps<'table'>, 'ref' | 'data'>;
 export declare type GridRootProps = Omit<React.HTMLProps<'div'>, 'ref' | 'data'>;
 export interface GridItem {
     'data-index': number;

package/dist/listStateSystem.d.ts

@@ -130,6 +130,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -415,6 +416,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/listSystem.d.ts

@@ -642,6 +642,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -927,6 +928,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -1198,6 +1200,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -1483,6 +1486,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -1718,6 +1722,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -2003,6 +2008,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -2154,6 +2160,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -2289,6 +2296,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -2574,6 +2582,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -2846,6 +2855,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -3131,6 +3141,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -3329,6 +3340,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -3614,6 +3626,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -3868,6 +3881,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -4153,6 +4167,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -4257,7 +4272,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
-}>], ([{ scrollTop, scrollTo, scrollHeight }]: [{
+}>], ([{ scrollTo, scrollContainerState }]: [{
     scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
@@ -4273,7 +4288,6 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
 }]) => {
     useWindowScroll: u.StatefulStream<boolean>;
     windowScrollContainerState: u.Stream<[number, number]>;
-    windowScrollTop: u.Stream<number>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -4491,6 +4505,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -4776,6 +4791,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -4874,6 +4890,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -4897,7 +4914,6 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
 }, {
     useWindowScroll: u.StatefulStream<boolean>;
     windowScrollContainerState: u.Stream<[number, number]>;
-    windowScrollTop: u.Stream<number>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
 }, {
@@ -4906,7 +4922,6 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     scrollIntoView: u.Stream<import("./scrollIntoViewSystem").ScrollIntoViewLocation>;
     useWindowScroll: u.StatefulStream<boolean>;
     windowScrollContainerState: u.Stream<[number, number]>;
-    windowScrollTop: u.Stream<number>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     alignToBottom: u.StatefulStream<boolean>;
@@ -4924,6 +4939,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<never[], () => {
@@ -4992,7 +5008,6 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     scrollIntoView: u.Stream<import("./scrollIntoViewSystem").ScrollIntoViewLocation>;
     useWindowScroll: u.StatefulStream<boolean>;
     windowScrollContainerState: u.Stream<[number, number]>;
-    windowScrollTop: u.Stream<number>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     alignToBottom: u.StatefulStream<boolean>;
@@ -5010,6 +5025,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {
@@ -5033,7 +5049,6 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     scrollIntoView: u.Stream<import("./scrollIntoViewSystem").ScrollIntoViewLocation>;
     useWindowScroll: u.StatefulStream<boolean>;
     windowScrollContainerState: u.Stream<[number, number]>;
-    windowScrollTop: u.Stream<number>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     alignToBottom: u.StatefulStream<boolean>;
@@ -5051,6 +5066,7 @@ export declare const listSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
     isScrolling: u.Stream<boolean>;

package/dist/scrollIntoViewSystem.d.ts

@@ -219,6 +219,7 @@ export declare const scrollIntoViewSystem: u.SystemSpec<[u.SystemSpec<[u.SystemS
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -504,6 +505,7 @@ export declare const scrollIntoViewSystem: u.SystemSpec<[u.SystemSpec<[u.SystemS
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/sizeRangeSystem.d.ts

@@ -44,6 +44,7 @@ export declare const sizeRangeSystem: u.SystemSpec<[u.SystemSpec<never[], () =>
     listBoundary: u.Stream<NumberTuple>;
     overscan: u.StatefulStream<Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<ViewportIncrease>;
     visibleRange: u.StatefulStream<NumberTuple>;
 }>;

package/dist/topItemCountSystem.d.ts

@@ -111,6 +111,7 @@ export declare const topItemCountSystem: import("@virtuoso.dev/urx").SystemSpec<
     listBoundary: import("@virtuoso.dev/urx").Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: import("@virtuoso.dev/urx").StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
+    fixedHeaderHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
     increaseViewportBy: import("@virtuoso.dev/urx").StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: import("@virtuoso.dev/urx").StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
@@ -396,6 +397,7 @@ export declare const topItemCountSystem: import("@virtuoso.dev/urx").SystemSpec<
     listBoundary: import("@virtuoso.dev/urx").Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: import("@virtuoso.dev/urx").StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
+    fixedHeaderHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
     increaseViewportBy: import("@virtuoso.dev/urx").StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: import("@virtuoso.dev/urx").StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/totalListHeightSystem.d.ts

@@ -125,6 +125,7 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -410,6 +411,7 @@ export declare const totalListHeightSystem: u.SystemSpec<[u.SystemSpec<never[],
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/upwardScrollFixSystem.d.ts

@@ -166,6 +166,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
@@ -451,6 +452,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     listBoundary: u.Stream<import("./sizeRangeSystem").NumberTuple>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     topListHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
     increaseViewportBy: u.StatefulStream<import("./sizeRangeSystem").ViewportIncrease>;
     visibleRange: u.StatefulStream<import("./sizeRangeSystem").NumberTuple>;
 }, {

package/dist/windowScrollerSystem.d.ts

@@ -13,7 +13,7 @@ export declare const windowScrollerSystem: u.SystemSpec<[u.SystemSpec<never[], (
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
-}>], ([{ scrollTop, scrollTo, scrollHeight }]: [{
+}>], ([{ scrollTo, scrollContainerState }]: [{
     scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
@@ -29,7 +29,6 @@ export declare const windowScrollerSystem: u.SystemSpec<[u.SystemSpec<never[], (
 }]) => {
     useWindowScroll: u.StatefulStream<boolean>;
     windowScrollContainerState: u.Stream<[number, number]>;
-    windowScrollTop: u.Stream<number>;
     windowViewportRect: u.Stream<WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
 }>;

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-virtuoso",
   "author": "Petyo Ivanov",
   "sideEffects": false,
-  "version": "2.3.4",
+  "version": "2.5.0",
   "homepage": "https://virtuoso.dev/",
   "license": "MIT",
   "source": "src/index.tsx",
@@ -30,10 +30,10 @@
     "start": "microbundle watch --raw --no-sourcemap --strict --no-compress --jsx React.createElement --format=cjs,esm",
     "build": "microbundle --strict --jsx React.createElement --format=cjs,esm src/index.tsx",
     "test": "jest --passWithNoTests",
-    "e2e": "jest --config jest.e2e.config.js --run-in-band --passWithNoTests",
+    "e2e": "playwright test",
     "lint": "eslint src test e2e --ext .ts,.tsx",
     "typecheck": "tsc --noEmit -p tsconfig.typecheck.json",
-    "browse-examples": "node e2e/test-cases.mjs && parcel e2e/__examples.html",
+    "browse-examples": "node examples/generate-examples.mjs && parcel examples/__examples.html",
     "prepare": "yarn build && husky install",
     "semantic-release": "semantic-release"
   },
@@ -49,6 +49,7 @@
     "@commitlint/config-conventional": "^12.1.4",
     "@emotion/core": "^10.1.0",
     "@emotion/styled": "^10.0.27",
+    "@playwright/test": "^1.17.1",
     "@types/faker": "^5.1.4",
     "@types/jest": "^26.0.20",
     "@types/jsdom": "^16.2.3",
@@ -76,13 +77,12 @@
     "faker": "^5.1.0",
     "husky": "^6.0.0",
     "jest": "^26.6.3",
-    "jest-playwright-preset": "^1.7.0",
     "jsdom": "^16.4.0",
     "lodash": "^4.17.21",
     "microbundle": "^0.13.0",
     "parcel": "^1.12.4",
     "parcel-bundler": "^1.12.4",
-    "playwright": "^1.16.1",
+    "playwright": "^1.17.1",
     "playwright-chromium": "^1.16.1",
     "prettier": "^2.2.1",
     "react": "^16.13.1",