@ringcentral/juno 2.4.1 → 2.5.0

package/components/Virtuoso/react-virtuoso/gridSystem.d.ts

@@ -1,5 +1,4 @@
 import * as u from '@virtuoso.dev/urx';
-import { IndexLocation } from './scrollToIndexSystem';
 export interface ElementDimensions {
     width: number;
     height: number;
@@ -19,26 +18,28 @@ export interface GridState extends GridLayout {
     itemWidth: number;
 }
 export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
 }>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
@@ -46,40 +47,45 @@ export declare const gridSystem: 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[], () => {
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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<never[], () => {
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
-}>], ([{ scrollTop, viewportHeight }]: [{
+}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
@@ -90,40 +96,33 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
     atTopStateChange: u.Stream<boolean>;
     atBottomStateChange: u.Stream<boolean>;
-    listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
-}>, u.SystemSpec<[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<never[], () => {
+    scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
+    atBottomThreshold: u.StatefulStream<number>;
+    scrollVelocity: u.StatefulStream<number>;
+    lastJumpDueToItemResize: u.StatefulStream<number>;
+}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
-}>], ([{ scrollTop, viewportHeight }]: [{
+}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
@@ -134,78 +133,84 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
     atTopStateChange: u.Stream<boolean>;
     atBottomStateChange: u.Stream<boolean>;
-    listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
-}>], ([{ scrollTop }, { isScrolling }]: [{
-    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>;
-}, {
+    scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
+    atBottomThreshold: u.StatefulStream<number>;
+    scrollVelocity: u.StatefulStream<number>;
+    lastJumpDueToItemResize: u.StatefulStream<number>;
+}>], ([{ scrollVelocity }]: [{
     isScrolling: u.Stream<boolean>;
     isAtTop: u.StatefulStream<boolean>;
     isAtBottom: u.StatefulStream<boolean>;
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
     atTopStateChange: u.Stream<boolean>;
     atBottomStateChange: u.Stream<boolean>;
-    listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
+    scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
+    atBottomThreshold: u.StatefulStream<number>;
+    scrollVelocity: u.StatefulStream<number>;
+    lastJumpDueToItemResize: u.StatefulStream<number>;
 }]) => {
     isSeeking: u.StatefulStream<boolean>;
     scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
     scrollVelocity: u.StatefulStream<number>;
     scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
-}>, u.SystemSpec<never[], () => {
+}>, u.SystemSpec<[u.SystemSpec<never[], () => {
+    log: u.StatefulStream<import("./loggerSystem").Log>;
+    logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
+}>], ([{ log }]: [{
+    log: u.StatefulStream<import("./loggerSystem").Log>;
+    logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
+}]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
-}>], ([{ scrollTop, scrollTo }]: [{
+}>], ([{ scrollTo, scrollContainerState }]: [{
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
 }]) => {
     useWindowScroll: u.StatefulStream<boolean>;
-    windowScrollTop: u.Stream<number>;
+    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, }, stateFlags, scrollSeek, { propsReady, didMount }, { windowViewportRect, windowScrollTo, useWindowScroll, windowScrollTop },]: [{
+}>], ([{ 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>;
 }, {
+    scrollContainerState: u.Stream<[number, number]>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
+    scrollHeight: u.Stream<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>;
@@ -216,7 +221,10 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
     atTopStateChange: u.Stream<boolean>;
     atBottomStateChange: u.Stream<boolean>;
-    listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
+    scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
+    atBottomThreshold: u.StatefulStream<number>;
+    scrollVelocity: u.StatefulStream<number>;
+    lastJumpDueToItemResize: u.StatefulStream<number>;
 }, {
     isSeeking: u.StatefulStream<boolean>;
     scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
@@ -227,7 +235,8 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     didMount: u.Stream<boolean>;
 }, {
     useWindowScroll: u.StatefulStream<boolean>;
-    windowScrollTop: u.Stream<number>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
+    windowScrollContainerState: u.Stream<[number, number]>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
 }]) => {
@@ -241,25 +250,31 @@ export declare const gridSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
     atTopStateChange: u.Stream<boolean>;
     atBottomStateChange: u.Stream<boolean>;
-    listStateListener: u.Stream<import("./stateFlagsSystem").ListBottomInfo>;
+    scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
+    atBottomThreshold: u.StatefulStream<number>;
+    scrollVelocity: u.StatefulStream<number>;
+    lastJumpDueToItemResize: u.StatefulStream<number>;
     gridState: u.StatefulStream<GridState>;
     totalListHeight: u.StatefulStream<number>;
     isSeeking: u.StatefulStream<boolean>;
     scrollSeekConfiguration: u.StatefulStream<false | import("./interfaces").ScrollSeekConfiguration | undefined>;
-    scrollVelocity: u.StatefulStream<number>;
     scrollSeekRangeChanged: u.Stream<import("./interfaces").ListRange>;
     totalCount: u.StatefulStream<number>;
     viewportDimensions: u.StatefulStream<ElementDimensions>;
     itemDimensions: u.StatefulStream<ElementDimensions>;
     scrollTop: u.Stream<number>;
+    scrollHeight: u.Stream<number>;
     overscan: u.StatefulStream<import("./sizeRangeSystem").Overscan>;
     scrollBy: u.Stream<ScrollToOptions>;
     scrollTo: u.Stream<ScrollToOptions>;
-    scrollToIndex: u.Stream<IndexLocation>;
+    scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
     smoothScrollTargetReached: u.Stream<true>;
     windowViewportRect: u.Stream<import("./interfaces").WindowViewportInfo>;
     windowScrollTo: u.Stream<ScrollToOptions>;
     useWindowScroll: u.StatefulStream<boolean>;
-    windowScrollTop: u.Stream<number>;
+    customScrollParent: u.StatefulStream<HTMLElement | undefined>;
+    windowScrollContainerState: u.Stream<[number, number]>;
+    deviation: u.StatefulStream<number>;
+    scrollContainerState: u.Stream<[number, number]>;
     initialItemCount: u.StatefulStream<number>;
 }>;

