@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

package/components/Card/CardSelectionArea/utils/CardSelectionAreaUtils.d.ts

@@ -1 +1 @@
-export declare const RcCardSelectionAreaClasses: Partial<import("../../../../foundation").UnitMap<"input" | "indeterminate" | "root" | "colorPrimary" | "colorSecondary" | "disabled" | "icon" | "iconOuterCircle" | "iconInnerCircle" | "checked", any>>;
+export declare const RcCardSelectionAreaClasses: Partial<import("../../../../foundation").UnitMap<"icon" | "iconOuterCircle" | "iconInnerCircle" | import("@material-ui/core").CheckboxClassKey, any>>;

package/components/Card/CardSelectionArea/utils/CardSelectionAreaUtils.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcCardSelectionAreaClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcCardSelectionAreaClasses = foundation_1.RcClasses(['root', 'checked', 'iconOuterCircle', 'iconInnerCircle', 'icon'], 'RcCardSelectionArea');
+exports.RcCardSelectionAreaClasses = (0, foundation_1.RcClasses)(['root', 'checked', 'iconOuterCircle', 'iconInnerCircle', 'icon'], 'RcCardSelectionArea');

package/components/Chip/Chip.d.ts

@@ -4,8 +4,8 @@ import { RcBaseProps, RcClassesProps, RcPaletteProp } from '../../foundation';
 import { RcAvatarProps } from '../Avatar';
 import { RcIconButtonProps } from '../Buttons/IconButton';
 import { WithTooltipProps } from '../Tooltip';
