rsuite 5.40.0 → 5.42.0

package/cjs/Nav/NavMenu.js

@@ -1,48 +1,32 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.NavMenuActionType = exports.NavMenuContext = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _NavDropdown = _interopRequireDefault(require("./NavDropdown"));
-
 var _NavDropdownMenu = _interopRequireDefault(require("./NavDropdownMenu"));
-
 var _Sidenav = require("../Sidenav/Sidenav");
-
 var _SidenavDropdown = _interopRequireDefault(require("../Sidenav/SidenavDropdown"));
-
 var _Navbar = require("../Navbar");
-
 var _NavbarDropdown = _interopRequireDefault(require("../Navbar/NavbarDropdown"));
-
 var _NavbarDropdownMenu = _interopRequireDefault(require("../Navbar/NavbarDropdownMenu"));
-
 var _SidenavDropdownMenu = _interopRequireDefault(require("../Sidenav/SidenavDropdownMenu"));
-
 var NavMenuContext = /*#__PURE__*/_react.default.createContext(null);
-
 exports.NavMenuContext = NavMenuContext;
 NavMenuContext.displayName = 'NavMenu.Context';
 var NavMenuActionType;
 exports.NavMenuActionType = NavMenuActionType;
-
 (function (NavMenuActionType) {
   NavMenuActionType[NavMenuActionType["RegisterItem"] = 0] = "RegisterItem";
   NavMenuActionType[NavMenuActionType["UnregisterItem"] = 1] = "UnregisterItem";
 })(NavMenuActionType || (exports.NavMenuActionType = NavMenuActionType = {}));
-
 var initilNavMenuState = {
   items: []
 };
-
 var reducer = function reducer(state, action) {
   switch (action.type) {
     case NavMenuActionType.RegisterItem:
@@ -51,31 +35,27 @@ var reducer = function reducer(state, action) {
           return 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;
         })
       });
-
     default:
       throw new Error('Unrecognizable action type: ' + action.type);
   }
 };
+
 /**
  * The <Nav.Menu> API
  * When used as direct child of <Nav>, render the NavDropdown
  * When used within another <Nav.Menu>, render the NavDropdownMenu
  */
-
-
 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);
-
   if (!parentNavMenu) {
     if (navbar) {
       return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {
@@ -84,7 +64,6 @@ var NavMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         ref: ref
       }, props)));
     }
-
     if (sidenav) {
       return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {
         value: navMenuContext
@@ -92,31 +71,26 @@ var NavMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         ref: ref
       }, props)));
     }
-
     return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {
       value: navMenuContext
     }, /*#__PURE__*/_react.default.createElement(_NavDropdown.default, (0, _extends2.default)({
       ref: ref
     }, props)));
   }
-
   if (navbar) {
     return /*#__PURE__*/_react.default.createElement(_NavbarDropdownMenu.default, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   if (sidenav) {
     return /*#__PURE__*/_react.default.createElement(_SidenavDropdownMenu.default, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   return /*#__PURE__*/_react.default.createElement(_NavDropdownMenu.default, (0, _extends2.default)({
     ref: ref
   }, props));
 });
-
 NavMenu.displayName = 'Nav.Menu';
 var _default = NavMenu;
 exports.default = _default;

package/cjs/Nav/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Nav = _interopRequireDefault(require("./Nav"));
-
 var _default = _Nav.default;
 exports.default = _default;

package/cjs/Navbar/Navbar.js

@@ -1,42 +1,30 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _utils = require("../utils");
-
 var NavbarContext = /*#__PURE__*/_react.default.createContext(false);
-
 exports.NavbarContext = NavbarContext;
-
 var Navbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'nav' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "as", "classPrefix", "appearance"]);
-
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'nav' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "as", "classPrefix", "appearance"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(appearance));
   return /*#__PURE__*/_react.default.createElement(NavbarContext.Provider, {
     value: true
@@ -45,7 +33,6 @@ var Navbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: classes
   })));
 });
-
 Navbar.Header = _NavbarHeader.default;
 Navbar.Body = _NavbarBody.default;
 Navbar.Brand = _NavbarBrand.default;

package/cjs/Navbar/NavbarBody.js

@@ -1,18 +1,13 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
-
 var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
-
 var NavbarBody = (0, _createComponent.default)({
   name: 'NavbarBody'
 });
-
 var _default = (0, _deprecateComponent.default)(NavbarBody, '<Navbar.Body> has been deprecated, you should <Nav> as direct child of <Navbar>');
-
 exports.default = _default;

package/cjs/Navbar/NavbarBrand.js

@@ -1,12 +1,10 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
-
 var NavbarBrand = (0, _createComponent.default)({
   name: 'NavbarBrand',
   componentAs: 'a',

package/cjs/Navbar/NavbarDropdown.js

@@ -1,85 +1,63 @@
+'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 _castArray = _interopRequireDefault(require("lodash/castArray"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _utils = require("../utils");
-
 var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-
 var _ = require(".");
-
 var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
-
 var _NavDropdownItem = _interopRequireDefault(require("../Nav/NavDropdownItem"));
-
 var _NavDropdownMenu = _interopRequireDefault(require("../Nav/NavDropdownMenu"));
-
 var _NavbarDropdownToggle = _interopRequireDefault(require("./NavbarDropdownToggle"));
-
 /**
  * @private
  */
 var NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var navbar = (0, _react.useContext)(_.NavbarContext);
-
   if (!navbar) {
     throw new Error('<Navbar.Dropdown> should be used within a <Navbar> 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,
-      _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, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    title = props.title,
+    onClose = props.onClose,
+    onOpen = props.onOpen,
+    _onToggle = props.onToggle,
+    _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, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
     trigger: (0, _castArray.default)(trigger),
     hideOnClickOutside: true,
     onToggle: function onToggle(open) {
       _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open);
-
       if (open) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -88,9 +66,8 @@ var NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     }
   }, function (_ref, containerRef) {
     var _withClassPrefix;
-
     var open = _ref.open,
-        props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
+      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, containerRef),
@@ -116,7 +93,6 @@ var NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     }));
   });
 });
