@ringcentral/juno 3.0.0-alpha.1 → 3.0.0-alpha.10

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

@@ -20,7 +20,7 @@ interface Hooks {
 export declare function buildScroller({ usePublisher, useEmitter, useEmitterValue }: Hooks): React.FunctionComponent<ScrollerProps>;
 export declare function buildWindowScroller({ usePublisher, useEmitter, useEmitterValue }: Hooks): React.FunctionComponent<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "style" | "tabIndex" | "ref"> & {
+}, "ref" | "style" | "tabIndex" | "children"> & {
     'data-test-id'?: string | undefined;
     'data-virtuoso-scroller'?: boolean | undefined;
 } & {
@@ -6648,14 +6648,14 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "ref"> & {
+    }, "ref" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: unknown;
     }> | null | undefined>;
     ItemComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-item-group-index'?: number | undefined;
@@ -6666,7 +6666,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     GroupComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-known-size': number;
@@ -6675,7 +6675,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -6783,14 +6783,14 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "ref"> & {
+    }, "ref" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: unknown;
     }> | null | undefined>;
     ItemComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-item-group-index'?: number | undefined;
@@ -6801,7 +6801,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     GroupComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-known-size': number;
@@ -6810,7 +6810,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -6841,14 +6841,14 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "ref"> & {
+    }, "ref" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: unknown;
     }> | null | undefined>;
     ItemComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-item-group-index'?: number | undefined;
@@ -6859,7 +6859,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     GroupComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-known-size': number;
@@ -6868,7 +6868,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -7008,7 +7008,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
         itemsRendered: "itemsRendered";
         groupIndices: "groupIndices";
     };
-}>>>, usePublisher: <K extends "data" | "log" | "sizes" | "gap" | "scrollHeight" | "scrollTop" | "scrollBy" | "scrollIntoView" | "scrollTo" | "propsReady" | "logLevel" | "scrollContainerState" | "viewportHeight" | "headerHeight" | "fixedHeaderHeight" | "fixedFooterHeight" | "footerHeight" | "smoothScrollTargetReached" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "groupIndices" | "totalCount" | "sizeRanges" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollToIndex" | "topListHeight" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "atTopThreshold" | "scrollVelocity" | "lastJumpDueToItemResize" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "followOutput" | "autoscrollToBottom" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "topItemCount" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "getState" | "restoreStateFrom" | "fixedItemHeight" | "defaultItemHeight" | "context" | "components" | "itemContent" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "groupContent" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent">(key: K) => (value: {
+}>>>, usePublisher: <K extends "data" | "log" | "sizes" | "gap" | "propsReady" | "logLevel" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "fixedHeaderHeight" | "fixedFooterHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "groupIndices" | "totalCount" | "sizeRanges" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollToIndex" | "topListHeight" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "atTopThreshold" | "scrollVelocity" | "lastJumpDueToItemResize" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "followOutput" | "autoscrollToBottom" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "topItemCount" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "getState" | "restoreStateFrom" | "fixedItemHeight" | "defaultItemHeight" | "context" | "components" | "itemContent" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "groupContent" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent">(key: K) => (value: {
     context: u.StatefulStream<unknown>;
     itemContent: u.StatefulStream<ItemContent<any, any> | GroupItemContent<any, any>>;
     groupContent: u.StatefulStream<GroupContent<any>>;
@@ -7027,14 +7027,14 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "ref"> & {
+    }, "ref" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: unknown;
     }> | null | undefined>;
     ItemComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-item-group-index'?: number | undefined;
@@ -7045,7 +7045,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     GroupComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-known-size': number;
@@ -7054,7 +7054,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -7142,7 +7142,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     fixedItemHeight: u.StatefulStream<number | undefined>;
     defaultItemHeight: u.StatefulStream<number | undefined>;
     gap: u.StatefulStream<number>;
