Init

Preview: http://dashboards.webkom.co/react/airframe

app/components/Sidebar/Sidebar.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import OuterClick from './../OuterClick';
+import { withPageConfig } from './../Layout';
+import { SidebarContent } from './SidebarContent';
+
+const Sidebar = (props) => (
+    <React.Fragment>
+        { /* Enable OuterClick only in sidebar overlay mode */}
+        <OuterClick
+            active={
+                !props.pageConfig.sidebarCollapsed && (
+                    props.pageConfig.screenSize === 'xs' ||
+                    props.pageConfig.screenSize === 'sm' ||
+                    props.pageConfig.screenSize === 'md'
+                )
+            }
+            onClickOutside={ () => props.pageConfig.toggleSidebar() }
+        >
+            <SidebarContent { ...props } />
+        </OuterClick>
+    </React.Fragment>
+);
+
+Sidebar.propTypes = {
+    children: PropTypes.node,
+    slim: PropTypes.bool,
+    collapsed: PropTypes.bool,
+    animationsDisabled: PropTypes.bool,
+    pageConfig: PropTypes.object
+};
+
+const cfgSidebar = withPageConfig(Sidebar);
+
+export {
+    cfgSidebar as Sidebar
+};