@ringcentral/juno 1.12.6-beta.5916-2d2126cc → 2.0.0

package/es6/components/Chip/Chip.js

@@ -1,12 +1,12 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, useMemo, } from 'react';
+import clsx from 'clsx';
 import MuiChip from '@material-ui/core/Chip';
+import { DeleteCircle } from '@ringcentral/juno-icon';
 import { combineClasses, isRcElement, omit, styled, useThemeProps, } from '../../foundation';
-import DeleteCircle from '../../icon/DeleteCircle';
 import { RcIconButton } from '../Buttons/IconButton';
 import { ChipStyle } from './styles';
 import { RcChipClasses } from './utils';
-import clsx from 'clsx';
 var _RcChip = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcChip' });
     var AvatarProp = props.Avatar, deleteTooltip = props.deleteTooltip, deleteAutomationId = props.deleteAutomationId, isError = props.isError, classesProp = props.classes, _a = props.avatar, avatarProp = _a === void 0 ? AvatarProp : _a, _b = props.error, error = _b === void 0 ? isError : _b, id = props.id, label = props.label, disabled = props.disabled, deleteIconProp = props.deleteIcon, deleteIconProps = props.deleteIconProps, tabIndex = props.tabIndex, focused = props.focused, color = props.color, className = props.className, rest = __rest(props, ["Avatar", "deleteTooltip", "deleteAutomationId", "isError", "classes", "avatar", "error", "id", "label", "disabled", "deleteIcon", "deleteIconProps", "tabIndex", "focused", "color", "className"]);

package/es6/components/DetachedWindow/DetachedWindow.js

