@coorpacademy/components 10.13.10-alpha.0 → 10.13.11

package/es/atom/button-link-icon-only/test/fixtures.js

@@ -5,6 +5,7 @@ import AtomButtonLinkIconOnly from '..';
 import fixtureButtonIconBullet from './fixtures/button-icon-bullet';
 import fixtureDefault from './fixtures/default';
 import fixtureNoIcon from './fixtures/no-icon';
+import fixtureReviewHeader from './fixtures/review-header';
 import fixtureSmallButtonDisabled from './fixtures/small-button-disabled';
 import fixtureSmallLinkDownload from './fixtures/small-link-download';
 test('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {
@@ -16,6 +17,7 @@ test('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {
 test('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);
 test('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);
 test('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);
+test('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureReviewHeader);
 test('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);
 test('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);
 //# sourceMappingURL=fixtures.js.map

package/es/atom/button-link-icon-only/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLinkIconOnly","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureSmallButtonDisabled","fixtureSmallLinkDownload","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,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AAEAR,IAAI,CAAC,6DAAD,EAAgES,CAAC,IAAI;AACvEA,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,uDAAsDF,GAAI,mEAAnF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,sBAAhG,EAAwHC,uBAAxH,CAAJ;AACAJ,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GE,cAA/G,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,sBAAtF,EAA8GG,aAA9G,CAAJ;AACAN,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HI,0BAA3H,CAAJ;AACAP,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,sBAAjG,EAAyHK,wBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLinkIconOnly","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureReviewHeader","fixtureSmallButtonDisabled","fixtureSmallLinkDownload","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,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AAEAT,IAAI,CAAC,6DAAD,EAAgEU,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,sBAAsB,CAACS,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,sBAAhG,EAAwHC,uBAAxH,CAAJ;AACAJ,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GE,cAA/G,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,sBAAtF,EAA8GG,aAA9G,CAAJ;AACAN,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,sBAA5F,EAAoHI,mBAApH,CAAJ;AACAP,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HK,0BAA3H,CAAJ;AACAR,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,sBAAjG,EAAyHM,wBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureReviewHeader from './fixtures/review-header';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureReviewHeader);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}

package/es/atom/checkbox-with-title/style.css

@@ -28,8 +28,6 @@
   font-weight: bold;
   font-size: 20px;
   color: dark;
-  width: 180px;
-  margin-right: 20px;
   min-height: 50px;
   display: flex;
   align-items: center;
@@ -43,8 +41,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 23px;
-  height: 23px;
+  width: 24px;
+  height: 24px;
   border-radius: 5px;
   font-size: 14px;
   color: dark;

package/es/atom/drag-and-drop/index.js

@@ -77,8 +77,8 @@ class DragAndDrop extends React.Component {
         className: style.loadingCancel
       }, /*#__PURE__*/React.createElement(Close, {
         "data-name": "reset-content-icon",
-        height: 24,
-        width: 24,
+        height: 12,
+        width: 12,
         className: style.closeIcon,
         onClick: onReset
       })), /*#__PURE__*/React.createElement("div", {
@@ -98,8 +98,8 @@ class DragAndDrop extends React.Component {
       className: style.resetSrcLabel
     }, previewContent.src), onReset ? /*#__PURE__*/React.createElement(Close, {
       "data-name": "reset-content-icon",
-      height: 24,
-      width: 24,
+      height: 12,
+      width: 12,
       className: style.closeIcon,
       onClick: onReset
     }) : null) : null;

package/es/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","label","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","string","shape","bool","func"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,oBAAoB,IAAIC,KAD1B,EAEEC,8BAA8B,IAAIC,cAFpC,EAGEC,6BAA6B,IAAIC,qBAHnC,QAIO,0BAJP;AAKA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,MAAP,MAAmB,gBAAnB;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,UAAS,IAAT,CAArB;;AAEA,MAAMC,WAAN,SAA0Bb,KAAK,CAACc,SAAhC,CAA0C;AAiBxCC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;AAEA,SAAKC,KAAL,GAAa;AACXC,MAAAA,QAAQ,EAAE;AADC,KAAb;AAIA,SAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;AACA,SAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;AACD;;AAEDD,EAAAA,eAAe,GAAG;AAChB,SAAKG,QAAL,CAAc;AACZJ,MAAAA,QAAQ,EAAE;AADE,KAAd;AAGD;;AAEDG,EAAAA,cAAc,GAAG;AACf,SAAKC,QAAL,CAAc;AACZJ,MAAAA,QAAQ,EAAE;AADE,KAAd;AAGD;;AAEDK,EAAAA,MAAM,GAAG;AACP,UAAMC,KAAK,GAAG,UAAS,WAAT,CAAd;;AACA,UAAM;AACJC,MAAAA,QAAQ,GAAGb,YADP;AAEJc,MAAAA,KAFI;AAGJC,MAAAA,WAHI;AAIJC,MAAAA,WAJI;AAKJC,MAAAA,YAAY,GAAG,EALX;AAMJC,MAAAA,cANI;AAOJC,MAAAA,OAAO,GAAG,KAPN;AAQJC,MAAAA,QAAQ,GAAG,KARP;AASJC,MAAAA,OAAO,GAAG,IATN;AAUJC,MAAAA,KAAK,GAAG;AAVJ,QAWF,KAAKlB,KAXT;AAYA,UAAM;AAACE,MAAAA;AAAD,QAAa,KAAKD,KAAxB;AAEA,QAAIkB,WAAW,GAAG,IAAlB;;AAEA,QAAIL,cAAc,IAAIA,cAAc,CAACM,IAAf,KAAwB,OAA9C,EAAuD;AACrDD,MAAAA,WAAW,gBACT;AAAK,QAAA,SAAS,EAAExB,KAAK,CAAC0B;AAAtB,sBACE;AAAK,QAAA,GAAG,EAAEP,cAAc,CAACQ;AAAzB,QADF,CADF;AAKD,KAND,MAMO,IAAIR,cAAc,IAAIA,cAAc,CAACM,IAAf,KAAwB,OAA9C,EAAuD;AAC5DD,MAAAA,WAAW,gBACT;AAAK,QAAA,SAAS,EAAExB,KAAK,CAAC0B;AAAtB,sBACE;AAAO,QAAA,QAAQ,MAAf;AAAgB,QAAA,GAAG,EAAEP,cAAc,CAACQ,GAApC;AAAyC,QAAA,IAAI,EAAC;AAA9C,QADF,CADF;AAKD,KANM,MAMA,IAAIP,OAAJ,EAAa;AAClBI,MAAAA,WAAW,gBACT;AAAK,QAAA,SAAS,EAAExB,KAAK,CAAC4B;AAAtB,sBACE;AAAK,QAAA,SAAS,EAAE5B,KAAK,CAAC6B;AAAtB,sBACE,oBAAC,KAAD;AACE,qBAAU,oBADZ;AAEE,QAAA,MAAM,EAAE,EAFV;AAGE,QAAA,KAAK,EAAE,EAHT;AAIE,QAAA,SAAS,EAAE7B,KAAK,CAAC8B,SAJnB;AAKE,QAAA,OAAO,EAAER;AALX,QADF,CADF,eAUE;AAAK,QAAA,SAAS,EAAEtB,KAAK,CAAC+B;AAAtB,sBACE,oBAAC,MAAD;AAAQ,QAAA,KAAK,EAAC;AAAd,QADF,CAVF,eAaE;AAAM,QAAA,SAAS,EAAE/B,KAAK,CAACgC;AAAvB,qBAbF,CADF;AAiBD,KAlBM,MAkBA;AACLR,MAAAA,WAAW,gBAAG,kCAAON,YAAP,CAAd;AACD;;AAED,UAAMe,YAAY,GAChBd,cAAc,IAAIA,cAAc,CAACQ,GAAjC,gBACE;AAAK,MAAA,SAAS,EAAE3B,KAAK,CAACkC;AAAtB,oBACE;AAAK,MAAA,SAAS,EAAElC,KAAK,CAACmC;AAAtB,OAAsChB,cAAc,CAACQ,GAArD,CADF,EAEGL,OAAO,gBACN,oBAAC,KAAD;AACE,mBAAU,oBADZ;AAEE,MAAA,MAAM,EAAE,EAFV;AAGE,MAAA,KAAK,EAAE,EAHT;AAIE,MAAA,SAAS,EAAEtB,KAAK,CAAC8B,SAJnB;AAKE,MAAA,OAAO,EAAER;AALX,MADM,GAQJ,IAVN,CADF,GAaI,IAdN;;AAgBA,UAAMc,WAAW,GAAG,MAAM;AACxB,YAAMC,kBAAkB,GAAG;AACzBC,QAAAA,KAAK,EAAErB,WADkB;AAEzB,sBAAc,aAFW;AAGzB,qBAAa,gBAHY;AAIzBsB,QAAAA,IAAI,EAAE;AACJC,UAAAA,QAAQ,EAAE,MADN;AAEJf,UAAAA,IAAI,EAAE;AAFF;AAJmB,OAA3B;;AASA,UAAIlB,QAAJ,EAAc;AACZ,eAAO,IAAP;AACD,OAFD,MAEO,IAAIgB,KAAJ,EAAW;AAChB,4BAAO,oBAAC,MAAD,eAAYc,kBAAZ;AAAgC,UAAA,KAAK,EAAC,WAAtC;AAAkD,UAAA,IAAI,EAAE;AAAxD,WAAP;AACD,OAFM,MAEA;AACL,4BAAO,oBAAC,MAAD,EAAYA,kBAAZ,CAAP;AACD;AACF,KAjBD;;AAmBA,UAAMI,MAAM,GAAGL,WAAW,CAAC7B,QAAD,EAAWgB,KAAX,CAA1B;AAEA,UAAMmB,gBAAgB,GAAG3C,aAAa,CACpCC,KAAK,CAAC0C,gBAD8B,EAEpC1C,KAAK,CAAC2C,wBAF8B,EAGpC,IAHoC,EAIpCtB,QAJoC,EAKpCE,KALoC,CAAtC;AAOA,UAAMqB,YAAY,GAAG7C,aAAa,CAChCC,KAAK,CAAC4C,YAD0B,EAEhC5C,KAAK,CAAC6C,oBAF0B,EAGhC7C,KAAK,CAAC8C,iBAH0B,EAIhCzB,QAJgC,EAKhCE,KALgC,CAAlC;AAQA,wBACE;AAAK,MAAA,SAAS,EAAEvB,KAAK,CAAC+C,OAAtB;AAA+B,mBAAU;AAAzC,oBACE;AAAK,MAAA,SAAS,EAAE/C,KAAK,CAACe;AAAtB,OAA8BA,KAA9B,CADF,EAEG,CAAC,SAAQI,cAAR,CAAD,IAA4BC,OAA5B,gBACC;AAAK,MAAA,SAAS,EAAEsB;AAAhB,OAAmClB,WAAnC,CADD,gBAGC;AAAK,MAAA,SAAS,EAAEjB,QAAQ,GAAGP,KAAK,CAACO,QAAT,GAAoBqC,YAA5C;AAA0D,MAAA,EAAE,EAAE/B;AAA9D,oBACE;AAAK,MAAA,SAAS,EAAEb,KAAK,CAACgD;AAAtB,OACGzB,KAAK,gBACJ,oBAAC,qBAAD;AAAuB,MAAA,SAAS,EAAEvB,KAAK,CAACiD;AAAxC,MADI,gBAGJ,oBAAC,cAAD;AAAgB,MAAA,SAAS,EAAEjD,KAAK,CAACuC;AAAjC,MAJJ,EAMGvB,WAAW,gBAAG;AAAK,MAAA,SAAS,EAAEhB,KAAK,CAACgB;AAAtB,OAAoCA,WAApC,CAAH,GAA4D,IAN1E,EAOGO,KAAK,GAAG,IAAH,gBAAU;AAAK,MAAA,SAAS,EAAEvB,KAAK,CAACkD;AAAtB,OAAyC,kBAAzC,CAPlB,CADF,EAUGT,MAVH,eAWE,iCAAM3B,QAAQ,CAAC,KAAKN,eAAN,EAAuB,KAAKE,cAA5B,CAAd,CAXF,CALJ,EAmBGa,KAAK,gBAAG;AAAM,MAAA,SAAS,EAAEvB,KAAK,CAACmD;AAAvB,OAAsC5B,KAAtC,CAAH,GAAyDU,YAnBjE,CADF;AAuBD;;AAvKuC;;AAApC/B,W,CACGkD,S,2CAAY;AACjBrC,EAAAA,KAAK,EAAEzB,SAAS,CAAC+D,MADA;AAEjBrC,EAAAA,WAAW,EAAE1B,SAAS,CAAC+D,MAFN;AAGjBpC,EAAAA,WAAW,EAAE3B,SAAS,CAAC+D,MAHN;AAIjBnC,EAAAA,YAAY,EAAE5B,SAAS,CAAC+D,MAJP;AAKjBlC,EAAAA,cAAc,EAAE7B,SAAS,CAACgE,KAAV,CAAgB;AAC9B7B,IAAAA,IAAI,EAAEnC,SAAS,CAAC+D,MADc;AAE9B1B,IAAAA,GAAG,EAAErC,SAAS,CAAC+D;AAFe,GAAhB,CALC;AASjBjC,EAAAA,OAAO,EAAE9B,SAAS,CAACiE,IATF;AAUjBlC,EAAAA,QAAQ,EAAE/B,SAAS,CAACiE,IAVH;AAWjBzC,EAAAA,QAAQ,EAAExB,SAAS,CAACkE,IAXH;AAYjBlC,EAAAA,OAAO,EAAEhC,SAAS,CAACkE,IAZF;AAajBjC,EAAAA,KAAK,EAAEjC,SAAS,CAAC+D;AAbA,C;AAyKrB,eAAenD,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = ''\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={24}\n              width={24}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={24}\n              width={24}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': 'aria button',\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label=\"Try again\" icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={previewContainer}>{previewView}</div>\n        ) : (\n          <div className={dragging ? style.dragging : inputWrapper} id={idBox}>\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? <span className={style.errorMessage}>{error}</span> : resetContent}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","label","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = ''\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': 'aria button',\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label=\"Try again\" icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={previewContainer}>{previewView}</div>\n        ) : (\n          <div className={dragging ? style.dragging : inputWrapper} id={idBox}>\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? <span className={style.errorMessage}>{error}</span> : resetContent}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/es/atom/drag-and-drop/style.css

@@ -158,12 +158,15 @@
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
+  max-width: 90%;
 }
 
 .closeIcon {
   cursor: pointer;
   color: cm_grey_400;
   margin-left: 6px;
+  height: 15px;
+  width: 15px;
 }
 
 .dragging {

package/es/molecule/course-section/index.js

@@ -2,21 +2,21 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import CardImagePreview from '../../atom/card-image-preview';
 import ContentBadge from '../../atom/content-badge';
+import ListBadges from '../list-badges';
 import style from './style.css';
 
 const CourseSection = props => {
   const {
     image,
-    contentBadge: {
-      category,
-      label
-    },
+    badgeList,
     title,
     author,
     position,
     'aria-label': {
       title: ariaLabelTitle,
-      author: ariaLabelAuthor
+      author: ariaLabelAuthor,
+      modules: ariaLabelModules,
+      position: coursePosition
     },
     id
   } = props;
@@ -24,8 +24,12 @@ const CourseSection = props => {
     className: style.container,
     "aria-label": ariaLabelTitle,
     "data-name": `course-section-${id}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.wrapper
   }, /*#__PURE__*/React.createElement("span", {
-    className: style.position
+    className: style.position,
+    "aria-label": coursePosition,
+    "data-name": "position"
   }, position), /*#__PURE__*/React.createElement("div", {
     className: style.containerImage
   }, /*#__PURE__*/React.createElement(CardImagePreview, {
@@ -33,26 +37,25 @@ const CourseSection = props => {
   })), /*#__PURE__*/React.createElement("div", {
     className: style.containerInfos
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.containerMainInfos
-  }, /*#__PURE__*/React.createElement(ContentBadge, {
-    className: style.contentBadge,
-    category: category,
-    label: label
-  }), /*#__PURE__*/React.createElement("div", {
     className: style.title
-  }, title)), /*#__PURE__*/React.createElement("span", {
+  }, title), /*#__PURE__*/React.createElement("span", {
     className: style.author,
     "aria-label": ariaLabelAuthor
-  }, author)));
+  }, author))), /*#__PURE__*/React.createElement(ListBadges, {
+    "aria-label": ariaLabelModules,
+    items: badgeList
+  }));
 };
 
 CourseSection.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.shape({
     title: PropTypes.string,
-    author: PropTypes.string
+    author: PropTypes.string,
+    modules: PropTypes.string,
+    position: PropTypes.string
   }),
   image: PropTypes.string,
-  contentBadge: PropTypes.shape(ContentBadge.propTypes),
+  badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),
   title: PropTypes.string,
   author: PropTypes.string,
   position: PropTypes.number,

package/es/molecule/course-section/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["React","PropTypes","CardImagePreview","ContentBadge","style","CourseSection","props","image","contentBadge","category","label","title","author","position","ariaLabelTitle","ariaLabelAuthor","id","container","containerImage","containerInfos","containerMainInfos","propTypes","shape","string","number"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,YAAY,EAAE;AAACC,MAAAA,QAAD;AAAWC,MAAAA;AAAX,KAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,QALI;AAMJ,kBAAc;AAACF,MAAAA,KAAK,EAAEG,cAAR;AAAwBF,MAAAA,MAAM,EAAEG;AAAhC,KANV;AAOJC,IAAAA;AAPI,MAQFV,KARJ;AASA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACa,SAAtB;AAAiC,kBAAYH,cAA7C;AAA6D,iBAAY,kBAAiBE,EAAG;AAA7F,kBACE;AAAM,IAAA,SAAS,EAAEZ,KAAK,CAACS;AAAvB,KAAkCA,QAAlC,CADF,eAEE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACc;AAAtB,kBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEX;AAAzB,IADF,CAFF,eAKE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEhB,KAAK,CAACI,YAA/B;AAA6C,IAAA,QAAQ,EAAEC,QAAvD;AAAiE,IAAA,KAAK,EAAEC;AAAxE,IADF,eAEE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAtB,KAA8BA,KAA9B,CAFF,CADF,eAKE;AAAM,IAAA,SAAS,EAAEP,KAAK,CAACQ,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CALF,CALF,CADF;AAiBD,CA3BD;;AA6BAP,aAAa,CAACgB,SAAd,2CAA0B;AACxB,gBAAcpB,SAAS,CAACqB,KAAV,CAAgB;AAC5BX,IAAAA,KAAK,EAAEV,SAAS,CAACsB,MADW;AAE5BX,IAAAA,MAAM,EAAEX,SAAS,CAACsB;AAFU,GAAhB,CADU;AAKxBhB,EAAAA,KAAK,EAAEN,SAAS,CAACsB,MALO;AAMxBf,EAAAA,YAAY,EAAEP,SAAS,CAACqB,KAAV,CAAgBnB,YAAY,CAACkB,SAA7B,CANU;AAOxBV,EAAAA,KAAK,EAAEV,SAAS,CAACsB,MAPO;AAQxBX,EAAAA,MAAM,EAAEX,SAAS,CAACsB,MARM;AASxBV,EAAAA,QAAQ,EAAEZ,SAAS,CAACuB,MATI;AAUxBR,EAAAA,EAAE,EAAEf,SAAS,CAACsB;AAVU,CAA1B;AAaA,eAAelB,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    contentBadge: {category, label},\n    title,\n    author,\n    position,\n    'aria-label': {title: ariaLabelTitle, author: ariaLabelAuthor},\n    id\n  } = props;\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <span className={style.position}>{position}</span>\n      <div className={style.containerImage}>\n        <CardImagePreview image={image} />\n      </div>\n      <div className={style.containerInfos}>\n        <div className={style.containerMainInfos}>\n          <ContentBadge className={style.contentBadge} category={category} label={label} />\n          <div className={style.title}>{title}</div>\n        </div>\n        <span className={style.author} aria-label={ariaLabelAuthor}>\n          {author}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string\n  }),\n  image: PropTypes.string,\n  contentBadge: PropTypes.shape(ContentBadge.propTypes),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["React","PropTypes","CardImagePreview","ContentBadge","ListBadges","style","CourseSection","props","image","badgeList","title","author","position","ariaLabelTitle","ariaLabelAuthor","modules","ariaLabelModules","coursePosition","id","container","wrapper","containerImage","containerInfos","propTypes","shape","string","arrayOf","number"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,QALI;AAMJ,kBAAc;AACZF,MAAAA,KAAK,EAAEG,cADK;AAEZF,MAAAA,MAAM,EAAEG,eAFI;AAGZC,MAAAA,OAAO,EAAEC,gBAHG;AAIZJ,MAAAA,QAAQ,EAAEK;AAJE,KANV;AAYJC,IAAAA;AAZI,MAaFX,KAbJ;AAeA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACc,SAAtB;AAAiC,kBAAYN,cAA7C;AAA6D,iBAAY,kBAAiBK,EAAG;AAA7F,kBACE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACe;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEf,KAAK,CAACO,QAAvB;AAAiC,kBAAYK,cAA7C;AAA6D,iBAAU;AAAvE,KACGL,QADH,CADF,eAIE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACgB;AAAtB,kBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEb;AAAzB,IADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACiB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACK;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAM,IAAA,SAAS,EAAEL,KAAK,CAACM,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CAFF,CAPF,CADF,eAeE,oBAAC,UAAD;AAAY,kBAAYK,gBAAxB;AAA0C,IAAA,KAAK,EAAEP;AAAjD,IAfF,CADF;AAmBD,CAnCD;;AAqCAH,aAAa,CAACiB,SAAd,2CAA0B;AACxB,gBAActB,SAAS,CAACuB,KAAV,CAAgB;AAC5Bd,IAAAA,KAAK,EAAET,SAAS,CAACwB,MADW;AAE5Bd,IAAAA,MAAM,EAAEV,SAAS,CAACwB,MAFU;AAG5BV,IAAAA,OAAO,EAAEd,SAAS,CAACwB,MAHS;AAI5Bb,IAAAA,QAAQ,EAAEX,SAAS,CAACwB;AAJQ,GAAhB,CADU;AAOxBjB,EAAAA,KAAK,EAAEP,SAAS,CAACwB,MAPO;AAQxBhB,EAAAA,SAAS,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAACuB,KAAV,CAAgBrB,YAAY,CAACoB,SAA7B,CAAlB,CARa;AASxBb,EAAAA,KAAK,EAAET,SAAS,CAACwB,MATO;AAUxBd,EAAAA,MAAM,EAAEV,SAAS,CAACwB,MAVM;AAWxBb,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,MAXI;AAYxBT,EAAAA,EAAE,EAAEjB,SAAS,CAACwB;AAZU,CAA1B;AAeA,eAAenB,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport ListBadges from '../list-badges';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    badgeList,\n    title,\n    author,\n    position,\n    'aria-label': {\n      title: ariaLabelTitle,\n      author: ariaLabelAuthor,\n      modules: ariaLabelModules,\n      position: coursePosition\n    },\n    id\n  } = props;\n\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <div className={style.wrapper}>\n        <span className={style.position} aria-label={coursePosition} data-name=\"position\">\n          {position}\n        </span>\n        <div className={style.containerImage}>\n          <CardImagePreview image={image} />\n        </div>\n        <div className={style.containerInfos}>\n          <div className={style.title}>{title}</div>\n          <span className={style.author} aria-label={ariaLabelAuthor}>\n            {author}\n          </span>\n        </div>\n      </div>\n      <ListBadges aria-label={ariaLabelModules} items={badgeList} />\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string,\n    modules: PropTypes.string,\n    position: PropTypes.string\n  }),\n  image: PropTypes.string,\n  badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"file":"index.js"}

package/es/molecule/course-section/style.css

@@ -5,38 +5,39 @@
 @value cm_grey_400 from colors;
 
 .container {
+    display: flex;
+    justify-content: space-between;
     align-items: center;
     background-color: cm_grey_50;
-    border-radius: 7px;
-    display: flex;
     font-size: 14px;
-    justify-content: flex-start;
     margin-top: 8px;
     padding: 8px 16px;
     border-radius: 7px;
 }
 
+.wrapper {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    width: 83%;
+}
+
 .containerInfos {
     margin-left: 16px;
     overflow: hidden;
 }
 
-.containerMainInfos {
-    display: flex;
-    align-items: center;
-}
-
 .title {
     color: cm_grey_900;
     line-height: 22px;
     font-family: Gilroy;
     font-size: 16px;
     font-weight: bold;
-    margin-left: 4px;
     overflow:hidden;
     white-space:nowrap;
     display:inline-block;
     text-overflow:ellipsis;
+    width: 100%;
 }
 
 .author {
@@ -54,13 +55,9 @@
     margin: 0 12px 0 32px;
 }
 
-.contentBadge {
-    font-size: 8px;
-    font-weight: bold;
-    line-height: 10px;;
-}
-
 .containerImage {
     min-height: 56px;
     min-width: 56px;
 }
+
+

package/es/molecule/course-section/test/fixtures/advanced-level.js

@@ -0,0 +1,22 @@
+export default {
+  props: {
+    'aria-label': {
+      title: 'aria label title',
+      author: 'aria label author',
+      modules: 'aria label modules'
+    },
+    title: 'Social networks',
+    author: 'Author',
+    image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+    badgeList: [{
+      label: 'Base',
+      category: 'base'
+    }, {
+      label: 'Avancé',
+      category: 'advanced'
+    }],
+    position: 2,
+    id: 'chap_1'
+  }
+};
+//# sourceMappingURL=advanced-level.js.map

package/es/molecule/course-section/test/fixtures/advanced-level.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/advanced-level.js"],"names":["props","title","author","modules","image","badgeList","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE,mBAFI;AAGZC,MAAAA,OAAO,EAAE;AAHG,KADT;AAMLF,IAAAA,KAAK,EAAE,iBANF;AAOLC,IAAAA,MAAM,EAAE,QAPH;AAQLE,IAAAA,KAAK,EACH,4LATG;AAULC,IAAAA,SAAS,EAAE,CACT;AACEC,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KADS,EAKT;AACED,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KALS,CAVN;AAoBLC,IAAAA,QAAQ,EAAE,CApBL;AAqBLC,IAAAA,EAAE,EAAE;AArBC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author',\n      modules: 'aria label modules'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    badgeList: [\n      {\n        label: 'Base',\n        category: 'base'\n      },\n      {\n        label: 'Avancé',\n        category: 'advanced'\n      }\n    ],\n    position: 2,\n    id: 'chap_1'\n  }\n};\n"],"file":"advanced-level.js"}

package/es/molecule/course-section/test/fixtures/base-level.js

@@ -0,0 +1,18 @@
+export default {
+  props: {
+    'aria-label': {
+      title: 'aria label title',
+      author: 'aria label author'
+    },
+    title: 'Social networks',
+    author: 'Author',
+    image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+    badgeList: [{
+      label: 'Base',
+      category: 'base'
+    }],
+    position: 2,
+    id: 'chap_1'
+  }
+};
+//# sourceMappingURL=base-level.js.map

package/es/molecule/course-section/test/fixtures/base-level.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/base-level.js"],"names":["props","title","author","image","badgeList","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EAAE,iBALF;AAMLC,IAAAA,MAAM,EAAE,QANH;AAOLC,IAAAA,KAAK,EACH,4LARG;AASLC,IAAAA,SAAS,EAAE,CACT;AACEC,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KADS,CATN;AAeLC,IAAAA,QAAQ,EAAE,CAfL;AAgBLC,IAAAA,EAAE,EAAE;AAhBC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    badgeList: [\n      {\n        label: 'Base',\n        category: 'base'\n      }\n    ],\n    position: 2,\n    id: 'chap_1'\n  }\n};\n"],"file":"base-level.js"}

package/es/molecule/course-section/test/fixtures/chapter.js

@@ -7,10 +7,10 @@ export default {
     title: 'Social networks',
     author: 'Author',
     image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-    contentBadge: {
+    badgeList: [{
       label: 'chapter',
       category: 'chapter'
-    },
+    }],
     position: 2,
     id: 'chap_1'
   }

package/es/molecule/course-section/test/fixtures/chapter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/chapter.js"],"names":["props","title","author","image","contentBadge","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EAAE,iBALF;AAMLC,IAAAA,MAAM,EAAE,QANH;AAOLC,IAAAA,KAAK,EACH,4LARG;AASLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,SADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KATT;AAaLC,IAAAA,QAAQ,EAAE,CAbL;AAcLC,IAAAA,EAAE,EAAE;AAdC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'chapter',\n      category: 'chapter'\n    },\n    position: 2,\n    id: 'chap_1'\n  }\n};\n"],"file":"chapter.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/chapter.js"],"names":["props","title","author","image","badgeList","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EAAE,iBALF;AAMLC,IAAAA,MAAM,EAAE,QANH;AAOLC,IAAAA,KAAK,EACH,4LARG;AASLC,IAAAA,SAAS,EAAE,CACT;AACEC,MAAAA,KAAK,EAAE,SADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KADS,CATN;AAeLC,IAAAA,QAAQ,EAAE,CAfL;AAgBLC,IAAAA,EAAE,EAAE;AAhBC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    badgeList: [\n      {\n        label: 'chapter',\n        category: 'chapter'\n      }\n    ],\n    position: 2,\n    id: 'chap_1'\n  }\n};\n"],"file":"chapter.js"}

package/es/molecule/course-section/test/fixtures/coach-level.js

@@ -0,0 +1,24 @@
+export default {
+  props: {
+    'aria-label': {
+      title: 'aria label title',
+      author: 'aria label author'
+    },
+    title: 'Social networks',
+    author: 'Author',
+    image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+    badgeList: [{
+      label: 'Base',
+      category: 'base'
+    }, {
+      label: 'Avancé',
+      category: 'advanced'
+    }, {
+      label: 'Coach',
+      category: 'coach'
+    }],
+    position: 2,
+    id: 'chap_1'
+  }
+};
+//# sourceMappingURL=coach-level.js.map

package/es/molecule/course-section/test/fixtures/coach-level.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/coach-level.js"],"names":["props","title","author","image","badgeList","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EAAE,iBALF;AAMLC,IAAAA,MAAM,EAAE,QANH;AAOLC,IAAAA,KAAK,EACH,4LARG;AASLC,IAAAA,SAAS,EAAE,CACT;AACEC,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KADS,EAKT;AACED,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KALS,EAST;AACED,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KATS,CATN;AAuBLC,IAAAA,QAAQ,EAAE,CAvBL;AAwBLC,IAAAA,EAAE,EAAE;AAxBC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    badgeList: [\n      {\n        label: 'Base',\n        category: 'base'\n      },\n      {\n        label: 'Avancé',\n        category: 'advanced'\n      },\n      {\n        label: 'Coach',\n        category: 'coach'\n      }\n    ],\n    position: 2,\n    id: 'chap_1'\n  }\n};\n"],"file":"coach-level.js"}

package/es/molecule/course-section/test/fixtures/course.js

@@ -7,10 +7,10 @@ export default {
     title: 'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',
     author: 'Author',
     image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-    contentBadge: {
+    badgeList: [{
       label: 'course',
       category: 'course'
-    },
+    }],
     position: 1,
     id: 'disc_1'
   }

package/es/molecule/course-section/test/fixtures/course.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/course.js"],"names":["props","title","author","image","contentBadge","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EACH,qIANG;AAOLC,IAAAA,MAAM,EAAE,QAPH;AAQLC,IAAAA,KAAK,EACH,4LATG;AAULC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,QADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KAVT;AAcLC,IAAAA,QAAQ,EAAE,CAdL;AAeLC,IAAAA,EAAE,EAAE;AAfC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title:\n      'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'course',\n      category: 'course'\n    },\n    position: 1,\n    id: 'disc_1'\n  }\n};\n"],"file":"course.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/course.js"],"names":["props","title","author","image","badgeList","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EACH,qIANG;AAOLC,IAAAA,MAAM,EAAE,QAPH;AAQLC,IAAAA,KAAK,EACH,4LATG;AAULC,IAAAA,SAAS,EAAE,CACT;AACEC,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,QAAQ,EAAE;AAFZ,KADS,CAVN;AAgBLC,IAAAA,QAAQ,EAAE,CAhBL;AAiBLC,IAAAA,EAAE,EAAE;AAjBC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title:\n      'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    badgeList: [\n      {\n        label: 'course',\n        category: 'course'\n      }\n    ],\n    position: 1,\n    id: 'disc_1'\n  }\n};\n"],"file":"course.js"}

package/es/molecule/course-section/test/fixtures.js

@@ -2,7 +2,10 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import MoleculeCourseSection from '..';
+import fixtureAdvancedLevel from './fixtures/advanced-level';
+import fixtureBaseLevel from './fixtures/base-level';
 import fixtureChapter from './fixtures/chapter';
+import fixtureCoachLevel from './fixtures/coach-level';
 import fixtureCourse from './fixtures/course';
 test('Molecule › MoleculeCourseSection > should have valid propTypes', t => {
   t.pass();
@@ -10,6 +13,9 @@ test('Molecule › MoleculeCourseSection > should have valid propTypes', t => {
     t.not(value, undefined, `PropType for "Molecule.MoleculeCourseSection.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+test('Molecule › MoleculeCourseSection › AdvancedLevel › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureAdvancedLevel);
+test('Molecule › MoleculeCourseSection › BaseLevel › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureBaseLevel);
 test('Molecule › MoleculeCourseSection › Chapter › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureChapter);
+test('Molecule › MoleculeCourseSection › CoachLevel › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCoachLevel);
 test('Molecule › MoleculeCourseSection › Course › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCourse);
 //# sourceMappingURL=fixtures.js.map

package/es/molecule/course-section/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/course-section/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCourseSection","fixtureChapter","fixtureCourse","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,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAL,IAAI,CAAC,gEAAD,EAAmEM,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,qBAAqB,CAACK,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,qBAA1F,EAAiHC,cAAjH,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,qBAAzF,EAAgHE,aAAhH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSection from '..';\nimport fixtureChapter from './fixtures/chapter';\nimport fixtureCourse from './fixtures/course';\n\ntest('Molecule › MoleculeCourseSection > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSection › Chapter › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureChapter);\ntest('Molecule › MoleculeCourseSection › Course › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCourse);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/course-section/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCourseSection","fixtureAdvancedLevel","fixtureBaseLevel","fixtureChapter","fixtureCoachLevel","fixtureCourse","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,qBAAP,MAAkC,IAAlC;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAR,IAAI,CAAC,gEAAD,EAAmES,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,qBAAqB,CAACQ,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,qBAAhG,EAAuHC,oBAAvH,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,qBAA5F,EAAmHE,gBAAnH,CAAJ;AACAL,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,qBAA1F,EAAiHG,cAAjH,CAAJ;AACAN,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,qBAA7F,EAAoHI,iBAApH,CAAJ;AACAP,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,qBAAzF,EAAgHK,aAAhH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSection from '..';\nimport fixtureAdvancedLevel from './fixtures/advanced-level';\nimport fixtureBaseLevel from './fixtures/base-level';\nimport fixtureChapter from './fixtures/chapter';\nimport fixtureCoachLevel from './fixtures/coach-level';\nimport fixtureCourse from './fixtures/course';\n\ntest('Molecule › MoleculeCourseSection > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSection › AdvancedLevel › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureAdvancedLevel);\ntest('Molecule › MoleculeCourseSection › BaseLevel › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureBaseLevel);\ntest('Molecule › MoleculeCourseSection › Chapter › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureChapter);\ntest('Molecule › MoleculeCourseSection › CoachLevel › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCoachLevel);\ntest('Molecule › MoleculeCourseSection › Course › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCourse);\n"],"file":"fixtures.js"}

package/es/molecule/course-sections/test/fixtures/default.js

@@ -8,10 +8,10 @@ export default {
       title: 'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',
       author: 'Author',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 1,
       id: 'disc_1'
     }, {
@@ -22,10 +22,10 @@ export default {
       title: 'Social networks',
       author: 'Author',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 2,
       id: 'chap_1'
     }, {
@@ -36,10 +36,10 @@ export default {
       title: 'Other title',
       author: 'Author 2',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 3,
       id: 'disc_2'
     }, {
@@ -50,10 +50,10 @@ export default {
       title: 'Social others',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 4,
       id: 'chap_2'
     }, {
@@ -64,10 +64,10 @@ export default {
       title: 'Social others others',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 5,
       id: 'chap_3'
     }, {
@@ -78,10 +78,10 @@ export default {
       title: 'Something about empowerment',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 6,
       id: 'disc_3'
     }, {
@@ -92,10 +92,10 @@ export default {
       title: 'Be a better human being',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 7,
       id: 'chap_4'
     }, {
@@ -106,10 +106,10 @@ export default {
       title: 'Stronger faster better',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 8,
       id: 'disc_4'
     }, {
@@ -120,10 +120,10 @@ export default {
       title: 'Relativity beyond time',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 9,
       id: 'disc_5'
     }, {
@@ -134,10 +134,10 @@ export default {
       title: 'Are you awake?',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 10,
       id: 'chap_5'
     }],