npm - @ringcentral/juno - Versions diffs - 2.10.0 → 2.11.0 - Mend

@ringcentral/juno 2.10.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/components/Virtuoso/react-virtuoso/Table.js CHANGED Viewed

@@ -11,6 +11,7 @@ var useSize_1 = tslib_1.__importDefault(require("./hooks/useSize"));
 var useWindowViewportRect_1 = tslib_1.__importDefault(require("./hooks/useWindowViewportRect"));
 var List_1 = require("./List");
 var listSystem_1 = require("./listSystem");
+var conditionalFlushSync_1 = tslib_1.__importDefault(require("./utils/conditionalFlushSync"));
 var correctItemSize_1 = require("./utils/correctItemSize");
 var tableComponentPropsSystem = urx_1.system(function () {
     var itemContent = urx_1.statefulStream(function (index) { return React.createElement("td", null,
@@ -39,6 +40,7 @@ var tableComponentPropsSystem = urx_1.system(function () {
         ScrollerComponent: distinctProp('Scroller', 'div'),
         EmptyPlaceholder: distinctProp('EmptyPlaceholder'),
         ScrollSeekPlaceholder: distinctProp('ScrollSeekPlaceholder'),
+        FillerRow: distinctProp('FillerRow'),
     };
 });
 var combinedSystem = urx_1.system(function (_a) {
@@ -50,14 +52,22 @@ var DefaultScrollSeekPlaceholder = function (_a) {
     return (React.createElement("tr", null,
         React.createElement("td", { style: { height: height } })));
 };
-var FillerRow = function (_a) {
+var DefaultFillerRow = function (_a) {
     var height = _a.height;
     return (React.createElement("tr", null,
         React.createElement("td", { style: { height: height, padding: 0, border: 0 } })));
 };
 exports.Items = React.memo(function VirtuosoItems() {
     var listState = exports.useEmitterValue('listState');
-    var deviation = exports.useEmitterValue('deviation');
+    var _a = tslib_1.__read(React.useState(0), 2), deviation = _a[0], setDeviation = _a[1];
+    var react18ConcurrentRendering = exports.useEmitterValue('react18ConcurrentRendering');
+    exports.useEmitter('deviation', function (value) {
+        if (deviation !== value) {
+            conditionalFlushSync_1.default(react18ConcurrentRendering)(function () {
+                return setDeviation(value);
+            });
+        }
+    });
     var sizeRanges = exports.usePublisher('sizeRanges');
     var useWindowScroll = exports.useEmitterValue('useWindowScroll');
     var customScrollParent = exports.useEmitterValue('customScrollParent');
@@ -73,6 +83,7 @@ exports.Items = React.memo(function VirtuosoItems() {
     var ref = useChangedChildSizes_1.default(sizeRanges, itemSize, trackItemSizes, scrollContainerStateCallback, log, customScrollParent);
     var EmptyPlaceholder = exports.useEmitterValue('EmptyPlaceholder');
     var ScrollSeekPlaceholder = exports.useEmitterValue('ScrollSeekPlaceholder') || DefaultScrollSeekPlaceholder;
+    var FillerRow = exports.useEmitterValue('FillerRow') || DefaultFillerRow;
     var TableBodyComponent = exports.useEmitterValue('TableBodyComponent');
     var TableRowComponent = exports.useEmitterValue('TableRowComponent');
     var computeItemKey = exports.useEmitterValue('computeItemKey');
@@ -157,6 +168,7 @@ exports.Table = (_a = react_urx_1.systemToComponent(combinedSystem, {
         customScrollParent: 'customScrollParent',
         scrollerRef: 'scrollerRef',
         logLevel: 'logLevel',
+        react18ConcurrentRendering: 'react18ConcurrentRendering',
     },
     methods: {
         scrollToIndex: 'scrollToIndex',

package/components/Virtuoso/react-virtuoso/alignToBottomSystem.d.ts CHANGED Viewed

@@ -1,25 +1,27 @@
 import * as u from '@virtuoso.dev/urx';
 export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -72,13 +74,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -102,13 +105,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -118,26 +122,28 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     groupCounts: u.Stream<number[]>;
     topItemsIndexes: u.Stream<[number]>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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 }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -174,13 +180,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -210,13 +217,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -243,13 +251,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -288,13 +297,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -333,13 +343,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -366,13 +377,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -385,26 +397,28 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     scrollToIndex: u.Stream<number | import("./interfaces").IndexLocationWithAlign>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -495,13 +509,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     rangeChanged: u.Stream<import("./interfaces").ListRange | undefined>;
     itemsRendered: u.Stream<import("./listStateSystem").ListItems>;
 }>], ([{ footerHeight, headerHeight }, { listState }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -528,13 +543,14 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
     totalListHeight: u.StatefulStream<number>;
     totalListHeightChanged: u.Stream<number>;
 }>], ([{ viewportHeight }, { totalListHeight }]: [{
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;

package/components/Virtuoso/react-virtuoso/components.d.ts CHANGED Viewed

@@ -186,6 +186,10 @@ export interface VirtuosoProps<D, C> extends ListRootProps {
      * By default `4`. Redefine to change how much away from the bottom the scroller can be before the list is not considered not at bottom.
      */
     atBottomThreshold?: number;
+    /**
+     * Reduces an edge case blinking visible in React18 by enabling flushSync in certain changes.
+     */
+    react18ConcurrentRendering?: boolean;
 }
 export interface GroupedVirtuosoProps<D, C> extends Omit<VirtuosoProps<D, C>, 'totalCount' | 'itemContent'> {
     /**
@@ -369,6 +373,10 @@ export interface TableVirtuosoProps<D, C> extends Omit<VirtuosoProps<D, C>, 'com
      * By default `4`. Redefine to change how much away from the bottom the scroller can be before the list is not considered not at bottom.
      */
     atBottomThreshold?: number;
+    /**
+     * Reduces an edge case blinking visible in React18 by enabling flushSync in certain changes.
+     */
+    react18ConcurrentRendering?: boolean;
 }
 export interface VirtuosoGridProps<C extends unknown = unknown> extends GridRootProps {
     /**

package/components/Virtuoso/react-virtuoso/domIOSystem.d.ts CHANGED Viewed

@@ -1,12 +1,14 @@
 import * as u from '@virtuoso.dev/urx';
+import { ScrollContainerState } from './interfaces';
 export declare const domIOSystem: u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;

package/components/Virtuoso/react-virtuoso/domIOSystem.js CHANGED Viewed

@@ -15,12 +15,13 @@ exports.domIOSystem = u.system(function () {
     var scrollTo = u.stream();
     var scrollBy = u.stream();
     var scrollingInProgress = u.statefulStream(false);
+    var react18ConcurrentRendering = u.statefulStream(false);
     u.connect(u.pipe(scrollContainerState, u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 1), scrollTop = _b[0];
+        var scrollTop = _a.scrollTop;
         return scrollTop;
     })), scrollTop);
     u.connect(u.pipe(scrollContainerState, u.map(function (_a) {
-        var _b = tslib_1.__read(_a, 2), scrollHeight = _b[1];
+        var scrollHeight = _a.scrollHeight;
         return scrollHeight;
     })), scrollHeight);
     u.connect(scrollTop, statefulScrollTop);
@@ -33,6 +34,7 @@ exports.domIOSystem = u.system(function () {
         footerHeight: footerHeight,
         scrollHeight: scrollHeight,
         smoothScrollTargetReached: smoothScrollTargetReached,
+        react18ConcurrentRendering: react18ConcurrentRendering,
         // signals
         scrollTo: scrollTo,
         scrollBy: scrollBy,

package/components/Virtuoso/react-virtuoso/followOutputSystem.d.ts CHANGED Viewed

@@ -25,26 +25,28 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -85,13 +87,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -118,13 +121,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -160,13 +164,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -196,13 +201,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -229,13 +235,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -274,13 +281,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -308,13 +316,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
 }>, u.SystemSpec<never[], () => {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;
@@ -361,13 +370,14 @@ export declare const followOutputSystem: u.SystemSpec<[u.SystemSpec<[u.SystemSpe
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
 }, {
-    scrollContainerState: u.Stream<[number, number]>;
+    scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;
     headerHeight: 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>;

package/components/Virtuoso/react-virtuoso/followOutputSystem.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 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 domIOSystem_1 = require("./domIOSystem");
 var initialTopMostItemIndexSystem_1 = require("./initialTopMostItemIndexSystem");