@@ -13,7 +13,7 @@ import { addCommentInHeader, DetachedWindowRefMaps, MUI_INSERTION_POINT, openExt
  */
 var RcDetachedWindow = memo(forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcDetachedWindow' });
-    var childrenProp = props.children, onBeforeunload = props.onBeforeunload, onUnload = props.onUnload, onload = props.onload, title = props.title, url = props.url, name = props.name, specs = props.specs, replace = props.replace, open = props.open, onOpen = props.onOpen, getWindow = props.getWindow, keep = props.keep;
+    var childrenProp = props.children, onBeforeunload = props.onBeforeunload, onUnload = props.onUnload, onload = props.onload, title = props.title, url = props.url, name = props.name, specs = props.specs, open = props.open, onOpen = props.onOpen, getWindow = props.getWindow, keep = props.keep;
     var _a = __read(useState(), 2), externalWindow = _a[0], setExternalWindow = _a[1];
     var isCloseByWindowExitRef = useRef(false);
     var innerRef = useRef(null);
@@ -36,13 +36,15 @@ var RcDetachedWindow = memo(forwardRef(function (inProps, ref) {
     });
     var openWindow = useEventCallback(function () {
         var newWindow = getWindow
-            ? getWindow({ url: url, name: name, specs: specs, replace: replace, title: title })
+            ? getWindow({ url: url, name: name, specs: specs, title: title })
             : openExternalWindow(props);
         if (!newWindow) {
-            logInDev({
-                component: 'RcDetachedWindow',
-                message: 'Please check your window instance, that `window.open` should not trigger by another window',
-            });
+            if (process.env.NODE_ENV !== 'production') {
+                logInDev({
+                    component: 'RcDetachedWindow',
+                    message: 'Please check your window instance, that `window.open` should not trigger by another window',
+                });
+            }
             return;
         }
         if (title)

package/es6/components/Dialer/DialPad/utils/DialPadUtils.js

@@ -1,29 +1,18 @@
 import { __read, __spread } from "tslib";
-import Icon0 from '../../../../icon/0';
-import Icon1 from '../../../../icon/1';
-import Icon2 from '../../../../icon/2';
-import Icon3 from '../../../../icon/3';
-import Icon4 from '../../../../icon/4';
-import Icon5 from '../../../../icon/5';
-import Icon6 from '../../../../icon/6';
-import Icon7 from '../../../../icon/7';
-import Icon8 from '../../../../icon/8';
-import Icon9 from '../../../../icon/9';
-import AsteriskIcon from '../../../../icon/Asterisk';
-import HashIcon from '../../../../icon/Hash';
+import { Asterisk, Hash, Svg0, Svg1, Svg2, Svg3, Svg4, Svg5, Svg6, Svg7, Svg8, Svg9, } from '@ringcentral/juno-icon';
 export var DIALER_PAD_ICONS = [
-    [Icon1, '1', ''],
-    [Icon2, '2', 'A B C'],
-    [Icon3, '3', 'D E F'],
-    [Icon4, '4', 'G H I'],
-    [Icon5, '5', 'J K L'],
-    [Icon6, '6', 'M N O'],
-    [Icon7, '7', 'P Q R S'],
-    [Icon8, '8', 'T U V'],
-    [Icon9, '9', 'W X Y Z'],
-    [AsteriskIcon, '*', ''],
-    [Icon0, '0', '+'],
-    [HashIcon, '#', ''],
+    [Svg1, '1', ''],
+    [Svg2, '2', 'A B C'],
+    [Svg3, '3', 'D E F'],
+    [Svg4, '4', 'G H I'],
+    [Svg5, '5', 'J K L'],
+    [Svg6, '6', 'M N O'],
+    [Svg7, '7', 'P Q R S'],
+    [Svg8, '8', 'T U V'],
+    [Svg9, '9', 'W X Y Z'],
+    [Asterisk, '*', ''],
+    [Svg0, '0', '+'],
+    [Hash, '#', ''],
 ];
 export var DIALER_PAD_PLUS = '+';
 export var ACCEPTABLE_KEYS = __spread(DIALER_PAD_ICONS.map(function (_a) {

package/es6/components/Dialer/DialPad/utils/useKeyAudio.js

@@ -25,10 +25,10 @@ export var useKeyAudio = function (_a) {
                 case 2:
                     audio.currentTime = 0;
                     audio.src = src;
-                    lastPlayRef.current = audio
-                        .play()
-                        .catch(function (reason) {
-                        return logInDev({ component: 'RcDialerPad', message: reason });
+                    lastPlayRef.current = audio.play().catch(function (reason) {
+                        if (process.env.NODE_ENV !== 'production') {
+                            logInDev({ component: 'RcDialerPad', message: reason });
+                        }
                     });
                     return [2 /*return*/];
             }

package/es6/components/Dialog/Dialog.js

@@ -1,13 +1,23 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, useMemo } from 'react';
 import MuiDialog from '@material-ui/core/Dialog';
-import { combineClasses, styled, useRcPortalWindowContext, useThemeProps, withDeprecatedCheck, } from '../../foundation';
+import { combineClasses, styled, useDeprecatedCheck, useRcPortalWindowContext, useThemeProps, } from '../../foundation';
 import { useUnmountPortalHandler } from '../PortalHost';
 import { DialogStyle } from './styles';
 import { RcDialogClasses } from './utils';
 import { RcDialogContext } from './utils/DialogContext';
 var _RcDialog = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcDialog' });
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useDeprecatedCheck(RcDialog, props, [
+            {
+                prop: 'size',
+                time: '2021-11',
+                comment: "\n     * please use `maxWidth` and `fullScreen` directly\n     *\n     * - 'fullScreen' => false\n     * - 'large' => `md`\n     * - 'medium' => `sm`\n     * - 'small' => `xs`\n     * - 'xsmall' => no longer exist, should custom by yourself\n     */",
+            },
+        ]);
+    }
     var classesProp = props.classes, _a = props.size, size = _a === void 0 ? 'medium' : _a, maxWidthProp = props.maxWidth, _b = props.fullWidth, fullWidth = _b === void 0 ? true : _b, childrenSize = props.childrenSize, children = props.children, TransitionPropsProp = props.TransitionProps, rest = __rest(props, ["classes", "size", "maxWidth", "fullWidth", "childrenSize", "children", "TransitionProps"]);
     var classes = useMemo(function () { return combineClasses(RcDialogClasses, classesProp); }, [classesProp]);
     var externalWindow = useRcPortalWindowContext().externalWindow;
@@ -35,13 +45,7 @@ var _RcDialog = forwardRef(function (inProps, ref) {
     return (React.createElement(MuiDialog, __assign({ ref: ref, fullWidth: fullWidth, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, maxWidth: maxWidth, fullScreen: size === 'fullScreen' ? true : undefined, classes: classes, TransitionProps: TransitionProps }, rest),
         React.createElement(RcDialogContext.Provider, { value: contextValue }, children)));
 });
-var RcDialog = styled(withDeprecatedCheck(_RcDialog, [
-    {
-        prop: 'size',
-        time: '2021-11',
-        comment: "\n   * please use `maxWidth` and `fullScreen` directly\n   *\n   * - 'fullScreen' => false\n   * - 'large' => `md`\n   * - 'medium' => `sm`\n   * - 'small' => `xs`\n   * - 'xsmall' => no longer exist, should custom by yourself\n   */",
-    },
-], 'RcDialog'))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), DialogStyle);
+var RcDialog = styled(_RcDialog)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), DialogStyle);
 RcDialog.defaultProps = {};
 RcDialog.displayName = 'RcDialog';
 export { RcDialog, RcDialogContext };

package/es6/components/DnD/DragHandle/DragHandle.js

@@ -1,8 +1,8 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
+import { DragableArea as DraggableHandle } from '@ringcentral/juno-icon';
 import { styled, useThemeProps } from '../../../foundation';
-import DraggableHandle from '../../../icon/DragableArea';
 import { RcIcon } from '../../Icon';
 import { dragHandleStyle } from './styles';
 import { RcDragHandleClasses } from './utils';

package/es6/components/Downshift/Downshift.js

@@ -1,8 +1,7 @@
 import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
 import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef, useState, } from 'react';
-import { combineClasses, combineProps, getParsePaletteColor, omit, styled, useEventCallback, useForkRef, useTheme, useThemeProps, withDeprecatedCheck, } from '../../foundation';
-import ArrowDown from '../../icon/ArrowDown';
-import ArrowUp from '../../icon/ArrowUp';
+import { ArrowDown, ArrowUp } from '@ringcentral/juno-icon';
+import { combineClasses, combineProps, getParsePaletteColor, omit, styled, useDeprecatedCheck, useEventCallback, useForkRef, useTheme, useThemeProps, } from '../../foundation';
 import { RcChip } from '../Chip';
 import { ClearIconButton } from '../Forms/TextField/styles/ClearIconButton';
 import { RcVisuallyHidden } from '../VisuallyHidden';
@@ -11,6 +10,116 @@ import { RcSuggestionList } from './SuggestionList';
 import { DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, DEFAULT_LIMIT_CHIPS, RcDownshiftDefaultFilterOptions, RcDownshiftInputClasses, useDownshift, useDownshiftError, } from './utils';
 var _RcDownshift = memo(forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcDownshift' });
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useDeprecatedCheck(RcDownshift, props, [
+            {
+                prop: 'onSelectChange',
+                time: '2021-10',
+                comment: "@deprecated should use `onChange` */",
+            },
+            {
+                prop: 'suggestionItems',
+                time: '2021-10',
+                comment: "@deprecated  should use `options` to replace */",
+            },
+            {
+                prop: 'selectedItems',
+                time: '2021-10',
+                comment: "@deprecated  not need any more */",
+            },
+            {
+                prop: 'itemToString',
+                time: '2021-10',
+                comment: "@deprecated use `getOptionLabel` to replace that */",
+            },
+            {
+                prop: 'MenuItem',
+                time: '2021-10',
+                comment: "@deprecated should use `renderOption` to replace that */",
+            },
+            {
+                prop: 'minRowHeight',
+                time: '2021-10',
+                comment: "@deprecated suggestion list row min height for virtual list */",
+            },
+            {
+                prop: 'enableFreeChips',
+                time: '2021-10',
+                comment: "@deprecated enable free chip mode, should use `freeSolo` to replace that */",
+            },
+            {
+                prop: 'inputLabel',
+                time: '2021-10',
+                comment: "@deprecated please use `label` to replace that */",
+            },
+            {
+                prop: 'inputPlaceholder',
+                time: '2021-10',
+                comment: "@deprecated input element placeholder attribute */",
+            },
+            {
+                prop: 'maxLength',
+                time: '2021-10',
+                comment: "@deprecated input element maxlength, please use `TextFieldProps.inputProps.maxLength` */",
+            },
+            {
+                prop: 'screenReader',
+                time: '2021-10',
+                comment: "@deprecated should use `screenReaderProps` */",
+            },
+            {
+                prop: 'automationId',
+                time: '2021-10',
+                comment: "@deprecated wrapper automationId, should use `data-test-automation-id` directly */",
+            },
+            {
+                prop: 'InputItem',
+                time: '2021-10',
+                comment: "@deprecated just use the `renderTags` to render whole tags  */",
+            },
+            {
+                prop: 'emailError',
+                time: '2021-10',
+                comment: "@deprecated please calculate error outside by your self with `renderTags`, or prepare ready items with error field */",
+            },
+            {
+                prop: 'errorSelectedItems',
+                time: '2021-10',
+                comment: "@deprecated please calculate error outside by your self with `renderTags`, or prepare ready items with error field */",
+            },
+            {
+                prop: 'nameError',
+                time: '2021-10',
+                comment: "@deprecated replace to `error` */",
+            },
+            {
+                prop: 'keyToChips',
+                time: '2021-10',
+                comment: "@deprecated rename to `keyToTags` */",
+            },
+            {
+                prop: 'limitOfFreeChips',
+                time: '2021-10',
+                comment: "@deprecated should use `max` */",
+            },
+            {
+                prop: 'enableAutoTransform',
+                time: '2021-10',
+                comment: "@deprecated should use `autoSelect` */",
+            },
+            {
+                prop: 'messageRef',
+                time: '2021-10',
+                comment: "@deprecated should use `inputRef` */",
+            },
+            {
+                prop: 'TextFieldProps',
+                time: '2021-10',
+                comment: "@deprecated TextField props */",
+            },
+        ]);
+    }
     var theme = useTheme();
     var _a = props.itemToString, itemToString = _a === void 0 ? DEFAULT_GET_OPTION_LABEL : _a, _b = props.keyToChips, keyToChips = _b === void 0 ? DEFAULT_KEY_TO_CHIPS : _b, _c = props.limitOfFreeChips, limitOfFreeChips = _c === void 0 ? DEFAULT_LIMIT_CHIPS : _c, minRowHeight = props.minRowHeight, suggestionItems = props.suggestionItems, messageRef = props.messageRef, MenuItem = props.MenuItem, inputLabel = props.inputLabel, nameError = props.nameError, maxLength = props.maxLength, InputItem = props.InputItem, emailError = props.emailError, autoSwitchEmail = props.autoSwitchEmail, enableFreeChips = props.enableFreeChips, inputPlaceholder = props.inputPlaceholder, errorSelectedItems = props.errorSelectedItems, enableAutoTransform = props.enableAutoTransform, allowPlainHelperText = props.allowPlainHelperText, TextFieldProps = props.TextFieldProps, selectedItemsProp = props.selectedItems, automationId = props.automationId, screenReader = props.screenReader, onSelectChange = props.onSelectChange, variant = props.variant, groupExpanded = props.groupExpanded, groupDefaultExpanded = props.groupDefaultExpanded, _d = props.groupVariant, groupVariant = _d === void 0 ? 'normal' : _d, getExpandIconProps = props.getExpandIconProps, groupBy = props.groupBy, _e = props.value, valueProp = _e === void 0 ? selectedItemsProp : _e, _f = props.autoHighlight, autoHighlight = _f === void 0 ? true : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? true : _g, _h = props.clearBtn, clearBtn = _h === void 0 ? false : _h, _j = props.toggleButton, toggleButton = _j === void 0 ? false : _j, _k = props.multiple, multiple = _k === void 0 ? false : _k, clearButtonProps = props.clearButtonProps, onClear = props.onClear, ToggleButtonProps = props.ToggleButtonProps, inputValueProp = props.inputValue, onKeyDownProp = props.onKeyDown, helperTextProp = props.helperText, options = props.options, openOnFocus = props.openOnFocus, _l = props.getOptionLabel, getOptionLabel = _l === void 0 ? itemToString : _l, renderInput = props.renderInput, _m = props.label, label = _m === void 0 ? inputLabel : _m, _o = props.inputRef, inputRefProp = _o === void 0 ? messageRef : _o, _p = props.error, error = _p === void 0 ? nameError : _p, _q = props.placeholder, placeholder = _q === void 0 ? inputPlaceholder : _q, _r = props.freeSolo, freeSolo = _r === void 0 ? enableFreeChips : _r, _s = props.keyToTags, keyToTags = _s === void 0 ? keyToChips : _s, _t = props.maxFreeSolo, maxFreeSolo = _t === void 0 ? limitOfFreeChips : _t, SuggestionListProps = props.SuggestionListProps, _u = props.autoSelect, autoSelect = _u === void 0 ? enableAutoTransform : _u, PopperProps = props.PopperProps, initialIsOpen = props.initialIsOpen, disabled = props.disabled, requiredProp = props.required, _v = props.defaultIsOpen, defaultIsOpen = _v === void 0 ? openOnFocus : _v, _w = props.disableCloseOnSelect, disableCloseOnSelect = _w === void 0 ? defaultIsOpen : _w, _x = props.onChange, onChangeProp = _x === void 0 ? onSelectChange : _x, onInputChangeProp = props.onInputChange, onMaxFreeSolo = props.onMaxFreeSolo, FormHelperTextPropsProp = props.FormHelperTextProps, action = props.action, filterOptions = props.filterOptions, renderOption = props.renderOption, renderTags = props.renderTags, getOptionDisabled = props.getOptionDisabled, renderGroup = props.renderGroup, onGroupExpanded = props.onGroupExpanded, renderNoOptions = props.renderNoOptions, InputPropsProp = props.InputProps, debug = props.debug, disabledItemsHighlightable = props.disabledItemsHighlightable, openProp = props.open, onOpen = props.onOpen, onClose = props.onClose, focused = props.focused, color = props.color, rest = __rest(props, ["itemToString", "keyToChips", "limitOfFreeChips", "minRowHeight", "suggestionItems", "messageRef", "MenuItem", "inputLabel", "nameError", "maxLength", "InputItem", "emailError", "autoSwitchEmail", "enableFreeChips", "inputPlaceholder", "errorSelectedItems", "enableAutoTransform", "allowPlainHelperText", "TextFieldProps", "selectedItems", "automationId", "screenReader", "onSelectChange", "variant", "groupExpanded", "groupDefaultExpanded", "groupVariant", "getExpandIconProps", "groupBy", "value", "autoHighlight", "fullWidth", "clearBtn", "toggleButton", "multiple", "clearButtonProps", "onClear", "ToggleButtonProps", "inputValue", "onKeyDown", "helperText", "options", "openOnFocus", "getOptionLabel", "renderInput", "label", "inputRef", "error", "placeholder", "freeSolo", "keyToTags", "maxFreeSolo", "SuggestionListProps", "autoSelect", "PopperProps", "initialIsOpen", "disabled", "required", "defaultIsOpen", "disableCloseOnSelect", "onChange", "onInputChange", "onMaxFreeSolo", "FormHelperTextProps", "action", "filterOptions", "renderOption", "renderTags", "getOptionDisabled", "renderGroup", "onGroupExpanded", "renderNoOptions", "InputProps", "debug", "disabledItemsHighlightable", "open", "onOpen", "onClose", "focused", "color"]);
     var _y = __read(useState('bottom'), 2), position = _y[0], setPosition = _y[1];
@@ -21,7 +130,10 @@ var _RcDownshift = memo(forwardRef(function (inProps, ref) {
     // * if that have pass old suggestionItems mean that use old logic
     var isNew = !suggestionItems;
     var oneOfTagError = false;
-    useDownshiftError({ isNew: isNew, MenuItem: MenuItem, InputItem: InputItem });
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useDownshiftError({ isNew: isNew, MenuItem: MenuItem, InputItem: InputItem });
+    }
     var required = requiredProp || (TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.required);
     var _z = useDownshift({
         focused: focused,
@@ -184,113 +296,7 @@ var _RcDownshift = memo(forwardRef(function (inProps, ref) {
             isOpen && (React.createElement(RcSuggestionList, __assign({ highlightedIndex: highlightedIndex, optionsGroupList: optionsGroupList, options: optionItems, groupVariant: groupVariant, groupExpanded: groupExpanded, renderGroup: renderGroup, MenuItem: MenuItem, renderOption: renderOption, inputValue: inputValue, getItemProps: getItemProps, getMenuProps: getMenuProps, changeHighlightedIndexReason: changeHighlightedIndexReason, getOptionDisabled: getOptionDisabled, isKeepHighlightedIndex: isKeepHighlightedIndex, onUpdatePopper: handleUpdatePopper, maxContainerHeight: 180, getOptionLabel: getOptionLabel }, SuggestionListProps))),
             isRenderNoOptions && (renderNoOptions === null || renderNoOptions === void 0 ? void 0 : renderNoOptions(getNoOptionsProps, noOptionItem)))));
 }));
-var RcDownshift = styled(withDeprecatedCheck(_RcDownshift, [
-    {
-        prop: 'onSelectChange',
-        time: '2021-10',
-        comment: "@deprecated should use `onChange` */",
-    },
-    {
-        prop: 'suggestionItems',
-        time: '2021-10',
-        comment: "@deprecated  should use `options` to replace */",
-    },
-    {
-        prop: 'selectedItems',
-        time: '2021-10',
-        comment: "@deprecated  not need any more */",
-    },
-    {
-        prop: 'itemToString',
-        time: '2021-10',
-        comment: "@deprecated use `getOptionLabel` to replace that */",
-    },
-    {
-        prop: 'MenuItem',
-        time: '2021-10',
-        comment: "@deprecated should use `renderOption` to replace that */",
-    },
-    {
-        prop: 'minRowHeight',
-        time: '2021-10',
-        comment: "@deprecated suggestion list row min height for virtual list */",
-    },
-    {
-        prop: 'enableFreeChips',
-        time: '2021-10',
-        comment: "@deprecated enable free chip mode, should use `freeSolo` to replace that */",
-    },
-    {
-        prop: 'inputLabel',
-        time: '2021-10',
-        comment: "@deprecated please use `label` to replace that */",
-    },
-    {
-        prop: 'inputPlaceholder',
-        time: '2021-10',
-        comment: "@deprecated input element placeholder attribute */",
-    },
-    {
-        prop: 'maxLength',
-        time: '2021-10',
-        comment: "@deprecated input element maxlength, please use `TextFieldProps.inputProps.maxLength` */",
-    },
-    {
-        prop: 'screenReader',
-        time: '2021-10',
-        comment: "@deprecated should use `screenReaderProps` */",
-    },
-    {
-        prop: 'automationId',
-        time: '2021-10',
-        comment: "@deprecated wrapper automationId, should use `data-test-automation-id` directly */",
-    },
-    {
-        prop: 'InputItem',
-        time: '2021-10',
-        comment: "@deprecated just use the `renderTags` to render whole tags  */",
-    },
-    {
-        prop: 'emailError',
-        time: '2021-10',
-        comment: "@deprecated please calculate error outside by your self with `renderTags`, or prepare ready items with error field */",
-    },
-    {
-        prop: 'errorSelectedItems',
-        time: '2021-10',
-        comment: "@deprecated please calculate error outside by your self with `renderTags`, or prepare ready items with error field */",
-    },
-    {
-        prop: 'nameError',
-        time: '2021-10',
-        comment: "@deprecated replace to `error` */",
-    },
-    {
-        prop: 'keyToChips',
-        time: '2021-10',
-        comment: "@deprecated rename to `keyToTags` */",
-    },
-    {
-        prop: 'limitOfFreeChips',
-        time: '2021-10',
-        comment: "@deprecated should use `max` */",
-    },
-    {
-        prop: 'enableAutoTransform',
-        time: '2021-10',
-        comment: "@deprecated should use `autoSelect` */",
-    },
-    {
-        prop: 'messageRef',
-        time: '2021-10',
-        comment: "@deprecated should use `inputRef` */",
-    },
-    {
-        prop: 'TextFieldProps',
-        time: '2021-10',
-        comment: "@deprecated TextField props */",
-    },
-], 'RcDownshift'))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), DownshiftStyle);
+var RcDownshift = styled(_RcDownshift)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), DownshiftStyle);
 RcDownshift.defaultProps = {};
 RcDownshift.displayName = 'RcDownshift';
 var ExportType = RcDownshift;

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

