rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/Sidenav/ExpandedSidenavDropdown.js

@@ -5,74 +5,69 @@ 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 _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
-var _propTypes2 = require("../internals/propTypes");
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
 var _Disclosure = _interopRequireDefault(require("../internals/Disclosure/Disclosure"));
 var _SidenavDropdownToggle = _interopRequireDefault(require("./SidenavDropdownToggle"));
 var _NavMenu = require("../Nav/NavMenu");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _excluded = ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"];
-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 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);
+const ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const nav = (0, _react.useContext)(_NavContext.default);
+  const navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
   if (!sidenav || !nav || !navMenu) {
     throw new Error('<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, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var internalId = (0, _hooks.useInternalId)('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;
-  var items = navMenu[0].items;
-  var hasSelectedItems =
+  const {
+    as: Component = 'div',
+    title,
+    children,
+    className,
+    menuStyle,
+    disabled,
+    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+    renderTitle,
+    renderToggle,
+    classPrefix = 'dropdown',
+    placement = 'bottomStart',
+    toggleClassName,
+    icon,
+    eventKey,
+    toggleAs,
+    noCaret,
+    style,
+    onOpen,
+    onClose,
+    open: openProp,
+    onToggle,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const internalId = (0, _hooks.useInternalId)('SidenavDropdown');
+  const uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
+  const {
+    openKeys = [],
+    onOpenChange
+  } = sidenav;
+  const [{
+    items
+  }] = navMenu;
+  const hasSelectedItems =
   // has items that is active indicated by <Nav activeKey>
-  nav.activeKey && items.some(function (item) {
-    return item.eventKey === nav.activeKey;
-  }) ||
+  nav.activeKey && items.some(item => item.eventKey === nav.activeKey) ||
   // has items that is active indicated by <Nav.Item active>
-  items.some(function (item) {
-    return item.active;
-  });
-  var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {
+  items.some(item => item.active);
+  const handleToggleDisclosure = (0, _react.useCallback)((open, event) => {
     if (open) {
       onClose === null || onClose === void 0 || onClose();
     } else {
@@ -81,32 +76,39 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
     onToggle === null || onToggle === void 0 || onToggle(open);
     onOpenChange === null || onOpenChange === void 0 || onOpenChange(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
-  var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
+  const open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
     open: open,
     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)));
+  }, (_ref, containerRef) => {
+    let {
+      open
+    } = _ref;
+    const classes = merge(className, withClassPrefix({
+      [`placement-${(0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))}`]: placement,
+      [open ? 'expand' : 'collapse']: true,
+      disabled,
+      'selected-within': hasSelectedItems,
+      'no-caret': noCaret
+    }));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, containerRef),
       style: style,
       className: classes
     }, rest, {
       "data-event-key": eventKey
-    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, function (buttonProps, buttonRef) {
-      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({
-        ref: buttonRef,
-        as: toggleAs,
-        noCaret: noCaret,
-        className: toggleClassName,
-        renderToggle: renderToggle,
-        icon: icon,
-        placement: placement
-      }, (0, _omit.default)(buttonProps, ['open'])), title);
-    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, null, function (_ref2) {
-      var open = _ref2.open;
+    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, (buttonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({
+      ref: buttonRef,
+      as: toggleAs,
+      noCaret: noCaret,
+      className: toggleClassName,
+      renderToggle: renderToggle,
+      icon: icon,
+      placement: placement
+    }, (0, _omit.default)(buttonProps, ['open'])), title)), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, null, _ref2 => {
+      let {
+        open
+      } = _ref2;
       return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {
         open: open,
         style: menuStyle
@@ -115,32 +117,4 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
   });
 });
 ExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';
-ExpandedSidenavDropdown.propTypes = {
-  activeKey: _propTypes.default.any,
-  classPrefix: _propTypes.default.string,
-  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
-  title: _propTypes.default.node,
-  disabled: _propTypes.default.bool,
-  icon: _propTypes.default.node,
-  menuStyle: _propTypes.default.object,
-  className: _propTypes.default.string,
-  toggleClassName: _propTypes.default.string,
-  children: _propTypes.default.node,
-  tabIndex: _propTypes.default.number,
-  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
-  eventKey: _propTypes.default.any,
-  as: _propTypes.default.elementType,
-  toggleAs: _propTypes.default.elementType,
-  noCaret: _propTypes.default.bool,
-  style: _propTypes.default.object,
-  onClose: _propTypes.default.func,
-  onOpen: _propTypes.default.func,
-  onToggle: _propTypes.default.func,
-  onMouseEnter: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func,
-  onContextMenu: _propTypes.default.func,
-  onClick: _propTypes.default.func,
-  renderTitle: (0, _propTypes2.deprecatePropType)(_propTypes.default.func),
-  renderToggle: _propTypes.default.func
-};
 var _default = exports.default = ExpandedSidenavDropdown;

package/cjs/Sidenav/ExpandedSidenavDropdownItem.js

@@ -4,119 +4,96 @@
 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 _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "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; }
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-  var nav = (0, _react.useContext)(_NavContext.default);
+const ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const 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, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    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({
+  const {
+    as: Component = 'li',
+    active: activeProp,
+    children,
+    disabled,
+    divider,
+    panel,
+    className,
+    style,
+    classPrefix = 'dropdown-item',
+    icon,
+    eventKey,
+    onClick,
+    onSelect,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, sidenav.activeKey) || (0, _utils.shallowEqual)(nav.activeKey, eventKey));
+  const classes = merge(className, withClassPrefix({
     'with-icon': icon,
     active: selected,
-    disabled: disabled
+    disabled
   }));
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const handleClick = (0, _react.useCallback)(event => {
     var _nav$onSelect, _sidenav$onSelect;
     if (disabled) return;
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
     (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
     (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 || _sidenav$onSelect.call(sidenav, eventKey, event);
   }, [disabled, onSelect, sidenav, eventKey, nav]);
-  var menuitemEventHandlers = {
+  const menuitemEventHandlers = {
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)
   };
-  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);
+  const renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);
   if (divider) {
-    return renderDropdownItem((0, _extends2.default)({
-      ref: ref,
+    return renderDropdownItem({
+      ref,
       role: 'separator',
-      style: style,
-      className: merge(prefix('divider'), className)
-    }, rest));
+      style,
+      className: merge(prefix('divider'), className),
+      ...rest
+    });
   }
   if (panel) {
-    return renderDropdownItem((0, _extends2.default)({
-      ref: ref,
+    return renderDropdownItem({
+      ref,
       role: 'none presentation',
-      style: style,
-      className: merge(prefix('panel'), className)
-    }, rest, {
-      children: children
-    }));
+      style,
+      className: merge(prefix('panel'), className),
+      ...rest,
+      children
+    });
   }
-  return renderDropdownItem((0, _extends2.default)({
-    ref: ref
-  }, rest, {
-    style: style,
+  return renderDropdownItem({
+    ref,
+    ...rest,
+    style,
     className: classes,
-    'aria-current': selected || undefined
-  }, menuitemEventHandlers, {
+    'aria-current': selected || undefined,
+    ...menuitemEventHandlers,
     children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
       className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)
     }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null))
-  }), _SafeAnchor.default);
+  }, _SafeAnchor.default);
 });
 ExpandedSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';
