react-virtuoso 2.4.1 → 2.6.0

package/README.md

@@ -2,12 +2,13 @@
 
 [![npm version](https://img.shields.io/npm/v/react-virtuoso.svg?style=flat)](//badge.fury.io/js/react-virtuoso)
 
-**React Virtuoso** is the most powerful React virtual list component, full stop. Here's why:
+**React Virtuoso** is the most powerful React virtual list/table component, full stop. Here's why:
 
 - Variable sized items out of the box; no manual measurements or hard-coding item heights is necessary;
 - Support for [reverse (bottom up) scrolling and prepending items](//virtuoso.dev/prepend-items/) (chat, feeds, etc);
 - [Grouped mode with sticky headers](//virtuoso.dev/grouped-by-first-letter/);
 - [Responsive grid layout](//virtuoso.dev/grid-responsive-columns/);
+- [Table Support](//virtuoso.dev/hello-table/);
 - [Automatic handling of content resize](//virtuoso.dev/auto-resizing/);
 - [Custom Header, Footer, and empty list components](//virtuoso.dev/customize-structure/);
 - [Pinned top items](//virtuoso.dev/top-items/);
@@ -57,6 +58,11 @@ The `GroupedVirtuoso` component is a variant of the "flat" `Virtuoso`, with the
 The `VirtuosoGrid` component displays **same sized items** in multiple columns.
 The layout and item sizing is controlled through CSS class properties, which allows you to use media queries, min-width, percentage, etc.
 
+## [Table](//virtuoso.dev/hello-table/)
+
+The `TableVirtuoso` component works just like `Virtuoso`, but with HTML tables.
+It supports window scrolling, sticky headers, sticky columns, and works with React Table and MUI Table.
+
 ## Works With Your UI Library of Choice
 
 You can customize the markup up to your requirements - check [the Material UI list demo](//virtuoso.dev/material-ui-endless-scrolling/).

package/dist/Grid.d.ts

@@ -12,6 +12,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     overscan?: import("./sizeRangeSystem").Overscan | undefined;
     scrollSeekConfiguration?: false | import("./interfaces").ScrollSeekConfiguration | undefined;
     useWindowScroll?: boolean | undefined;
+    customScrollParent?: HTMLElement | undefined;
     totalCount?: number | undefined;
     initialItemCount?: number | undefined;
     scrollSeek?: any;
@@ -56,6 +57,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     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[], () => {
@@ -198,13 +200,15 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     scrollingInProgress: u.StatefulStream<boolean>;
 }]) => {
     useWindowScroll: u.StatefulStream<boolean>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
     windowScrollContainerState: u.Stream<[number, number]>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
-}>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, windowScrollContainerState },]: [{
+}>], ([{ overscan, visibleRange, listBoundary }, { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, customScrollParent, windowScrollContainerState },]: [{
     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>;
 }, {
@@ -241,6 +245,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     didMount: u.Stream<boolean>;
 }, {
     useWindowScroll: u.StatefulStream<boolean>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
     windowScrollContainerState: u.Stream<[number, number]>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
@@ -277,6 +282,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     useWindowScroll: u.StatefulStream<boolean>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
     windowScrollContainerState: u.Stream<[number, number]>;
     deviation: u.StatefulStream<number>;
     scrollContainerState: u.Stream<[number, number]>;
@@ -325,6 +331,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     useWindowScroll: u.StatefulStream<boolean>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
     windowScrollContainerState: u.Stream<[number, number]>;
     deviation: u.StatefulStream<number>;
     scrollContainerState: u.Stream<[number, number]>;
@@ -389,6 +396,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     useWindowScroll: u.StatefulStream<boolean>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
     windowScrollContainerState: u.Stream<[number, number]>;
     deviation: u.StatefulStream<number>;
     scrollContainerState: u.Stream<[number, number]>;
@@ -405,6 +413,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
         listClassName: "listClassName";
         itemClassName: "itemClassName";
         useWindowScroll: "useWindowScroll";
+        customScrollParent: "customScrollParent";
         scrollerRef: "scrollerRef";
         item: "item";
         ItemContainer: "ItemContainer";