@coreui/react 2.5.7 → 2.5.8

package/lib/SidebarNav.js

@@ -1,51 +1,45 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
+exports["default"] = void 0;
 
-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 _react = _interopRequireWildcard(require("react"));
 
-var _react = require('react');
+var _reactRouterDom = require("react-router-dom");
 
-var _react2 = _interopRequireDefault(_react);
+var _reactstrap = require("reactstrap");
 
-var _reactRouterDom = require('react-router-dom');
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _reactstrap = require('reactstrap');
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classnames = require('classnames');
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
 
-var _classnames2 = _interopRequireDefault(_classnames);
+require("react-perfect-scrollbar/dist/css/styles.css");
 
-var _propTypes = require('prop-types');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _reactPerfectScrollbar = require('react-perfect-scrollbar');
+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; }
 
-var _reactPerfectScrollbar2 = _interopRequireDefault(_reactPerfectScrollbar);
+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; }
 
-require('react-perfect-scrollbar/dist/css/styles.css');
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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])
-};
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
+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])
+} : {};
 var defaultProps = {
   tag: 'nav',
   navConfig: {
@@ -53,216 +47,189 @@ var defaultProps = {
       name: 'Dashboard',
       url: '/dashboard',
       icon: 'icon-speedometer',
-      badge: { variant: 'info', text: 'NEW' }
+      badge: {
+        variant: 'info',
+        text: 'NEW'
+      }
     }]
   },
   isOpen: false
 };
 
