@coorpacademy/components 10.1.15 → 10.3.0

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

@@ -17,6 +17,8 @@ var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _find = _interopRequireDefault(require("lodash/fp/find"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _brandTabs = _interopRequireDefault(require("../../../molecule/brand-tabs"));
 
 var _sidebar = require("../../../organism/sidebar");
@@ -31,6 +33,8 @@ var _brandAnalytics = _interopRequireDefault(require("../../../organism/brand-an
 
 var _brandDashboard = _interopRequireDefault(require("../../../organism/brand-dashboard"));
 
+var _wizardContents = _interopRequireDefault(require("../../../organism/wizard-contents"));
+
 var _banner = _interopRequireDefault(require("../../../molecule/banner"));
 
 var _setupHeader = _interopRequireDefault(require("../../../organism/setup-header"));
@@ -82,7 +86,7 @@ const buildLeftNavigation = (logo, items, onItemClick) => {
     className: _style.default.subTabsView
   }, subTabsView(tab.tabs)))(items);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.leftMenu
+    className: _style.default.navigation
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.logo
   }, /*#__PURE__*/_react.default.createElement("a", {
@@ -112,10 +116,9 @@ const buildNotifications = notifications => {
   }, notificationsList);
 };
 
-const buildHeader = (header, notifications) => {
-  const headerStyle = (0, _isEmpty.default)(notifications) ? _style.default.header : _style.default.headerForNotifications;
+const buildHeader = header => {
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: headerStyle
+    className: _style.default.header
   }, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header));
 };
 
@@ -155,6 +158,9 @@ const buildContentView = content => {
 
     case 'home':
       return /*#__PURE__*/_react.default.createElement(_brandDashboard.default, content);
+
+    case 'wizard':
+      return /*#__PURE__*/_react.default.createElement(_wizardContents.default, content);
   }
 };
 
@@ -179,18 +185,25 @@ const BrandUpdate = props => {
   const tabsView = buildTabs(items);
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
+  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
-  }, leftNavigation, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.left
+  }, leftNavigation), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentWrapper
-  }, headerView, notificationsView, tabsView, contentView, detailsView));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.headerSticky
+  }, headerView), /*#__PURE__*/_react.default.createElement("div", {
+    className: contentStyle
+  }, notificationsView, tabsView, contentView, detailsView)));
 };
 
 BrandUpdate.defaultProps = {
   notifications: []
 };
 BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
