rsuite 5.40.0 → 5.42.0

package/cjs/Sidenav/ExpandedSidenavDropdown.js

@@ -1,90 +1,71 @@
+'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 _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _utils = require("../utils");
-
 var _Sidenav = require("./Sidenav");
-
 var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
-
 var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
-
 var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
-
 var _SidenavDropdownToggle = _interopRequireDefault(require("./SidenavDropdownToggle"));
-
 var _NavMenu = require("../Nav/NavMenu");
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 var ExpandedSidenavDropdown = /*#__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);
-
   if (!sidenav || !nav || !navMenu) {
     throw new Error('<SidenavDropdown> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      title = props.title,
-      children = props.children,
-      className = props.className,
-      menuStyle = props.menuStyle,
-      disabled = props.disabled,
-      renderTitle = props.renderTitle,
-      renderToggle = props.renderToggle,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      toggleClassName = props.toggleClassName,
-      icon = props.icon,
-      eventKey = props.eventKey,
-      toggleAs = props.toggleAs,
-      noCaret = props.noCaret,
-      style = props.style,
-      onOpen = props.onOpen,
-      onClose = props.onClose,
-      openProp = props.open,
-      onToggle = props.onToggle,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    title = props.title,
+    children = props.children,
+    className = props.className,
+    menuStyle = props.menuStyle,
+    disabled = props.disabled,
+    renderTitle = props.renderTitle,
+    renderToggle = props.renderToggle,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    toggleClassName = props.toggleClassName,
+    icon = props.icon,
+    eventKey = props.eventKey,
+    toggleAs = props.toggleAs,
+    noCaret = props.noCaret,
+    style = props.style,
+    onOpen = props.onOpen,
+    onClose = props.onClose,
+    openProp = props.open,
+    onToggle = props.onToggle,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var internalId = (0, _useInternalId.default)('SidenavDropdown');
   var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
   var _sidenav$openKeys = sidenav.openKeys,
-      openKeys = _sidenav$openKeys === void 0 ? [] : _sidenav$openKeys,
-      onOpenChange = sidenav.onOpenChange;
+    openKeys = _sidenav$openKeys === void 0 ? [] : _sidenav$openKeys,
+    onOpenChange = sidenav.onOpenChange;
   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;
   });
@@ -94,7 +75,6 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
     } else {
       onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     }
-
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
@@ -104,7 +84,6 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
     onToggle: handleToggleDisclosure
   }, function (_ref, containerRef) {
     var _withClassPrefix;
-
     var open = _ref.open;
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -132,7 +111,6 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
     }));
   });
 });
-
 ExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';
 ExpandedSidenavDropdown.propTypes = {
   activeKey: _propTypes.default.any,

package/cjs/Sidenav/ExpandedSidenavDropdownItem.js

@@ -1,34 +1,21 @@
+'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 _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _utils = require("../utils");
-
 var _Sidenav = require("./Sidenav");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Ripple = _interopRequireDefault(require("../Ripple"));
-
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
-
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
@@ -36,33 +23,29 @@ var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
 var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   var nav = (0, _react.useContext)(_NavContext.default);
-
   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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"]);
   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 selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, sidenav.activeKey) || (0, _utils.shallowEqual)(nav.activeKey, eventKey));
   var classes = merge(className, withClassPrefix({
     'with-icon': icon,
@@ -71,7 +54,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
   }));
   var handleClick = (0, _react.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);
@@ -81,7 +63,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)
   };
   var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);
-
   if (divider) {
     return renderDropdownItem((0, _extends2.default)({
       ref: ref,
@@ -90,7 +71,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
       className: merge(prefix('divider'), className)
     }, rest));
   }
-
   if (panel) {
     return renderDropdownItem((0, _extends2.default)({
       ref: ref,
@@ -101,7 +81,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
       children: children
     }));
   }
-
   return renderDropdownItem((0, _extends2.default)({
     ref: ref
   }, rest, {
@@ -114,7 +93,6 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
     }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null))
   }), _SafeAnchor.default);
 });
-
 ExpandedSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';
 ExpandedSidenavDropdownItem.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -1,83 +1,60 @@
+'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 _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _utils = require("../utils");
-
 var _Sidenav = require("./Sidenav");
-
 var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
-
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
-
 var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
-
 var _Ripple = _interopRequireDefault(require("../Ripple"));
-
 var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
-
 var _templateObject;
-
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
 var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenavContext = (0, _react.useContext)(_Sidenav.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"]);
   var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   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 _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 = (0, _react.useCallback)(function (event) {
     if (disabled) return;
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
@@ -123,7 +100,6 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(functio
     }));
   });
 });
-
 ExpandedSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';
 ExpandedSidenavDropdownMenu.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Sidenav/Node.js

@@ -1,12 +1,10 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.Node = void 0;
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 /**
  * Partial implementation of Node API
  * Used for holding tree nodes hierarchy
@@ -21,37 +19,30 @@ 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;
   };
-
   (0, _createClass2.default)(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;
     }
@@ -59,12 +50,10 @@ 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;
 }();
-
 exports.Node = Node;

package/cjs/Sidenav/Sidenav.js

@@ -1,82 +1,60 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-
 var _SidenavBody = _interopRequireDefault(require("./SidenavBody"));
-
 var _SidenavHeader = _interopRequireDefault(require("./SidenavHeader"));
-
 var _SidenavToggle = _interopRequireDefault(require("./SidenavToggle"));
-
 var _utils = require("../utils");
-
 var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var SidenavContext = /*#__PURE__*/_react.default.createContext(null);
-
 exports.SidenavContext = SidenavContext;
 var emptyArray = [];
-
 var Sidenav = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "appearance", "expanded", "activeKey", "defaultOpenKeys", "openKeys", "onSelect", "onOpenChange"]);
   var _useControlled = (0, _utils.useControlled)(openKeysProp, defaultOpenKeys),
-      openKeys = _useControlled[0],
-      setOpenKeys = _useControlled[1];
-
+    openKeys = _useControlled[0],
+    setOpenKeys = _useControlled[1];
   var _useClassNames = (0, _utils.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 = (0, _react.useCallback)(function (eventKey, event) {
     var find = function find(key) {
       return (0, _shallowEqual.default)(key, eventKey);
     };
-
     var nextOpenKeys = [].concat(openKeys);
-
     if (nextOpenKeys.some(find)) {
       (0, _remove.default)(nextOpenKeys, find);
     } else {
       nextOpenKeys.push(eventKey);
     }
-
     setOpenKeys(nextOpenKeys);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpenKeys, event);
   }, [onOpenChange, openKeys, setOpenKeys]);
@@ -101,14 +79,13 @@ var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     enteringClassName: prefix('collapse-in', 'collapsing')
   }, function (transitionProps, transitionRef) {
     var className = transitionProps.className,
-        transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, ["className"]);
+      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, ["className"]);
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, transitionRest, {
       ref: (0, _utils.mergeRefs)(ref, transitionRef),
       className: merge(classes, className)
     }));
   }));
 });
-
 Sidenav.Header = _SidenavHeader.default;
 Sidenav.Body = _SidenavBody.default;
 Sidenav.Toggle = _SidenavToggle.default;

package/cjs/Sidenav/SidenavBody.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 SidenavBody = (0, _createComponent.default)({
   name: 'SidenavBody'
 });