@ringcentral/juno 2.40.0 → 2.41.0

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

@@ -1,35 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
+var u = tslib_1.__importStar(require("./urx"));
 var AATree_1 = require("./AATree");
 var domIOSystem_1 = require("./domIOSystem");
-var listStateSystem_1 = require("./listStateSystem");
+var sizeSystem_1 = require("./sizeSystem");
 var loggerSystem_1 = require("./loggerSystem");
 var scrollToIndexSystem_1 = require("./scrollToIndexSystem");
-var sizeSystem_1 = require("./sizeSystem");
+var listStateSystem_1 = require("./listStateSystem");
+var defaultCalculateViewLocation = function (_a) {
+    var itemTop = _a.itemTop, itemBottom = _a.itemBottom, viewportTop = _a.viewportTop, viewportBottom = _a.viewportBottom, _b = _a.locationParams, behavior = _b.behavior, align = _b.align, rest = tslib_1.__rest(_b, ["behavior", "align"]);
+    if (itemTop < viewportTop) {
+        return tslib_1.__assign(tslib_1.__assign({}, rest), { behavior: behavior, align: align !== null && align !== void 0 ? align : 'start' });
+    }
+    if (itemBottom > viewportBottom) {
+        return tslib_1.__assign(tslib_1.__assign({}, rest), { behavior: behavior, align: align !== null && align !== void 0 ? align : 'end' });
+    }
+    return null;
+};
 exports.scrollIntoViewSystem = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 3), _c = _b[0], sizes = _c.sizes, totalCount = _c.totalCount, _d = _b[1], scrollTop = _d.scrollTop, viewportHeight = _d.viewportHeight, headerHeight = _d.headerHeight, scrollingInProgress = _d.scrollingInProgress, scrollToIndex = _b[2].scrollToIndex;
+    var _b = tslib_1.__read(_a, 3), _c = _b[0], sizes = _c.sizes, totalCount = _c.totalCount, gap = _c.gap, _d = _b[1], scrollTop = _d.scrollTop, viewportHeight = _d.viewportHeight, headerHeight = _d.headerHeight, fixedHeaderHeight = _d.fixedHeaderHeight, fixedFooterHeight = _d.fixedFooterHeight, scrollingInProgress = _d.scrollingInProgress, scrollToIndex = _b[2].scrollToIndex;
     var scrollIntoView = u.stream();
