rsuite 5.0.0-beta.7 → 5.0.2

package/cjs/InputNumber/InputNumber.js

@@ -96,20 +96,12 @@ function disableMinValue(value, min) {
   return false;
 }
 
-var defaultProps = {
-  as: _InputGroup.default,
-  classPrefix: 'input-number',
-  min: -Infinity,
-  max: Infinity,
-  step: 1,
-  buttonAppearance: 'subtle',
-  scrollable: true
-};
-
 var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? _InputGroup.default : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
       disabled = props.disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
@@ -118,11 +110,16 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       size = props.size,
       prefixElement = props.prefix,
       postfix = props.postfix,
-      step = props.step,
-      buttonAppearance = props.buttonAppearance,
-      min = props.min,
-      max = props.max,
-      scrollable = props.scrollable,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      _props$buttonAppearan = props.buttonAppearance,
+      buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,
+      _props$min = props.min,
+      min = _props$min === void 0 ? -Infinity : _props$min,
+      _props$max = props.max,
+      max = _props$max === void 0 ? Infinity : _props$max,
+      _props$scrollable = props.scrollable,
+      scrollable = _props$scrollable === void 0 ? true : _props$scrollable,
       onChange = props.onChange,
       onWheel = props.onWheel,
       restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabled", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel"]);
@@ -270,7 +267,6 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 InputNumber.displayName = 'InputNumber';
-InputNumber.defaultProps = defaultProps;
 InputNumber.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/InputPicker/InputAutosize.js

@@ -42,7 +42,8 @@ var copyStyles = function copyStyles(styles, node) {
  * @param placeholderRef
  */
 var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
-  var minWidth = props.minWidth,
+  var _props$minWidth = props.minWidth,
+      minWidth = _props$minWidth === void 0 ? 1 : _props$minWidth,
       placeholder = props.placeholder,
       value = props.value,
       onAutosize = props.onAutosize;
@@ -181,8 +182,5 @@ InputAutosize.propTypes = {
   value: _propTypes.default.any,
   onAutosize: _propTypes.default.func
 };
-InputAutosize.defaultProps = {
-  minWidth: 1
-};
 var _default = InputAutosize;
 exports.default = _default;

package/cjs/InputPicker/InputPicker.js

@@ -56,52 +56,50 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var InputPickerContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.InputPickerContext = InputPickerContext;
-var defaultProps = {
-  as: 'div',
-  appearance: 'default',
-  cleanable: true,
-  cacheData: [],
-  classPrefix: 'picker',
-  data: [],
-  disabledItemValues: [],
-  valueKey: 'value',
-  labelKey: 'label',
-  placement: 'bottomStart',
-  searchable: true,
-  menuAutoWidth: true,
-  menuMaxHeight: 320
-};
 
 var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _merge;
 
-  var Component = props.as,
-      cleanable = props.cleanable,
-      cacheData = props.cacheData,
-      classPrefix = props.classPrefix,
-      controlledData = props.data,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$cacheData = props.cacheData,
+      cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
+      _props$data = props.data,
+      controlledData = _props$data === void 0 ? [] : _props$data,
       disabled = props.disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       defaultValue = props.defaultValue,
       defaultOpen = props.defaultOpen,
-      disabledItemValues = props.disabledItemValues,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
       overrideLocale = props.locale,
       toggleAs = props.toggleAs,
       style = props.style,
-      searchable = props.searchable,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
       controlledOpen = props.open,
       placeholder = props.placeholder,
       groupBy = props.groupBy,
       menuClassName = props.menuClassName,
       menuStyle = props.menuStyle,
-      menuAutoWidth = props.menuAutoWidth,
-      menuMaxHeight = props.menuMaxHeight,
+      _props$menuAutoWidth = props.menuAutoWidth,
+      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+      _props$menuMaxHeight = props.menuMaxHeight,
+      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
       creatable = props.creatable,
       valueProp = props.value,
-      valueKey = props.valueKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
       virtualized = props.virtualized,
-      labelKey = props.labelKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
       listProps = props.listProps,
       id = props.id,
       tabIndex = props.tabIndex,
@@ -125,8 +123,9 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onBlur = props.onBlur,
       onFocus = props.onFocus,
       searchBy = props.searchBy,
-      placement = props.placement,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onOpen", "onClose", "onBlur", "onFocus", "searchBy", "placement"]);
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onOpen", "onClose", "onBlur", "onFocus", "searchBy", "placement"]);
 
   var _useContext = (0, _react.useContext)(InputPickerContext),
       multi = _useContext.multi,
@@ -672,8 +671,11 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
+    classPrefix: classPrefix,
+    appearance: appearance,
     hasValue: hasValue,
-    name: 'input'
+    name: 'input',
+    cleanable: cleanable
   })),
       pickerClasses = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -724,6 +726,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onKeyDown: onPickerKeyDown
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
+    appearance: appearance,
     readOnly: readOnly,
     plaintext: plaintext,
     ref: targetRef,