-ExpandedSidenavDropdownItem.propTypes = {
-  as: _propTypes.default.elementType,
-  expanded: _propTypes.default.bool,
-  active: _propTypes.default.bool,
-  divider: _propTypes.default.bool,
-  panel: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  submenu: _propTypes.default.element,
-  onSelect: _propTypes.default.func,
-  onClick: _propTypes.default.func,
-  icon: _propTypes.default.node,
-  eventKey: _propTypes.default.any,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  children: _propTypes.default.node,
-  classPrefix: _propTypes.default.string,
-  tabIndex: _propTypes.default.number,
-  title: _propTypes.default.node,
-  onMouseOver: _propTypes.default.func,
-  onMouseOut: _propTypes.default.func
-};
 var _default = exports.default = ExpandedSidenavDropdownItem;

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -5,10 +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 _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 _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
@@ -20,83 +17,86 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
 var _CustomProvider = require("../CustomProvider");
-var _templateObject;
-var _excluded = ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "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; }
 /**
  * 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);
+const ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const 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, _excluded);
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    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;
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const {
+    as: Component = 'li',
+    children,
+    disabled,
+    className,
+    style,
+    classPrefix = 'dropdown-item',
+    tabIndex,
+    icon,
+    title,
+    eventKey,
+    onClick,
+    onSelect,
+    ...rest
+  } = props;
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    openKeys = [],
+    onOpenChange,
+    onSelect: onSidenavSelect
+  } = sidenavContext;
+  const handleClick = (0, _react.useCallback)(event => {
     if (disabled) return;
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
     onSidenavSelect === null || onSidenavSelect === void 0 || onSidenavSelect(eventKey, event);
   }, [disabled, onSelect, onSidenavSelect, eventKey]);
-  var menuitemEventHandlers = {
+  const menuitemEventHandlers = {
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)
   };
-  var Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
+  const Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
     open: !(0, _isNil.default)(eventKey) && openKeys.includes(eventKey),
-    onToggle: function onToggle(_, event) {
-      return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);
-    }
-  }, function (_ref) {
-    var open = _ref.open;
-    var classes = merge(className, prefix('submenu'), prefix("pull-" + (rtl ? 'left' : 'right')), prefix(open ? 'expand' : 'collapse'), withClassPrefix({
+    onToggle: (_, event) => onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event)
+  }, _ref => {
+    let {
+      open
+    } = _ref;
+    const classes = merge(className, prefix('submenu'), prefix(`pull-${rtl ? 'left' : 'right'}`), prefix(open ? 'expand' : 'collapse'), withClassPrefix({
       'with-icon': icon,
       // open,
-      disabled: disabled
+      disabled
     }));
-    var iconClasses = merge(className, prefix('toggle-icon'), prefix((open ? 'expand' : 'collapse') + "-icon"));
+    const iconClasses = merge(className, prefix('toggle-icon'), prefix(`${open ? 'expand' : 'collapse'}-icon`));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: ref
     }, rest, {
       tabIndex: disabled ? -1 : tabIndex,
       style: style,
       className: classes
-    }, menuitemEventHandlers), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, function (buttonProps) {
+    }, menuitemEventHandlers), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, buttonProps => {
       return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
-        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["toggle"]))),
+        className: prefix`toggle`,
         onClick: handleClick
       }, (0, _omit.default)(buttonProps, ['open'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
         className: prefix('menu-icon')
       }), title, /*#__PURE__*/_react.default.createElement(Icon, {
         className: iconClasses
       }), /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
