@coreui/react 2.5.4 → 2.5.8

package/es/Shared/layout/layout.js

@@ -1,40 +1,78 @@
-var _class, _temp;
+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; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var LayoutHelper = (_temp = _class = function () {
-  function LayoutHelper() {
-    _classCallCheck(this, LayoutHelper);
-  }
+var LayoutHelper = /*#__PURE__*/function () {
+  function LayoutHelper() {}
 
   LayoutHelper.sidebarToggle = function sidebarToggle(toggle) {
     var minimize = arguments.length ? toggle : !this.elClassList.contains('sidebar-minimized');
     this.sidebarMinimize(minimize);
     this.brandMinimize(minimize);
-    this.sidebarPSToggle(!minimize); /*remove PS on sidebar minimized*/
+    this.sidebarPSToggle(!minimize);
+    /*remove PS on sidebar minimized*/
   };
 
   LayoutHelper.sidebarMinimize = function sidebarMinimize(force) {
-    // return this.elClassList.toggle('sidebar-minimized', force);
     return this.toggleClass('sidebar-minimized', force);
   };
 
   LayoutHelper.brandMinimize = function brandMinimize(force) {
-    // this.elClassList.toggle('brand-minimized', force);
     this.toggleClass('brand-minimized', force);
-  };
-
-  //  sidebar perfect scrollbar
-
+  } //  sidebar perfect scrollbar ugly hack
+  ;
 
   LayoutHelper.sidebarPSToggle = function sidebarPSToggle(toggle) {
+    if (this.isOnMobile()) {
+      toggle = true;
+    } else {
+      var isSidebarMinimized = document.body.classList.contains('sidebar-minimized') || false;
+      toggle = !isSidebarMinimized;
+    }
+
+    var ps = {
+      y: {
+        rail: {},
+        thumb: {}
+      }
+    };
+    var isRtl = getComputedStyle(document.documentElement).direction === 'rtl';
     var sidebar = document.querySelector('.sidebar-nav');
+    ps.y.rail.on = document.querySelector('.sidebar-nav .ps__rail-y');
+    ps.y.rail.off = document.querySelector('.sidebar-nav .ps__rail-y-off');
+    ps.y.thumb.on = document.querySelector('.sidebar-nav .ps__thumb-y');
+    ps.y.thumb.off = document.querySelector('.sidebar-nav .ps__thumb-y-off');
+
     if (sidebar) {
       if (toggle) {
         sidebar.classList.add('ps');
         sidebar.classList.add('ps-container');
         sidebar.classList.add('ps--active-y');
+
+        if (ps.y.rail.off) {
+          ps.y.rail.off.classList.add('ps__rail-y');
+          ps.y.rail.off.removeAttribute('style');
+          ps.y.rail.off.style.left = isRtl ? '0px' : 'unset';
+          ps.y.rail.off.style.right = isRtl ? 'unset' : '0px';
+          ps.y.rail.off.classList.remove('ps__rail-y-off');
+        }
+
+        if (ps.y.thumb.off) {
+          ps.y.thumb.off.removeAttribute('style');
+          ps.y.thumb.off.classList.add('ps__thumb-y');
+          ps.y.thumb.off.classList.remove('ps__thumb-y-off');
+        }
       } else {
+        if (ps.y.rail.on) {
+          ps.y.rail.on.classList.add('ps__rail-y-off');
+          ps.y.rail.on.removeAttribute('style');
+          ps.y.rail.on.classList.remove('ps__rail-y');
+        }
+
+        if (ps.y.thumb.on) {
+          ps.y.thumb.on.classList.add('ps__thumb-y-off');
+          ps.y.thumb.on.removeAttribute('style');
+          ps.y.thumb.on.classList.remove('ps__thumb-y');
+        }
+
         sidebar.classList.remove('ps');
         sidebar.classList.remove('ps-container');
         sidebar.classList.remove('ps--active-y');
@@ -43,7 +81,6 @@ var LayoutHelper = (_temp = _class = function () {
   };
 
   LayoutHelper.toggleClass = function toggleClass(className, force) {
-
     if (force === true) {
       this.elClassList.add(className);
     } else if (force === false) {
@@ -51,11 +88,33 @@ var LayoutHelper = (_temp = _class = function () {
     } else {
       this.elClassList.toggle(className);
     }
+
     return this.elClassList.contains(className);
   };
 
+  LayoutHelper.isOnMobile = function isOnMobile() {
+    var onMobile = false;
+
+    try {
+      var minimizerElement = document.querySelector('.sidebar-minimizer');
+
+      if (minimizerElement) {
+        onMobile = getComputedStyle(minimizerElement).getPropertyValue('display') === 'none';
+      } else {
+        var sidebarElement = document.querySelector('.sidebar .sidebar-nav');
+        sidebarElement && (onMobile = getComputedStyle(sidebarElement).getPropertyValue('overflow-y') === 'auto');
+      }
+    } catch (ignore) {
+      // eslint-disable-next-line
+      console.warn('CoreUI isOnMobile failed to getComputedStyle', ignore);
+    }
+
+    return onMobile;
+  };
+
   return LayoutHelper;
-}(), _class.elClassList = document.body.classList, _temp);
+}();
 
+_defineProperty(LayoutHelper, "elClassList", document.body.classList);
 
 export default LayoutHelper;

package/es/Shared/toggle-classes.js

@@ -4,6 +4,7 @@ export default function toggleClasses(toggleClass, classList, force) {
   removeClassList.map(function (className) {
     return document.body.classList.remove(className);
   });
+
   if (force === true) {
     document.body.classList.add(toggleClass);
   } else if (force === false) {
@@ -11,5 +12,6 @@ export default function toggleClasses(toggleClass, classList, force) {
   } else {
     document.body.classList.toggle(toggleClass);
   }
+
   return document.body.classList.contains(toggleClass);
 }

package/es/Sidebar.js

@@ -1,23 +1,19 @@
-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 classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { sidebarCssClasses } from './Shared';
 import ClickOutHandler from 'react-onclickout';
-
 import './Shared/element-closest';
 import LayoutHelper from './Shared/layout/layout';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   compact: PropTypes.bool,
@@ -28,8 +24,7 @@ var propTypes = {
   offCanvas: PropTypes.bool,
   staticContext: PropTypes.any,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'div',
   compact: false,
@@ -40,24 +35,25 @@ var defaultProps = {
   offCanvas: false
 };
 
-var AppSidebar = function (_Component) {
-  _inherits(AppSidebar, _Component);
+var AppSidebar = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebar, _Component);
 
   function AppSidebar(props) {
-    _classCallCheck(this, AppSidebar);
-
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
-    _this.isCompact = _this.isCompact.bind(_this);
-    _this.isFixed = _this.isFixed.bind(_this);
-    _this.isMinimized = _this.isMinimized.bind(_this);
-    _this.isOffCanvas = _this.isOffCanvas.bind(_this);
-    _this.displayBreakpoint = _this.displayBreakpoint.bind(_this);
-    _this.hideMobile = _this.hideMobile.bind(_this);
+    var _this;
+
+    _this = _Component.call(this, props) || this;
+    _this.isCompact = _this.isCompact.bind(_assertThisInitialized(_this));
+    _this.isFixed = _this.isFixed.bind(_assertThisInitialized(_this));
+    _this.isMinimized = _this.isMinimized.bind(_assertThisInitialized(_this));
+    _this.isOffCanvas = _this.isOffCanvas.bind(_assertThisInitialized(_this));
+    _this.displayBreakpoint = _this.displayBreakpoint.bind(_assertThisInitialized(_this));
+    _this.hideMobile = _this.hideMobile.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  AppSidebar.prototype.componentDidMount = function componentDidMount() {
+  var _proto = AppSidebar.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
     this.displayBreakpoint(this.props.display);
     this.isCompact(this.props.compact);
     this.isFixed(this.props.fixed);
@@ -65,46 +61,47 @@ var AppSidebar = function (_Component) {
     this.isOffCanvas(this.props.offCanvas);
   };
 
-  AppSidebar.prototype.isCompact = function isCompact(compact) {
+  _proto.isCompact = function isCompact(compact) {
     if (compact) {
       document.body.classList.add('sidebar-compact');
     }
   };
 
-  AppSidebar.prototype.isFixed = function isFixed(fixed) {
+  _proto.isFixed = function isFixed(fixed) {
     if (fixed) {
       document.body.classList.add('sidebar-fixed');
     }
   };
 
-  AppSidebar.prototype.isMinimized = function isMinimized(minimized) {
+  _proto.isMinimized = function isMinimized(minimized) {
     LayoutHelper.sidebarToggle(minimized);
   };
 
-  AppSidebar.prototype.isOffCanvas = function isOffCanvas(offCanvas) {
+  _proto.isOffCanvas = function isOffCanvas(offCanvas) {
     if (offCanvas) {
       document.body.classList.add('sidebar-off-canvas');
     }
   };
 
-  AppSidebar.prototype.displayBreakpoint = function displayBreakpoint(display) {
-    var cssTemplate = 'sidebar-' + display + '-show';
+  _proto.displayBreakpoint = function displayBreakpoint(display) {
+    var cssTemplate = "sidebar-" + display + "-show";
     var _sidebarCssClasses$ = sidebarCssClasses[0],
         cssClass = _sidebarCssClasses$[0];
 
     if (display && sidebarCssClasses.indexOf(cssTemplate) > -1) {
       cssClass = cssTemplate;
     }
+
     document.body.classList.add(cssClass);
   };
 
-  AppSidebar.prototype.hideMobile = function hideMobile() {
+  _proto.hideMobile = function hideMobile() {
     if (document.body.classList.contains('sidebar-show')) {
       document.body.classList.remove('sidebar-show');
     }
   };
 
-  AppSidebar.prototype.onClickOut = function onClickOut(e) {
+  _proto.onClickOut = function onClickOut(e) {
     if (typeof window !== 'undefined' && document.body.classList.contains('sidebar-show')) {
       if (!e.target.closest('[data-sidebar-toggler]')) {
         this.hideMobile();
@@ -112,14 +109,14 @@ var AppSidebar = function (_Component) {
     }
   };
 
-  AppSidebar.prototype.render = function render() {
+  _proto.render = function render() {
     var _this2 = this;
 
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag']);
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        Tag = _this$props.tag,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "tag"]);
 
     delete attributes.compact;
     delete attributes.display;
@@ -128,21 +125,15 @@ var AppSidebar = function (_Component) {
     delete attributes.offCanvas;
     delete attributes.isOpen;
     delete attributes.staticContext;
+    var classes = classNames(className, 'sidebar'); // sidebar-nav root
 
-    var classes = classNames(className, 'sidebar');
-
-    // sidebar-nav root
-    return React.createElement(
-      ClickOutHandler,
-      { onClickOut: function onClickOut(e) {
-          _this2.onClickOut(e);
-        } },
-      React.createElement(
-        Tag,
-        _extends({ className: classes }, attributes),
-        children
-      )
-    );
+    return /*#__PURE__*/React.createElement(ClickOutHandler, {
+      onClickOut: function onClickOut(e) {
+        _this2.onClickOut(e);
+      }
+    }, /*#__PURE__*/React.createElement(Tag, _extends({
+      className: classes
+    }, attributes), children));
   };
 
   return AppSidebar;
@@ -150,5 +141,4 @@ var AppSidebar = function (_Component) {
 
 AppSidebar.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebar.defaultProps = defaultProps;
-
 export default AppSidebar;

package/es/SidebarFooter.js

@@ -1,50 +1,41 @@
-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 _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';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'div'
 };
 
-var AppSidebarFooter = function (_Component) {
-  _inherits(AppSidebarFooter, _Component);
+var AppSidebarFooter = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarFooter, _Component);
 
   function AppSidebarFooter() {
-    _classCallCheck(this, AppSidebarFooter);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _Component.apply(this, arguments) || this;
   }
 
-  AppSidebarFooter.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag']);
+  var _proto = AppSidebarFooter.prototype;
 
-    var classes = classNames(className, 'sidebar-footer');
-    var footer = children ? React.createElement(
-      Tag,
-      _extends({ className: classes }, attributes),
-      children
-    ) : null;
+  _proto.render = function render() {
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        Tag = _this$props.tag,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "tag"]);
 
+    var classes = classNames(className, 'sidebar-footer');
+    var footer = children ? /*#__PURE__*/React.createElement(Tag, _extends({
+      className: classes
+    }, attributes), children) : null;
     return footer;
   };
 
@@ -53,5 +44,4 @@ var AppSidebarFooter = function (_Component) {
 
 AppSidebarFooter.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarFooter.defaultProps = defaultProps;
-
 export default AppSidebarFooter;

package/es/SidebarForm.js

@@ -1,50 +1,41 @@
-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 _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';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'div'
 };
 
-var AppSidebarForm = function (_Component) {
-  _inherits(AppSidebarForm, _Component);
+var AppSidebarForm = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarForm, _Component);
 
   function AppSidebarForm() {
-    _classCallCheck(this, AppSidebarForm);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _Component.apply(this, arguments) || this;
   }
 
-  AppSidebarForm.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag']);
+  var _proto = AppSidebarForm.prototype;
 
-    var classes = classNames(className, 'sidebar-form');
-    var form = children ? React.createElement(
-      Tag,
-      _extends({ className: classes }, attributes),
-      children
-    ) : null;
+  _proto.render = function render() {
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        Tag = _this$props.tag,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "tag"]);
 
+    var classes = classNames(className, 'sidebar-form');
+    var form = children ? /*#__PURE__*/React.createElement(Tag, _extends({
+      className: classes
+    }, attributes), children) : null;
     return form;
   };
 
@@ -53,5 +44,4 @@ var AppSidebarForm = function (_Component) {
 
 AppSidebarForm.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarForm.defaultProps = defaultProps;
-
 export default AppSidebarForm;

package/es/SidebarHeader.js

@@ -1,50 +1,41 @@
-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 _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';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'div'
 };
 
-var AppSidebarHeader = function (_Component) {
-  _inherits(AppSidebarHeader, _Component);
+var AppSidebarHeader = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarHeader, _Component);
 
   function AppSidebarHeader() {
-    _classCallCheck(this, AppSidebarHeader);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _Component.apply(this, arguments) || this;
   }
 
-  AppSidebarHeader.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag']);
+  var _proto = AppSidebarHeader.prototype;
 
-    var classes = classNames(className, 'sidebar-header');
-    var header = children ? React.createElement(
-      Tag,
-      _extends({ className: classes }, attributes),
-      children
-    ) : null;
+  _proto.render = function render() {
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        Tag = _this$props.tag,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "tag"]);
 
+    var classes = classNames(className, 'sidebar-header');
+    var header = children ? /*#__PURE__*/React.createElement(Tag, _extends({
+      className: classes
+    }, attributes), children) : null;
     return header;
   };
 
@@ -53,5 +44,4 @@ var AppSidebarHeader = function (_Component) {
 
 AppSidebarHeader.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarHeader.defaultProps = defaultProps;
-
 export default AppSidebarHeader;