@coorpacademy/components 10.2.2 → 10.3.0

package/es/organism/brand-form/index.js

@@ -9,6 +9,42 @@ import Button from '../../atom/button';
 import Link from '../../atom/link';
 import style from './style.css';
 
+const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor) => {
+  if (!onSubmit && !onReset) {
+    return null;
+  }
+
+  const disabledSubmit = disabled || isPending || !isModified;
+  const submitButton = onSubmit ? /*#__PURE__*/React.createElement("div", {
+    "data-tip": tooltip.title,
+    "data-for": "submitButton",
+    className: style.saveButton
+  }, /*#__PURE__*/React.createElement(ReactTooltip, {
+    type: "light",
+    effect: "solid",
+    className: style.toolTipContent,
+    place: tooltip.place,
+    id: "submitButton"
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "submit",
+    disabled: disabledSubmit,
+    submitValue: submitValue
+  })) : null;
+  const cancelBackground = {
+    backgroundColor: darkColor
+  };
+  const resetButton = onReset ? /*#__PURE__*/React.createElement("div", {
+    className: style.resetButton
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "reset",
+    submitValue: resetValue,
+    style: cancelBackground
+  })) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.buttons
+  }, submitButton, resetButton);
+};
+
 function BrandForm(props, context) {
   const {
     groups,
@@ -39,39 +75,15 @@ function BrandForm(props, context) {
   }, back.desc)) : null;
   const brandGroups = groups.map((group, index) => {
     return /*#__PURE__*/React.createElement("div", {
+      className: style.group,
       key: index
     }, /*#__PURE__*/React.createElement(BrandFormGroup, group));
   });
-  const disabledSubmit = disabled || isPending || !isModified;
-  const submitButton = onSubmit ? /*#__PURE__*/React.createElement("div", {
-    "data-tip": tooltip.title,
-    "data-for": "submitButton",
-    className: style.saveButton
-  }, /*#__PURE__*/React.createElement(ReactTooltip, {
-    type: "light",
-    effect: "solid",
-    className: style.toolTipContent,
-    place: tooltip.place,
-    id: "submitButton"
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "submit",
-    disabled: disabledSubmit,
-    submitValue: submitValue
-  })) : null;
+  const buttonSection = buildButtonSection(onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor);
   const handleSubmit = useMemo(() => e => {
     e.preventDefault();
     return onSubmit(e);
   }, [onSubmit]);
