rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Modal/Modal.js

@@ -5,16 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
 var _getAnimationEnd = _interopRequireDefault(require("dom-lib/getAnimationEnd"));
-var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
+var _Modal = _interopRequireDefault(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
-var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
+var _ModalDialog = _interopRequireDefault(require("./ModalDialog"));
 var _ModalBody = _interopRequireDefault(require("./ModalBody"));
 var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
 var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
@@ -23,114 +20,95 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _ModalContext = require("./ModalContext");
 var _utils2 = require("./utils");
-var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id", "isDrawer", "closeButton"],
-  _excluded2 = ["className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
+const modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
 /**
  * The `Modal` component is used to show content in a layer above the app.
  * @see https://rsuitejs.com/components/modal
  */
-var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _prefix, _merge;
-  var _useCustom = (0, _CustomProvider.useCustom)('Modal', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$an = propsWithDefaults.animation,
-    animation = _propsWithDefaults$an === void 0 ? _Bounce.default : _propsWithDefaults$an,
-    animationProps = propsWithDefaults.animationProps,
-    _propsWithDefaults$an2 = propsWithDefaults.animationTimeout,
-    animationTimeout = _propsWithDefaults$an2 === void 0 ? 300 : _propsWithDefaults$an2,
-    ariaLabelledby = propsWithDefaults['aria-labelledby'],
-    ariaDescribedby = propsWithDefaults['aria-describedby'],
-    backdropClassName = propsWithDefaults.backdropClassName,
-    _propsWithDefaults$ba = propsWithDefaults.backdrop,
-    backdrop = _propsWithDefaults$ba === void 0 ? true : _propsWithDefaults$ba,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'modal' : _propsWithDefaults$cl,
-    dialogClassName = propsWithDefaults.dialogClassName,
-    dialogStyle = propsWithDefaults.dialogStyle,
-    _propsWithDefaults$di = propsWithDefaults.dialogAs,
-    Dialog = _propsWithDefaults$di === void 0 ? _ModalDialog.default : _propsWithDefaults$di,
-    enforceFocusProp = propsWithDefaults.enforceFocus,
-    full = propsWithDefaults.full,
-    _propsWithDefaults$ov = propsWithDefaults.overflow,
-    overflow = _propsWithDefaults$ov === void 0 ? true : _propsWithDefaults$ov,
-    open = propsWithDefaults.open,
-    onClose = propsWithDefaults.onClose,
-    onEntered = propsWithDefaults.onEntered,
-    onEntering = propsWithDefaults.onEntering,
-    onExited = propsWithDefaults.onExited,
-    _propsWithDefaults$ro = propsWithDefaults.role,
-    role = _propsWithDefaults$ro === void 0 ? 'dialog' : _propsWithDefaults$ro,
-    _propsWithDefaults$si = propsWithDefaults.size,
-    size = _propsWithDefaults$si === void 0 ? 'sm' : _propsWithDefaults$si,
-    idProp = propsWithDefaults.id,
-    _propsWithDefaults$is = propsWithDefaults.isDrawer,
-    isDrawer = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
-    closeButton = propsWithDefaults.closeButton,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var inClass = {
+const Modal = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Modal', props);
+  const {
+    animation = _Bounce.default,
+    animationProps,
+    animationTimeout = 300,
+    'aria-labelledby': ariaLabelledby,
+    'aria-describedby': ariaDescribedby,
+    backdropClassName,
+    backdrop = true,
+    className,
+    classPrefix = 'modal',
+    dialogClassName,
+    dialogStyle,
+    dialogAs: Dialog = _ModalDialog.default,
+    enforceFocus: enforceFocusProp,
+    full,
+    overflow = true,
+    open,
+    onClose,
+    onEntered,
+    onEntering,
+    onExited,
+    role = 'dialog',
+    size = 'sm',
+    id: idProp,
+    isDrawer = false,
+    closeButton,
+    ...rest
+  } = propsWithDefaults;
+  const inClass = {
     in: open && !animation
   };
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var _useState = (0, _react.useState)(false),
-    shake = _useState[0],
-    setShake = _useState[1];
-  var classes = merge(className, prefix((_prefix = {
-    full: full
-  }, _prefix[size] = modalSizes.includes(size), _prefix)));
-  var dialogRef = (0, _react.useRef)(null);
-  var transitionEndListener = (0, _react.useRef)();
+  const {
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const [shake, setShake] = (0, _react.useState)(false);
+  const classes = merge(className, prefix({
+    full,
+    [size]: modalSizes.includes(size)
+  }));
+  const dialogRef = (0, _react.useRef)(null);
+  const transitionEndListener = (0, _react.useRef)();
 
   // The style of the Modal body will be updated with the size of the window or container.
-  var _useBodyStyles = (0, _utils2.useBodyStyles)(dialogRef, {
-      overflow: overflow,
-      prefix: prefix,
-      size: size
-    }),
-    bodyStyles = _useBodyStyles[0],
-    onChangeBodyStyles = _useBodyStyles[1],
-    onDestroyEvents = _useBodyStyles[2];
-  var dialogId = (0, _hooks.useUniqueId)('dialog-', idProp);
-  var modalContextValue = (0, _react.useMemo)(function () {
-    return {
-      dialogId: dialogId,
-      onModalClose: onClose,
-      getBodyStyles: function getBodyStyles() {
-        return bodyStyles;
-      },
-      closeButton: closeButton,
-      isDrawer: isDrawer
-    };
-  }, [dialogId, onClose, closeButton, isDrawer, bodyStyles]);
-  var handleExited = (0, _react.useCallback)(function (node) {
+  const [bodyStyles, onChangeBodyStyles, onDestroyEvents] = (0, _utils2.useBodyStyles)(dialogRef, {
+    overflow,
+    prefix,
+    size
+  });
+  const dialogId = (0, _hooks.useUniqueId)('dialog-', idProp);
+  const modalContextValue = (0, _react.useMemo)(() => ({
+    dialogId,
+    onModalClose: onClose,
+    getBodyStyles: () => bodyStyles,
+    closeButton,
+    isDrawer
+  }), [dialogId, onClose, closeButton, isDrawer, bodyStyles]);
+  const handleExited = (0, _react.useCallback)(node => {
     var _transitionEndListene;
     onExited === null || onExited === void 0 || onExited(node);
     onDestroyEvents();
     (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 || _transitionEndListene.off();
     transitionEndListener.current = null;
   }, [onDestroyEvents, onExited]);
-  var handleEntered = (0, _react.useCallback)(function (node) {
+  const handleEntered = (0, _react.useCallback)(node => {
     onEntered === null || onEntered === void 0 || onEntered(node);
     onChangeBodyStyles();
   }, [onChangeBodyStyles, onEntered]);
-  var handleEntering = (0, _react.useCallback)(function (node) {
+  const handleEntering = (0, _react.useCallback)(node => {
     onEntering === null || onEntering === void 0 || onEntering(node);
     onChangeBodyStyles(true);
   }, [onChangeBodyStyles, onEntering]);
-  var backdropClick = _react.default.useRef();
-  var handleMouseDown = (0, _react.useCallback)(function (event) {
+  const backdropClick = _react.default.useRef();
+  const handleMouseDown = (0, _react.useCallback)(event => {
     backdropClick.current = event.target === event.currentTarget;
   }, []);
-  var handleBackdropClick = (0, _react.useCallback)(function (event) {
+  const handleBackdropClick = (0, _react.useCallback)(event => {
     // Ignore click events from non-backdrop.
     // fix: https://github.com/rsuite/rsuite/issues/3394
     if (!backdropClick.current) {
@@ -152,7 +130,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       setShake(true);
       if (!transitionEndListener.current && dialogRef.current) {
         //fix: https://github.com/rsuite/rsuite/blob/a93d13c14fb20cc58204babe3331d3c3da3fe1fd/src/Modal/styles/index.less#L59
-        transitionEndListener.current = (0, _on.default)(dialogRef.current, (0, _getAnimationEnd.default)(), function () {
+        transitionEndListener.current = (0, _on.default)(dialogRef.current, (0, _getAnimationEnd.default)(), () => {
           setShake(false);
         });
       }
@@ -160,18 +138,19 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     onClose === null || onClose === void 0 || onClose(event);
   }, [backdrop, onClose]);
-  (0, _hooks.useWillUnmount)(function () {
+  (0, _hooks.useWillUnmount)(() => {
     var _transitionEndListene2;
     (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 || _transitionEndListene2.off();
   });
-  var sizeKey = 'width';
+  let sizeKey = 'width';
   if (isDrawer) {
-    var _ref = animationProps || {},
-      placement = _ref.placement;
+    const {
+      placement
+    } = animationProps || {};
     // The width or height of the drawer depends on the placement.
     sizeKey = placement === 'top' || placement === 'bottom' ? 'height' : 'width';
   }
-  var enforceFocus = (0, _react.useMemo)(function () {
+  const enforceFocus = (0, _react.useMemo)(() => {
     if (typeof enforceFocusProp === 'boolean') {
       return enforceFocusProp;
     }
@@ -181,7 +160,9 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return false;
     }
   }, [backdrop, enforceFocusProp, isDrawer]);
-  var wrapperClassName = merge(prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["wrapper"]))), (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["no-backdrop"])))] = backdrop === false, _merge));
+  const wrapperClassName = merge(prefix`wrapper`, {
+    [prefix`no-backdrop`]: backdrop === false
+  });
   return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, {
     value: modalContextValue
   }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({
@@ -196,9 +177,9 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onEntered: handleEntered,
     onEntering: handleEntering,
     onExited: handleExited,
-    backdropClassName: merge(prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["backdrop"]))), backdropClassName, inClass),
+    backdropClassName: merge(prefix`backdrop`, backdropClassName, inClass),
     containerClassName: prefix({
-      open: open,
+      open,
       'has-backdrop': backdrop
     }),
     transition: animation ? animation : undefined,
@@ -207,25 +188,28 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     backdropTransitionTimeout: 150,
     onClick: backdrop ? handleBackdropClick : undefined,
     onMouseDown: handleMouseDown
-  }), function (transitionProps, transitionRef) {
-    var _ref2;
-    var transitionClassName = transitionProps.className,
-      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);
+  }), (transitionProps, transitionRef) => {
+    const {
+      className: transitionClassName,
+      ...transitionRest
+    } = transitionProps;
     return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({
       role: role,
       id: dialogId,
-      "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + "-title",
+      "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : `${dialogId}-title`,
       "aria-describedby": ariaDescribedby,
-      style: (_ref2 = {}, _ref2[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref2)
-    }, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {
+      style: {
+        [sizeKey]: modalSizes.includes(size) ? undefined : size
+      }
+    }, transitionRest, (0, _pick.default)(rest, ['size', 'className', 'classPrefix', 'dialogClassName', 'style', 'dialogStyle', 'children']), {
       ref: (0, _utils.mergeRefs)(dialogRef, transitionRef),
       classPrefix: classPrefix,
       className: merge(classes, transitionClassName, prefix({
-        shake: shake
+        shake
       })),
       dialogClassName: dialogClassName,
       dialogStyle: dialogStyle
-    }), children);
+    }));
   }));
 });
 Modal.Body = _ModalBody.default;
@@ -234,15 +218,4 @@ Modal.Title = _ModalTitle.default;
 Modal.Footer = _ModalFooter.default;
 Modal.Dialog = _ModalDialog.default;
 Modal.displayName = 'Modal';
-Modal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {
-  animation: _propTypes.default.any,
-  animationTimeout: _propTypes.default.number,
-  classPrefix: _propTypes.default.string,
-  dialogClassName: _propTypes.default.string,
-  size: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(modalSizes), _propTypes.default.number, _propTypes.default.string]),
-  dialogStyle: _propTypes.default.object,
-  dialogAs: _propTypes.default.elementType,
-  full: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use size="full" instead.'),
-  overflow: _propTypes.default.bool
-});
 var _default = exports.default = Modal;

package/cjs/Modal/ModalBody.js

@@ -5,37 +5,36 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _ModalContext = require("./ModalContext");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
-var _excluded = ["as", "classPrefix", "className", "style", "children"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'modal-body' : _props$classPrefix,
-    className = props.className,
-    style = props.style,
-    children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
-  var context = (0, _react.useContext)(_ModalContext.ModalContext);
-  var _ref = context || {},
-    getBodyStyles = _ref.getBodyStyles,
-    closeButton = _ref.closeButton,
-    onModalClose = _ref.onModalClose;
-  var bodyStyles = getBodyStyles === null || getBodyStyles === void 0 ? void 0 : getBodyStyles();
-  var buttonElement = null;
+const ModalBody = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'modal-body',
+    className,
+    style,
+    children,
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const context = (0, _react.useContext)(_ModalContext.ModalContext);
+  const {
+    getBodyStyles,
+    closeButton,
+    onModalClose
+  } = context || {};
+  const bodyStyles = getBodyStyles === null || getBodyStyles === void 0 ? void 0 : getBodyStyles();
+  let buttonElement = null;
   if (closeButton) {
     buttonElement = typeof closeButton === 'boolean' ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
       icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
@@ -47,14 +46,12 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
-    style: (0, _extends2.default)({}, bodyStyles, style),
+    style: {
+      ...bodyStyles,
+      ...style
+    },
     className: classes
   }), buttonElement, children);
 });
 ModalBody.displayName = 'ModalBody';
