@coreui/react 2.5.4 → 2.5.8

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 ### [@coreui/react](https://coreui.io/) changelog
 
+##### `v2.5.8`
+- chore(demo/polyfill): update to core-js v3
+
+###### dependencies update
+- update: `core-js` to `^3.6.5`
+- update: `react` to `^16.13.1`
+- update: `react-dom` to `^16.13.1`
+- update: `react-router-dom` to `^5.2.0`
+- update: `mutationobserver-shim` to `^0.3.5`
+- update: `eslint` to `^7.0.0`
+- update: `eslint-plugin-import` to `^2.20.2`
+- update: `eslint-plugin-react` to `^7.20.0`
+- update: `nwb` to `^0.24.7`
+- update: `react` to `^16.13.1`
+- update: `react-dom` to `^16.13.1`
+- update: `react-router-dom` to `^5.2.0`
+- update: `sinon` to `^9.0.2`
+
+##### `v2.5.7`
+- fix(SidebarNav): add missing alternative icon config object
+
+##### `v2.5.6`
+- fix(SidebarNav): navigate to route on AppSideBarNav parent menu click - thanx @regimani #98 
+
+###### dependencies update
+- update `react` to `^16.13.0`
+- update `react-dom` to `^16.13.0`
+
+##### `v2.5.5`
+- fix(SidebarNav): perfect scrollbar issue on sidebar minimized / rtl
+- chore: dependencies update and config refactor
+
 ##### `v2.5.4`
 - fix(SidebarNav): allow location object as navConfig item url parameter
 

package/css/scrollbar.css

@@ -0,0 +1,18 @@
+/* rtl fix */
+.ps__rtl .ps__rail-y {
+    left: 0px !important;
+    right: unset;
+}
+*[dir="rtl"] .ps__rail-y {
+    left: 0px !important;
+    right: unset;
+}
+
+.ps__rtl .ps__thumb-y {
+    left: 2px;
+    right: unset;
+}
+*[dir="rtl"] .ps__thumb-y {
+  left: 2px;
+  right: unset;
+}

package/es/Aside.js

@@ -1,20 +1,17 @@
-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 { asideMenuCssClasses, checkBreakpoint, validBreakpoints } from './Shared';
 import toggleClasses from './Shared/toggle-classes';
-
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   display: PropTypes.string,
@@ -22,8 +19,7 @@ var propTypes = {
   isOpen: PropTypes.bool,
   offCanvas: PropTypes.bool,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'aside',
   display: '',
@@ -32,64 +28,61 @@ var defaultProps = {
   offCanvas: true
 };
 
-var AppAside = function (_Component) {
-  _inherits(AppAside, _Component);
+var AppAside = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppAside, _Component);
 
   function AppAside(props) {
-    _classCallCheck(this, AppAside);
-
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+    var _this;
 
-    _this.isFixed = _this.isFixed.bind(_this);
-    _this.isOffCanvas = _this.isOffCanvas.bind(_this);
-    _this.displayBreakpoint = _this.displayBreakpoint.bind(_this);
+    _this = _Component.call(this, props) || this;
+    _this.isFixed = _this.isFixed.bind(_assertThisInitialized(_this));
+    _this.isOffCanvas = _this.isOffCanvas.bind(_assertThisInitialized(_this));
+    _this.displayBreakpoint = _this.displayBreakpoint.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  AppAside.prototype.componentDidMount = function componentDidMount() {
+  var _proto = AppAside.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
     this.isFixed(this.props.fixed);
     this.isOffCanvas(this.props.offCanvas);
     this.displayBreakpoint(this.props.display);
   };
 
-  AppAside.prototype.isFixed = function isFixed(fixed) {
+  _proto.isFixed = function isFixed(fixed) {
     if (fixed) {
       document.body.classList.add('aside-menu-fixed');
     }
   };
 
-  AppAside.prototype.isOffCanvas = function isOffCanvas(offCanvas) {
+  _proto.isOffCanvas = function isOffCanvas(offCanvas) {
     if (offCanvas) {
       document.body.classList.add('aside-menu-off-canvas');
     }
   };
 
-  AppAside.prototype.displayBreakpoint = function displayBreakpoint(display) {
+  _proto.displayBreakpoint = function displayBreakpoint(display) {
     if (display && checkBreakpoint(display, validBreakpoints)) {
-      var cssClass = 'aside-menu-' + display + '-show';
+      var cssClass = "aside-menu-" + display + "-show";
       toggleClasses(cssClass, asideMenuCssClasses, true);
     }
   };
 
-  AppAside.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'tag']);
+  _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"]);
 
     delete attributes.display;
     delete attributes.fixed;
     delete attributes.offCanvas;
     delete attributes.isOpen;
-
     var classes = classNames(className, 'aside-menu');
-
-    return React.createElement(
-      Tag,
-      _extends({}, attributes, { className: classes }),
-      children
-    );
+    return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {
+      className: classes
+    }), children);
   };
 
   return AppAside;
