refactor: remove element-closest dependency

Author: xidedix

demo/src/polyfill.js

@@ -26,8 +26,6 @@ import 'core-js/es7/object'
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
 // import 'core-js/es7/reflect'
 
-import 'element-closest'
-
 // CustomEvent() constructor functionality in IE9, IE10, IE11
 (function () {
 

package.json

@@ -37,8 +37,7 @@
   "dependencies": {
     "@coreui/icons": "0.3.0",
     "classnames": "^2.2.6",
-    "core-js": "^2.5.7",
-    "element-closest": "^2.0.2",
+    "core-js": "^2.6.1",
     "prop-types": "^15.6.2",
     "react-onclickout": "^2.0.8",
     "react-perfect-scrollbar": "^1.4.2",

src/Shared/element-closest.js

@@ -0,0 +1,33 @@
+(function (ElementProto) {
+  if (!ElementProto) {
+    return;
+  }
+  if (typeof ElementProto.matches !== 'function') {
+    ElementProto.matches = ElementProto.msMatchesSelector || ElementProto.mozMatchesSelector || ElementProto.webkitMatchesSelector || function matches(selector) {
+      const element = this;
+      const elements = (element.document || element.ownerDocument).querySelectorAll(selector);
+      let index = 0;
+
+      while (elements[index] && elements[index] !== element) {
+        ++index;
+      }
+
+      return Boolean(elements[index]);
+    };
+  }
+
+  if (typeof ElementProto.closest !== 'function') {
+    ElementProto.closest = function closest(selector) {
+      let element = this;
+
+      while (element && element.nodeType === 1) {
+        if (element.matches(selector)) {
+          return element;
+        }
+        element = element.parentNode;
+      }
+
+      return null;
+    };
+  }
+})(typeof window !== 'undefined' && window.Element.prototype);

src/Sidebar.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { sidebarCssClasses } from './Shared';
 import ClickOutHandler from 'react-onclickout'
-import 'element-closest'
+import './Shared/element-closest'
 
 const propTypes = {
   children: PropTypes.node,
@@ -80,10 +80,11 @@ class AppSidebar extends Component {
   }
 
   onClickOut(e) {
-    if (!e.target.closest('[data-sidebar-toggler]')) {
-      this.hideMobile();
+    if (typeof window !== 'undefined' && document.body.classList.contains('sidebar-show')) {
+      if (!e.target.closest('[data-sidebar-toggler]')) {
+        this.hideMobile();
+      }
     }
-
   }
 
   render() {