rsuite 5.40.0 → 5.41.0

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
@@ -9,7 +10,6 @@ import Ripple from '../Ripple';
 import SafeAnchor from '../SafeAnchor';
 import NavContext from '../Nav/NavContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
-
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
@@ -17,33 +17,29 @@ import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
 var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sidenav = useContext(SidenavContext);
   var nav = useContext(NavContext);
-
   if (!sidenav || !nav) {
     throw new Error('<SidenavDropdownItem> component is not supposed to be used standalone. Use <Nav.Item> within <Sidenav> instead.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      activeProp = props.active,
-      children = props.children,
-      disabled = props.disabled,
-      divider = props.divider,
-      panel = props.panel,
-      className = props.className,
-      style = props.style,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-      icon = props.icon,
-      eventKey = props.eventKey,
-      onClick = props.onClick,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    activeProp = props.active,
+    children = props.children,
+    disabled = props.disabled,
+    divider = props.divider,
+    panel = props.panel,
+    className = props.className,
+    style = props.style,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
+    icon = props.icon,
+    eventKey = props.eventKey,
+    onClick = props.onClick,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && (shallowEqual(eventKey, sidenav.activeKey) || shallowEqual(nav.activeKey, eventKey));
   var classes = merge(className, withClassPrefix({
     'with-icon': icon,
@@ -52,7 +48,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
   }));
   var handleClick = useCallback(function (event) {
     var _nav$onSelect, _sidenav$onSelect;
-
     if (disabled) return;
     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);
@@ -62,7 +57,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
     onClick: createChainedFunction(handleClick, onClick)
   };
   var renderDropdownItem = useRenderDropdownItem(Component);
-
   if (divider) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -71,7 +65,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
       className: merge(prefix('divider'), className)
     }, rest));
   }
-
   if (panel) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -82,7 +75,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
       children: children
     }));
   }
-
   return renderDropdownItem(_extends({
     ref: ref
   }, rest, {

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -1,9 +1,8 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject;
-
 import React, { useCallback, useContext } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
@@ -16,46 +15,40 @@ import PropTypes from 'prop-types';
 import SidenavDropdownCollapse from './SidenavDropdownCollapse';
 import Ripple from '../Ripple';
 import Disclosure from '../Disclosure/Disclosure';
-
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
 var ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sidenavContext = useContext(SidenavContext);
-
   if (!sidenavContext) {
     throw new Error('<SidenavDropdownMenu> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      children = props.children,
-      disabled = props.disabled,
-      className = props.className,
-      style = props.style,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-      tabIndex = props.tabIndex,
-      icon = props.icon,
-      title = props.title,
-      eventKey = props.eventKey,
-      onClick = props.onClick,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    children = props.children,
+    disabled = props.disabled,
+    className = props.className,
+    style = props.style,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
+    tabIndex = props.tabIndex,
+    icon = props.icon,
+    title = props.title,
+    eventKey = props.eventKey,
+    onClick = props.onClick,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"]);
   var _useCustom = useCustom('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var _sidenavContext$openK = sidenavContext.openKeys,
-      openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,
-      onOpenChange = sidenavContext.onOpenChange,
-      onSidenavSelect = sidenavContext.onSelect;
+    openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,
+    onOpenChange = sidenavContext.onOpenChange,
+    onSidenavSelect = sidenavContext.onSelect;
   var handleClick = useCallback(function (event) {
     if (disabled) return;
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);

package/esm/Sidenav/Node.js

@@ -1,5 +1,5 @@
+'use client';
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-
 /**
  * Partial implementation of Node API
  * Used for holding tree nodes hierarchy
@@ -14,37 +14,30 @@ export var Node = /*#__PURE__*/function () {
     this.childNodes = [];
     this.element = void 0;
   }
-
   var _proto = Node.prototype;
-
   _proto.appendChild = function appendChild(newChild) {
     newChild.parentNode = this;
     this.childNodes.push(newChild);
   };
-
   _proto.hasChildNodes = function hasChildNodes() {
     return this.childNodes.length > 0;
   };
-
   _createClass(Node, [{
     key: "firstChild",
     get: function get() {
       var _this$childNodes$;
-
       return (_this$childNodes$ = this.childNodes[0]) !== null && _this$childNodes$ !== void 0 ? _this$childNodes$ : null;
     }
   }, {
     key: "lastChild",
     get: function get() {
       var _this$childNodes;
-
       return (_this$childNodes = this.childNodes[this.childNodes.length - 1]) !== null && _this$childNodes !== void 0 ? _this$childNodes : null;
     }
   }, {
     key: "nextSibling",
     get: function get() {
       var _this$parentNode$chil;
-
       if (!this.parentNode) return null;
       return (_this$parentNode$chil = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) + 1]) !== null && _this$parentNode$chil !== void 0 ? _this$parentNode$chil : null;
     }
@@ -52,11 +45,9 @@ export var Node = /*#__PURE__*/function () {
     key: "previousSibling",
     get: function get() {
       var _this$parentNode$chil2;
-
       if (!this.parentNode) return null;
       return (_this$parentNode$chil2 = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) - 1]) !== null && _this$parentNode$chil2 !== void 0 ? _this$parentNode$chil2 : null;
     }
   }]);
-
   return Node;
 }();

package/esm/Sidenav/Sidenav.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo, useCallback } from 'react';
@@ -14,45 +15,39 @@ export var SidenavContext = /*#__PURE__*/React.createContext(null);
 var emptyArray = [];
 var Sidenav = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'nav' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'sidenav' : _props$classPrefix,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      _props$expanded = props.expanded,
-      expanded = _props$expanded === void 0 ? true : _props$expanded,
-      activeKey = props.activeKey,
-      _props$defaultOpenKey = props.defaultOpenKeys,
-      defaultOpenKeys = _props$defaultOpenKey === void 0 ? emptyArray : _props$defaultOpenKey,
-      openKeysProp = props.openKeys,
-      onSelect = props.onSelect,
-      onOpenChange = props.onOpenChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "appearance", "expanded", "activeKey", "defaultOpenKeys", "openKeys", "onSelect", "onOpenChange"]);
-
+    Component = _props$as === void 0 ? 'nav' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'sidenav' : _props$classPrefix,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    _props$expanded = props.expanded,
+    expanded = _props$expanded === void 0 ? true : _props$expanded,
+    activeKey = props.activeKey,
+    _props$defaultOpenKey = props.defaultOpenKeys,
+    defaultOpenKeys = _props$defaultOpenKey === void 0 ? emptyArray : _props$defaultOpenKey,
+    openKeysProp = props.openKeys,
+    onSelect = props.onSelect,
+    onOpenChange = props.onOpenChange,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "appearance", "expanded", "activeKey", "defaultOpenKeys", "openKeys", "onSelect", "onOpenChange"]);
   var _useControlled = useControlled(openKeysProp, defaultOpenKeys),