-  notifications: _propTypes.default.arrayOf(_propTypes.default.shape(_banner.default.propTypes)),
+  notifications: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _banner.default.propTypes))),
   header: _propTypes.default.shape(_extends({}, _setupHeader.default.propTypes)),
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     key: _propTypes.default.string,
@@ -226,6 +239,9 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
   })), _propTypes.default.shape(_extends(_extends({}, _brandDashboard.default.propTypes), {}, {
     key: _propTypes.default.string,
     type: _propTypes.default.oneOf(['home'])
+  })), _propTypes.default.shape(_extends(_extends({}, _wizardContents.default.propTypes), {}, {
+    key: _propTypes.default.string,
+    type: _propTypes.default.oneOf(['wizard'])
   }))]),
   details: _propTypes.default.shape(_extends(_extends({}, _brandTable.default.propTypes), {}, {
     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":["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"}
+{"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","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildTabs","selectedTab","e","showTabs","subTabs","buildContentView","content","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","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 classNames from 'classnames';\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 WizardContents from '../../../organism/wizard-contents';\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.navigation}>\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 => {\n  return (\n    <div className={style.header}>\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    case 'wizard':\n      return <WizardContents {...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  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\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    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\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

@@ -1,5 +1,6 @@
 @value colors: "../../../variables/colors.css";
 @value light from colors;
+@value white from colors;
 @value xtraLightGrey from colors;
 @value cm_grey_100 from colors;
 @value black from colors;
@@ -11,21 +12,31 @@
 @value wide from breakpoints;
 
 .container {
-  width: 100%;
   height: 100%;
   scroll-behavior: unset;
   margin: 0 auto;
-  padding-bottom: 80px 20px;
   display: flex;
-  font-family: "Open Sans";
 }
 
-.header {
-  margin: 24px 0 56px 0;
+.left {
+  width: 223px;
+}
+
+.contentWrapper {
+  width: calc(100% - 351px);
+  padding: 0 64px 0 64px;
 }
 
-.headerForNotifications {
-  margin: 24px 0 0 0;
+.headerSticky {
+  overflow: hidden;
+  background-color: white;
+  position: fixed;
+  width: calc(100% - 351px);
+  z-index: 999;
+}
+
+.header {
+  padding: 24px 0 5px 0;
 }
 
 .tabs {
@@ -42,7 +53,7 @@
 }
 
 .notifications {
-  padding: 24px 0 32px 0;
+  padding: 0 0 32px 0;
 }
 
 .notification {
@@ -53,18 +64,27 @@
   margin-bottom: 0;
 }
 
-.leftMenu {
+.navigation {
   scroll-behavior: unset;
-  min-width: 223px;
   background: xtraLightGrey;
+  position: fixed;
+  left: 0;
+  height: 100%;
+  overflow: scroll;
+  z-index: 999;
 }
 
-.contentWrapper {
+.content {
   width: 100%;
-  padding: 0 64px;
   display: flex;
   flex-direction: column;
   overflow: auto;
+  top: 124px;
+  position: relative;
+}
+
+.contentWithNotifications {
+  top: 100px;
 }
 
 .selectedElement {
@@ -90,11 +110,23 @@
   margin: 32px 20px 54px 20px;
 }
 
-@media tablet {
+@media desktop, tablet {
   .container {
     scroll-behavior: unset;
     margin: 0;
-    padding: 10px 10px;
+  }
+
+  .content {
+    height: calc(100% - 143px);
+  }
+
+  .headerSticky {
+    width: calc(100% - 287px);
+  }
+
+  .contentWrapper {
+    width: calc(100% - 287px);
+    padding: 0 32px 0 32px;
   }
 }
 

package/lib/template/back-office/brand-update/test/fixtures/wizard-add-courses-playlist.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _playlistAddCoursesCreate = _interopRequireDefault(require("../../../../../organism/wizard-contents/test/fixtures/playlist-add-courses-create"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 {
+  header,
+  items
+} = _default2.default.props;
+const form = _playlistAddCoursesCreate.default.props;
+var _default = {
+  props: {
+    header,
+    items,
+    notifications: [],
+    content: _extends(_extends({}, form), {}, {
+      key: 'add-courses',
+      type: 'wizard'
+    })
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=wizard-add-courses-playlist.js.map

package/lib/template/back-office/brand-update/test/fixtures/wizard-add-courses-playlist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/wizard-add-courses-playlist.js"],"names":["header","items","headerAndMenu","props","form","WizardForm","notifications","content","key","type"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA,MAAD;AAASC,EAAAA;AAAT,IAAkBC,kBAAcC,KAAtC;AACA,MAAMC,IAAI,GAAGC,kCAAWF,KAAxB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLH,IAAAA,MADK;AAELC,IAAAA,KAFK;AAGLK,IAAAA,aAAa,EAAE,EAHV;AAILC,IAAAA,OAAO,wBACFH,IADE;AAELI,MAAAA,GAAG,EAAE,aAFA;AAGLC,MAAAA,IAAI,EAAE;AAHD;AAJF;AADM,C","sourcesContent":["import WizardForm from '../../../../../organism/wizard-contents/test/fixtures/playlist-add-courses-create';\nimport headerAndMenu from './default';\n\nconst {header, items} = headerAndMenu.props;\nconst form = WizardForm.props;\n\nexport default {\n  props: {\n    header,\n    items,\n    notifications: [],\n    content: {\n      ...form,\n      key: 'add-courses',\n      type: 'wizard'\n    }\n  }\n};\n"],"file":"wizard-add-courses-playlist.js"}

package/lib/template/back-office/brand-update/test/fixtures/wizard-form-create-playlist.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _playlistGeneralSettingsCreate = _interopRequireDefault(require("../../../../../organism/wizard-contents/test/fixtures/playlist-general-settings-create"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 {
+  header,
+  items
+} = _default2.default.props;
+const form = _playlistGeneralSettingsCreate.default.props;
+var _default = {
+  props: {
+    notifications: [],
+    header,
+    items,
+    content: _extends(_extends({}, form), {}, {
+      key: 'general-settings',
+      type: 'wizard'
+    })
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=wizard-form-create-playlist.js.map

package/lib/template/back-office/brand-update/test/fixtures/wizard-form-create-playlist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/wizard-form-create-playlist.js"],"names":["header","items","headerAndMenu","props","form","WizardForm","notifications","content","key","type"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA,MAAD;AAASC,EAAAA;AAAT,IAAkBC,kBAAcC,KAAtC;AACA,MAAMC,IAAI,GAAGC,uCAAWF,KAAxB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLG,IAAAA,aAAa,EAAE,EADV;AAELN,IAAAA,MAFK;AAGLC,IAAAA,KAHK;AAILM,IAAAA,OAAO,wBACFH,IADE;AAELI,MAAAA,GAAG,EAAE,kBAFA;AAGLC,MAAAA,IAAI,EAAE;AAHD;AAJF;AADM,C","sourcesContent":["import WizardForm from '../../../../../organism/wizard-contents/test/fixtures/playlist-general-settings-create';\nimport headerAndMenu from './default';\n\nconst {header, items} = headerAndMenu.props;\nconst form = WizardForm.props;\n\nexport default {\n  props: {\n    notifications: [],\n    header,\n    items,\n    content: {\n      ...form,\n      key: 'general-settings',\n      type: 'wizard'\n    }\n  }\n};\n"],"file":"wizard-form-create-playlist.js"}

package/lib/template/back-office/brand-update/test/fixtures/wizard-form-edit-playlist.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("../../../../../molecule/banner/test/fixtures/default"));
+
+var _playlistGeneralSettingsEdit = _interopRequireDefault(require("../../../../../organism/wizard-contents/test/fixtures/playlist-general-settings-edit"));
+
+var _default3 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 {
+  header,
+  items
+} = _default3.default.props;
+const form = _playlistGeneralSettingsEdit.default.props;
+var _default = {
+  props: {
+    header,
+    items,
+    notifications: [_default2.default.props],
+    content: _extends(_extends({}, form), {}, {
+      key: 'general-settings',
+      type: 'wizard'
+    })
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=wizard-form-edit-playlist.js.map

package/lib/template/back-office/brand-update/test/fixtures/wizard-form-edit-playlist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/wizard-form-edit-playlist.js"],"names":["header","items","headerAndMenu","props","form","WizardForm","notifications","warningNotifiation","content","key","type"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA,MAAD;AAASC,EAAAA;AAAT,IAAkBC,kBAAcC,KAAtC;AACA,MAAMC,IAAI,GAAGC,qCAAWF,KAAxB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLH,IAAAA,MADK;AAELC,IAAAA,KAFK;AAGLK,IAAAA,aAAa,EAAE,CAACC,kBAAmBJ,KAApB,CAHV;AAILK,IAAAA,OAAO,wBACFJ,IADE;AAELK,MAAAA,GAAG,EAAE,kBAFA;AAGLC,MAAAA,IAAI,EAAE;AAHD;AAJF;AADM,C","sourcesContent":["import warningNotifiation from '../../../../../molecule/banner/test/fixtures/default';\nimport WizardForm from '../../../../../organism/wizard-contents/test/fixtures/playlist-general-settings-edit';\nimport headerAndMenu from './default';\n\nconst {header, items} = headerAndMenu.props;\nconst form = WizardForm.props;\n\nexport default {\n  props: {\n    header,\n    items,\n    notifications: [warningNotifiation.props],\n    content: {\n      ...form,\n      key: 'general-settings',\n      type: 'wizard'\n    }\n  }\n};\n"],"file":"wizard-form-edit-playlist.js"}

package/lib/template/back-office/brand-update/test/fixtures/wizard-populations-playlist.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _playlistPopulationsCreate = _interopRequireDefault(require("../../../../../organism/wizard-contents/test/fixtures/playlist-populations-create"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 {
+  header,
+  items
+} = _default2.default.props;
+const form = _playlistPopulationsCreate.default.props;
+var _default = {
+  props: {
+    header,
+    items,
+    notifications: [],
+    content: _extends(_extends({}, form), {}, {
+      key: 'populations',
+      type: 'wizard'
+    })
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=wizard-populations-playlist.js.map

package/lib/template/back-office/brand-update/test/fixtures/wizard-populations-playlist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/wizard-populations-playlist.js"],"names":["header","items","headerAndMenu","props","form","WizardForm","notifications","content","key","type"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA,MAAD;AAASC,EAAAA;AAAT,IAAkBC,kBAAcC,KAAtC;AACA,MAAMC,IAAI,GAAGC,mCAAWF,KAAxB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLH,IAAAA,MADK;AAELC,IAAAA,KAFK;AAGLK,IAAAA,aAAa,EAAE,EAHV;AAILC,IAAAA,OAAO,wBACFH,IADE;AAELI,MAAAA,GAAG,EAAE,aAFA;AAGLC,MAAAA,IAAI,EAAE;AAHD;AAJF;AADM,C","sourcesContent":["import WizardForm from '../../../../../organism/wizard-contents/test/fixtures/playlist-populations-create';\nimport headerAndMenu from './default';\n\nconst {header, items} = headerAndMenu.props;\nconst form = WizardForm.props;\n\nexport default {\n  props: {\n    header,\n    items,\n    notifications: [],\n    content: {\n      ...form,\n      key: 'populations',\n      type: 'wizard'\n    }\n  }\n};\n"],"file":"wizard-populations-playlist.js"}

package/lib/template/back-office/brand-update/test/fixtures/wizard-translate-playlist.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _playlistTranslateEdit = _interopRequireDefault(require("../../../../../organism/wizard-contents/test/fixtures/playlist-translate-edit"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 {
+  header,
+  items
+} = _default2.default.props;
+const form = _playlistTranslateEdit.default.props;
+var _default = {
+  props: {
+    header,
+    items,
+    notifications: [],
+    content: _extends(_extends({}, form), {}, {
+      key: 'translate',
+      type: 'wizard'
+    })
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=wizard-translate-playlist.js.map

package/lib/template/back-office/brand-update/test/fixtures/wizard-translate-playlist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/wizard-translate-playlist.js"],"names":["header","items","headerAndMenu","props","form","WizardForm","notifications","content","key","type"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA,MAAD;AAASC,EAAAA;AAAT,IAAkBC,kBAAcC,KAAtC;AACA,MAAMC,IAAI,GAAGC,+BAAWF,KAAxB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLH,IAAAA,MADK;AAELC,IAAAA,KAFK;AAGLK,IAAAA,aAAa,EAAE,EAHV;AAILC,IAAAA,OAAO,wBACFH,IADE;AAELI,MAAAA,GAAG,EAAE,WAFA;AAGLC,MAAAA,IAAI,EAAE;AAHD;AAJF;AADM,C","sourcesContent":["import WizardForm from '../../../../../organism/wizard-contents/test/fixtures/playlist-translate-edit';\nimport headerAndMenu from './default';\n\nconst {header, items} = headerAndMenu.props;\nconst form = WizardForm.props;\n\nexport default {\n  props: {\n    header,\n    items,\n    notifications: [],\n    content: {\n      ...form,\n      key: 'translate',\n      type: 'wizard'\n    }\n  }\n};\n"],"file":"wizard-translate-playlist.js"}

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

@@ -50,8 +50,6 @@ var _manageusersEdit = _interopRequireDefault(require("./fixtures/manageusers-ed
 
 var _manageusersList = _interopRequireDefault(require("./fixtures/manageusers-list"));
 
-var _manageusers = _interopRequireDefault(require("./fixtures/manageusers"));
-
 var _quickAccess = _interopRequireDefault(require("./fixtures/quick-access"));
 
 var _ssoActivate = _interopRequireDefault(require("./fixtures/sso-activate"));
@@ -64,6 +62,16 @@ var _uploadusersSuccessful = _interopRequireDefault(require("./fixtures/uploadus
 
 var _uploadusers = _interopRequireDefault(require("./fixtures/uploadusers"));
 
+var _wizardAddCoursesPlaylist = _interopRequireDefault(require("./fixtures/wizard-add-courses-playlist"));
+
+var _wizardFormCreatePlaylist = _interopRequireDefault(require("./fixtures/wizard-form-create-playlist"));
+
+var _wizardFormEditPlaylist = _interopRequireDefault(require("./fixtures/wizard-form-edit-playlist"));
+
+var _wizardPopulationsPlaylist = _interopRequireDefault(require("./fixtures/wizard-populations-playlist"));
+
+var _wizardTranslatePlaylist = _interopRequireDefault(require("./fixtures/wizard-translate-playlist"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate > should have valid propTypes', t => {
@@ -93,11 +101,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lookandfeel › should be rendered', _renderComponent.default, _.default, _lookandfeel.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', _renderComponent.default, _.default, _manageusersEdit.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', _renderComponent.default, _.default, _manageusersList.default);
-(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Manageusers › should be rendered', _renderComponent.default, _.default, _manageusers.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', _renderComponent.default, _.default, _quickAccess.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', _renderComponent.default, _.default, _ssoActivate.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', _renderComponent.default, _.default, _sso.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersLoading › should be rendered', _renderComponent.default, _.default, _uploadusersLoading.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersSuccessful › should be rendered', _renderComponent.default, _.default, _uploadusersSuccessful.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Uploadusers › should be rendered', _renderComponent.default, _.default, _uploadusers.default);
+(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardAddCoursesPlaylist › should be rendered', _renderComponent.default, _.default, _wizardAddCoursesPlaylist.default);
+(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardFormCreatePlaylist › should be rendered', _renderComponent.default, _.default, _wizardFormCreatePlaylist.default);
+(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardFormEditPlaylist › should be rendered', _renderComponent.default, _.default, _wizardFormEditPlaylist.default);
+(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardPopulationsPlaylist › should be rendered', _renderComponent.default, _.default, _wizardPopulationsPlaylist.default);
+(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardTranslatePlaylist › should be rendered', _renderComponent.default, _.default, _wizardTranslatePlaylist.default);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/back-office/brand-update/test/fixtures.js"],"names":["t","pass","TemplateBackOfficeBrandUpdate","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureAnimations","fixtureCohortError","fixtureCohort","fixtureDashboard","fixtureDashboardsAnalytics","fixtureDefault","fixtureGeneralSettingsSuccess","fixtureGeneralSettings","fixtureLmsError","fixtureLmsModified","fixtureLmsSuccess","fixtureLms","fixtureLoader","fixtureLookandfeelError","fixtureLookandfeelModified","fixtureLookandfeelPending","fixtureLookandfeelSuccess","fixtureLookandfeel","fixtureManageusersEdit","fixtureManageusersList","fixtureManageusers","fixtureQuickAccess","fixtureSsoActivate","fixtureSso","fixtureUploadusersLoading","fixtureUploadusersSuccessful","fixtureUploadusers"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateBackOfficeBrandUpdate from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohortError from './fixtures/cohort-error';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDashboardsAnalytics from './fixtures/dashboards-analytics';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettingsSuccess from './fixtures/general-settings-success';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLmsError from './fixtures/lms-error';\nimport fixtureLmsModified from './fixtures/lms-modified';\nimport fixtureLmsSuccess from './fixtures/lms-success';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLoader from './fixtures/loader';\nimport fixtureLookandfeelError from './fixtures/lookandfeel-error';\nimport fixtureLookandfeelModified from './fixtures/lookandfeel-modified';\nimport fixtureLookandfeelPending from './fixtures/lookandfeel-pending';\nimport fixtureLookandfeelSuccess from './fixtures/lookandfeel-success';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureManageusersList from './fixtures/manageusers-list';\nimport fixtureManageusers from './fixtures/manageusers';\nimport fixtureQuickAccess from './fixtures/quick-access';\nimport fixtureSsoActivate from './fixtures/sso-activate';\nimport fixtureSso from './fixtures/sso';\nimport fixtureUploadusersLoading from './fixtures/uploadusers-loading';\nimport fixtureUploadusersSuccessful from './fixtures/uploadusers-successful';\nimport fixtureUploadusers from './fixtures/uploadusers';\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateBackOfficeBrandUpdate.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateBackOffice.TemplateBackOfficeBrandUpdate.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Analytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Animations › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnimations);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › CohortError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohortError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Cohort › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohort);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Dashboard › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboard);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › DashboardsAnalytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboardsAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Default › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDefault);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettingsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettingsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettings › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettings);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lms › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLms);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Loader › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLoader);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelPending › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelPending);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lookandfeel › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeel);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersEdit);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersList);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Manageusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusers);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureQuickAccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSsoActivate);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSso);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersLoading › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersLoading);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersSuccessful › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersSuccessful);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Uploadusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusers);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../../src/template/back-office/brand-update/test/fixtures.js"],"names":["t","pass","TemplateBackOfficeBrandUpdate","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureAnimations","fixtureCohortError","fixtureCohort","fixtureDashboard","fixtureDashboardsAnalytics","fixtureDefault","fixtureGeneralSettingsSuccess","fixtureGeneralSettings","fixtureLmsError","fixtureLmsModified","fixtureLmsSuccess","fixtureLms","fixtureLoader","fixtureLookandfeelError","fixtureLookandfeelModified","fixtureLookandfeelPending","fixtureLookandfeelSuccess","fixtureLookandfeel","fixtureManageusersEdit","fixtureManageusersList","fixtureQuickAccess","fixtureSsoActivate","fixtureSso","fixtureUploadusersLoading","fixtureUploadusersSuccessful","fixtureUploadusers","fixtureWizardAddCoursesPlaylist","fixtureWizardFormCreatePlaylist","fixtureWizardFormEditPlaylist","fixtureWizardPopulationsPlaylist","fixtureWizardTranslatePlaylist"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateBackOfficeBrandUpdate from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohortError from './fixtures/cohort-error';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDashboardsAnalytics from './fixtures/dashboards-analytics';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettingsSuccess from './fixtures/general-settings-success';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLmsError from './fixtures/lms-error';\nimport fixtureLmsModified from './fixtures/lms-modified';\nimport fixtureLmsSuccess from './fixtures/lms-success';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLoader from './fixtures/loader';\nimport fixtureLookandfeelError from './fixtures/lookandfeel-error';\nimport fixtureLookandfeelModified from './fixtures/lookandfeel-modified';\nimport fixtureLookandfeelPending from './fixtures/lookandfeel-pending';\nimport fixtureLookandfeelSuccess from './fixtures/lookandfeel-success';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureManageusersList from './fixtures/manageusers-list';\nimport fixtureQuickAccess from './fixtures/quick-access';\nimport fixtureSsoActivate from './fixtures/sso-activate';\nimport fixtureSso from './fixtures/sso';\nimport fixtureUploadusersLoading from './fixtures/uploadusers-loading';\nimport fixtureUploadusersSuccessful from './fixtures/uploadusers-successful';\nimport fixtureUploadusers from './fixtures/uploadusers';\nimport fixtureWizardAddCoursesPlaylist from './fixtures/wizard-add-courses-playlist';\nimport fixtureWizardFormCreatePlaylist from './fixtures/wizard-form-create-playlist';\nimport fixtureWizardFormEditPlaylist from './fixtures/wizard-form-edit-playlist';\nimport fixtureWizardPopulationsPlaylist from './fixtures/wizard-populations-playlist';\nimport fixtureWizardTranslatePlaylist from './fixtures/wizard-translate-playlist';\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateBackOfficeBrandUpdate.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateBackOffice.TemplateBackOfficeBrandUpdate.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Analytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Animations › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnimations);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › CohortError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohortError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Cohort › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohort);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Dashboard › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboard);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › DashboardsAnalytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboardsAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Default › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDefault);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettingsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettingsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettings › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettings);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lms › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLms);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Loader › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLoader);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelPending › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelPending);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lookandfeel › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeel);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersEdit);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersList);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureQuickAccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSsoActivate);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSso);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersLoading › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersLoading);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersSuccessful › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersSuccessful);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Uploadusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusers);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardAddCoursesPlaylist › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureWizardAddCoursesPlaylist);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardFormCreatePlaylist › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureWizardFormCreatePlaylist);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardFormEditPlaylist › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureWizardFormEditPlaylist);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardPopulationsPlaylist › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureWizardPopulationsPlaylist);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › WizardTranslatePlaylist › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureWizardTranslatePlaylist);\n"],"file":"fixtures.js"}

package/lib/template/back-office/layout/index.js

@@ -18,7 +18,9 @@ const createLayout = Template => {
     const {
       header
     } = props;
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.header
+    }, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header)), /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.contentWrapper
     }, /*#__PURE__*/_react.default.createElement(Template, props)));
   };

package/lib/template/back-office/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/layout/index.js"],"names":["createLayout","Template","Layout","props","header","style","contentWrapper","propTypes","PropTypes","shape","Header"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,QAAQ,IAAI;AAC/B,QAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,UAAM;AAACC,MAAAA;AAAD,QAAWD,KAAjB;AACA,wBACE,uDACE,6BAAC,oBAAD,EAAYC,MAAZ,CADF,eAEE;AAAK,MAAA,SAAS,EAAEC,eAAMC;AAAtB,oBACE,6BAAC,QAAD,EAAcH,KAAd,CADF,CAFF,CADF;AAQD,GAVD;;AAYAD,EAAAA,MAAM,CAACK,SAAP,2CAAmB;AACjBH,IAAAA,MAAM,EAAEI,mBAAUC,KAAV,CAAgBC,qBAAOH,SAAvB;AADS,GAAnB;AAIA,SAAOL,MAAP;AACD,CAlBD;;eAoBeF,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <Header {...header} />\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/back-office/layout/index.js"],"names":["createLayout","Template","Layout","props","header","style","contentWrapper","propTypes","PropTypes","shape","Header"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,QAAQ,IAAI;AAC/B,QAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,UAAM;AAACC,MAAAA;AAAD,QAAWD,KAAjB;AACA,wBACE,uDACE;AAAK,MAAA,SAAS,EAAEE,eAAMD;AAAtB,oBACE,6BAAC,oBAAD,EAAYA,MAAZ,CADF,CADF,eAIE;AAAK,MAAA,SAAS,EAAEC,eAAMC;AAAtB,oBACE,6BAAC,QAAD,EAAcH,KAAd,CADF,CAJF,CADF;AAUD,GAZD;;AAcAD,EAAAA,MAAM,CAACK,SAAP,2CAAmB;AACjBH,IAAAA,MAAM,EAAEI,mBAAUC,KAAV,CAAgBC,qBAAOH,SAAvB;AADS,GAAnB;AAIA,SAAOL,MAAP;AACD,CApBD;;eAsBeF,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <div className={style.header}>\n          <Header {...header} />\n        </div>\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"file":"index.js"}

package/lib/template/back-office/layout/style.css

@@ -1,3 +1,7 @@
 .contentWrapper {
   padding-top: 80px;
 }
+
+.header {
+  margin: 24px 40px;
+}

package/lib/template/teams-dashboard/index.js

@@ -34,15 +34,13 @@ const TeamsDashboard = ({
   isLoading
 }) => {
   const [isShadowed, setShadowed] = (0, _react.useState)(false);
-  const onMenuOpen = (0, _react.useCallback)(() => setShadowed(true));
-  const onMenuClose = (0, _react.useCallback)(() => setShadowed(false));
-
-  const buildSection = (section, index) => {
+  const onMenuOpen = (0, _react.useCallback)(() => setShadowed(true), []);
+  const onMenuClose = (0, _react.useCallback)(() => setShadowed(false), []);
+  const buildSection = (0, _react.useCallback)((section, index) => {
     return /*#__PURE__*/_react.default.createElement(_cardsList.default, _extends({}, section, {
       key: section.title + index
     }));
-  };
-
+  }, []);
   const sectionsList = (0, _react.useMemo)(() => _map2.default.convert({
     cap: false
   })(buildSection, sections), [buildSection, sections]);