rsuite 5.51.0 → 5.53.0

package/cjs/Message/Message.js

@@ -11,7 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _propTypes2 = require("../internals/propTypes");
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _ToastContext = _interopRequireDefault(require("../toaster/ToastContext"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /**
@@ -22,6 +23,8 @@ var Message = /*#__PURE__*/_react.default.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,
@@ -35,7 +38,7 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     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"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"]);
   var _useState = (0, _react.useState)('show'),
     display = _useState[0],
     setDisplay = _useState[1];
@@ -48,7 +51,7 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     usedToaster = _useContext.usedToaster; // Timed close message
   var _useTimeout = (0, _utils.useTimeout)(onClose, duration, usedToaster && duration > 0),
     clear = _useTimeout.clear;
-  var handleClose = (0, _react.useCallback)(function (event) {
+  var handleClose = (0, _utils.useEventCallback)(function (event) {
     setDisplay('hiding');
     onClose === null || onClose === void 0 ? void 0 : onClose(event);
     clear();
@@ -57,12 +60,14 @@ var Message = /*#__PURE__*/_react.default.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.default.createElement(Component, (0, _extends2.default)({
     role: "alert"
@@ -74,7 +79,7 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, closable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     onClick: handleClose
   }), showIcon && /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["icon-wrapper"])))
+    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["icon"])))
   }, _utils.MESSAGE_STATUS_ICONS[type]), /*#__PURE__*/_react.default.createElement("div", {
     className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["content"])))
   }, header && /*#__PURE__*/_react.default.createElement("div", {
@@ -85,15 +90,17 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  type: _propTypes.default.oneOf(_utils.STATUS),
-  className: _propTypes.default.string,
-  onClose: _propTypes.default.func,
+  bordered: _propTypes.default.bool,
+  centered: _propTypes.default.bool,
   closable: _propTypes.default.bool,
-  title: _propTypes.default.node,
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
   description: _propTypes.default.node,
-  showIcon: _propTypes.default.bool,
   full: _propTypes.default.bool,
-  classPrefix: _propTypes.default.string
+  onClose: _propTypes.default.func,
+  showIcon: _propTypes.default.bool,
+  title: _propTypes.default.node,
+  type: (0, _propTypes2.oneOf)(_utils.STATUS)
 };
 var _default = Message;
 exports.default = _default;

package/cjs/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/cjs/Modal/Modal.js

@@ -13,7 +13,7 @@ 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("../Overlay/Modal"));
+var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
 var _utils = require("../utils");
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
@@ -24,7 +24,7 @@ var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
 var _utils2 = require("./utils");
 var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
 var _templateObject, _templateObject2;
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
@@ -217,12 +217,11 @@ Modal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {
   animationTimeout: _propTypes.default.number,
   classPrefix: _propTypes.default.string,
   dialogClassName: _propTypes.default.string,
-  size: _propTypes.default.oneOfType([_propTypes.default.oneOf(modalSizes), _propTypes.default.number, _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, _deprecatePropType.default)(_propTypes.default.bool, 'Use size="full" instead.'),
-  overflow: _propTypes.default.bool,
-  drawer: _propTypes.default.bool
+  full: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use size="full" instead.'),
+  overflow: _propTypes.default.bool
 });
 var _default = Modal;
 exports.default = _default;

package/cjs/Modal/ModalDialog.js

@@ -10,9 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _templateObject;
 var modalDialogPropTypes = {
-  size: _propTypes.default.oneOf(_utils.SIZE),
+  size: (0, _propTypes2.oneOf)(_utils.SIZE),
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   dialogClassName: _propTypes.default.string,

package/cjs/Modal/ModalHeader.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var _ModalContext = require("./ModalContext");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));

package/cjs/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'> {

package/cjs/MultiCascader/MultiCascader.js

@@ -19,7 +19,9 @@ var _utils = require("./utils");
 var _treeUtils = require("../utils/treeUtils");
 var _utils2 = require("../Cascader/utils");
 var _utils3 = require("../utils");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
