rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/Sidenav/Sidenav.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = exports.SidenavContext = 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 _remove = _interopRequireDefault(require("lodash/remove"));
 var _Transition = _interopRequireDefault(require("../Animation/Transition"));
 var _SidenavBody = _interopRequireDefault(require("./SidenavBody"));
@@ -16,50 +14,42 @@ var _SidenavToggle = _interopRequireDefault(require("./SidenavToggle"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
-var _excluded = ["as", "className", "classPrefix", "appearance", "expanded", "activeKey", "defaultOpenKeys", "openKeys", "onSelect", "onOpenChange"],
-  _excluded2 = ["className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var SidenavContext = exports.SidenavContext = /*#__PURE__*/_react.default.createContext(null);
-var emptyArray = [];
+const SidenavContext = exports.SidenavContext = /*#__PURE__*/_react.default.createContext(null);
+const emptyArray = [];
 
 /**
  * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.
  * @see https://rsuitejs.com/components/sidenav/
  */
-var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Sidenav', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'nav' : _propsWithDefaults$as,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'sidenav' : _propsWithDefaults$cl,
-    _propsWithDefaults$ap = propsWithDefaults.appearance,
-    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
-    _propsWithDefaults$ex = propsWithDefaults.expanded,
-    expanded = _propsWithDefaults$ex === void 0 ? true : _propsWithDefaults$ex,
-    activeKey = propsWithDefaults.activeKey,
-    _propsWithDefaults$de = propsWithDefaults.defaultOpenKeys,
-    defaultOpenKeys = _propsWithDefaults$de === void 0 ? emptyArray : _propsWithDefaults$de,
-    openKeysProp = propsWithDefaults.openKeys,
-    onSelect = propsWithDefaults.onSelect,
-    onOpenChange = propsWithDefaults.onOpenChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useControlled = (0, _hooks.useControlled)(openKeysProp, defaultOpenKeys),
-    openKeys = _useControlled[0],
-    setOpenKeys = _useControlled[1];
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix(appearance));
-  var handleOpenChange = (0, _react.useCallback)(function (eventKey, event) {
-    var find = function find(key) {
-      return (0, _utils.shallowEqual)(key, eventKey);
-    };
-    var nextOpenKeys = [].concat(openKeys);
+const Sidenav = /*#__PURE__*/_react.default.forwardRef(function Sidenav(props, ref) {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Sidenav', props);
+  const {
+    as: Component = 'nav',
+    className,
+    classPrefix = 'sidenav',
+    appearance = 'default',
+    expanded = true,
+    activeKey,
+    defaultOpenKeys = emptyArray,
+    openKeys: openKeysProp,
+    onSelect,
+    onOpenChange,
+    ...rest
+  } = propsWithDefaults;
+  const [openKeys, setOpenKeys] = (0, _hooks.useControlled)(openKeysProp, defaultOpenKeys);
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(appearance));
+  const handleOpenChange = (0, _react.useCallback)((eventKey, event) => {
+    const find = key => (0, _utils.shallowEqual)(key, eventKey);
+    const nextOpenKeys = [...openKeys];
     if (nextOpenKeys.some(find)) {
       (0, _remove.default)(nextOpenKeys, find);
     } else {
@@ -68,16 +58,14 @@ var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setOpenKeys(nextOpenKeys);
     onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpenKeys, event);
   }, [onOpenChange, openKeys, setOpenKeys]);
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      expanded: expanded,
-      activeKey: activeKey,
-      sidenav: true,
-      openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],
-      onOpenChange: handleOpenChange,
-      onSelect: onSelect
-    };
-  }, [activeKey, expanded, handleOpenChange, onSelect, openKeys]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    expanded,
+    activeKey,
+    sidenav: true,
+    openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],
+    onOpenChange: handleOpenChange,
+    onSelect
+  }), [activeKey, expanded, handleOpenChange, onSelect, openKeys]);
   return /*#__PURE__*/_react.default.createElement(SidenavContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_Transition.default, {
@@ -87,9 +75,11 @@ var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     exitingClassName: prefix('collapse-out', 'collapsing'),
     enteredClassName: prefix('collapse-in'),
     enteringClassName: prefix('collapse-in', 'collapsing')
-  }, function (transitionProps, transitionRef) {
-    var className = transitionProps.className,
-      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);
+  }, (transitionProps, transitionRef) => {
+    const {
+      className,
+      ...transitionRest
+    } = transitionProps;
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, transitionRest, {
       ref: (0, _utils.mergeRefs)(ref, transitionRef),
       className: merge(classes, className)
@@ -100,16 +90,4 @@ Sidenav.Header = _SidenavHeader.default;
 Sidenav.Body = _SidenavBody.default;
 Sidenav.Toggle = _SidenavToggle.default;
 Sidenav.displayName = 'Sidenav';
-Sidenav.propTypes = {
-  as: _propTypes.default.elementType,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  expanded: _propTypes.default.bool,
-  appearance: (0, _propTypes2.oneOf)(['default', 'inverse', 'subtle']),
-  defaultOpenKeys: _propTypes.default.array,
-  openKeys: _propTypes.default.array,
-  onOpenChange: _propTypes.default.func,
-  activeKey: (0, _propTypes2.deprecatePropType)(_propTypes.default.any, 'Use `activeKey` on <Nav> component instead'),
-  onSelect: (0, _propTypes2.deprecatePropType)(_propTypes.default.func, 'Use `onSelect` on <Nav> component instead')
-};
 var _default = exports.default = Sidenav;

package/cjs/Sidenav/SidenavBody.d.ts

@@ -5,5 +5,5 @@ export type SidenavBodyProps = ComponentProps;
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-declare const SidenavBody: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const SidenavBody: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default SidenavBody;

package/cjs/Sidenav/SidenavBody.js

@@ -9,7 +9,7 @@ var _utils = require("../internals/utils");
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-var SidenavBody = (0, _utils.createComponent)({
+const SidenavBody = (0, _utils.createComponent)({
   name: 'SidenavBody'
 });
 var _default = exports.default = SidenavBody;

package/cjs/Sidenav/SidenavDropdown.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';
 export type SidenavDropdownTrigger = 'click' | 'hover' | 'contextMenu';
-export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'title'> {
+export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
     title?: React.ReactNode;
     /** Set the icon */
@@ -13,7 +13,7 @@ export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLA
     /** Triggering events */
     trigger?: SidenavDropdownTrigger | readonly SidenavDropdownTrigger[];
     /** The placement of Menu */
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
     /** Whether or not component is disabled */
     disabled?: boolean;
     /** The style of the menu */

package/cjs/Sidenav/SidenavDropdown.js

@@ -5,16 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
-var _propTypes2 = require("../internals/propTypes");
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
@@ -24,11 +20,7 @@ var _NavDropdownItem = _interopRequireDefault(require("../Nav/NavDropdownItem"))
 var _NavDropdownMenu = _interopRequireDefault(require("../Nav/NavDropdownMenu"));
 var _SidenavDropdownToggle = _interopRequireDefault(require("./SidenavDropdownToggle"));
 var _NavMenu = require("../Nav/NavMenu");
-var _excluded = ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"],
-  _excluded2 = ["active"],
-  _excluded3 = ["open"],
-  _excluded4 = ["open"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @private this component is not supposed to be used directly
@@ -41,59 +33,58 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *   </Nav>
  * </Sidenav>
  */
-var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-  var nav = (0, _react.useContext)(_NavContext.default);
-  var navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
+const SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function SidenavDropdown(props, ref) {
+  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const nav = (0, _react.useContext)(_NavContext.default);
+  const navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
   if (!sidenav || !nav || !navMenu) {
     throw new Error('<Sidenav.Dropdown> must be rendered within a <Nav> component within a <Sidenav> component.');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    title = props.title,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
-    onToggle = props.onToggle,
-    eventKey = props.eventKey,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    toggleAs = props.toggleAs,
-    toggleClassName = props.toggleClassName,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
-    className = props.className,
-    disabled = props.disabled,
-    children = props.children,
-    menuStyle = props.menuStyle,
-    style = props.style,
-    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
-    withMenuClassPrefix = _useClassNames2.withClassPrefix,
-    mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _hooks.useClassNames)('nav-item'),
-    withNavItemClassPrefix = _useClassNames3.withClassPrefix,
-    mergeNavItemClassNames = _useClassNames3.merge;
-  var items = navMenu[0].items;
-  var hasSelectedItems =
+  const {
+    as: Component = 'div',
+    title,
+    onClose,
+    onOpen,
+    onToggle,
+    eventKey,
+    trigger = 'click',
+    placement = 'bottomStart',
+    toggleAs,
+    toggleClassName,
+    classPrefix = 'dropdown',
+    className,
+    disabled,
+    children,
+    menuStyle,
+    style,
+    ...toggleProps
+  } = props;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    withClassPrefix: withMenuClassPrefix,
+    merge: mergeMenuClassName
+  } = (0, _hooks.useClassNames)('dropdown-menu');
+  const {
+    withClassPrefix: withNavItemClassPrefix,
+    merge: mergeNavItemClassNames
+  } = (0, _hooks.useClassNames)('nav-item');
+  const [{
+    items
+  }] = navMenu;
+  const hasSelectedItems =
   // has items that is active indicated by <Nav activeKey>
-  nav.activeKey && items.some(function (item) {
-    return item.eventKey === nav.activeKey;
-  }) ||
+  nav.activeKey && items.some(item => item.eventKey === nav.activeKey) ||
   // has items that is active indicated by <Nav.Item active>
-  items.some(function (item) {
-    return item.active;
-  });
-  var menuButtonTriggers = (0, _react.useMemo)(function () {
+  items.some(item => item.active);
+  const menuButtonTriggers = (0, _react.useMemo)(() => {
     if (!trigger) {
       return undefined;
     }
-    var triggerMap = {
+    const triggerMap = {
       hover: 'mouseover',
       click: 'click',
       contextMenu: 'contextmenu'
@@ -101,9 +92,7 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     if (!Array.isArray(trigger)) {
       return [triggerMap[trigger]];
     }
-    return trigger.map(function (t) {
-      return triggerMap[t];
-    });
+    return trigger.map(t => triggerMap[t]);
   }, [trigger]);
 
   // Render a disclosure when inside expanded <Sidenav>
@@ -112,31 +101,33 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
       ref: ref
     }, props));
   }
-  var renderMenuButton = function renderMenuButton(menuButtonProps, buttonRef) {
-    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      disabled: disabled
-    }, function (_ref, menuitemRef) {
-      var active = _ref.active,
-        menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
-      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({
-        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),
-        as: toggleAs,
-        className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
-          focus: active
-        }))
-      }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid')), title);
-    });
-  };
+  const renderMenuButton = (menuButtonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    disabled: disabled
+  }, (_ref, menuitemRef) => {
+    let {
+      active,
+      ...menuitemProps
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({
+      ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),
+      as: toggleAs,
+      className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
+        focus: active
+      }))
+    }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid')), title);
+  });
   return /*#__PURE__*/_react.default.createElement(_Menu.default, {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
     openMenuOn: menuButtonTriggers,
-    renderMenuPopup: function renderMenuPopup(_ref2, popupRef) {
-      var open = _ref2.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded3);
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
+    renderMenuPopup: (_ref2, popupRef) => {
+      let {
+        open,
+        ...popupProps
+      } = _ref2;
+      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       // When inside a collapsed <Sidenav>, render a header in menu
-      var showHeader = !!sidenav;
+      const showHeader = !!sidenav;
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
         className: menuClassName,
@@ -146,7 +137,7 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
         className: prefix('header')
       }, title), children);
     },
