@coreui/react 2.5.4 → 2.5.8

package/lib/SidebarNav2.js

@@ -1,53 +1,51 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
+exports["default"] = void 0;
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+var _react = _interopRequireWildcard(require("react"));
 
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+var _reactstrap = require("reactstrap");
 
-var _react = require('react');
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _react2 = _interopRequireDefault(_react);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactstrap = require('reactstrap');
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
 
-var _classnames = require('classnames');
+require("react-perfect-scrollbar/dist/css/styles.css");
 
-var _classnames2 = _interopRequireDefault(_classnames);
+require("../css/scrollbar.css");
 
-var _propTypes = require('prop-types');
+var _layout = _interopRequireDefault(require("./Shared/layout/layout"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _reactPerfectScrollbar = require('react-perfect-scrollbar');
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _reactPerfectScrollbar2 = _interopRequireDefault(_reactPerfectScrollbar);
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-require('react-perfect-scrollbar/dist/css/styles.css');
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var propTypes = {
-  children: _propTypes2.default.node,
-  className: _propTypes2.default.string,
-  navConfig: _propTypes2.default.any,
-  navFunc: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.string]),
-  isOpen: _propTypes2.default.bool,
-  staticContext: _propTypes2.default.any,
-  tag: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.string]),
-  router: _propTypes2.default.any,
-  props: _propTypes2.default.any
-};
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+var propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  navConfig: _propTypes["default"].any,
+  navFunc: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].string]),
+  isOpen: _propTypes["default"].bool,
+  staticContext: _propTypes["default"].any,
+  tag: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].string]),
+  router: _propTypes["default"].any,
+  props: _propTypes["default"].any
+} : {};
 var defaultProps = {
   tag: 'nav',
   navConfig: {
@@ -55,236 +53,315 @@ var defaultProps = {
       name: 'Dashboard',
       url: '/dashboard',
       icon: 'icon-speedometer',
-      badge: { variant: 'info', text: 'NEW' }
+      badge: {
+        variant: 'info',
+        text: 'NEW'
+      }
     }]
   },
   isOpen: false,
-  router: { RsNavLink: _reactstrap.NavLink }
+  router: {
+    RsNavLink: _reactstrap.NavLink
+  }
 };
 
-var AppSidebarNav2 = function (_Component) {
-  _inherits(AppSidebarNav2, _Component);
+var AppSidebarNav2 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarNav2, _Component);
 
   function AppSidebarNav2(props) {
-    _classCallCheck(this, AppSidebarNav2);
+    var _this;
 
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+    _this = _Component.call(this, props) || this;
 
-    _this.handleClick = _this.handleClick.bind(_this);
-    _this.activeRoute = _this.activeRoute.bind(_this);
-    _this.hideMobile = _this.hideMobile.bind(_this);
+    _defineProperty(_assertThisInitialized(_this), "_scrollBarRef", null);
+
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    _this.activeRoute = _this.activeRoute.bind(_assertThisInitialized(_this));
+    _this.hideMobile = _this.hideMobile.bind(_assertThisInitialized(_this));
+    _this.changes = null;
+    _this.state = {
+      sidebarMinimized: false
+    };
     return _this;
   }
 