-  const cancelBackground = {
-    backgroundColor: darkColor
-  };
-  const resetButton = onReset ? /*#__PURE__*/React.createElement("div", {
-    className: style.resetButton
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "reset",
-    submitValue: resetValue,
-    style: cancelBackground
-  })) : null;
   const handleReset = useMemo(() => e => {
     e.preventDefault();
     return onReset(e);
@@ -79,9 +91,7 @@ function BrandForm(props, context) {
   return /*#__PURE__*/React.createElement("div", null, backView, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
     onReset: handleReset
-  }, brandGroups, /*#__PURE__*/React.createElement("div", {
-    className: style.buttons
-  }, submitButton, resetButton)));
+  }, brandGroups, buttonSection));
 }
 
 BrandForm.contextTypes = {

package/es/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","style","BrandForm","props","context","groups","disabled","isModified","isPending","onSubmit","submitValue","onReset","resetValue","back","tooltip","skin","darkColor","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","handleSubmit","e","preventDefault","cancelBackground","backgroundColor","resetButton","handleReset","buttons","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,SAAT,CAAmBC,KAAnB,EAA0BC,OAA1B,EAAmC;AACjC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,OAPI;AAQJC,IAAAA,UARI;AASJC,IAAAA,IATI;AAUJC,IAAAA;AAVI,MAWFX,KAXJ;AAYA,QAAM;AAACY,IAAAA;AAAD,MAASX,OAAf;;AACA,QAAMY,SAAS,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAlB;;AAEA,QAAME,QAAQ,GAAGJ,IAAI,gBACnB;AAAG,IAAA,SAAS,EAAEZ,KAAK,CAACY;AAApB,kBACE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEG,SAAlB;AAA6B,IAAA,SAAS,EAAEf,KAAK,CAACiB;AAA9C,IADF,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEL,IAAI,CAACM,IAAjB;AAAuB,IAAA,SAAS,EAAElB,KAAK,CAACmB;AAAxC,KACGP,IAAI,CAACQ,IADR,CAFF,CADmB,GAOjB,IAPJ;AASA,QAAMC,WAAW,GAAGjB,MAAM,CAACkB,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC/C,wBACE;AAAK,MAAA,GAAG,EAAEA;AAAV,oBACE,oBAAC,cAAD,EAAoBD,KAApB,CADF,CADF;AAKD,GANmB,CAApB;AAQA,QAAME,cAAc,GAAGpB,QAAQ,IAAIE,SAAZ,IAAyB,CAACD,UAAjD;AACA,QAAMoB,YAAY,GAAGlB,QAAQ,gBAC3B;AAAK,gBAAUK,OAAO,CAACc,KAAvB;AAA8B,gBAAS,cAAvC;AAAsD,IAAA,SAAS,EAAE3B,KAAK,CAAC4B;AAAvE,kBACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,SAAS,EAAE5B,KAAK,CAAC6B,cAHnB;AAIE,IAAA,KAAK,EAAEhB,OAAO,CAACiB,KAJjB;AAKE,IAAA,EAAE,EAAC;AALL,IADF,eAQE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAEL,cAAhC;AAAgD,IAAA,WAAW,EAAEhB;AAA7D,IARF,CAD2B,GAWzB,IAXJ;AAYA,QAAMsB,YAAY,GAAGxC,OAAO,CAC1B,MAAMyC,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOzB,QAAQ,CAACwB,CAAD,CAAf;AACD,GAJyB,EAK1B,CAACxB,QAAD,CAL0B,CAA5B;AAQA,QAAM0B,gBAAgB,GAAG;AAACC,IAAAA,eAAe,EAAEpB;AAAlB,GAAzB;AAEA,QAAMqB,WAAW,GAAG1B,OAAO,gBACzB;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACoC;AAAtB,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,WAAW,EAAEzB,UAAlC;AAA8C,IAAA,KAAK,EAAEuB;AAArD,IADF,CADyB,GAIvB,IAJJ;AAKA,QAAMG,WAAW,GAAG9C,OAAO,CACzB,MAAMyC,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOvB,OAAO,CAACsB,CAAD,CAAd;AACD,GAJwB,EAKzB,CAACtB,OAAD,CALyB,CAA3B;AAQA,sBACE,iCACGM,QADH,eAEE;AAAM,IAAA,QAAQ,EAAEe,YAAhB;AAA8B,IAAA,OAAO,EAAEM;AAAvC,KACGhB,WADH,eAEE;AAAK,IAAA,SAAS,EAAErB,KAAK,CAACsC;AAAtB,KACGZ,YADH,EAEGU,WAFH,CAFF,CAFF,CADF;AAYD;;AAEDnC,SAAS,CAACsC,YAAV,GAAyB;AACvBzB,EAAAA,IAAI,EAAEjB,QAAQ,CAAC2C,iBAAT,CAA2B1B;AADV,CAAzB;AAIAb,SAAS,CAACwC,YAAV,GAAyB;AACvB5B,EAAAA,OAAO,EAAE;AACPc,IAAAA,KAAK,EAAE,EADA;AAEPG,IAAAA,KAAK,EAAE;AAFA;AADc,CAAzB;AAOA7B,SAAS,CAACyC,SAAV,2CAAsB;AACpBtC,EAAAA,MAAM,EAAEZ,SAAS,CAACmD,OAAV,CAAkBnD,SAAS,CAACoD,KAAV,CAAgBhD,cAAc,CAAC8C,SAA/B,CAAlB,EAA6DG,UADjD;AAEpBxC,EAAAA,QAAQ,EAAEb,SAAS,CAACsD,IAFA;AAGpBxC,EAAAA,UAAU,EAAEd,SAAS,CAACsD,IAHF;AAIpBvC,EAAAA,SAAS,EAAEf,SAAS,CAACsD,IAJD;AAKpBtC,EAAAA,QAAQ,EAAEhB,SAAS,CAACuD,IALA;AAMpBtC,EAAAA,WAAW,EAAEX,MAAM,CAAC4C,SAAP,CAAiBjC,WANV;AAOpBC,EAAAA,OAAO,EAAElB,SAAS,CAACuD,IAPC;AAQpBpC,EAAAA,UAAU,EAAEb,MAAM,CAAC4C,SAAP,CAAiBjC,WART;AASpBG,EAAAA,IAAI,EAAEpB,SAAS,CAACoD,KAAV,CAAgB;AACpBxB,IAAAA,IAAI,EAAErB,IAAI,CAAC2C,SAAL,CAAeM,QADD;AAEpB9B,IAAAA,IAAI,EAAEnB,IAAI,CAAC2C,SAAL,CAAeO;AAFD,GAAhB,CATc;AAapBpC,EAAAA,OAAO,EAAErB,SAAS,CAACoD,KAAV,CAAgB;AACvBjB,IAAAA,KAAK,EAAEnC,SAAS,CAAC0D,MADM;AAEvBpB,IAAAA,KAAK,EAAEtC,SAAS,CAAC0D;AAFM,GAAhB;AAbW,CAAtB;AAmBA,eAAejD,SAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset}>\n        {brandGroups}\n        <div className={style.buttons}>\n          {submitButton}\n          {resetButton}\n        </div>\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset}>\n        {brandGroups}\n        {buttonSection}\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}