@@ -1,8 +1,8 @@
 import { __assign, __awaiter, __generator, __makeTemplateObject, __rest } from "tslib";
 import React, { createContext, forwardRef, useContext, useLayoutEffect, useMemo, useRef, } from 'react';
 import clsx from 'clsx';
+import { ArrowDown2 } from '@ringcentral/juno-icon';
 import { combineClasses, combineProps, omit, styled, useForkRef, usePrevious, useRetry, useSleep, useThemeProps, } from '../../../foundation';
-import ArrowDown2 from '../../../icon/ArrowDown2';
 import { RcBox } from '../../Box';
 import { RcIconButton } from '../../Buttons/IconButton';
 import { RcMenuItem } from '../../Menu/MenuItem';

package/es6/components/Downshift/utils/useDownshiftError.js

@@ -1,10 +1,11 @@
 import React, { useEffect } from 'react';
 import { isForwardRef } from 'react-is';
-import { isShowJunoWarning, logInDev } from '../../../foundation';
+import { logInDev, rcConfiguration } from '../../../foundation';
 // TODO: this just for check error props
 export var useDownshiftError = function (_a) {
     var isNew = _a.isNew, MenuItem = _a.MenuItem, InputItem = _a.InputItem;
-    if (isShowJunoWarning) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(function () {
             if (!isNew) {

package/es6/components/Forms/Checkbox/Checkbox.js

@@ -1,10 +1,8 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, useMemo } from 'react';
 import MuiCheckbox from '@material-ui/core/Checkbox';
-import { combineClasses, styled, useThemeProps, withDeprecatedCheck, } from '../../../foundation';
-import indeterminateIcon from '../../../icon/Indeterminate';
-import selectIcon from '../../../icon/Selects';
-import unSelectIcon from '../../../icon/Unselect';
+import { Indeterminate as indeterminateIcon, Selects as selectIcon, Unselect as unSelectIcon, } from '@ringcentral/juno-icon';
+import { combineClasses, styled, useDeprecatedCheck, useThemeProps, } from '../../../foundation';
 import { withTooltip } from '../../Tooltip';
 import { RcFormControlLabel } from '../FormControlLabel';
 import { CustomIconPropsGetter } from '../utils';
@@ -17,6 +15,16 @@ var getIconProps = CustomIconPropsGetter({
 });
 var _RcCheckbox = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcCheckbox' });
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useDeprecatedCheck(RcCheckbox, props, [
+            {
+                prop: 'iconSize',
+                time: '2021-4',
+                comment: "@deprecated using size to replace that",
+            },
+        ]);
+    }
     var label = props.label, formControlLabelProps = props.formControlLabelProps, color = props.color, error = props.error, followColorWhenUnChecked = props.followColorWhenUnChecked, classesProp = props.classes, iconSize = props.iconSize, sizeProp = props.size, icon = props.icon, checkedIcon = props.checkedIcon, rest = __rest(props, ["label", "formControlLabelProps", "color", "error", "followColorWhenUnChecked", "classes", "iconSize", "size", "icon", "checkedIcon"]);
     var size = sizeProp;
     // TODO: switch to size
@@ -31,13 +39,7 @@ var _RcCheckbox = forwardRef(function (inProps, ref) {
     }
     return Checkbox;
 });
-var RcCheckbox = styled(withDeprecatedCheck(withTooltip(_RcCheckbox), [
-    {
-        prop: 'iconSize',
-        time: '2021-4',
-        comment: "@deprecated using size to replace that",
-    },
-], 'RcCheckbox'))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), CheckboxStyle);
+var RcCheckbox = styled(withTooltip(_RcCheckbox))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), CheckboxStyle);
 RcCheckbox.displayName = 'RcCheckbox';
 RcCheckbox.defaultProps = {
     color: 'interactive.f01',

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

@@ -5,8 +5,8 @@ import MomentUtils from '@date-io/moment';
 import { useControlled } from '@material-ui/core/utils';
 import { MuiPickersUtilsProvider, useUtils as useMuiUtils, } from '@material-ui/pickers';
 import { findClosestEnabledDate as MuiFindClosestEnabledDate } from '@material-ui/pickers/_helpers/date-utils';
-import { combineClasses, combineProps, omit, styled, useEventCallback, useThemeProps, withDeprecatedCheck, } from '../../../../foundation';
-import DateBorder from '../../../../icon/DateBorder';
+import { DateBorder } from '@ringcentral/juno-icon';
+import { combineClasses, combineProps, omit, styled, useDeprecatedCheck, useEventCallback, useThemeProps, } from '../../../../foundation';
 import { PickerTextField, } from '../utils';
 import { Calendar } from './Calendar';
 import { invalidateDateInRange, RcDatePickerClasses, ScreenReaderProvider, } from './utils';
@@ -110,26 +110,30 @@ var InnerRcDatePicker = forwardRef(function (props, ref) {
 });
 var _RcDatePicker = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcDatePicker' });
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useDeprecatedCheck(RcDatePicker, props, [
+            {
+                prop: 'minDate',
+                time: '2021-3',
+                comment: "Min date @DateIOType, using min instead ",
+            },
+            {
+                prop: 'maxDate',
+                time: '2021-3',
+                comment: "Max date @DateIOType, using max instead ",
+            },
+            {
+                prop: 'date',
+                time: '2021-3',
+                comment: "please use value to replace that ",
+            },
+        ]);
+    }
     return (React.createElement(MuiPickersUtilsProvider, { utils: MomentUtils, locale: props.locale, libInstance: moment },
         React.createElement(InnerRcDatePicker, __assign({ ref: ref }, props))));
 });