-      openKeys = _useControlled[0],
-      setOpenKeys = _useControlled[1];
-
+    openKeys = _useControlled[0],
+    setOpenKeys = _useControlled[1];
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix(appearance));
   var handleOpenChange = useCallback(function (eventKey, event) {
     var find = function find(key) {
       return shallowEqual(key, eventKey);
     };
-
     var nextOpenKeys = [].concat(openKeys);
-
     if (nextOpenKeys.some(find)) {
       remove(nextOpenKeys, find);
     } else {
       nextOpenKeys.push(eventKey);
     }
-
     setOpenKeys(nextOpenKeys);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpenKeys, event);
   }, [onOpenChange, openKeys, setOpenKeys]);
@@ -77,8 +72,7 @@ var Sidenav = /*#__PURE__*/React.forwardRef(function (props, ref) {
     enteringClassName: prefix('collapse-in', 'collapsing')
   }, function (transitionProps, transitionRef) {
     var className = transitionProps.className,
-        transitionRest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
-
+      transitionRest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
     return /*#__PURE__*/React.createElement(Component, _extends({}, rest, transitionRest, {
       ref: mergeRefs(ref, transitionRef),
       className: merge(classes, className)

package/esm/Sidenav/SidenavBody.js

@@ -1,3 +1,4 @@
+'use client';
 import createComponent from '../utils/createComponent';
 var SidenavBody = createComponent({
   name: 'SidenavBody'

package/esm/Sidenav/SidenavDropdown.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext, useMemo } from 'react';
@@ -16,7 +17,6 @@ import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';
 import SidenavDropdownToggle from './SidenavDropdownToggle';
 import { NavMenuContext } from '../Nav/NavMenu';
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -32,51 +32,47 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sidenav = useContext(SidenavContext);
   var nav = useContext(NavContext);
   var navMenu = useContext(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 = _objectWithoutPropertiesLoose(props, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "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,
+    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 = _objectWithoutPropertiesLoose(props, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var _useClassNames2 = useClassNames('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var _useClassNames3 = useClassNames('nav-item'),
-      withNavItemClassPrefix = _useClassNames3.withClassPrefix,
-      mergeNavItemClassNames = _useClassNames3.merge;
-
+    withNavItemClassPrefix = _useClassNames3.withClassPrefix,
+    mergeNavItemClassNames = _useClassNames3.merge;
   var items = navMenu[0].items;
-  var hasSelectedItems = // has items that is active indicated by <Nav activeKey>
+  var hasSelectedItems =
+  // has items that is active indicated by <Nav activeKey>
   nav.activeKey && items.some(function (item) {
     return item.eventKey === nav.activeKey;
-  }) || // has items that is active indicated by <Nav.Item active>
+  }) ||
+  // has items that is active indicated by <Nav.Item active>
   items.some(function (item) {
     return item.active;
   });
@@ -84,35 +80,31 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!trigger) {
       return undefined;
     }
-
     var triggerMap = {
       hover: 'mouseover',
       click: 'click',
       contextMenu: 'contextmenu'
     };
-
     if (!Array.isArray(trigger)) {
       return [triggerMap[trigger]];
     }
-
     return trigger.map(function (t) {
       return triggerMap[t];
     });
-  }, [trigger]); // Render a disclosure when inside expanded <Sidenav>
+  }, [trigger]);
 
+  // Render a disclosure when inside expanded <Sidenav>
   if (sidenav.expanded) {
     return /*#__PURE__*/React.createElement(ExpandedSidenavDropdown, _extends({
       ref: ref
     }, props));
   }
-
   var renderMenuButton = function renderMenuButton(menuButtonProps, buttonRef) {
     return /*#__PURE__*/React.createElement(MenuItem, {
       disabled: disabled
     }, function (_ref, menuitemRef) {
       var active = _ref.active,
-          menuitemProps = _objectWithoutPropertiesLoose(_ref, ["active"]);
-
+        menuitemProps = _objectWithoutPropertiesLoose(_ref, ["active"]);
       return /*#__PURE__*/React.createElement(SidenavDropdownToggle, _extends({
         ref: mergeRefs(buttonRef, menuitemRef),
         as: toggleAs,
@@ -122,17 +114,15 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, menuButtonProps, omit(menuitemProps, ['onClick']), omit(toggleProps, 'data-testid')), title);
     });
   };
-
   return /*#__PURE__*/React.createElement(Menu, {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref2, popupRef) {
       var open = _ref2.open,
-          popupProps = _objectWithoutPropertiesLoose(_ref2, ["open"]);
-
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu
-
+        popupProps = _objectWithoutPropertiesLoose(_ref2, ["open"]);
+      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
+      // When inside a collapsed <Sidenav>, render a header in menu
       var showHeader = !!sidenav;
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -146,7 +136,6 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onToggleMenu: function onToggleMenu(open, event) {
       onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
       sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);
-
       if (open) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -155,10 +144,8 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, function (_ref3, menuContainerRef) {
     var _withClassPrefix;
-
     var open = _ref3.open,
-        menuContainer = _objectWithoutPropertiesLoose(_ref3, ["open"]);
-
+      menuContainer = _objectWithoutPropertiesLoose(_ref3, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix.submenu = true, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, menuContainerRef),

package/esm/Sidenav/SidenavDropdownCollapse.js

@@ -1,9 +1,8 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,16 +10,14 @@ import Collapse from '../Animation/Collapse';
 import { mergeRefs, useClassNames } from '../utils';
 var SidenavDropdownCollapse = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "open"]);
-
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    open = props.open,
+    restProps = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "open"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Collapse, {
     in: open,
@@ -30,8 +27,7 @@ var SidenavDropdownCollapse = /*#__PURE__*/React.forwardRef(function (props, ref
     enteringClassName: prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["collapsing"])))
   }, function (transitionProps, transitionRef) {
     var transitionClassName = transitionProps.className,
-        transitionRestProps = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
-
+      transitionRestProps = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
     return /*#__PURE__*/React.createElement("ul", _extends({
       ref: mergeRefs(ref, transitionRef),
       role: "group",

package/esm/Sidenav/SidenavDropdownItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
@@ -10,7 +11,6 @@ import { mergeRefs, shallowEqual, useClassNames } from '../utils';
 import NavContext from '../Nav/NavContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
 import ExpandedSidenavDropdownItem from './ExpandedSidenavDropdownItem';
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Item> within a <Sidenav>
@@ -26,46 +26,39 @@ import ExpandedSidenavDropdownItem from './ExpandedSidenavDropdownItem';
 var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sidenav = useContext(SidenavContext);
   var nav = useContext(NavContext);
-
   if (!sidenav || !nav) {
     throw new Error('<Sidenav.Dropdown.Item> must be used within a <Nav> within a <Sidenav> 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 = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var handleSelectItem = 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 selected = activeProp || !isNil(eventKey) && shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);
   var renderDropdownItem = useRenderDropdownItem(Component);
-
   if (sidenav.expanded) {
     return /*#__PURE__*/React.createElement(ExpandedSidenavDropdownItem, _extends({
       ref: ref
     }, props));
   }
-
   if (divider) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -73,7 +66,6 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: merge(prefix('divider'), className)
     }, restProps));
   }
-
   if (panel) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -81,16 +73,14 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children: children
     }, restProps));
   }
-
   return /*#__PURE__*/React.createElement(MenuItem, {
     selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref, menuitemRef) {
     var selected = _ref.selected,
-        active = _ref.active,
-        menuitem = _objectWithoutPropertiesLoose(_ref, ["selected", "active"]);
-
+      active = _ref.active,
+      menuitem = _objectWithoutPropertiesLoose(_ref, ["selected", "active"]);
     var classes = merge(className, withClassPrefix({
       'with-icon': icon,
       active: selected,
@@ -102,11 +92,9 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var dataAttributes = {
       'data-event-key': eventKey
     };
-
     if (!isNil(eventKey) && typeof eventKey !== 'string') {
       dataAttributes['data-event-key-type'] = typeof eventKey;
     }
-
     return renderDropdownItem(_extends({
       ref: mergeRefs(ref, menuitemRef),
       className: classes