@ringcentral/juno 2.3.7 → 2.4.2

package/components/Downshift/SuggestionList/SuggestionList.js

@@ -168,7 +168,10 @@ var SuggestionList = react_1.forwardRef(function (inProps, ref) {
     }, [componentsProp, PaddingComponent]);
     return (react_1.default.createElement(SuggestionListContext.Provider, { value: listRef },
         react_1.default.createElement(Virtuoso_1.Virtuoso, tslib_1.__assign({ ref: forkVlRef, totalCount: itemCount, data: itemData, className: className, components: components, itemContent: itemContent }, getMenuProps(), foundation_1.combineProps({
-            scrollerRef: scrollerRefFn,
+            scrollerRef: function (scrollElm) {
+                scrollerRefFn(scrollElm);
+                Virtuoso_1.modifyVlScrollerStyle(scrollElm, position);
+            },
             itemsRendered: itemsRendered,
             totalListHeightChanged: totalListHeightChanged,
             style: style,

package/components/Menu/SubMenu/styles/SubMenuStyle.d.ts

@@ -5,7 +5,7 @@ import { RcSubMenuProps } from '../SubMenu';
 export declare const StyledListItemSecondaryAction: import("styled-components").StyledComponentClass<Pick<Pick<import("@material-ui/core").ListItemSecondaryActionProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef">, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef"> & import("react").RefAttributes<any>, import("../../../../foundation").RcTheme, Pick<Pick<Pick<import("@material-ui/core").ListItemSecondaryActionProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef">, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef"> & import("react").RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerRef"> & {
     theme?: import("../../../../foundation").RcTheme | undefined;
 }>;
-export declare const StyledGrow: import("styled-components").StyledComponentClass<import("@material-ui/core/Grow").GrowProps, import("../../../../foundation").RcTheme, Pick<import("@material-ui/core/Grow").GrowProps, "ref" | "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & {
+export declare const StyledGrow: import("styled-components").StyledComponentClass<Pick<import("@material-ui/core").GrowProps, "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & import("react").RefAttributes<any>, import("../../../../foundation").RcTheme, Pick<Pick<import("@material-ui/core").GrowProps, "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & import("react").RefAttributes<any>, "ref" | "key" | "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & {
     theme?: import("../../../../foundation").RcTheme | undefined;
 }>;
 export declare const SubMenuStyle: RcThemedStyled<RcSubMenuProps, any>;

package/components/Menu/SubMenu/styles/SubMenuStyle.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var Grow_1 = tslib_1.__importDefault(require("@material-ui/core/Grow"));
 var foundation_1 = require("../../../../foundation");
 var ListItemSecondaryAction_1 = require("../../../List/ListItemSecondaryAction");
+var Grow_1 = require("../../../Transitions/Grow");
 exports.StyledListItemSecondaryAction = foundation_1.styled(ListItemSecondaryAction_1.RcListItemSecondaryAction)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  transform: none;\n  right: 0;\n  top: 0;\n"], ["\n  position: relative;\n  transform: none;\n  right: 0;\n  top: 0;\n"])));
-exports.StyledGrow = foundation_1.styled(Grow_1.default)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  transform-origin: 'center top';\n"], ["\n  transform-origin: 'center top';\n"])));
+exports.StyledGrow = foundation_1.styled(Grow_1.RcGrow)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  transform-origin: center top;\n"], ["\n  transform-origin: center top;\n"])));
 exports.SubMenuStyle = function () {
     return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject([""], [""])));
 };

package/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -180,13 +180,7 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
     []);
     var combine = foundation_1.combineProps(tslib_1.__assign({ tabIndex: -1, scrollerRef: function (scrollElm) {
             scrollerRefFn(scrollElm);
-            // resetViewPortStyle
-            if (position && scrollElm) {
-                var viewPortElm = scrollElm.firstChild;
-                if (viewPortElm) {
-                    viewPortElm.style.position = position;
-                }
-            }
+            Virtuoso_1.modifyVlScrollerStyle(scrollElm, position);
             // * when not have scrollerRef mean that is first render
             if (!isMountedRef.current) {
                 onMounted();

package/components/Virtuoso/utils/useHighlightScroll.d.ts

@@ -30,4 +30,8 @@ export declare function useHighlightScroll({ containerHeighRef, scrollToIndex, }
      */
     itemsRendered: (e: ListItem<any>[]) => ListItem<any>[];
 };
+/**
+ * modify virtuoso style to fix safari scroll bug
+ */
+export declare function modifyVlScrollerStyle(scrollElm: HTMLElement, position?: 'absolute' | 'unset'): void;
 export {};

package/components/Virtuoso/utils/useHighlightScroll.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
+var foundation_1 = require("../../../foundation");
 /**
  * scroll into current highlight index
  */
@@ -101,3 +102,19 @@ function useHighlightScroll(_a) {
     };
 }
 exports.useHighlightScroll = useHighlightScroll;
+/**
+ * modify virtuoso style to fix safari scroll bug
+ */
+function modifyVlScrollerStyle(scrollElm, position) {
+    if (position === void 0) { position = 'absolute'; }
+    if (scrollElm) {
+        scrollElm.style.transition = foundation_1.fixWebKitTransitionStyle;
+        if (position) {
+            var viewPortElm = scrollElm.firstChild;
+            if (viewPortElm) {
+                viewPortElm.style.position = position;
+            }
+        }
+    }
+}
+exports.modifyVlScrollerStyle = modifyVlScrollerStyle;

package/es6/components/Downshift/SuggestionList/SuggestionList.js

@@ -7,7 +7,7 @@ import { RcBox } from '../../Box';
 import { RcIconButton } from '../../Buttons/IconButton';
 import { RcMenuItem } from '../../Menu/MenuItem';
 import { menuListBoundaryPadding, StyledMenuListPadding, } from '../../VirtualizedMenu/styles';
-import { useDynamicHeight, useHighlightScroll, Virtuoso, } from '../../Virtuoso';
+import { modifyVlScrollerStyle, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../../Virtuoso';
 import { SuggestionListStyle } from './styles';
 import { RcSuggestionListClasses } from './utils';
 var SuggestionListContext = createContext(null);
@@ -166,7 +166,10 @@ var SuggestionList = forwardRef(function (inProps, ref) {
     }, [componentsProp, PaddingComponent]);
     return (React.createElement(SuggestionListContext.Provider, { value: listRef },
         React.createElement(Virtuoso, __assign({ ref: forkVlRef, totalCount: itemCount, data: itemData, className: className, components: components, itemContent: itemContent }, getMenuProps(), combineProps({
-            scrollerRef: scrollerRefFn,
+            scrollerRef: function (scrollElm) {
+                scrollerRefFn(scrollElm);
+                modifyVlScrollerStyle(scrollElm, position);
+            },
             itemsRendered: itemsRendered,
             totalListHeightChanged: totalListHeightChanged,
             style: style,

package/es6/components/Menu/SubMenu/styles/SubMenuStyle.js

@@ -1,9 +1,9 @@
 import { __makeTemplateObject } from "tslib";
-import MuiGrow from '@material-ui/core/Grow';
 import { css, styled } from '../../../../foundation';
 import { RcListItemSecondaryAction } from '../../../List/ListItemSecondaryAction';
+import { RcGrow } from '../../../Transitions/Grow';
 export var StyledListItemSecondaryAction = styled(RcListItemSecondaryAction)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  transform: none;\n  right: 0;\n  top: 0;\n"], ["\n  position: relative;\n  transform: none;\n  right: 0;\n  top: 0;\n"])));
-export var StyledGrow = styled(MuiGrow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-origin: 'center top';\n"], ["\n  transform-origin: 'center top';\n"])));
+export var StyledGrow = styled(RcGrow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-origin: center top;\n"], ["\n  transform-origin: center top;\n"])));
 export var SubMenuStyle = function () {
     return css(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
 };

package/es6/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useImperativeHandle, useMemo, useRef, } from 'react'
 import { isFragment } from 'react-is';
 import { combineProps, getScrollbarSize, isRcElement, logInDev, styled, useDebounce, useEventCallback, useForkRef, useHiddenTabindex, useKeyboardMoveFocus, useMountState, useOnlyOneFocusable, useRcPortalWindowContext, useTheme, useThemeProps, } from '../../foundation';
 import { RcList } from '../List/List/List';
-import { isOutOfRange, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../Virtuoso';
+import { isOutOfRange, modifyVlScrollerStyle, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../Virtuoso';
 import { RcVisuallyHidden } from '../VisuallyHidden';
 import { StyledMenuListPadding } from './styles';
 var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
@@ -178,13 +178,7 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
     []);
     var combine = combineProps(__assign({ tabIndex: -1, scrollerRef: function (scrollElm) {
             scrollerRefFn(scrollElm);
-            // resetViewPortStyle
-            if (position && scrollElm) {
-                var viewPortElm = scrollElm.firstChild;
-                if (viewPortElm) {
-                    viewPortElm.style.position = position;
-                }
-            }
+            modifyVlScrollerStyle(scrollElm, position);
             // * when not have scrollerRef mean that is first render
             if (!isMountedRef.current) {
                 onMounted();

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

@@ -1,4 +1,5 @@
 import { useRef } from 'react';
+import { fixWebKitTransitionStyle } from '../../../foundation';
 /**
  * scroll into current highlight index
  */
@@ -98,3 +99,18 @@ export function useHighlightScroll(_a) {
         itemsRendered: function (e) { return (renderedItemsRef.current = e); },
     };
 }
+/**
+ * modify virtuoso style to fix safari scroll bug
+ */
+export function modifyVlScrollerStyle(scrollElm, position) {
+    if (position === void 0) { position = 'absolute'; }
+    if (scrollElm) {
+        scrollElm.style.transition = fixWebKitTransitionStyle;
+        if (position) {
+            var viewPortElm = scrollElm.firstChild;
+            if (viewPortElm) {
+                viewPortElm.style.position = position;
+            }
+        }
+    }
+}

package/es6/foundation/index.js

@@ -1,5 +1,6 @@
 import styled from './styled-components';
 export * from './config';
+export * from './isWebKit154';
 export * from './contexts';
 export * from './hoc';
 export * from './hooks';

package/es6/foundation/isWebKit154.js

@@ -0,0 +1,57 @@
+import { __makeTemplateObject } from "tslib";
+import { createGlobalStyle } from 'styled-components';
+import { RcClasses } from './utils/classes';
+import { combineProps } from './utils/combineProps';
+// * this whole file should be remove after webkit154 issue be fixed
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ *
+ * follow up:
+ * https://github.com/mui/material-ui/pull/31975/files
+ * https://github.com/mui/material-ui/pull/32202/files
+ */
+export var isWebKit154 = typeof navigator !== 'undefined' &&
+    /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) &&
+    /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
+var FixWebKit154Classes = RcClasses(['paper'], 'RcFixWebKit154');
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
+ * Remove this workaround once the Safari bug is fixed.
+ */
+export var getWebKit154Theme = function (theme, enable) {
+    if (enable !== null && enable !== void 0 ? enable : isWebKit154) {
+        return combineProps({
+            props: {
+                // * set all grow related to only have one transition to make animation not shake after safari 15.4
+                MuiMenu: {
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
+                },
+                RcVirtualizedMenu: {
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
+                },
+                MuiPopover: {
+                    PaperProps: { className: FixWebKit154Classes.paper },
+                },
+                // mui tooltip prop will cover all existing props
+                RcTooltip: {
+                    classes: {
+                        tooltip: FixWebKit154Classes.paper,
+                    },
+                },
+                // mui grow not accept global prop
+                RcGrow: {
+                    className: FixWebKit154Classes.paper,
+                },
+            },
+        }, theme);
+    }
+    return theme;
+};
+export var fixWebKitTransitionStyle = 'all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
+/**
+ * A global style that can be used to
+ * apply a workaround for the CSS transition bug after WebKit 15.4.
+ */
+export var GlobalFixWebKitStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .", " {\n    transition: ", " !important;\n  }\n"], ["\n  .", " {\n    transition: ", " !important;\n  }\n"])), FixWebKit154Classes.paper, fixWebKitTransitionStyle);
+var templateObject_1;

package/es6/foundation/theme/ThemeProvider.js

@@ -3,6 +3,7 @@ import 'focus-visible';
 import React, { createContext, useContext, } from 'react';
 import { createGenerateClassName, MuiThemeProvider, StylesProvider, } from '@material-ui/core/styles';
 import { useResultRef } from '../hooks';
+import { getWebKit154Theme, GlobalFixWebKitStyle, isWebKit154, } from '../isWebKit154';
 import { ThemeProvider as StyledThemeProvider, useTheme, } from '../styled-components';
 import createTheme from './createTheme';
 var NestedThemeContext = createContext(false);
@@ -12,14 +13,17 @@ var NestedThemeContext = createContext(false);
  * that will user parent's theme when not set theme
  */
 var SubThemeProvider = function (_a) {
-    var themeProp = _a.theme, children = _a.children;
+    var themeProp = _a.theme, children = _a.children, fixWebKit154 = _a.fixWebKit154;
     var _b, _c;
     var parentTheme = useTheme();
     var isHaveParentRcTheme = (_c = (_b = parentTheme.palette) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.brand;
-    var theme = !themeProp && isHaveParentRcTheme ? parentTheme : createTheme(themeProp);
+    // TODO: can be remove after safari fix that bug, maybe after v16
+    var theme = getWebKit154Theme(!themeProp && isHaveParentRcTheme ? parentTheme : createTheme(themeProp), fixWebKit154);
     return (React.createElement(MuiThemeProvider, { theme: theme },
         React.createElement(StyledThemeProvider, { theme: theme },
-            React.createElement(React.Fragment, null, children))));
+            React.createElement(React.Fragment, null,
+                (fixWebKit154 !== null && fixWebKit154 !== void 0 ? fixWebKit154 : isWebKit154) && React.createElement(GlobalFixWebKitStyle, null),
+                children))));
 };
 /**
  * theme wrapper, apply in root,

package/foundation/index.d.ts

@@ -1,5 +1,6 @@
 import styled from './styled-components';
 export * from './config';
+export * from './isWebKit154';
 export * from './contexts';
 export * from './hoc';
 export * from './hooks';

package/foundation/index.js

@@ -4,6 +4,7 @@ var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("./styled-components"));
 exports.styled = styled_components_1.default;
 tslib_1.__exportStar(require("./config"), exports);
+tslib_1.__exportStar(require("./isWebKit154"), exports);
 tslib_1.__exportStar(require("./contexts"), exports);
 tslib_1.__exportStar(require("./hoc"), exports);
 tslib_1.__exportStar(require("./hooks"), exports);

package/foundation/isWebKit154.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ *
+ * follow up:
+ * https://github.com/mui/material-ui/pull/31975/files
+ * https://github.com/mui/material-ui/pull/32202/files
+ */
+export declare const isWebKit154: boolean;
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
+ * Remove this workaround once the Safari bug is fixed.
+ */
+export declare const getWebKit154Theme: (theme: any, enable?: boolean | undefined) => any;
+export declare const fixWebKitTransitionStyle = "all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms";
+/**
+ * A global style that can be used to
+ * apply a workaround for the CSS transition bug after WebKit 15.4.
+ */
+export declare const GlobalFixWebKitStyle: import("styled-components").GlobalStyleClass<{}, import("styled-components").DefaultTheme>;

package/foundation/isWebKit154.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var classes_1 = require("./utils/classes");
+var combineProps_1 = require("./utils/combineProps");
+// * this whole file should be remove after webkit154 issue be fixed
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ *
+ * follow up:
+ * https://github.com/mui/material-ui/pull/31975/files
+ * https://github.com/mui/material-ui/pull/32202/files
+ */
+exports.isWebKit154 = typeof navigator !== 'undefined' &&
+    /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) &&
+    /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
+var FixWebKit154Classes = classes_1.RcClasses(['paper'], 'RcFixWebKit154');
+/**
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
+ * Remove this workaround once the Safari bug is fixed.
+ */
+exports.getWebKit154Theme = function (theme, enable) {
+    if (enable !== null && enable !== void 0 ? enable : exports.isWebKit154) {
+        return combineProps_1.combineProps({
+            props: {
+                // * set all grow related to only have one transition to make animation not shake after safari 15.4
+                MuiMenu: {
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
+                },
+                RcVirtualizedMenu: {
+                    PopoverClasses: { paper: FixWebKit154Classes.paper },
+                },
+                MuiPopover: {
+                    PaperProps: { className: FixWebKit154Classes.paper },
+                },
+                // mui tooltip prop will cover all existing props
+                RcTooltip: {
+                    classes: {
+                        tooltip: FixWebKit154Classes.paper,
+                    },
+                },
+                // mui grow not accept global prop
+                RcGrow: {
+                    className: FixWebKit154Classes.paper,
+                },
+            },
+        }, theme);
+    }
+    return theme;
+};
+exports.fixWebKitTransitionStyle = 'all 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms';
+/**
+ * A global style that can be used to
+ * apply a workaround for the CSS transition bug after WebKit 15.4.
+ */
+exports.GlobalFixWebKitStyle = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  .", " {\n    transition: ", " !important;\n  }\n"], ["\n  .", " {\n    transition: ", " !important;\n  }\n"])), FixWebKit154Classes.paper, exports.fixWebKitTransitionStyle);
+var templateObject_1;

package/foundation/theme/ThemeProvider.d.ts

@@ -4,6 +4,12 @@ import { RcThemeInput } from './theme.type';
 declare type SubThemeProviderProps = {
     /** custom theme */
     theme?: RcThemeInput;
+    /**
+     * workaround for fix safari 15.4~.9 bug
+     *
+     * use for when your environment need that fix but userAgent not have safari
+     */
+    fixWebKit154?: boolean;
     children?: ReactNode;
 };
 declare type RootThemeProviderProps = {

package/foundation/theme/ThemeProvider.js

@@ -5,6 +5,7 @@ require("focus-visible");
 var react_1 = tslib_1.__importStar(require("react"));
 var styles_1 = require("@material-ui/core/styles");
 var hooks_1 = require("../hooks");
+var isWebKit154_1 = require("../isWebKit154");
 var styled_components_1 = require("../styled-components");
 var createTheme_1 = tslib_1.__importDefault(require("./createTheme"));
 var NestedThemeContext = react_1.createContext(false);
@@ -14,14 +15,17 @@ var NestedThemeContext = react_1.createContext(false);
  * that will user parent's theme when not set theme
  */
 var SubThemeProvider = function (_a) {
-    var themeProp = _a.theme, children = _a.children;
+    var themeProp = _a.theme, children = _a.children, fixWebKit154 = _a.fixWebKit154;
     var _b, _c;
     var parentTheme = styled_components_1.useTheme();
     var isHaveParentRcTheme = (_c = (_b = parentTheme.palette) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.brand;
-    var theme = !themeProp && isHaveParentRcTheme ? parentTheme : createTheme_1.default(themeProp);
+    // TODO: can be remove after safari fix that bug, maybe after v16
+    var theme = isWebKit154_1.getWebKit154Theme(!themeProp && isHaveParentRcTheme ? parentTheme : createTheme_1.default(themeProp), fixWebKit154);
     return (react_1.default.createElement(styles_1.MuiThemeProvider, { theme: theme },
         react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
-            react_1.default.createElement(react_1.default.Fragment, null, children))));
+            react_1.default.createElement(react_1.default.Fragment, null,
+                (fixWebKit154 !== null && fixWebKit154 !== void 0 ? fixWebKit154 : isWebKit154_1.isWebKit154) && react_1.default.createElement(isWebKit154_1.GlobalFixWebKitStyle, null),
+                children))));
 };
 /**
  * theme wrapper, apply in root,

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

@@ -203,7 +203,7 @@ export declare type RcTheme = {
         RcZoomFrom?: RcZoomFromProps;
         RcZoomInFadeOut?: RcZoomInFadeOutProps;
         RcTypography?: RcTypographyProps;
-        RcVirtualizedDivider: RcVirtualizedDividerProps;
+        RcVirtualizedDivider?: RcVirtualizedDividerProps;
         RcVirtualizedMenu?: RcVirtualizedMenuProps;
         RcVirtualizedMenuList?: RcVirtualizedMenuListProps;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.3.7",
+  "version": "2.4.2",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",