@ringcentral/juno 2.46.0 → 3.0.0-alpha.0

package/components/Tooltip/Tooltip.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcTooltip = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Tooltip_1 = tslib_1.__importDefault(require("@material-ui/core/Tooltip"));
 var foundation_1 = require("../../foundation");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcTooltip = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcTooltip' });
+var _RcTooltip = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcTooltip' });
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedCheck(RcTooltip, props, [
+        (0, foundation_1.useDeprecatedCheck)(RcTooltip, props, [
             {
                 prop: 'injectGlobalStyle',
                 time: '2021-3',
@@ -22,17 +23,17 @@ var _RcTooltip = react_1.forwardRef(function (inProps, ref) {
     // * that className will pass into children, just pick that and pass into root popper
     // * that also not a props in mui doc  https://material-ui.com/api/tooltip/
     classNameProp = props.className, classesProp = props.classes, PopperPropsProp = props.PopperProps, textColor = props.textColor, color = props.color, ignorePointer = props.ignorePointer, size = props.size, maskProps = props.maskProps, title = props.title, injectGlobalStyle = props.injectGlobalStyle, rest = tslib_1.__rest(props, ["children", "tooltipForceHide", "open", "onOpen", "onClose", "className", "classes", "PopperProps", "textColor", "color", "ignorePointer", "size", "maskProps", "title", "injectGlobalStyle"]);
-    var externalWindow = foundation_1.useRcPortalWindowContext().externalWindow;
-    var _a = tslib_1.__read(react_1.useState(false), 2), isDisabledButton = _a[0], setIsDisabledButton = _a[1];
-    var popperInnerRef = react_1.useRef(null);
-    var innerRef = react_1.useRef(null);
-    var tooltipRef = foundation_1.useForkRef(ref, innerRef);
-    var classes = react_1.useMemo(function () {
-        return foundation_1.combineClasses(foundation_1.combineClasses({ popper: classNameProp }, utils_1.RcTooltipClasses), classesProp);
+    var externalWindow = (0, foundation_1.useRcPortalWindowContext)().externalWindow;
+    var _a = tslib_1.__read((0, react_1.useState)(false), 2), isDisabledButton = _a[0], setIsDisabledButton = _a[1];
+    var popperInnerRef = (0, react_1.useRef)(null);
+    var innerRef = (0, react_1.useRef)(null);
+    var tooltipRef = (0, foundation_1.useForkRef)(ref, innerRef);
+    var classes = (0, react_1.useMemo)(function () {
+        return (0, foundation_1.combineClasses)((0, foundation_1.combineClasses)({ popper: classNameProp }, utils_1.RcTooltipClasses), classesProp);
     }, [classNameProp, classesProp]);
-    var PopperProps = react_1.useMemo(function () {
+    var PopperProps = (0, react_1.useMemo)(function () {
         var _a = PopperPropsProp || {}, tooltipPopperRef = _a.ref, restPopperPropsProp = tslib_1.__rest(_a, ["ref"]);
-        return tslib_1.__assign(tslib_1.__assign({}, foundation_1.combineProps({
+        return tslib_1.__assign(tslib_1.__assign({}, (0, foundation_1.combineProps)({
             container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body,
             popperOptions: {
                 // when popper update position, if left < 0 and top <= 0, that means popper is out of window
@@ -49,10 +50,10 @@ var _RcTooltip = react_1.forwardRef(function (inProps, ref) {
             },
         }, restPopperPropsProp)), { ref: function (elm) {
                 popperInnerRef.current = elm;
-                foundation_1.setRef(tooltipPopperRef, elm);
+                (0, foundation_1.setRef)(tooltipPopperRef, elm);
             } });
     }, [PopperPropsProp, externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body]);
-    var forceHideAdditionProps = utils_1.useTooltipForceHide({
+    var forceHideAdditionProps = (0, utils_1.useTooltipForceHide)({
         ref: innerRef,
         tooltipForceHide: tooltipForceHide,
         open: openProp,
@@ -67,7 +68,7 @@ var _RcTooltip = react_1.forwardRef(function (inProps, ref) {
     // * use to fix when children button is `disabled` that error in Mui
     // * https://github.com/mui-org/material-ui/blob/next/packages/material-ui/src/Tooltip/Tooltip.js#L269
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    react_1.useLayoutEffect(function () {
+    (0, react_1.useLayoutEffect)(function () {
         var childNode = innerRef.current;
         if (isDisabledButton &&
             childNode &&
@@ -75,7 +76,7 @@ var _RcTooltip = react_1.forwardRef(function (inProps, ref) {
             childNode.disabled) {
             setIsDisabledButton(true);
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcTooltip',
                     message: 'You have set a tooltip on disabled button, A disabled element does not fire events.',
                 });
@@ -88,7 +89,7 @@ var _RcTooltip = react_1.forwardRef(function (inProps, ref) {
     return (react_1.default.createElement(Tooltip_1.default, tslib_1.__assign({ ref: tooltipRef, title: isDisabledButton ? '' : title, arrow: true, classes: classes, PopperProps: PopperProps }, additionProp, rest), ignorePointer ? (react_1.default.createElement(styles_1.Mask, tslib_1.__assign({}, maskProps), children)) : (children)));
 });
 /** @release */
-var RcTooltip = foundation_1.styled(_RcTooltip)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.tooltipStyle);
+var RcTooltip = (0, foundation_1.styled)(_RcTooltip)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.tooltipStyle);
 exports.RcTooltip = RcTooltip;
 RcTooltip.defaultProps = {
     placement: 'bottom',

package/components/Tooltip/styles/Mask.d.ts

@@ -1,3 +1 @@
-/// <reference types="react" />
-/// <reference types="styled-jsx" />
-export declare const Mask: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const Mask: import("styled-components").StyledComponent<"span", import("../../../foundation").RcTheme, {}, never>;

package/components/Tooltip/styles/Mask.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mask = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 exports.Mask = foundation_1.styled.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-block;\n  outline: none;\n"], ["\n  display: inline-block;\n  outline: none;\n"])));

package/components/Tooltip/styles/StyledTooltip.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.tooltipStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
@@ -17,26 +18,26 @@ var tooltipPadding = function (_a) {
 };
 var tooltipColor = function (_a) {
     var color = _a.color;
-    return foundation_1.getParsePaletteColor(color);
+    return (0, foundation_1.getParsePaletteColor)(color);
 };
 var tooltipTextColor = function (_a) {
     var textColor = _a.textColor;
-    return foundation_1.getParsePaletteColor(textColor);
+    return (0, foundation_1.getParsePaletteColor)(textColor);
 };
 var arrowSize = {
-    vertical: foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    height: 0.4em;\n    width: 0.6em;\n  "], ["\n    height: 0.4em;\n    width: 0.6em;\n  "]))),
-    horizontal: foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    height: 0.6em;\n    width: 0.4em;\n  "], ["\n    height: 0.6em;\n    width: 0.4em;\n  "]))),
+    vertical: (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    height: 0.4em;\n    width: 0.6em;\n  "], ["\n    height: 0.4em;\n    width: 0.6em;\n  "]))),
+    horizontal: (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    height: 0.6em;\n    width: 0.4em;\n  "], ["\n    height: 0.6em;\n    width: 0.4em;\n  "]))),
 };
 var marginOffset = '-0.4em';
-var horizontalMarginTopAndMarginBottom = foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  margin-top: 3px;\n  margin-bottom: 3px;\n"], ["\n  margin-top: 3px;\n  margin-bottom: 3px;\n"])));
-exports.tooltipStyle = function () {
-    return foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    ", "\n    max-width: calc(100% - 10px);\n\n    .", " {\n      ", ";\n      background-color: ", ";\n      color: ", ";\n      padding: ", ";\n      word-break: break-word;\n      position: relative;\n    }\n\n    .", ",\n      .", " {\n      margin: ", " 0;\n    }\n\n    .", ",\n      .", " {\n      margin: 0 ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        margin-bottom: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-right: ", ";\n        ", "\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-left: ", ";\n        ", "\n        ", "\n      }\n    }\n  "], ["\n    "
+var horizontalMarginTopAndMarginBottom = (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  margin-top: 3px;\n  margin-bottom: 3px;\n"], ["\n  margin-top: 3px;\n  margin-bottom: 3px;\n"])));
+var tooltipStyle = function () {
+    return (0, foundation_1.css)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    ", "\n    max-width: calc(100% - 10px);\n\n    .", " {\n      ", ";\n      background-color: ", ";\n      color: ", ";\n      padding: ", ";\n      word-break: break-word;\n      position: relative;\n    }\n\n    .", ",\n      .", " {\n      margin: ", " 0;\n    }\n\n    .", ",\n      .", " {\n      margin: 0 ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        margin-bottom: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-right: ", ";\n        ", "\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-left: ", ";\n        ", "\n        ", "\n      }\n    }\n  "], ["\n    "
         // The preventOverflowModifier of popperjs has 5px padding.
         // So need set max-width to calc(100% - 10px) to prevent overflow when the tooltip is too long.
-        ,
-        "\n    max-width: calc(100% - 10px);\n\n    .", " {\n      ", ";\n      background-color: ", ";\n      color: ", ";\n      padding: ", ";\n      word-break: break-word;\n      position: relative;\n    }\n\n    .", ",\n      .", " {\n      margin: ", " 0;\n    }\n\n    .", ",\n      .", " {\n      margin: 0 ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        margin-bottom: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-right: ", ";\n        ", "\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-left: ", ";\n        ", "\n        ", "\n      }\n    }\n  "])), 
+        , "\n    max-width: calc(100% - 10px);\n\n    .", " {\n      ", ";\n      background-color: ", ";\n      color: ", ";\n      padding: ", ";\n      word-break: break-word;\n      position: relative;\n    }\n\n    .", ",\n      .", " {\n      margin: ", " 0;\n    }\n\n    .", ",\n      .", " {\n      margin: 0 ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        margin-bottom: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-right: ", ";\n        ", "\n        ", "\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-left: ", ";\n        ", "\n        ", "\n      }\n    }\n  "])), 
     // The preventOverflowModifier of popperjs has 5px padding.
     // So need set max-width to calc(100% - 10px) to prevent overflow when the tooltip is too long.
     '', utils_1.RcTooltipClasses.tooltip, tooltipTypography, tooltipColor, tooltipTextColor, tooltipPadding, utils_1.RcTooltipClasses.tooltipPlacementTop, utils_1.RcTooltipClasses.tooltipPlacementBottom, placementSpace, utils_1.RcTooltipClasses.tooltipPlacementRight, utils_1.RcTooltipClasses.tooltipPlacementLeft, placementSpace, utils_1.RcTooltipClasses.arrow, tooltipColor, utils_1.RcTooltipClasses.tooltipPlacementTop, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.vertical, utils_1.RcTooltipClasses.tooltipPlacementBottom, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.vertical, utils_1.RcTooltipClasses.tooltipPlacementLeft, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.horizontal, horizontalMarginTopAndMarginBottom, utils_1.RcTooltipClasses.tooltipPlacementRight, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.horizontal, horizontalMarginTopAndMarginBottom);
 };
+exports.tooltipStyle = tooltipStyle;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/components/Tooltip/utils/TooltipUtils.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcTooltipPadding = exports.RcTooltipSpace = exports.RcTooltipTypography = exports.RcTooltipClasses = void 0;
 var foundation_1 = require("../../../foundation");
-exports.RcTooltipClasses = foundation_1.RcClasses([
+exports.RcTooltipClasses = (0, foundation_1.RcClasses)([
     'popper',
     'tooltip',
     'arrow',
@@ -11,17 +12,17 @@ exports.RcTooltipClasses = foundation_1.RcClasses([
     'tooltipPlacementTop',
 ], 'RcTooltip');
 exports.RcTooltipTypography = {
-    medium: foundation_1.typography('caption1'),
-    large: foundation_1.typography('body1'),
-    xlarge: foundation_1.typography('body1'),
+    medium: (0, foundation_1.typography)('caption1'),
+    large: (0, foundation_1.typography)('body1'),
+    xlarge: (0, foundation_1.typography)('body1'),
 };
 exports.RcTooltipSpace = {
-    medium: foundation_1.spacing(2),
-    large: foundation_1.spacing(3),
-    xlarge: foundation_1.spacing(3),
+    medium: (0, foundation_1.spacing)(2),
+    large: (0, foundation_1.spacing)(3),
+    xlarge: (0, foundation_1.spacing)(3),
 };
 exports.RcTooltipPadding = {
-    medium: foundation_1.spacing(1, 2),
-    large: foundation_1.spacing(1, 2),
-    xlarge: foundation_1.spacing(3, 3),
+    medium: (0, foundation_1.spacing)(1, 2),
+    large: (0, foundation_1.spacing)(1, 2),
+    xlarge: (0, foundation_1.spacing)(3, 3),
 };

package/components/Tooltip/utils/useTooltipForceHide.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { RcTooltipProps } from '../Tooltip';
-declare type UseTooltipForceHide = {
+type UseTooltipForceHide = {
     ref: React.RefObject<HTMLElement>;
 } & Pick<RcTooltipProps, 'tooltipForceHide' | 'open' | 'onClose' | 'onOpen'>;
-export declare const useTooltipForceHide: ({ tooltipForceHide, open: openProp, onClose, onOpen, ref, }: UseTooltipForceHide) => Pick<RcTooltipProps, "onClose" | "open" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "onOpen"> | undefined;
+export declare const useTooltipForceHide: ({ tooltipForceHide, open: openProp, onClose, onOpen, ref, }: UseTooltipForceHide) => Pick<RcTooltipProps, 'disableFocusListener' | 'disableHoverListener' | 'disableTouchListener' | 'open' | 'onOpen' | 'onClose'> | undefined;
 export {};

package/components/Tooltip/utils/useTooltipForceHide.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTooltipForceHide = void 0;
 var tslib_1 = require("tslib");
 /* eslint-disable react-hooks/rules-of-hooks */
 var react_1 = require("react");
 var foundation_1 = require("../../../foundation");
-exports.useTooltipForceHide = function (_a) {
+var useTooltipForceHide = function (_a) {
     var tooltipForceHide = _a.tooltipForceHide, openProp = _a.open, onClose = _a.onClose, onOpen = _a.onOpen, ref = _a.ref;
     if (process.env.NODE_ENV !== 'production') {
-        foundation_1.useChange(function (prev) {
+        (0, foundation_1.useChange)(function (prev) {
             // ignore first time
             if (prev !== undefined) {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcTooltip',
                     message: 'Should not change tooltipForceHide between controlled and uncontrolled, tooltipForceHide should always be boolean value',
                     level: 'error',
@@ -21,11 +22,11 @@ exports.useTooltipForceHide = function (_a) {
     // * when not set tooltipForceHide, always return undefined directly, not bind any event addition
     if (tooltipForceHide === undefined)
         return undefined;
-    var _b = tslib_1.__read(foundation_1.useRefState(false), 2), openRef = _b[0], setOpen = _b[1];
-    var isOverRef = react_1.useRef(false);
+    var _b = tslib_1.__read((0, foundation_1.useRefState)(false), 2), openRef = _b[0], setOpen = _b[1];
+    var isOverRef = (0, react_1.useRef)(false);
     var openState = tooltipForceHide ? false : openProp !== null && openProp !== void 0 ? openProp : openRef.current;
-    var prevOpenState = foundation_1.usePrevious(function () { return openState; });
-    foundation_1.useChange(function () {
+    var prevOpenState = (0, foundation_1.usePrevious)(function () { return openState; });
+    (0, foundation_1.useChange)(function () {
         // * when switch to not tooltipForceHide and that mouse keep on element should show tooltip
         if (tooltipForceHide === false && isOverRef.current === true) {
             // * check is that have set open by props, if not set true directly
@@ -40,16 +41,16 @@ exports.useTooltipForceHide = function (_a) {
             onOpen === null || onOpen === void 0 ? void 0 : onOpen({});
         }
     }, function () { return tooltipForceHide; });
-    foundation_1.useEventListener(ref, 'mouseover', function () { return (isOverRef.current = true); });
+    (0, foundation_1.useEventListener)(ref, 'mouseover', function () { return (isOverRef.current = true); });
     var leaveFn = function () { return (isOverRef.current = false); };
-    foundation_1.useEventListener(ref, 'mouseleave', leaveFn);
+    (0, foundation_1.useEventListener)(ref, 'mouseleave', leaveFn);
     // * also need blur check for when item become pointer-event none
-    foundation_1.useEventListener(ref, 'blur', leaveFn);
-    var handleOpen = foundation_1.useEventCallback(function (event) {
+    (0, foundation_1.useEventListener)(ref, 'blur', leaveFn);
+    var handleOpen = (0, foundation_1.useEventCallback)(function (event) {
         setOpen(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen(event);
     });
-    var handleClose = foundation_1.useEventCallback(function (event) {
+    var handleClose = (0, foundation_1.useEventCallback)(function (event) {
         setOpen(false);
         onClose === null || onClose === void 0 ? void 0 : onClose(event);
     });
@@ -62,3 +63,4 @@ exports.useTooltipForceHide = function (_a) {
         onClose: handleClose,
     };
 };
+exports.useTooltipForceHide = useTooltipForceHide;

package/components/Tooltip/withTooltip/withTooltip.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentType } from 'react';
 import { RcTooltipProps } from '../Tooltip';
-declare type WithTooltipProps<P extends {} = {}> = {
+type WithTooltipProps<P extends {} = {}> = {
     /** title on list root */
     title?: RcTooltipProps['title'] | (P extends {
         title: infer T;

package/components/Tooltip/withTooltip/withTooltip.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.withTooltip = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Tooltip_1 = require("../Tooltip");
@@ -7,7 +8,7 @@ var Tooltip_1 = require("../Tooltip");
  * Make a component can be use with `RcTooltip` and Tooltip Props
  */
 function withTooltip(Component) {
-    return react_1.forwardRef(function (props, ref) {
+    return (0, react_1.forwardRef)(function (props, ref) {
         var title = props.title, useRcTooltip = props.useRcTooltip, TooltipProps = props.TooltipProps, rest = tslib_1.__rest(props, ["title", "useRcTooltip", "TooltipProps"]);
         if (title && useRcTooltip) {
             return (react_1.default.createElement(Tooltip_1.RcTooltip, tslib_1.__assign({ title: title }, TooltipProps),

package/components/Transitions/Collapse/Collapse.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CollapseProps as MuiCollapseProps } from '@material-ui/core/Collapse';
-declare type RcCollapseProps = MuiCollapseProps;
-declare const RcCollapse: React.ForwardRefExoticComponent<Pick<MuiCollapseProps, "className" | "style" | "in" | "children" | "classes" | "innerRef" | "component" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat" | "collapsedHeight" | "collapsedSize"> & React.RefAttributes<any>>;
+type RcCollapseProps = MuiCollapseProps;
+declare const RcCollapse: React.ForwardRefExoticComponent<Omit<MuiCollapseProps, "ref"> & React.RefAttributes<any>>;
 export { RcCollapse };
 export type { RcCollapseProps };

package/components/Transitions/Collapse/Collapse.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcCollapse = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Collapse_1 = tslib_1.__importDefault(require("@material-ui/core/Collapse"));
 var foundation_1 = require("../../../foundation");
-var _RcCollapse = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcCollapse' });
+var _RcCollapse = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcCollapse' });
     return react_1.default.createElement(Collapse_1.default, tslib_1.__assign({ ref: ref }, props));
 });
 var RcCollapse = _RcCollapse;

package/components/Transitions/Fade/Fade.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FadeProps as MuiFadeProps } from '@material-ui/core/Fade';
-declare type RcFadeProps = MuiFadeProps;
-declare const RcFade: React.ForwardRefExoticComponent<Pick<MuiFadeProps, "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & React.RefAttributes<any>>;
+type RcFadeProps = MuiFadeProps;
+declare const RcFade: React.ForwardRefExoticComponent<Omit<MuiFadeProps, "ref"> & React.RefAttributes<any>>;
 export { RcFade };
 export type { RcFadeProps };

package/components/Transitions/Fade/Fade.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcFade = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Fade_1 = tslib_1.__importDefault(require("@material-ui/core/Fade"));
 var foundation_1 = require("../../../foundation");
-var _RcFade = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcFade' });
+var _RcFade = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcFade' });
     return react_1.default.createElement(Fade_1.default, tslib_1.__assign({ ref: ref }, props));
 });
 var RcFade = _RcFade;

package/components/Transitions/Grow/Grow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GrowProps as MuiGrowProps } from '@material-ui/core/Grow';
-declare type RcGrowProps = MuiGrowProps;
-declare const RcGrow: React.ForwardRefExoticComponent<Pick<MuiGrowProps, "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & React.RefAttributes<any>>;
+type RcGrowProps = MuiGrowProps;
+declare const RcGrow: React.ForwardRefExoticComponent<Omit<MuiGrowProps, "ref"> & React.RefAttributes<any>>;
 export { RcGrow };
 export type { RcGrowProps };

package/components/Transitions/Grow/Grow.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcGrow = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Grow_1 = tslib_1.__importDefault(require("@material-ui/core/Grow"));
 var foundation_1 = require("../../../foundation");
-var _RcGrow = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcGrow' });
+var _RcGrow = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcGrow' });
     return react_1.default.createElement(Grow_1.default, tslib_1.__assign({ ref: ref }, props));
 });
 var RcGrow = _RcGrow;

package/components/Transitions/Slide/Slide.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SlideProps as MuiSlideProps } from '@material-ui/core/Slide';
-declare type RcSlideProps = MuiSlideProps;
-declare const RcSlide: React.ForwardRefExoticComponent<Pick<MuiSlideProps, "style" | "direction" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit"> & React.RefAttributes<any>>;
+type RcSlideProps = MuiSlideProps;
+declare const RcSlide: React.ForwardRefExoticComponent<Omit<MuiSlideProps, "ref"> & React.RefAttributes<any>>;
 export { RcSlide };
 export type { RcSlideProps };

package/components/Transitions/Slide/Slide.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSlide = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Slide_1 = tslib_1.__importDefault(require("@material-ui/core/Slide"));
 var foundation_1 = require("../../../foundation");
-var _RcSlide = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSlide' });
+var _RcSlide = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSlide' });
     return react_1.default.createElement(Slide_1.default, tslib_1.__assign({ ref: ref }, props));
 });
 var RcSlide = _RcSlide;

package/components/Transitions/Transition.d.ts

@@ -7,12 +7,12 @@ export * from '@material-ui/core/styles/transitions';
  * that method inside mui, provide you can make the animation always start from the start.
  */
 export declare const reflow: (node: HTMLElement) => void;
-export declare type TransitionTimeout = MuiTransitionProps['timeout'];
-export declare type TransitionProps = MuiTransitionProps;
-export declare type TransitionHandlerKeys = MuiTransitionHandlerKeys;
-export declare type TransitionHandlerProps = MuiTransitionHandlerProps;
-export declare type TransitionKeys = MuiTransitionKeys;
-export declare type DurationTypes = keyof Duration;
+export type TransitionTimeout = MuiTransitionProps['timeout'];
+export type TransitionProps = MuiTransitionProps;
+export type TransitionHandlerKeys = MuiTransitionHandlerKeys;
+export type TransitionHandlerProps = MuiTransitionHandlerProps;
+export type TransitionKeys = MuiTransitionKeys;
+export type DurationTypes = keyof Duration;
 /**
  * that method inside mui, get mui transition props, use with `theme.transitions.create`
  */

package/components/Transitions/Transition.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setTransitionStyle = exports.getTransitionProps = exports.reflow = void 0;
 var tslib_1 = require("tslib");
 // @ts-ignore
 var utils_1 = require("@material-ui/core/transitions/utils");
@@ -29,7 +30,8 @@ function getTransitionProps(props, options) {
             ? timeout
             : (timeout === null || timeout === void 0 ? void 0 : timeout[options.mode]) || 0,
         easing: style.transitionTimingFunction || typeof easing === 'object'
-            ? easing === null || easing === void 0 ? void 0 : easing[options.mode] : easing,
+            ? easing === null || easing === void 0 ? void 0 : easing[options.mode]
+            : easing,
         delay: style.transitionDelay,
     };
 }
@@ -37,7 +39,8 @@ exports.getTransitionProps = getTransitionProps;
 /**
  * set node transition style
  */
-exports.setTransitionStyle = function (node, value) {
+var setTransitionStyle = function (node, value) {
     node.style.webkitTransition = value;
     node.style.transition = value;
 };
+exports.setTransitionStyle = setTransitionStyle;

package/components/Transitions/Zoom/Zoom.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ZoomProps as MuiZoomProps } from '@material-ui/core/Zoom';
-declare type RcZoomProps = MuiZoomProps;
-declare const RcZoom: React.ForwardRefExoticComponent<Pick<MuiZoomProps, "style" | "in" | "children" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "disableStrictModeCompat"> & React.RefAttributes<any>>;
+type RcZoomProps = MuiZoomProps;
+declare const RcZoom: React.ForwardRefExoticComponent<Omit<MuiZoomProps, "ref"> & React.RefAttributes<any>>;
 export { RcZoom };
 export type { RcZoomProps };

package/components/Transitions/Zoom/Zoom.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcZoom = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Zoom_1 = tslib_1.__importDefault(require("@material-ui/core/Zoom"));
 var foundation_1 = require("../../../foundation");
-var _RcZoom = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcZoom' });
+var _RcZoom = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcZoom' });
     return react_1.default.createElement(Zoom_1.default, tslib_1.__assign({ ref: ref }, props));
 });
 var RcZoom = _RcZoom;

package/components/Transitions/ZoomFrom/ZoomFrom.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RcBaseProps } from '../../../foundation';
 import { TransitionProps } from '../Transition';
-declare type RcZoomFromProps = {
+type RcZoomFromProps = {
     /**  host element */
     children: React.ReactElement<any>;
     /** that transform anchor element */
@@ -9,9 +9,9 @@ declare type RcZoomFromProps = {
 } & RcBaseProps<TransitionProps>;
 declare const RcZoomFrom: React.ForwardRefExoticComponent<{
     /**  host element */
-    children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    children: React.ReactElement<any>;
     /** that transform anchor element */
     from: React.RefObject<HTMLElement>;
-} & Pick<import("@material-ui/core/transitions").TransitionProps, "style" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit"> & React.RefAttributes<any>>;
+} & RcBaseProps<import("@material-ui/core/transitions").TransitionProps> & React.RefAttributes<any>>;
 export { RcZoomFrom };
 export type { RcZoomFromProps };

package/components/Transitions/ZoomFrom/ZoomFrom.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcZoomFrom = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../foundation");
@@ -16,39 +17,39 @@ var styles = {
     },
     exited: {},
 };
-var RcZoomFrom = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcZoomFrom' });
+var RcZoomFrom = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcZoomFrom' });
     var fromRef = props.from, children = props.children, inProp = props.in, style = props.style, timeout = props.timeout, onExit = props.onExit, onEnter = props.onEnter, onExited = props.onExited, onExiting = props.onExiting, onEntering = props.onEntering, other = tslib_1.__rest(props, ["from", "children", "in", "style", "timeout", "onExit", "onEnter", "onExited", "onExiting", "onEntering"]);
-    var theme = foundation_1.useTheme();
-    var nodeRef = react_1.useRef(null);
-    var handlers = utils_1.useNormalizedTransitionProps(tslib_1.__assign(tslib_1.__assign({}, props), { onEnter: function (node, isAppearing) {
-            utils_2.transformToFromElm(fromRef, nodeRef);
-            Transition_1.reflow(node); // So the animation always start from the start.
+    var theme = (0, foundation_1.useTheme)();
+    var nodeRef = (0, react_1.useRef)(null);
+    var handlers = (0, utils_1.useNormalizedTransitionProps)(tslib_1.__assign(tslib_1.__assign({}, props), { onEnter: function (node, isAppearing) {
+            (0, utils_2.transformToFromElm)(fromRef, nodeRef);
+            (0, Transition_1.reflow)(node); // So the animation always start from the start.
             onEnter === null || onEnter === void 0 ? void 0 : onEnter(node, isAppearing);
         }, onEntering: function (node, isAppearing) {
-            var transitionProps = Transition_1.getTransitionProps(props, {
+            var transitionProps = (0, Transition_1.getTransitionProps)(props, {
                 mode: 'enter',
             });
             var transitionStyle = theme.transitions.create(['all'], transitionProps);
-            Transition_1.setTransitionStyle(node, transitionStyle);
+            (0, Transition_1.setTransitionStyle)(node, transitionStyle);
             onEntering === null || onEntering === void 0 ? void 0 : onEntering(node, isAppearing);
         }, onExit: function (node) {
-            var transitionProps = Transition_1.getTransitionProps(props, {
+            var transitionProps = (0, Transition_1.getTransitionProps)(props, {
                 mode: 'exit',
             });
             var transitionStyle = theme.transitions.create(['all'], transitionProps);
-            Transition_1.setTransitionStyle(node, transitionStyle);
+            (0, Transition_1.setTransitionStyle)(node, transitionStyle);
             onExit === null || onExit === void 0 ? void 0 : onExit(node);
         }, onExiting: function (node) {
-            utils_2.transformToFromElm(fromRef, nodeRef);
-            Transition_1.reflow(node); // So the animation always start from the start.
+            (0, utils_2.transformToFromElm)(fromRef, nodeRef);
+            (0, Transition_1.reflow)(node); // So the animation always start from the start.
             onExiting === null || onExiting === void 0 ? void 0 : onExiting(node);
         }, onExited: function (node) {
-            Transition_1.setTransitionStyle(node, '');
+            (0, Transition_1.setTransitionStyle)(node, '');
             onExited === null || onExited === void 0 ? void 0 : onExited(node);
         } }), nodeRef);
-    var foreignRef = foundation_1.useForkRef(children.ref, ref);
-    var handleRef = foundation_1.useForkRef(nodeRef, foreignRef);
+    var foreignRef = (0, foundation_1.useForkRef)(children.ref, ref);
+    var handleRef = (0, foundation_1.useForkRef)(nodeRef, foreignRef);
     return (react_1.default.createElement(Transition_1.Transition, tslib_1.__assign({ appear: true, timeout: timeout, nodeRef: nodeRef, in: inProp }, handlers, other), function (state, childProps) {
         return react_1.default.cloneElement(children, tslib_1.__assign({ style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, style), children.props.style), styles[state]), ref: handleRef }, childProps));
     }));

package/components/Transitions/ZoomFrom/utils/transformToFromElm.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformToFromElm = void 0;
 function transformToFromElm(fromRef, toRef) {
     var fromElm = fromRef.current;
     var toElm = toRef.current;
@@ -9,7 +10,7 @@ function transformToFromElm(fromRef, toRef) {
     var deltaY = fromRect.y - toRect.y;
     var scaleX = fromRect.width / toRect.width;
     var scaleY = fromRect.height / toRect.height;
-    toElm.style.transform = "translate(" + deltaX + "px, " + deltaY + "px) scale(" + scaleX + ", " + scaleY + ")";
+    toElm.style.transform = "translate(".concat(deltaX, "px, ").concat(deltaY, "px) scale(").concat(scaleX, ", ").concat(scaleY, ")");
     toElm.style.transformOrigin = '0 0';
 }
 exports.transformToFromElm = transformToFromElm;

package/components/Transitions/ZoomInFadeOut/ZoomInFadeOut.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { RcBaseProps } from '../../../foundation';
 import { TransitionProps } from '../Transition';
-declare type RcZoomInFadeOutProps = {
+type RcZoomInFadeOutProps = {
     /**  host element */
     children: React.ReactElement<any>;
 } & RcBaseProps<TransitionProps>;
 declare const RcZoomInFadeOut: React.ForwardRefExoticComponent<{
     /**  host element */
-    children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
-} & Pick<import("@material-ui/core/transitions").TransitionProps, "style" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit"> & React.RefAttributes<any>>;
+    children: React.ReactElement<any>;
+} & RcBaseProps<import("@material-ui/core/transitions").TransitionProps> & React.RefAttributes<any>>;
 export { RcZoomInFadeOut };
 export type { RcZoomInFadeOutProps };