BACKLOG-12097 : Moved out navigation (#69)

* BACKLOG-11702 Make sure proper namespace can me used, make CMM 100% width

* BACKLOG-11705 Remove burger menu

* BACKLOG-11705 Remove empty element

* BACKLOG-12112 Remove unused prop

Co-authored-by: Alex Karmanov <alexandrk_@hotmail.com>

Author: Thomas Draier

packages/design-system-kit/src/components/LeftNavigation/LeftNavigation.jsx

@@ -1,8 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {Drawer, List, ListItem, withStyles} from '@material-ui/core';
+import {List, withStyles} from '@material-ui/core';
 import classNames from 'classnames';
-import BurgerMenuButton from './BurgerMenuButton';
 import {DisplayActions} from '@jahia/react-material';
 import LeftMenuItem from './LeftMenuItem';
 import {compose} from 'recompose';
@@ -57,7 +56,7 @@ const styles = theme => ({
     }
 });
 
-export const LeftNavigation = ({context, classes, actionsTarget, secondaryActionsTarget, drawer, burgerIconTitle}) => {
+export const LeftNavigation = ({context, classes, actionsTarget, secondaryActionsTarget, drawer}) => {
     let actionContext = {
         ...context,
         drawer
@@ -70,9 +69,6 @@ export const LeftNavigation = ({context, classes, actionsTarget, secondaryAction
         })}
         >
             <List className={classes.list} component="nav">
-                <ListItem button className={classes.menuBurger}>
-                    <BurgerMenuButton title={burgerIconTitle} isDrawerOpen={drawer.drawerOpen}/>
-                </ListItem>
                 <DisplayActions target={actionsTarget}
                                 context={actionContext}
                                 render={({context}) => (
@@ -89,18 +85,6 @@ export const LeftNavigation = ({context, classes, actionsTarget, secondaryAction
                                 )}
                 />
             </List>
-            <Drawer
-                variant="persistent"
-                classes={{
-                    paper: classNames(classes.drawerPaper, !drawer.drawerOpen && classes.drawerPaperClose)
-                }}
-                open={drawer.drawerOpen}
-            >
-                <div className={classes.drawerTree}>
-                    {drawer.drawerContent &&
-                    drawer.drawerContent.content}
-                </div>
-            </Drawer>
         </div>
     );
 };
@@ -110,7 +94,6 @@ LeftNavigation.propTypes = {
     secondaryActionsTarget: PropTypes.string.isRequired,
     context: PropTypes.object.isRequired,
     drawer: PropTypes.object.isRequired,
-    burgerIconTitle: PropTypes.string.isRequired,
     classes: PropTypes.object.isRequired
 };
 

packages/design-system-kit/src/layouts/page/AppLayout.jsx

@@ -10,7 +10,8 @@ const styles = theme => ({
         position: 'relative',
         display: 'flex',
         flexDirection: 'row',
-        height: '100vh'
+        height: '100vh',
+        width: '100%'
     },
     main: {
         flex: '1 1 0%',