@@ -751,7 +754,6 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 InputPicker.displayName = 'InputPicker';
-InputPicker.defaultProps = defaultProps;
 InputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
   appearance: _propTypes.default.oneOf(['default', 'subtle']),

package/cjs/List/List.js

@@ -23,26 +23,23 @@ var _ListContext = _interopRequireDefault(require("./ListContext"));
 
 var _ListItem = _interopRequireDefault(require("./ListItem"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'list',
-  size: 'md',
-  autoScroll: true,
-  pressDelay: 0,
-  transitionDuration: 300
-};
-
 var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'list' : _props$classPrefix,
       className = props.className,
       bordered = props.bordered,
       hover = props.hover,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'md' : _props$size,
       sortable = props.sortable,
-      autoScroll = props.autoScroll,
-      pressDelay = props.pressDelay,
-      transitionDuration = props.transitionDuration,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === void 0 ? true : _props$autoScroll,
+      _props$pressDelay = props.pressDelay,
+      pressDelay = _props$pressDelay === void 0 ? 0 : _props$pressDelay,
+      _props$transitionDura = props.transitionDuration,
+      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
       children = props.children,
       onSort = props.onSort,
       onSortEnd = props.onSortEnd,
@@ -96,7 +93,6 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
 List.Item = _ListItem.default;
 List.displayName = 'List';
-List.defaultProps = defaultProps;
 List.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/List/ListItem.js

@@ -19,18 +19,15 @@ var _utils = require("../utils");
 
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'list-item',
-  collection: 0
-};
-
 var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       children = props.children,
       className = props.className,
-      classPrefix = props.classPrefix,
-      collection = props.collection,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'list-item' : _props$classPrefix,
+      _props$collection = props.collection,
+      collection = _props$collection === void 0 ? 0 : _props$collection,
       disabled = props.disabled,
       index = props.index,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "children", "className", "classPrefix", "collection", "disabled", "index"]);
@@ -73,7 +70,6 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ListItem.displayName = 'ListItem';
-ListItem.defaultProps = defaultProps;
 ListItem.propTypes = {
   index: _propTypes.default.number,
   collection: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),

package/cjs/Loader/Loader.js

@@ -15,19 +15,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'loader',
-  speed: 'normal'
-};
-
 var Loader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'loader' : _props$classPrefix,
       className = props.className,
       inverse = props.inverse,
       backdrop = props.backdrop,
-      speed = props.speed,
+      _props$speed = props.speed,
+      speed = _props$speed === void 0 ? 'normal' : _props$speed,
       center = props.center,
       vertical = props.vertical,
       content = props.content,
@@ -64,7 +61,6 @@ var Loader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Loader.displayName = 'Loader';
-Loader.defaultProps = defaultProps;
 Loader.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Menu/Menu.d.ts