-    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, null, function (_ref2) {
-      var open = _ref2.open;
+    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, null, _ref2 => {
+      let {
+        open
+      } = _ref2;
       return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {
         open: open
       }, children);
@@ -104,21 +104,4 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(functio
   });
 });
 ExpandedSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';
-ExpandedSidenavDropdownMenu.propTypes = {
-  as: _propTypes.default.elementType,
-  expanded: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  onSelect: _propTypes.default.func,
-  onClick: _propTypes.default.func,
-  icon: _propTypes.default.node,
-  eventKey: _propTypes.default.any,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  children: _propTypes.default.node,
-  classPrefix: _propTypes.default.string,
-  tabIndex: _propTypes.default.number,
-  title: _propTypes.default.node,
-  onMouseOver: _propTypes.default.func,
-  onMouseOut: _propTypes.default.func
-};
 var _default = exports.default = ExpandedSidenavDropdownMenu;

package/cjs/Sidenav/Node.js

@@ -1,17 +1,15 @@
 '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
  * Ref: https://developer.mozilla.org/zh-CN/docs/Web/API/Node
  */
-var Node = exports.Node = /*#__PURE__*/function () {
-  function Node() {
+class Node {
+  constructor() {
     this.id = null;
     this.nodeValue = null;
     this.parent = null;
@@ -19,39 +17,30 @@ var Node = exports.Node = /*#__PURE__*/function () {
     this.childNodes = [];
     this.element = void 0;
   }
-  var _proto = Node.prototype;
-  _proto.appendChild = function appendChild(newChild) {
+  appendChild(newChild) {
     newChild.parentNode = this;
     this.childNodes.push(newChild);
-  };
-  _proto.hasChildNodes = function hasChildNodes() {
+  }
+  hasChildNodes() {
     return this.childNodes.length > 0;
-  };
-  return (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;
-    }
-  }, {
-    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;
-    }
-  }]);
-}();
+  }
+  get firstChild() {
+    var _this$childNodes$;
+    return (_this$childNodes$ = this.childNodes[0]) !== null && _this$childNodes$ !== void 0 ? _this$childNodes$ : null;
+  }
+  get lastChild() {
+    var _this$childNodes;
+    return (_this$childNodes = this.childNodes[this.childNodes.length - 1]) !== null && _this$childNodes !== void 0 ? _this$childNodes : null;
+  }
+  get nextSibling() {
+    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;
+  }
+  get previousSibling() {
+    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;
+  }
+}
+exports.Node = Node;