@@ -97,5 +90,4 @@ var AppAside = function (_Component) {
 
 AppAside.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppAside.defaultProps = defaultProps;
-
 export default AppAside;

package/es/AsideToggler.js

@@ -1,20 +1,17 @@
-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 { asideMenuCssClasses, 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,
   defaultOpen: PropTypes.bool,
@@ -22,8 +19,7 @@ var propTypes = {
   mobile: PropTypes.bool,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   type: PropTypes.string
-};
-
+} : {};
 var defaultProps = {
   defaultOpen: false,
   display: 'lg',
@@ -32,69 +28,66 @@ var defaultProps = {
   type: 'button'
 };
 
-var AppAsideToggler = function (_Component) {
-  _inherits(AppAsideToggler, _Component);
+var AppAsideToggler = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppAsideToggler, _Component);
 
   function AppAsideToggler(props) {
-    _classCallCheck(this, AppAsideToggler);
-
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
-    _this.asideToggle = _this.asideToggle.bind(_this);
+    var _this;
 
+    _this = _Component.call(this, props) || this;
+    _this.asideToggle = _this.asideToggle.bind(_assertThisInitialized(_this));
     _this.state = {};
     return _this;
   }
 
-  AppAsideToggler.prototype.componentDidMount = function componentDidMount() {
+  var _proto = AppAsideToggler.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
     this.toggle(this.props.defaultOpen);
   };
 
-  AppAsideToggler.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 = asideMenuCssClasses[0];
+
     if (!mobile && display && checkBreakpoint(display, validBreakpoints)) {
-      cssClass = 'aside-menu-' + display + '-show';
+      cssClass = "aside-menu-" + display + "-show";
     }
+
     toggleClasses(cssClass, asideMenuCssClasses, force);
   };
 
-  AppAsideToggler.prototype.asideToggle = function asideToggle(e) {
+  _proto.asideToggle = function asideToggle(e) {
     e.preventDefault();
     this.toggle();
   };
 
-  AppAsideToggler.prototype.render = function render() {
+  _proto.render = function render() {
     var _this2 = this;
 
-    var _props = this.props,
-        className = _props.className,
-        children = _props.children,
-        type = _props.type,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'children', 'type', 'tag']);
+    var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        type = _this$props.type,
+        Tag = _this$props.tag,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "children", "type", "tag"]);
 
     delete attributes.defaultOpen;
     delete attributes.display;
     delete attributes.mobile;
-
     var classes = classNames(className, 'navbar-toggler');
-
-    return React.createElement(
-      Tag,
-      _extends({
-        type: type,
-        className: classes
-      }, attributes, {
-        onClick: function onClick(event) {
-          return _this2.asideToggle(event);
-        }
-      }),
-      children || React.createElement('span', { className: 'navbar-toggler-icon' })
-    );
+    return /*#__PURE__*/React.createElement(Tag, _extends({
+      type: type,
+      className: classes
+    }, attributes, {
+      onClick: function onClick(event) {
+        return _this2.asideToggle(event);
+      }
+    }), children || /*#__PURE__*/React.createElement("span", {
+      className: "navbar-toggler-icon"
+    }));
   };
 
   return AppAsideToggler;