-    onToggleMenu: function onToggleMenu(open, event) {
+    onToggleMenu: (open, event) => {
       onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
       sidenav === null || sidenav === void 0 || sidenav.onOpenChange(eventKey, event);
       if (open) {
@@ -155,11 +146,18 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
         onClose === null || onClose === void 0 || onClose();
       }
     }
-  }, function (_ref3, menuContainerRef) {
-    var _withClassPrefix;
-    var open = _ref3.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded4);
-    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix.submenu = true, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix)));
+  }, (_ref3, menuContainerRef) => {
+    let {
+      open,
+      ...menuContainer
+    } = _ref3;
+    const classes = merge(className, withClassPrefix({
+      [`placement-${(0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))}`]: !!placement,
+      disabled,
+      open,
+      submenu: true,
+      'selected-within': hasSelectedItems
+    }));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),
       className: classes
@@ -171,32 +169,4 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
 SidenavDropdown.Item = _NavDropdownItem.default;
 SidenavDropdown.Menu = _NavDropdownMenu.default;
 SidenavDropdown.displayName = 'Sidenav.Dropdown';
-SidenavDropdown.propTypes = {
-  activeKey: _propTypes.default.any,
-  classPrefix: _propTypes.default.string,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
-  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
-  title: _propTypes.default.node,
-  disabled: _propTypes.default.bool,
-  icon: _propTypes.default.node,
-  menuStyle: _propTypes.default.object,
-  className: _propTypes.default.string,
-  toggleClassName: _propTypes.default.string,
-  children: _propTypes.default.node,
-  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
-  eventKey: _propTypes.default.any,
-  as: _propTypes.default.elementType,
-  toggleAs: _propTypes.default.elementType,
-  noCaret: _propTypes.default.bool,
-  style: _propTypes.default.object,
-  onClose: _propTypes.default.func,
-  onOpen: _propTypes.default.func,
-  onToggle: _propTypes.default.func,
-  onSelect: _propTypes.default.func,
-  onMouseEnter: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func,
-  onContextMenu: _propTypes.default.func,
-  onClick: _propTypes.default.func,
-  renderToggle: _propTypes.default.func
-};
 var _default = exports.default = SidenavDropdown;

