@coreui/react 2.5.7 → 2.5.8

package/es/SidebarNav2.js

@@ -1,14 +1,12 @@
-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; };
+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; }
 
-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; };
+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; }
+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; }
 
 import React, { Component } from 'react';
 import { Badge, Nav, NavItem, NavLink as RsNavLink } from 'reactstrap';
@@ -17,10 +15,8 @@ import PropTypes from 'prop-types';
 import PerfectScrollbar from 'react-perfect-scrollbar';
 import 'react-perfect-scrollbar/dist/css/styles.css';
 import '../css/scrollbar.css';
-
 import LayoutHelper from './Shared/layout/layout';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   navConfig: PropTypes.any,
@@ -30,8 +26,7 @@ var propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   router: PropTypes.any,
   props: PropTypes.any
-};
-
+} : {};
 var defaultProps = {
   tag: 'nav',
   navConfig: {
@@ -39,174 +34,165 @@ var defaultProps = {
       name: 'Dashboard',
       url: '/dashboard',
       icon: 'icon-speedometer',
-      badge: { variant: 'info', text: 'NEW' }
+      badge: {
+        variant: 'info',
+        text: 'NEW'
+      }
     }]
   },
   isOpen: false,
-  router: { RsNavLink: RsNavLink }
+  router: {
+    RsNavLink: RsNavLink
+  }
 };
 
-var AppSidebarNav2 = function (_Component) {
-  _inherits(AppSidebarNav2, _Component);
+var AppSidebarNav2 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarNav2, _Component);
 
   function AppSidebarNav2(props) {
-    _classCallCheck(this, AppSidebarNav2);
-
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
-    _this._scrollBarRef = null;
+    var _this;
 
+    _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 };
+    _this.state = {
+      sidebarMinimized: false
+    };
     return _this;
   }
 