@@ -102,5 +95,4 @@ var AppAsideToggler = function (_Component) {
 
 AppAsideToggler.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppAsideToggler.defaultProps = defaultProps;
-
 export default AppAsideToggler;

package/es/Breadcrumb.js

@@ -1,28 +1,21 @@
-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 { Route, Link, matchPath } from 'react-router-dom';
 import { Breadcrumb, BreadcrumbItem } from 'reactstrap';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
-var routes = void 0;
+var routes;
 
 var getPaths = function getPaths(pathname) {
   var paths = ['/'];
-
   if (pathname === '/') return paths;
-
   pathname.split('/').reduce(function (prev, curr) {
-    var currPath = prev + '/' + curr;
+    var currPath = prev + "/" + curr;
     paths.push(currPath);
     return currPath;
   });
@@ -31,33 +24,28 @@ var getPaths = function getPaths(pathname) {
 
 var findRouteName = function findRouteName(url) {
   var aroute = routes.find(function (route) {
-    return matchPath(url, { path: route.path, exact: route.exact });
+    return matchPath(url, {
+      path: route.path,
+      exact: route.exact
+    });
   });
   return aroute && aroute.name ? aroute.name : null;
 };
 
 var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
   var match = _ref.match;
-
   var routeName = findRouteName(match.url);
+
   if (routeName) {
-    return (
-      // eslint-disable-next-line react/prop-types
-      match.isExact ? React.createElement(
-        BreadcrumbItem,
-        { active: true },
-        routeName
-      ) : React.createElement(
-        BreadcrumbItem,
-        null,
-        React.createElement(
-          Link,
-          { to: match.url || '' },
-          routeName
-        )
-      )
+    return (// eslint-disable-next-line react/prop-types
+      match.isExact ? /*#__PURE__*/React.createElement(BreadcrumbItem, {
+        active: true
+      }, routeName) : /*#__PURE__*/React.createElement(BreadcrumbItem, null, /*#__PURE__*/React.createElement(Link, {
+        to: match.url || ''
+      }, routeName))
     );
   }
+
   return null;
 };
 
@@ -70,57 +58,63 @@ BreadcrumbsItem.propTypes = process.env.NODE_ENV !== "production" ? {
 var Breadcrumbs = function Breadcrumbs(args) {
   var paths = getPaths(args.location.pathname);
   var items = paths.map(function (path, i) {
-    return React.createElement(Route, { key: i.toString(), path: path, component: BreadcrumbsItem });
+    return /*#__PURE__*/React.createElement(Route, {
+      key: i.toString(),
+      path: path,
+      component: BreadcrumbsItem
+    });
   });
-  return React.createElement(
-    Breadcrumb,
-    null,
-    items
-  );
+  return /*#__PURE__*/React.createElement(Breadcrumb, null, items);
 };
 
-var propTypes = {
+var propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,
   appRoutes: PropTypes.any,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-};
-
+} : {};
 var defaultProps = {
   tag: 'div',
   className: '',
-  appRoutes: [{ path: '/', exact: true, name: 'Home', component: null }]
+  appRoutes: [{
+    path: '/',
+    exact: true,
+    name: 'Home',
+    component: null
+  }]
 };
 
-var AppBreadcrumb = function (_Component) {
-  _inherits(AppBreadcrumb, _Component);
+var AppBreadcrumb = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(AppBreadcrumb, _Component);
 
   function AppBreadcrumb(props) {
-    _classCallCheck(this, AppBreadcrumb);
+    var _this;
 
-    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
-    _this.state = { routes: props.appRoutes };
+    _this = _Component.call(this, props) || this;
+    _this.state = {
+      routes: props.appRoutes
+    };
     routes = _this.state.routes;
     return _this;
   }
 
-  AppBreadcrumb.prototype.render = function render() {
-    var _props = this.props,
-        className = _props.className,
-        Tag = _props.tag,
-        attributes = _objectWithoutProperties(_props, ['className', 'tag']);
+  var _proto = AppBreadcrumb.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        className = _this$props.className,
+        Tag = _this$props.tag,
+        attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "tag"]);
 
     delete attributes.children;
     delete attributes.appRoutes;
-
     var classes = classNames(className);
-
-    return React.createElement(
-      Tag,
-      { className: classes },
-      React.createElement(Route, _extends({ path: '/:path', component: Breadcrumbs }, attributes))
-    );
+    return /*#__PURE__*/React.createElement(Tag, {
+      className: classes
+    }, /*#__PURE__*/React.createElement(Route, _extends({
+      path: "/:path",
+      component: Breadcrumbs
+    }, attributes)));
   };
 
   return AppBreadcrumb;
@@ -128,5 +122,4 @@ var AppBreadcrumb = function (_Component) {
 
 AppBreadcrumb.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 AppBreadcrumb.defaultProps = defaultProps;
-
 export default AppBreadcrumb;