@coreui/react 2.5.4 → 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';
@@ -16,8 +14,9 @@ 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 = {
+import '../css/scrollbar.css';
+import LayoutHelper from './Shared/layout/layout';
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   navConfig: PropTypes.any,
@@ -27,8 +26,7 @@ var propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   router: PropTypes.any,
   props: PropTypes.any
-};
-
+} : {};
 var defaultProps = {
   tag: 'nav',
   navConfig: {
@@ -36,236 +34,314 @@ 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;
+
+    _this = _Component.call(this, props) || this;
 
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+    _defineProperty(_assertThisInitialized(_this), "_scrollBarRef", null);
 
-    _this.handleClick = _this.handleClick.bind(_this);
-    _this.activeRoute = _this.activeRoute.bind(_this);
-    _this.hideMobile = _this.hideMobile.bind(_this);
+    _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 = 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
+  ;
 
+  _proto.navDropdown = function navDropdown(item, key) {
+    var _this3 = this;
 
-  AppSidebarNav2.prototype.navDropdown = function navDropdown(item, key) {
-    var classIcon = classNames('nav-icon', item.icon);
+    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(this.activeRoute(item.url, this.props), itemAttr.class, itemAttr.className);
-    delete itemAttr.class;
+    var liClasses = classNames('nav-item', 'nav-dropdown', itemAttr["class"], itemAttr.className);
+    delete itemAttr["class"];
     delete itemAttr.className;
-    return React.createElement(
-      'li',
-      _extends({ key: key, className: liClasses }, itemAttr),
-      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
-
-
-  AppSidebarNav2.prototype.navItem = function navItem(item, key) {
+    var NavLink = this.props.router.NavLink || RsNavLink;
+    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);
   };
 
-  // nav link
-
-
-  AppSidebarNav2.prototype.navLink = function navLink(item, key, classes) {
+  _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 = classNames('nav-icon', iconClass, iconClassName);
+    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
+  ;
+
+  _proto.navLink = function navLink(item, key, classes) {
+    var _this4 = this;
+
+    var ref = React.createRef();
     var url = item.url || '';
-    var itemIcon = React.createElement('i', { className: classes.icon });
+    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: this.hideMobile }, 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.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
+        });
+
+        LayoutHelper.sidebarPSToggle(!isSidebarMinimized);
+      });
+      var element = document.body;
+      this.changes.observe(element, {
+        attributes: true,
+        attributeFilter: ['class']
+      });
+    }
+
+    window.addEventListener('resize', this.onResize);
+  };
+
+  _proto.onResize = function onResize() {
+    LayoutHelper.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 = 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 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;
@@ -273,5 +349,4 @@ var AppSidebarNav2 = function (_Component) {
 
 AppSidebarNav2.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarNav2.defaultProps = defaultProps;
-
 export default AppSidebarNav2;

package/es/SidebarToggler.js

@@ -1,28 +1,24 @@
-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 { sidebarCssClasses, validBreakpoints, checkBreakpoint } from './Shared/index';
 import toggleClasses from './Shared/toggle-classes';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   display: PropTypes.any,
   mobile: PropTypes.bool,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   type: PropTypes.string
-};
-
+} : {};
 var defaultProps = {
   display: 'lg',
   mobile: false,
@@ -30,56 +26,60 @@ var defaultProps = {
   type: 'button'
 };
 
-var AppSidebarToggler = function (_Component) {
-  _inherits(AppSidebarToggler, _Component);
+var AppSidebarToggler = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppSidebarToggler, _Component);
 
   function AppSidebarToggler(props) {
-    _classCallCheck(this, AppSidebarToggler);
-
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+    var _this;
 
-    _this.sidebarToggle = _this.sidebarToggle.bind(_this);
+    _this = _Component.call(this, props) || this;
+    _this.sidebarToggle = _this.sidebarToggle.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  AppSidebarToggler.prototype.sidebarToggle = function sidebarToggle(e) {
+  var _proto = AppSidebarToggler.prototype;
+
+  _proto.sidebarToggle = function sidebarToggle(e) {
     e.preventDefault();
     this.toggle();
   };
 
-  AppSidebarToggler.prototype.toggle = function toggle(force) {
+  _proto.toggle = function toggle(force) {
     var _ref = [this.props.display, this.props.mobile],
         display = _ref[0],
         mobile = _ref[1];
-
     var cssClass = sidebarCssClasses[0];
+
     if (!mobile && display && checkBreakpoint(display, validBreakpoints)) {
-      cssClass = 'sidebar-' + display + '-show';
+      cssClass = "sidebar-" + display + "-show";
     }
+
     toggleClasses(cssClass, sidebarCssClasses, force);
   };
 
-  AppSidebarToggler.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.mobile;
     delete attributes.display;
-
     var classes = classNames(className, 'navbar-toggler');
-
-    return React.createElement(
-      Tag,
-      _extends({ type: 'button', className: classes }, attributes, { onClick: function onClick(event) {
-          return _this2.sidebarToggle(event);
-        }, 'data-sidebar-toggler': true }),
-      children || React.createElement('span', { className: 'navbar-toggler-icon' })
-    );
+    return /*#__PURE__*/React.createElement(Tag, _extends({
+      type: "button",
+      className: classes
+    }, attributes, {
+      onClick: function onClick(event) {
+        return _this2.sidebarToggle(event);
+      },
+      "data-sidebar-toggler": true
+    }), children || /*#__PURE__*/React.createElement("span", {
+      className: "navbar-toggler-icon"
+    }));
   };
 
   return AppSidebarToggler;
@@ -87,5 +87,4 @@ var AppSidebarToggler = function (_Component) {
 
 AppSidebarToggler.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppSidebarToggler.defaultProps = defaultProps;
-
 export default AppSidebarToggler;