-  AppSidebarNav2.prototype.handleClick = function handleClick(e, item) {
+  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.isActiveRoute = function isActiveRoute(routeName, props) {
+  _proto.isActiveRoute = function isActiveRoute(routeName, props) {
     return props.location.pathname.indexOf(routeName) > -1;
   };
 
-  AppSidebarNav2.prototype.activeRoute = function activeRoute(routeName, props) {
+  _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) {
+  _proto.getAttribs = function getAttribs(attributes) {
     return _extends({}, attributes);
-  };
+  } // nav list
+  ;
 
-  // 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 = classNames('nav-title', title.class, title.className);
-    return React.createElement(
-      'li',
-      { key: key, className: classes },
-      this.navWrapper(title),
-      ' '
-    );
-  };
-
-  // simple wrapper for nav-title item
-
-
-  AppSidebarNav2.prototype.navWrapper = function navWrapper(item) {
+  } // nav list section title
+  ;
+
+  _proto.navTitle = function navTitle(title, key) {
+    var classes = classNames('nav-title', title["class"], title.className);
+    return /*#__PURE__*/React.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.createElement(item.wrapper.element, item.wrapper.attributes, item.name) : item.name;
-  };
-
-  // nav list divider
-
-
-  AppSidebarNav2.prototype.navDivider = function navDivider(divider, key) {
-    var classes = classNames('divider', divider.class, divider.className);
-    return React.createElement('li', { key: key, className: classes });
-  };
-
-  // nav label with nav link
-
+  } // nav list divider
+  ;
+
+  _proto.navDivider = function navDivider(divider, key) {
+    var classes = classNames('divider', divider["class"], divider.className);
+    return /*#__PURE__*/React.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: classNames('hidden-cn', item.class),
-      link: classNames('nav-label', item.class ? item.class : ''),
-      icon: classNames('nav-icon', !item.icon ? 'fa fa-circle' : item.icon, item.label.variant ? 'text-' + item.label.variant : '', item.label.class ? item.label.class : '')
+      item: classNames('hidden-cn', item["class"]),
+      link: classNames('nav-label', item["class"] ? item["class"] : ''),
+      icon: classNames('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
+  ;
 
-
-  AppSidebarNav2.prototype.navDropdown = function navDropdown(item, key) {
+  _proto.navDropdown = function navDropdown(item, key) {
     var _this3 = this;
 
     var itemIcon = this.navIcon(item);
     var attributes = this.getAttribs(item.attributes);
-    var classes = classNames('nav-link', 'nav-dropdown-toggle', item.class, attributes.class, attributes.className);
-    delete attributes.class;
+    var classes = classNames('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 = classNames('nav-item', 'nav-dropdown', itemAttr.class, itemAttr.className);
-    delete itemAttr.class;
+    var liClasses = classNames('nav-item', 'nav-dropdown', itemAttr["class"], itemAttr.className);
+    delete itemAttr["class"];
     delete itemAttr.className;
     var NavLink = this.props.router.NavLink || RsNavLink;
-
-    return React.createElement(
-      'li',
-      _extends({ key: key, className: classNames(liClasses, { 'open': this.isActiveRoute(item.url, this.props) }) }, itemAttr),
-      React.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)
-      ),
-      React.createElement(
-        'ul',
-        { className: 'nav-dropdown-items' },
-        this.navList(item.children)
-      )
-    );
-  };
-
-  // nav item with nav link
-
-
-  AppSidebarNav2.prototype.navItem = function navItem(item, key) {
+    return /*#__PURE__*/React.createElement("li", _extends({
+      key: key,
+      className: classNames(liClasses, {
+        'open': this.isActiveRoute(item.url, this.props)
+      })
+    }, itemAttr), /*#__PURE__*/React.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.createElement("ul", {
+      className: "nav-dropdown-items"
+    }, this.navList(item.children)));
+  } // nav item with nav link
+  ;
+
+  _proto.navItem = function navItem(item, key) {
     var classes = {
-      item: classNames(item.class),
-      link: classNames('nav-link', item.variant ? 'nav-link-' + item.variant : ''),
+      item: classNames(item["class"]),
+      link: classNames('nav-link', item.variant ? "nav-link-" + item.variant : ''),
       icon: classNames('nav-icon', item.icon)
     };
     return this.navLink(item, key, classes);
   };
 
-  AppSidebarNav2.prototype.navIcon = function navIcon(item) {
+  _proto.navIcon = function navIcon(item) {
     var icon = item.icon;
-    var iconObject = (typeof icon === 'undefined' ? 'undefined' : _typeof(icon)) === 'object' && icon !== null ? _extends({ iconClass: icon.class, iconClassName: icon.className }, icon) : { iconClass: 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,
@@ -214,24 +200,24 @@ var AppSidebarNav2 = function (_Component) {
         attributes = iconObject.attributes;
 
     var iconAttr = _extends({}, attributes);
-    delete iconAttr.class;
+
+    delete iconAttr["class"];
     delete iconAttr.className;
     delete iconAttr.img;
     var iconImg = img && img.src ? img : null;
     var iconInner = innerText || null;
     var classIcon = classNames('nav-icon', iconClass, iconClassName);
-    var iconComponent = iconImg ? React.createElement('img', _extends({}, iconAttr, { className: classIcon, src: iconImg.src })) : React.createElement(
-      'i',
-      _extends({}, iconAttr, { className: classIcon }),
-      iconInner
-    );
+    var iconComponent = iconImg ? /*#__PURE__*/React.createElement("img", _extends({}, iconAttr, {
+      className: classIcon,
+      src: iconImg.src
+    })) : /*#__PURE__*/React.createElement("i", _extends({}, iconAttr, {
+      className: classIcon
+    }), iconInner);
     return iconComponent;
-  };
+  } // nav link
+  ;
 
-  // nav link
-
-
-  AppSidebarNav2.prototype.navLink = function navLink(item, key, classes) {
+  _proto.navLink = function navLink(item, key, classes) {
     var _this4 = this;
 
     var ref = React.createRef();
@@ -239,72 +225,65 @@ var AppSidebarNav2 = function (_Component) {
     var itemIcon = this.navIcon(item);
     var itemBadge = this.navBadge(item.badge);
     var attributes = this.getAttribs(item.attributes);
-    classes.link = classNames(classes.link, attributes.class, attributes.className);
-    delete attributes.class;
+    classes.link = classNames(classes.link, attributes["class"], attributes.className);
+    delete attributes["class"];
     delete attributes.className;
     var itemAttr = this.getAttribs(item.itemAttr);
-    classes.item = classNames(classes.item, itemAttr.class, itemAttr.className);
-    delete itemAttr.class;
+    classes.item = classNames(classes.item, itemAttr["class"], itemAttr.className);
+    delete itemAttr["class"];
     delete itemAttr.className;
     var NavLink = this.props.router.NavLink || RsNavLink;
-    return React.createElement(
-      NavItem,
-      _extends({ key: key, className: classes.item }, itemAttr),
-      attributes.disabled ? React.createElement(
-        RsNavLink,
-        _extends({ href: '', className: classes.link }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : this.isExternal(url, this.props) || NavLink === RsNavLink ? React.createElement(
-        RsNavLink,
-        _extends({ href: url, className: classes.link, active: true }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : React.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
-
-
-  AppSidebarNav2.prototype.navBadge = function navBadge(badge) {
+    return /*#__PURE__*/React.createElement(NavItem, _extends({
+      key: key,
+      className: classes.item
+    }, itemAttr), attributes.disabled ? /*#__PURE__*/React.createElement(RsNavLink, _extends({
+      href: '',
+      className: classes.link
+    }, attributes), itemIcon, item.name, itemBadge) : this.isExternal(url, this.props) || NavLink === RsNavLink ? /*#__PURE__*/React.createElement(RsNavLink, _extends({
+      href: url,
+      className: classes.link,
+      active: true
+    }, attributes), itemIcon, item.name, itemBadge) : /*#__PURE__*/React.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 = classNames(badge.class, badge.className);
-      return React.createElement(
-        Badge,
-        { className: classes, color: badge.variant },
-        badge.text
-      );
+      var classes = classNames(badge["class"], badge.className);
+      return /*#__PURE__*/React.createElement(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.observeDomMutations = function observeDomMutations() {
+  _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 });
+
+        _this5.setState({
+          sidebarMinimized: isSidebarMinimized
+        });
 
         LayoutHelper.sidebarPSToggle(!isSidebarMinimized);
       });
@@ -314,18 +293,19 @@ var AppSidebarNav2 = function (_Component) {
         attributeFilter: ['class']
       });
     }
+
     window.addEventListener('resize', this.onResize);
   };
 
-  AppSidebarNav2.prototype.onResize = function onResize() {
+  _proto.onResize = function onResize() {
     LayoutHelper.sidebarPSToggle(true);
   };
 
-  AppSidebarNav2.prototype.componentDidMount = function componentDidMount() {
+  _proto.componentDidMount = function componentDidMount() {
     this.observeDomMutations();
   };
 
-  AppSidebarNav2.prototype.componentWillUnmount = function componentWillUnmount() {
+  _proto.componentWillUnmount = function componentWillUnmount() {
     try {
       this.changes.disconnect();
       window.removeEventListener('resize', this.onResize);
@@ -335,36 +315,33 @@ var AppSidebarNav2 = function (_Component) {
     }
   };
 
-  AppSidebarNav2.prototype.render = function render() {
+  _proto.render = function render() {
     var _this6 = this;
 
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        navConfig = _props.navConfig,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'navConfig']);
+    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 = classNames(className, 'sidebar-nav');
-
-    var options = Object.assign({}, { suppressScrollX: true, suppressScrollY: this.state.sidebarMinimized });
-
-    // sidebar-nav root
-    return React.createElement(
-      PerfectScrollbar,
-      _extends({ className: navClasses }, attributes, { options: options, ref: function ref(_ref) {
-          _this6._scrollBarRef = _ref;
-        } }),
-      React.createElement(
-        Nav,
-        null,
-        children || this.navList(navConfig.items)
-      )
-    );
+    var options = Object.assign({}, {
+      suppressScrollX: true,
+      suppressScrollY: this.state.sidebarMinimized
+    }); // sidebar-nav root
+
+    return /*#__PURE__*/React.createElement(PerfectScrollbar, _extends({
+      className: navClasses
+    }, attributes, {
+      options: options,
+      ref: function ref(_ref) {
+        _this6._scrollBarRef = _ref;
+      }
+    }), /*#__PURE__*/React.createElement(Nav, null, children || this.navList(navConfig.items)));
   };
 
   return AppSidebarNav2;
@@ -372,5 +349,4 @@ var AppSidebarNav2 = function (_Component) {
 
 AppSidebarNav2.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarNav2.defaultProps = defaultProps;
-
 export default AppSidebarNav2;