@coorpacademy/components 10.1.15 → 10.3.0

package/es/organism/wizard-contents/index.js

@@ -0,0 +1,146 @@
+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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import ButtonLink from '../../atom/button-link';
+import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import WizardSteps from '../../atom/wizard-steps';
+import WizardSummary from '../../molecule/wizard-summary';
+import BrandForm from '../brand-form';
+import ContentTranslate from '../content-translation';
+import OrganismSearchAndChipsResults from '../search-and-chips-results';
+import CourseSelection from '../course-selection';
+import style from './style.css';
+
+const buildHeader = (wizardHeader, steps) => {
+  const {
+    title,
+    onClick
+  } = wizardHeader;
+  const buttonCloseIcon = {
+    size: 'small',
+    'data-name': 'close-button',
+    'aria-label': 'close button',
+    icon: 'close',
+    onClick
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonCloseIcon), /*#__PURE__*/React.createElement("div", {
+    className: style.headerTitle
+  }, title)), /*#__PURE__*/React.createElement(WizardSteps, {
+    steps: steps
+  }));
+};
+
+const buildForm = content => {
+  const {
+    type
+  } = content;
+
+  switch (type) {
+    case 'form':
+      return /*#__PURE__*/React.createElement(BrandForm, content);
+
+    case 'translate':
+      return /*#__PURE__*/React.createElement(ContentTranslate, content);
+
+    case 'populations':
+      return /*#__PURE__*/React.createElement(OrganismSearchAndChipsResults, content);
+
+    case 'courses':
+      return /*#__PURE__*/React.createElement(CourseSelection, content);
+  }
+};
+
+const buildButton = (type, step) => {
+  const {
+    label,
+    onClick
+  } = step;
+  const buttonProps = {
+    type: type === 'next' ? 'primary' : 'secondary',
+    'aria-label': `${type} step button`,
+    'data-name': `${type}-step-button`,
+    icon: {
+      position: type === 'next' ? 'right' : 'left',
+      type: type === 'next' ? 'chevron-right' : 'chevron-left'
+    },
+    label,
+    onClick
+  };
+  return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
+};
+
+const buildActionZone = (previousStep, nextStep) => {
+  const previousButton = previousStep ? buildButton('previous', previousStep) : null;
+  const nextButton = nextStep ? buildButton('next', nextStep) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.actionZone
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, previousButton), /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, nextButton));
+};
+
+const WizardContents = props => {
+  const {
+    wizardHeader,
+    steps,
+    summary,
+    content,
+    nextStep,
+    previousStep
+  } = props;
+  const headerView = buildHeader(wizardHeader, steps);
+  const formView = buildForm(content);
+  const actionView = buildActionZone(previousStep, nextStep);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.leftSection
+  }, headerView, /*#__PURE__*/React.createElement("div", {
+    className: style.form
+  }, formView)), /*#__PURE__*/React.createElement("div", {
+    className: style.rightSection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.stickySection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.summaryZone
+  }, /*#__PURE__*/React.createElement(WizardSummary, summary)), actionView)), /*#__PURE__*/React.createElement("div", {
+    className: style.footer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.summaryFooter
+  }, /*#__PURE__*/React.createElement(WizardSummary, summary)), /*#__PURE__*/React.createElement("div", {
+    className: style.actionFooter
+  }, actionView)));
+};
+
+WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
+  wizardHeader: PropTypes.shape({
+    title: PropTypes.string,
+    onClick: PropTypes.func
+  }).isRequired,
+  steps: WizardSteps.propTypes.steps,
+  summary: PropTypes.shape(_extends({}, WizardSummary.propTypes)).isRequired,
+  content: PropTypes.oneOfType([PropTypes.shape(_extends(_extends({}, BrandForm.propTypes), {}, {
+    type: PropTypes.oneOf(['form'])
+  })), PropTypes.shape(_extends(_extends({}, ContentTranslate.propTypes), {}, {
+    type: PropTypes.oneOf(['translate'])
+  })), PropTypes.shape(_extends(_extends({}, OrganismSearchAndChipsResults.propTypes), {}, {
+    type: PropTypes.oneOf(['populations'])
+  })), PropTypes.shape(_extends(_extends({}, CourseSelection.propTypes), {}, {
+    type: PropTypes.oneOf(['courses'])
+  }))]),
+  previousStep: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func
+  }),
+  nextStep: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func
+  })
+} : {};
+export default WizardContents;
+//# sourceMappingURL=index.js.map