+var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
+var _propTypes2 = require("../internals/propTypes");
 var emptyArray = [];
 
 /**
@@ -390,7 +392,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       style: styles,
       target: trigger,
       onKeyDown: onPickerKeyDown
-    }, searchable && /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {
+    }, searchable && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
       placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
@@ -481,7 +483,7 @@ MultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes
   value: _propTypes.default.array,
   disabledItemValues: _propTypes.default.array,
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   cascade: _propTypes.default.bool,
   inline: _propTypes.default.bool,
   countable: _propTypes.default.bool,

package/cjs/MultiCascader/TreeView.js

@@ -11,7 +11,7 @@ var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _utils = require("../utils");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
 var _utils2 = require("./utils");
 var emptyArray = [];
 

package/cjs/Nav/Nav.d.ts

@@ -16,6 +16,8 @@ export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttribute
     pullRight?: boolean;
     /** Active key, corresponding to eventkey in <Nav.item>. */
     activeKey?: T;
+    /** Default active key, corresponding to eventkey in <Nav.item>. */
+    defaultActiveKey?: T;
     /** Callback function triggered after selection */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }

package/cjs/Nav/Nav.js

@@ -14,8 +14,8 @@ var _utils = require("../utils");
 var _Navbar = require("../Navbar/Navbar");
 var _Sidenav = require("../Sidenav/Sidenav");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
-var _useEnsuredRef = _interopRequireDefault(require("../utils/useEnsuredRef"));
-var _Menubar = _interopRequireDefault(require("../Menu/Menubar"));
+var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
+var _propTypes2 = require("../internals/propTypes");
 var _NavDropdown = _interopRequireDefault(require("./NavDropdown"));
 var _NavMenu = _interopRequireWildcard(require("./NavMenu"));
 var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
@@ -25,7 +25,6 @@ var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdo
 var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDropdownItem"));
 var _NavbarItem = _interopRequireDefault(require("../Navbar/NavbarItem"));
 var _SidenavItem = _interopRequireDefault(require("../Sidenav/SidenavItem"));
-var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
 /**
  * The `Nav` component is used to create navigation links.
  * @see https://rsuitejs.com/components/nav
@@ -44,13 +43,14 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     children = props.children,
     activeKeyProp = props.activeKey,
+    defaultActiveKey = props.defaultActiveKey,
     onSelectProp = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "onSelect"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "defaultActiveKey", "onSelect"]);
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
 
   // Whether inside a <Navbar>
   var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
-  var menubarRef = (0, _useEnsuredRef.default)(ref);
+  var menubarRef = (0, _utils.useEnsuredRef)(ref);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
@@ -70,13 +70,19 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     activeKeyFromSidenav = _ref.activeKey,
     _ref$onSelect = _ref.onSelect,
     onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;
-  var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;
+  var _useControlled = (0, _utils.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey),
+    activeKey = _useControlled[0],
+    setActiveKey = _useControlled[1];
   var contextValue = (0, _react.useMemo)(function () {
     return {
       activeKey: activeKey,
-      onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav
+      onSelect: function onSelect(eventKey, event) {
+        setActiveKey(eventKey);
+        onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);
+        onSelectFromSidenav === null || onSelectFromSidenav === void 0 ? void 0 : onSelectFromSidenav(eventKey, event);
+      }
     };
-  }, [activeKey, onSelectFromSidenav, onSelectProp]);
+  }, [activeKey, onSelectFromSidenav, onSelectProp, setActiveKey]);
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {
       value: contextValue
@@ -129,7 +135,7 @@ Nav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
     dispatch = _ref2[1];
-  var _id = (0, _useInternalId.default)('Nav.Item');
+  var _id = (0, _utils.useInternalId)('Nav.Item');
   (0, _react.useEffect)(function () {
     if (dispatch) {
       var _props$active;
@@ -187,7 +193,7 @@ Nav.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
   children: _propTypes.default.node,
-  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle', 'tabs']),
   // Reverse Direction of tabs/subtle
   reversed: _propTypes.default.bool,
   justified: _propTypes.default.bool,

package/cjs/Nav/NavDropdown.js

@@ -12,9 +12,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _utils = require("../utils");
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _DropdownState = require("../Dropdown/DropdownState");
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
+var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
@@ -134,8 +134,8 @@ NavDropdown.Menu = _NavDropdownMenu.default;
 NavDropdown.displayName = 'Nav.Dropdown';
 NavDropdown.propTypes = {
   classPrefix: _propTypes.default.string,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,
@@ -143,7 +143,7 @@ NavDropdown.propTypes = {
   className: _propTypes.default.string,
   toggleClassName: _propTypes.default.string,
   children: _propTypes.default.node,
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   eventKey: _propTypes.default.any,
   as: _propTypes.default.elementType,
   toggleAs: _propTypes.default.elementType,

package/cjs/Nav/NavDropdownItem.js

@@ -9,12 +9,13 @@ 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 _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _propTypes2 = require("../internals/propTypes");
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../utils");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * @private
  */