-ModalBody.propTypes = {
-  as: _propTypes.default.elementType,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string
-};
 var _default = exports.default = ModalBody;

package/cjs/Modal/ModalContext.js

@@ -5,4 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ModalContext = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ModalContext = exports.ModalContext = /*#__PURE__*/_react.default.createContext(null);
+const ModalContext = exports.ModalContext = /*#__PURE__*/_react.default.createContext(null);

package/cjs/Modal/ModalDialog.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface ModalDialogProps extends WithAsProps {
     /** A modal can have different sizes */
@@ -7,14 +6,5 @@ export interface ModalDialogProps extends WithAsProps {
     dialogClassName?: string;
     dialogStyle?: React.CSSProperties;
 }
-export declare const modalDialogPropTypes: {
-    size: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    classPrefix: PropTypes.Requireable<string>;
-    dialogClassName: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    dialogStyle: PropTypes.Requireable<object>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-};
 declare const ModalDialog: RsRefForwardingComponent<'div', ModalDialogProps>;
 export default ModalDialog;

package/cjs/Modal/ModalDialog.js

@@ -3,47 +3,33 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.modalDialogPropTypes = exports.default = void 0;
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
-var _constants = require("../internals/constants");
-var _propTypes2 = require("../internals/propTypes");
-var _templateObject;
-var _excluded = ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"];
-var modalDialogPropTypes = exports.modalDialogPropTypes = {
-  size: (0, _propTypes2.oneOf)(_constants.SIZE),
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  dialogClassName: _propTypes.default.string,
-  style: _propTypes.default.object,
-  dialogStyle: _propTypes.default.object,
-  children: _propTypes.default.node
-};
-var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    style = props.style,
-    children = props.children,
-    dialogClassName = props.dialogClassName,
-    dialogStyle = props.dialogStyle,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
-    className = props.className,
-    size = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var modalStyle = (0, _extends2.default)({
-    display: 'block'
-  }, style);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix(size));
-  var dialogClasses = merge(dialogClassName, prefix('dialog'));
+const ModalDialog = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    style,
+    children,
+    dialogClassName,
+    dialogStyle,
+    classPrefix = 'modal',
+    className,
+    size,
+    ...rest
+  } = props;
+  const modalStyle = {
+    display: 'block',
+    ...style
+  };
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(size));
+  const dialogClasses = merge(dialogClassName, prefix('dialog'));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "dialog",
     "aria-modal": true
