rsuite 5.51.0 → 5.53.0

package/esm/Drawer/Drawer.js

@@ -8,6 +8,7 @@ import Modal from '../Modal';
 import { useClassNames } from '../utils';
 import deprecateComponent from '../utils/deprecateComponent';
 import DrawerContext from './DrawerContext';
+import { oneOf } from '../internals/propTypes';
 var DrawerBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Modal.Body, _extends({
     classPrefix: "drawer-body"
@@ -92,10 +93,10 @@ Drawer.Actions = DrawerActions;
 Drawer.Footer = deprecateComponent(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
 Drawer.Title = DrawerTitle;
 Drawer.displayName = 'Drawer';
-Drawer.propTypes = {
+Drawer.propTypes = _extends({}, Modal.propTypes, {
   classPrefix: PropTypes.string,
-  placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+  placement: oneOf(['top', 'right', 'bottom', 'left']),
   children: PropTypes.node,
   className: PropTypes.string
-};
+});
 export default Drawer;

package/esm/Dropdown/Dropdown.js

@@ -7,10 +7,10 @@ import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import DropdownMenu from './DropdownMenu';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 import DropdownItem from './DropdownItem';
 import DropdownContext from './DropdownContext';
-import Menu from '../Menu/Menu';
+import Menu from '../internals/Menu/Menu';
 import DropdownToggle from './DropdownToggle';
 import kebabCase from 'lodash/kebabCase';
 import NavContext from '../Nav/NavContext';
@@ -157,8 +157,8 @@ Dropdown.displayName = 'Dropdown';
 Dropdown.propTypes = {
   activeKey: PropTypes.any,
   classPrefix: PropTypes.string,
-  trigger: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: PropTypes.oneOf(PLACEMENT_8),
+  trigger: PropTypes.oneOfType([PropTypes.array, oneOf(['click', 'hover', 'contextMenu'])]),
+  placement: oneOf(PLACEMENT_8),
   title: PropTypes.node,
   disabled: PropTypes.bool,
   icon: PropTypes.node,

package/esm/Dropdown/DropdownItem.js

@@ -1,13 +1,13 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _pick from "lodash/pick";
 import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import deprecatePropType, { deprecatePropTypeNew } from '../utils/deprecatePropType';
-import MenuItem from '../Menu/MenuItem';
+import { deprecatePropType, deprecatePropTypeNew, oneOf } from '../internals/propTypes';
+import MenuItem from '../internals/Menu/MenuItem';
 import DropdownContext from './DropdownContext';
 import isNil from 'lodash/isNil';
+import pick from 'lodash/pick';
 import { mergeRefs, shallowEqual, useClassNames } from '../utils';
 import NavContext from '../Nav/NavContext';
 import useInternalId from '../utils/useInternalId';
@@ -16,6 +16,7 @@ import { useRenderDropdownItem } from './useRenderDropdownItem';
 import warnOnce from '../utils/warnOnce';
 import Nav from '../Nav';
 import DropdownSeparator from './DropdownSeparator';
+import classNames from 'classnames';
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
@@ -82,7 +83,9 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, props));
   }
   if (divider) {
-    return /*#__PURE__*/React.createElement(DropdownSeparator, _pick(props, ['data-testid']));
+    return /*#__PURE__*/React.createElement(DropdownSeparator, _extends({
+      as: "li"
+    }, pick(props, ['data-testid'])));
   }
   if (panel) {
     return renderDropdownItem(_extends({
@@ -118,7 +121,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
-        className: prefix('menu-icon')
+        className: classNames(prefix('menu-icon'), icon.props.className)
       }), children)
     }));
   });
@@ -128,7 +131,7 @@ DropdownItem.propTypes = {
   as: PropTypes.elementType,
   divider: deprecatePropTypeNew(PropTypes.bool, 'Use Dropdown.Separator component instead.'),
   panel: PropTypes.bool,
-  trigger: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['click', 'hover'])]),
+  trigger: PropTypes.oneOfType([PropTypes.array, oneOf(['click', 'hover'])]),
   open: deprecatePropType(PropTypes.bool),
   active: PropTypes.bool,
   disabled: PropTypes.bool,

package/esm/Dropdown/DropdownMenu.js

@@ -5,15 +5,16 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React, { useCallback, useContext, useMemo } from 'react';
 import omit from 'lodash/omit';