@@ -90,7 +91,7 @@ var NavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, re
       className: classes
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-        className: prefix('menu-icon')
+        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)
       }), children)
     }));
   });
@@ -100,11 +101,11 @@ NavDropdownItem.propTypes = {
   as: _propTypes.default.elementType,
   divider: _propTypes.default.bool,
   panel: _propTypes.default.bool,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover'])]),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   active: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
-  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  pullLeft: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   onSelect: _propTypes.default.func,
   onClick: _propTypes.default.func,
   icon: _propTypes.default.node,

package/cjs/Nav/NavDropdownMenu.js

@@ -10,15 +10,15 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _utils = require("../utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
 /**
  * @private
@@ -122,8 +122,8 @@ NavDropdownMenu.propTypes = {
   children: _propTypes.default.node,
   icon: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use openDirection="start" instead.'),
-  openDirection: _propTypes.default.oneOf(['start', 'end']),
+  pullLeft: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use openDirection="start" instead.'),
+  openDirection: (0, _propTypes2.oneOf)(['start', 'end']),
   noCaret: _propTypes.default.bool,
   title: _propTypes.default.node,
   open: _propTypes.default.bool,

package/cjs/Nav/NavDropdownToggle.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _utils = require("../utils");
 var _NavItem = _interopRequireDefault(require("./NavItem"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -54,7 +55,7 @@ NavDropdownToggle.propTypes = {
   noCaret: _propTypes.default.bool,
   as: _propTypes.default.elementType,
   renderToggle: _propTypes.default.func,
-  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 var _default = NavDropdownToggle;
 exports.default = _default;

package/cjs/Nav/NavItem.js

@@ -10,10 +10,11 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _Ripple = _interopRequireDefault(require("../Ripple"));
+var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _utils = require("../utils");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * The `Nav.Item` component is used to create navigation links.
  *
@@ -88,7 +89,7 @@ var NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     style: style,
     "aria-selected": active || undefined
   }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-    className: prefix('icon')
+    className: (0, _classnames.default)(prefix('icon'), icon.props.className)
   }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
 NavItem.displayName = 'Nav.Item';

package/cjs/Navbar/NavbarDropdown.js

@@ -12,10 +12,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _castArray = _interopRequireDefault(require("lodash/castArray"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _utils = require("../utils");
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _ = require(".");
-var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
+var _Disclosure = _interopRequireDefault(require("../internals/Disclosure/Disclosure"));
 var _NavDropdownItem = _interopRequireDefault(require("../Nav/NavDropdownItem"));
 var _NavDropdownMenu = _interopRequireDefault(require("../Nav/NavDropdownMenu"));
 var _NavbarDropdownToggle = _interopRequireDefault(require("./NavbarDropdownToggle"));
@@ -98,8 +98,8 @@ NavbarDropdown.Menu = _NavDropdownMenu.default;
 NavbarDropdown.displayName = 'Navbar.Dropdown';
 NavbarDropdown.propTypes = {
   classPrefix: _propTypes.default.string,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,
@@ -107,7 +107,7 @@ NavbarDropdown.propTypes = {
   className: _propTypes.default.string,
   toggleClassName: _propTypes.default.string,
   children: _propTypes.default.node,
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   eventKey: _propTypes.default.any,
   as: _propTypes.default.elementType,
   toggleAs: _propTypes.default.elementType,

package/cjs/Navbar/NavbarDropdownItem.js

@@ -9,13 +9,14 @@ 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 _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../utils");
 var _Navbar = require("./Navbar");
-var _DisclosureContext = _interopRequireWildcard(require("../Disclosure/DisclosureContext"));
+var _DisclosureContext = _interopRequireWildcard(require("../internals/Disclosure/DisclosureContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * @private
  */
@@ -94,7 +95,7 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
   }, dataAttributes, restProps, {
     onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),
     children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-      className: prefix('menu-icon')
+      className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)
     }), children)
   }));
 });