-}[K] extends u.Stream<infer R> ? R : never) => void, useEmitterValue: <K extends "data" | "log" | "sizes" | "gap" | "scrollHeight" | "scrollTop" | "scrollBy" | "scrollIntoView" | "scrollTo" | "propsReady" | "logLevel" | "scrollContainerState" | "viewportHeight" | "headerHeight" | "fixedHeaderHeight" | "fixedFooterHeight" | "footerHeight" | "smoothScrollTargetReached" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "groupIndices" | "totalCount" | "sizeRanges" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollToIndex" | "topListHeight" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "atTopThreshold" | "scrollVelocity" | "lastJumpDueToItemResize" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "followOutput" | "autoscrollToBottom" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "topItemCount" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "getState" | "restoreStateFrom" | "fixedItemHeight" | "defaultItemHeight" | "context" | "components" | "itemContent" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "groupContent" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent", V = {
+}[K] extends u.Stream<infer R> ? R : never) => void, useEmitterValue: <K extends "data" | "log" | "sizes" | "gap" | "propsReady" | "logLevel" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "fixedHeaderHeight" | "fixedFooterHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "groupIndices" | "totalCount" | "sizeRanges" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollToIndex" | "topListHeight" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "atTopThreshold" | "scrollVelocity" | "lastJumpDueToItemResize" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "followOutput" | "autoscrollToBottom" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "topItemCount" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "getState" | "restoreStateFrom" | "fixedItemHeight" | "defaultItemHeight" | "context" | "components" | "itemContent" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "groupContent" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent", V = {
     context: u.StatefulStream<unknown>;
     itemContent: u.StatefulStream<ItemContent<any, any> | GroupItemContent<any, any>>;
     groupContent: u.StatefulStream<GroupContent<any>>;
@@ -7161,14 +7161,14 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "ref"> & {
+    }, "ref" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: unknown;
     }> | null | undefined>;
     ItemComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-item-group-index'?: number | undefined;
@@ -7179,7 +7179,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     GroupComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-known-size': number;
@@ -7188,7 +7188,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -7276,7 +7276,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     fixedItemHeight: u.StatefulStream<number | undefined>;
     defaultItemHeight: u.StatefulStream<number | undefined>;
     gap: u.StatefulStream<number>;
