@ringcentral/juno 2.46.0 → 3.0.0-alpha.0

package/components/Dialer/DialTextField/DialTextField.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { RcBaseProps } from '../../../foundation';
 import { RcTextFieldProps } from '../../Forms/TextField';
 import { RcDialPadOnChangeReason } from '../DialPad';
-declare type RcDialTextFieldProps = {
+type RcDialTextFieldProps = {
     /** for custom window */
     externalWindow?: Window;
     /** current value */
@@ -27,8 +27,6 @@ declare type RcDialTextFieldProps = {
      */
     keypadMode?: boolean;
 } & RcBaseProps<RcTextFieldProps, 'onChange' | 'value' | 'onClear' | 'clearBtn' | 'clearButtonProps' | 'clearLabel'>;
-declare const RcDialTextField: import("styled-components").StyledComponentClass<Pick<RcDialTextFieldProps, "key" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "externalWindow" | "onEmit" | "onlyAllowKeypadValue" | "keypadMode"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcDialTextFieldProps, "key" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "externalWindow" | "onEmit" | "onlyAllowKeypadValue" | "keypadMode"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "externalWindow" | "onEmit" | "onlyAllowKeypadValue" | "keypadMode"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcDialTextField: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcDialTextFieldProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcDialTextField };
 export type { RcDialTextFieldProps };

package/components/Dialer/DialTextField/DialTextField.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDialTextField = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../foundation");
@@ -8,17 +9,17 @@ var utils_1 = require("../DialPad/utils");
 var utils_2 = require("../utils");
 var styles_1 = require("./styles");
 var utils_3 = require("./utils");
-var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDialTextField' });
+var _RcDialTextField = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcDialTextField' });
     var children = props.children, value = props.value, onChange = props.onChange, onEmit = props.onEmit, onKeyPress = props.onKeyPress, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, inputRefProp = props.inputRef, inputPropsProp = props.inputProps, InputPropsProp = props.InputProps, onlyAllowKeypadValue = props.onlyAllowKeypadValue, keypadMode = props.keypadMode, _a = props.externalWindow, externalWindow = _a === void 0 ? window : _a, rest = tslib_1.__rest(props, ["children", "value", "onChange", "onEmit", "onKeyPress", "onKeyDown", "onKeyUp", "inputRef", "inputProps", "InputProps", "onlyAllowKeypadValue", "keypadMode", "externalWindow"]);
-    var dialerContext = utils_2.useRcDialerContext();
-    var _b = utils_3.useFixedEndSelection(), inputRef = _b.ref, onKeypadModeFocus = _b.onFocus, onKeypadModeKeyDown = _b.onKeyDown, onKeypadModeClick = _b.onClick;
-    var forkContextRef = foundation_1.useForkRef(dialerContext.inputRef, inputRef);
-    var forkInputRef = foundation_1.useForkRef(inputRefProp, forkContextRef);
-    var scrollToPositionRef = react_1.useRef();
-    var isNotTriggerRefocusRef = react_1.useRef(false);
+    var dialerContext = (0, utils_2.useRcDialerContext)();
+    var _b = (0, utils_3.useFixedEndSelection)(), inputRef = _b.ref, onKeypadModeFocus = _b.onFocus, onKeypadModeKeyDown = _b.onKeyDown, onKeypadModeClick = _b.onClick;
+    var forkContextRef = (0, foundation_1.useForkRef)(dialerContext.inputRef, inputRef);
+    var forkInputRef = (0, foundation_1.useForkRef)(inputRefProp, forkContextRef);
+    var scrollToPositionRef = (0, react_1.useRef)();
+    var isNotTriggerRefocusRef = (0, react_1.useRef)(false);
     var maxLength = keypadMode ? undefined : inputPropsProp === null || inputPropsProp === void 0 ? void 0 : inputPropsProp.maxLength;
-    var checkNotReFocus = foundation_1.useEventCallback(function (reason, isFocus) {
+    var checkNotReFocus = (0, foundation_1.useEventCallback)(function (reason, isFocus) {
         var elm = inputRef.current;
         var isInputFocus = isFocus !== null && isFocus !== void 0 ? isFocus : externalWindow.document.activeElement === elm;
         if (reason !== 'click' && !isInputFocus) {
@@ -29,7 +30,7 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
     /**
      * outside clear via this method, with check current input state
      */
-    react_1.useImperativeHandle(dialerContext.onClearRef, function () { return function (e, reason) {
+    (0, react_1.useImperativeHandle)(dialerContext.onClearRef, function () { return function (e, reason) {
         // * when clear from keyboard,
         // * must need re-focus, so not check,
         if (reason !== 'keyboard') {
@@ -41,14 +42,14 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
     /**
      * outside delete value via this method, with check current input state
      */
-    react_1.useImperativeHandle(dialerContext.onDeleteRef, function () { return function (e, reason) {
+    (0, react_1.useImperativeHandle)(dialerContext.onDeleteRef, function () { return function (e, reason) {
         var elm = inputRef.current;
         if (elm && (value === null || value === void 0 ? void 0 : value.length)) {
             var isFocus = externalWindow.document.activeElement === elm;
             var toPosition = void 0;
             var toValue = void 0;
             if (isFocus) {
-                var _a = foundation_1.getSelectionPosition(inputRef), position = _a.position, isSelectRange = _a.isSelectRange;
+                var _a = (0, foundation_1.getSelectionPosition)(inputRef), position = _a.position, isSelectRange = _a.isSelectRange;
                 if (isSelectRange) {
                     toPosition = position.start;
                     toValue =
@@ -77,7 +78,7 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
     /**
      * outside change value via this method, with check current input state
      */
-    react_1.useImperativeHandle(dialerContext.onInsertRef, function () { return function (addValue, reason) {
+    (0, react_1.useImperativeHandle)(dialerContext.onInsertRef, function () { return function (addValue, reason) {
         var elm = inputRef.current;
         if (elm) {
             var isFocus = externalWindow.document.activeElement === elm;
@@ -89,7 +90,7 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
                 toPosition = toValue.length;
             }
             else {
-                var position = foundation_1.getSelectionPosition(inputRef).position;
+                var position = (0, foundation_1.getSelectionPosition)(inputRef).position;
                 toValue =
                     value.slice(0, position.start) +
                         addValue +
@@ -114,10 +115,10 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
         onEmit,
         value,
     ]);
-    react_1.useLayoutEffect(function () {
+    (0, react_1.useLayoutEffect)(function () {
         var scrollToPosition = scrollToPositionRef.current;
         if (!isNotTriggerRefocusRef.current && scrollToPosition !== undefined) {
-            foundation_1.setSelectionPosition(inputRef, {
+            (0, foundation_1.setSelectionPosition)(inputRef, {
                 start: scrollToPosition,
                 end: scrollToPosition,
                 scrollIntoView: true,
@@ -126,7 +127,7 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
         scrollToPositionRef.current = undefined;
         isNotTriggerRefocusRef.current = false;
     });
-    var events = foundation_1.useKeyDownOnce(utils_1.ACCEPTABLE_KEYS, {
+    var events = (0, foundation_1.useKeyDownOnce)(utils_1.ACCEPTABLE_KEYS, {
         onKeyDown: function (e) {
             var _a, _b;
             (_b = (_a = dialerContext.dialPadActionRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.playAudio(e.key);
@@ -141,11 +142,11 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
         },
         onKeyUp: onKeyUp,
     });
-    var handleChange = foundation_1.useEventCallback(function (e) {
+    var handleChange = (0, foundation_1.useEventCallback)(function (e) {
         var currValue = e.target.value;
         // * handle copy paste
         if (onlyAllowKeypadValue) {
-            var filterValue = (currValue.match(utils_3.getDialPadValueOnlyRegex()) || []).join('');
+            var filterValue = (currValue.match((0, utils_3.getDialPadValueOnlyRegex)()) || []).join('');
             if (filterValue === value)
                 return;
             var newValue = filterValue.slice(-1);
@@ -157,18 +158,18 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
         }
         onChange(currValue);
     });
-    var handleKeyPress = foundation_1.useEventCallback(function (e) {
+    var handleKeyPress = (0, foundation_1.useEventCallback)(function (e) {
         onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(e);
         if (onlyAllowKeypadValue) {
-            var isMatch = utils_3.getDialPadValueOnlyRegex().test(e.key);
+            var isMatch = (0, utils_3.getDialPadValueOnlyRegex)().test(e.key);
             if (!isMatch) {
                 e.preventDefault();
                 e.stopPropagation();
             }
         }
     });
-    var InputProps = react_1.useMemo(function () {
-        return foundation_1.combineProps({
+    var InputProps = (0, react_1.useMemo)(function () {
+        return (0, foundation_1.combineProps)({
             onFocus: keypadMode ? onKeypadModeFocus : undefined,
             onClick: keypadMode ? onKeypadModeClick : undefined,
             onKeyPress: handleKeyPress,
@@ -186,10 +187,10 @@ var _RcDialTextField = react_1.forwardRef(function (inProps, ref) {
         onKeypadModeClick,
         onKeypadModeFocus,
     ]);
-    var inputProps = react_1.useMemo(function () { return (tslib_1.__assign(tslib_1.__assign({}, inputPropsProp), { maxLength: maxLength })); }, [inputPropsProp, maxLength]);
+    var inputProps = (0, react_1.useMemo)(function () { return (tslib_1.__assign(tslib_1.__assign({}, inputPropsProp), { maxLength: maxLength })); }, [inputPropsProp, maxLength]);
     return (react_1.default.createElement(TextField_1.RcTextField, tslib_1.__assign({ ref: ref, inputRef: forkInputRef, clearBtn: false, value: value, variant: "borderLess", inputProps: inputProps, InputProps: InputProps, autoComplete: "off" }, rest), children));
 });
-var RcDialTextField = foundation_1.styled(_RcDialTextField)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.DialTextFieldStyle);
+var RcDialTextField = (0, foundation_1.styled)(_RcDialTextField)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.DialTextFieldStyle);
 exports.RcDialTextField = RcDialTextField;
 RcDialTextField.defaultProps = {
     inputProps: {

package/components/Dialer/DialTextField/styles/DialTextFieldStyle.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialTextFieldStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
-exports.DialTextFieldStyle = function () {
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+var DialTextFieldStyle = function () {
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
 };
+exports.DialTextFieldStyle = DialTextFieldStyle;
 var templateObject_1;

package/components/Dialer/DialTextField/utils/DialTextFieldUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDialTextFieldInputClasses = exports.RcDialTextFieldClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcDialTextFieldClasses = foundation_1.RcClasses([], 'RcDialTextField');
-exports.RcDialTextFieldInputClasses = foundation_1.RcClasses([], 'RcDialTextFieldInput');
+exports.RcDialTextFieldClasses = (0, foundation_1.RcClasses)([], 'RcDialTextField');
+exports.RcDialTextFieldInputClasses = (0, foundation_1.RcClasses)([], 'RcDialTextFieldInput');

package/components/Dialer/DialTextField/utils/getDialPadValueOnlyRegex.js

@@ -2,6 +2,7 @@
 // ! alway new Regex for regex will have index issue
 // https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/RegExp
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDialPadValueOnlyRegex = void 0;
 /**
  * return regex with only allow dialPad value `1234567890*+#-`
  */

package/components/Dialer/DialTextField/utils/useFixedEndSelection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="styled-jsx" />
 import { KeyboardEvent } from 'react';
 /**
  * bind with ref, let input can always focus at end of latest character
@@ -7,5 +6,5 @@ export declare const useFixedEndSelection: () => {
     ref: import("react").RefObject<HTMLInputElement>;
     onFocus: () => void;
     onClick: () => void;
-    onKeyDown: (e: KeyboardEvent<Element>) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
 };

package/components/Dialer/DialTextField/utils/useFixedEndSelection.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFixedEndSelection = void 0;
 var react_1 = require("react");
 var foundation_1 = require("../../../../foundation");
 /**
  * bind with ref, let input can always focus at end of latest character
  */
-exports.useFixedEndSelection = function () {
-    var ref = react_1.useRef(null);
-    var keypadModeFixedAtLatest = foundation_1.useEventCallback(function () {
+var useFixedEndSelection = function () {
+    var ref = (0, react_1.useRef)(null);
+    var keypadModeFixedAtLatest = (0, foundation_1.useEventCallback)(function () {
         var _a;
-        var _b = foundation_1.getSelectionPosition(ref), position = _b.position, isSelectRange = _b.isSelectRange;
+        var _b = (0, foundation_1.getSelectionPosition)(ref), position = _b.position, isSelectRange = _b.isSelectRange;
         var value = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.value) || '';
         if (isSelectRange || position.start < value.length) {
             var targetPosition = value.length;
-            foundation_1.setSelectionPosition(ref, {
+            (0, foundation_1.setSelectionPosition)(ref, {
                 start: targetPosition,
                 end: targetPosition,
                 scrollIntoView: true,
@@ -43,3 +44,4 @@ exports.useFixedEndSelection = function () {
         onKeyDown: onKeyDown,
     };
 };
+exports.useFixedEndSelection = useFixedEndSelection;

package/components/Dialer/Dialer.d.ts

@@ -1,5 +1,7 @@
-import { FunctionComponent } from 'react';
-declare type RcDialerProps = {};
+import { FunctionComponent, ReactNode } from 'react';
+type RcDialerProps = {
+    children?: ReactNode;
+};
 declare const RcDialer: FunctionComponent<RcDialerProps>;
 export { RcDialer };
 export type { RcDialerProps };

package/components/Dialer/Dialer.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDialer = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var utils_1 = require("./utils");
 var RcDialer = function (_a) {
     var children = _a.children;
-    var dialPadActionRef = react_1.useRef(null);
-    var onInsertRef = react_1.useRef(null);
-    var inputRef = react_1.useRef(null);
-    var onDeleteRef = react_1.useRef(null);
-    var onClearRef = react_1.useRef(null);
+    var dialPadActionRef = (0, react_1.useRef)(null);
+    var onInsertRef = (0, react_1.useRef)(null);
+    var inputRef = (0, react_1.useRef)(null);
+    var onDeleteRef = (0, react_1.useRef)(null);
+    var onClearRef = (0, react_1.useRef)(null);
     return (react_1.default.createElement(utils_1.RcDialerContext.Provider, { value: {
             dialPadActionRef: dialPadActionRef,
             onInsertRef: onInsertRef,

package/components/Dialer/utils/DialerContext.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { RcDialPadAction, RcDialPadOnChangeReason } from '../DialPad';
-declare type RcDialerContextValue = {
+type RcDialerContextValue = {
     onInsertRef?: React.RefObject<(addValue: string, reason: RcDialPadOnChangeReason) => any>;
     onDeleteRef?: React.RefObject<(e: React.MouseEvent<unknown, MouseEvent> | React.TouchEvent<unknown> | React.KeyboardEvent<unknown>, reason: RcDialPadOnChangeReason) => any>;
     onClearRef?: React.RefObject<(e: React.MouseEvent<unknown, MouseEvent> | React.TouchEvent<unknown> | React.KeyboardEvent<unknown>, reason: RcDialPadOnChangeReason) => any>;

package/components/Dialer/utils/DialerContext.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRcDialerContext = exports.RcDialerContext = void 0;
 var react_1 = require("react");
-var RcDialerContext = react_1.createContext({});
+var RcDialerContext = (0, react_1.createContext)({});
 exports.RcDialerContext = RcDialerContext;
-var useRcDialerContext = function () { return react_1.useContext(RcDialerContext); };
+var useRcDialerContext = function () { return (0, react_1.useContext)(RcDialerContext); };
 exports.useRcDialerContext = useRcDialerContext;

package/components/Dialog/Dialog.d.ts

@@ -3,8 +3,8 @@ import MuiDialog from '@material-ui/core/Dialog';
 import { RcBaseProps, RcBaseSize } from '../../foundation';
 import { RcDialogChildrenSize } from './utils';
 import { RcDialogContext } from './utils/DialogContext';
-declare type RcDialogSize = RcBaseSize<'xsmall' | 'small' | 'medium' | 'large'> | 'fullScreen';
-declare type RcDialogProps = {
+type RcDialogSize = RcBaseSize<'xsmall' | 'small' | 'medium' | 'large'> | 'fullScreen';
+type RcDialogProps = {
     /**
      * @deprecated size of dialog,
      * please use `maxWidth` and `fullScreen` directly
@@ -19,8 +19,6 @@ declare type RcDialogProps = {
     /** size apply to all dialog children */
     childrenSize?: RcDialogChildrenSize;
 } & RcBaseProps<ComponentProps<typeof MuiDialog>>;
-declare const RcDialog: import("styled-components").StyledComponentClass<Pick<RcDialogProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "maxWidth" | "fullWidth" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "PaperProps" | "fullScreen" | "PaperComponent" | "scroll" | "childrenSize"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcDialogProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "maxWidth" | "fullWidth" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "PaperProps" | "fullScreen" | "PaperComponent" | "scroll" | "childrenSize"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "maxWidth" | "fullWidth" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "PaperProps" | "fullScreen" | "PaperComponent" | "scroll" | "childrenSize"> & {
-    theme?: import("../../foundation").RcTheme | undefined;
-}>;
+declare const RcDialog: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcDialogProps, "ref"> & React.RefAttributes<any>>, import("../../foundation").RcTheme, {}, never>;
 export { RcDialog, RcDialogContext };
 export type { RcDialogProps, RcDialogSize };

package/components/Dialog/Dialog.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDialogContext = exports.RcDialog = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Dialog_1 = tslib_1.__importDefault(require("@material-ui/core/Dialog"));
@@ -8,14 +9,14 @@ var PortalHost_1 = require("../PortalHost");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var DialogContext_1 = require("./utils/DialogContext");
-exports.RcDialogContext = DialogContext_1.RcDialogContext;
+Object.defineProperty(exports, "RcDialogContext", { enumerable: true, get: function () { return DialogContext_1.RcDialogContext; } });
 var HasPortalParentContext_1 = require("../PortalHost/context/HasPortalParentContext");
 var Backdrop_1 = require("../Backdrop");
-var _RcDialog = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDialog' });
+var _RcDialog = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcDialog' });
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedCheck(RcDialog, props, [
+        (0, foundation_1.useDeprecatedCheck)(RcDialog, props, [
             {
                 prop: 'size',
                 time: '2021-11',
@@ -24,9 +25,9 @@ var _RcDialog = react_1.forwardRef(function (inProps, ref) {
         ]);
     }
     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, PaperPropsProp = props.PaperProps, rest = tslib_1.__rest(props, ["classes", "size", "maxWidth", "fullWidth", "childrenSize", "children", "TransitionProps", "PaperProps"]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcDialogClasses, classesProp); }, [classesProp]);
-    var externalWindow = foundation_1.useRcPortalWindowContext().externalWindow;
-    var maxWidth = react_1.useMemo(function () {
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcDialogClasses, classesProp); }, [classesProp]);
+    var externalWindow = (0, foundation_1.useRcPortalWindowContext)().externalWindow;
+    var maxWidth = (0, react_1.useMemo)(function () {
         if (maxWidthProp)
             return maxWidthProp;
         switch (size) {
@@ -42,8 +43,8 @@ var _RcDialog = react_1.forwardRef(function (inProps, ref) {
                 return 'xs';
         }
     }, [maxWidthProp, size]);
-    var contextValue = react_1.useMemo(function () { return ({ size: childrenSize }); }, [childrenSize]);
-    var onExited = PortalHost_1.useUnmountPortalHandler(TransitionPropsProp === null || TransitionPropsProp === void 0 ? void 0 : TransitionPropsProp.onExited);
+    var contextValue = (0, react_1.useMemo)(function () { return ({ size: childrenSize }); }, [childrenSize]);
+    var onExited = (0, PortalHost_1.useUnmountPortalHandler)(TransitionPropsProp === null || TransitionPropsProp === void 0 ? void 0 : TransitionPropsProp.onExited);
     var TransitionProps = tslib_1.__assign(tslib_1.__assign({ 
         // TODO: remove after upgrade to mui v5
         role: 'presentation' }, TransitionPropsProp), { onExited: onExited });
@@ -52,7 +53,7 @@ var _RcDialog = react_1.forwardRef(function (inProps, ref) {
         react_1.default.createElement(Dialog_1.default, tslib_1.__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, PaperProps: PaperProps, BackdropComponent: Backdrop_1.RcBackdrop }, rest),
             react_1.default.createElement(DialogContext_1.RcDialogContext.Provider, { value: contextValue }, children))));
 });
-var RcDialog = foundation_1.styled(_RcDialog)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.DialogStyle);
+var RcDialog = (0, foundation_1.styled)(_RcDialog)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.DialogStyle);
 exports.RcDialog = RcDialog;
 RcDialog.defaultProps = {};
 RcDialog.displayName = 'RcDialog';