@@ -103,11 +104,11 @@ NavbarDropdownItem.propTypes = {
   as: _propTypes.default.elementType,
   divider: _propTypes.default.bool,
   panel: _propTypes.default.bool,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover'])]),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   active: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
-  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  pullLeft: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   submenu: _propTypes.default.element,
   onSelect: _propTypes.default.func,
   onClick: _propTypes.default.func,

package/cjs/Navbar/NavbarDropdownMenu.js

@@ -16,9 +16,9 @@ var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _utils = require("../utils");
 var _ = require(".");
-var _Disclosure = _interopRequireDefault(require("../Disclosure"));
+var _Disclosure = _interopRequireDefault(require("../internals/Disclosure"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
 /**
  * @private this component is not supposed to be used directly
@@ -125,8 +125,8 @@ NavbarDropdownMenu.propTypes = {
   children: _propTypes.default.node,
   icon: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use openDirection="start" instead.'),
-  openDirection: _propTypes.default.oneOf(['start', 'end']),
+  pullLeft: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use openDirection="start" instead.'),
+  openDirection: (0, _propTypes2.oneOf)(['start', 'end']),
   title: _propTypes.default.node,
   open: _propTypes.default.bool,
   eventKey: _propTypes.default.any,

package/cjs/Navbar/NavbarDropdownToggle.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _utils = require("../utils");
 var _NavbarItem = _interopRequireDefault(require("./NavbarItem"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -53,7 +54,7 @@ NavbarDropdownToggle.propTypes = {
   noCaret: _propTypes.default.bool,
   as: _propTypes.default.elementType,
   renderToggle: _propTypes.default.func,
-  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 var _default = NavbarDropdownToggle;
 exports.default = _default;

package/cjs/Navbar/NavbarItem.js

@@ -10,10 +10,11 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _Ripple = _interopRequireDefault(require("../Ripple"));
+var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _utils = require("../utils");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * @private
  */
@@ -62,7 +63,7 @@ var NavbarItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onClick: handleClick,
     style: style
   }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-    className: prefix('icon')
+    className: (0, _classnames.default)(prefix('icon'), icon.props.className)
   }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
 NavbarItem.displayName = 'Navbar.Item';

package/cjs/Notification/Notification.js

@@ -11,7 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _propTypes2 = require("../internals/propTypes");
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _ToastContext = _interopRequireDefault(require("../toaster/ToastContext"));
 var _templateObject, _templateObject2;
 /**
@@ -45,7 +46,7 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     usedToaster = _useContext.usedToaster; // Timed close message
   var _useTimeout = (0, _utils.useTimeout)(onClose, duration, usedToaster && duration > 0),
     clear = _useTimeout.clear; // Click to trigger to close the message
-  var handleClose = (0, _react.useCallback)(function (event) {
+  var handleClose = (0, _utils.useEventCallback)(function (event) {
     setDisplay('hiding');
     onClose === null || onClose === void 0 ? void 0 : onClose(event);
     clear();
@@ -54,8 +55,8 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         setDisplay('hide');
       }
     }, 1000);
-  }, [onClose, clear, isMounted]);
-  var renderHeader = (0, _react.useCallback)(function () {
+  });
+  var renderHeader = function renderHeader() {
     if (!header) {
       return null;
     }
@@ -66,7 +67,7 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }, _utils.MESSAGE_STATUS_ICONS[type], header) : /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('title')
     }, header));
-  }, [header, type, prefix]);
+  };
   if (display === 'hide') {
     return null;
   }
@@ -94,7 +95,7 @@ Notification.propTypes = {
   closable: _propTypes.default.bool,
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
-  type: _propTypes.default.oneOf(['info', 'success', 'warning', 'error']),
+  type: (0, _propTypes2.oneOf)(['info', 'success', 'warning', 'error']),
   onClose: _propTypes.default.func
 };
 var _default = Notification;