-}[K] extends u.StatefulStream<infer R> ? R : never>(key: K) => V, useEmitter: <K extends "data" | "log" | "sizes" | "gap" | "scrollHeight" | "scrollTop" | "scrollBy" | "scrollIntoView" | "scrollTo" | "propsReady" | "logLevel" | "scrollContainerState" | "viewportHeight" | "headerHeight" | "fixedHeaderHeight" | "fixedFooterHeight" | "footerHeight" | "smoothScrollTargetReached" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "groupIndices" | "totalCount" | "sizeRanges" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollToIndex" | "topListHeight" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "atTopThreshold" | "scrollVelocity" | "lastJumpDueToItemResize" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "followOutput" | "autoscrollToBottom" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "topItemCount" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "getState" | "restoreStateFrom" | "fixedItemHeight" | "defaultItemHeight" | "context" | "components" | "itemContent" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "groupContent" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent", V = {
+}[K] extends u.StatefulStream<infer R> ? R : never>(key: K) => V, useEmitter: <K extends "data" | "log" | "sizes" | "gap" | "propsReady" | "logLevel" | "scrollContainerState" | "scrollTop" | "viewportHeight" | "headerHeight" | "fixedHeaderHeight" | "fixedFooterHeight" | "footerHeight" | "scrollHeight" | "smoothScrollTargetReached" | "scrollTo" | "scrollBy" | "statefulScrollTop" | "deviation" | "scrollingInProgress" | "groupIndices" | "totalCount" | "sizeRanges" | "firstItemIndex" | "statefulTotalCount" | "trackItemSizes" | "itemSize" | "scrollToIndex" | "topListHeight" | "isScrolling" | "isAtTop" | "isAtBottom" | "atBottomThreshold" | "atBottomState" | "atTopStateChange" | "atBottomStateChange" | "scrollDirection" | "atTopThreshold" | "scrollVelocity" | "lastJumpDueToItemResize" | "didMount" | "scrolledToInitialItem" | "initialTopMostItemIndex" | "followOutput" | "autoscrollToBottom" | "groupCounts" | "topItemsIndexes" | "listBoundary" | "overscan" | "increaseViewportBy" | "visibleRange" | "listState" | "endReached" | "startReached" | "rangeChanged" | "itemsRendered" | "initialItemCount" | "isSeeking" | "scrollSeekConfiguration" | "scrollSeekRangeChanged" | "topItemCount" | "totalListHeight" | "totalListHeightChanged" | "initialScrollTop" | "alignToBottom" | "paddingTopAddition" | "useWindowScroll" | "customScrollParent" | "windowScrollContainerState" | "windowViewportRect" | "windowScrollTo" | "scrollIntoView" | "getState" | "restoreStateFrom" | "fixedItemHeight" | "defaultItemHeight" | "context" | "components" | "itemContent" | "computeItemKey" | "headerFooterTag" | "scrollerRef" | "groupContent" | "EmptyPlaceholder" | "ScrollSeekPlaceholder" | "FooterComponent" | "HeaderComponent" | "TopItemListComponent" | "ListComponent" | "ItemComponent" | "GroupComponent" | "ScrollerComponent", V = {
     context: u.StatefulStream<unknown>;
     itemContent: u.StatefulStream<ItemContent<any, any> | GroupItemContent<any, any>>;
     groupContent: u.StatefulStream<GroupContent<any>>;
@@ -7295,14 +7295,14 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "ref"> & {
+    }, "ref" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: unknown;
     }> | null | undefined>;
     ItemComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-item-group-index'?: number | undefined;