package/es/organism/wizard-contents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["React","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","label","buttonProps","position","buildActionZone","previousStep","nextStep","previousButton","nextButton","actionZone","button","WizardContents","props","summary","headerView","formView","actionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","shape","string","func","isRequired","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle}>{title}</div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step) => {\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'next' ? 'primary' : 'secondary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button`,\n    icon: {\n      position: type === 'next' ? 'right' : 'left',\n      type: type === 'next' ? 'chevron-right' : 'chevron-left'\n    },\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep) : null;\n  const nextButton = nextStep ? buildButton('next', nextStep) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm(content);\n  const actionView = buildActionZone(previousStep, nextStep);\n\n  return (\n    <div className={style.container}>\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection}>\n        <div className={style.stickySection}>\n          <div className={style.summaryZone}>\n            <WizardSummary {...summary} />\n          </div>\n          {actionView}\n        </div>\n      </div>\n      <div className={style.footer}>\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} />\n        </div>\n        <div className={style.actionFooter}>{actionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}

package/es/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/es/organism/wizard-contents/test/fixtures/playlist-add-courses-create.js

@@ -0,0 +1,40 @@
+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); }
+
+/* eslint-disable no-console */
+import wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';
+import addCoursesForm from '../../../course-selection/test/fixtures/default';
+export 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: wizardSummary.props,
+    content: _extends(_extends({}, addCoursesForm.props), {}, {
+      type: 'courses'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+//# sourceMappingURL=playlist-add-courses-create.js.map

package/es/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":["wizardSummary","addCoursesForm","props","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","previousStep","label","nextStep"],"mappings":";;AAAA;AACA,OAAOA,aAAP,MAA0B,kEAA1B;AACA,OAAOC,cAAP,MAA2B,iDAA3B;AAEA,eAAe;AACbC,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,EAAEX,aAAa,CAACE,KAxBlB;AAyBLU,IAAAA,OAAO,wBACFX,cAAc,CAACC,KADb;AAELW,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KA7BT;AAiCLS,IAAAA,QAAQ,EAAE;AACRD,MAAAA,KAAK,EAAE,WADC;AAERV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AAjCL;AADM,CAAf","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/es/organism/wizard-contents/test/fixtures/playlist-general-settings-create.js

@@ -0,0 +1,36 @@
+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); }
+
+/* eslint-disable no-console */
+import wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';
+import generalInformation from '../../../brand-form/test/fixtures/wizard-playlists';
+export 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: wizardSummary.props,
+    content: _extends(_extends({}, generalInformation.props), {}, {
+      type: 'form'
+    }),
+    nextStep: {
+      label: 'Next step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+//# sourceMappingURL=playlist-general-settings-create.js.map

package/es/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":["wizardSummary","generalInformation","props","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","nextStep","label"],"mappings":";;AAAA;AACA,OAAOA,aAAP,MAA0B,kEAA1B;AACA,OAAOC,kBAAP,MAA+B,oDAA/B;AAEA,eAAe;AACbC,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,EAAEX,aAAa,CAACE,KAxBlB;AAyBLU,IAAAA,OAAO,wBACFX,kBAAkB,CAACC,KADjB;AAELW,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,WADC;AAERV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AA7BL;AADM,CAAf","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/es/organism/wizard-contents/test/fixtures/playlist-general-settings-edit.js

@@ -0,0 +1,36 @@
+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); }
+
+/* eslint-disable no-console */
+import wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/one-section';
+import generalInformation from '../../../brand-form/test/fixtures/wizard-playlists';
+export 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: wizardSummary.props,
+    content: _extends(_extends({}, generalInformation.props), {}, {
+      type: 'form'
+    }),
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+//# sourceMappingURL=playlist-general-settings-edit.js.map

package/es/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":["wizardSummary","generalInformation","props","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","nextStep","label"],"mappings":";;AAAA;AACA,OAAOA,aAAP,MAA0B,+DAA1B;AACA,OAAOC,kBAAP,MAA+B,oDAA/B;AAEA,eAAe;AACbC,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,EAAEX,aAAa,CAACE,KAxBlB;AAyBLU,IAAAA,OAAO,wBACFX,kBAAkB,CAACC,KADjB;AAELW,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,WADC;AAERV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AA7BL;AADM,CAAf","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/es/organism/wizard-contents/test/fixtures/playlist-populations-create.js

