react-virtuoso 2.2.6-beta.1 → 2.2.8

package/dist/initialItemCountSystem.d.ts

@@ -150,6 +150,18 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     listRefresh: u.Stream<boolean>;
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+}>, u.SystemSpec<never[], () => {
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
+    scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
@@ -216,7 +228,6 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
@@ -227,7 +238,7 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
 }]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
-}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex }, { didMount }]: [{
+}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
     sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
@@ -242,8 +253,19 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
+}, {
+    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
     topListHeight: u.StatefulStream<number>;
 }, {
     propsReady: u.StatefulStream<boolean>;
@@ -317,7 +339,6 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
@@ -388,7 +409,6 @@ export declare const initialItemCountSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     initialTopMostItemIndex: u.StatefulStream<number>;
 }, {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }, {
     isScrolling: u.Stream<boolean>;

package/dist/initialScrollTopSystem.d.ts

@@ -142,6 +142,18 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     listRefresh: u.Stream<boolean>;
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+}>, u.SystemSpec<never[], () => {
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
+    scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
@@ -208,7 +220,6 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
@@ -219,7 +230,7 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
 }]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
-}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex }, { didMount }]: [{
+}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
     sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
@@ -234,8 +245,19 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
+}, {
+    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
     topListHeight: u.StatefulStream<number>;
 }, {
     propsReady: u.StatefulStream<boolean>;
@@ -309,7 +331,6 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
@@ -380,7 +401,6 @@ export declare const initialScrollTopSystem: u.SystemSpec<[u.SystemSpec<[u.Syste
     initialTopMostItemIndex: u.StatefulStream<number>;
 }, {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }, {
     isScrolling: u.Stream<boolean>;

package/dist/initialTopMostItemIndexSystem.d.ts

@@ -19,6 +19,18 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     listRefresh: u.Stream<boolean>;
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+}>, u.SystemSpec<never[], () => {
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
+    scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
@@ -85,7 +97,6 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
@@ -96,7 +107,7 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
 }]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
-}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex }, { didMount }]: [{
+}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
     sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
@@ -111,8 +122,19 @@ export declare const initialTopMostItemIndexSystem: u.SystemSpec<[u.SystemSpec<[
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
+}, {
+    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
     topListHeight: u.StatefulStream<number>;
 }, {
     propsReady: u.StatefulStream<boolean>;

package/dist/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef, ComponentType, Key, ReactNode, CSSProperties } from 'react';
+import { ComponentPropsWithRef, ComponentType, Key, ReactNode } from 'react';
 export interface ListRange {
     startIndex: number;
     endIndex: number;
@@ -45,6 +45,14 @@ export interface ScrollSeekPlaceholderProps {
     index: number;
     height: number;
 }
+/**
+ * Passed to the GridComponents.ScrollSeekPlaceholder custom component
+ */
+export interface GridScrollSeekPlaceholderProps {
+    index: number;
+    height: number;
+    width: number;
+}
 /**
  * Customize the Virtuoso rendering by passing a set of custom components.
  */
@@ -172,9 +180,7 @@ export interface GridComponents {
      * Set to render an item placeholder when the user scrolls fast.
      * See the `scrollSeekConfiguration` property for more details.
      */
-    ScrollSeekPlaceholder?: ComponentType<{
-        style: CSSProperties;
-    }>;
+    ScrollSeekPlaceholder?: ComponentType<GridScrollSeekPlaceholderProps>;
 }
 export interface GridComputeItemKey {
     (index: number): Key;

package/dist/listStateSystem.d.ts

@@ -148,6 +148,18 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     listRefresh: u.Stream<boolean>;
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+}>, u.SystemSpec<never[], () => {
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
+    scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
@@ -214,7 +226,6 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
@@ -225,7 +236,7 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
 }]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
-}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex }, { didMount }]: [{
+}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
     data: u.StatefulStream<Data>;
     totalCount: u.Stream<number>;
     sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
@@ -240,8 +251,19 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollTop: u.Stream<number>;
+    viewportHeight: u.Stream<number>;
+    headerHeight: u.StatefulStream<number>;
+    footerHeight: u.StatefulStream<number>;
+    smoothScrollTargetReached: u.Stream<true>;
+    scrollTo: u.Stream<ScrollToOptions>;
+    scrollBy: u.Stream<ScrollToOptions>;
+    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
+    statefulScrollTop: u.StatefulStream<number>;
+    deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
+}, {
+    scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
     topListHeight: u.StatefulStream<number>;
 }, {
     propsReady: u.StatefulStream<boolean>;
@@ -315,7 +337,6 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
@@ -386,7 +407,6 @@ export declare const listStateSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<n
     initialTopMostItemIndex: u.StatefulStream<number>;
 }, {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
-    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }, {
     isScrolling: u.Stream<boolean>;