-  AppSidebarNav2.prototype.handleClick = function handleClick(e) {
-    e.preventDefault();
+  var _proto = AppSidebarNav2.prototype;
+
+  _proto.handleClick = function handleClick(e, item) {
+    if (item.attributes && typeof item.attributes.onClick === 'function' && !this.isActiveRoute(item.url, this.props)) {
+      item.attributes.onClick(e, item);
+    } else {
+      e.preventDefault();
+    }
+
     e.currentTarget.parentElement.classList.toggle('open');
   };
 
-  AppSidebarNav2.prototype.activeRoute = function activeRoute(routeName, props) {
-    return props.location.pathname.indexOf(routeName) > -1 ? 'nav-item nav-dropdown open' : 'nav-item nav-dropdown';
+  _proto.isActiveRoute = function isActiveRoute(routeName, props) {
+    return props.location.pathname.indexOf(routeName) > -1;
+  };
+
+  _proto.activeRoute = function activeRoute(routeName, props) {
+    return this.isActiveRoute(routeName, props) ? 'nav-item nav-dropdown open' : 'nav-item nav-dropdown';
   };
 
-  AppSidebarNav2.prototype.hideMobile = function hideMobile() {
+  _proto.hideMobile = function hideMobile() {
     if (document.body.classList.contains('sidebar-show')) {
       document.body.classList.toggle('sidebar-show');
     }
   };
 
-  AppSidebarNav2.prototype.getAttribs = function getAttribs(attributes) {
-    return JSON.parse(JSON.stringify(attributes || {}));
-  };
-
-  // nav list
-
+  _proto.getAttribs = function getAttribs(attributes) {
+    return _extends({}, attributes);
+  } // nav list
+  ;
 
-  AppSidebarNav2.prototype.navList = function navList(items) {
+  _proto.navList = function navList(items) {
     var _this2 = this;
 
     return items.map(function (item, index) {
       return _this2.navType(item, index);
     });
-  };
-
-  // nav type
+  } // nav type
+  ;
 
-
-  AppSidebarNav2.prototype.navType = function navType(item, idx) {
+  _proto.navType = function navType(item, idx) {
     return item.title ? this.navTitle(item, idx) : item.divider ? this.navDivider(item, idx) : item.label ? this.navLabel(item, idx) : item.children ? this.navDropdown(item, idx) : this.navItem(item, idx);
-  };
-
-  // nav list section title
-
-
-  AppSidebarNav2.prototype.navTitle = function navTitle(title, key) {
-    var classes = (0, _classnames2.default)('nav-title', title.class, title.className);
-    return _react2.default.createElement(
-      'li',
-      { key: key, className: classes },
-      this.navWrapper(title),
-      ' '
-    );
-  };
-
-  // simple wrapper for nav-title item
-
-
-  AppSidebarNav2.prototype.navWrapper = function navWrapper(item) {
-    return item.wrapper && item.wrapper.element ? _react2.default.createElement(item.wrapper.element, item.wrapper.attributes, item.name) : item.name;
-  };
-
-  // nav list divider
-
-
-  AppSidebarNav2.prototype.navDivider = function navDivider(divider, key) {
-    var classes = (0, _classnames2.default)('divider', divider.class, divider.className);
-    return _react2.default.createElement('li', { key: key, className: classes });
-  };
-
-  // nav label with nav link
-
+  } // nav list section title
+  ;
+
+  _proto.navTitle = function navTitle(title, key) {
+    var classes = (0, _classnames["default"])('nav-title', title["class"], title.className);
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: key,
+      className: classes
+    }, this.navWrapper(title), " ");
+  } // simple wrapper for nav-title item
+  ;
+
+  _proto.navWrapper = function navWrapper(item) {
+    return item.wrapper && item.wrapper.element ? _react["default"].createElement(item.wrapper.element, item.wrapper.attributes, item.name) : item.name;
+  } // nav list divider
+  ;
+
+  _proto.navDivider = function navDivider(divider, key) {
+    var classes = (0, _classnames["default"])('divider', divider["class"], divider.className);
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: key,
+      className: classes
+    });
+  } // nav label with nav link
+  ;
 
-  AppSidebarNav2.prototype.navLabel = function navLabel(item, key) {
+  _proto.navLabel = function navLabel(item, key) {
     var classes = {
-      item: (0, _classnames2.default)('hidden-cn', item.class),
-      link: (0, _classnames2.default)('nav-label', item.class ? item.class : ''),
-      icon: (0, _classnames2.default)('nav-icon', !item.icon ? 'fa fa-circle' : item.icon, item.label.variant ? 'text-' + item.label.variant : '', item.label.class ? item.label.class : '')
+      item: (0, _classnames["default"])('hidden-cn', item["class"]),
+      link: (0, _classnames["default"])('nav-label', item["class"] ? item["class"] : ''),
+      icon: (0, _classnames["default"])('nav-icon', !item.icon ? 'fa fa-circle' : item.icon, item.label.variant ? "text-" + item.label.variant : '', item.label["class"] ? item.label["class"] : '')
     };
     return this.navLink(item, key, classes);
-  };
-
-  // nav dropdown
+  } // nav dropdown
+  ;
 