package/es/organism/brand-form/style.css

@@ -8,6 +8,14 @@
   margin-bottom: 30px;
 }
 
+.group {
+  margin: 0 0 32px 0;
+}
+
+.group:last-child {
+  margin: 0;
+}
+
 .arrowBack {
   width: 15px;
   height: 15px;
@@ -30,9 +38,6 @@
 .buttons {
   display: flex;
   justify-content: flex-end;
-
-  /* border-top: 1px solid #E0E0E0; */
-  padding-top: 50px;
 }
 
 .button {

package/es/organism/content-translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/content-translation/index.js"],"names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","PlayListTranslation","props","languageTabs","inputText","textArea","cta","listAriaLabel","ariaLabel","container","menu","horizontalSection","input","button","type","binButton","handleOnclick","position","label","propTypes","tabs","shape","theme","string","func","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA,GAApC;AAAyC,uBAAmBC;AAA5D,MAA6EL,KAAnF;AAEA,QAAMM,SAAS,GAAG;AAAC,kBAAcD;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACS;AAAtB,kBACE,oBAAC,oBAAD,eAA0BD,SAA1B;AAAqC,IAAA,SAAS,EAAER,KAAK,CAACU,IAAtD;AAA4D,IAAA,IAAI,EAAEP;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,kBACE,oBAAC,SAAD,EAAeR,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACY;AAAtB,kBACE,oBAAC,QAAD,EAAcP,QAAd,CADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEV,UAAU,CAACK,KAAK,CAACa,MAAP,EAAeP,GAAG,CAACQ,IAAJ,KAAa,QAAb,IAAyBd,KAAK,CAACe,SAA9C;AAA1B,kBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAET,GAAG,CAACU,aADf;AAEE,IAAA,IAAI,EAAEV,GAAG,CAACQ,IAAJ,KAAa,QAAb,GAAwB,MAAxB,GAAiC,SAFzC;AAGE,IAAA,IAAI,EAAE;AAACA,MAAAA,IAAI,EAAER,GAAG,CAACQ,IAAJ,KAAa,QAAb,GAAwB,KAAxB,GAAgC,KAAvC;AAA8CG,MAAAA,QAAQ,EAAE;AAAxD,KAHR;AAIE,IAAA,KAAK,EAAEX,GAAG,CAACY;AAJb,IADF,CAPF,CAFF,CADF;AAqBD,CAzBD;;AA2BAjB,mBAAmB,CAACkB,SAApB,2CAAgC;AAC9BhB,EAAAA,YAAY,EAAEP,oBAAoB,CAACuB,SAArB,CAA+BC,IADf;AAE9BhB,EAAAA,SAAS,EAAEV,SAAS,CAAC2B,KAAV,uBAAoBxB,SAAS,CAACsB,SAA9B;AAAyCG,IAAAA,KAAK,EAAE5B,SAAS,CAAC6B;AAA1D,KAFmB;AAG9BlB,EAAAA,QAAQ,EAAEX,SAAS,CAAC2B,KAAV,uBAAoBvB,QAAQ,CAACqB,SAA7B;AAAwCG,IAAAA,KAAK,EAAE5B,SAAS,CAAC6B;AAAzD,KAHoB;AAI9BjB,EAAAA,GAAG,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;AACnBH,IAAAA,KAAK,EAAExB,SAAS,CAAC6B,MADE;AAEnBP,IAAAA,aAAa,EAAEtB,SAAS,CAAC8B,IAFN;AAGnBV,IAAAA,IAAI,EAAEpB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmB/B,SAAS,CAAC6B;AATC,CAAhC;AAYA,eAAetB,mBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        <div className={classNames(style.button, cta.type === 'delete' && style.binButton)}>\n          <Button\n            onClick={cta.handleOnclick}\n            type={cta.type === 'delete' ? 'text' : 'primary'}\n            icon={{type: cta.type === 'delete' ? 'bin' : 'add', position: 'left'}}\n            label={cta.label}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['delete', 'add'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}

package/es/organism/content-translation/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/default.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","theme","cta","label","type","handleOnClick"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,wBAAMA,SAAS,CAACG,KAAhB;AAAuBE,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLJ,IAAAA,QAAQ,wBAAMA,QAAQ,CAACE,KAAf;AAAsBE,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILC,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,iBADJ;AAEHC,MAAAA,IAAI,EAAE,KAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,CAAf","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: {...inputText.props, theme: 'coorpmanager'},\n    textArea: {...textArea.props, theme: 'coorpmanager'},\n    cta: {\n      label: 'Add translation',\n      type: 'add',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/es/organism/content-translation/test/fixtures/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/delete.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","cta","label","type","handleOnClick"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,EAAEA,SAAS,CAACG,KAFhB;AAGLF,IAAAA,QAAQ,EAAEA,QAAQ,CAACE,KAHd;AAILE,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,oBADJ;AAEHC,MAAAA,IAAI,EAAE,QAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,CAAf","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: inputText.props,\n    textArea: textArea.props,\n    cta: {\n      label: 'Delete translation',\n      type: 'delete',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"delete.js"}

package/es/organism/content-translation/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismContentTranslation from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureDelete from './fixtures/delete';
+test('Organism › OrganismContentTranslation > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismContentTranslation.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismContentTranslation.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismContentTranslation › Default › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDefault);
+test('Organism › OrganismContentTranslation › Delete › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDelete);
+//# sourceMappingURL=fixtures.js.map

package/es/organism/content-translation/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/content-translation/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismContentTranslation","fixtureDefault","fixtureDelete","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,0BAAP,MAAuC,IAAvC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAL,IAAI,CAAC,qEAAD,EAAwEM,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,0BAA0B,CAACK,SAA5B,EAAuC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+DAA8DF,GAAI,mEAA3F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,0BAA/F,EAA2HC,cAA3H,CAAJ;AACAJ,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,0BAA9F,EAA0HE,aAA1H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismContentTranslation from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDelete from './fixtures/delete';\n\ntest('Organism › OrganismContentTranslation > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismContentTranslation.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismContentTranslation.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismContentTranslation › Default › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDefault);\ntest('Organism › OrganismContentTranslation › Delete › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDelete);\n"],"file":"fixtures.js"}

package/es/organism/list-item/test/fixtures.js

@@ -0,0 +1,19 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismListItem from '..';
+import fixtureArchived from './fixtures/archived';
+import fixtureDraft from './fixtures/draft';
+import fixturePublished from './fixtures/published';
+import fixtureRevised from './fixtures/revised';
+test('Organism › OrganismListItem > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismListItem.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismListItem.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismListItem › Archived › should be rendered', renderComponentMacro, OrganismListItem, fixtureArchived);
+test('Organism › OrganismListItem › Draft › should be rendered', renderComponentMacro, OrganismListItem, fixtureDraft);
+test('Organism › OrganismListItem › Published › should be rendered', renderComponentMacro, OrganismListItem, fixturePublished);
+test('Organism › OrganismListItem › Revised › should be rendered', renderComponentMacro, OrganismListItem, fixtureRevised);
+//# sourceMappingURL=fixtures.js.map

package/es/organism/list-item/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/list-item/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismListItem","fixtureArchived","fixtureDraft","fixturePublished","fixtureRevised","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,gBAAP,MAA6B,IAA7B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAP,IAAI,CAAC,2DAAD,EAA8DQ,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,gBAAgB,CAACO,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,gBAAtF,EAAwGC,eAAxG,CAAJ;AACAJ,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,gBAAnF,EAAqGE,YAArG,CAAJ;AACAL,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,gBAAvF,EAAyGG,gBAAzG,CAAJ;AACAN,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,gBAArF,EAAuGI,cAAvG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismListItem from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDraft from './fixtures/draft';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevised from './fixtures/revised';\n\ntest('Organism › OrganismListItem > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismListItem.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismListItem.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismListItem › Archived › should be rendered', renderComponentMacro, OrganismListItem, fixtureArchived);\ntest('Organism › OrganismListItem › Draft › should be rendered', renderComponentMacro, OrganismListItem, fixtureDraft);\ntest('Organism › OrganismListItem › Published › should be rendered', renderComponentMacro, OrganismListItem, fixturePublished);\ntest('Organism › OrganismListItem › Revised › should be rendered', renderComponentMacro, OrganismListItem, fixtureRevised);\n"],"file":"fixtures.js"}

package/es/organism/list-items/test/fixtures.js

@@ -0,0 +1,17 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismListItems from '..';
+import fixtureArchived from './fixtures/archived';
+import fixtureDraft from './fixtures/draft';
+import fixturePublished from './fixtures/published';
+test('Organism › OrganismListItems > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismListItems.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismListItems.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismListItems › Archived › should be rendered', renderComponentMacro, OrganismListItems, fixtureArchived);
+test('Organism › OrganismListItems › Draft › should be rendered', renderComponentMacro, OrganismListItems, fixtureDraft);
+test('Organism › OrganismListItems › Published › should be rendered', renderComponentMacro, OrganismListItems, fixturePublished);
+//# sourceMappingURL=fixtures.js.map

package/es/organism/list-items/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/list-items/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismListItems","fixtureArchived","fixtureDraft","fixturePublished","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,iBAAP,MAA8B,IAA9B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AAEAN,IAAI,CAAC,4DAAD,EAA+DO,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,iBAAiB,CAACM,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,iBAAvF,EAA0GC,eAA1G,CAAJ;AACAJ,IAAI,CAAC,2DAAD,EAA8DE,oBAA9D,EAAoFC,iBAApF,EAAuGE,YAAvG,CAAJ;AACAL,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GG,gBAA3G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismListItems from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDraft from './fixtures/draft';\nimport fixturePublished from './fixtures/published';\n\ntest('Organism › OrganismListItems > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismListItems.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismListItems.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismListItems › Archived › should be rendered', renderComponentMacro, OrganismListItems, fixtureArchived);\ntest('Organism › OrganismListItems › Draft › should be rendered', renderComponentMacro, OrganismListItems, fixtureDraft);\ntest('Organism › OrganismListItems › Published › should be rendered', renderComponentMacro, OrganismListItems, fixturePublished);\n"],"file":"fixtures.js"}

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