-var AppSidebarNav = function (_Component) {
-  _inherits(AppSidebarNav, _Component);
+var AppSidebarNav = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarNav, _Component);
 
   function AppSidebarNav(props) {
-    _classCallCheck(this, AppSidebarNav);
-
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+    var _this;
 
-    _this.handleClick = _this.handleClick.bind(_this);
-    _this.activeRoute = _this.activeRoute.bind(_this);
-    _this.hideMobile = _this.hideMobile.bind(_this);
+    _this = _Component.call(this, props) || this;
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    _this.activeRoute = _this.activeRoute.bind(_assertThisInitialized(_this));
+    _this.hideMobile = _this.hideMobile.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  AppSidebarNav.prototype.handleClick = function handleClick(e) {
+  var _proto = AppSidebarNav.prototype;
+
+  _proto.handleClick = function handleClick(e) {
     e.preventDefault();
     e.currentTarget.parentElement.classList.toggle('open');
   };
 
-  AppSidebarNav.prototype.activeRoute = function activeRoute(routeName, props) {
+  _proto.activeRoute = function activeRoute(routeName, props) {
     return props.location.pathname.indexOf(routeName) > -1 ? 'nav-item nav-dropdown open' : 'nav-item nav-dropdown';
   };
 
-  AppSidebarNav.prototype.hideMobile = function hideMobile() {
+  _proto.hideMobile = function hideMobile() {
     if (document.body.classList.contains('sidebar-show')) {
       document.body.classList.toggle('sidebar-show');
     }
-  };
-
-  // nav list
+  } // nav list
+  ;
 
-
-  AppSidebarNav.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
+  ;
 
-
-  AppSidebarNav.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
-
-
-  AppSidebarNav.prototype.navTitle = function navTitle(title, key) {
-    var classes = (0, _classnames2.default)('nav-title', title.class);
-    return _react2.default.createElement(
-      'li',
-      { key: key, className: classes },
-      this.navWrapper(title),
-      ' '
-    );
-  };
-
-  // simple wrapper for nav-title item
-
-
-  AppSidebarNav.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
-
-
-  AppSidebarNav.prototype.navDivider = function navDivider(divider, key) {
-    var classes = (0, _classnames2.default)('divider', divider.class);
-    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"]);
+    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"]);
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: key,
+      className: classes
+    });
+  } // nav label with nav link
+  ;
 
-  AppSidebarNav.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
-
-
-  AppSidebarNav.prototype.navDropdown = function navDropdown(item, key) {
-    var classIcon = (0, _classnames2.default)('nav-icon', item.icon);
+  _proto.navDropdown = function navDropdown(item, key) {
+    var classIcon = (0, _classnames["default"])('nav-icon', item.icon);
     var attributes = JSON.parse(JSON.stringify(item.attributes || {}));
-    var classes = (0, _classnames2.default)('nav-link', 'nav-dropdown-toggle', item.class, attributes.class);
-    delete attributes.class;
-    return _react2.default.createElement(
-      'li',
-      { key: key, className: this.activeRoute(item.url, this.props) },
-      _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
-
-
-  AppSidebarNav.prototype.navItem = function navItem(item, key) {
+    var classes = (0, _classnames["default"])('nav-link', 'nav-dropdown-toggle', item["class"], attributes["class"]);
+    delete attributes["class"];
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: key,
+      className: this.activeRoute(item.url, this.props)
+    }, /*#__PURE__*/_react["default"].createElement("a", _extends({
+      className: classes,
+      href: "#",
+      onClick: this.handleClick
+    }, attributes), /*#__PURE__*/_react["default"].createElement("i", {
+      className: classIcon
+    }), 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
+  ;
 
-  // nav link
+  _proto.navLink = function navLink(item, key, classes) {
+    var url = item.url || '';
 
+    var itemIcon = /*#__PURE__*/_react["default"].createElement("i", {
+      className: classes.icon
+    });
 
-  AppSidebarNav.prototype.navLink = function navLink(item, key, classes) {
-    var url = item.url || '';
-    var itemIcon = _react2.default.createElement('i', { className: classes.icon });
     var itemBadge = this.navBadge(item.badge);
     var attributes = item.attributes || {};
-    return _react2.default.createElement(
-      _reactstrap.NavItem,
-      { key: key, className: classes.item },
-      attributes.disabled ? _react2.default.createElement(
-        _reactstrap.NavLink,
-        _extends({ href: '', className: classes.link }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : this.isExternal(url) ? _react2.default.createElement(
-        _reactstrap.NavLink,
-        _extends({ href: url, className: classes.link, active: true }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : _react2.default.createElement(
-        _reactRouterDom.NavLink,
-        _extends({ to: url, className: classes.link, activeClassName: 'active', onClick: this.hideMobile }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      )
-    );
-  };
-
-  // badge addon to NavItem
-
-
-  AppSidebarNav.prototype.navBadge = function navBadge(badge) {
+    return /*#__PURE__*/_react["default"].createElement(_reactstrap.NavItem, {
+      key: key,
+      className: classes.item
+    }, attributes.disabled ? /*#__PURE__*/_react["default"].createElement(_reactstrap.NavLink, _extends({
+      href: '',
+      className: classes.link
+    }, attributes), itemIcon, item.name, itemBadge) : this.isExternal(url) ? /*#__PURE__*/_react["default"].createElement(_reactstrap.NavLink, _extends({
+      href: url,
+      className: classes.link,
+      active: true
+    }, attributes), itemIcon, item.name, itemBadge) : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.NavLink, _extends({
+      to: url,
+      className: classes.link,
+      activeClassName: "active",
+      onClick: this.hideMobile
+    }, attributes), itemIcon, item.name, itemBadge));
+  } // badge addon to NavItem
+  ;
+
+  _proto.navBadge = function navBadge(badge) {
     if (badge) {
-      var classes = (0, _classnames2.default)(badge.class);
-      return _react2.default.createElement(
-        _reactstrap.Badge,
-        { className: classes, color: badge.variant },
-        badge.text
-      );
+      var classes = (0, _classnames["default"])(badge["class"]);
+      return /*#__PURE__*/_react["default"].createElement(_reactstrap.Badge, {
+        className: classes,
+        color: badge.variant
+      }, badge.text);
     }
+
     return null;
   };
 
-  AppSidebarNav.prototype.isExternal = function isExternal(url) {
+  _proto.isExternal = function isExternal(url) {
     var link = url ? url.substring(0, 4) : '';
     return link === 'http';
   };
 
-  AppSidebarNav.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        navConfig = _props.navConfig,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'navConfig']);
+  _proto.render = function render() {
+    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;
+    var navClasses = (0, _classnames["default"])(className, 'sidebar-nav'); // ToDo: find better rtl fix
 
-    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 isRtl = getComputedStyle(document.documentElement).direction === 'rtl'; // sidebar-nav root
+
+    return /*#__PURE__*/_react["default"].createElement(_reactPerfectScrollbar["default"], _extends({
+      className: navClasses
+    }, attributes, {
+      options: {
+        suppressScrollX: !isRtl
+      }
+    }), /*#__PURE__*/_react["default"].createElement(_reactstrap.Nav, null, children || this.navList(navConfig.items)));
   };
 
   return AppSidebarNav;
@@ -270,6 +237,6 @@ var AppSidebarNav = function (_Component) {
 
 AppSidebarNav.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarNav.defaultProps = defaultProps;
-
-exports.default = AppSidebarNav;
-module.exports = exports['default'];
+var _default = AppSidebarNav;
+exports["default"] = _default;
+module.exports = exports.default;