package/components/Virtuoso/react-virtuoso/gridSystem.js

@@ -28,15 +28,12 @@ var PROBE_GRID_STATE = {
     itemHeight: 0,
     itemWidth: 0,
 };
-var ceil = Math.ceil, floor = Math.floor, min = Math.min, max = Math.max;
-function hackFloor(val) {
-    return ceil(val) - val < 0.03 ? ceil(val) : floor(val);
-}
+var round = Math.round, ceil = Math.ceil, floor = Math.floor, min = Math.min, max = Math.max;
 function buildItems(startIndex, endIndex) {
     return Array.from({ length: endIndex - startIndex + 1 }).map(function (_, i) { return ({ index: i + startIndex }); });
 }
 exports.gridSystem = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 6), _c = _b[0], overscan = _c.overscan, visibleRange = _c.visibleRange, listBoundary = _c.listBoundary, _d = _b[1], scrollTop = _d.scrollTop, viewportHeight = _d.viewportHeight, scrollBy = _d.scrollBy, scrollTo = _d.scrollTo, smoothScrollTargetReached = _d.smoothScrollTargetReached, stateFlags = _b[2], scrollSeek = _b[3], _e = _b[4], propsReady = _e.propsReady, didMount = _e.didMount, _f = _b[5], windowViewportRect = _f.windowViewportRect, windowScrollTo = _f.windowScrollTo, useWindowScroll = _f.useWindowScroll, windowScrollTop = _f.windowScrollTop;
+    var _b = tslib_1.__read(_a, 6), _c = _b[0], overscan = _c.overscan, visibleRange = _c.visibleRange, listBoundary = _c.listBoundary, _d = _b[1], scrollTop = _d.scrollTop, viewportHeight = _d.viewportHeight, scrollBy = _d.scrollBy, scrollTo = _d.scrollTo, smoothScrollTargetReached = _d.smoothScrollTargetReached, scrollContainerState = _d.scrollContainerState, stateFlags = _b[2], scrollSeek = _b[3], _e = _b[4], propsReady = _e.propsReady, didMount = _e.didMount, _f = _b[5], windowViewportRect = _f.windowViewportRect, windowScrollTo = _f.windowScrollTo, useWindowScroll = _f.useWindowScroll, customScrollParent = _f.customScrollParent, windowScrollContainerState = _f.windowScrollContainerState;
     var totalCount = u.statefulStream(0);
     var initialItemCount = u.statefulStream(0);
     var gridState = u.statefulStream(INITIAL_GRID_STATE);