-declare type RcChipClassProp = RcClassesProps<'focused'>;
-declare type RcChipProps = {
+type RcChipClassProp = RcClassesProps<'focused'>;
+type RcChipProps = {
     /**
      * color palette set,
      *
@@ -44,22 +44,8 @@ interface RcChipTypeMap<D extends React.ElementType = 'div'> {
     props: RcChipProps;
     defaultComponent: D;
 }
-declare const RcChip: (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
+declare const RcChip: import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
     classKey: "";
-}> & string & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & number & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & false & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & import("styled-components").Styles & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & import("styled-components").Keyframes & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & import("styled-components").StyledComponentClass<any, any, any> & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & import("styled-components").InterpolationFunction<import("styled-components").ThemedStyledProps<RcChipProps, import("../../foundation").RcTheme>> & React.FunctionComponent<RcChipProps>) | (import("@material-ui/core/OverridableComponent").OverridableComponent<RcChipTypeMap<"div"> & {
-    classKey: "";
-}> & readonly (string | number | false | import("styled-components").Styles | import("styled-components").Keyframes | import("styled-components").StyledComponentClass<any, any, any> | import("styled-components").InterpolationFunction<import("styled-components").ThemedStyledProps<RcChipProps, import("../../foundation").RcTheme>> | readonly import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<RcChipProps, import("../../foundation").RcTheme>>[] | null | undefined)[] & React.FunctionComponent<RcChipProps>);
+}> & import("../../foundation").CustomStyledComponentResult<RcChipProps>;
 export { RcChip };
 export type { RcChipProps };

package/components/Chip/Chip.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcChip = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
@@ -9,14 +10,14 @@ var foundation_1 = require("../../foundation");
 var IconButton_1 = require("../Buttons/IconButton");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcChip = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcChip' });
+var _RcChip = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcChip' });
     var AvatarProp = props.Avatar, deleteTooltip = props.deleteTooltip, deleteAutomationId = props.deleteAutomationId, isError = props.isError, backgroundColor = props.backgroundColor, 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 = tslib_1.__rest(props, ["Avatar", "deleteTooltip", "deleteAutomationId", "isError", "backgroundColor", "classes", "avatar", "error", "id", "label", "disabled", "deleteIcon", "deleteIconProps", "tabIndex", "focused", "color", "className"]);
-    var innerRef = react_1.useRef(null);
-    var chipRef = foundation_1.useForkRef(innerRef, ref);
-    var combinedClasses = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcChipClasses, classesProp); }, [classesProp]);
-    var classes = react_1.useMemo(function () { return foundation_1.omit(combinedClasses, ['focused']); }, [combinedClasses]);
-    var deleteIcon = react_1.useMemo(function () {
+    var innerRef = (0, react_1.useRef)(null);
+    var chipRef = (0, foundation_1.useForkRef)(innerRef, ref);
+    var combinedClasses = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcChipClasses, classesProp); }, [classesProp]);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.omit)(combinedClasses, ['focused']); }, [combinedClasses]);
+    var deleteIcon = (0, react_1.useMemo)(function () {
         return deleteIconProp ? (react_1.default.cloneElement(deleteIconProp, tslib_1.__assign({ tabIndex: -1 }, deleteIconProps))) : (react_1.default.createElement(IconButton_1.RcIconButton, tslib_1.__assign({ tabIndex: -1, disabled: disabled, variant: "plain", size: "medium", title: deleteTooltip, color: error ? 'danger.f02' : undefined, "data-test-automation-id": deleteAutomationId, symbol: juno_icon_1.DeleteCircle }, deleteIconProps)));
     }, [
         deleteIconProp,
@@ -26,10 +27,10 @@ var _RcChip = react_1.forwardRef(function (inProps, ref) {
         error,
         deleteAutomationId,
     ]);
-    var avatar = react_1.useMemo(function () {
+    var avatar = (0, react_1.useMemo)(function () {
         if (avatarProp) {
             if (react_1.default.isValidElement(avatarProp) &&
-                foundation_1.isRcElement(avatarProp, ['RcAvatar']) &&
+                (0, foundation_1.isRcElement)(avatarProp, ['RcAvatar']) &&
                 // * if that size is equal to default size medium
                 // * that mean user not want to custom that
                 avatarProp.props.size === 'medium') {
@@ -43,12 +44,12 @@ var _RcChip = react_1.forwardRef(function (inProps, ref) {
     }, [avatarProp]);
     // TODO: can be removed when upgrade to v5
     // * need remove not need MuiChip-deletable for render correct
-    react_1.useLayoutEffect(function () {
-        foundation_1.removeClassName(innerRef, 'MuiChip-deletable');
+    (0, react_1.useLayoutEffect)(function () {
+        (0, foundation_1.removeClassName)(innerRef, 'MuiChip-deletable');
     });
-    return (react_1.default.createElement(Chip_1.default, tslib_1.__assign({ ref: chipRef, id: id, tabIndex: disabled ? -1 : tabIndex, label: label, disabled: disabled, classes: classes, className: clsx_1.default(className, focused ? combinedClasses.focused : undefined), avatar: avatar, deleteIcon: deleteIcon, "data-test-automation-class": "selected-item", "data-test-automation-value": id ? id : label, "data-is-error": error }, rest)));
+    return (react_1.default.createElement(Chip_1.default, tslib_1.__assign({ ref: chipRef, id: id, tabIndex: disabled ? -1 : tabIndex, label: label, disabled: disabled, classes: classes, className: (0, clsx_1.default)(className, focused ? combinedClasses.focused : undefined), avatar: avatar, deleteIcon: deleteIcon, "data-test-automation-class": "selected-item", "data-test-automation-value": id ? id : label, "data-is-error": error }, rest)));
 });
-var RcChip = foundation_1.overridableStyled(_RcChip)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.ChipStyle);
+var RcChip = (0, foundation_1.overridableStyled)(_RcChip)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.ChipStyle);
 exports.RcChip = RcChip;
 RcChip.defaultProps = {
     tabIndex: 0,

package/components/Chip/styles/ChipStyle.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChipStyle = exports.chipColor = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var styles_1 = require("../../Forms/TextField/styles");
 var utils_1 = require("../utils");
-var defaultBgColor = foundation_1.palette2('action', 'grayDark');
-var defaultTextColor = foundation_1.palette2('neutral', 'f06');
-var errorBgColor = foundation_1.palette2('danger', 'f02');
-var defaultOutlineBgColor = foundation_1.palette2('neutral', 'b01');
+var defaultBgColor = (0, foundation_1.palette2)('action', 'grayDark');
+var defaultTextColor = (0, foundation_1.palette2)('neutral', 'f06');
+var errorBgColor = (0, foundation_1.palette2)('danger', 'f02');
+var defaultOutlineBgColor = (0, foundation_1.palette2)('neutral', 'b01');
 function fakePseudoRoundBorder(addOptions) {
-    return foundation_1.fakeBorder(tslib_1.__assign({ pseudo: true, radius: 'round' }, addOptions));
+    return (0, foundation_1.fakeBorder)(tslib_1.__assign({ pseudo: true, radius: 'round' }, addOptions));
 }
-exports.chipColor = function (_a) {
+var chipColor = function (_a) {
     var focusedBorderColor = _a.focusedBorderColor, variant = _a.variant, error = _a.error, normalBorderColor = _a.normalBorderColor, interactiveBackgroundColor = _a.interactiveBackgroundColor, normalColor = _a.normalColor, normalBackgroundColor = _a.normalBackgroundColor, color = _a.color, backgroundColor = _a.backgroundColor, theme = _a.theme;
     var outlined = variant === 'outlined';
     var hoverColorLighten = error || outlined;
@@ -27,24 +28,22 @@ exports.chipColor = function (_a) {
         if (notCustomBackground) {
             normalBackgroundColor =
                 theme.palette.type === 'light'
-                    ? foundation_1.lighten(normalBackgroundColor, 0.92)
-                    : foundation_1.darken(normalBackgroundColor, 0.72);
+                    ? (0, foundation_1.lighten)(normalBackgroundColor, 0.92)
+                    : (0, foundation_1.darken)(normalBackgroundColor, 0.72);
         }
     }
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n    background-color: ", ";\n\n    ", ";\n\n    ", " {\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", ", ", " {\n      ", ";\n\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  "], ["\n    color: ", ";\n    background-color: ", ";\n\n    ", ";\n\n    ", " {\n      &:hover {\n        background-color: ",
-        ";\n      }\n    }\n\n    &.", ", ", " {\n      ", ";\n\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  "])), normalColor, normalBackgroundColor, fakePseudoRoundBorder({ color: normalBorderColor }), foundation_1.nonTouchHoverMedia, foundation_1.setOpacity(interactiveBackgroundColor, hoverColorLighten ? '08' : '12'), utils_1.RcChipClasses.focused, foundation_1.focusVisible, fakePseudoRoundBorder({ color: focusedBorderColor }), foundation_1.setOpacity(interactiveBackgroundColor, '16'), foundation_1.setOpacity(interactiveBackgroundColor, '24'));
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n    background-color: ", ";\n\n    ", ";\n\n    ", " {\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", ", ", " {\n      ", ";\n\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  "], ["\n    color: ", ";\n    background-color: ", ";\n\n    ", ";\n\n    ", " {\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", ", ", " {\n      ", ";\n\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  "])), normalColor, normalBackgroundColor, fakePseudoRoundBorder({ color: normalBorderColor }), foundation_1.nonTouchHoverMedia, (0, foundation_1.setOpacity)(interactiveBackgroundColor, hoverColorLighten ? '08' : '12'), utils_1.RcChipClasses.focused, foundation_1.focusVisible, fakePseudoRoundBorder({ color: focusedBorderColor }), (0, foundation_1.setOpacity)(interactiveBackgroundColor, '16'), (0, foundation_1.setOpacity)(interactiveBackgroundColor, '24'));
 };
-exports.ChipStyle = function (props) {
+exports.chipColor = chipColor;
+var ChipStyle = function (props) {
     var isError = props.isError, _a = props.error, error = _a === void 0 ? isError : _a, colorProp = props.color, variant = props.variant, _b = props.backgroundColor, backgroundColorProp = _b === void 0 ? colorProp : _b;
-    var parsedBackgroundColor = foundation_1.getParsePaletteColor(backgroundColorProp, defaultOutlineBgColor);
-    var color = foundation_1.getParsePaletteColor(colorProp, foundation_1.focusVisibleColor);
+    var parsedBackgroundColor = (0, foundation_1.getParsePaletteColor)(backgroundColorProp, defaultOutlineBgColor);
+    var color = (0, foundation_1.getParsePaletteColor)(colorProp, foundation_1.focusVisibleColor);
     var outlined = variant === 'outlined';
     var normalBackgroundColor = outlined
         ? parsedBackgroundColor
-        : foundation_1.palette2('neutral', 'b03');
-    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    height: 28px;\n    box-sizing: border-box;\n    padding: ", ";\n\n    position: relative;\n    border-radius: ", ";\n    border: ", ";\n\n    ", ";\n    ", ";\n\n    ", ";\n\n    &.", " {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", ";\n\n    .", " {\n      color: ", ";\n      margin-left: 0px;\n      margin-right: -4px;\n\n      span {\n        width: auto;\n        height: auto;\n      }\n    }\n  "], ["\n    height: 28px;\n    box-sizing: border-box;\n    padding: ", ";\n\n    position: relative;\n    border-radius: ", ";\n    border: ", ";\n\n    ", ";\n    ", ";\n\n    ",
-        ";\n\n    &.", " {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ",
-        ";\n\n    .", " {\n      color: ", ";\n      margin-left: 0px;\n      margin-right: -4px;\n\n      span {\n        width: auto;\n        height: auto;\n      }\n    }\n  "])), foundation_1.spacing(0.5), foundation_1.radius('round'), outlined && 'none', foundation_1.ellipsis, foundation_1.typography('body1'), exports.chipColor(tslib_1.__assign(tslib_1.__assign({}, props), { error: error, normalColor: defaultTextColor, normalBackgroundColor: normalBackgroundColor, focusedBorderColor: color, normalBorderColor: outlined ? foundation_1.palette2('neutral', 'l02') : undefined, interactiveBackgroundColor: defaultBgColor })), utils_1.RcChipClasses.disabled, styles_1.disabledColor, error && foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      &:not(.", ") {\n        ", ";\n      }\n    "], ["\n      &:not(.", ") {\n        ",
-        ";\n      }\n    "])), utils_1.RcChipClasses.disabled, exports.chipColor(tslib_1.__assign(tslib_1.__assign({}, props), { error: error, normalColor: errorBgColor, normalBackgroundColor: foundation_1.palette2('danger', 'b01'), focusedBorderColor: errorBgColor, normalBorderColor: errorBgColor, interactiveBackgroundColor: errorBgColor }))), utils_1.RcChipClasses.avatar, foundation_1.palette2('neutral', 'b01'));
+        : (0, foundation_1.palette2)('neutral', 'b03');
+    return (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    height: 28px;\n    box-sizing: border-box;\n    padding: ", ";\n\n    position: relative;\n    border-radius: ", ";\n    border: ", ";\n\n    ", ";\n    ", ";\n\n    ", ";\n\n    &.", " {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", ";\n\n    .", " {\n      color: ", ";\n      margin-left: 0px;\n      margin-right: -4px;\n\n      span {\n        width: auto;\n        height: auto;\n      }\n    }\n  "], ["\n    height: 28px;\n    box-sizing: border-box;\n    padding: ", ";\n\n    position: relative;\n    border-radius: ", ";\n    border: ", ";\n\n    ", ";\n    ", ";\n\n    ", ";\n\n    &.", " {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", ";\n\n    .", " {\n      color: ", ";\n      margin-left: 0px;\n      margin-right: -4px;\n\n      span {\n        width: auto;\n        height: auto;\n      }\n    }\n  "])), (0, foundation_1.spacing)(0.5), (0, foundation_1.radius)('round'), outlined && 'none', foundation_1.ellipsis, (0, foundation_1.typography)('body1'), (0, exports.chipColor)(tslib_1.__assign(tslib_1.__assign({}, props), { error: error, normalColor: defaultTextColor, normalBackgroundColor: normalBackgroundColor, focusedBorderColor: color, normalBorderColor: outlined ? (0, foundation_1.palette2)('neutral', 'l02') : undefined, interactiveBackgroundColor: defaultBgColor })), utils_1.RcChipClasses.disabled, styles_1.disabledColor, error && (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      &:not(.", ") {\n        ", ";\n      }\n    "], ["\n      &:not(.", ") {\n        ", ";\n      }\n    "])), utils_1.RcChipClasses.disabled, (0, exports.chipColor)(tslib_1.__assign(tslib_1.__assign({}, props), { error: error, normalColor: errorBgColor, normalBackgroundColor: (0, foundation_1.palette2)('danger', 'b01'), focusedBorderColor: errorBgColor, normalBorderColor: errorBgColor, interactiveBackgroundColor: errorBgColor }))), utils_1.RcChipClasses.avatar, (0, foundation_1.palette2)('neutral', 'b01'));
 };
+exports.ChipStyle = ChipStyle;
 var templateObject_1, templateObject_2, templateObject_3;

package/components/Chip/utils/ChipUtils.d.ts

@@ -1,2 +1,2 @@
-declare const RcChipClasses: Partial<import("../../../foundation").UnitMap<"label" | "root" | "colorPrimary" | "colorSecondary" | "disabled" | "outlined" | "focused" | "icon" | "outlinedPrimary" | "outlinedSecondary" | "sizeSmall" | "avatar" | "clickable" | "deleteIcon" | "clickableColorPrimary" | "clickableColorSecondary" | "deletable" | "deletableColorPrimary" | "deletableColorSecondary" | "avatarSmall" | "avatarColorPrimary" | "avatarColorSecondary" | "iconSmall" | "iconColorPrimary" | "iconColorSecondary" | "labelSmall" | "deleteIconSmall" | "deleteIconColorPrimary" | "deleteIconColorSecondary" | "deleteIconOutlinedColorPrimary" | "deleteIconOutlinedColorSecondary", any>>;
+declare const RcChipClasses: Partial<import("../../../foundation").UnitMap<"focused" | import("@material-ui/core").ChipClassKey, any>>;
 export { RcChipClasses };

package/components/Chip/utils/ChipUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcChipClasses = void 0;
 var foundation_1 = require("../../../foundation");
-var RcChipClasses = foundation_1.RcClasses(['avatar', 'disabled', 'deleteIcon', 'focused'], 'RcChip');
+var RcChipClasses = (0, foundation_1.RcClasses)(['avatar', 'disabled', 'deleteIcon', 'focused'], 'RcChip');
 exports.RcChipClasses = RcChipClasses;

package/components/ClickAwayListener/ClickAwayListener.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickAwayListener = void 0;
 var tslib_1 = require("tslib");
 var ClickAwayListener_1 = tslib_1.__importDefault(require("@material-ui/core/ClickAwayListener"));
 exports.ClickAwayListener = ClickAwayListener_1.default;

package/components/DetachedWindow/DetachedWindow.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-declare type RcDetachedWindowProps = {
+type RcDetachedWindowProps = {
     /**
      * open state of that window
      */
@@ -59,7 +59,7 @@ declare type RcDetachedWindowProps = {
      */
     getWindow?: (props: Pick<RcDetachedWindowProps, 'url' | 'name' | 'specs' | 'title'>) => Window | undefined | null;
 };
-declare type RcDetachedWindowRef = {
+type RcDetachedWindowRef = {
     /** target opened window, only can get after `onload` */
     window?: Window;
 };

package/components/DetachedWindow/DetachedWindow.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDetachedWindow = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
@@ -13,19 +14,19 @@ var utils_2 = require("./utils");
  * implementation follow `window.open` api
  * https://www.w3schools.com/jsref/met_win_open.asp
  */
-var RcDetachedWindow = react_1.memo(react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDetachedWindow' });
+var RcDetachedWindow = (0, react_1.memo)((0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.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, open = props.open, onOpen = props.onOpen, getWindow = props.getWindow, keep = props.keep;
-    var _a = tslib_1.__read(react_1.useState(), 2), externalWindow = _a[0], setExternalWindow = _a[1];
-    var isCloseByWindowExitRef = react_1.useRef(false);
-    var innerRef = react_1.useRef(null);
-    var instanceRef = utils_1.useForkRef(ref, innerRef);
-    var beforeMainUnload = foundation_1.useEventCallback(function () {
+    var _a = tslib_1.__read((0, react_1.useState)(), 2), externalWindow = _a[0], setExternalWindow = _a[1];
+    var isCloseByWindowExitRef = (0, react_1.useRef)(false);
+    var innerRef = (0, react_1.useRef)(null);
+    var instanceRef = (0, utils_1.useForkRef)(ref, innerRef);
+    var beforeMainUnload = (0, foundation_1.useEventCallback)(function () {
         if (externalWindow) {
             closeWindow(externalWindow);
         }
     });
-    var closeWindow = foundation_1.useEventCallback(function (externalWindow, isState) {
+    var closeWindow = (0, foundation_1.useEventCallback)(function (externalWindow, isState) {
         if (isState === void 0) { isState = true; }
         // * remember remove main window listener beforeunload when close window
         window.removeEventListener('beforeunload', beforeMainUnload);
@@ -36,13 +37,13 @@ var RcDetachedWindow = react_1.memo(react_1.forwardRef(function (inProps, ref) {
             setExternalWindow(undefined);
         }
     });
-    var openWindow = foundation_1.useEventCallback(function () {
+    var openWindow = (0, foundation_1.useEventCallback)(function () {
         var newWindow = getWindow
             ? getWindow({ url: url, name: name, specs: specs, title: title })
-            : utils_2.openExternalWindow(props);
+            : (0, utils_2.openExternalWindow)(props);
         if (!newWindow) {
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcDetachedWindow',
                     message: 'Please check your window instance, that `window.open` should not trigger by another window',
                 });
@@ -51,7 +52,7 @@ var RcDetachedWindow = react_1.memo(react_1.forwardRef(function (inProps, ref) {
         }
         if (title)
             newWindow.document.title = title;
-        utils_2.addCommentInHeader(newWindow);
+        (0, utils_2.addCommentInHeader)(newWindow);
         if (onload)
             newWindow.onload = onload;
         if (onUnload)
@@ -66,7 +67,7 @@ var RcDetachedWindow = react_1.memo(react_1.forwardRef(function (inProps, ref) {
         window.addEventListener('beforeunload', beforeMainUnload);
         return newWindow;
     });
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         utils_2.DetachedWindowRefMaps.set(innerRef, true);
         var newWindow;
         if (open) {
@@ -84,10 +85,10 @@ var RcDetachedWindow = react_1.memo(react_1.forwardRef(function (inProps, ref) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    react_1.useImperativeHandle(instanceRef, function () { return ({
+    (0, react_1.useImperativeHandle)(instanceRef, function () { return ({
         window: externalWindow,
     }); }, [externalWindow]);
-    var children = react_1.useMemo(function () {
+    var children = (0, react_1.useMemo)(function () {
         if (!(externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body))
             return null;
         return (react_1.default.createElement(DetachedWindowStylesProvider_1.RcDetachedWindowStylesProvider, { jssInsertionPoint: utils_2.MUI_INSERTION_POINT, externalWindow: externalWindow },

package/components/DetachedWindow/DetachedWindowStylesProvider.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-export declare type RcDetachedWindowStylesProviderProps = {
+import React, { FunctionComponent } from 'react';
+export type RcDetachedWindowStylesProviderProps = {
     /**
      * the window to render content
      */
@@ -8,5 +8,9 @@ export declare type RcDetachedWindowStylesProviderProps = {
      * the insertion point for jss
      */
     jssInsertionPoint?: string;
+    /**
+     * children
+     */
+    children?: React.ReactNode;
 };
 export declare const RcDetachedWindowStylesProvider: FunctionComponent<RcDetachedWindowStylesProviderProps>;

package/components/DetachedWindow/DetachedWindowStylesProvider.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDetachedWindowStylesProvider = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 // @ts-ignore
@@ -7,17 +8,17 @@ var styled_components_1 = require("styled-components");
 var StylesProvider_1 = tslib_1.__importStar(require("@material-ui/styles/StylesProvider"));
 var foundation_1 = require("../../foundation");
 var utils_1 = require("./utils");
-exports.RcDetachedWindowStylesProvider = function (props) {
+var RcDetachedWindowStylesProvider = function (props) {
     var externalWindow = props.externalWindow, jssInsertionPoint = props.jssInsertionPoint, children = props.children;
-    var sheetsManagerRef = react_1.useRef(new Map());
-    var jssCache = react_1.useRef();
-    var sheetCache = react_1.useRef();
-    react_1.useEffect(function () { return function () {
+    var sheetsManagerRef = (0, react_1.useRef)(new Map());
+    var jssCache = (0, react_1.useRef)();
+    var sheetCache = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () { return function () {
         jssCache.current = undefined;
         sheetCache.current = undefined;
     }; }, []);
     if (!jssCache.current) {
-        jssCache.current = utils_1.buildJssFromWindow(externalWindow, {
+        jssCache.current = (0, utils_1.buildJssFromWindow)(externalWindow, {
             insertionPoint: jssInsertionPoint,
         });
     }
@@ -28,3 +29,4 @@ exports.RcDetachedWindowStylesProvider = function (props) {
     return (react_1.default.createElement(foundation_1.StyleSheetManager, { sheet: sheetCache.current },
         react_1.default.createElement(StylesProvider_1.StylesContext.Consumer, null, function (options) { return (react_1.default.createElement(StylesProvider_1.default, tslib_1.__assign({}, options, { jss: jssCache.current, sheetsManager: sheetsManagerRef.current }), children)); })));
 };
+exports.RcDetachedWindowStylesProvider = RcDetachedWindowStylesProvider;

package/components/DetachedWindow/styles/DetachedWindowStyle.d.ts

@@ -1 +1 @@
-export declare const GlobalStyle: import("styled-components").GlobalStyleClass<{}, import("../../../foundation").RcTheme>;
+export declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("../../../foundation").RcTheme>;

package/components/DetachedWindow/styles/DetachedWindowStyle.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
-exports.GlobalStyle = foundation_1.createGlobalStyle(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  body {\n    background-color:", ";\n    margin: 0;\n    padding-right: 0 !important;\n    background: ", ";\n    padding: 0;\n    font-family: Lato, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n"], ["\n  body {\n    background-color:", ";\n    margin: 0;\n    padding-right: 0 !important;\n    background: ", ";\n    padding: 0;\n    font-family: Lato, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n"])), foundation_1.palette2('neutral', 'elevation'), foundation_1.palette2('neutral', 'b03'));
+exports.GlobalStyle = (0, foundation_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  body {\n    background-color:", ";\n    margin: 0;\n    padding-right: 0 !important;\n    background: ", ";\n    padding: 0;\n    font-family: Lato, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n"], ["\n  body {\n    background-color:", ";\n    margin: 0;\n    padding-right: 0 !important;\n    background: ", ";\n    padding: 0;\n    font-family: Lato, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n"])), (0, foundation_1.palette2)('neutral', 'elevation'), (0, foundation_1.palette2)('neutral', 'b03'));
 var templateObject_1;

package/components/DetachedWindow/utils/DetachedWindowUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCommentInHeader = exports.MUI_INSERTION_POINT = void 0;
 exports.MUI_INSERTION_POINT = 'mui-insertion-point';
 function addCommentInHeader(newWindow) {
     var fragment = document.createDocumentFragment();

package/components/DetachedWindow/utils/JssDomRendererFactory.d.ts

@@ -1,11 +1,11 @@
-import { JssOptions, Renderer, SheetsRegistry, StyleSheet as IStyleSheet } from 'jss';
-declare type StyleSheet = IStyleSheet & {
+import { Jss, JssOptions, Renderer, SheetsRegistry, StyleSheet as IStyleSheet } from 'jss';
+type StyleSheet = IStyleSheet & {
     renderer?: Renderer & {
         element: Element;
     };
 };
 export default function JssDomRendererFactory(window: Window, sheets: SheetsRegistry): {
-    new (sheet?: StyleSheet | undefined): {
+    new (sheet?: StyleSheet): {
         element: HTMLElement;
         sheet?: StyleSheet | undefined;
         attach(): void;
@@ -26,5 +26,5 @@ export declare function buildJssFromWindow(targetWindow: Window,
 /**
  * custom jss option
  */
-options?: Partial<JssOptions>): any;
+options?: Partial<JssOptions>): Jss;
 export {};

package/components/DetachedWindow/utils/JssDomRendererFactory.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildJssFromWindow = void 0;
 var tslib_1 = require("tslib");
 var jss_1 = require("jss");
 var jssPreset_1 = tslib_1.__importDefault(require("@material-ui/styles/jssPreset"));
-var jssInst = jss_1.create(jssPreset_1.default());
+var jssInst = (0, jss_1.create)((0, jssPreset_1.default)());
 var JssDomRendererConstructor = jssInst.options.Renderer;
 function warning(message) {
     if (process.env.NODE_ENV !== 'production') {
@@ -67,7 +68,7 @@ function JssDomRendererFactory(window, sheets) {
             }
             // If user specifies an insertion point and it can't be found in the document -
             // bad specificity issues may appear.
-            warning("[JSS] Insertion point \"" + insertionPoint + "\" not found.");
+            warning("[JSS] Insertion point \"".concat(insertionPoint, "\" not found."));
         }
         return false;
     };
@@ -156,7 +157,7 @@ options) {
     // jss use global sheetsRegistry internally, but in our usecase, we need stand alone sheetsRegistry
     // we change jss behavior by patch-pacakge jss, will try to submit pr to jss repo later
     var sheetsRegistry = new jss_1.SheetsRegistry();
-    return jss_1.create(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, jssPreset_1.default()), options), { 
+    return (0, jss_1.create)(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (0, jssPreset_1.default)()), options), { 
         // @ts-ignore
         sheetsRegistry: sheetsRegistry, Renderer: JssDomRendererFactory(targetWindow, sheetsRegistry) }));
 }

package/components/DetachedWindow/utils/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.JssDomRendererFactory = void 0;
 var tslib_1 = require("tslib");
 var JssDomRendererFactory_1 = tslib_1.__importDefault(require("./JssDomRendererFactory"));
 exports.JssDomRendererFactory = JssDomRendererFactory_1.default;

package/components/DetachedWindow/utils/openExternalWindow.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { RcDetachedWindowProps, RcDetachedWindowRef } from '../DetachedWindow';
 export declare const DetachedWindowRefMaps: Map<import("react").RefObject<RcDetachedWindowRef>, any>;
 export declare const openExternalWindow: ({ url, name, specs, }: RcDetachedWindowProps) => Window | null;

package/components/DetachedWindow/utils/openExternalWindow.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.openExternalWindow = exports.DetachedWindowRefMaps = void 0;
 var tslib_1 = require("tslib");
 exports.DetachedWindowRefMaps = new Map();
-exports.openExternalWindow = function (_a) {
+var openExternalWindow = function (_a) {
     var e_1, _b;
-    var _c = _a.url, url = _c === void 0 ? '' : _c, name = _a.name, specs = _a.specs;
-    var _d, _e, _f;
+    var _c, _d, _e;
+    var _f = _a.url, url = _f === void 0 ? '' : _f, name = _a.name, specs = _a.specs;
     var newWindow = null;
     try {
         for (var DetachedWindowRefMaps_1 = tslib_1.__values(exports.DetachedWindowRefMaps), DetachedWindowRefMaps_1_1 = DetachedWindowRefMaps_1.next(); !DetachedWindowRefMaps_1_1.done; DetachedWindowRefMaps_1_1 = DetachedWindowRefMaps_1.next()) {
             var _g = tslib_1.__read(DetachedWindowRefMaps_1_1.value, 1), key = _g[0];
-            var result = (_e = (_d = key.current) === null || _d === void 0 ? void 0 : _d.window) === null || _e === void 0 ? void 0 : _e.open(url, name, specs);
+            var result = (_d = (_c = key.current) === null || _c === void 0 ? void 0 : _c.window) === null || _d === void 0 ? void 0 : _d.open(url, name, specs);
             if (result) {
                 newWindow = result;
                 break;
@@ -32,8 +33,9 @@ exports.openExternalWindow = function (_a) {
             return null;
         }
     }
-    var body = (_f = newWindow.document) === null || _f === void 0 ? void 0 : _f.body;
+    var body = (_e = newWindow.document) === null || _e === void 0 ? void 0 : _e.body;
     if (!body)
         return null;
     return newWindow;
 };
+exports.openExternalWindow = openExternalWindow;

package/components/Dialer/DialDelete/DialDelete.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { RcDialPadOnChangeReason } from '../DialPad';
-declare type RcDialDeleteProps = {
+type RcDialDeleteProps = {
     /** that children for host delete behaviors */
     children: React.ReactElement;
     /** trigger when delete */

package/components/Dialer/DialDelete/DialDelete.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDialDelete = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
 var holdTime = 1000;
 var RcDialDelete = function (inProps) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDialDelete' });
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcDialDelete' });
     var onDelete = props.onDelete, onClear = props.onClear, children = props.children;
-    var _a = utils_1.useRcDialerContext(), onClearRef = _a.onClearRef, onDeleteRef = _a.onDeleteRef;
+    var _a = (0, utils_1.useRcDialerContext)(), onClearRef = _a.onClearRef, onDeleteRef = _a.onDeleteRef;
     var handleClear = function (e, reason) {
         var _a;
         onClear === null || onClear === void 0 ? void 0 : onClear(e, reason);
@@ -19,8 +20,8 @@ var RcDialDelete = function (inProps) {
         onDelete === null || onDelete === void 0 ? void 0 : onDelete(e, reason);
         (_a = onDeleteRef === null || onDeleteRef === void 0 ? void 0 : onDeleteRef.current) === null || _a === void 0 ? void 0 : _a.call(onDeleteRef, e, reason);
     };
-    var _b = foundation_1.useLongPress({ onTap: handleDelete, onPress: handleClear }, children.props, { delay: holdTime, externalWindow: props.externalWindow }), ref = _b.ref, events = tslib_1.__rest(_b, ["ref"]);
-    var forkEleRef = foundation_1.useForkRef(children.props.ref, ref);
+    var _b = (0, foundation_1.useLongPress)({ onTap: handleDelete, onPress: handleClear }, children.props, { delay: holdTime, externalWindow: props.externalWindow }), ref = _b.ref, events = tslib_1.__rest(_b, ["ref"]);
+    var forkEleRef = (0, foundation_1.useForkRef)(children.props.ref, ref);
     return react_1.default.cloneElement(children, tslib_1.__assign({ ref: forkEleRef }, events));
 };
 exports.RcDialDelete = RcDialDelete;