@coorpacademy/components 10.1.11 → 10.1.14

package/lib/template/back-office/brand-update/index.js

@@ -15,9 +15,7 @@ var _get = _interopRequireDefault(require("lodash/fp/get"));
 
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
-var _filter = _interopRequireDefault(require("lodash/fp/filter"));
-
-var _head = _interopRequireDefault(require("lodash/fp/head"));
+var _find = _interopRequireDefault(require("lodash/fp/find"));
 
 var _brandTabs = _interopRequireDefault(require("../../../molecule/brand-tabs"));
 
@@ -33,7 +31,7 @@ var _brandAnalytics = _interopRequireDefault(require("../../../organism/brand-an
 
 var _brandDashboard = _interopRequireDefault(require("../../../organism/brand-dashboard"));
 
-var _notification = _interopRequireDefault(require("../../../atom/notification"));
+var _banner = _interopRequireDefault(require("../../../molecule/banner"));
 
 var _setupHeader = _interopRequireDefault(require("../../../organism/setup-header"));
 
@@ -47,31 +45,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const SubTab = ({
-  title,
-  href,
-  selected
-}) => {
-  return /*#__PURE__*/_react.default.createElement("h5", null, title);
-};
+const getStyle = isSelected => isSelected ? _style.default.selectedElement : _style.default.unselectedElement;
 
-SubTab.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _propTypes.default.string.isRequired,
-  href: _propTypes.default.string.isRequired,
-  selected: _propTypes.default.bool.isRequired
-} : {};
+const subTabsView = (_subTabs = []) => _map.default.convert({
+  cap: false
+})((subTab, _index) => /*#__PURE__*/_react.default.createElement("div", {
+  key: subTab.title
+}, subTab.type === 'iconLink' ? /*#__PURE__*/_react.default.createElement(_sidebar.IconLinkItem, _extends({}, subTab, {
+  styles: getStyle(subTab.selected),
+  uppercase: false,
+  target: '_blank'
+})) : /*#__PURE__*/_react.default.createElement(_sidebar.LinkItem, _extends({}, subTab, {
+  styles: getStyle(subTab.selected),
+  uppercase: false
+}))))(_subTabs); // TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable
 
-const BrandUpdate = props => {
-  const {
-    notifications,
-    header,
-    items,
-    content,
-    details,
-    onItemClick
-  } = props;
-  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';
-  const selectedTab = (0, _pipe.default)((0, _filter.default)(e => e.selected), _head.default, (0, _get.default)('tabs'), (0, _filter.default)(e => e.selected), _head.default)(items);
+
+const buildLeftNavigation = (logo, items, onItemClick) => {
   const formattedTabs = items.map(({
     key,
     title,
@@ -87,97 +77,120 @@ const BrandUpdate = props => {
     children: [],
     iconType: key || 'arrow'
   }));
-
-  const getStyle = isSelected => isSelected ? _style.default.selectedElement : _style.default.unselectedElement;
-
-  const subTabsView = (_subTabs = []) => _map.default.convert({
-    cap: false
-  })((subTab, _index) => /*#__PURE__*/_react.default.createElement("div", {
-    key: subTab.title
-  }, subTab.type === 'iconLink' ? /*#__PURE__*/_react.default.createElement(_sidebar.IconLinkItem, _extends({}, subTab, {
-    styles: getStyle(subTab.selected),
-    uppercase: false,
-    target: '_blank'
-  })) : /*#__PURE__*/_react.default.createElement(_sidebar.LinkItem, _extends({}, subTab, {
-    styles: getStyle(subTab.selected),
-    uppercase: false
-  }))))(_subTabs);
-
   const formattedTabsViews = (0, _map.default)(tab => /*#__PURE__*/_react.default.createElement("div", {
     key: tab.title,
-    className: _style.default.tabs
+    className: _style.default.subTabsView
   }, subTabsView(tab.tabs)))(items);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.leftMenu
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.logo
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: logo
+  }))), /*#__PURE__*/_react.default.createElement(_coorpManager.default, {
+    tabProps: formattedTabs,
+    theme: 'setup',
+    onClick: onItemClick
+  }, formattedTabsViews));
+};
+
+const buildNotifications = notifications => {
+  if ((0, _isEmpty.default)(notifications)) {
+    return null;
+  }
+
   const notificationsList = notifications.map((notification, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.notification,
       key: index
-    }, /*#__PURE__*/_react.default.createElement(_notification.default, notification));
+    }, /*#__PURE__*/_react.default.createElement(_banner.default, notification));
   });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.notifications