@@ -0,0 +1,40 @@
+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); }
+
+/* eslint-disable no-console */
+import wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';
+import populationsForm from '../../../search-and-chips-results/test/fixtures/sorted-selected';
+export 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: wizardSummary.props,
+    content: _extends(_extends({}, populationsForm.props), {}, {
+      type: 'populations'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+//# sourceMappingURL=playlist-populations-create.js.map

package/es/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":["wizardSummary","populationsForm","props","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","previousStep","label","nextStep"],"mappings":";;AAAA;AACA,OAAOA,aAAP,MAA0B,kEAA1B;AACA,OAAOC,eAAP,MAA4B,iEAA5B;AAEA,eAAe;AACbC,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,EAAEX,aAAa,CAACE,KAxBlB;AAyBLU,IAAAA,OAAO,wBACFX,eAAe,CAACC,KADd;AAELW,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KA7BT;AAiCLS,IAAAA,QAAQ,EAAE;AACRD,MAAAA,KAAK,EAAE,WADC;AAERV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AAjCL;AADM,CAAf","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/es/organism/wizard-contents/test/fixtures/playlist-translate-edit.js

@@ -0,0 +1,40 @@
+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); }
+
+/* eslint-disable no-console */
+import wizardSummary from '../../../../molecule/wizard-summary/test/fixtures/three-sections';
+import translateForm from '../../../content-translation/test/fixtures/default';
+export 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: wizardSummary.props,
+    content: _extends(_extends({}, translateForm.props), {}, {
+      type: 'translate'
+    }),
+    previousStep: {
+      label: 'Previous Step',
+      onClick: () => console.log('Previous Step')
+    },
+    nextStep: {
+      label: 'Next Step',
+      onClick: () => console.log('Next Step')
+    }
+  }
+};
+//# sourceMappingURL=playlist-translate-edit.js.map