-
 NavbarDropdown.Item = _NavDropdownItem.default;
 NavbarDropdown.Menu = _NavDropdownMenu.default;
 NavbarDropdown.displayName = 'Navbar.Dropdown';

package/cjs/Navbar/NavbarDropdownItem.js

@@ -1,76 +1,56 @@
+'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 _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _utils = require("../utils");
-
 var _Navbar = require("./Navbar");
-
 var _DisclosureContext = _interopRequireWildcard(require("../Disclosure/DisclosureContext"));
-
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 /**
  * @private
  */
 var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
   var nav = (0, _react.useContext)(_NavContext.default);
-
   if (!navbar || !nav) {
     throw new Error('<Navbar.Dropdown.Item> must be rendered within a <Nav> component within a <Navbar> component.');
   }
-
   var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-      className = props.className,
-      activeProp = props.active,
-      eventKey = props.eventKey,
-      onSelect = props.onSelect,
-      icon = props.icon,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      divider = props.divider,
-      panel = props.panel,
-      children = props.children,
-      disabled = props.disabled,
-      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
-
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
+    className = props.className,
+    activeProp = props.active,
+    eventKey = props.eventKey,
+    onSelect = props.onSelect,
+    icon = props.icon,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    divider = props.divider,
+    panel = props.panel,
+    children = props.children,
+    disabled = props.disabled,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var handleSelectItem = (0, _react.useCallback)(function (event) {
     var _nav$onSelect;
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
   }, [onSelect, eventKey, nav]);
   var disclosure = (0, _react.useContext)(_DisclosureContext.default);
-
   var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],
-      dispatchDisclosure = _ref[1];
-
+    dispatchDisclosure = _ref[1];
   var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {
     dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({
       type: _DisclosureContext.DisclosureActionTypes.Hide,
@@ -80,7 +60,6 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
   }, [dispatchDisclosure, handleSelectItem]);
   var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav.activeKey, eventKey);
   var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);
-
   if (divider) {
     return renderDropdownItem((0, _extends2.default)({
       ref: ref,
@@ -88,7 +67,6 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
       className: merge(prefix('divider'), className)
     }, restProps));
   }
-
   if (panel) {
     return renderDropdownItem((0, _extends2.default)({
       ref: ref,
@@ -96,7 +74,6 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
       children: children
     }, restProps));
   }
-
   var classes = merge(className, withClassPrefix({
     'with-icon': icon,
     disabled: disabled,
@@ -107,11 +84,9 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
   var dataAttributes = {
     'data-event-key': eventKey
   };
-
   if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {
     dataAttributes['data-event-key-type'] = typeof eventKey;
   }
-
   return renderDropdownItem((0, _extends2.default)({
     ref: ref,
     className: classes,
@@ -123,7 +98,6 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
     }), children)
   }));
 });
-
 NavbarDropdownItem.displayName = 'Navbar.Dropdown.Item';
 NavbarDropdownItem.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Navbar/NavbarDropdownMenu.js

@@ -1,42 +1,25 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 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 _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 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 _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var _templateObject, _templateObject2;
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Navbar>
@@ -53,44 +36,35 @@ var _templateObject, _templateObject2;
 var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var navbar = (0, _react.useContext)(_.NavbarContext);
   var nav = (0, _react.useContext)(_NavContext.default);
-
   if (!navbar || !nav) {
     throw new Error('<Navbar.Dropdown.Menu> must be rendered within a <Nav> within a <Navbar> 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,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
-
+    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,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
   var _useCustom = (0, _utils.useCustom)('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix;
-
+    prefix = _useClassNames.prefix;
   var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),
-      mergeItemClassNames = _useClassNames3.merge,
-      withItemClassPrefix = _useClassNames3.withClassPrefix,
-      prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.
+    mergeItemClassNames = _useClassNames3.merge,
+    withItemClassPrefix = _useClassNames3.withClassPrefix,
+    prefixItemClassName = _useClassNames3.prefix; // 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, ["icon", "className", "disabled"]);
-
+    icon = _omit.icon,
+    className = _omit.className,
+    disabled = _omit.disabled,
+    menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, ["icon", "className", "disabled"]);
   var Icon = rtl ? _AngleLeft.default : _AngleRight.default;
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
     hideOnClickOutside: true,
@@ -100,7 +74,7 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
     }
   }, function (_ref, containerRef) {
     var open = _ref.open,
-        props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
+      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
     var classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled: disabled,
       open: open,
@@ -111,7 +85,7 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
       className: classes
     }, props), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, function (_ref2, buttonRef) {
       var open = _ref2.open,
-          buttonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["open"]);
+        buttonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["open"]);
       var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["toggle"]))), withItemClassPrefix({
         'with-icon': icon,
         open: open,
@@ -120,11 +94,9 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
       var dataAttributes = {
         'data-event-key': eventKey
       };
-
       if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {
         dataAttributes['data-event-key-type'] = typeof eventKey;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         ref: (0, _utils.mergeRefs)(buttonRef, buttonRef),
         className: classes
@@ -145,7 +117,6 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
     }));
   });
 });
-
 NavbarDropdownMenu.displayName = 'Nav.Dropdown.Menu';
 NavbarDropdownMenu.propTypes = {
   active: _propTypes.default.bool,