-var RcDatePicker = styled(withDeprecatedCheck(_RcDatePicker, [
-    {
-        prop: 'minDate',
-        time: '2021-3',
-        comment: "Min date @DateIOType, using min instead ",
-    },
-    {
-        prop: 'maxDate',
-        time: '2021-3',
-        comment: "Max date @DateIOType, using max instead ",
-    },
-    {
-        prop: 'date',
-        time: '2021-3',
-        comment: "please use value to replace that ",
-    },
-], 'RcDatePicker'))(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var RcDatePicker = styled(_RcDatePicker)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 RcDatePicker.defaultProps = {
     clearBtn: true,
     formatString: DEFAULT_FORMAT,

package/es6/components/Forms/Picker/DatePicker/DatePickerHeader.js

@@ -1,7 +1,6 @@
 import React, { memo, useRef } from 'react';
 import { useUtils as useMuiUtils } from '@material-ui/pickers';
-import arrowLeftSvg from '../../../../icon/ArrowLeft2';
-import arrowRightSvg from '../../../../icon/ArrowRight';
+import { ArrowLeft2 as arrowLeftSvg, ArrowRight as arrowRightSvg, } from '@ringcentral/juno-icon';
 import { RcVisuallyHidden } from '../../../VisuallyHidden';
 import { SelectArrowDownIcon } from '../../Select/styles/SelectArrowDownIcon';
 import { StyledCurrentMonth, SwitchHeaderButton, SwitchHeaderButtonWrapper, SwitchHeaderWrapper, } from './styles';

package/es6/components/Forms/Picker/DatePicker/Day.js

@@ -1,8 +1,8 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, memo } from 'react';
-import { DayStyle } from './styles';
-import { PickerBaseIconButton } from '../styles';
 import { styled } from '../../../../foundation';
+import { PickerBaseIconButton } from '../styles';
+import { DayStyle } from './styles';
 var _Day = forwardRef(function (props, ref) {
     var children = props.children, disabled = props.disabled, hidden = props.hidden, current = props.current, selected = props.selected, size = props.size, focused = props.focused, day = props.day, rest = __rest(props, ["children", "disabled", "hidden", "current", "selected", "size", "focused", "day"]);
     return (React.createElement(PickerBaseIconButton, __assign({ "aria-pressed": focused, ref: ref, size: size, selected: selected, "data-picker-focused": focused ? '' : undefined, hidden: hidden, "data-test-automation-class": hidden ? 'date-picker-hidden-day' : 'date-picker-day', "data-test-automation-value": children, disabled: disabled }, rest),

package/es6/components/Forms/Picker/TimePicker/NumberPicker.js

@@ -1,9 +1,8 @@
 import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
 import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef, } from 'react';
 import { runKeyHandler } from '@material-ui/pickers/_shared/hooks/useKeyDown';
+import { ArrowDown as ArrowDownIcon, ArrowUp as ArrowUpIcon, } from '@ringcentral/juno-icon';
 import { styled, useChange, useDepsChange, useEventCallback, useForceUpdate, useRefState, } from '../../../../foundation';
-import ArrowDownIcon from '../../../../icon/ArrowDown';
-import ArrowUpIcon from '../../../../icon/ArrowUp';
 import { StyledNumberPicker } from './styles/StyledNumberPicker';
 import { StyledTimeIconButton } from './styles/StyledTimeIconButton';
 import { pad } from './utils';