package/es/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":["wizardSummary","translateForm","props","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","previousStep","label","nextStep"],"mappings":";;AAAA;AACA,OAAOA,aAAP,MAA0B,kEAA1B;AACA,OAAOC,aAAP,MAA0B,oDAA1B;AAEA,eAAe;AACbC,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,EAAEX,aAAa,CAACE,KAxBlB;AAyBLU,IAAAA,OAAO,wBACFX,aAAa,CAACC,KADZ;AAELW,MAAAA,IAAI,EAAE;AAFD,MAzBF;AA6BLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KA7BT;AAiCLS,IAAAA,QAAQ,EAAE;AACRD,MAAAA,KAAK,EAAE,WADC;AAERV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAFP;AAjCL;AADM,CAAf","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/es/organism/wizard-contents/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismWizardContents from '..';
+import fixturePlaylistAddCoursesCreate from './fixtures/playlist-add-courses-create';
+import fixturePlaylistGeneralSettingsCreate from './fixtures/playlist-general-settings-create';
+import fixturePlaylistGeneralSettingsEdit from './fixtures/playlist-general-settings-edit';
+import fixturePlaylistPopulationsCreate from './fixtures/playlist-populations-create';
+import fixturePlaylistTranslateEdit from './fixtures/playlist-translate-edit';
+test('Organism › OrganismWizardContents > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismWizardContents.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismWizardContents.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismWizardContents › PlaylistAddCoursesCreate › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistAddCoursesCreate);
+test('Organism › OrganismWizardContents › PlaylistGeneralSettingsCreate › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistGeneralSettingsCreate);
+test('Organism › OrganismWizardContents › PlaylistGeneralSettingsEdit › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistGeneralSettingsEdit);
+test('Organism › OrganismWizardContents › PlaylistPopulationsCreate › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistPopulationsCreate);
+test('Organism › OrganismWizardContents › PlaylistTranslateEdit › should be rendered', renderComponentMacro, OrganismWizardContents, fixturePlaylistTranslateEdit);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/wizard-contents/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismWizardContents","fixturePlaylistAddCoursesCreate","fixturePlaylistGeneralSettingsCreate","fixturePlaylistGeneralSettingsEdit","fixturePlaylistPopulationsCreate","fixturePlaylistTranslateEdit","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,+BAAP,MAA4C,wCAA5C;AACA,OAAOC,oCAAP,MAAiD,6CAAjD;AACA,OAAOC,kCAAP,MAA+C,2CAA/C;AACA,OAAOC,gCAAP,MAA6C,wCAA7C;AACA,OAAOC,4BAAP,MAAyC,oCAAzC;AAEAR,IAAI,CAAC,iEAAD,EAAoES,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,sBAAsB,CAACQ,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,mFAAD,EAAsFE,oBAAtF,EAA4GC,sBAA5G,EAAoIC,+BAApI,CAAJ;AACAJ,IAAI,CAAC,wFAAD,EAA2FE,oBAA3F,EAAiHC,sBAAjH,EAAyIE,oCAAzI,CAAJ;AACAL,IAAI,CAAC,sFAAD,EAAyFE,oBAAzF,EAA+GC,sBAA/G,EAAuIG,kCAAvI,CAAJ;AACAN,IAAI,CAAC,oFAAD,EAAuFE,oBAAvF,EAA6GC,sBAA7G,EAAqII,gCAArI,CAAJ;AACAP,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,sBAAzG,EAAiIK,4BAAjI,CAAJ","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/es/template/back-office/brand-update/index.js

@@ -7,6 +7,7 @@ import pipe from 'lodash/fp/pipe';
 import get from 'lodash/fp/get';
 import isEmpty from 'lodash/fp/isEmpty';
 import find from 'lodash/fp/find';
+import classNames from 'classnames';
 import BrandTabs from '../../../molecule/brand-tabs';
 import { IconLinkItem, LinkItem } from '../../../organism/sidebar';
 import BrandForm from '../../../organism/brand-form';
@@ -14,6 +15,7 @@ import BrandTable from '../../../organism/brand-table';
 import BrandUpload from '../../../organism/brand-upload';
 import BrandAnalytics from '../../../organism/brand-analytics';
 import BrandDashboard from '../../../organism/brand-dashboard';
+import WizardContents from '../../../organism/wizard-contents';
 import Banner from '../../../molecule/banner';
 import Header from '../../../organism/setup-header';
 import Loader from '../../../atom/loader';
@@ -57,7 +59,7 @@ const buildLeftNavigation = (logo, items, onItemClick) => {
     className: style.subTabsView
   }, subTabsView(tab.tabs)))(items);
   return /*#__PURE__*/React.createElement("div", {
-    className: style.leftMenu
+    className: style.navigation
   }, /*#__PURE__*/React.createElement("div", {
     className: style.logo
   }, /*#__PURE__*/React.createElement("a", {
@@ -87,10 +89,9 @@ const buildNotifications = notifications => {
   }, notificationsList);
 };
 
-const buildHeader = (header, notifications) => {
-  const headerStyle = isEmpty(notifications) ? style.header : style.headerForNotifications;
+const buildHeader = header => {
   return /*#__PURE__*/React.createElement("div", {
-    className: headerStyle
+    className: style.header
   }, /*#__PURE__*/React.createElement(Header, header));
 };
 
@@ -130,6 +131,9 @@ const buildContentView = content => {
 
     case 'home':
       return /*#__PURE__*/React.createElement(BrandDashboard, content);
+
+    case 'wizard':
+      return /*#__PURE__*/React.createElement(WizardContents, content);
   }
 };
 
@@ -154,18 +158,25 @@ const BrandUpdate = props => {
   const tabsView = buildTabs(items);
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
+  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
-  }, leftNavigation, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.left
+  }, leftNavigation), /*#__PURE__*/React.createElement("div", {
     className: style.contentWrapper
-  }, headerView, notificationsView, tabsView, contentView, detailsView));
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.headerSticky
+  }, headerView), /*#__PURE__*/React.createElement("div", {
+    className: contentStyle
+  }, notificationsView, tabsView, contentView, detailsView)));
 };
 
 BrandUpdate.defaultProps = {
   notifications: []
 };
 BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
-  notifications: PropTypes.arrayOf(PropTypes.shape(Banner.propTypes)),
+  notifications: PropTypes.arrayOf(PropTypes.shape(_extends({}, Banner.propTypes))),
   header: PropTypes.shape(_extends({}, Header.propTypes)),
   items: PropTypes.arrayOf(PropTypes.shape({
     key: PropTypes.string,
@@ -201,6 +212,9 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
   })), PropTypes.shape(_extends(_extends({}, BrandDashboard.propTypes), {}, {
     key: PropTypes.string,
     type: PropTypes.oneOf(['home'])
+  })), PropTypes.shape(_extends(_extends({}, WizardContents.propTypes), {}, {
+    key: PropTypes.string,
+    type: PropTypes.oneOf(['wizard'])
   }))]),
   details: PropTypes.shape(_extends(_extends({}, BrandTable.propTypes), {}, {
     key: PropTypes.string,