@@ -49,6 +46,8 @@ exports.gridSystem = u.system(function (_a) {
         width: 0,
     });
     var scrollToIndex = u.stream();
+    var scrollHeight = u.stream();
+    var deviation = u.statefulStream(0);
     u.connect(u.pipe(didMount, u.withLatestFrom(initialItemCount), u.filter(function (_a) {
         var _b = tslib_1.__read(_a, 2), count = _b[1];
         return count !== 0;
@@ -76,7 +75,7 @@ exports.gridSystem = u.system(function (_a) {
         if (itemWidth === 0) {
             return PROBE_GRID_STATE;
         }
-        var perRow = hackFloor(viewportWidth / itemWidth);
+        var perRow = itemsPerRow(viewportWidth, itemWidth);
         var startIndex = perRow * floor(startOffset / itemHeight);
         var endIndex = perRow * ceil(endOffset / itemHeight) - 1;
         endIndex = min(totalCount - 1, endIndex);
@@ -104,10 +103,6 @@ exports.gridSystem = u.system(function (_a) {
         var _c = gridLayout(viewportDimensions, item, items), top = _c.top, bottom = _c.bottom;
         return [top, bottom];
     }), u.distinctUntilChanged(comparators_1.tupleComparator)), listBoundary);
-    u.connect(u.pipe(listBoundary, u.withLatestFrom(gridState), u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 2), _c = tslib_1.__read(_b[0], 2), bottom = _c[1], offsetBottom = _b[1].offsetBottom;
-        return { bottom: bottom, offsetBottom: offsetBottom };
-    })), stateFlags.listStateListener);
     var endReached = u.streamFromEmitter(u.pipe(u.duc(gridState), u.filter(function (_a) {
         var items = _a.items;
         return items.length > 0;
@@ -138,13 +133,16 @@ exports.gridSystem = u.system(function (_a) {
         var normalLocation = scrollToIndexSystem_1.normalizeIndexLocation(location);
         var align = normalLocation.align, behavior = normalLocation.behavior, offset = normalLocation.offset;
         var index = normalLocation.index;
-        index = Math.max(0, index, Math.min(totalCount - 1, index));
+        if (index === 'LAST') {
+            index = totalCount - 1;
+        }
+        index = max(0, index, min(totalCount - 1, index));
         var top = itemTop(viewport, item, index);
         if (align === 'end') {
-            top = Math.round(top - viewport.height + item.height);
+            top = round(top - viewport.height + item.height);
         }
         else if (align === 'center') {
-            top = Math.round(top - viewport.height / 2 + item.height / 2);
+            top = round(top - viewport.height / 2 + item.height / 2);
         }
         if (offset) {
             top += offset;
@@ -164,6 +162,7 @@ exports.gridSystem = u.system(function (_a) {
         viewportDimensions: viewportDimensions,
         itemDimensions: itemDimensions,
         scrollTop: scrollTop,
+        scrollHeight: scrollHeight,
         overscan: overscan,
         scrollBy: scrollBy,
         scrollTo: scrollTo,
@@ -172,7 +171,10 @@ exports.gridSystem = u.system(function (_a) {
         windowViewportRect: windowViewportRect,
         windowScrollTo: windowScrollTo,
         useWindowScroll: useWindowScroll,
-        windowScrollTop: windowScrollTop,
+        customScrollParent: customScrollParent,
+        windowScrollContainerState: windowScrollContainerState,
+        deviation: deviation,
+        scrollContainerState: scrollContainerState,
         initialItemCount: initialItemCount }, scrollSeek), { 
         // output
         gridState: gridState,
@@ -195,5 +197,5 @@ function itemTop(viewport, item, index) {
     return floor(index / perRow) * item.height;
 }
 function itemsPerRow(viewportWidth, itemWidth) {
-    return hackFloor(viewportWidth / itemWidth);
+    return max(1, floor(viewportWidth / itemWidth));
 }

package/components/Virtuoso/react-virtuoso/groupedListSystem.d.ts

@@ -3,7 +3,13 @@ export interface GroupIndexesAndCount {
     groupIndices: number[];
 }
 export declare function groupCountsToIndicesAndCount(counts: number[]): GroupIndexesAndCount;
-export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
+export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
+    log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
+    logLevel: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").LogLevel>;
+}>], ([{ log }]: [{
+    log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
+    logLevel: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").LogLevel>;
+}]) => {
     data: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").Data>;
     totalCount: import("@virtuoso.dev/urx").Stream<number>;
     sizeRanges: import("@virtuoso.dev/urx").Stream<import("./sizeSystem").SizeRange[]>;
@@ -11,21 +17,25 @@ export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[
     defaultItemSize: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
     fixedItemSize: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
     unshiftWith: import("@virtuoso.dev/urx").Stream<number>;
+    shiftWith: import("@virtuoso.dev/urx").Stream<number>;
+    shiftWithOffset: import("@virtuoso.dev/urx").Stream<number>;
     beforeUnshiftWith: import("@virtuoso.dev/urx").Stream<number>;
     firstItemIndex: import("@virtuoso.dev/urx").StatefulStream<number>;
     sizes: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: import("@virtuoso.dev/urx").Stream<boolean>;
+    statefulTotalCount: import("@virtuoso.dev/urx").StatefulStream<number>;
     trackItemSizes: import("@virtuoso.dev/urx").StatefulStream<boolean>;
     itemSize: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, import("@virtuoso.dev/urx").SystemSpec<never[], () => {
+    scrollContainerState: import("@virtuoso.dev/urx").Stream<[number, number]>;
     scrollTop: import("@virtuoso.dev/urx").Stream<number>;
     viewportHeight: import("@virtuoso.dev/urx").Stream<number>;
     headerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
     footerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
+    scrollHeight: import("@virtuoso.dev/urx").Stream<number>;
     smoothScrollTargetReached: import("@virtuoso.dev/urx").Stream<true>;
     scrollTo: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
     scrollBy: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
-    scrollDirection: import("@virtuoso.dev/urx").StatefulStream<import("./domIOSystem").ScrollDirection>;
     statefulScrollTop: import("@virtuoso.dev/urx").StatefulStream<number>;
     deviation: import("@virtuoso.dev/urx").StatefulStream<number>;
     scrollingInProgress: import("@virtuoso.dev/urx").StatefulStream<boolean>;
@@ -37,21 +47,25 @@ export declare const groupedListSystem: import("@virtuoso.dev/urx").SystemSpec<[
     defaultItemSize: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
     fixedItemSize: import("@virtuoso.dev/urx").StatefulStream<number | undefined>;
     unshiftWith: import("@virtuoso.dev/urx").Stream<number>;
+    shiftWith: import("@virtuoso.dev/urx").Stream<number>;
+    shiftWithOffset: import("@virtuoso.dev/urx").Stream<number>;
     beforeUnshiftWith: import("@virtuoso.dev/urx").Stream<number>;
     firstItemIndex: import("@virtuoso.dev/urx").StatefulStream<number>;
     sizes: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: import("@virtuoso.dev/urx").Stream<boolean>;
+    statefulTotalCount: import("@virtuoso.dev/urx").StatefulStream<number>;
     trackItemSizes: import("@virtuoso.dev/urx").StatefulStream<boolean>;
     itemSize: import("@virtuoso.dev/urx").StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
+    scrollContainerState: import("@virtuoso.dev/urx").Stream<[number, number]>;
     scrollTop: import("@virtuoso.dev/urx").Stream<number>;
     viewportHeight: import("@virtuoso.dev/urx").Stream<number>;
     headerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
     footerHeight: import("@virtuoso.dev/urx").StatefulStream<number>;
+    scrollHeight: import("@virtuoso.dev/urx").Stream<number>;
     smoothScrollTargetReached: import("@virtuoso.dev/urx").Stream<true>;
     scrollTo: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
     scrollBy: import("@virtuoso.dev/urx").Stream<ScrollToOptions>;
-    scrollDirection: import("@virtuoso.dev/urx").StatefulStream<import("./domIOSystem").ScrollDirection>;
     statefulScrollTop: import("@virtuoso.dev/urx").StatefulStream<number>;
     deviation: import("@virtuoso.dev/urx").StatefulStream<number>;
     scrollingInProgress: import("@virtuoso.dev/urx").StatefulStream<boolean>;

package/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.d.ts

@@ -1,2 +1,3 @@
+import { Log } from '../loggerSystem';
 import { SizeFunction, SizeRange } from '../sizeSystem';
-export default function useChangedChildSizes(callback: (ranges: SizeRange[]) => void, itemSize: SizeFunction, enabled: boolean): (elRef: HTMLElement | null) => void;
+export default function useChangedListContentsSizes(callback: (ranges: SizeRange[]) => void, itemSize: SizeFunction, enabled: boolean, scrollContainerStateCallback: (state: [number, number]) => void, log: Log, customScrollParent?: HTMLElement): (_el: HTMLElement | null) => void;

package/components/Virtuoso/react-virtuoso/hooks/useChangedChildSizes.js

@@ -1,17 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+/* eslint-disable no-continue */
+var foundation_1 = require("../../../../foundation");
+var loggerSystem_1 = require("../loggerSystem");
 var useSize_1 = tslib_1.__importDefault(require("./useSize"));
-function useChangedChildSizes(callback, itemSize, enabled) {
+function useChangedListContentsSizes(callback, itemSize, enabled, scrollContainerStateCallback, log, customScrollParent) {
+    var _a = foundation_1.useRcPortalWindowContext().externalWindow, externalWindow = _a === void 0 ? window : _a;
     return useSize_1.default(function (el) {
-        var ranges = getChangedChildSizes(el.children, itemSize, 'offsetHeight');
+        var ranges = getChangedChildSizes(el.children, itemSize, 'offsetHeight', log);
+        var scrollableElement = el.parentElement;
+        while (!scrollableElement.dataset['virtuosoScroller']) {
+            scrollableElement = scrollableElement.parentElement;
+        }
+        var scrollTop = customScrollParent
+            ? customScrollParent.scrollTop
+            : // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                scrollableElement.firstElementChild.dataset['viewportType'] === 'window'
+                    ? externalWindow.pageYOffset ||
+                        externalWindow.document.documentElement.scrollTop
+                    : scrollableElement.scrollTop;
+        customScrollParent
+            ? scrollContainerStateCallback([
+                Math.max(scrollTop, 0),
+                customScrollParent.scrollHeight,
+            ])
+            : scrollContainerStateCallback([
+                Math.max(scrollTop, 0),
+                scrollableElement.scrollHeight,
+            ]);
         if (ranges !== null) {
             callback(ranges);
         }
     }, enabled);
 }
-exports.default = useChangedChildSizes;
-function getChangedChildSizes(children, itemSize, field) {
+exports.default = useChangedListContentsSizes;
+function getChangedChildSizes(children, itemSize, field, log) {
     var length = children.length;
     if (length === 0) {
         return null;
@@ -22,11 +46,12 @@ function getChangedChildSizes(children, itemSize, field) {
         if (!child || child.dataset.index === undefined) {
             continue;
         }
-        var index = parseInt(child.dataset.index, 10);
-        var knownSize = parseInt(child.dataset.knownSize, 10);
+        // eslint-disable-next-line radix
+        var index = parseInt(child.dataset.index);
+        var knownSize = parseFloat(child.dataset.knownSize);
         var size = itemSize(child, field);
         if (size === 0) {
-            throw new Error('Zero-sized element, this should not happen');
+            log('Zero-sized element, this should not happen', { child: child }, loggerSystem_1.LogLevel.ERROR);
         }
         if (size === knownSize) {
             continue;

package/components/Virtuoso/react-virtuoso/hooks/useScrollTop.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="styled-jsx" />
 export declare type ScrollerRef = Window | HTMLElement | null;
-export default function useScrollTop(scrollTopCallback: (scrollTop: number) => void, smoothScrollTargetReached: (yes: true) => void, scrollerElement: any, scrollerRefCallback?: (ref: ScrollerRef) => void, customWindow?: Window): {
+export default function useScrollTop(scrollContainerStateCallback: (state: [number, number]) => void, smoothScrollTargetReached: (yes: true) => void, scrollerElement: any, scrollerRefCallback?: (ref: ScrollerRef) => void, customScrollParent?: HTMLElement): {
     scrollerRef: import("react").MutableRefObject<HTMLElement | Window | null>;
     scrollByCallback: (location: ScrollToOptions) => void;
     scrollToCallback: (location: ScrollToOptions) => void;