@@ -7313,7 +7313,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     GroupComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style"> & {
+    }, "style" | "children"> & {
         'data-index': number;
         'data-item-index': number;
         'data-known-size': number;
@@ -7322,7 +7322,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {

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

@@ -347,7 +347,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "className" | "style" | "ref"> & {
+    }, "ref" | "className" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: any;
@@ -357,7 +357,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -432,7 +432,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "className" | "style" | "ref"> & {
+    }, "ref" | "className" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: any;
@@ -442,7 +442,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {
@@ -468,7 +468,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ListComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "className" | "style" | "ref"> & {
+    }, "ref" | "className" | "style" | "children"> & {
         'data-test-id': string;
     } & {
         context?: any;
@@ -478,7 +478,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     }> | null | undefined>;
     ScrollerComponent: u.StatefulStream<"div" | React.ComponentType<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "children" | "style" | "tabIndex" | "ref"> & {
+    }, "ref" | "style" | "tabIndex" | "children"> & {
         'data-test-id'?: string | undefined;
         'data-virtuoso-scroller'?: boolean | undefined;
     } & {

package/es6/components/Avatar/styles/StyledPresenceWrapper.js

@@ -8,9 +8,9 @@ export var StyledPresenceWrapper = styled.div(templateObject_1 || (templateObjec
     return vertical;
 }, function (_a) {
     var horizontal = _a.horizontal;
-    return (horizontal === 'right' ? '' : '-');
+    return horizontal === 'right' ? '' : '-';
 }, function (_a) {
     var vertical = _a.vertical;
-    return (vertical === 'bottom' ? '' : '-');
+    return vertical === 'bottom' ? '' : '-';
 });
 var templateObject_1;

package/es6/components/Forms/Picker/DatePicker/styles/StyledDatePickerHeader.js

@@ -5,9 +5,9 @@ import { RcIconButtonClasses } from '../../../../Buttons/IconButton/utils';
 import { RcIcon } from '../../../../Icon';
 import { textColor } from '../utils';
 var monthInactiveStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &,\n  ", " {\n    color: ", ";\n  }\n"], ["\n  &,\n  ", " {\n    color: ", ";\n  }\n"])), RcIcon, focusVisibleColor);
-var StyledCurrentMonth = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"])), flexCenterStyle, spacing(5), textColor, typography('body2'), radius('sm'), spacing(1, 0, 1, 1), focusVisibleShadowStyle('lg', undefined, undefined, 2), RcIcon, spacing(2), function (_a) {
+var StyledCurrentMonth = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(\n      ", "deg\n    );\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(\n      ", "deg\n    );\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"])), flexCenterStyle, spacing(5), textColor, typography('body2'), radius('sm'), spacing(1, 0, 1, 1), focusVisibleShadowStyle('lg', undefined, undefined, 2), RcIcon, spacing(2), function (_a) {
     var view = _a.view;
-    return (view === 'day' ? '0' : '180');
+    return view === 'day' ? '0' : '180';
 }, palette2('neutral', 'f04'), focusVisible, monthInactiveStyle, nonTouchHoverMedia, monthInactiveStyle);
 var SwitchHeaderWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n\n  ", "\n"])), function (_a) {
     var size = _a.size;
@@ -18,7 +18,7 @@ var SwitchHeaderWrapper = styled.div(templateObject_4 || (templateObject_4 = __m
 });
 var SwitchHeaderButtonWrapper = styled(RcIconButtonGroup)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex: 1;\n  display: ", ";\n  justify-content: flex-end;\n  padding-right: 12px;\n\n  ", "\n"], ["\n  flex: 1;\n  display: ", ";\n  justify-content: flex-end;\n  padding-right: 12px;\n\n  ", "\n"])), function (_a) {
     var view = _a.view;
-    return (view === 'day' ? 'flex' : 'none');
+    return view === 'day' ? 'flex' : 'none';
 }, function (_a) {
     var size = _a.size;
     if (size === 'small') {

package/es6/components/Forms/Picker/TimePicker/styles/StyledSelectionItem.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from "tslib";
 import { spacing, styled, typography } from '../../../../../foundation';
-import { StyledTimeIconButton } from './StyledTimeIconButton';
+import { StyledTimeIconButton, } from './StyledTimeIconButton';
 export var StyledSelectionItem = styled(StyledTimeIconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    ", ";\n    /* when itemLength is 4 which makes it to become two line, so add padding for it. */\n    margin: ", ";\n  }\n"], ["\n  && {\n    ", ";\n    /* when itemLength is 4 which makes it to become two line, so add padding for it. */\n    margin: ", ";\n  }\n"])), typography('body1'), function (_a) {
     var itemLength = _a.itemLength, wrapperSize = _a.wrapperSize;
     return spacing(wrapperSize === 'small' && itemLength === 4 ? 2 : 1);

package/es6/components/PopupBox/PopupBox.js

@@ -26,7 +26,9 @@ var _RcPopupBox = forwardRef(function (inProps, ref) {
             React.createElement(RcDialogTitle, __assign({ "data-test-automation-id": 'DialogTitle' }, TitleProps), title),
             React.createElement(RcDialogContent, __assign({ "data-test-automation-id": 'DialogContent' }, ContentProps), typeof children === 'string' ? (React.createElement(RcDialogContentText, null, children)) : (children)),
             footer !== null && (React.createElement(RcDialogActions, __assign({ "data-test-automation-id": 'DialogActions' }, ActionsProps), footer || (React.createElement(React.Fragment, null,
-                cancelButtonText && (React.createElement(RcButton, __assign({ fullWidth: isXsmall, variant: "text", onClick: function (e) { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(e, 'cancelClick'); }, "data-test-automation-id": "DialogCancelButton", disabled: loading }, cancelButtonProps), cancelButtonText)),
+                cancelButtonText && (React.createElement(RcButton, __assign({ fullWidth: isXsmall, variant: "text", onClick: function (e) {
+                        return onCancel === null || onCancel === void 0 ? void 0 : onCancel(e, 'cancelClick');
+                    }, "data-test-automation-id": "DialogCancelButton", disabled: loading }, cancelButtonProps), cancelButtonText)),
                 confirmButtonText && (React.createElement(RcButton, __assign({ fullWidth: isXsmall, onClick: onConfirm, variant: "contained", "data-test-automation-id": "DialogOKButton", disabled: loading, loading: loading }, confirmButtonProps), confirmButtonText)))))))));
 });
 /**

package/es6/components/Tooltip/withTooltip/withTooltip.js

@@ -5,13 +5,16 @@ import { RcTooltip } from '../Tooltip';
  * Make a component can be use with `RcTooltip` and Tooltip Props
  */
 function withTooltip(Component) {
-    return forwardRef(function (props, ref) {
+    var WithTooltip = forwardRef(function (props, ref) {
         var title = props.title, useRcTooltip = props.useRcTooltip, TooltipProps = props.TooltipProps, rest = __rest(props, ["title", "useRcTooltip", "TooltipProps"]);
+        var restProps = rest;
+        var ComponentWithRef = Component;
         if (title && useRcTooltip) {
             return (React.createElement(RcTooltip, __assign({ title: title }, TooltipProps),
-                React.createElement(Component, __assign({}, rest, { ref: ref }))));
+                React.createElement(ComponentWithRef, __assign({}, restProps, { ref: ref }))));
         }
-        return React.createElement(Component, __assign({ title: title }, rest, { ref: ref }));
+        return (React.createElement(ComponentWithRef, __assign({}, __assign(__assign({}, restProps), { title: title }), { ref: ref })));
     });
+    return WithTooltip;
 }
 export { withTooltip };