package/cjs/Sidenav/SidenavDropdownCollapse.js

@@ -5,37 +5,35 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Collapse = _interopRequireDefault(require("../Animation/Collapse"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["className", "classPrefix", "open"],
-  _excluded2 = ["className"];
-var SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-    open = props.open,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
+const SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    classPrefix = 'dropdown-menu',
+    open,
+    ...restProps
+  } = props;
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(_Collapse.default, {
     in: open,
-    exitedClassName: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["collapse-out"]))),
-    exitingClassName: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["collapsing"]))),
-    enteredClassName: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["collapse-in"]))),
-    enteringClassName: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["collapsing"])))
-  }, function (transitionProps, transitionRef) {
-    var transitionClassName = transitionProps.className,
-      transitionRestProps = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);
+    exitedClassName: prefix`collapse-out`,
+    exitingClassName: prefix`collapsing`,
+    enteredClassName: prefix`collapse-in`,
+    enteringClassName: prefix`collapsing`
+  }, (transitionProps, transitionRef) => {
+    const {
+      className: transitionClassName,
+      ...transitionRestProps
+    } = transitionProps;
     return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, transitionRef),
       role: "group",
@@ -44,10 +42,4 @@ var SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef(function (p
   });
 });
 SidenavDropdownCollapse.displayName = 'Sidenav.Dropdown.Collapse';
-SidenavDropdownCollapse.propTypes = {
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  classPrefix: _propTypes.default.string,
-  open: _propTypes.default.bool
-};
 var _default = exports.default = SidenavDropdownCollapse;

package/cjs/Sidenav/SidenavDropdownItem.d.ts

@@ -1,5 +1,5 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
+import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */