rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/Nav/NavDropdownMenu.js

@@ -5,11 +5,8 @@ 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 = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
@@ -17,74 +14,75 @@ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _templateObject, _templateObject2;
-var _excluded = ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection", "noCaret"],
-  _excluded2 = ["icon", "className", "disabled"],
-  _excluded3 = ["open"],
-  _excluded4 = ["selected", "active"],
-  _excluded5 = ["open"],
-  _excluded6 = ["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
  */
-var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var nav = (0, _react.useContext)(_NavContext.default);
+const NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const nav = (0, _react.useContext)(_NavContext.default);
   if (!nav) {
     throw new Error('<Nav.Dropdown.Menu> should be used within a <Nav> component.');
   }
-  var onToggle = props.onToggle,
-    eventKey = props.eventKey,
-    title = props.title,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-    children = props.children,
-    _props$openDirection = props.openDirection,
-    openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
-    noCaret = props.noCaret,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {
+  const {
+    onToggle,
+    eventKey,
+    title,
+    classPrefix = 'dropdown-menu',
+    children,
+    openDirection = 'end',
+    noCaret,
+    ...rest
+  } = props;
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {
     onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix;
-  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
-    withMenuClassPrefix = _useClassNames2.withClassPrefix,
-    mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _hooks.useClassNames)('dropdown-item'),
-    mergeItemClassNames = _useClassNames3.merge,
-    withItemClassPrefix = _useClassNames3.withClassPrefix,
-    prefixItemClassName = _useClassNames3.prefix;
+  const {
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    withClassPrefix: withMenuClassPrefix,
+    merge: mergeMenuClassName
+  } = (0, _hooks.useClassNames)('dropdown-menu');
+  const {
+    merge: mergeItemClassNames,
+    withClassPrefix: withItemClassPrefix,
+    prefix: prefixItemClassName
+  } = (0, _hooks.useClassNames)('dropdown-item');
 
   // Parent menu exists. This is a submenu.
   // Should render a `menuitem` that controls this submenu.
-  var _omit = (0, _omit2.default)(rest, ['trigger']),
-    icon = _omit.icon,
-    className = _omit.className,
-    disabled = _omit.disabled,
-    menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
-  var Icon = rtl ? _PagePrevious.default : _PageNext.default;
+  const {
+    icon,
+    className,
+    disabled,
+    ...menuProps
+  } = (0, _omit.default)(rest, ['trigger']);
+  const Icon = rtl ? _PagePrevious.default : _PageNext.default;
   return /*#__PURE__*/_react.default.createElement(_Menu.default, {
     openMenuOn: ['mouseover', 'click'],
-    renderMenuButton: function renderMenuButton(_ref, buttonRef) {
-      var open = _ref.open,
-        menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded3);
+    renderMenuButton: (_ref, buttonRef) => {
+      let {
+        open,
+        ...menuButtonProps
+      } = _ref;
       return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
         disabled: disabled
-      }, function (_ref2, menuitemRef) {
-        var selected = _ref2.selected,
-          active = _ref2.active,
-          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded4);
-        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["toggle"]))), withItemClassPrefix({
+      }, (_ref2, menuitemRef) => {
+        let {
+          selected,
+          active,
+          ...menuitem
+        } = _ref2;
+        const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({
           'with-icon': icon,
-          open: open,
+          open,
           active: selected,
-          disabled: disabled,
+          disabled,
           focus: active
         }));
         return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -92,17 +90,19 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
           className: classes,
           "data-event-key": eventKey,
           "data-event-key-type": typeof eventKey
-        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+        }, menuitem, (0, _omit.default)(menuButtonProps, ['role'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
           className: prefix('menu-icon')
         }), title, !noCaret && /*#__PURE__*/_react.default.createElement(Icon, {
-          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["toggle-icon"])))
+          className: prefix`toggle-icon`
         }));
       });
     },
-    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {
-      var open = _ref3.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded5);
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
+    renderMenuPopup: (_ref3, popupRef) => {
+      let {
+        open,
+        ...popupProps
+      } = _ref3;
+      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
         className: menuClassName,
@@ -111,12 +111,14 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
       }, popupProps, menuProps), children);
     },
     onToggleMenu: handleToggleSubmenu
-  }, function (_ref4, menuContainerRef) {
-    var open = _ref4.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, _excluded6);
-    var classes = mergeItemClassNames(className, withItemClassPrefix({
-      disabled: disabled,
-      open: open,
+  }, (_ref4, menuContainerRef) => {
+    let {
+      open,
+      ...menuContainer
+    } = _ref4;
+    const classes = mergeItemClassNames(className, withItemClassPrefix({
+      disabled,
+      open,
       submenu: true
     }));
     return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
@@ -126,20 +128,4 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
   });
 });
 NavDropdownMenu.displayName = 'Nav.Dropdown.Menu';
-NavDropdownMenu.propTypes = {
-  active: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  icon: _propTypes.default.any,
-  classPrefix: _propTypes.default.string,
-  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,
-  eventKey: _propTypes.default.any,
-  expanded: _propTypes.default.bool,
-  collapsible: _propTypes.default.bool,
-  onToggle: _propTypes.default.func
-};
 var _default = exports.default = NavDropdownMenu;

package/cjs/Nav/NavDropdownToggle.js

@@ -5,14 +5,10 @@ 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 = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _hooks = require("../internals/hooks");
 var _NavItem = _interopRequireDefault(require("./NavItem"));
-var _propTypes2 = require("../internals/propTypes");
-var _excluded = ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"];
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -22,25 +18,27 @@ var _excluded = ["as", "className", "classPrefix", "renderToggle", "children", "
  *   </Nav.Menu>
  * </Nav>
  */
-var NavDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _NavItem.default : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
-    renderToggle = props.renderToggle,
-    children = props.children,
-    noCaret = props.noCaret,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var _useClassNames2 = (0, _hooks.useClassNames)('nav-item'),
-    prefixNavItem = _useClassNames2.prefix;
-  var classes = merge(className, withClassPrefix({
+const NavDropdownToggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = _NavItem.default,
+    className,
+    classPrefix = 'dropdown-toggle',
+    renderToggle,
+    children,
+    noCaret,
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    prefix: prefixNavItem
+  } = (0, _hooks.useClassNames)('nav-item');
+  const classes = merge(className, withClassPrefix({
     'no-caret': noCaret
   }));
-  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  const toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), children, !noCaret && /*#__PURE__*/_react.default.createElement(_ArrowDownLine.default, {
@@ -49,13 +47,4 @@ var NavDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props,
   return renderToggle ? renderToggle(rest, ref) : toggle;
 });
 NavDropdownToggle.displayName = 'Nav.Dropdown.Toggle';
-NavDropdownToggle.propTypes = {
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  classPrefix: _propTypes.default.string,
-  noCaret: _propTypes.default.bool,
-  as: _propTypes.default.elementType,
-  renderToggle: _propTypes.default.func,
-  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
-};
 var _default = exports.default = NavDropdownToggle;

package/cjs/Nav/NavItem.js

@@ -5,9 +5,7 @@ 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 _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
@@ -15,8 +13,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "divider", "panel", "onClick", "onSelect"];
-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; }
 /**
  * The `Nav.Item` component is used to create navigation links.
@@ -26,43 +23,46 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/nav
  *
  */