package/es6/foundation/styled-components.js

@@ -1,9 +1,15 @@
 /* eslint-disable import/no-duplicates */
 import * as styledComponents from 'styled-components';
 import { useTheme } from '@material-ui/core/styles';
-var _a = styledComponents, styled = _a.default, css = _a.css, keyframes = _a.keyframes, createGlobalStyle = _a.createGlobalStyle, withTheme = _a.withTheme, 
-// @ts-ignore
-StyleSheetManager = _a.StyleSheetManager, ThemeProvider = _a.ThemeProvider, ThemeConsumer = _a.ThemeConsumer;
+var styledModule = styledComponents;
+var styled = styledModule.default;
+var css = styledModule.css;
+var keyframes = styledModule.keyframes;
+var createGlobalStyle = styledModule.createGlobalStyle;
+var withTheme = styledModule.withTheme;
+var StyleSheetManager = styledComponents.StyleSheetManager;
+var ThemeProvider = styledModule.ThemeProvider;
+var ThemeConsumer = styledModule.ThemeConsumer;
 var RcUseTheme = function () { return useTheme(); };
 export { createGlobalStyle, css, keyframes, RcUseTheme as useTheme, StyleSheetManager, ThemeConsumer, ThemeProvider, withTheme, };
 export default styled;

package/foundation/styled-components.d.ts

@@ -1,11 +1,21 @@
-/// <reference types="react" />
-import type { FlattenInterpolation, Interpolation, InterpolationValue, Keyframes, ThemedStyledProps, ThemeProps as StyledThemeProps } from 'styled-components';
+import type { ComponentType, ReactNode } from 'react';
+import type { FlattenInterpolation, Interpolation, InterpolationValue, Keyframes, ThemedCssFunction, ThemedStyledComponentsModule, ThemedStyledInterface, ThemedStyledProps, ThemeProps as StyledThemeProps } from 'styled-components';
 import * as styledComponents from 'styled-components';
 import { RcTheme } from './theme/theme.type';
 type ThemeProps = StyledThemeProps<RcTheme>;
