@coorpacademy/components 10.2.2 → 10.3.0

package/lib/organism/wizard-contents/style.css

@@ -0,0 +1,118 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value desktop from breakpoints;
+
+.container {
+  box-sizing: border-box;
+  display: flex;
+  align-items: stretch;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+
+.leftSection {
+  display: block;
+  overflow: hidden;
+  box-sizing: border-box;
+  width: 68%;
+  position: relative;
+}
+
+.rightSection {
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 0 1 320px;
+}
+
+.stickySection {
+  box-sizing: border-box;
+  position: fixed;
+  z-index: 1;
+  bottom: 0;
+  right: 64px;
+  width: 300px;
+}
+
+.header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.headerTitle {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: bold;
+  margin: 0 0 0 16px;
+}
+
+.form {
+  margin: 45px 32px 0 0;
+}
+
+.summaryZone {
+  width: 100%;
+  position: relative;
+  min-height: 500px;
+  justify-content: space-between;
+}
+
+.actionZone {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin: 16px 0;
+}
+
+.button {
+  width: calc(50% - 8px);
+}
+
+.footer {
+  width: 100%;
+  bottom: 0px;
+  display: none;
+  position: inherit;
+}
+
+@media desktop, tablet {
+  .leftSection {
+    width: 100%;
+    min-height: 500px;
+  }
+
+  .rightSection {
+    display: none;
+  }
+
+  .footer {
+    display: flex;
+    align-items: end;
+    bottom: 10px;
+    position: sticky;
+    z-index: 1;
+  }
+  .footer::before {
+    content: '';
+    background: linear-gradient(to top,white 64px, #ffffff00 );
+    bottom: -10px;
+    left: 0px;
+    right: 0px; 
+    height: 84px;
+    position: absolute;
+    z-index: -1;
+  }
+
+  .summaryFooter {
+    width: 57%;
+  }
+
+  .actionFooter {
+    width: 43%;
+  }
+  .actionZone {
+    margin: 0;
+  }
+}

package/lib/organism/wizard-contents/test/fixtures/playlist-add-courses-create.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _threeSections = _interopRequireDefault(require("../../../../molecule/wizard-summary/test/fixtures/three-sections"));
+
+var _default2 = _interopRequireDefault(require("../../../course-selection/test/fixtures/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); }
+
+var _default = {
+  props: {
+    wizardHeader: {
+      title: 'Edit custom playlist',
+      onClick: () => console.log('Close')
+    },
+    steps: [{
+      title: 'General Informations',
+      done: true
+    }, {
+      title: 'Translations',
+      done: true
+    }, {
+      title: 'Assign populations',
+      done: true
+    }, {
+      title: 'Add courses',
+      done: false,
+      current: true
+    }],
+    summary: _threeSections.default.props,
+    content: _extends(_extends({}, _default2.default.props), {}, {
+      type: 'courses'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=playlist-add-courses-create.js.map

package/lib/organism/wizard-contents/test/fixtures/playlist-add-courses-create.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-add-courses-create.js"],"names":["props","wizardHeader","title","onClick","console","log","steps","done","current","summary","wizardSummary","content","addCoursesForm","type","previousStep","label","nextStep"],"mappings":";;;;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,sBADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KADT;AAKLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KADK,EAKL;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KALK,EASL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KATK,EAaL;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KAbK,CALF;AAwBLC,IAAAA,OAAO,EAAEC,uBAAcV,KAxBlB;AAyBLW,IAAAA,OAAO,wBACFC,kBAAeZ,KADb;AAELa,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KA7BT;AAiCLW,IAAAA,QAAQ,EAAE;AACRD,MAAAA,KAAK,EAAE,WADC;AAERZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AAjCL;AADM,C","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';\nimport addCoursesForm from '../../../course-selection/test/fixtures/default';\n\nexport default {\n  props: {\n    wizardHeader: {\n      title: 'Edit custom playlist',\n      onClick: () => console.log('Close')\n    },\n    steps: [\n      {\n        title: 'General Informations',\n        done: true\n      },\n      {\n        title: 'Translations',\n        done: true\n      },\n      {\n        title: 'Assign populations',\n        done: true\n      },\n      {\n        title: 'Add courses',\n        done: false,\n        current: true\n      }\n    ],\n    summary: wizardSummary.props,\n    content: {\n      ...addCoursesForm.props,\n      type: 'courses'\n    },\n    previousStep: {\n      label: 'Previous Step',\n      onClick: () => console.log('Previous Step')\n    },\n    nextStep: {\n      label: 'Next Step',\n      onClick: () => console.log('Next Step')\n    }\n  }\n};\n"],"file":"playlist-add-courses-create.js"}

package/lib/organism/wizard-contents/test/fixtures/playlist-general-settings-create.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _threeSections = _interopRequireDefault(require("../../../../molecule/wizard-summary/test/fixtures/three-sections"));
+
+var _wizardPlaylists = _interopRequireDefault(require("../../../brand-form/test/fixtures/wizard-playlists"));
+
+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); }
+
+var _default = {
+  props: {
+    wizardHeader: {
+      title: 'Create custom playlist',
+      onClick: () => console.log('Close')
+    },
+    steps: [{
+      title: 'General Informations',
+      done: false,
+      current: true
+    }, {
+      title: 'Translations',
+      done: false
+    }, {
+      title: 'Assign populations',
+      done: false
+    }, {
+      title: 'Add courses',
+      done: false
+    }],
+    summary: _threeSections.default.props,
+    content: _extends(_extends({}, _wizardPlaylists.default.props), {}, {
+      type: 'form'
+    }),
+    nextStep: {
+      label: 'Next step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=playlist-general-settings-create.js.map

package/lib/organism/wizard-contents/test/fixtures/playlist-general-settings-create.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-general-settings-create.js"],"names":["props","wizardHeader","title","onClick","console","log","steps","done","current","summary","wizardSummary","content","generalInformation","type","nextStep","label"],"mappings":";;;;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,wBADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KADT;AAKLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KADK,EAML;AACEN,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KANK,EAUL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAVK,EAcL;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAdK,CALF;AAwBLE,IAAAA,OAAO,EAAEC,uBAAcV,KAxBlB;AAyBLW,IAAAA,OAAO,wBACFC,yBAAmBZ,KADjB;AAELa,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,WADC;AAERZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AA7BL;AADM,C","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';\nimport generalInformation from '../../../brand-form/test/fixtures/wizard-playlists';\n\nexport default {\n  props: {\n    wizardHeader: {\n      title: 'Create custom playlist',\n      onClick: () => console.log('Close')\n    },\n    steps: [\n      {\n        title: 'General Informations',\n        done: false,\n        current: true\n      },\n      {\n        title: 'Translations',\n        done: false\n      },\n      {\n        title: 'Assign populations',\n        done: false\n      },\n      {\n        title: 'Add courses',\n        done: false\n      }\n    ],\n    summary: wizardSummary.props,\n    content: {\n      ...generalInformation.props,\n      type: 'form'\n    },\n    nextStep: {\n      label: 'Next step',\n      onClick: () => console.log('Next Step')\n    }\n  }\n};\n"],"file":"playlist-general-settings-create.js"}

package/lib/organism/wizard-contents/test/fixtures/playlist-general-settings-edit.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _oneSection = _interopRequireDefault(require("../../../../molecule/wizard-summary/test/fixtures/one-section"));
+
+var _wizardPlaylists = _interopRequireDefault(require("../../../brand-form/test/fixtures/wizard-playlists"));
+
+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); }
+
+var _default = {
+  props: {
+    wizardHeader: {
+      title: 'Edit custom playlist',
+      onClick: () => console.log('Close')
+    },
+    steps: [{
+      title: 'General Informations',
+      done: false,
+      current: true
+    }, {
+      title: 'Translations',
+      done: false
+    }, {
+      title: 'Assign populations',
+      done: false
+    }, {
+      title: 'Add courses',
+      done: false
+    }],
+    summary: _oneSection.default.props,
+    content: _extends(_extends({}, _wizardPlaylists.default.props), {}, {
+      type: 'form'
+    }),
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=playlist-general-settings-edit.js.map

package/lib/organism/wizard-contents/test/fixtures/playlist-general-settings-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-general-settings-edit.js"],"names":["props","wizardHeader","title","onClick","console","log","steps","done","current","summary","wizardSummary","content","generalInformation","type","nextStep","label"],"mappings":";;;;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,sBADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KADT;AAKLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KADK,EAML;AACEN,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KANK,EAUL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAVK,EAcL;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAdK,CALF;AAwBLE,IAAAA,OAAO,EAAEC,oBAAcV,KAxBlB;AAyBLW,IAAAA,OAAO,wBACFC,yBAAmBZ,KADjB;AAELa,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,WADC;AAERZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AA7BL;AADM,C","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/one-section';\nimport generalInformation from '../../../brand-form/test/fixtures/wizard-playlists';\n\nexport default {\n  props: {\n    wizardHeader: {\n      title: 'Edit custom playlist',\n      onClick: () => console.log('Close')\n    },\n    steps: [\n      {\n        title: 'General Informations',\n        done: false,\n        current: true\n      },\n      {\n        title: 'Translations',\n        done: false\n      },\n      {\n        title: 'Assign populations',\n        done: false\n      },\n      {\n        title: 'Add courses',\n        done: false\n      }\n    ],\n    summary: wizardSummary.props,\n    content: {\n      ...generalInformation.props,\n      type: 'form'\n    },\n    nextStep: {\n      label: 'Next Step',\n      onClick: () => console.log('Next Step')\n    }\n  }\n};\n"],"file":"playlist-general-settings-edit.js"}

package/lib/organism/wizard-contents/test/fixtures/playlist-populations-create.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _threeSections = _interopRequireDefault(require("../../../../molecule/wizard-summary/test/fixtures/three-sections"));
+
+var _sortedSelected = _interopRequireDefault(require("../../../search-and-chips-results/test/fixtures/sorted-selected"));
+
+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); }
+
+var _default = {
+  props: {
+    wizardHeader: {
+      title: 'Create custom playlist',
+      onClick: () => console.log('Close')
+    },
+    steps: [{
+      title: 'General Informations',
+      done: true
+    }, {
+      title: 'Translations',
+      done: true
+    }, {
+      title: 'Assign populations',
+      done: false,
+      current: true
+    }, {
+      title: 'Add courses',
+      done: false
+    }],
+    summary: _threeSections.default.props,
+    content: _extends(_extends({}, _sortedSelected.default.props), {}, {
+      type: 'populations'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=playlist-populations-create.js.map

package/lib/organism/wizard-contents/test/fixtures/playlist-populations-create.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-populations-create.js"],"names":["props","wizardHeader","title","onClick","console","log","steps","done","current","summary","wizardSummary","content","populationsForm","type","previousStep","label","nextStep"],"mappings":";;;;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,wBADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KADT;AAKLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KADK,EAKL;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KALK,EASL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KATK,EAcL;AACEN,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAdK,CALF;AAwBLE,IAAAA,OAAO,EAAEC,uBAAcV,KAxBlB;AAyBLW,IAAAA,OAAO,wBACFC,wBAAgBZ,KADd;AAELa,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KA7BT;AAiCLW,IAAAA,QAAQ,EAAE;AACRD,MAAAA,KAAK,EAAE,WADC;AAERZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AAjCL;AADM,C","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';\nimport populationsForm from '../../../search-and-chips-results/test/fixtures/sorted-selected';\n\nexport default {\n  props: {\n    wizardHeader: {\n      title: 'Create custom playlist',\n      onClick: () => console.log('Close')\n    },\n    steps: [\n      {\n        title: 'General Informations',\n        done: true\n      },\n      {\n        title: 'Translations',\n        done: true\n      },\n      {\n        title: 'Assign populations',\n        done: false,\n        current: true\n      },\n      {\n        title: 'Add courses',\n        done: false\n      }\n    ],\n    summary: wizardSummary.props,\n    content: {\n      ...populationsForm.props,\n      type: 'populations'\n    },\n    previousStep: {\n      label: 'Previous Step',\n      onClick: () => console.log('Previous Step')\n    },\n    nextStep: {\n      label: 'Next Step',\n      onClick: () => console.log('Next Step')\n    }\n  }\n};\n"],"file":"playlist-populations-create.js"}

package/lib/organism/wizard-contents/test/fixtures/playlist-translate-edit.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _threeSections = _interopRequireDefault(require("../../../../molecule/wizard-summary/test/fixtures/three-sections"));
+
+var _default2 = _interopRequireDefault(require("../../../content-translation/test/fixtures/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); }
+
+var _default = {
+  props: {
+    wizardHeader: {
+      title: 'Edit custom playlist',
+      onClick: () => console.log('Close')
+    },
+    steps: [{
+      title: 'General Informations',
+      done: true
+    }, {
+      title: 'Translations',
+      done: false,
+      current: true
+    }, {
+      title: 'Assign populations',
+      done: false
+    }, {
+      title: 'Add courses',
+      done: false
+    }],
+    summary: _threeSections.default.props,
+    content: _extends(_extends({}, _default2.default.props), {}, {
+      type: 'translate'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=playlist-translate-edit.js.map

package/lib/organism/wizard-contents/test/fixtures/playlist-translate-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-translate-edit.js"],"names":["props","wizardHeader","title","onClick","console","log","steps","done","current","summary","wizardSummary","content","translateForm","type","previousStep","label","nextStep"],"mappings":";;;;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,sBADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KADT;AAKLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KADK,EAKL;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KALK,EAUL;AACEN,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAVK,EAcL;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAdK,CALF;AAwBLE,IAAAA,OAAO,EAAEC,uBAAcV,KAxBlB;AAyBLW,IAAAA,OAAO,wBACFC,kBAAcZ,KADZ;AAELa,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KA7BT;AAiCLW,IAAAA,QAAQ,EAAE;AACRD,MAAAA,KAAK,EAAE,WADC;AAERZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AAjCL;AADM,C","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';\nimport translateForm from '../../../content-translation/test/fixtures/default';\n\nexport default {\n  props: {\n    wizardHeader: {\n      title: 'Edit custom playlist',\n      onClick: () => console.log('Close')\n    },\n    steps: [\n      {\n        title: 'General Informations',\n        done: true\n      },\n      {\n        title: 'Translations',\n        done: false,\n        current: true\n      },\n      {\n        title: 'Assign populations',\n        done: false\n      },\n      {\n        title: 'Add courses',\n        done: false\n      }\n    ],\n    summary: wizardSummary.props,\n    content: {\n      ...translateForm.props,\n      type: 'translate'\n    },\n    previousStep: {\n      label: 'Previous Step',\n      onClick: () => console.log('Previous Step')\n    },\n    nextStep: {\n      label: 'Next Step',\n      onClick: () => console.log('Next Step')\n    }\n  }\n};\n"],"file":"playlist-translate-edit.js"}

package/lib/organism/wizard-contents/test/fixtures.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _playlistAddCoursesCreate = _interopRequireDefault(require("./fixtures/playlist-add-courses-create"));
+
+var _playlistGeneralSettingsCreate = _interopRequireDefault(require("./fixtures/playlist-general-settings-create"));
+
+var _playlistGeneralSettingsEdit = _interopRequireDefault(require("./fixtures/playlist-general-settings-edit"));
+
+var _playlistPopulationsCreate = _interopRequireDefault(require("./fixtures/playlist-populations-create"));
+
+var _playlistTranslateEdit = _interopRequireDefault(require("./fixtures/playlist-translate-edit"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismWizardContents > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismWizardContents.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismWizardContents › PlaylistAddCoursesCreate › should be rendered', _renderComponent.default, _.default, _playlistAddCoursesCreate.default);
+(0, _ava.default)('Organism › OrganismWizardContents › PlaylistGeneralSettingsCreate › should be rendered', _renderComponent.default, _.default, _playlistGeneralSettingsCreate.default);
+(0, _ava.default)('Organism › OrganismWizardContents › PlaylistGeneralSettingsEdit › should be rendered', _renderComponent.default, _.default, _playlistGeneralSettingsEdit.default);
+(0, _ava.default)('Organism › OrganismWizardContents › PlaylistPopulationsCreate › should be rendered', _renderComponent.default, _.default, _playlistPopulationsCreate.default);
+(0, _ava.default)('Organism › OrganismWizardContents › PlaylistTranslateEdit › should be rendered', _renderComponent.default, _.default, _playlistTranslateEdit.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/organism/wizard-contents/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/wizard-contents/test/fixtures.js"],"names":["t","pass","OrganismWizardContents","propTypes","value","key","not","undefined","renderComponentMacro","fixturePlaylistAddCoursesCreate","fixturePlaylistGeneralSettingsCreate","fixturePlaylistGeneralSettingsEdit","fixturePlaylistPopulationsCreate","fixturePlaylistTranslateEdit"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mFAAL,EAA0FG,wBAA1F,EAAgHN,SAAhH,EAAwIO,iCAAxI;AACA,kBAAK,wFAAL,EAA+FD,wBAA/F,EAAqHN,SAArH,EAA6IQ,sCAA7I;AACA,kBAAK,sFAAL,EAA6FF,wBAA7F,EAAmHN,SAAnH,EAA2IS,oCAA3I;AACA,kBAAK,oFAAL,EAA2FH,wBAA3F,EAAiHN,SAAjH,EAAyIU,kCAAzI;AACA,kBAAK,gFAAL,EAAuFJ,wBAAvF,EAA6GN,SAA7G,EAAqIW,8BAArI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismWizardContents from '..';\nimport fixturePlaylistAddCoursesCreate from './fixtures/playlist-add-courses-create';\nimport fixturePlaylistGeneralSettingsCreate from './fixtures/playlist-general-settings-create';\nimport fixturePlaylistGeneralSettingsEdit from './fixtures/playlist-general-settings-edit';\nimport fixturePlaylistPopulationsCreate from './fixtures/playlist-populations-create';\nimport fixturePlaylistTranslateEdit from './fixtures/playlist-translate-edit';\n\ntest('Organism › OrganismWizardContents > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismWizardContents.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismWizardContents.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismWizardContents › PlaylistAddCoursesCreate › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistAddCoursesCreate);\ntest('Organism › OrganismWizardContents › PlaylistGeneralSettingsCreate › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistGeneralSettingsCreate);\ntest('Organism › OrganismWizardContents › PlaylistGeneralSettingsEdit › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistGeneralSettingsEdit);\ntest('Organism › OrganismWizardContents › PlaylistPopulationsCreate › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistPopulationsCreate);\ntest('Organism › OrganismWizardContents › PlaylistTranslateEdit › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistTranslateEdit);\n"],"file":"fixtures.js"}

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

@@ -33,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"));
@@ -156,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);
   }
 };
 
@@ -198,7 +203,7 @@ 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,
@@ -234,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","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","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAGC,UAAU,IAAKA,UAAU,GAAGC,eAAMC,eAAT,GAA2BD,eAAME,iBAA3E;;AAEA,MAAMC,WAAW,GAAG,CAACC,QAAQ,GAAG,EAAZ,KAClBC,aAAIC,OAAJ,CAAY;AAACC,EAAAA,GAAG,EAAE;AAAN,CAAZ,EAA0B,CAACC,MAAD,EAASC,MAAT,kBACxB;AAAK,EAAA,GAAG,EAAED,MAAM,CAACE;AAAjB,GACGF,MAAM,CAACG,IAAP,KAAgB,UAAhB,gBACC,6BAAC,qBAAD,eACMH,MADN;AAEE,EAAA,MAAM,EAAEV,QAAQ,CAACU,MAAM,CAACI,QAAR,CAFlB;AAGE,EAAA,SAAS,EAAE,KAHb;AAIE,EAAA,MAAM,EAAE;AAJV,GADD,gBAQC,6BAAC,iBAAD,eAAcJ,MAAd;AAAsB,EAAA,MAAM,EAAEV,QAAQ,CAACU,MAAM,CAACI,QAAR,CAAtC;AAAyD,EAAA,SAAS,EAAE;AAApE,GATJ,CADF,EAaGR,QAbH,CADF,C,CAgBA;;;AACA,MAAMS,mBAAmB,GAAG,CAACC,IAAD,EAAOC,KAAP,EAAcC,WAAd,KAA8B;AACxD,QAAMC,aAAa,GAAGF,KAAK,CAACV,GAAN,CAAU,CAAC;AAACa,IAAAA,GAAD;AAAMR,IAAAA,KAAN;AAAaS,IAAAA,IAAb;AAAmBP,IAAAA,QAAnB;AAA6BD,IAAAA,IAAI,GAAG;AAApC,GAAD,EAAmDS,KAAnD,MAA8D;AAC5FV,IAAAA,KAD4F;AAE5FE,IAAAA,QAF4F;AAG5FD,IAAAA,IAH4F;AAI5FQ,IAAAA,IAJ4F;AAK5FC,IAAAA,KAL4F;AAM5FC,IAAAA,QAAQ,EAAE,EANkF;AAO5FC,IAAAA,QAAQ,EAAEJ,GAAG,IAAI;AAP2E,GAA9D,CAAV,CAAtB;AAUA,QAAMK,kBAAkB,GAAG,kBAAIC,GAAG,iBAChC;AAAK,IAAA,GAAG,EAAEA,GAAG,CAACd,KAAd;AAAqB,IAAA,SAAS,EAAEV,eAAMG;AAAtC,KACGA,WAAW,CAACqB,GAAG,CAACC,IAAL,CADd,CADyB,EAIxBV,KAJwB,CAA3B;AAMA,sBACE;AAAK,IAAA,SAAS,EAAEf,eAAM0B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE1B,eAAMc;AAAtB,kBACE;AAAG,IAAA,IAAI,EAAC;AAAR,kBACE;AAAK,IAAA,GAAG,EAAEA;AAAV,IADF,CADF,CADF,eAME,6BAAC,qBAAD;AAAW,IAAA,QAAQ,EAAEG,aAArB;AAAoC,IAAA,KAAK,EAAE,OAA3C;AAAoD,IAAA,OAAO,EAAED;AAA7D,KACGO,kBADH,CANF,CADF;AAYD,CA7BD;;AA+BA,MAAMI,kBAAkB,GAAGC,aAAa,IAAI;AAC1C,MAAI,sBAAQA,aAAR,CAAJ,EAA4B;AAC1B,WAAO,IAAP;AACD;;AAED,QAAMC,iBAAiB,GAAGD,aAAa,CAACvB,GAAd,CAAkB,CAACyB,YAAD,EAAeV,KAAf,KAAyB;AACnE,wBACE;AAAK,MAAA,SAAS,EAAEpB,eAAM8B,YAAtB;AAAoC,MAAA,GAAG,EAAEV;AAAzC,oBACE,6BAAC,eAAD,EAAYU,YAAZ,CADF,CADF;AAKD,GANyB,CAA1B;AAOA,sBAAO;AAAK,IAAA,SAAS,EAAE9B,eAAM4B;AAAtB,KAAsCC,iBAAtC,CAAP;AACD,CAbD;;AAeA,MAAME,WAAW,GAAGC,MAAM,IAAI;AAC5B,sBACE;AAAK,IAAA,SAAS,EAAEhC,eAAMgC;AAAtB,kBACE,6BAAC,oBAAD,EAAYA,MAAZ,CADF,CADF;AAKD,CAND;;AAQA,MAAMC,SAAS,GAAGlB,KAAK,IAAI;AACzB,QAAMmB,WAAW,GAAG,mBAClB,mBAAKC,CAAC,IAAIA,CAAC,CAACvB,QAAZ,CADkB,EAElB,kBAAI,MAAJ,CAFkB,EAGlB,mBAAKuB,CAAC,IAAIA,CAAC,CAACvB,QAAZ,CAHkB,EAIlBG,KAJkB,CAApB;AAMA,QAAMqB,QAAQ,GAAGF,WAAW,IAAI,CAAC,sBAAQA,WAAW,CAACG,OAApB,CAAjC;AACA,MAAI,CAACD,QAAL,EAAe,OAAO,IAAP;AACf,sBACE;AAAK,IAAA,SAAS,EAAEpC,eAAMyB;AAAtB,kBACE,6BAAC,kBAAD;AAAW,IAAA,IAAI,EAAC,OAAhB;AAAwB,IAAA,IAAI,EAAES,WAAW,CAACG;AAA1C,IADF,CADF;AAKD,CAdD;;AAgBA,MAAMC,gBAAgB,GAAGC,OAAO,IAAI;AAClC,MAAI,CAACA,OAAL,EAAc;AACZ,wBACE,uDACE,6BAAC,eAAD,OADF,CADF;AAKD;;AAED,QAAM;AAAC5B,IAAAA;AAAD,MAAS4B,OAAf;;AACA,UAAQ5B,IAAR;AACE,SAAK,MAAL;AACE,0BAAO,6BAAC,kBAAD,EAAe4B,OAAf,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,6BAAC,mBAAD,EAAgBA,OAAhB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,OAAjB,CAAP;;AACF,SAAK,sBAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,OAApB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,OAApB,CAAP;AAVJ;AAYD,CAtBD;;AAwBA,MAAMC,gBAAgB,GAAGC,OAAO,IAAI;AAClC,MAAI,CAACA,OAAL,EAAc;AACd,sBAAO,6BAAC,mBAAD,EAAgBA,OAAhB,CAAP;AACD,CAHD;;AAKA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACf,IAAAA,aAAD;AAAgBI,IAAAA,MAAhB;AAAwBjB,IAAAA,KAAxB;AAA+BwB,IAAAA,OAA/B;AAAwCE,IAAAA,OAAxC;AAAiDzB,IAAAA;AAAjD,MAAgE2B,KAAtE;AACA,QAAM7B,IAAI,GAAG,wDAAb;AAEA,QAAM8B,cAAc,GAAG/B,mBAAmB,CAACC,IAAD,EAAOC,KAAP,EAAcC,WAAd,CAA1C;AACA,QAAM6B,iBAAiB,GAAGlB,kBAAkB,CAACC,aAAD,CAA5C;AACA,QAAMkB,UAAU,GAAGf,WAAW,CAACC,MAAD,EAASJ,aAAT,CAA9B;AACA,QAAMmB,QAAQ,GAAGd,SAAS,CAAClB,KAAD,CAA1B;AACA,QAAMiC,WAAW,GAAGV,gBAAgB,CAACC,OAAD,CAApC;AACA,QAAMU,WAAW,GAAGT,gBAAgB,CAACC,OAAD,CAApC;AAEA,QAAMS,YAAY,GAAG,yBAAW,CAC9BlD,eAAMuC,OADwB,EAE9B,CAAC,sBAAQX,aAAR,CAAD,IAA2B5B,eAAMmD,wBAFH,CAAX,CAArB;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEnD,eAAMoD;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEpD,eAAMqD;AAAtB,KAA6BT,cAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAE5C,eAAMsD;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEtD,eAAMuD;AAAtB,KAAqCT,UAArC,CADF,eAEE;AAAK,IAAA,SAAS,EAAEI;AAAhB,KACGL,iBADH,EAEGE,QAFH,EAGGC,WAHH,EAIGC,WAJH,CAFF,CAFF,CADF;AAcD,CA9BD;;AAgCAP,WAAW,CAACc,YAAZ,GAA2B;AACzB5B,EAAAA,aAAa,EAAE;AADU,CAA3B;AAIAc,WAAW,CAACe,SAAZ,2CAAwB;AACtB7B,EAAAA,aAAa,EAAE8B,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,gBAAOJ,SAAvB,CAAlB,CADO;AAEtBzB,EAAAA,MAAM,EAAE0B,mBAAUE,KAAV,cAAoBE,qBAAOL,SAA3B,EAFc;AAGtB1C,EAAAA,KAAK,EAAE2C,mBAAUC,OAAV,CACLD,mBAAUE,KAAV,CAAgB;AACd1C,IAAAA,GAAG,EAAEwC,mBAAUK,MADD;AAEdrD,IAAAA,KAAK,EAAEgD,mBAAUK,MAAV,CAAiBC,UAFV;AAGd7C,IAAAA,IAAI,EAAEuC,mBAAUK,MAAV,CAAiBC,UAHT;AAIdpD,IAAAA,QAAQ,EAAE8C,mBAAUO,IAAV,CAAeD,UAJX;AAKdrD,IAAAA,IAAI,EAAE+C,mBAAUK,MALF;AAMdtC,IAAAA,IAAI,EAAEiC,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdlD,MAAAA,KAAK,EAAEgD,mBAAUK,MAAV,CAAiBC,UADV;AAEd7C,MAAAA,IAAI,EAAEuC,mBAAUK,MAAV,CAAiBC,UAFT;AAGdpD,MAAAA,QAAQ,EAAE8C,mBAAUO,IAAV,CAAeD,UAHX;AAIdrD,MAAAA,IAAI,EAAE+C,mBAAUK,MAJF;AAKd1B,MAAAA,OAAO,EAAEqB,mBAAUC,OAAV,CACPD,mBAAUE,KAAV,CAAgB;AACdlD,QAAAA,KAAK,EAAEgD,mBAAUK,MAAV,CAAiBC,UADV;AAEd7C,QAAAA,IAAI,EAAEuC,mBAAUK,MAAV,CAAiBC,UAFT;AAGdpD,QAAAA,QAAQ,EAAE8C,mBAAUO,IAAV,CAAeD,UAHX;AAIdrD,QAAAA,IAAI,EAAE+C,mBAAUK;AAJF,OAAhB,CADO;AALK,KAAhB,CADI;AANQ,GAAhB,CADK,EAwBLC,UA3BoB;AA4BtBzB,EAAAA,OAAO,EAAEmB,mBAAUQ,SAAV,CAAoB,CAC3BR,mBAAUE,KAAV,uBACKO,mBAAUV,SADf;AAEEvC,IAAAA,GAAG,EAAEwC,mBAAUK,MAFjB;AAGEpD,IAAAA,IAAI,EAAE+C,mBAAUU,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHR,KAD2B,EAM3BV,mBAAUE,KAAV,uBACKS,oBAAWZ,SADhB;AAEEvC,IAAAA,GAAG,EAAEwC,mBAAUK,MAFjB;AAGEpD,IAAAA,IAAI,EAAE+C,mBAAUU,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHR,KAN2B,EAW3BV,mBAAUE,KAAV,uBACKU,qBAAYb,SADjB;AAEEvC,IAAAA,GAAG,EAAEwC,mBAAUK,MAFjB;AAGEpD,IAAAA,IAAI,EAAE+C,mBAAUU,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAHR,KAX2B,EAgB3BV,mBAAUE,KAAV,uBACKW,wBAAed,SADpB;AAEEvC,IAAAA,GAAG,EAAEwC,mBAAUK,MAFjB;AAGEpD,IAAAA,IAAI,EAAE+C,mBAAUU,KAAV,CAAgB,CAAC,sBAAD,CAAhB;AAHR,KAhB2B,EAqB3BV,mBAAUE,KAAV,uBACKY,wBAAef,SADpB;AAEEvC,IAAAA,GAAG,EAAEwC,mBAAUK,MAFjB;AAGEpD,IAAAA,IAAI,EAAE+C,mBAAUU,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHR,KArB2B,CAApB,CA5Ba;AAuDtB3B,EAAAA,OAAO,EAAEiB,mBAAUE,KAAV,uBACJS,oBAAWZ,SADP;AAEPvC,IAAAA,GAAG,EAAEwC,mBAAUK,MAFR;AAGPpD,IAAAA,IAAI,EAAE+C,mBAAUU,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHC,KAvDa;AA4DtBpD,EAAAA,WAAW,EAAE0C,mBAAUe;AA5DD,CAAxB;eA+De/B,W","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 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  }\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(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

@@ -110,26 +110,14 @@
   margin: 32px 20px 54px 20px;
 }
 
-@media desktop {
+@media desktop, tablet {
   .container {
     scroll-behavior: unset;
     margin: 0;
   }
 
-  .headerSticky {
-    width: calc(100% - 287px);
-  }
-
-  .contentWrapper {
-    width: calc(100% - 287px);
-    padding: 0 32px 0 32px;
-  }
-}
-
-@media tablet {
-  .container {
-    scroll-behavior: unset;
-    margin: 0;
+  .content {
+    height: calc(100% - 143px);
   }
 
   .headerSticky {

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"}