-import Menu from '../Menu/Menu';
-import MenuItem from '../Menu/MenuItem';
+import Menu from '../internals/Menu/Menu';
+import MenuItem from '../internals/Menu/MenuItem';
+import Menubar from '../internals/Menu/Menubar';
+import { oneOf } from '../internals/propTypes';
 import { mergeRefs, useClassNames } from '../utils';
 import PropTypes from 'prop-types';
 import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
 import useCustom from '../utils/useCustom';
 import DropdownContext from './DropdownContext';
-import Menubar from '../Menu/Menubar';
 import Nav from '../Nav';
 import NavContext from '../Nav/NavContext';
 import warnOnce from '../utils/warnOnce';
@@ -169,7 +170,7 @@ DropdownMenu.propTypes = {
   pullLeft: PropTypes.bool,
   title: PropTypes.node,
   open: PropTypes.bool,
-  trigger: PropTypes.oneOf(['click', 'hover']),
+  trigger: oneOf(['click', 'hover']),
   eventKey: PropTypes.any,
   expanded: PropTypes.bool,
   collapsible: PropTypes.bool,

package/esm/Dropdown/DropdownToggle.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import Button from '../Button';
 import { useClassNames } from '../utils';
 import useToggleCaret from '../utils/useToggleCaret';
+import { oneOf } from '../internals/propTypes';
 var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? Button : _props$as,
@@ -48,6 +49,6 @@ DropdownToggle.propTypes = {
   noCaret: PropTypes.bool,
   as: PropTypes.elementType,
   renderToggle: PropTypes.func,
-  placement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 export default DropdownToggle;

package/esm/FlexboxGrid/FlexboxGrid.js

@@ -5,6 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import FlexboxGridItem from './FlexboxGridItem';
+import { oneOf } from '../internals/propTypes';
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
@@ -34,7 +35,7 @@ FlexboxGrid.displayName = 'FlexboxGrid';
 FlexboxGrid.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,
-  align: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  justify: PropTypes.oneOf(['start', 'end', 'center', 'space-around', 'space-between'])
+  align: oneOf(['top', 'middle', 'bottom']),
+  justify: oneOf(['start', 'end', 'center', 'space-around', 'space-between'])
 };
 export default FlexboxGrid;

package/esm/Form/Form.js

@@ -15,6 +15,7 @@ import FormHelpText from '../FormHelpText';
 import { useFormClassNames } from './useFormClassNames';
 import useSchemaModel from './useSchemaModel';
 import { useControlled, useEventCallback } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `Form` component is a form interface for collecting and validating user input.
  * @see https://rsuitejs.com/components/form
@@ -286,12 +287,12 @@ Form.propTypes = {
   classPrefix: PropTypes.string,
   children: PropTypes.node,
   errorFromContext: PropTypes.bool,
-  layout: PropTypes.oneOf(['horizontal', 'vertical', 'inline']),
+  layout: oneOf(['horizontal', 'vertical', 'inline']),
   fluid: PropTypes.bool,
   formValue: PropTypes.object,
   formDefaultValue: PropTypes.object,
   formError: PropTypes.object,
-  checkTrigger: PropTypes.oneOf(['change', 'blur', 'none']),
+  checkTrigger: oneOf(['change', 'blur', 'none']),
   onChange: PropTypes.func,
   onError: PropTypes.func,
   onCheck: PropTypes.func,

package/esm/FormControl/FormControl.js

@@ -14,6 +14,7 @@ import { useClassNames } from '../utils';
 import FormContext, { FormValueContext } from '../Form/FormContext';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 import { useWillUnmount, useEventCallback } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import useRegisterModel from './useRegisterModel';
 import Toggle from '../Toggle';
 
@@ -187,14 +188,14 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
 FormControl.displayName = 'FormControl';
 FormControl.propTypes = {
   name: PropTypes.string.isRequired,
-  checkTrigger: PropTypes.oneOf(['change', 'blur', 'none']),
+  checkTrigger: oneOf(['change', 'blur', 'none']),
   checkAsync: PropTypes.bool,
   accepter: PropTypes.any,
   onChange: PropTypes.func,
   onBlur: PropTypes.func,
   classPrefix: PropTypes.string,
   errorMessage: PropTypes.node,
-  errorPlacement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
+  errorPlacement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
   value: PropTypes.any
 };
 export default FormControl;

package/esm/FormErrorMessage/FormErrorMessage.js

@@ -7,6 +7,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import { placementPolyfill, useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
@@ -48,6 +49,6 @@ FormErrorMessage.propTypes = {
   classPrefix: PropTypes.string,
   children: PropTypes.node,
   className: PropTypes.string,
-  placement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 export default FormErrorMessage;

package/esm/IconButton/IconButton.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
+import { oneOf } from '../internals/propTypes';
 import { useClassNames } from '../utils';
 import Button from '../Button';
 /**
@@ -38,6 +39,6 @@ IconButton.propTypes = {
   classPrefix: PropTypes.string,
   circle: PropTypes.bool,
   children: PropTypes.node,
-  placement: PropTypes.oneOf(['left', 'right'])
+  placement: oneOf(['left', 'right'])
 };
 export default IconButton;

package/esm/Input/Input.js

@@ -5,8 +5,9 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 import { InputGroupContext } from '../InputGroup/InputGroup';
-import Plaintext from '../Plaintext';
-import { createChainedFunction, TypeChecker, mergeRefs, useClassNames, KEY_VALUES } from '../utils';
+import Plaintext from '../internals/Plaintext';
+import { createChainedFunction, mergeRefs, useClassNames, KEY_VALUES } from '../utils';
+import { refType, oneOf } from '../internals/propTypes';
 /**
  * The `<Input>` component is used to get user input in a text field.
  *
@@ -92,8 +93,8 @@ Input.propTypes = {
   disabled: PropTypes.bool,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  inputRef: TypeChecker.refType,
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  inputRef: refType,
   onChange: PropTypes.func,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,

package/esm/InputGroup/InputGroup.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import InputGroupAddon from './InputGroupAddon';
 import InputGroupButton from './InputGroupButton';
 import { useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 export var InputGroupContext = /*#__PURE__*/React.createContext(null);
 /**
  * The `InputGroup` component is used to specify an input field with an add-on.
@@ -72,7 +73,7 @@ InputGroup.propTypes = {
   children: PropTypes.node,
   disabled: PropTypes.bool,
   inside: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs'])
+  size: oneOf(['lg', 'md', 'sm', 'xs'])
 };
 InputGroup.Addon = InputGroupAddon;
 InputGroup.Button = InputGroupButton;

package/esm/InputNumber/InputNumber.js

@@ -12,6 +12,7 @@ import InputGroupAddon from '../InputGroup/InputGroupAddon';
 import Input from '../Input';
 import Button from '../Button';
 import { partitionHTMLProps, createChainedFunction, useClassNames, useControlled, KEY_VALUES } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * Check if the value is a number.
  * @param value
@@ -268,8 +269,8 @@ InputNumber.propTypes = {
   readOnly: PropTypes.bool,
   plaintext: PropTypes.bool,
   scrollable: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  buttonAppearance: PropTypes.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  buttonAppearance: oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
   onWheel: PropTypes.func,
   onChange: PropTypes.func
 };

package/esm/InputPicker/InputPicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import type { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
-interface InputItemDataType extends ItemDataType {
+export interface InputItemDataType extends ItemDataType {
     create?: boolean;
 }
 export declare type ValueType = any;

package/esm/InputPicker/InputPicker.js

@@ -16,10 +16,11 @@ import pick from 'lodash/pick';
 import getWidth from 'dom-lib/getWidth';
 import shallowEqual from '../utils/shallowEqual';
 import { filterNodesOfTree } from '../utils/treeUtils';
-import Plaintext from '../Plaintext';
+import Plaintext from '../internals/Plaintext';
 import { createChainedFunction, tplTransform, useClassNames, useCustom, useControlled, useEventCallback, mergeRefs, isOneOf, KEY_VALUES } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import { getDataGroupBy } from '../utils/getDataGroupBy';
-import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
 import Tag from '../Tag';
 import InputAutosize from './InputAutosize';
 import TextBox from './TextBox';
@@ -700,7 +701,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 InputPicker.displayName = 'InputPicker';
 InputPicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   cacheData: PropTypes.array,
   menuAutoWidth: PropTypes.bool,
   menuMaxHeight: PropTypes.number,

package/esm/InputPicker/TagList.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject;
 import React from 'react';
 import { useClassNames } from '../utils';
-import useCombobox from '../Picker/hooks/useCombobox';
+import useCombobox from '../internals/Picker/hooks/useCombobox';
 var TagList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     rest = _objectWithoutPropertiesLoose(props, ["children"]);

package/esm/InputPicker/index.d.ts

@@ -1,3 +1,3 @@
 import InputPicker from './InputPicker';
-export type { InputPickerProps } from './InputPicker';
+export type { InputPickerProps, InputItemDataType } from './InputPicker';
 export default InputPicker;

package/esm/List/List.js

@@ -7,6 +7,7 @@ import useSortHelper from './helper/useSortHelper';
 import { mergeRefs, useClassNames } from '../utils';
 import ListContext from './ListContext';
 import ListItem from './ListItem';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
@@ -83,7 +84,7 @@ List.propTypes = {
   bordered: PropTypes.bool,
   hover: PropTypes.bool,
   sortable: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm']),
+  size: oneOf(['lg', 'md', 'sm']),
   autoScroll: PropTypes.bool,
   pressDelay: PropTypes.number,
   transitionDuration: PropTypes.number,

package/esm/List/helper/useSortHelper.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { Collection, ManagedItem } from './useManager';
-interface MovedItemInfo {
+export interface MovedItemInfo {
     collection: Collection;
     node: HTMLElement;
     newIndex: number;

package/esm/Loader/Loader.js

@@ -4,6 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
@@ -60,7 +61,7 @@ Loader.propTypes = {
   inverse: PropTypes.bool,
   vertical: PropTypes.bool,
   content: PropTypes.node,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  speed: PropTypes.oneOf(['normal', 'fast', 'slow'])
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  speed: oneOf(['normal', 'fast', 'slow'])
 };
 export default Loader;

package/esm/Message/Message.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
 export interface MessageProps extends WithAsProps {
-    /** The type of the message box. */
+    /**
+     * The type of the message box.
+     */
     type?: TypeAttributes.Status;
-    /** Whether it is possible to close the message box */
+    /**
+     * Show a border around the message box.
+     * @version 5.53.0
+     */
+    bordered?: boolean;
+    /**
+     * Center the message vertically.
+     * @version 5.53.0
+     */
+    centered?: boolean;
+    /**
+     * Whether it is possible to close the message box
+     */
     closable?: boolean;
     /**
      * Delay automatic removal of messages.
@@ -15,13 +29,21 @@ export interface MessageProps extends WithAsProps {
      *
      */
     duration?: number;
-    /** The title of the message  */
+    /**
+     * The title of the message
+     */
     header?: React.ReactNode;
-    /** Whether to display an icon */
+    /**
+     * Whether to display an icon
+     */
     showIcon?: boolean;
-    /** Fill the container */
+    /**
+     * Fill the container
+     */
     full?: boolean;
-    /** Callback after the message is removed */
+    /**
+     * Callback after the message is removed
+     */
     onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
 }
 /**

package/esm/Message/Message.js

@@ -3,10 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import React, { useState, useCallback, useContext } from 'react';
+import React, { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useTimeout, MESSAGE_STATUS_ICONS, STATUS, useIsMounted } from '../utils';
-import CloseButton from '../CloseButton';
+import { useClassNames, useTimeout, MESSAGE_STATUS_ICONS, STATUS, useIsMounted, useEventCallback } from '../utils';
+import { oneOf } from '../internals/propTypes';
+import CloseButton from '../internals/CloseButton';
 import ToastContext from '../toaster/ToastContext';
 /**
  * The `Message` component is used to display important messages to users.
@@ -16,6 +17,8 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
+    bordered = props.bordered,
+    centered = props.centered,
     className = props.className,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'message' : _props$classPrefix,
@@ -29,7 +32,7 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
     type = _props$type === void 0 ? 'info' : _props$type,
     showIcon = props.showIcon,
     onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"]);
   var _useState = useState('show'),
     display = _useState[0],
     setDisplay = _useState[1];
@@ -42,7 +45,7 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
     usedToaster = _useContext.usedToaster; // Timed close message
   var _useTimeout = useTimeout(onClose, duration, usedToaster && duration > 0),
     clear = _useTimeout.clear;
-  var handleClose = useCallback(function (event) {
+  var handleClose = useEventCallback(function (event) {
     setDisplay('hiding');
     onClose === null || onClose === void 0 ? void 0 : onClose(event);
     clear();
@@ -51,12 +54,14 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
         setDisplay('hide');
       }
     }, 1000);
-  }, [clear, isMounted, onClose]);
+  });
   if (display === 'hide') {
     return null;
   }
   var classes = merge(className, withClassPrefix(type, display, (_withClassPrefix = {
-    full: full
+    full: full,
+    bordered: bordered,
+    centered: centered
   }, _withClassPrefix['has-title'] = header, _withClassPrefix['has-icon'] = showIcon, _withClassPrefix)));
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "alert"
@@ -68,7 +73,7 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, closable && /*#__PURE__*/React.createElement(CloseButton, {
     onClick: handleClose
   }), showIcon && /*#__PURE__*/React.createElement("div", {
-    className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["icon-wrapper"])))
+    className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["icon"])))
   }, MESSAGE_STATUS_ICONS[type]), /*#__PURE__*/React.createElement("div", {
     className: prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["content"])))
   }, header && /*#__PURE__*/React.createElement("div", {
@@ -79,14 +84,16 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  type: PropTypes.oneOf(STATUS),
-  className: PropTypes.string,
-  onClose: PropTypes.func,
+  bordered: PropTypes.bool,
+  centered: PropTypes.bool,
   closable: PropTypes.bool,
-  title: PropTypes.node,
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
   description: PropTypes.node,
-  showIcon: PropTypes.bool,
   full: PropTypes.bool,
-  classPrefix: PropTypes.string
+  onClose: PropTypes.func,
+  showIcon: PropTypes.bool,
+  title: PropTypes.node,
+  type: oneOf(STATUS)
 };
 export default Message;

package/esm/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseModalProps } from '../Overlay/Modal';
+import { BaseModalProps } from '../internals/Overlay/Modal';
 import ModalDialog from './ModalDialog';
 import ModalBody from './ModalBody';
 import ModalHeader from './ModalHeader';

package/esm/Modal/Modal.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import pick from 'lodash/pick';
 import on from 'dom-lib/on';
 import getAnimationEnd from 'dom-lib/getAnimationEnd';
-import BaseModal, { modalPropTypes } from '../Overlay/Modal';
+import BaseModal, { modalPropTypes } from '../internals/Overlay/Modal';
 import Bounce from '../Animation/Bounce';
 import { useClassNames, mergeRefs, useWillUnmount } from '../utils';
 import ModalDialog, { modalDialogPropTypes } from './ModalDialog';
@@ -19,7 +19,7 @@ import ModalTitle from './ModalTitle';
 import ModalFooter from './ModalFooter';
 import { useBodyStyles } from './utils';
 import useUniqueId from '../utils/useUniqueId';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 import DrawerContext from '../Drawer/DrawerContext';
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
 /**
@@ -211,11 +211,10 @@ Modal.propTypes = _extends({}, modalPropTypes, {
   animationTimeout: PropTypes.number,
   classPrefix: PropTypes.string,
   dialogClassName: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.oneOf(modalSizes), PropTypes.number, PropTypes.string]),
+  size: PropTypes.oneOfType([oneOf(modalSizes), PropTypes.number, PropTypes.string]),
   dialogStyle: PropTypes.object,
   dialogAs: PropTypes.elementType,
   full: deprecatePropType(PropTypes.bool, 'Use size="full" instead.'),
-  overflow: PropTypes.bool,
-  drawer: PropTypes.bool
+  overflow: PropTypes.bool
 });
 export default Modal;

package/esm/Modal/ModalDialog.js

@@ -6,8 +6,9 @@ var _templateObject;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, SIZE } from '../utils';
+import { oneOf } from '../internals/propTypes';
 export var modalDialogPropTypes = {
-  size: PropTypes.oneOf(SIZE),
+  size: oneOf(SIZE),
   className: PropTypes.string,
   classPrefix: PropTypes.string,
   dialogClassName: PropTypes.string,

package/esm/Modal/ModalHeader.js

@@ -5,7 +5,7 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { createChainedFunction, useClassNames } from '../utils';
 import { ModalContext } from './ModalContext';
-import CloseButton from '../CloseButton';
+import CloseButton from '../internals/CloseButton';
 import Close from '@rsuite/icons/Close';
 import IconButton from '../IconButton';
 import DrawerContext from '../Drawer/DrawerContext';

package/esm/MultiCascader/MultiCascader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export declare type ValueType = (number | string)[];
 export interface MultiCascaderProps<T = ValueType> extends FormControlPickerProps<T, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'loading'> {