@ringcentral/juno 2.4.2 → 2.5.0-beta.0

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

@@ -10,7 +10,9 @@ var initialItemCountSystem_1 = require("./initialItemCountSystem");
 var initialScrollTopSystem_1 = require("./initialScrollTopSystem");
 var initialTopMostItemIndexSystem_1 = require("./initialTopMostItemIndexSystem");
 var listStateSystem_1 = require("./listStateSystem");
+var loggerSystem_1 = require("./loggerSystem");
 var propsReadySystem_1 = require("./propsReadySystem");
+var scrollIntoViewSystem_1 = require("./scrollIntoViewSystem");
 var scrollSeekSystem_1 = require("./scrollSeekSystem");
 var scrollToIndexSystem_1 = require("./scrollToIndexSystem");
 var sizeRangeSystem_1 = require("./sizeRangeSystem");
@@ -22,14 +24,14 @@ var windowScrollerSystem_1 = require("./windowScrollerSystem");
 // workaround the growing list of systems below
 // fix this with 4.1 recursive conditional types
 var featureGroup1System = u.system(function (_a) {
-    var _b = tslib_1.__read(_a, 8), sizeRange = _b[0], initialItemCount = _b[1], propsReady = _b[2], scrollSeek = _b[3], totalListHeight = _b[4], initialScrollTopSystem = _b[5], alignToBottom = _b[6], windowScroller = _b[7];
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, sizeRange), initialItemCount), propsReady), scrollSeek), totalListHeight), initialScrollTopSystem), alignToBottom), windowScroller);
-}, u.tup(sizeRangeSystem_1.sizeRangeSystem, initialItemCountSystem_1.initialItemCountSystem, propsReadySystem_1.propsReadySystem, scrollSeekSystem_1.scrollSeekSystem, totalListHeightSystem_1.totalListHeightSystem, initialScrollTopSystem_1.initialScrollTopSystem, alignToBottomSystem_1.alignToBottomSystem, windowScrollerSystem_1.windowScrollerSystem));
+    var _b = tslib_1.__read(_a, 9), sizeRange = _b[0], initialItemCount = _b[1], propsReady = _b[2], scrollSeek = _b[3], totalListHeight = _b[4], initialScrollTopSystem = _b[5], alignToBottom = _b[6], windowScroller = _b[7], scrollIntoView = _b[8];
+    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, sizeRange), initialItemCount), propsReady), scrollSeek), totalListHeight), initialScrollTopSystem), alignToBottom), windowScroller), scrollIntoView);
+}, u.tup(sizeRangeSystem_1.sizeRangeSystem, initialItemCountSystem_1.initialItemCountSystem, propsReadySystem_1.propsReadySystem, scrollSeekSystem_1.scrollSeekSystem, totalListHeightSystem_1.totalListHeightSystem, initialScrollTopSystem_1.initialScrollTopSystem, alignToBottomSystem_1.alignToBottomSystem, windowScrollerSystem_1.windowScrollerSystem, scrollIntoViewSystem_1.scrollIntoViewSystem));
 exports.listSystem = u.system(function (_a) {
-    var _b = _a, _c = tslib_1.__read(_b, 10), _d = _c[0], totalCount = _d.totalCount, sizeRanges = _d.sizeRanges, fixedItemSize = _d.fixedItemSize, defaultItemSize = _d.defaultItemSize, trackItemSizes = _d.trackItemSizes, itemSize = _d.itemSize, data = _d.data, firstItemIndex = _d.firstItemIndex, groupIndices = _d.groupIndices, _e = _c[1], initialTopMostItemIndex = _e.initialTopMostItemIndex, scrolledToInitialItem = _e.scrolledToInitialItem, domIO = _c[2], followOutput = _c[3], _f = _c[4], scrollToIndex = _c[5].scrollToIndex, topItemCount = _c[7].topItemCount, groupCounts = _c[8].groupCounts, featureGroup1 = _c[9], listState = _f.listState, topItemsIndexes = _f.topItemsIndexes, flags = tslib_1.__rest(_f, ["listState", "topItemsIndexes"]);
+    var _b = _a, _c = tslib_1.__read(_b, 11), _d = _c[0], totalCount = _d.totalCount, sizeRanges = _d.sizeRanges, fixedItemSize = _d.fixedItemSize, defaultItemSize = _d.defaultItemSize, trackItemSizes = _d.trackItemSizes, itemSize = _d.itemSize, data = _d.data, firstItemIndex = _d.firstItemIndex, groupIndices = _d.groupIndices, statefulTotalCount = _d.statefulTotalCount, _e = _c[1], initialTopMostItemIndex = _e.initialTopMostItemIndex, scrolledToInitialItem = _e.scrolledToInitialItem, domIO = _c[2], followOutput = _c[3], _f = _c[4], scrollToIndex = _c[5].scrollToIndex, topItemCount = _c[7].topItemCount, groupCounts = _c[8].groupCounts, featureGroup1 = _c[9], log = _c[10], listState = _f.listState, topItemsIndexes = _f.topItemsIndexes, flags = tslib_1.__rest(_f, ["listState", "topItemsIndexes"]);
     u.connect(flags.rangeChanged, featureGroup1.scrollSeekRangeChanged);
     u.connect(u.pipe(featureGroup1.windowViewportRect, u.map(u.prop('visibleHeight'))), domIO.viewportHeight);
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ 
+    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ 
         // input
         totalCount: totalCount,
         data: data,
@@ -41,9 +43,10 @@ exports.listSystem = u.system(function (_a) {
         topItemCount: topItemCount,
         groupCounts: groupCounts, fixedItemHeight: fixedItemSize, defaultItemHeight: defaultItemSize }, followOutput), { 
         // output
+        statefulTotalCount: statefulTotalCount,
         listState: listState,
         scrollToIndex: scrollToIndex,
         trackItemSizes: trackItemSizes,
         itemSize: itemSize,
-        groupIndices: groupIndices }), flags), featureGroup1), domIO);
-}, u.tup(sizeSystem_1.sizeSystem, initialTopMostItemIndexSystem_1.initialTopMostItemIndexSystem, domIOSystem_1.domIOSystem, followOutputSystem_1.followOutputSystem, listStateSystem_1.listStateSystem, scrollToIndexSystem_1.scrollToIndexSystem, upwardScrollFixSystem_1.upwardScrollFixSystem, topItemCountSystem_1.topItemCountSystem, groupedListSystem_1.groupedListSystem, featureGroup1System));
+        groupIndices: groupIndices }), flags), featureGroup1), domIO), log);
+}, u.tup(sizeSystem_1.sizeSystem, initialTopMostItemIndexSystem_1.initialTopMostItemIndexSystem, domIOSystem_1.domIOSystem, followOutputSystem_1.followOutputSystem, listStateSystem_1.listStateSystem, scrollToIndexSystem_1.scrollToIndexSystem, upwardScrollFixSystem_1.upwardScrollFixSystem, topItemCountSystem_1.topItemCountSystem, groupedListSystem_1.groupedListSystem, featureGroup1System, loggerSystem_1.loggerSystem));

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

