rsuite 5.50.0 → 5.52.0

package/cjs/MultiCascader/{DropdownMenu.d.ts → TreeView.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
 import { ValueType } from './MultiCascader';
-export interface DropdownMenuProps extends WithAsProps {
+export interface TreeViewProps extends WithAsProps {
     disabledItemValues: ValueType;
     value: ValueType;
     childrenKey: string;
@@ -21,5 +21,5 @@ export interface DropdownMenuProps extends WithAsProps {
 /**
  * TODO: reuse Menu from Cascader for consistent behavior
  */
-declare const DropdownMenu: RsRefForwardingComponent<'div', DropdownMenuProps>;
-export default DropdownMenu;
+declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
+export default TreeView;

package/cjs/MultiCascader/{DropdownMenu.js → TreeView.js}

@@ -1,26 +1,24 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 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 = [];
 
 /**
  * TODO: reuse Menu from Cascader for consistent behavior
  */
-var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -46,18 +44,24 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,
     labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    style = props.style,
     renderMenuItem = props.renderMenuItem,
     renderMenu = props.renderMenu,
     _onCheck = props.onCheck,
     onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "renderMenuItem", "renderMenu", "onCheck", "onSelect"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "style", "renderMenuItem", "renderMenu", "onCheck", "onSelect"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('items'));
-  var _useCustom = (0, _utils.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _utils.useCustom)(),
     rtl = _useCustom.rtl;
-  var getCascadePaths = (0, _react.useCallback)(function (layer, node) {
+  var _useCombobox = (0, _Picker.useCombobox)(),
+    id = _useCombobox.id,
+    labelId = _useCombobox.labelId,
+    popupType = _useCombobox.popupType,
+    multiple = _useCombobox.multiple;
+  var getCascadePaths = function getCascadePaths(layer, node) {
     var paths = [];
     for (var i = 0; i < cascadeData.length && i < layer; i += 1) {
       if (i < layer - 1 && cascadePaths) {
@@ -66,15 +70,21 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
     paths.push(node);
     return paths;
-  }, [cascadeData, cascadePaths]);
-  var handleSelect = (0, _react.useCallback)(function (layer, node, event) {
+  };
+  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {
     var cascadePaths = getCascadePaths(layer + 1, node);
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);
-  }, [getCascadePaths, onSelect]);
-  var renderCascadeNode = function renderCascadeNode(node, index, layer, focus, uncheckable) {
+  });
+  var renderCascadeNode = function renderCascadeNode(nodeProps) {
+    var node = nodeProps.node,
+      index = nodeProps.index,
+      layer = nodeProps.layer,
+      focus = nodeProps.focus,
+      uncheckable = nodeProps.uncheckable,
+      size = nodeProps.size;
     var children = node[childrenKey];
     var nodeValue = node[valueKey];
-    var nodeLabel = node[labelKey];
+    var label = node[labelKey];
     var disabled = disabledItemValues.some(function (disabledValue) {
       return (0, _utils.shallowEqual)(disabledValue, nodeValue);
     });
@@ -90,8 +100,13 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         valueKey: valueKey
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenuCheckItem, {
+    return /*#__PURE__*/_react.default.createElement(_Picker.ListCheckItem, {
       as: "li",
+      role: "treeitem",
+      "aria-level": layer + 1,
+      "aria-setsize": size,
+      "aria-posinset": index + 1,
+      "aria-label": typeof label === 'string' ? label : undefined,
       key: layer + "-" + onlyKey,
       disabled: disabled,
       active: active,
@@ -111,73 +126,61 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         return _onCheck === null || _onCheck === void 0 ? void 0 : _onCheck(node, event, checked);
       },
       checkable: !uncheckable
-    }, renderMenuItem ? renderMenuItem(nodeLabel, node) : nodeLabel, children ? /*#__PURE__*/_react.default.createElement(Icon, {
+    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {
       className: prefix('caret'),
       spin: node.loading
     }) : null);
   };
-  var renderCascade = function renderCascade() {
-    var styles = {
-      width: cascadeData.length * menuWidth
-    };
-    var columnStyles = {
-      height: menuHeight,
-      width: menuWidth
-    };
-    var cascadeNodes = cascadeData.map(function (children, layer) {
-      var uncheckableCount = 0;
-      var onlyKey = layer + "_" + children.length;
-      var menu = /*#__PURE__*/_react.default.createElement("ul", {
-        role: "listbox"
-      }, children.map(function (item, index) {
-        var uncheckable = uncheckableItemValues.some(function (uncheckableValue) {
-          return (0, _utils.shallowEqual)(uncheckableValue, item[valueKey]);
-        });
-        if (uncheckable) {
-          uncheckableCount++;
-        }
-        return renderCascadeNode(item, index, layer, cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]), uncheckable);
-      }));
-      var parentNode = cascadePaths[layer - 1];
-      var columnClasses = prefix('column', {
-        'column-uncheckable': uncheckableCount === children.length
+  var columnStyles = {
+    height: menuHeight,
+    width: menuWidth
+  };
+  var cascadeNodes = cascadeData.map(function (children, layer) {
+    var uncheckableCount = 0;
+    var onlyKey = layer + "_" + children.length;
+    var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {
+      var uncheckable = uncheckableItemValues.some(function (uncheckableValue) {
+        return (0, _utils.shallowEqual)(uncheckableValue, item[valueKey]);
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: onlyKey,
-        className: columnClasses,
-        "data-layer": layer,
-        style: columnStyles
-      }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);
+      if (uncheckable) {
+        uncheckableCount++;
+      }
+      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);
+      return renderCascadeNode({
+        node: item,
+        index: index,
+        layer: layer,
+        focus: focus,
+        uncheckable: uncheckable,
+        size: children.length
+      });
+    }));
+    var parentNode = cascadePaths[layer - 1];
+    var columnClasses = prefix('column', {
+      'column-uncheckable': uncheckableCount === children.length
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: styles
-    }, cascadeNodes);
-  };
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    return /*#__PURE__*/_react.default.createElement("ul", {
+      role: "group",
+      key: onlyKey,
+      className: columnClasses,
+      "data-layer": layer,
+      style: columnStyles
+    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);
+  });
+  var styles = (0, _extends2.default)({}, style, {
+    width: cascadeData.length * menuWidth
+  });
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    role: "tree",
+    id: id + "-" + popupType,
+    "aria-labelledby": labelId,
+    "aria-multiselectable": multiple
+  }, rest, {
     ref: ref,
-    className: classes
-  }), renderCascade());
+    className: classes,
+    style: styles
+  }), cascadeNodes);
 });