+  }, notificationsList);
+};
 
-  const contentView = cont => {
-    if (!cont) return /*#__PURE__*/_react.default.createElement(_loader.default, null);
-    const {
-      type
-    } = cont;
+const buildHeader = (header, notifications) => {
+  const headerStyle = (0, _isEmpty.default)(notifications) ? _style.default.header : _style.default.headerForNotifications;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: headerStyle
+  }, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header));
+};
 
-    switch (type) {
-      case 'form':
-        return /*#__PURE__*/_react.default.createElement(_brandForm.default, cont);
+const buildTabs = items => {
+  const selectedTab = (0, _pipe.default)((0, _find.default)(e => e.selected), (0, _get.default)('tabs'), (0, _find.default)(e => e.selected))(items);
+  const showTabs = selectedTab && !(0, _isEmpty.default)(selectedTab.subTabs);
+  if (!showTabs) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabs
+  }, /*#__PURE__*/_react.default.createElement(_brandTabs.default, {
+    type: "light",
+    tabs: selectedTab.subTabs
+  }));
+};
+
+const buildContentView = content => {
+  if (!content) {
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+  }
+
+  const {
+    type
+  } = content;
+
+  switch (type) {
+    case 'form':
+      return /*#__PURE__*/_react.default.createElement(_brandForm.default, content);
 
-      case 'list':
-        return /*#__PURE__*/_react.default.createElement(_brandTable.default, cont);
+    case 'list':
+      return /*#__PURE__*/_react.default.createElement(_brandTable.default, content);
 
-      case 'upload':
-        return /*#__PURE__*/_react.default.createElement(_brandUpload.default, cont);
+    case 'upload':
+      return /*#__PURE__*/_react.default.createElement(_brandUpload.default, content);
 
-      case 'analytics-dashboards':
-        return /*#__PURE__*/_react.default.createElement(_brandAnalytics.default, cont);
+    case 'analytics-dashboards':
+      return /*#__PURE__*/_react.default.createElement(_brandAnalytics.default, content);
 
-      case 'home':
-        return /*#__PURE__*/_react.default.createElement(_brandDashboard.default, cont);
-    }
-  };
+    case 'home':
+      return /*#__PURE__*/_react.default.createElement(_brandDashboard.default, content);
+  }
+};
 
-  const detailsView = cont => {
-    if (!cont) return;
-    return /*#__PURE__*/_react.default.createElement(_brandTable.default, cont);
-  };
+const buildDetailsView = details => {
+  if (!details) return;
+  return /*#__PURE__*/_react.default.createElement(_brandTable.default, details);
+};
 
+const BrandUpdate = props => {
+  const {
+    notifications,
+    header,
+    items,
+    content,
+    details,
+    onItemClick
+  } = props;
+  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';
+  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);
+  const notificationsView = buildNotifications(notifications);
+  const headerView = buildHeader(header, notifications);
+  const tabsView = buildTabs(items);
+  const contentView = buildContentView(content);
+  const detailsView = buildDetailsView(details);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dashboardAside
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.logo
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    href: "/"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: logo
-  }))), /*#__PURE__*/_react.default.createElement(_coorpManager.default, {
-    tabProps: formattedTabs,
-    theme: 'setup',
-    onClick: onItemClick
-  }, formattedTabsViews)), /*#__PURE__*/_react.default.createElement("div", {
+  }, leftNavigation, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentWrapper
-  }, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.notifications
-  }, notificationsList), content && content.type === 'home' ? contentView(content) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentHandler
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentView
-  }, selectedTab && !(0, _isEmpty.default)(selectedTab.subTabs) ? /*#__PURE__*/_react.default.createElement(_brandTabs.default, {
-    type: "light",
-    tabs: selectedTab.subTabs
-  }) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dashboardContent
-  }, /*#__PURE__*/_react.default.createElement("div", null, contentView(content)), /*#__PURE__*/_react.default.createElement("div", null, detailsView(details)))))));
+  }, headerView, notificationsView, tabsView, contentView, detailsView));
 };
 
 BrandUpdate.defaultProps = {
   notifications: []
 };
 BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
