@ringcentral/juno 2.9.0 → 2.12.0

package/es6/components/Virtuoso/react-virtuoso/upwardScrollFixSystem.js

@@ -1,5 +1,4 @@
 import { __read } from "tslib";
-/* eslint-disable no-continue */
 import * as u from '@virtuoso.dev/urx';
 import { domIOSystem } from './domIOSystem';
 import { listStateSystem } from './listStateSystem';
@@ -11,49 +10,27 @@ import { stateFlagsSystem, UP } from './stateFlagsSystem';
  */
 export var upwardScrollFixSystem = u.system(function (_a) {
     var _b = __read(_a, 5), _c = _b[0], scrollBy = _c.scrollBy, scrollTop = _c.scrollTop, deviation = _c.deviation, scrollingInProgress = _c.scrollingInProgress, _d = _b[1], isScrolling = _d.isScrolling, isAtBottom = _d.isAtBottom, atBottomState = _d.atBottomState, scrollDirection = _d.scrollDirection, lastJumpDueToItemResize = _d.lastJumpDueToItemResize, listState = _b[2].listState, _e = _b[3], beforeUnshiftWith = _e.beforeUnshiftWith, shiftWithOffset = _e.shiftWithOffset, sizes = _e.sizes, log = _b[4].log;
-    var deviationOffset = u.streamFromEmitter(u.pipe(listState, u.withLatestFrom(lastJumpDueToItemResize), u.scan(function (_a, 
-    // @ts-ignore
-    _b) {
-        var _c = __read(_a, 3), prevItems = _c[1], prevTotalCount = _c[2];
-        var 
+    var deviationOffset = u.streamFromEmitter(u.pipe(listState, u.withLatestFrom(lastJumpDueToItemResize), u.scan(function (_a, _b) {
+        var _c = __read(_a, 4), prevItems = _c[1], prevTotalCount = _c[2], prevTotalHeight = _c[3];
+        var _d = __read(_b, 2), 
         // @ts-ignore
-        _d = __read(_b, 2), _e = _d[0], items = _e.items, totalCount = _e.totalCount, lastJumpDueToItemResize = _d[1];
+        _e = _d[0], items = _e.items, totalCount = _e.totalCount, bottom = _e.bottom, offsetBottom = _e.offsetBottom, lastJumpDueToItemResize = _d[1];
+        var totalHeight = bottom + offsetBottom;
         var newDev = 0;
         if (prevTotalCount === totalCount) {
             if (prevItems.length > 0 && items.length > 0) {
-                var firstItemIndex = items[0].originalIndex;
-                var prevFirstItemIndex = prevItems[0].originalIndex;
-                var atStart = firstItemIndex === 0 && prevFirstItemIndex === 0;
-                var onlyItem = items.length === 1;
+                var atStart = items[0].originalIndex === 0 &&
+                    prevItems[0].originalIndex === 0;
                 if (!atStart) {
-                    var _loop_1 = function (index) {
-                        var item = items[index];
-                        var prevItem = prevItems.find(function (pItem) { return pItem.originalIndex === item.originalIndex; });
-                        if (!prevItem) {
-                            return "continue";
-                        }
-                        if (item.offset !== prevItem.offset || onlyItem) {
-                            newDev =
-                                item.offset -
-                                    prevItem.offset +
-                                    item.size -
-                                    prevItem.size;
-                            return "break";
-                        }
-                    };
-                    for (var index = items.length - 1; index >= 0; index--) {
-                        var state_1 = _loop_1(index);
-                        if (state_1 === "break")
-                            break;
+                    newDev = totalHeight - prevTotalHeight;
+                    if (newDev !== 0) {
+                        newDev += lastJumpDueToItemResize;
                     }
                 }
             }
-            if (newDev !== 0) {
-                newDev += lastJumpDueToItemResize;
-            }
         }
-        return [newDev, items, totalCount];
-    }, [0, [], 0]), u.filter(function (_a) {
+        return [newDev, items, totalCount, totalHeight];
+    }, [0, [], 0, 0]), u.filter(function (_a) {
         var _b = __read(_a, 1), amount = _b[0];
         return amount !== 0;
     }), u.withLatestFrom(scrollTop, scrollDirection, scrollingInProgress, log, isAtBottom, atBottomState), u.filter(function (_a) {

package/es6/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js

@@ -0,0 +1,4 @@
+import { flushSync } from 'react-dom';
+export default function conditionalFlushSync(flag) {
+    return flag ? flushSync : function (cb) { return cb(); };
+}

package/es6/components/Virtuoso/react-virtuoso/windowScrollerSystem.js

@@ -9,8 +9,12 @@ export var windowScrollerSystem = u.system(function (_a) {
     var useWindowScroll = u.statefulStream(false);
     var customScrollParent = u.statefulStream(undefined);
     u.connect(u.pipe(u.combineLatest(windowScrollContainerState, windowViewportRect), u.map(function (_a) {
-        var _b = __read(_a, 2), _c = __read(_b[0], 2), windowScrollTop = _c[0], scrollHeight = _c[1], offsetTop = _b[1].offsetTop;
-        return [Math.max(0, windowScrollTop - offsetTop), scrollHeight];
+        var _b = __read(_a, 2), _c = _b[0], viewportHeight = _c.viewportHeight, windowScrollTop = _c.scrollTop, scrollHeight = _c.scrollHeight, offsetTop = _b[1].offsetTop;
+        return {
+            scrollTop: Math.max(0, windowScrollTop - offsetTop),
+            scrollHeight: scrollHeight,
+            viewportHeight: viewportHeight,
+        };
     })), scrollContainerState);
     u.connect(u.pipe(scrollTo, u.withLatestFrom(windowViewportRect), u.map(function (_a) {
         var _b = __read(_a, 2), scrollTo = _b[0], offsetTop = _b[1].offsetTop;

package/es6/components/Virtuoso/utils/useHighlightScroll.js

@@ -1,5 +1,4 @@
 import { useRef } from 'react';
-import { fixWebKitTransitionStyle } from '../../../foundation';
 /**
  * scroll into current highlight index
  */
@@ -105,7 +104,7 @@ export function useHighlightScroll(_a) {
 export function modifyVlScrollerStyle(scrollElm, position) {
     if (position === void 0) { position = 'absolute'; }
     if (scrollElm) {
-        scrollElm.style.transition = fixWebKitTransitionStyle;
+        scrollElm.style.transition = 'all 1ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
         if (position) {
             var viewPortElm = scrollElm.firstChild;
             if (viewPortElm) {

package/es6/foundation/theme/createTheme.js

@@ -1,5 +1,5 @@
 import { __assign } from "tslib";
-import { createTheme as createMuiTheme } from '@material-ui/core/styles';
+import { createTheme as createMuiTheme, } from '@material-ui/core/styles';
 import { deepmerge } from '../utils';
 import breakpoints from './assets/breakpoints.json';
 import opacity from './assets/opacity.json';

package/foundation/theme/ThemeHandler.d.ts

@@ -15,7 +15,7 @@ export declare class RcThemeHandler {
     setTheme(themeOptions: RcThemeInput, isEmit?: boolean): RcTheme;
     /** Set Theme Name with read static json file */
     setThemeName(name: string): Promise<void>;
-    read(theme: string): Promise<import("..").DeepPartial<RcTheme>>;
+    read(theme: string): Promise<import("type-fest/source/partial-deep").PartialObjectDeep<Pick<RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">>>;
     loadUrl(url: string): Promise<RcThemeInput>;
 }
 export {};

package/foundation/theme/ThemeSwitcherProvider/ThemeSwitcherProvider.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import { RcThemeSwitcherProviderProps } from './ThemeContext';
-export declare const RcDefaultDarkTheme: import("../..").DeepPartial<import("../theme.type").RcTheme>;
-export declare const RcDefaultHighContrastTheme: import("../..").DeepPartial<import("../theme.type").RcTheme>;
+export declare const RcDefaultDarkTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">>;
+export declare const RcDefaultHighContrastTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">>;
 export declare const RcThemeSwitcherDefaultTheme: {
     defaultTheme: string;
     themeMap: {

package/foundation/theme/theme.type.d.ts

@@ -79,7 +79,7 @@ export declare type RcTheme = {
     zIndex: ZIndex;
     shape: Shape;
     breakpoints: Breakpoints;
-} & Omit<MuiTheme, 'palette'> & DefaultTheme & {
+} & Omit<MuiTheme, 'palette' | 'typography'> & DefaultTheme & {
     props?: {
         RcAccordion?: RcAccordionProps;
         RcAccordionDetails?: RcAccordionDetailsProps;
@@ -213,5 +213,5 @@ export declare type RcThemeProps = {
     theme: RcTheme;
 };
 export declare type RcThemedStyled<T = any, K = (themeOptions: RcThemeProps) => any> = (props: ThemedStyledProps<T, RcTheme>) => K;
-export declare type RcThemeInput = DeepPartial<RcTheme>;
+export declare type RcThemeInput = DeepPartial<Omit<RcTheme, 'spacing'>>;
 export {};

package/foundation/typings/deepPartial.d.ts

@@ -1,3 +1 @@
-export declare type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : T[P] extends Record<any, any> ? DeepPartial<T[P]> : T[P];
-};
+export type { PartialDeep as DeepPartial } from 'type-fest/source/partial-deep';

package/foundation/utils/deepmerge.d.ts

@@ -1,4 +1,5 @@
+import { DeepPartial } from '../typings';
 /** deep merge two object */
-declare function deepmerge<T>(x: Partial<T>, y: Partial<T>): T;
-declare function deepmerge<T1, T2>(x: Partial<T1>, y: Partial<T2>): T1 & T2;
+declare function deepmerge<T>(x: DeepPartial<T>, y: DeepPartial<T>): T;
+declare function deepmerge<T1, T2>(x: DeepPartial<T1>, y: DeepPartial<T2>): T1 & T2;
 export { deepmerge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.9.0",
+  "version": "2.12.0",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",
@@ -27,9 +27,10 @@
     "focus-visible": "^5.1.0",
     "lodash": "^4.17.21",
     "react-beautiful-dnd": "^13.0.0",
-    "react-virtuoso": "^2.8.3",
+    "react-virtuoso": "^2.10.1",
     "resize-observer-polyfill": "^1.5.1",
     "typeface-lato": "^0.0.75",
+    "type-fest": "^2.12.2",
     "tslib": ">=2.0.0"
   },
   "peerDependencies": {