@@ -0,0 +1,17 @@
+import * as u from '@virtuoso.dev/urx';
+export declare enum LogLevel {
+    DEBUG = 0,
+    INFO = 1,
+    WARN = 2,
+    ERROR = 3
+}
+export interface LogMessage {
+    level: LogLevel;
+    message: any;
+    label: string;
+}
+export declare type Log = (label: string, message: any, level?: LogLevel) => void;
+export declare const loggerSystem: u.SystemSpec<never[], () => {
+    log: u.StatefulStream<Log>;
+    logLevel: u.StatefulStream<LogLevel>;
+}>;

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

@@ -0,0 +1,37 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
+var LogLevel;
+(function (LogLevel) {
+    LogLevel[LogLevel["DEBUG"] = 0] = "DEBUG";
+    LogLevel[LogLevel["INFO"] = 1] = "INFO";
+    LogLevel[LogLevel["WARN"] = 2] = "WARN";
+    LogLevel[LogLevel["ERROR"] = 3] = "ERROR";
+})(LogLevel = exports.LogLevel || (exports.LogLevel = {}));
+var CONSOLE_METHOD_MAP = (_a = {},
+    _a[LogLevel.DEBUG] = 'debug',
+    _a[LogLevel.INFO] = 'log',
+    _a[LogLevel.WARN] = 'warn',
+    _a[LogLevel.ERROR] = 'error',
+    _a);
+var getGlobalThis = function () {
+    return typeof globalThis === 'undefined' ? window : globalThis;
+};
+exports.loggerSystem = u.system(function () {
+    var logLevel = u.statefulStream(LogLevel.ERROR);
+    var log = u.statefulStream(function (label, message, level) {
+        if (level === void 0) { level = LogLevel.INFO; }
+        var _a;
+        var currentLevel = (_a = getGlobalThis()['VIRTUOSO_LOG_LEVEL']) !== null && _a !== void 0 ? _a : u.getValue(logLevel);
+        if (level >= currentLevel) {
+            // eslint-disable-next-line no-console
+            console[CONSOLE_METHOD_MAP[level]]('%creact-virtuoso: %c%s %o', 'color: #0253b3; font-weight: bold', 'color: initial', label, message);
+        }
+    });
+    return {
+        log: log,
+        logLevel: logLevel,
+    };
+}, [], { singleton: true });

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

@@ -1,5 +1,12 @@
 import * as u from '@virtuoso.dev/urx';
-export declare const propsReadySystem: u.SystemSpec<never[], () => {
+import { LogLevel } from './loggerSystem';
+export declare const propsReadySystem: u.SystemSpec<[u.SystemSpec<never[], () => {
+    log: u.StatefulStream<import("./loggerSystem").Log>;
+    logLevel: u.StatefulStream<LogLevel>;
+}>], ([{ log }]: [{
+    log: u.StatefulStream<import("./loggerSystem").Log>;
+    logLevel: u.StatefulStream<LogLevel>;
+}]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
 }>;

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

@@ -2,8 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var u = tslib_1.__importStar(require("@virtuoso.dev/urx"));
-exports.propsReadySystem = u.system(function () {
+var urx_1 = require("@virtuoso.dev/urx");
+var loggerSystem_1 = require("./loggerSystem");
+exports.propsReadySystem = u.system(function (_a) {
+    var _b = tslib_1.__read(_a, 1), log = _b[0].log;
     var propsReady = u.statefulStream(false);
     var didMount = u.streamFromEmitter(u.pipe(propsReady, u.filter(function (ready) { return ready; }), u.distinctUntilChanged()));
+    u.subscribe(propsReady, function (value) {
+        value && urx_1.getValue(log)('props updated', {}, loggerSystem_1.LogLevel.DEBUG);
+    });
     return { propsReady: propsReady, didMount: didMount };
-}, [], { singleton: true });
+}, urx_1.tup(loggerSystem_1.loggerSystem), { singleton: true });