fix(Sidebar): How to set left sidebar is minimized as default

*How to set left sidebar is minimized as default* [#145](coreui/coreui-free-react-admin-template#145)
- refactor(Layout): LayoutHelper germ
- refactor(Sidabar): use static methods from `LayoutHelper`
- refactor(SidabarMinimizer): use static methods from `LayoutHelper`

Author: xidedix

src/Shared/layout/layout.js

@@ -1,29 +1,31 @@
-// import { toggleClasses } from '../toggle-classes';
+class LayoutHelper {
 
-class Layout {
-  static sidebarToggle() {
-
-  }
-
-  static sidebarMinimize() {
-    document.body.classList.toggle('sidebar-minimized');
+  static sidebarToggle(toggle) {
+    const minimize = arguments.length ? toggle : !document.body.classList.contains('sidebar-minimized');
+    this.sidebarMinimize(minimize);
+    this.brandMinimize(minimize);
+    this.sidebarPSToggle(!minimize);  /*remove PS on sidebar minimized*/
   }
 
-  static mobileSidebarToggle() {
-    document.body.classList.toggle('sidebar-mobile-show');
+  static sidebarMinimize(force) {
+    return document.body.classList.toggle('sidebar-minimized', force);
   }
 
-  static sidebarOffCanvasClose() {
-
+  static brandMinimize(force) {
+    document.body.classList.toggle('brand-minimized', force);
   }
 
-  static brandMinimize() {
-    document.body.classList.toggle('brand-minimized');
-  }
-
-  static asideToggleDirective() {
-
+  //  sidebar perfect scrollbar
+  static sidebarPSToggle(toggle) {
+    const sidebar = document.querySelector('.sidebar-nav');
+    if (sidebar) {
+      if (toggle) {
+        sidebar.classList.add('ps', 'ps-container', 'ps--active-y');
+      } else {
+        sidebar.classList.remove('ps', 'ps-container', 'ps--active-y');
+      }
+    }
   }
 }
 
-export default Layout;
+export default LayoutHelper;

src/Sidebar.js

@@ -3,7 +3,9 @@ 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'
 
 const propTypes = {
   children: PropTypes.node,
@@ -57,7 +59,7 @@ class AppSidebar extends Component {
   }
 
   isMinimized(minimized) {
-    if (minimized) { document.body.classList.add('sidebar-minimized'); }
+    LayoutHelper.sidebarToggle(minimized)
   }
 
   isOffCanvas(offCanvas) {

src/SidebarMinimizer.js

@@ -2,6 +2,8 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
+import LayoutHelper from './Shared/layout/layout'
+
 const propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -23,33 +25,11 @@ class AppSidebarMinimizer extends Component {
 
   componentDidMount() {
     const isMinimized = document.body.classList.contains('sidebar-minimized');
-    this.togglePs(!isMinimized)
-  }
-
-  sidebarMinimize() {
-    const isMinimized = document.body.classList.toggle('sidebar-minimized');
-    this.togglePs(!isMinimized)
-  }
-
-  togglePs(toggle) {
-    const sidebar = document.querySelector('.sidebar-nav')
-    if (sidebar) {
-      if (toggle) {
-        sidebar.classList.add('ps', 'ps-container', 'ps--active-y')
-      } else {
-        sidebar.classList.remove('ps', 'ps-container', 'ps--active-y')
-      }
-    }
-
-  }
-
-  brandMinimize() {
-    document.body.classList.toggle('brand-minimized');
+    LayoutHelper.sidebarPSToggle(!isMinimized)
   }
 
-  handleClick(e) {
-    this.sidebarMinimize(e)
-    this.brandMinimize(e)
+  handleClick() {
+    LayoutHelper.sidebarToggle()
   }
 
   render() {