+  _proto.navDropdown = function navDropdown(item, key) {
+    var _this3 = this;
 
-  AppSidebarNav2.prototype.navDropdown = function navDropdown(item, key) {
-    var classIcon = (0, _classnames2.default)('nav-icon', item.icon);
+    var itemIcon = this.navIcon(item);
     var attributes = this.getAttribs(item.attributes);
-    var classes = (0, _classnames2.default)('nav-link', 'nav-dropdown-toggle', item.class, attributes.class, attributes.className);
-    delete attributes.class;
+    var classes = (0, _classnames["default"])('nav-link', 'nav-dropdown-toggle', item["class"], attributes["class"], attributes.className);
+    delete attributes["class"];
     delete attributes.className;
     var itemAttr = this.getAttribs(item.itemAttr);
-    var liClasses = (0, _classnames2.default)(this.activeRoute(item.url, this.props), itemAttr.class, itemAttr.className);
-    delete itemAttr.class;
+    var liClasses = (0, _classnames["default"])('nav-item', 'nav-dropdown', itemAttr["class"], itemAttr.className);
+    delete itemAttr["class"];
     delete itemAttr.className;
-    return _react2.default.createElement(
-      'li',
-      _extends({ key: key, className: liClasses }, itemAttr),
-      _react2.default.createElement(
-        'a',
-        _extends({ className: classes, href: '#', onClick: this.handleClick }, attributes),
-        _react2.default.createElement('i', { className: classIcon }),
-        item.name,
-        this.navBadge(item.badge)
-      ),
-      _react2.default.createElement(
-        'ul',
-        { className: 'nav-dropdown-items' },
-        this.navList(item.children)
-      )
-    );
-  };
-
-  // nav item with nav link
-
-
-  AppSidebarNav2.prototype.navItem = function navItem(item, key) {
+    var NavLink = this.props.router.NavLink || _reactstrap.NavLink;
+    return /*#__PURE__*/_react["default"].createElement("li", _extends({
+      key: key,
+      className: (0, _classnames["default"])(liClasses, {
+        'open': this.isActiveRoute(item.url, this.props)
+      })
+    }, itemAttr), /*#__PURE__*/_react["default"].createElement(NavLink, _extends({
+      activeClassName: "open",
+      className: classes,
+      to: item.url || ''
+    }, attributes, {
+      onClick: function onClick(e) {
+        return _this3.handleClick(e, item);
+      }
+    }), itemIcon, item.name, this.navBadge(item.badge)), /*#__PURE__*/_react["default"].createElement("ul", {
+      className: "nav-dropdown-items"
+    }, this.navList(item.children)));
+  } // nav item with nav link
+  ;
+
+  _proto.navItem = function navItem(item, key) {
     var classes = {
-      item: (0, _classnames2.default)(item.class),
-      link: (0, _classnames2.default)('nav-link', item.variant ? 'nav-link-' + item.variant : ''),
-      icon: (0, _classnames2.default)('nav-icon', item.icon)
+      item: (0, _classnames["default"])(item["class"]),
+      link: (0, _classnames["default"])('nav-link', item.variant ? "nav-link-" + item.variant : ''),
+      icon: (0, _classnames["default"])('nav-icon', item.icon)
     };
     return this.navLink(item, key, classes);
   };
 
-  // nav link
-
+  _proto.navIcon = function navIcon(item) {
+    var icon = item.icon;
+    var iconObject = typeof icon === 'object' && icon !== null ? _extends({
+      iconClass: icon["class"],
+      iconClassName: icon.className
+    }, icon) : {
+      iconClass: icon
+    };
+    var iconClass = iconObject.iconClass,
+        iconClassName = iconObject.iconClassName,
+        innerText = iconObject.innerText,
+        img = iconObject.img,
+        attributes = iconObject.attributes;
+
+    var iconAttr = _extends({}, attributes);
+
+    delete iconAttr["class"];
+    delete iconAttr.className;
+    delete iconAttr.img;
+    var iconImg = img && img.src ? img : null;
+    var iconInner = innerText || null;
+    var classIcon = (0, _classnames["default"])('nav-icon', iconClass, iconClassName);
+    var iconComponent = iconImg ? /*#__PURE__*/_react["default"].createElement("img", _extends({}, iconAttr, {
+      className: classIcon,
+      src: iconImg.src
+    })) : /*#__PURE__*/_react["default"].createElement("i", _extends({}, iconAttr, {
+      className: classIcon
+    }), iconInner);
+    return iconComponent;
+  } // nav link
+  ;
+
+  _proto.navLink = function navLink(item, key, classes) {
+    var _this4 = this;
+
+    var ref = _react["default"].createRef();
 
-  AppSidebarNav2.prototype.navLink = function navLink(item, key, classes) {
     var url = item.url || '';
-    var itemIcon = _react2.default.createElement('i', { className: classes.icon });
+    var itemIcon = this.navIcon(item);
     var itemBadge = this.navBadge(item.badge);
     var attributes = this.getAttribs(item.attributes);
-    classes.link = (0, _classnames2.default)(classes.link, attributes.class, attributes.className);
-    delete attributes.class;
+    classes.link = (0, _classnames["default"])(classes.link, attributes["class"], attributes.className);
+    delete attributes["class"];
     delete attributes.className;
     var itemAttr = this.getAttribs(item.itemAttr);
-    classes.item = (0, _classnames2.default)(classes.item, itemAttr.class, itemAttr.className);
-    delete itemAttr.class;
+    classes.item = (0, _classnames["default"])(classes.item, itemAttr["class"], itemAttr.className);
+    delete itemAttr["class"];
     delete itemAttr.className;
     var NavLink = this.props.router.NavLink || _reactstrap.NavLink;
-    return _react2.default.createElement(
-      _reactstrap.NavItem,
-      _extends({ key: key, className: classes.item }, itemAttr),
-      attributes.disabled ? _react2.default.createElement(
-        _reactstrap.NavLink,
-        _extends({ href: '', className: classes.link }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : this.isExternal(url, this.props) || NavLink === _reactstrap.NavLink ? _react2.default.createElement(
-        _reactstrap.NavLink,
-        _extends({ href: url, className: classes.link, active: true }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : _react2.default.createElement(
-        NavLink,
-        _extends({ to: url, className: classes.link, activeClassName: 'active', onClick: this.hideMobile }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      )
-    );
-  };
-
-  // badge addon to NavItem
-
-
-  AppSidebarNav2.prototype.navBadge = function navBadge(badge) {
+    return /*#__PURE__*/_react["default"].createElement(_reactstrap.NavItem, _extends({
+      key: key,
+      className: classes.item
+    }, itemAttr), attributes.disabled ? /*#__PURE__*/_react["default"].createElement(_reactstrap.NavLink, _extends({
+      href: '',
+      className: classes.link
+    }, attributes), itemIcon, item.name, itemBadge) : this.isExternal(url, this.props) || NavLink === _reactstrap.NavLink ? /*#__PURE__*/_react["default"].createElement(_reactstrap.NavLink, _extends({
+      href: url,
+      className: classes.link,
+      active: true
+    }, attributes), itemIcon, item.name, itemBadge) : /*#__PURE__*/_react["default"].createElement(NavLink, _extends({
+      to: url,
+      className: classes.link,
+      activeClassName: "active",
+      onClick: function onClick() {
+        return _this4.hideMobile(ref);
+      },
+      ref: ref
+    }, attributes), itemIcon, item.name, itemBadge));
+  } // badge addon to NavItem
+  ;
+
+  _proto.navBadge = function navBadge(badge) {
     if (badge) {
-      var classes = (0, _classnames2.default)(badge.class, badge.className);
-      return _react2.default.createElement(
-        _reactstrap.Badge,
-        { className: classes, color: badge.variant },
-        badge.text
-      );
+      var classes = (0, _classnames["default"])(badge["class"], badge.className);
+      return /*#__PURE__*/_react["default"].createElement(_reactstrap.Badge, {
+        className: classes,
+        color: badge.variant
+      }, badge.text);
     }
+
     return null;
   };
 
-  AppSidebarNav2.prototype.isExternal = function isExternal(url, props) {
-    var linkType = typeof url === 'undefined' ? 'undefined' : _typeof(url);
-    var link = linkType === 'string' ? url : linkType === 'object' && url.pathname ? url.pathname : linkType === 'function' && typeof url(props.location) === 'string' ? url(props.location) : linkType === 'function' && _typeof(url(props.location)) === 'object' ? url(props.location).pathname : '';
+  _proto.isExternal = function isExternal(url, props) {
+    var linkType = typeof url;
+    var link = linkType === 'string' ? url : linkType === 'object' && url.pathname ? url.pathname : linkType === 'function' && typeof url(props.location) === 'string' ? url(props.location) : linkType === 'function' && typeof url(props.location) === 'object' ? url(props.location).pathname : '';
     return link.substring(0, 4) === 'http';
   };
 
-  AppSidebarNav2.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        navConfig = _props.navConfig,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'navConfig']);
+  _proto.observeDomMutations = function observeDomMutations() {
+    var _this5 = this;
+
+    if (window.MutationObserver) {
+      // eslint-disable-next-line
+      this.changes = new MutationObserver(function (mutations) {
+        var isSidebarMinimized = document.body.classList.contains('sidebar-minimized') || false;
+
+        _this5.setState({
+          sidebarMinimized: isSidebarMinimized
+        });
+
+        _layout["default"].sidebarPSToggle(!isSidebarMinimized);
+      });
+      var element = document.body;
+      this.changes.observe(element, {
+        attributes: true,
+        attributeFilter: ['class']
+      });
+    }
+
+    window.addEventListener('resize', this.onResize);
+  };
+
+  _proto.onResize = function onResize() {
+    _layout["default"].sidebarPSToggle(true);
+  };
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.observeDomMutations();
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    try {
+      this.changes.disconnect();
+      window.removeEventListener('resize', this.onResize);
+    } catch (ignore) {
+      // eslint-disable-next-line
+      console.warn('CoreUI SidebarNav failed to disconnect from MutationObserver', ignore);
+    }
+  };
+
+  _proto.render = function render() {
+    var _this6 = this;
+
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        navConfig = _this$props.navConfig,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "navConfig"]);
 
     delete attributes.isOpen;
     delete attributes.staticContext;
     delete attributes.Tag;
     delete attributes.router;
-
-    var navClasses = (0, _classnames2.default)(className, 'sidebar-nav');
-
-    // ToDo: find better rtl fix
-    var isRtl = getComputedStyle(document.documentElement).direction === 'rtl';
-
-    // sidebar-nav root
-    return _react2.default.createElement(
-      _reactPerfectScrollbar2.default,
-      _extends({ className: navClasses }, attributes, { options: { suppressScrollX: !isRtl } }),
-      _react2.default.createElement(
-        _reactstrap.Nav,
-        null,
-        children || this.navList(navConfig.items)
-      )
-    );
+    var navClasses = (0, _classnames["default"])(className, 'sidebar-nav');
+    var options = Object.assign({}, {
+      suppressScrollX: true,
+      suppressScrollY: this.state.sidebarMinimized
+    }); // sidebar-nav root
+
+    return /*#__PURE__*/_react["default"].createElement(_reactPerfectScrollbar["default"], _extends({
+      className: navClasses
+    }, attributes, {
+      options: options,
+      ref: function ref(_ref) {
+        _this6._scrollBarRef = _ref;
+      }
+    }), /*#__PURE__*/_react["default"].createElement(_reactstrap.Nav, null, children || this.navList(navConfig.items)));
   };
 
   return AppSidebarNav2;
@@ -292,6 +369,6 @@ var AppSidebarNav2 = function (_Component) {
 
 AppSidebarNav2.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarNav2.defaultProps = defaultProps;
-
-exports.default = AppSidebarNav2;
-module.exports = exports['default'];
+var _default = AppSidebarNav2;
+exports["default"] = _default;
+module.exports = exports.default;