-declare const styled: styledComponents.ThemedStyledInterface<RcTheme>, css: styledComponents.ThemedCssFunction<RcTheme>, keyframes: (strings: TemplateStringsArray | styledComponents.CSSKeyframes, ...interpolations: styledComponents.SimpleInterpolation[]) => Keyframes, createGlobalStyle: <P extends object = {}>(first: TemplateStringsArray | styledComponents.CSSObject | styledComponents.InterpolationFunction<ThemedStyledProps<P, RcTheme>>, ...interpolations: Interpolation<ThemedStyledProps<P, RcTheme>>[]) => styledComponents.GlobalStyleComponent<P, RcTheme>, withTheme: styledComponents.BaseWithThemeFnInterface<RcTheme>, StyleSheetManager: typeof styledComponents.StyleSheetManager, ThemeProvider: styledComponents.BaseThemeProviderComponent<RcTheme, RcTheme>, ThemeConsumer: import("react").Consumer<RcTheme>;
+declare const styledModule: ThemedStyledComponentsModule<RcTheme, RcTheme>;
+declare const styled: ThemedStyledInterface<RcTheme>;
+declare const css: ThemedCssFunction<RcTheme>;
+declare const keyframes: typeof styledModule.keyframes;
+declare const createGlobalStyle: typeof styledModule.createGlobalStyle;
+declare const withTheme: typeof styledModule.withTheme;
+declare const StyleSheetManager: typeof styledComponents.StyleSheetManager & ComponentType<{
+    children?: ReactNode;
+}>;
+declare const ThemeProvider: typeof styledModule.ThemeProvider;
+declare const ThemeConsumer: typeof styledModule.ThemeConsumer;
 type Dependencies = {
-    dependencies?: (React.ComponentType | ((props: any) => JSX.Element))[];
+    dependencies?: (ComponentType | ((props: unknown) => JSX.Element))[];
 };
 declare const RcUseTheme: <T = RcTheme>() => T;
 export { createGlobalStyle, css, keyframes, RcUseTheme as useTheme, StyleSheetManager, ThemeConsumer, ThemeProvider, withTheme, };

package/foundation/styled-components.js

@@ -5,15 +5,21 @@ var tslib_1 = require("tslib");
 /* eslint-disable import/no-duplicates */
 var styledComponents = tslib_1.__importStar(require("styled-components"));
 var styles_1 = require("@material-ui/core/styles");
-var _a = styledComponents, styled = _a.default, css = _a.css, keyframes = _a.keyframes, createGlobalStyle = _a.createGlobalStyle, withTheme = _a.withTheme, 
-// @ts-ignore
-StyleSheetManager = _a.StyleSheetManager, ThemeProvider = _a.ThemeProvider, ThemeConsumer = _a.ThemeConsumer;
+var styledModule = styledComponents;
+var styled = styledModule.default;
+var css = styledModule.css;
 exports.css = css;
+var keyframes = styledModule.keyframes;
 exports.keyframes = keyframes;
+var createGlobalStyle = styledModule.createGlobalStyle;
 exports.createGlobalStyle = createGlobalStyle;
+var withTheme = styledModule.withTheme;
 exports.withTheme = withTheme;
+var StyleSheetManager = styledComponents.StyleSheetManager;
 exports.StyleSheetManager = StyleSheetManager;
+var ThemeProvider = styledModule.ThemeProvider;
 exports.ThemeProvider = ThemeProvider;
+var ThemeConsumer = styledModule.ThemeConsumer;
 exports.ThemeConsumer = ThemeConsumer;
 var RcUseTheme = function () { return (0, styles_1.useTheme)(); };
 exports.useTheme = RcUseTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.10",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",
@@ -33,7 +33,7 @@
     "tslib": ">=2.0.0"
   },
   "peerDependencies": {
-    "@ringcentral/juno-icon": ">=1.0.0 <2.0.0",
+    "@ringcentral/juno-icon": "^1.0.0 || ^2.0.0-alpha.0 || ^3.0.0-alpha.0",
     "dayjs": "^1.11.6",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",