@@ -56,9 +42,8 @@ var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: dialogClasses,
     style: dialogStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["content"])))
+    className: prefix`content`
   }, children)));
 });
 ModalDialog.displayName = 'ModalDialog';
-ModalDialog.propTypes = modalDialogPropTypes;
 var _default = exports.default = ModalDialog;

package/cjs/Modal/ModalFooter.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from '../internals/utils';
 export type ModalFooterProps = ComponentProps;
-declare const ModalFooter: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const ModalFooter: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default ModalFooter;

package/cjs/Modal/ModalFooter.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var ModalFooter = (0, _utils.createComponent)({
+const ModalFooter = (0, _utils.createComponent)({
   name: 'ModalFooter'
 });
 var _default = exports.default = ModalFooter;

package/cjs/Modal/ModalHeader.js

@@ -5,39 +5,37 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _ModalContext = require("./ModalContext");
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _excluded = ["as", "classPrefix", "className", "closeButton", "children", "onClose"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'modal-header' : _props$classPrefix,
-    className = props.className,
-    _props$closeButton = props.closeButton,
-    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
-    children = props.children,
-    onClose = props.onClose,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
-  var context = (0, _react.useContext)(_ModalContext.ModalContext);
-  var _ref = context || {},
-    isDrawer = _ref.isDrawer,
-    onModalClose = _ref.onModalClose;
-  var buttonElement = isDrawer ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+const ModalHeader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'modal-header',
+    className,
+    closeButton = true,
+    children,
+    onClose,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const context = (0, _react.useContext)(_ModalContext.ModalContext);
+  const {
+    isDrawer,
+    onModalClose
+  } = context || {};
+  const buttonElement = isDrawer ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
     appearance: "subtle",
     size: "sm",
@@ -53,11 +51,4 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), closeButton && buttonElement, children);
 });
 ModalHeader.displayName = 'ModalHeader';
-ModalHeader.propTypes = {
-  as: _propTypes.default.elementType,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  closeButton: _propTypes.default.bool,
-  children: _propTypes.default.node
-};
 var _default = exports.default = ModalHeader;