-var NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var nav = (0, _react.useContext)(_NavContext.default);
+const NavItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const nav = (0, _react.useContext)(_NavContext.default);
   if (!nav) {
     throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
   }
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,
-    activeProp = props.active,
-    disabled = props.disabled,
-    eventKey = props.eventKey,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'nav-item' : _props$classPrefix,
-    style = props.style,
-    children = props.children,
-    icon = props.icon,
-    divider = props.divider,
-    panel = props.panel,
-    onClick = props.onClick,
-    onSelectProp = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var activeKey = nav.activeKey,
-    onSelectFromNav = nav.onSelect;
-  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);
-  var emitSelect = (0, _react.useCallback)(function (event) {
+  const {
+    as: Component = _SafeAnchor.default,
+    active: activeProp,
+    disabled,
+    eventKey,
+    className,
+    classPrefix = 'nav-item',
+    style,
+    children,
+    icon,
+    divider,
+    panel,
+    onClick,
+    onSelect: onSelectProp,
+    ...rest
+  } = props;
+  const {
+    activeKey,
+    onSelect: onSelectFromNav
+  } = nav;
+  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);
+  const emitSelect = (0, _react.useCallback)(event => {
     onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix({
-    active: active,
-    disabled: disabled
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active,
+    disabled
   }));
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const handleClick = (0, _react.useCallback)(event => {
     if (!disabled) {
       emitSelect(event);
       onClick === null || onClick === void 0 || onClick(event);
@@ -96,19 +96,4 @@ var NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
 NavItem.displayName = 'Nav.Item';
-NavItem.propTypes = {
-  as: _propTypes.default.elementType,
-  active: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  divider: _propTypes.default.bool,
-  panel: _propTypes.default.bool,
-  onClick: _propTypes.default.func,
-  style: _propTypes.default.object,
-  icon: _propTypes.default.node,
-  onSelect: _propTypes.default.func,
-  children: _propTypes.default.node,
-  eventKey: _propTypes.default.any
-};
 var _default = exports.default = NavItem;

package/cjs/Nav/NavMenu.js

@@ -14,32 +14,30 @@ var _Navbar = require("../Navbar");
 var _NavbarDropdown = _interopRequireDefault(require("../Navbar/NavbarDropdown"));
 var _NavbarDropdownMenu = _interopRequireDefault(require("../Navbar/NavbarDropdownMenu"));
 var _SidenavDropdownMenu = _interopRequireDefault(require("../Sidenav/SidenavDropdownMenu"));
-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 NavMenuContext = exports.NavMenuContext = /*#__PURE__*/_react.default.createContext(null);
+const NavMenuContext = exports.NavMenuContext = /*#__PURE__*/_react.default.createContext(null);
 NavMenuContext.displayName = 'NavMenu.Context';
-var NavMenuActionType = exports.NavMenuActionType = /*#__PURE__*/function (NavMenuActionType) {
+let NavMenuActionType = exports.NavMenuActionType = /*#__PURE__*/function (NavMenuActionType) {
   NavMenuActionType[NavMenuActionType["RegisterItem"] = 0] = "RegisterItem";
   NavMenuActionType[NavMenuActionType["UnregisterItem"] = 1] = "UnregisterItem";
   return NavMenuActionType;
 }({});
-var initilNavMenuState = {
+const initilNavMenuState = {
   items: []
 };
-var reducer = function reducer(state, action) {
+const reducer = (state, action) => {
   switch (action.type) {
     case NavMenuActionType.RegisterItem:
-      return (0, _extends2.default)({}, state, {
-        items: [].concat(state.items.filter(function (item) {
-          return item._id !== action.payload._id;
-        }), [action.payload])
-      });
+      return {
+        ...state,
+        items: [...state.items.filter(item => item._id !== action.payload._id), action.payload]
+      };
     case NavMenuActionType.UnregisterItem:
-      return (0, _extends2.default)({}, state, {
-        items: state.items.filter(function (item) {
-          return item._id !== action.payload._id;
-        })
-      });
+      return {
+        ...state,
+        items: state.items.filter(item => item._id !== action.payload._id)
+      };
     default:
       throw new Error('Unrecognizable action type: ' + action.type);
   }
@@ -53,11 +51,11 @@ var reducer = function reducer(state, action) {
  *
  * @see https://rsuitejs.com/components/nav
  */
-var NavMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var parentNavMenu = (0, _react.useContext)(NavMenuContext);
-  var navMenuContext = (0, _react.useReducer)(reducer, initilNavMenuState);
-  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
-  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+const NavMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const parentNavMenu = (0, _react.useContext)(NavMenuContext);
+  const navMenuContext = (0, _react.useReducer)(reducer, initilNavMenuState);
+  const navbar = (0, _react.useContext)(_Navbar.NavbarContext);
+  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   if (!parentNavMenu) {
     if (navbar) {
       return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {

package/cjs/Navbar/Navbar.js

@@ -5,34 +5,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = exports.NavbarContext = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _NavbarBody = _interopRequireDefault(require("./NavbarBody"));
 var _NavbarHeader = _interopRequireDefault(require("./NavbarHeader"));
 var _NavbarBrand = _interopRequireDefault(require("./NavbarBrand"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["className", "as", "classPrefix", "appearance"];
-var NavbarContext = exports.NavbarContext = /*#__PURE__*/_react.default.createContext(false);
+const NavbarContext = exports.NavbarContext = /*#__PURE__*/_react.default.createContext(false);
 /**
  * The `Navbar` component is used to create a navigation header.
  * @see https://rsuitejs.com/components/navbar
  */
-var Navbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Navbar', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var className = propsWithDefaults.className,
-    _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'nav' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'navbar' : _propsWithDefaults$cl,
-    _propsWithDefaults$ap = propsWithDefaults.appearance,
-    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix(appearance));
+const Navbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Navbar', props);
+  const {
+    className,
+    as: Component = 'nav',
+    classPrefix = 'navbar',
+    appearance = 'default',
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(appearance));
   return /*#__PURE__*/_react.default.createElement(NavbarContext.Provider, {
     value: true
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {

package/cjs/Navbar/NavbarBody.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from '../internals/utils';
 export type NavbarBodyProps = ComponentProps;
-declare const _default: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const _default: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default _default;

package/cjs/Navbar/NavbarBody.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var NavbarBody = (0, _utils.createComponent)({
+const NavbarBody = (0, _utils.createComponent)({
   name: 'NavbarBody'
 });
 var _default = exports.default = (0, _utils.deprecateComponent)(NavbarBody, '<Navbar.Body> has been deprecated, you should <Nav> as direct child of <Navbar>');

package/cjs/Navbar/NavbarBrand.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from '../internals/utils';
 export type NavbarBrandProps = ComponentProps;
-declare const NavbarBrand: import("../internals/types").RsRefForwardingComponent<"a", ComponentProps>;
+declare const NavbarBrand: import("../internals/types").RsRefForwardingComponent<"a", ComponentProps, false>;
 export default NavbarBrand;

package/cjs/Navbar/NavbarBrand.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var NavbarBrand = (0, _utils.createComponent)({
+const NavbarBrand = (0, _utils.createComponent)({
   name: 'NavbarBrand',
   componentAs: 'a',
   componentClassPrefix: 'navbar-brand'

package/cjs/Navbar/NavbarDropdown.d.ts

@@ -5,7 +5,7 @@ import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';
 export type NavbarDropdownTrigger = 'click' | 'hover' | 'contextMenu';
-export interface NavbarDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'title'> {
+export interface NavbarDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
     title?: React.ReactNode;
     /** Set the icon */