@@ -29,7 +29,6 @@ export interface MenuHandle {
 declare function Menu(props: MenuProps & React.HTMLAttributes<HTMLUListElement>): React.ReactElement<React.HTMLAttributes<HTMLDivElement>, string | React.JSXElementConstructor<any>>;
 declare namespace Menu {
     var displayName: string;
-    var defaultProps: Partial<MenuProps>;
     var propTypes: {
         children: PropTypes.Validator<(...args: any[]) => any>;
     };

package/cjs/Menu/Menu.js

@@ -29,9 +29,7 @@ var _events = require("../utils/events");
 
 var _dom = require("../utils/dom");
 
-var defaultProps = {
-  openMenuOn: ['click']
-};
+var defaultOpenMenuOn = ['click'];
 /**
  * Headless ARIA `menu`
  */
@@ -41,7 +39,8 @@ function Menu(props) {
 
   var disabled = props.disabled,
       children = props.children,
-      openMenuOn = props.openMenuOn,
+      _props$openMenuOn = props.openMenuOn,
+      openMenuOn = _props$openMenuOn === void 0 ? defaultOpenMenuOn : _props$openMenuOn,
       menuButtonText = props.menuButtonText,
       renderMenuButton = props.renderMenuButton,
       renderMenuPopup = props.renderMenuPopup,
@@ -384,7 +383,6 @@ function Menu(props) {
 }
 
 Menu.displayName = 'Menu';
-Menu.defaultProps = defaultProps;
 Menu.propTypes = {
   children: _propTypes.default.func.isRequired
 };

package/cjs/Menu/MenuItem.js

@@ -34,7 +34,7 @@ function MenuItem(props) {
       dispatch = _ref[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)
 
 
-  var hasFocus = (menuState === null || menuState === void 0 ? void 0 : (_menuState$items$menu = menuState.items[menuState === null || menuState === void 0 ? void 0 : menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;
+  var hasFocus = (menuState === null || menuState === void 0 ? void 0 : (_menuState$items$menu = menuState.items[menuState === null || menuState === void 0 ? void 0 : menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current && !!menuitemRef.current;
   var handleClick = (0, _react.useCallback)(function (event) {
     if (disabled) {
       return;

package/cjs/Message/Message.js

@@ -23,25 +23,22 @@ var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'message',
-  type: 'info',
-  duration: 2000
-};
-
 var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _withClassPrefix;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'message' : _props$classPrefix,
       children = props.children,
       closable = props.closable,
-      duration = props.duration,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 2000 : _props$duration,
       full = props.full,
       header = props.header,
-      type = props.type,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type,
       showIcon = props.showIcon,
       onClose = props.onClose,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"]);
@@ -97,7 +94,6 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Message.displayName = 'Message';
-Message.defaultProps = defaultProps;
 Message.propTypes = {
   type: _propTypes.default.oneOf(_utils.STATUS),
   className: _propTypes.default.string,

package/cjs/Modal/Modal.d.ts

@@ -6,7 +6,7 @@ import ModalHeader from './ModalHeader';
 import ModalTitle from './ModalTitle';
 import ModalFooter from './ModalFooter';
 import { TypeAttributes, RsRefForwardingComponent } from '../@types/common';
-export interface ModalProps extends BaseModalProps {
+export interface ModalProps extends BaseModalProps, Pick<React.HTMLAttributes<HTMLElement>, 'role' | 'id' | 'aria-labelledby' | 'aria-describedby'> {
     /** A modal can have different sizes */
     size?: TypeAttributes.Size;
     /** Set the duration of the animation */
@@ -26,15 +26,6 @@ export interface ModalProps extends BaseModalProps {
     /** Render Modal as Drawer */
     drawer?: boolean;
 }
-export interface ModalContextProps {
-    /** Pass the close event callback to the header close button. */
-    onModalClose: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    /** Pass the latest style to body. */
-    getBodyStyles?: () => React.CSSProperties;
-    /** Whether this Modal is a Drawer */
-    isDrawer: boolean;
-}
-export declare const ModalContext: React.Context<ModalContextProps>;
 interface ModalComponent extends RsRefForwardingComponent<'div', ModalProps> {
     Body: typeof ModalBody;
     Header: typeof ModalHeader;

package/cjs/Modal/Modal.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 exports.__esModule = true;
-exports.default = exports.ModalContext = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -27,6 +27,8 @@ var _utils = require("../utils");
 
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
 
+var _ModalContext = require("./ModalContext");
+
 var _ModalBody = _interopRequireDefault(require("./ModalBody"));
 
 var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
@@ -39,44 +41,44 @@ var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
 
 var _utils2 = require("./utils");
 
-var _templateObject, _templateObject2;
-
-var defaultProps = {
-  classPrefix: 'modal',
-  size: 'sm',
-  animation: _Bounce.default,
-  animationTimeout: 300,
-  dialogAs: _ModalDialog.default,
-  backdrop: true,
-  overflow: true
-};
+var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
 
-var ModalContext = /*#__PURE__*/_react.default.createContext(null);
-
-exports.ModalContext = ModalContext;
+var _templateObject, _templateObject2;
 
 var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
       dialogClassName = props.dialogClassName,
       backdropClassName = props.backdropClassName,
-      backdrop = props.backdrop,
+      _props$backdrop = props.backdrop,
+      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
       dialogStyle = props.dialogStyle,
-      animation = props.animation,
+      _props$animation = props.animation,
+      animation = _props$animation === void 0 ? _Bounce.default : _props$animation,
       open = props.open,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'sm' : _props$size,
       full = props.full,
-      Dialog = props.dialogAs,
+      _props$dialogAs = props.dialogAs,
+      Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,
       animationProps = props.animationProps,
-      animationTimeout = props.animationTimeout,
-      overflow = props.overflow,
+      _props$animationTimeo = props.animationTimeout,
+      animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,
+      _props$overflow = props.overflow,
+      overflow = _props$overflow === void 0 ? true : _props$overflow,
       drawer = props.drawer,
       onClose = props.onClose,
       onEntered = props.onEntered,
       onEntering = props.onEntering,
       onExited = props.onExited,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "children", "classPrefix", "dialogClassName", "backdropClassName", "backdrop", "dialogStyle", "animation", "open", "size", "full", "dialogAs", "animationProps", "animationTimeout", "overflow", "drawer", "onClose", "onEntered", "onEntering", "onExited"]);
+      _props$role = props.role,
+      role = _props$role === void 0 ? 'dialog' : _props$role,
+      idProp = props.id,
+      ariaLabelledby = props['aria-labelledby'],
+      ariaDescribedby = props['aria-describedby'],
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "children", "classPrefix", "dialogClassName", "backdropClassName", "backdrop", "dialogStyle", "animation", "open", "size", "full", "dialogAs", "animationProps", "animationTimeout", "overflow", "drawer", "onClose", "onEntered", "onEntering", "onExited", "role", "id", "aria-labelledby", "aria-describedby"]);
   var inClass = {
     in: open && !animation
   };
@@ -100,15 +102,17 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onChangeBodyStyles = _useBodyStyles[1],
       onDestroyEvents = _useBodyStyles[2];
 
+  var dialogId = (0, _useUniqueId.default)('dialog-', idProp);
   var modalContextValue = (0, _react.useMemo)(function () {
     return {
+      dialogId: dialogId,
       onModalClose: onClose,
       getBodyStyles: function getBodyStyles() {
         return bodyStyles;
       },
       isDrawer: drawer
     };
-  }, [onClose, bodyStyles, drawer]);
+  }, [dialogId, onClose, bodyStyles, drawer]);
 
   var _useState = (0, _react.useState)(false),
       shake = _useState[0],
@@ -143,7 +147,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 ? void 0 : _transitionEndListene2.off();
   }, []);
-  return /*#__PURE__*/_react.default.createElement(ModalContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, {
     value: modalContextValue
   }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {
     ref: ref,
@@ -167,7 +171,12 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), function (transitionProps, transitionRef) {
     var transitionClassName = transitionProps.className,
         transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, ["className"]);
-    return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({}, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {
+    return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({
+      role: role,
+      id: dialogId,
+      "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + "-title",
+      "aria-describedby": ariaDescribedby
+    }, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {
       ref: (0, _utils.mergeRefs)(dialogRef, transitionRef),
       classPrefix: classPrefix,
       className: merge(classes, transitionClassName, prefix({
@@ -185,7 +194,6 @@ Modal.Title = _ModalTitle.default;
 Modal.Footer = _ModalFooter.default;
 Modal.Dialog = _ModalDialog.default;
 Modal.displayName = 'Modal';
-Modal.defaultProps = defaultProps;
 Modal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {
   animation: _propTypes.default.any,
   animationTimeout: _propTypes.default.number,

package/cjs/Modal/ModalBody.js

@@ -15,20 +15,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var _Modal = require("./Modal");
+var _ModalContext = require("./ModalContext");
 
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'modal-body'
-};
-
 var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  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,
@@ -40,7 +37,7 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix());
-  return /*#__PURE__*/_react.default.createElement(_Modal.ModalContext.Consumer, null, function (context) {
+  return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Consumer, null, function (context) {
     var _context$getBodyStyle;
 
     var bodyStyles = context === null || context === void 0 ? void 0 : (_context$getBodyStyle = context.getBodyStyles) === null || _context$getBodyStyle === void 0 ? void 0 : _context$getBodyStyle.call(context);
@@ -59,7 +56,6 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ModalBody.displayName = 'ModalBody';
-ModalBody.defaultProps = defaultProps;
 ModalBody.propTypes = {
   as: _propTypes.default.elementType,
   classPrefix: _propTypes.default.string,

package/cjs/Modal/ModalContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ModalContextProps {
+    /** ID of the dialog element */
+    dialogId: string;
+    /** Pass the close event callback to the header close button. */
+    onModalClose: (event: React.MouseEvent<Element, MouseEvent>) => void;
+    /** Pass the latest style to body. */
+    getBodyStyles?: () => React.CSSProperties;
+    /** Whether this Modal is a Drawer */
+    isDrawer: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;

package/cjs/Modal/ModalContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.ModalContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var ModalContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.ModalContext = ModalContext;