-    u.connect(u.pipe(scrollIntoView, u.withLatestFrom(sizes, viewportHeight, totalCount, headerHeight, scrollTop), u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 6), _c = _b[0], index = _c.index, _d = _c.behavior, behavior = _d === void 0 ? 'auto' : _d, done = _c.done, sizes = _b[1], viewportHeight = _b[2], totalCount = _b[3], headerHeight = _b[4], scrollTop = _b[5];
-        var lastIndex = totalCount - 1;
-        var location = null;
-        index = sizeSystem_1.originalIndexFromItemIndex(index, sizes);
-        index = Math.max(0, index, Math.min(lastIndex, index));
-        var itemTop = sizeSystem_1.offsetOf(index, sizes.offsetTree) + headerHeight;
-        if (itemTop < scrollTop) {
-            location = { index: index, behavior: behavior, align: 'start' };
-        }
-        else {
-            var itemBottom = itemTop + AATree_1.findMaxKeyValue(sizes.sizeTree, index)[1];
-            if (itemBottom > scrollTop + viewportHeight) {
-                location = { index: index, behavior: behavior, align: 'end' };
-            }
-        }
+    u.connect(u.pipe(scrollIntoView, u.withLatestFrom(sizes, viewportHeight, totalCount, headerHeight, fixedHeaderHeight, fixedFooterHeight, scrollTop), u.withLatestFrom(gap), u.map(function (_a) {
+        var _b = tslib_1.__read(_a, 2), _c = tslib_1.__read(_b[0], 8), viewLocation = _c[0], sizes = _c[1], viewportHeight = _c[2], totalCount = _c[3], headerHeight = _c[4], fixedHeaderHeight = _c[5], fixedFooterHeight = _c[6], scrollTop = _c[7], gap = _b[1];
+        var done = viewLocation.done, behavior = viewLocation.behavior, align = viewLocation.align, _d = viewLocation.calculateViewLocation, calculateViewLocation = _d === void 0 ? defaultCalculateViewLocation : _d, rest = tslib_1.__rest(viewLocation, ["done", "behavior", "align", "calculateViewLocation"]);
+        var actualIndex = sizeSystem_1.originalIndexFromLocation(viewLocation, sizes, totalCount - 1);
+        var itemTop = sizeSystem_1.offsetOf(actualIndex, sizes.offsetTree, gap) + headerHeight + fixedHeaderHeight;
+        var itemBottom = itemTop + AATree_1.findMaxKeyValue(sizes.sizeTree, actualIndex)[1];
+        var viewportTop = scrollTop + fixedHeaderHeight;
+        var viewportBottom = scrollTop + viewportHeight - fixedFooterHeight;
+        var location = calculateViewLocation({
+            itemTop: itemTop,
+            itemBottom: itemBottom,
+            viewportTop: viewportTop,
+            viewportBottom: viewportBottom,
+            locationParams: tslib_1.__assign({ behavior: behavior, align: align }, rest),
+        });
         if (location) {
             done &&
-                u.handleNext(u.pipe(scrollingInProgress, u.skip(1), u.filter(function (value) { return value === false; })), done);
+                u.handleNext(u.pipe(scrollingInProgress, u.filter(function (value) { return value === false; }), 
+                // skips the initial publish of false, and the cleanup call.
+                // but if scrollingInProgress is true, we skip the initial publish.
+                u.skip(u.getValue(scrollingInProgress) ? 1 : 2)), done);
         }
         else {
             done && done();

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

@@ -1,35 +1,38 @@
-import * as u from '@virtuoso.dev/urx';
-import { ListRange, ScrollSeekConfiguration } from './interfaces';
+import * as u from './urx';
+import { ListRange } from './interfaces';
+import { ScrollSeekConfiguration } from './interfaces';
 export declare const scrollSeekSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
-    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
-}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy, },]: [{
+}>], ([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]: [{
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
-    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
 }]) => {
-    isScrolling: u.Stream<boolean>;
+    isScrolling: u.StatefulStream<boolean>;
     isAtTop: u.StatefulStream<boolean>;
     isAtBottom: u.StatefulStream<boolean>;
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
@@ -37,10 +40,11 @@ export declare const scrollSeekSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<
     atBottomStateChange: u.Stream<boolean>;
     scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
     atBottomThreshold: u.StatefulStream<number>;
+    atTopThreshold: u.StatefulStream<number>;
     scrollVelocity: u.StatefulStream<number>;
     lastJumpDueToItemResize: u.StatefulStream<number>;
 }>], ([{ scrollVelocity }]: [{
-    isScrolling: u.Stream<boolean>;
+    isScrolling: u.StatefulStream<boolean>;
     isAtTop: u.StatefulStream<boolean>;
     isAtBottom: u.StatefulStream<boolean>;
     atBottomState: u.Stream<import("./stateFlagsSystem").AtBottomState>;
@@ -48,6 +52,7 @@ export declare const scrollSeekSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<
     atBottomStateChange: u.Stream<boolean>;
     scrollDirection: u.StatefulStream<import("./stateFlagsSystem").ScrollDirection>;
     atBottomThreshold: u.StatefulStream<number>;
+    atTopThreshold: u.StatefulStream<number>;
     scrollVelocity: u.StatefulStream<number>;
     lastJumpDueToItemResize: u.StatefulStream<number>;
 }]) => {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
+var u = tslib_1.__importStar(require("./urx"));
 var stateFlagsSystem_1 = require("./stateFlagsSystem");
 exports.scrollSeekSystem = u.system(function (_a) {
     var _b = tslib_1.__read(_a, 1), scrollVelocity = _b[0].scrollVelocity;
@@ -9,7 +9,7 @@ exports.scrollSeekSystem = u.system(function (_a) {
     var rangeChanged = u.stream();
     var scrollSeekConfiguration = u.statefulStream(false);
     u.connect(u.pipe(scrollVelocity, u.withLatestFrom(scrollSeekConfiguration, isSeeking, rangeChanged), u.filter(function (_a) {
-        var _b = tslib_1.__read(_a, 2), config = _b[1];
+        var _b = tslib_1.__read(_a, 2), _ = _b[0], config = _b[1];
         return !!config;
     }), u.map(function (_a) {
         var _b = tslib_1.__read(_a, 4), speed = _b[0], config = _b[1], isSeeking = _b[2], range = _b[3];
@@ -19,8 +19,10 @@ exports.scrollSeekSystem = u.system(function (_a) {
                 return false;
             }
         }
-        else if (enter(speed, range)) {
-            return true;
+        else {
+            if (enter(speed, range)) {
+                return true;
+            }
         }
         return isSeeking;
     }), u.distinctUntilChanged()), isSeeking);
@@ -28,10 +30,5 @@ exports.scrollSeekSystem = u.system(function (_a) {
         var _b = tslib_1.__read(_a, 2), _c = tslib_1.__read(_b[0], 3), isSeeking = _c[0], velocity = _c[1], range = _c[2], config = _b[1];
         return isSeeking && config && config.change && config.change(velocity, range);
     });
-    return {
-        isSeeking: isSeeking,
-        scrollSeekConfiguration: scrollSeekConfiguration,
-        scrollVelocity: scrollVelocity,
-        scrollSeekRangeChanged: rangeChanged,
-    };
+    return { isSeeking: isSeeking, scrollSeekConfiguration: scrollSeekConfiguration, scrollVelocity: scrollVelocity, scrollSeekRangeChanged: rangeChanged };
 }, u.tup(stateFlagsSystem_1.stateFlagsSystem), { singleton: true });

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

@@ -1,18 +1,22 @@
-import * as u from '@virtuoso.dev/urx';
+import * as u from './urx';
 import { IndexLocationWithAlign } from './interfaces';
 import { LogLevel } from './loggerSystem';
 export declare type IndexLocation = number | IndexLocationWithAlign;
-export declare function normalizeIndexLocation(location: IndexLocation): Required<IndexLocationWithAlign>;
+export declare function normalizeIndexLocation(location: IndexLocation): IndexLocationWithAlign;
 export declare const scrollToIndexSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
-}>], ([{ log }]: [{
+}>, u.SystemSpec<never[], () => {
+    recalcInProgress: u.StatefulStream<boolean>;
+}>], ([{ log }, { recalcInProgress }]: [{
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
+}, {
+    recalcInProgress: u.StatefulStream<boolean>;
 }]) => {
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
-    sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
+    sizeRanges: u.Stream<import("./interfaces").SizeRange[]>;
     groupIndices: u.StatefulStream<number[]>;
     defaultItemSize: u.StatefulStream<number | undefined>;
     fixedItemSize: u.StatefulStream<number | undefined>;
@@ -21,20 +25,22 @@ export declare const scrollToIndexSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSp
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;
     trackItemSizes: u.StatefulStream<boolean>;
-    itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+    itemSize: u.StatefulStream<import("./interfaces").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
-    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -43,10 +49,10 @@ export declare const scrollToIndexSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSp
 }>, u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
-}>], ([{ sizes, totalCount, listRefresh }, { scrollingInProgress, viewportHeight, scrollTo, smoothScrollTargetReached, headerHeight, footerHeight, }, { log },]: [{
+}>], ([{ sizes, totalCount, listRefresh, gap }, { scrollingInProgress, viewportHeight, scrollTo, smoothScrollTargetReached, headerHeight, footerHeight, fixedHeaderHeight, fixedFooterHeight, }, { log },]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
-    sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
+    sizeRanges: u.Stream<import("./interfaces").SizeRange[]>;
     groupIndices: u.StatefulStream<number[]>;
     defaultItemSize: u.StatefulStream<number | undefined>;
     fixedItemSize: u.StatefulStream<number | undefined>;
@@ -55,20 +61,22 @@ export declare const scrollToIndexSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSp
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<import("./sizeSystem").SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;
     trackItemSizes: u.StatefulStream<boolean>;
-    itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
+    itemSize: u.StatefulStream<import("./interfaces").SizeFunction>;
 }, {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
-    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -78,6 +86,6 @@ export declare const scrollToIndexSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSp
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
 }]) => {
-    scrollToIndex: u.Stream<number | IndexLocationWithAlign>;
+    scrollToIndex: u.Stream<number | import("./interfaces").FlatIndexLocationWithAlign | import("./interfaces").GroupIndexLocationWithAlign>;
     topListHeight: u.StatefulStream<number>;
 }>;

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

@@ -2,13 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 /* eslint-disable @typescript-eslint/no-unsafe-call */
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
+var u = tslib_1.__importStar(require("./urx"));
 var AATree_1 = require("./AATree");
 var domIOSystem_1 = require("./domIOSystem");
-var loggerSystem_1 = require("./loggerSystem");
 var sizeSystem_1 = require("./sizeSystem");
-var SUPPORTS_SCROLL_TO_OPTIONS = typeof document !== 'undefined' &&
-    'scrollBehavior' in document.documentElement.style;
+var loggerSystem_1 = require("./loggerSystem");
+var SUPPORTS_SCROLL_TO_OPTIONS = typeof document !== 'undefined' && 'scrollBehavior' in document.documentElement.style;
 function normalizeIndexLocation(location) {
     var result = typeof location === 'number' ? { index: location } : location;
     if (!result.align) {
@@ -24,7 +23,7 @@ function normalizeIndexLocation(location) {
 }
 exports.normalizeIndexLocation = normalizeIndexLocation;
 exports.scrollToIndexSystem = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 3), _c = _b[0], sizes = _c.sizes, totalCount = _c.totalCount, listRefresh = _c.listRefresh, _d = _b[1], scrollingInProgress = _d.scrollingInProgress, viewportHeight = _d.viewportHeight, scrollTo = _d.scrollTo, smoothScrollTargetReached = _d.smoothScrollTargetReached, headerHeight = _d.headerHeight, footerHeight = _d.footerHeight, log = _b[2].log;
+    var _b = tslib_1.__read(_a, 3), _c = _b[0], sizes = _c.sizes, totalCount = _c.totalCount, listRefresh = _c.listRefresh, gap = _c.gap, _d = _b[1], scrollingInProgress = _d.scrollingInProgress, viewportHeight = _d.viewportHeight, scrollTo = _d.scrollTo, smoothScrollTargetReached = _d.smoothScrollTargetReached, headerHeight = _d.headerHeight, footerHeight = _d.footerHeight, fixedHeaderHeight = _d.fixedHeaderHeight, fixedFooterHeight = _d.fixedFooterHeight, log = _b[2].log;
     var scrollToIndex = u.stream();
     var topListHeight = u.statefulStream(0);
     var unsubscribeNextListRefresh = null;
@@ -45,32 +44,21 @@ exports.scrollToIndexSystem = u.system(function (_a) {
         }
         u.publish(scrollingInProgress, false);
     }
-    u.connect(u.pipe(scrollToIndex, u.withLatestFrom(sizes, viewportHeight, totalCount, topListHeight, headerHeight, footerHeight, log), u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 8), location = _b[0], sizes = _b[1], viewportHeight = _b[2], totalCount = _b[3], topListHeight = _b[4], headerHeight = _b[5], footerHeight = _b[6], log = _b[7];
+    u.connect(u.pipe(scrollToIndex, u.withLatestFrom(sizes, viewportHeight, totalCount, topListHeight, headerHeight, footerHeight, log), u.withLatestFrom(gap, fixedHeaderHeight, fixedFooterHeight), u.map(function (_a) {
+        var _b = tslib_1.__read(_a, 4), _c = tslib_1.__read(_b[0], 8), location = _c[0], sizes = _c[1], viewportHeight = _c[2], totalCount = _c[3], topListHeight = _c[4], headerHeight = _c[5], footerHeight = _c[6], log = _c[7], gap = _b[1], fixedHeaderHeight = _b[2], fixedFooterHeight = _b[3];
         var normalLocation = normalizeIndexLocation(location);
         var align = normalLocation.align, behavior = normalLocation.behavior, offset = normalLocation.offset;
         var lastIndex = totalCount - 1;
-        var index = normalLocation.index;
-        if (index === 'LAST') {
-            index = lastIndex;
-        }
-        index = sizeSystem_1.originalIndexFromItemIndex(index, sizes);
-        index = Math.max(0, index, Math.min(lastIndex, index));
-        var top = sizeSystem_1.offsetOf(index, sizes.offsetTree) + headerHeight;
+        var index = sizeSystem_1.originalIndexFromLocation(normalLocation, sizes, lastIndex);
+        var top = sizeSystem_1.offsetOf(index, sizes.offsetTree, gap) + headerHeight;
         if (align === 'end') {
-            top =
-                top -
-                    viewportHeight +
-                    AATree_1.findMaxKeyValue(sizes.sizeTree, index)[1];
+            top += fixedHeaderHeight + AATree_1.findMaxKeyValue(sizes.sizeTree, index)[1] - viewportHeight + fixedFooterHeight;
             if (index === lastIndex) {
                 top += footerHeight;
             }
         }
         else if (align === 'center') {
-            top =
-                top -
-                    viewportHeight / 2 +
-                    AATree_1.findMaxKeyValue(sizes.sizeTree, index)[1] / 2;
+            top += (fixedHeaderHeight + AATree_1.findMaxKeyValue(sizes.sizeTree, index)[1] - viewportHeight + fixedFooterHeight) / 2;
         }
         else {
             top -= topListHeight;
@@ -99,7 +87,7 @@ exports.scrollToIndexSystem = u.system(function (_a) {
             });
         }
         else {
-            unsubscribeNextListRefresh = u.handleNext(u.pipe(listRefresh, watchChangesFor(50)), retry);
+            unsubscribeNextListRefresh = u.handleNext(u.pipe(listRefresh, watchChangesFor(150)), retry);
         }
         // if the scroll jump is too small, the list won't get rerendered.
         // clean this listener

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

@@ -1,5 +1,5 @@
-import * as u from '@virtuoso.dev/urx';
-import { DOWN, ScrollDirection, UP } from './stateFlagsSystem';
+import * as u from './urx';
+import { UP, DOWN, ScrollDirection } from './stateFlagsSystem';
 export declare type NumberTuple = [number, number];
 export declare type Overscan = number | {
     main: number;
@@ -19,24 +19,26 @@ export declare const sizeRangeSystem: u.SystemSpec<[u.SystemSpec<never[], () =>
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
-    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
     deviation: u.StatefulStream<number>;
     scrollingInProgress: u.StatefulStream<boolean>;
-}>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
+}>], ([{ scrollTop, viewportHeight, deviation, headerHeight, fixedHeaderHeight }]: [{
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
+    fixedHeaderHeight: u.StatefulStream<number>;
+    fixedFooterHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     scrollHeight: u.Stream<number>;
     smoothScrollTargetReached: u.Stream<true>;
-    react18ConcurrentRendering: u.StatefulStream<boolean>;
     scrollTo: u.Stream<ScrollToOptions>;
     scrollBy: u.Stream<ScrollToOptions>;
     statefulScrollTop: u.StatefulStream<number>;
@@ -46,7 +48,6 @@ 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/components/Virtuoso/react-virtuoso/sizeRangeSystem.js

@@ -1,40 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
-var comparators_1 = require("./comparators");
+var u = tslib_1.__importStar(require("./urx"));
 var domIOSystem_1 = require("./domIOSystem");
 var stateFlagsSystem_1 = require("./stateFlagsSystem");
+var comparators_1 = require("./comparators");
 exports.TOP = 'top';
 exports.BOTTOM = 'bottom';
 exports.NONE = 'none';
 function getOverscan(overscan, end, direction) {
     if (typeof overscan === 'number') {
-        return (direction === stateFlagsSystem_1.UP && end === exports.TOP) ||
-            (direction === stateFlagsSystem_1.DOWN && end === exports.BOTTOM)
-            ? overscan
-            : 0;
+        return (direction === stateFlagsSystem_1.UP && end === exports.TOP) || (direction === stateFlagsSystem_1.DOWN && end === exports.BOTTOM) ? overscan : 0;
     }
-    if (direction === stateFlagsSystem_1.UP) {
-        return end === exports.TOP ? overscan.main : overscan.reverse;
+    else {
+        if (direction === stateFlagsSystem_1.UP) {
+            return end === exports.TOP ? overscan.main : overscan.reverse;
+        }
+        else {
+            return end === exports.BOTTOM ? overscan.main : overscan.reverse;
+        }
     }
-    return end === exports.BOTTOM ? overscan.main : overscan.reverse;
 }
 exports.getOverscan = getOverscan;
 function getViewportIncrease(value, end) {
     return typeof value === 'number' ? value : value[end] || 0;
 }
 exports.sizeRangeSystem = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 1), _c = _b[0], scrollTop = _c.scrollTop, viewportHeight = _c.viewportHeight, deviation = _c.deviation, headerHeight = _c.headerHeight;
+    var _b = tslib_1.__read(_a, 1), _c = _b[0], scrollTop = _c.scrollTop, viewportHeight = _c.viewportHeight, deviation = _c.deviation, headerHeight = _c.headerHeight, fixedHeaderHeight = _c.fixedHeaderHeight;
     var listBoundary = u.stream();
     var topListHeight = u.statefulStream(0);
-    var fixedHeaderHeight = u.statefulStream(0);
     var increaseViewportBy = u.statefulStream(0);
     var overscan = u.statefulStream(0);
     var visibleRange = u.statefulStreamFromEmitter(u.pipe(u.combineLatest(u.duc(scrollTop), u.duc(viewportHeight), u.duc(headerHeight), u.duc(listBoundary, comparators_1.tupleComparator), u.duc(overscan), u.duc(topListHeight), u.duc(fixedHeaderHeight), u.duc(deviation), u.duc(increaseViewportBy)), u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 9), scrollTop = _b[0], viewportHeight = _b[1], headerHeight = _b[2], 
-        // @ts-ignore
-        _c = tslib_1.__read(_b[3], 2), listTop = _c[0], listBottom = _c[1], overscan = _b[4], topListHeight = _b[5], fixedHeaderHeight = _b[6], deviation = _b[7], increaseViewportBy = _b[8];
+        var _b = tslib_1.__read(_a, 9), scrollTop = _b[0], viewportHeight = _b[1], headerHeight = _b[2], _c = tslib_1.__read(_b[3], 2), listTop = _c[0], listBottom = _c[1], overscan = _b[4], topListHeight = _b[5], fixedHeaderHeight = _b[6], deviation = _b[7], increaseViewportBy = _b[8];
         var top = scrollTop - deviation;
         var stickyHeaderHeight = topListHeight + fixedHeaderHeight;
         var headerVisible = Math.max(headerHeight - top, 0);
@@ -45,24 +43,15 @@ exports.sizeRangeSystem = u.system(function (_a) {
         listTop += headerHeight + fixedHeaderHeight;
         listBottom += headerHeight + fixedHeaderHeight;
         listBottom -= deviation;
-        // console.log({ listTop, scrollTop, stickyHeaderHeight, topViewportAddition })
-        if (listTop >
-            scrollTop + stickyHeaderHeight - topViewportAddition) {
+        if (listTop > scrollTop + stickyHeaderHeight - topViewportAddition) {
             direction = stateFlagsSystem_1.UP;
         }
-        if (listBottom <
-            scrollTop -
-                headerVisible +
-                viewportHeight +
-                bottomViewportAddition) {
+        if (listBottom < scrollTop - headerVisible + viewportHeight + bottomViewportAddition) {
             direction = stateFlagsSystem_1.DOWN;
         }
         if (direction !== exports.NONE) {
             return [
-                Math.max(top -
-                    headerHeight -
-                    getOverscan(overscan, exports.TOP, direction) -
-                    topViewportAddition, 0),
+                Math.max(top - headerHeight - getOverscan(overscan, exports.TOP, direction) - topViewportAddition, 0),
                 top -
                     headerVisible -
                     fixedHeaderHeight +
@@ -78,7 +67,6 @@ exports.sizeRangeSystem = u.system(function (_a) {
         listBoundary: listBoundary,
         overscan: overscan,
         topListHeight: topListHeight,
-        fixedHeaderHeight: fixedHeaderHeight,
         increaseViewportBy: increaseViewportBy,
         // output
         visibleRange: visibleRange,

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

@@ -1,11 +1,7 @@
-import * as u from '@virtuoso.dev/urx';
+import * as u from './urx';
 import { AANode } from './AATree';
 import { Log, LogLevel } from './loggerSystem';
-export interface SizeRange {
-    startIndex: number;
-    endIndex: number;
-    size: number;
-}
+import { SizeFunction, SizeRange } from './interfaces';
 export declare type Data = readonly unknown[] | undefined;
 export declare function insertRanges(sizeTree: AANode<number>, ranges: SizeRange[]): readonly [AANode<number>, number];
 export interface OffsetPoint {
@@ -34,18 +30,30 @@ export declare function rangesWithinOffsets(tree: Array<OffsetPoint>, startOffse
         index: number;
     };
 }>;
-export declare function sizeStateReducer(state: SizeState, [ranges, groupIndices, log]: [SizeRange[], number[], Log]): SizeState;
-export declare function offsetOf(index: number, tree: Array<OffsetPoint>): number;
+export declare function sizeStateReducer(state: SizeState, [ranges, groupIndices, log, gap]: [SizeRange[], number[], Log, number]): SizeState;
+export declare function offsetOf(index: number, tree: Array<OffsetPoint>, gap: number): number;
+export declare type FlatOrGroupedLocation = {
+    index: number | 'LAST';
+} | {
+    groupIndex: number;
+};
+export declare function isGroupLocation(location: FlatOrGroupedLocation): location is {
+    groupIndex: number;
+};
+export declare function originalIndexFromLocation(location: FlatOrGroupedLocation, sizes: SizeState, lastIndex: number): number;
 export declare function originalIndexFromItemIndex(itemIndex: number, sizes: SizeState): number;
 export declare function hasGroups(sizes: SizeState): boolean;
-/** Calculates the height of `el`, which will be the `Item` element in the DOM. */
-export declare type SizeFunction = (el: HTMLElement, field: 'offsetHeight' | 'offsetWidth') => number;
+export declare function sizeTreeToRanges(sizeTree: AANode<number>): SizeRange[];
 export declare const sizeSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<Log>;
     logLevel: u.StatefulStream<LogLevel>;
-}>], ([{ log }]: [{
+}>, u.SystemSpec<never[], () => {
+    recalcInProgress: u.StatefulStream<boolean>;
+}>], ([{ log }, { recalcInProgress }]: [{
     log: u.StatefulStream<Log>;
     logLevel: u.StatefulStream<LogLevel>;
+}, {
+    recalcInProgress: u.StatefulStream<boolean>;
 }]) => {
     data: u.StatefulStream<Data>;
     totalCount: u.Stream<number>;
@@ -58,6 +66,7 @@ export declare const sizeSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
     shiftWithOffset: u.Stream<number>;
     beforeUnshiftWith: u.Stream<number>;
     firstItemIndex: u.StatefulStream<number>;
+    gap: u.StatefulStream<number>;
     sizes: u.StatefulStream<SizeState>;
     listRefresh: u.Stream<boolean>;
     statefulTotalCount: u.StatefulStream<number>;