@coreui/react 2.5.4 → 2.5.8

package/es/SidebarMinimizer.js

@@ -1,71 +1,67 @@
-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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 import LayoutHelper from './Shared/layout/layout';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   type: PropTypes.string
-};
-
+} : {};
 var defaultProps = {
   tag: 'button',
   type: 'button'
 };
 
-var AppSidebarMinimizer = function (_Component) {
-  _inherits(AppSidebarMinimizer, _Component);
+var AppSidebarMinimizer = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarMinimizer, _Component);
 
   function AppSidebarMinimizer(props) {
-    _classCallCheck(this, AppSidebarMinimizer);
+    var _this;
 
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
-    _this.handleClick = _this.handleClick.bind(_this);
+    _this = _Component.call(this, props) || this;
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  AppSidebarMinimizer.prototype.componentDidMount = function componentDidMount() {
+  var _proto = AppSidebarMinimizer.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
     var isMinimized = document.body.classList.contains('sidebar-minimized');
     LayoutHelper.sidebarPSToggle(!isMinimized);
   };
 
-  AppSidebarMinimizer.prototype.handleClick = function handleClick() {
+  _proto.handleClick = function handleClick() {
     LayoutHelper.sidebarToggle();
   };
 
-  AppSidebarMinimizer.prototype.render = function render() {
+  _proto.render = function render() {
     var _this2 = this;
 
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        Tag = _props.tag,
-        type = _props.type,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag', 'type']);
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        Tag = _this$props.tag,
+        type = _this$props.type,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "tag", "type"]);
 
     var classes = classNames(className, 'sidebar-minimizer', 'mt-auto');
-
-    return React.createElement(
-      Tag,
-      _extends({ className: classes, type: type }, attributes, { onClick: function onClick(event) {
-          return _this2.handleClick(event);
-        } }),
-      children
-    );
+    return /*#__PURE__*/React.createElement(Tag, _extends({
+      className: classes,
+      type: type
+    }, attributes, {
+      onClick: function onClick(event) {
+        return _this2.handleClick(event);
+      }
+    }), children);
   };
 
   return AppSidebarMinimizer;
@@ -73,5 +69,4 @@ var AppSidebarMinimizer = function (_Component) {
 
 AppSidebarMinimizer.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarMinimizer.defaultProps = defaultProps;
-
 export default AppSidebarMinimizer;

package/es/SidebarNav.js

@@ -1,12 +1,10 @@
-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 _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 _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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 import React, { Component } from 'react';
 import { NavLink } from 'react-router-dom';
@@ -15,8 +13,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import PerfectScrollbar from 'react-perfect-scrollbar';
 import 'react-perfect-scrollbar/dist/css/styles.css';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   navConfig: PropTypes.any,
@@ -24,8 +21,7 @@ var propTypes = {
   isOpen: PropTypes.bool,
   staticContext: PropTypes.any,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'nav',
   navConfig: {
@@ -33,216 +29,187 @@ 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 = classNames('nav-title', title.class);
-    return React.createElement(
-      'li',
-      { key: key, className: classes },
-      this.navWrapper(title),
-      ' '
-    );
-  };
-
-  // simple wrapper for nav-title item
-
-
-  AppSidebarNav.prototype.navWrapper = function navWrapper(item) {
+  } // nav list section title
+  ;
+
+  _proto.navTitle = function navTitle(title, key) {
+    var classes = classNames('nav-title', title["class"]);
+    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
-
-
-  AppSidebarNav.prototype.navDivider = function navDivider(divider, key) {
-    var classes = classNames('divider', divider.class);
-    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"]);
+    return /*#__PURE__*/React.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: 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
-
-
-  AppSidebarNav.prototype.navDropdown = function navDropdown(item, key) {
+  _proto.navDropdown = function navDropdown(item, key) {
     var classIcon = classNames('nav-icon', item.icon);
     var attributes = JSON.parse(JSON.stringify(item.attributes || {}));
-    var classes = classNames('nav-link', 'nav-dropdown-toggle', item.class, attributes.class);
-    delete attributes.class;
-    return React.createElement(
-      'li',
-      { key: key, className: this.activeRoute(item.url, this.props) },
-      React.createElement(
-        'a',
-        _extends({ className: classes, href: '#', onClick: this.handleClick }, attributes),
-        React.createElement('i', { className: classIcon }),
-        item.name,
-        this.navBadge(item.badge)
-      ),
-      React.createElement(
-        'ul',
-        { className: 'nav-dropdown-items' },
-        this.navList(item.children)
-      )
-    );
-  };
-
-  // nav item with nav link
-
-
-  AppSidebarNav.prototype.navItem = function navItem(item, key) {
+    var classes = classNames('nav-link', 'nav-dropdown-toggle', item["class"], attributes["class"]);
+    delete attributes["class"];
+    return /*#__PURE__*/React.createElement("li", {
+      key: key,
+      className: this.activeRoute(item.url, this.props)
+    }, /*#__PURE__*/React.createElement("a", _extends({
+      className: classes,
+      href: "#",
+      onClick: this.handleClick
+    }, attributes), /*#__PURE__*/React.createElement("i", {
+      className: classIcon
+    }), 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);
-  };
-
-  // nav link
-
+  } // nav link
+  ;
 
-  AppSidebarNav.prototype.navLink = function navLink(item, key, classes) {
+  _proto.navLink = function navLink(item, key, classes) {
     var url = item.url || '';
-    var itemIcon = React.createElement('i', { className: classes.icon });
+    var itemIcon = /*#__PURE__*/React.createElement("i", {
+      className: classes.icon
+    });
     var itemBadge = this.navBadge(item.badge);
     var attributes = item.attributes || {};
-    return React.createElement(
-      NavItem,
-      { key: key, className: classes.item },
-      attributes.disabled ? React.createElement(
-        RsNavLink,
-        _extends({ href: '', className: classes.link }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      ) : this.isExternal(url) ? 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: this.hideMobile }, attributes),
-        itemIcon,
-        item.name,
-        itemBadge
-      )
-    );
-  };
-
-  // badge addon to NavItem
-
-
-  AppSidebarNav.prototype.navBadge = function navBadge(badge) {
+    return /*#__PURE__*/React.createElement(NavItem, {
+      key: key,
+      className: classes.item
+    }, attributes.disabled ? /*#__PURE__*/React.createElement(RsNavLink, _extends({
+      href: '',
+      className: classes.link
+    }, attributes), itemIcon, item.name, itemBadge) : this.isExternal(url) ? /*#__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: this.hideMobile
+    }, attributes), itemIcon, item.name, itemBadge));
+  } // badge addon to NavItem
+  ;
+
+  _proto.navBadge = function navBadge(badge) {
     if (badge) {
-      var classes = classNames(badge.class);
-      return React.createElement(
-        Badge,
-        { className: classes, color: badge.variant },
-        badge.text
-      );
+      var classes = classNames(badge["class"]);
+      return /*#__PURE__*/React.createElement(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 = classNames(className, 'sidebar-nav'); // ToDo: find better rtl fix
 
-    var navClasses = classNames(className, 'sidebar-nav');
-
-    // ToDo: find better rtl fix
-    var isRtl = getComputedStyle(document.documentElement).direction === 'rtl';
-
-    // sidebar-nav root
-    return React.createElement(
-      PerfectScrollbar,
-      _extends({ className: navClasses }, attributes, { options: { suppressScrollX: !isRtl } }),
-      React.createElement(
-        Nav,
-        null,
-        children || this.navList(navConfig.items)
-      )
-    );
+    var isRtl = getComputedStyle(document.documentElement).direction === 'rtl'; // sidebar-nav root
+
+    return /*#__PURE__*/React.createElement(PerfectScrollbar, _extends({
+      className: navClasses
+    }, attributes, {
+      options: {
+        suppressScrollX: !isRtl
+      }
+    }), /*#__PURE__*/React.createElement(Nav, null, children || this.navList(navConfig.items)));
   };
 
   return AppSidebarNav;
@@ -250,5 +217,4 @@ var AppSidebarNav = function (_Component) {
 
 AppSidebarNav.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarNav.defaultProps = defaultProps;
-
 export default AppSidebarNav;