-  notifications: _propTypes.default.arrayOf(_propTypes.default.shape(_notification.default.propTypes)),
+  notifications: _propTypes.default.arrayOf(_propTypes.default.shape(_banner.default.propTypes)),
   header: _propTypes.default.shape(_extends({}, _setupHeader.default.propTypes)),
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     key: _propTypes.default.string,

package/lib/template/back-office/brand-update/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["SubTab","title","href","selected","propTypes","PropTypes","string","isRequired","bool","BrandUpdate","props","notifications","header","items","content","details","onItemClick","logo","selectedTab","e","head","formattedTabs","map","key","type","index","children","iconType","getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","formattedTabsViews","tab","tabs","notificationsList","notification","contentView","cont","detailsView","container","dashboardAside","contentWrapper","contentHandler","subTabs","dashboardContent","defaultProps","arrayOf","shape","Notification","Header","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport filter from 'lodash/fp/filter';\nimport head from 'lodash/fp/head';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport Notification from '../../../atom/notification';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport style from './style.css';\n\nconst SubTab = ({title, href, selected}) => {\n  return <h5>{title}</h5>;\n};\n\nSubTab.propTypes = {\n  title: PropTypes.string.isRequired,\n  href: PropTypes.string.isRequired,\n  selected: PropTypes.bool.isRequired\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, onItemClick} = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n  const selectedTab = pipe(\n    filter(e => e.selected),\n    head,\n    get('tabs'),\n    filter(e => e.selected),\n    head\n  )(items);\n\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\n  const subTabsView = (_subTabs = []) =>\n    map.convert({cap: false})((subTab, _index) => (\n      <div key={subTab.title}>\n        {subTab.type === 'iconLink' ? (\n          <IconLinkItem\n            {...subTab}\n            styles={getStyle(subTab.selected)}\n            uppercase={false}\n            target={'_blank'}\n          />\n        ) : (\n          <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n        )}\n      </div>\n    ))(_subTabs);\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.tabs}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Notification {...notification} />\n      </div>\n    );\n  });\n\n  const contentView = cont => {\n    if (!cont) return <Loader />;\n    const {type} = cont;\n    switch (type) {\n      case 'form':\n        return <BrandForm {...cont} />;\n      case 'list':\n        return <BrandTable {...cont} />;\n      case 'upload':\n        return <BrandUpload {...cont} />;\n      case 'analytics-dashboards':\n        return <BrandAnalytics {...cont} />;\n      case 'home':\n        return <BrandDashboard {...cont} />;\n    }\n  };\n\n  const detailsView = cont => {\n    if (!cont) return;\n    return <BrandTable {...cont} />;\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.dashboardAside}>\n        <div className={style.logo}>\n          <a href=\"/\">\n            <img src={logo} />\n          </a>\n        </div>\n        <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n          {formattedTabsViews}\n        </Accordion>\n      </div>\n      <div className={style.contentWrapper}>\n        <Header {...header} />\n        <div className={style.notifications}>{notificationsList}</div>\n        {content && content.type === 'home' ? (\n          contentView(content)\n        ) : (\n          <div className={style.contentHandler}>\n            <div className={style.contentView}>\n              {selectedTab && !isEmpty(selectedTab.subTabs) ? (\n                <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n              ) : null}\n              <div className={style.dashboardContent}>\n                <div>{contentView(content)}</div>\n                <div>{detailsView(details)}</div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(PropTypes.shape(Notification.propTypes)),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    })\n  ]),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","leftMenu","buildNotifications","notifications","notificationsList","notification","buildHeader","header","headerStyle","headerForNotifications","buildTabs","selectedTab","e","showTabs","subTabs","buildContentView","content","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","container","contentWrapper","defaultProps","propTypes","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.leftMenu}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = (header, notifications) => {\n  const headerStyle = isEmpty(notifications) ? style.header : style.headerForNotifications;\n  return (\n    <div className={headerStyle}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab && !isEmpty(selectedTab.subTabs);\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div>\n        <Loader />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, onItemClick} = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n\n  return (\n    <div className={style.container}>\n      {leftNavigation}\n      <div className={style.contentWrapper}>\n        {headerView}\n        {notificationsView}\n        {tabsView}\n        {contentView}\n        {detailsView}\n      </div>\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(PropTypes.shape(Banner.propTypes)),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    })\n  ]),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}

package/lib/template/back-office/brand-update/style.css

@@ -13,7 +13,6 @@
 .container {
   width: 100%;
   height: 100%;
-  max-width: 100%;
   scroll-behavior: unset;
   margin: 0 auto;
   padding-bottom: 80px 20px;
@@ -21,7 +20,19 @@
   font-family: "Open Sans";
 }
 
+.header {
+  margin: 24px 0 56px 0;
+}
+
+.headerForNotifications {
+  margin: 24px 0 0 0;
+}
+
 .tabs {
+  padding: 0 0 48px 0;
+}
+
+.subTabsView {
   font-family: 'Gilroy';
   margin-left: 16%;
   padding: 1px 34px 1px 16px;
@@ -30,15 +41,8 @@
   border-left: solid 3px cm_grey_100;
 }
 
-.contentWrapper {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-}
-
 .notifications {
-  padding: 35px 120px 0;
+  padding: 24px 0 32px 0;
 }
 
 .notification {
@@ -49,35 +53,18 @@
   margin-bottom: 0;
 }
 
-.contentHandler {
-  padding: 10px 40px;
-  display: flex;
-  justify-content: space-between;
-}
-
-.dashboardAside {
+.leftMenu {
   scroll-behavior: unset;
   min-width: 223px;
   background: xtraLightGrey;
 }
 
-.contentView {
-  flex-grow: 1;
-  width: 980px;
-  text-align: left;
-  position: relative;
-  margin: 0 auto;
-  line-height: 1.4em;
-}
-
-.dashboardContent {
-  padding: 1rem;
-  text-align: left;
-  position: relative;
-  margin: 0 auto;
-  margin-top: 16px;
-  line-height: 1.4em;
-  border: 1px solid light;
+.contentWrapper {
+  width: 100%;
+  padding: 0 64px;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
 }
 
 .selectedElement {
@@ -103,46 +90,15 @@
   margin: 32px 20px 54px 20px;
 }
 
-@media desktop {
-  .contentHandler {
-    flex-direction: column;
-    flex-wrap: wrap;
-    justify-content: center;
-    width: 90%;
-    margin: 0 auto;
-  }
-
-  .contentHandler:first-child {
-    width: 80%;
-  }
-
-  .contentHandler:nth-child(2) {
-    width: 80%;
-  }
-
-  .contentView {
-    width: 92.4%;
-    margin: 0 auto;
-    margin-right: 17px;
-  }
-}
-
 @media tablet {
   .container {
     scroll-behavior: unset;
-  }
-
-  .contentView {
-    margin: 0 auto;
-    margin-right: 16px;
+    margin: 0;
+    padding: 10px 10px;
   }
 }
 
 @media mobile {
-  .contentHandler:first-child {
-    width: 85%;
-  }
-
   .notification {
     margin: 0 auto;
   }

package/lib/template/back-office/brand-update/test/fixtures/default.js

@@ -41,64 +41,7 @@ const items = [{
   href: '#brand/samsung/content-creation',
   selected: false,
   isOpen: true,
-  type: 'collapsibleTab',
-  tabs: [{
-    title: 'My platform',
-    href: '#/myplatform',
-    selected: true,
-    subTabs: [{
-      name: 'general-settings',
-      title: 'general-settings',
-      href: `general-settings`,
-      selected: false
-    }, {
-      name: 'sso',
-      title: 'sso',
-      href: `sso`,
-      selected: false
-    }, {
-      name: 'danger-zone',
-      title: 'danger-zone',
-      href: `danger-zone`,
-      selected: false
-    }, {
-      name: 'manage-users',
-      title: 'manage-users',
-      href: `manage-users`,
-      selected: true
-    }, {
-      name: 'upload-users',
-      title: 'upload-users',
-      href: `upload-users`,
-      selected: false
-    }, {
-      name: 'lms',
-      title: 'lms',
-      href: `lms`,
-      selected: false
-    }, {
-      name: 'teams',
-      title: 'teams',
-      href: `teams`,
-      selected: false
-    }]
-  }, {
-    title: 'Look and Feel',
-    href: '#/look-and-feel',
-    selected: false
-  }, {
-    title: 'Settings',
-    href: '#/settings',
-    selected: false
-  }, {
-    title: 'Any',
-    href: '#/any',
-    selected: false
-  }, {
-    title: 'Many',
-    href: '#/many',
-    selected: false
-  }]
+  type: 'collapsibleTab'
 }, {
   title: 'Analytics',
   key: 'analytics',

package/lib/template/back-office/brand-update/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/default.js"],"names":["items","title","key","href","open","undefined","selected","type","isOpen","tabs","subTabs","name","props","header","Header","notifications","logo","content","groups"],"mappings":"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","sourcesContent":["import Header from '../../../../../organism/setup-header/test/fixtures/default';\n\nexport const items = [\n  {\n    title: 'My Dashboard',\n    key: 'dashboard',\n    href: '#brand/samsung/dashboard',\n    open: undefined,\n    selected: true,\n    type: 'simpleTab'\n  },\n  {\n    title: 'Administration',\n    key: 'administration',\n    href: '#brand/samsung/administration',\n    open: false,\n    selected: false,\n    type: 'collapsibleTab'\n  },\n  {\n    title: 'Editorialization',\n    key: 'editorialization',\n    href: '#brand/samsung/editorialization',\n    type: 'iconLink',\n    open: false,\n    selected: false\n  },\n  {\n    title: 'Content Creation',\n    key: 'contentCreation',\n    href: '#brand/samsung/content-creation',\n    open: false,\n    selected: false,\n    type: 'iconLink'\n  },\n  {\n    title: 'Animation',\n    key: 'animation',\n    href: '#brand/samsung/content-creation',\n    selected: false,\n    isOpen: true,\n    type: 'collapsibleTab',\n    tabs: [\n      {\n        title: 'My platform',\n        href: '#/myplatform',\n        selected: true,\n        subTabs: [\n          {\n            name: 'general-settings',\n            title: 'general-settings',\n            href: `general-settings`,\n            selected: false\n          },\n          {\n            name: 'sso',\n            title: 'sso',\n            href: `sso`,\n            selected: false\n          },\n          {\n            name: 'danger-zone',\n            title: 'danger-zone',\n            href: `danger-zone`,\n            selected: false\n          },\n          {\n            name: 'manage-users',\n            title: 'manage-users',\n            href: `manage-users`,\n            selected: true\n          },\n          {\n            name: 'upload-users',\n            title: 'upload-users',\n            href: `upload-users`,\n            selected: false\n          },\n          {\n            name: 'lms',\n            title: 'lms',\n            href: `lms`,\n            selected: false\n          },\n          {\n            name: 'teams',\n            title: 'teams',\n            href: `teams`,\n            selected: false\n          }\n        ]\n      },\n      {title: 'Look and Feel', href: '#/look-and-feel', selected: false},\n      {title: 'Settings', href: '#/settings', selected: false},\n      {title: 'Any', href: '#/any', selected: false},\n      {title: 'Many', href: '#/many', selected: false}\n    ]\n  },\n  {\n    title: 'Analytics',\n    key: 'analytics',\n    href: '#brand/samsung/analytics',\n    open: false,\n    selected: false,\n    type: 'collapsibleTab',\n    tabs: [\n      {title: 'SSO', href: '#/sso', selected: false, type: 'iconLink'},\n      {title: 'Look and Feel', href: '#/look-and-feel', selected: false},\n      {title: 'Settings', href: '#/settings', selected: false},\n      {title: 'Any', href: '#/any', selected: false},\n      {title: 'Many', href: '#/many', selected: false}\n    ]\n  }\n];\n\nexport default {\n  props: {\n    header: Header.props,\n    notifications: [],\n    items,\n    logo: '',\n    content: {\n      type: 'form',\n      groups: []\n    }\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/default.js"],"names":["items","title","key","href","open","undefined","selected","type","isOpen","tabs","props","header","Header","notifications","logo","content","groups"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,KAAK,GAAG,CACnB;AACEC,EAAAA,KAAK,EAAE,cADT;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,IAAI,EAAE,0BAHR;AAIEC,EAAAA,IAAI,EAAEC,SAJR;AAKEC,EAAAA,QAAQ,EAAE,IALZ;AAMEC,EAAAA,IAAI,EAAE;AANR,CADmB,EASnB;AACEN,EAAAA,KAAK,EAAE,gBADT;AAEEC,EAAAA,GAAG,EAAE,gBAFP;AAGEC,EAAAA,IAAI,EAAE,+BAHR;AAIEC,EAAAA,IAAI,EAAE,KAJR;AAKEE,EAAAA,QAAQ,EAAE,KALZ;AAMEC,EAAAA,IAAI,EAAE;AANR,CATmB,EAiBnB;AACEN,EAAAA,KAAK,EAAE,kBADT;AAEEC,EAAAA,GAAG,EAAE,kBAFP;AAGEC,EAAAA,IAAI,EAAE,iCAHR;AAIEI,EAAAA,IAAI,EAAE,UAJR;AAKEH,EAAAA,IAAI,EAAE,KALR;AAMEE,EAAAA,QAAQ,EAAE;AANZ,CAjBmB,EAyBnB;AACEL,EAAAA,KAAK,EAAE,kBADT;AAEEC,EAAAA,GAAG,EAAE,iBAFP;AAGEC,EAAAA,IAAI,EAAE,iCAHR;AAIEC,EAAAA,IAAI,EAAE,KAJR;AAKEE,EAAAA,QAAQ,EAAE,KALZ;AAMEC,EAAAA,IAAI,EAAE;AANR,CAzBmB,EAiCnB;AACEN,EAAAA,KAAK,EAAE,WADT;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,IAAI,EAAE,iCAHR;AAIEG,EAAAA,QAAQ,EAAE,KAJZ;AAKEE,EAAAA,MAAM,EAAE,IALV;AAMED,EAAAA,IAAI,EAAE;AANR,CAjCmB,EAyCnB;AACEN,EAAAA,KAAK,EAAE,WADT;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,IAAI,EAAE,0BAHR;AAIEC,EAAAA,IAAI,EAAE,KAJR;AAKEE,EAAAA,QAAQ,EAAE,KALZ;AAMEC,EAAAA,IAAI,EAAE,gBANR;AAOEE,EAAAA,IAAI,EAAE,CACJ;AAACR,IAAAA,KAAK,EAAE,KAAR;AAAeE,IAAAA,IAAI,EAAE,OAArB;AAA8BG,IAAAA,QAAQ,EAAE,KAAxC;AAA+CC,IAAAA,IAAI,EAAE;AAArD,GADI,EAEJ;AAACN,IAAAA,KAAK,EAAE,eAAR;AAAyBE,IAAAA,IAAI,EAAE,iBAA/B;AAAkDG,IAAAA,QAAQ,EAAE;AAA5D,GAFI,EAGJ;AAACL,IAAAA,KAAK,EAAE,UAAR;AAAoBE,IAAAA,IAAI,EAAE,YAA1B;AAAwCG,IAAAA,QAAQ,EAAE;AAAlD,GAHI,EAIJ;AAACL,IAAAA,KAAK,EAAE,KAAR;AAAeE,IAAAA,IAAI,EAAE,OAArB;AAA8BG,IAAAA,QAAQ,EAAE;AAAxC,GAJI,EAKJ;AAACL,IAAAA,KAAK,EAAE,MAAR;AAAgBE,IAAAA,IAAI,EAAE,QAAtB;AAAgCG,IAAAA,QAAQ,EAAE;AAA1C,GALI;AAPR,CAzCmB,CAAd;;eA0DQ;AACbI,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,kBAAOF,KADV;AAELG,IAAAA,aAAa,EAAE,EAFV;AAGLb,IAAAA,KAHK;AAILc,IAAAA,IAAI,EAAE,EAJD;AAKLC,IAAAA,OAAO,EAAE;AACPR,MAAAA,IAAI,EAAE,MADC;AAEPS,MAAAA,MAAM,EAAE;AAFD;AALJ;AADM,C","sourcesContent":["import Header from '../../../../../organism/setup-header/test/fixtures/default';\n\nexport const items = [\n  {\n    title: 'My Dashboard',\n    key: 'dashboard',\n    href: '#brand/samsung/dashboard',\n    open: undefined,\n    selected: true,\n    type: 'simpleTab'\n  },\n  {\n    title: 'Administration',\n    key: 'administration',\n    href: '#brand/samsung/administration',\n    open: false,\n    selected: false,\n    type: 'collapsibleTab'\n  },\n  {\n    title: 'Editorialization',\n    key: 'editorialization',\n    href: '#brand/samsung/editorialization',\n    type: 'iconLink',\n    open: false,\n    selected: false\n  },\n  {\n    title: 'Content Creation',\n    key: 'contentCreation',\n    href: '#brand/samsung/content-creation',\n    open: false,\n    selected: false,\n    type: 'iconLink'\n  },\n  {\n    title: 'Animation',\n    key: 'animation',\n    href: '#brand/samsung/content-creation',\n    selected: false,\n    isOpen: true,\n    type: 'collapsibleTab'\n  },\n  {\n    title: 'Analytics',\n    key: 'analytics',\n    href: '#brand/samsung/analytics',\n    open: false,\n    selected: false,\n    type: 'collapsibleTab',\n    tabs: [\n      {title: 'SSO', href: '#/sso', selected: false, type: 'iconLink'},\n      {title: 'Look and Feel', href: '#/look-and-feel', selected: false},\n      {title: 'Settings', href: '#/settings', selected: false},\n      {title: 'Any', href: '#/any', selected: false},\n      {title: 'Many', href: '#/many', selected: false}\n    ]\n  }\n];\n\nexport default {\n  props: {\n    header: Header.props,\n    notifications: [],\n    items,\n    logo: '',\n    content: {\n      type: 'form',\n      groups: []\n    }\n  }\n};\n"],"file":"default.js"}

package/lib/template/back-office/brand-update/test/fixtures/general-settings.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _cloneDeep2 = _interopRequireDefault(require("lodash/fp/cloneDeep"));
+
 var _defaultsDeep2 = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
 
 var _generalSettings = _interopRequireDefault(require("../../../../../organism/brand-form/test/fixtures/general-settings"));
@@ -11,12 +13,83 @@ var _default2 = _interopRequireDefault(require("./default"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const {
-  props
-} = _default2.default;
+const props = (0, _cloneDeep2.default)(_default2.default.props);
 const {
   groups
 } = _generalSettings.default.props;
+props.items[0].selected = false;
+props.items[1].selected = true;
+props.items[1].tabs = [{
+  title: 'My Platform',
+  href: '/brands/7steps/admin/my-platform/general-settings',
+  name: 'brand_tab_admin_my_platform',
+  selected: true,
+  type: 'simpleTab',
+  subTabs: [{
+    title: 'General Settings',
+    href: '/brands/7steps/admin/my-platform/general-settings',
+    name: 'general-settings',
+    permissions: ['general-settings'],
+    selected: true,
+    type: 'simpleTab'
+  }, {
+    title: 'SSO',
+    href: '/brands/7steps/admin/my-platform/sso',
+    name: 'sso',
+    permissions: ['sso'],
+    selected: false,
+    type: 'simpleTab'
+  }, {
+    title: 'Danger Zone',
+    href: '/brands/7steps/admin/my-platform/danger-zone',
+    name: 'danger-zone',
+    permissions: ['danger-zone'],
+    selected: false,
+    type: 'simpleTab'
+  }]
+}, {
+  title: 'User',
+  href: '/brands/7steps/admin/user/manage',
+  name: 'brand_tab_admin_user',
+  selected: false,
+  type: 'simpleTab',
+  subTabs: [{
+    title: 'Manage Users',
+    href: '/brands/7steps/admin/user/manage',
+    name: 'manage',
+    permissions: ['list-users'],
+    selected: false,
+    type: 'simpleTab'
+  }, {
+    title: 'Upload Users',
+    href: '/brands/7steps/admin/user/upload',
+    name: 'upload',
+    permissions: ['upload-users'],
+    selected: false,
+    type: 'simpleTab'
+  }]
+}, {
+  title: 'Integration',
+  href: '/brands/7steps/admin/integration/lms',
+  name: 'brand_tab_admin_integration',
+  selected: false,
+  type: 'simpleTab',
+  subTabs: [{
+    title: 'LMS',
+    href: '/brands/7steps/admin/integration/lms',
+    name: 'lms',
+    permissions: ['lms'],
+    selected: false,
+    type: 'simpleTab'
+  }, {
+    title: 'Teams',
+    href: '/brands/7steps/admin/integration/teams',
+    name: 'teams',
+    permissions: ['teams'],
+    selected: false,
+    type: 'simpleTab'
+  }]
+}];
 var _default = {
   props: (0, _defaultsDeep2.default)(props, {
     content: {