-DropdownMenu.displayName = 'DropdownMenu';
-DropdownMenu.propTypes = {
-  classPrefix: _propTypes.default.string,
-  data: _propTypes.default.array,
-  disabledItemValues: _propTypes.default.array,
-  value: _propTypes.default.array,
-  childrenKey: _propTypes.default.string,
-  valueKey: _propTypes.default.string,
-  labelKey: _propTypes.default.string,
-  menuWidth: _propTypes.default.number,
-  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  className: _propTypes.default.string,
-  cascade: _propTypes.default.bool,
-  cascadeData: _propTypes.default.array,
-  cascadePaths: _propTypes.default.array,
-  uncheckableItemValues: _propTypes.default.array,
-  renderMenuItem: _propTypes.default.func,
-  renderMenu: _propTypes.default.func,
-  onSelect: _propTypes.default.func,
-  onCheck: _propTypes.default.func
-};
-var _default = DropdownMenu;
+TreeView.displayName = 'TreeView';
+var _default = TreeView;
 exports.default = _default;

package/cjs/Nav/Nav.js

@@ -15,7 +15,8 @@ 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"));
@@ -187,7 +188,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;

package/cjs/Pagination/PaginationButton.js

@@ -9,7 +9,7 @@ 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 _Ripple = _interopRequireDefault(require("../Ripple"));
+var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _utils = require("../utils");
 var PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,

package/cjs/Panel/AccordionButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface AccordionButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    expanded?: boolean;
+    controlId?: string;
+    classPrefix?: string;
+    caretAs?: React.ElementType;
+    disabled?: boolean;
+}
+declare const AccordionButton: (props: AccordionButtonProps) => JSX.Element;
+export default AccordionButton;