@coorpacademy/components 10.5.5 → 10.5.7-alpha.12

package/lib/atom/select/style.css

@@ -10,6 +10,8 @@
 @value white from colors;
 @value xtraLightGrey from colors;
 @value transparent from colors;
+@value box_shadow_light_dark from colors;
+@value cm_blue_900 from colors;
 
 .default {
   display: flex;
@@ -23,7 +25,11 @@
   composes: default;
 }
 
-.default label {
+.selectWrapper {
+  position: relative;
+}
+
+.default .selectWrapper {
   display: flex;
   align-items: center;
   height: 50px;
@@ -41,20 +47,16 @@
   width: 180px;
 }
 
-.label {
+.selectSpan {
   display: none;
-  position: absolute;
+  position: relative;
+  z-index: 10;
   white-space: nowrap;
-  overflow: hidden;
-  left: 0;
-  right: 0;
-  bottom: 0;
   pointer-events: none;
-  text-overflow: ellipsis;
   height: 18px;
 }
 
-.default select {
+.default .selectBox {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
@@ -68,6 +70,18 @@
   outline: none;
   appearance: none;
   cursor: pointer;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.selectOption,
+
+.no-label .selectWrapper,
+.player .selectWrapper {
+  min-width: min-content;
+  height: min-content;
 }
 
 .modified select {
@@ -112,6 +126,7 @@
   pointer-events: none;
   width: 12px;
   height: 12px;
+  z-index: 11;
 }
 
 @media mobile {
@@ -121,7 +136,7 @@
   }
 }
 
-.default select[multiple] {
+.default .selectBox[multiple] {
   padding: 0;
   height: 80px;
 }
@@ -130,7 +145,7 @@
   Filter
 */
 
-.filter label {
+.filter .selectWrapper {
   display: flex;
   align-items: center;
   position: relative;
@@ -140,7 +155,7 @@
   margin: 0;
 }
 
-.filter .label {
+.filter .selectSpan {
   display: block;
   padding: 15px 30px 15px 15px;
   font-size: 12px;
@@ -157,7 +172,7 @@
   margin-bottom: 10px;
 }
 
-.filter select {
+.filter .selectBox {
   display: block;
   width: 100%;
   height: 50px;
@@ -186,57 +201,110 @@
   position: relative;
 }
 
-.no-label label {
+.no-label .selectWrapper {
   display: flex;
   align-items: center;
-  height: 44px;
+  min-height: 54px;
   position: relative;
   flex-grow: 0;
 }
 
-.no-label .label {
+.noLabelCommon {
   display: block;
   padding: 0 30px 0 10px;
   font-size: 14px;
+  height: 54px;
+  line-height: 52px;
+  box-sizing: border-box;
+}
+
+div.default label.selectWrapper span.longLabel {
+    min-width: 230px;
+    max-width: 280px;
+    white-space: pre-wrap;
+    line-height: 22px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    height: auto;
+    border: none;
+}
+
+div:not(.player) .noLabelCommon.selectSpan {
   border: 1px solid light;
   background: white;
   border-radius: 2px;
-  height: 44px;
-  line-height: 42px;
-  box-sizing: border-box;
+}
+
+div.player .noLabelCommon.selectSpan {
+  box-shadow: 0px 4px 16px box_shadow_light_dark;
+  border-radius: 8px;
+  min-width: min-content;
+  width: 100%;
   white-space: nowrap;
-  text-overflow: ellipsis;
 }
 
-.no-label select {
+.no-label .selectBox {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
-  height: 44px;
+  height: 54px;
   border-radius: 2px;
-  font-size: 16px;
+  font-size: 14px;
   color: black;
   font-weight: normal;
   margin-left: 0;
   width: 230px;
+  max-width: 280px;
   cursor: pointer;
   background: white;
   border: 2px solid xtraLightGrey;
 }
 
 @media mobile {
-  .no-label select {
-    height: 100%;
-    width: 100%;
+  div.player .selectBox {
+    min-width: 0;
+  }
+
+  .no-label .selectBox {
     margin-left: 0;
     border-radius: 0;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
 
-  .no-label label {
+  .no-label .selectWrapper {
     display: block;
     margin-right: 0;
     width: 100%;
-    height: 44px;
+    min-height: 44px;
+    height: min-content;
+    min-width: 250px;
+    max-width: 280px;
+  }
+
+  .player .noLabelCommon {
+    height: min-content;
+  }
+
+  div.player .noLabelCommon.selectSpan {
+    min-width: 250px;
+    max-width: 280px;
+    white-space: pre-wrap;
+  }
+
+  .noLabelCommon.longLabel {
+    line-height: 22px;
+    height: 100%;
+  }
+
+  .player.default .selectBox {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
   }
 }
 
@@ -248,12 +316,16 @@
   composes: no-label;
 }
 
-.invalid label {
+.invalid .player {
+  color: cm_blue_900;
+}
+
+.invalid .selectWrapper {
   height: 54px;
   color: black;
 }
 
-.invalid .label {
+.invalid .selectSpan {
   font-size: 15px;
   font-weight: 700;
   border: 2px solid;
@@ -271,7 +343,7 @@
   width: 150px;
 }
 
-.mooc label {
+.mooc .selectWrapper {
   margin: 0;
   height: 35px;
   border: 0;
@@ -307,11 +379,11 @@
   composes: no-label;
 }
 
-.question label {
+.question .selectWrapper {
   height: 54px;
 }
 
-.question .label {
+.question .selectSpan {
   font-size: 15px;
   font-weight: 700;
   border: 2px solid;
@@ -328,7 +400,7 @@
   margin-bottom: 10px;
 }
 
-.sort label {
+.sort .selectWrapper {
   display: flex;
   align-items: center;
   position: relative;
@@ -338,7 +410,7 @@
   margin: 0;
 }
 
-.sort .label {
+.sort .selectSpan {
   display: block;
   padding: 15px 30px 15px 15px;
   font-size: 12px;
@@ -379,6 +451,14 @@
   composes: no-label;
 }
 
+/* 
+  Player
+*/
+
+.player {
+  composes: no-label;
+}
+
 /*
   Header
 */
@@ -388,6 +468,15 @@
   width: auto;
 }
 
+.default .selectWrapper select.selectBox {
+  max-width: 280px;
+  width: inherit;
+  border-radius: 8px;
+  padding: 0;
+  height: 100%;
+  top: 0;
+}
+
 .header select {
   background-color: light;
   border: 0;
@@ -420,7 +509,7 @@
   composes: no-label;
 }
 
-.template select {
+.template .selectBox {
   width: auto;
   height: 54px;
   padding: 0 50px 0 0;
@@ -428,22 +517,22 @@
   max-width: 100%;
 }
 
-.template .label {
+.template .selectSpan {
   font-size: 15px;
   font-weight: 700;
   height: 54px;
   line-height: 52px;
 }
 
-.selected.template .label {
+.selected.template .selectSpan {
   border: 1px solid;
 }
 
-.unselected.template .label {
+.unselected.template .selectSpan {
   border: 1px solid color(black lightness(85%));
 }
 
-.template label {
+.template .selectWrapper {
   display: block;
   width: auto;
   margin-right: 0;

package/lib/atom/select/test/fixtures/player.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _defaultsDeep2 = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  props
+} = _default2.default;
+var _default = {
+  props: (0, _defaultsDeep2.default)(props, {
+    theme: 'player'
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=player.js.map

package/lib/atom/select/test/fixtures/player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/select/test/fixtures/player.js"],"names":["props","Default","theme"],"mappings":";;;;;;;AACA;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE,4BAAaA,KAAb,EAAoB;AACzBE,IAAAA,KAAK,EAAE;AADkB,GAApB;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    theme: 'player'\n  })\n};\n"],"file":"player.js"}

package/lib/atom/select/test/fixtures.js

@@ -26,6 +26,8 @@ var _multipleSelected = _interopRequireDefault(require("./fixtures/multiple-sele
 
 var _multiple = _interopRequireDefault(require("./fixtures/multiple"));
 
+var _player = _interopRequireDefault(require("./fixtures/player"));
+
 var _question = _interopRequireDefault(require("./fixtures/question"));
 
 var _requiredWithTitle = _interopRequireDefault(require("./fixtures/required-with-title"));
@@ -57,6 +59,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Atom › AtomSelect › Mooc › should be rendered', _renderComponent.default, _.default, _mooc.default);
 (0, _ava.default)('Atom › AtomSelect › MultipleSelected › should be rendered', _renderComponent.default, _.default, _multipleSelected.default);
 (0, _ava.default)('Atom › AtomSelect › Multiple › should be rendered', _renderComponent.default, _.default, _multiple.default);
+(0, _ava.default)('Atom › AtomSelect › Player › should be rendered', _renderComponent.default, _.default, _player.default);
 (0, _ava.default)('Atom › AtomSelect › Question › should be rendered', _renderComponent.default, _.default, _question.default);
 (0, _ava.default)('Atom › AtomSelect › RequiredWithTitle › should be rendered', _renderComponent.default, _.default, _requiredWithTitle.default);
 (0, _ava.default)('Atom › AtomSelect › Required › should be rendered', _renderComponent.default, _.default, _required.default);

package/lib/atom/select/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/select/test/fixtures.js"],"names":["t","pass","AtomSelect","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDisabled","fixtureError","fixtureFilter","fixtureInvalid","fixtureModified","fixtureMooc","fixtureMultipleSelected","fixtureMultiple","fixtureQuestion","fixtureRequiredWithTitle","fixtureRequired","fixtureSort","fixtureTemplate","fixtureThematiquesLong","fixtureThematiques"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iDAAL,EAAwDA,CAAC,IAAI;AAC3DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAWC,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2CAA0CF,GAAI,mEAAvE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kDAAL,EAAyDG,wBAAzD,EAA+EN,SAA/E,EAA2FO,gBAA3F;AACA,kBAAK,mDAAL,EAA0DD,wBAA1D,EAAgFN,SAAhF,EAA4FQ,iBAA5F;AACA,kBAAK,gDAAL,EAAuDF,wBAAvD,EAA6EN,SAA7E,EAAyFS,cAAzF;AACA,kBAAK,iDAAL,EAAwDH,wBAAxD,EAA8EN,SAA9E,EAA0FU,eAA1F;AACA,kBAAK,kDAAL,EAAyDJ,wBAAzD,EAA+EN,SAA/E,EAA2FW,gBAA3F;AACA,kBAAK,mDAAL,EAA0DL,wBAA1D,EAAgFN,SAAhF,EAA4FY,iBAA5F;AACA,kBAAK,+CAAL,EAAsDN,wBAAtD,EAA4EN,SAA5E,EAAwFa,aAAxF;AACA,kBAAK,2DAAL,EAAkEP,wBAAlE,EAAwFN,SAAxF,EAAoGc,yBAApG;AACA,kBAAK,mDAAL,EAA0DR,wBAA1D,EAAgFN,SAAhF,EAA4Fe,iBAA5F;AACA,kBAAK,mDAAL,EAA0DT,wBAA1D,EAAgFN,SAAhF,EAA4FgB,iBAA5F;AACA,kBAAK,4DAAL,EAAmEV,wBAAnE,EAAyFN,SAAzF,EAAqGiB,0BAArG;AACA,kBAAK,mDAAL,EAA0DX,wBAA1D,EAAgFN,SAAhF,EAA4FkB,iBAA5F;AACA,kBAAK,+CAAL,EAAsDZ,wBAAtD,EAA4EN,SAA5E,EAAwFmB,aAAxF;AACA,kBAAK,mDAAL,EAA0Db,wBAA1D,EAAgFN,SAAhF,EAA4FoB,iBAA5F;AACA,kBAAK,0DAAL,EAAiEd,wBAAjE,EAAuFN,SAAvF,EAAmGqB,wBAAnG;AACA,kBAAK,sDAAL,EAA6Df,wBAA7D,EAAmFN,SAAnF,EAA+FsB,oBAA/F","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomSelect from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureFilter from './fixtures/filter';\nimport fixtureInvalid from './fixtures/invalid';\nimport fixtureModified from './fixtures/modified';\nimport fixtureMooc from './fixtures/mooc';\nimport fixtureMultipleSelected from './fixtures/multiple-selected';\nimport fixtureMultiple from './fixtures/multiple';\nimport fixtureQuestion from './fixtures/question';\nimport fixtureRequiredWithTitle from './fixtures/required-with-title';\nimport fixtureRequired from './fixtures/required';\nimport fixtureSort from './fixtures/sort';\nimport fixtureTemplate from './fixtures/template';\nimport fixtureThematiquesLong from './fixtures/thematiques-long';\nimport fixtureThematiques from './fixtures/thematiques';\n\ntest('Atom › AtomSelect > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomSelect.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomSelect.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);\ntest('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);\ntest('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);\ntest('Atom › AtomSelect › Filter › should be rendered', renderComponentMacro, AtomSelect, fixtureFilter);\ntest('Atom › AtomSelect › Invalid › should be rendered', renderComponentMacro, AtomSelect, fixtureInvalid);\ntest('Atom › AtomSelect › Modified › should be rendered', renderComponentMacro, AtomSelect, fixtureModified);\ntest('Atom › AtomSelect › Mooc › should be rendered', renderComponentMacro, AtomSelect, fixtureMooc);\ntest('Atom › AtomSelect › MultipleSelected › should be rendered', renderComponentMacro, AtomSelect, fixtureMultipleSelected);\ntest('Atom › AtomSelect › Multiple › should be rendered', renderComponentMacro, AtomSelect, fixtureMultiple);\ntest('Atom › AtomSelect › Question › should be rendered', renderComponentMacro, AtomSelect, fixtureQuestion);\ntest('Atom › AtomSelect › RequiredWithTitle › should be rendered', renderComponentMacro, AtomSelect, fixtureRequiredWithTitle);\ntest('Atom › AtomSelect › Required › should be rendered', renderComponentMacro, AtomSelect, fixtureRequired);\ntest('Atom › AtomSelect › Sort › should be rendered', renderComponentMacro, AtomSelect, fixtureSort);\ntest('Atom › AtomSelect › Template › should be rendered', renderComponentMacro, AtomSelect, fixtureTemplate);\ntest('Atom › AtomSelect › ThematiquesLong › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiquesLong);\ntest('Atom › AtomSelect › Thematiques › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiques);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/select/test/fixtures.js"],"names":["t","pass","AtomSelect","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDisabled","fixtureError","fixtureFilter","fixtureInvalid","fixtureModified","fixtureMooc","fixtureMultipleSelected","fixtureMultiple","fixturePlayer","fixtureQuestion","fixtureRequiredWithTitle","fixtureRequired","fixtureSort","fixtureTemplate","fixtureThematiquesLong","fixtureThematiques"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iDAAL,EAAwDA,CAAC,IAAI;AAC3DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAWC,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2CAA0CF,GAAI,mEAAvE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kDAAL,EAAyDG,wBAAzD,EAA+EN,SAA/E,EAA2FO,gBAA3F;AACA,kBAAK,mDAAL,EAA0DD,wBAA1D,EAAgFN,SAAhF,EAA4FQ,iBAA5F;AACA,kBAAK,gDAAL,EAAuDF,wBAAvD,EAA6EN,SAA7E,EAAyFS,cAAzF;AACA,kBAAK,iDAAL,EAAwDH,wBAAxD,EAA8EN,SAA9E,EAA0FU,eAA1F;AACA,kBAAK,kDAAL,EAAyDJ,wBAAzD,EAA+EN,SAA/E,EAA2FW,gBAA3F;AACA,kBAAK,mDAAL,EAA0DL,wBAA1D,EAAgFN,SAAhF,EAA4FY,iBAA5F;AACA,kBAAK,+CAAL,EAAsDN,wBAAtD,EAA4EN,SAA5E,EAAwFa,aAAxF;AACA,kBAAK,2DAAL,EAAkEP,wBAAlE,EAAwFN,SAAxF,EAAoGc,yBAApG;AACA,kBAAK,mDAAL,EAA0DR,wBAA1D,EAAgFN,SAAhF,EAA4Fe,iBAA5F;AACA,kBAAK,iDAAL,EAAwDT,wBAAxD,EAA8EN,SAA9E,EAA0FgB,eAA1F;AACA,kBAAK,mDAAL,EAA0DV,wBAA1D,EAAgFN,SAAhF,EAA4FiB,iBAA5F;AACA,kBAAK,4DAAL,EAAmEX,wBAAnE,EAAyFN,SAAzF,EAAqGkB,0BAArG;AACA,kBAAK,mDAAL,EAA0DZ,wBAA1D,EAAgFN,SAAhF,EAA4FmB,iBAA5F;AACA,kBAAK,+CAAL,EAAsDb,wBAAtD,EAA4EN,SAA5E,EAAwFoB,aAAxF;AACA,kBAAK,mDAAL,EAA0Dd,wBAA1D,EAAgFN,SAAhF,EAA4FqB,iBAA5F;AACA,kBAAK,0DAAL,EAAiEf,wBAAjE,EAAuFN,SAAvF,EAAmGsB,wBAAnG;AACA,kBAAK,sDAAL,EAA6DhB,wBAA7D,EAAmFN,SAAnF,EAA+FuB,oBAA/F","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomSelect from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureFilter from './fixtures/filter';\nimport fixtureInvalid from './fixtures/invalid';\nimport fixtureModified from './fixtures/modified';\nimport fixtureMooc from './fixtures/mooc';\nimport fixtureMultipleSelected from './fixtures/multiple-selected';\nimport fixtureMultiple from './fixtures/multiple';\nimport fixturePlayer from './fixtures/player';\nimport fixtureQuestion from './fixtures/question';\nimport fixtureRequiredWithTitle from './fixtures/required-with-title';\nimport fixtureRequired from './fixtures/required';\nimport fixtureSort from './fixtures/sort';\nimport fixtureTemplate from './fixtures/template';\nimport fixtureThematiquesLong from './fixtures/thematiques-long';\nimport fixtureThematiques from './fixtures/thematiques';\n\ntest('Atom › AtomSelect > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomSelect.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomSelect.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);\ntest('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);\ntest('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);\ntest('Atom › AtomSelect › Filter › should be rendered', renderComponentMacro, AtomSelect, fixtureFilter);\ntest('Atom › AtomSelect › Invalid › should be rendered', renderComponentMacro, AtomSelect, fixtureInvalid);\ntest('Atom › AtomSelect › Modified › should be rendered', renderComponentMacro, AtomSelect, fixtureModified);\ntest('Atom › AtomSelect › Mooc › should be rendered', renderComponentMacro, AtomSelect, fixtureMooc);\ntest('Atom › AtomSelect › MultipleSelected › should be rendered', renderComponentMacro, AtomSelect, fixtureMultipleSelected);\ntest('Atom › AtomSelect › Multiple › should be rendered', renderComponentMacro, AtomSelect, fixtureMultiple);\ntest('Atom › AtomSelect › Player › should be rendered', renderComponentMacro, AtomSelect, fixturePlayer);\ntest('Atom › AtomSelect › Question › should be rendered', renderComponentMacro, AtomSelect, fixtureQuestion);\ntest('Atom › AtomSelect › RequiredWithTitle › should be rendered', renderComponentMacro, AtomSelect, fixtureRequiredWithTitle);\ntest('Atom › AtomSelect › Required › should be rendered', renderComponentMacro, AtomSelect, fixtureRequired);\ntest('Atom › AtomSelect › Sort › should be rendered', renderComponentMacro, AtomSelect, fixtureSort);\ntest('Atom › AtomSelect › Template › should be rendered', renderComponentMacro, AtomSelect, fixtureTemplate);\ntest('Atom › AtomSelect › ThematiquesLong › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiquesLong);\ntest('Atom › AtomSelect › Thematiques › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiques);\n"],"file":"fixtures.js"}

package/lib/atom/select/test/select.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _cloneDeep = _interopRequireDefault(require("lodash/fp/cloneDeep"));
+
+var _noop = _interopRequireDefault(require("lodash/fp/noop"));
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _player = _interopRequireDefault(require("./fixtures/player"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+(0, _browserEnv.default)();
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
+});
+(0, _ava.default)('classnames: should pass the styles pertinent to a player theme, text color: use skin color (selected, valid option, player)', t => {
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _player.default.props, {
+    onChange: _noop.default
+  })));
+  const selectWrapper = wrapper.find('[data-name="select-wrapper"]');
+  t.true(selectWrapper.at(0).exists()); // should use skin color
+
+  t.deepEqual(selectWrapper.at(0).props().style, {
+    color: '#00B0FF'
+  });
+  const selectSpan = selectWrapper.at(0).find('[data-name="select-span"]');
+  t.true(selectSpan.at(0).exists());
+  t.is(selectSpan.at(0).props().className, 'select__selectSpan select__noLabelCommon');
+});
+(0, _ava.default)('text color: should not use skin color (selected, invalid option, player), long label', t => {
+  const withInvalid = (0, _cloneDeep.default)(_player.default.props);
+  withInvalid.options[1] = {
+    name: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean.',
+    value: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean.',
+    selected: true,
+    validOption: false
+  };
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, withInvalid, {
+    onChange: _noop.default
+  })));
+  const selectWrapper = wrapper.find('[data-name="select-wrapper"]');
+  t.true(selectWrapper.at(0).exists()); // should not use skin color
+
+  t.deepEqual(selectWrapper.at(0).props().style, {});
+  const selectSpan = selectWrapper.at(0).find('[data-name="select-span"]');
+  t.true(selectSpan.at(0).exists());
+  t.is(selectSpan.at(0).props().className, 'select__selectSpan select__noLabelCommon select__longLabel');
+});
+//# sourceMappingURL=select.js.map

package/lib/atom/select/test/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/select/test/select.js"],"names":["adapter","Adapter","t","wrapper","playerFixture","props","noop","selectWrapper","find","true","at","exists","deepEqual","style","color","selectSpan","is","className","withInvalid","options","name","value","selected","validOption"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,6HAAL,EAAoIC,CAAC,IAAI;AACvI,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,eAAYC,gBAAcC,KAA1B;AAAiC,IAAA,QAAQ,EAAEC;AAA3C,KAAN,CAAhB;AACA,QAAMC,aAAa,GAAGJ,OAAO,CAACK,IAAR,CAAa,8BAAb,CAAtB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBC,MAApB,EAAP,EAHuI,CAIvI;;AACAT,EAAAA,CAAC,CAACU,SAAF,CAAYL,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBL,KAApB,GAA4BQ,KAAxC,EAA+C;AAC7CC,IAAAA,KAAK,EAAE;AADsC,GAA/C;AAGA,QAAMC,UAAU,GAAGR,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBF,IAApB,CAAyB,2BAAzB,CAAnB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOM,UAAU,CAACL,EAAX,CAAc,CAAd,EAAiBC,MAAjB,EAAP;AACAT,EAAAA,CAAC,CAACc,EAAF,CAAKD,UAAU,CAACL,EAAX,CAAc,CAAd,EAAiBL,KAAjB,GAAyBY,SAA9B,EAAyC,0CAAzC;AACD,CAXD;AAaA,kBAAK,sFAAL,EAA6Ff,CAAC,IAAI;AAChG,QAAMgB,WAAW,GAAG,wBAAUd,gBAAcC,KAAxB,CAApB;AACAa,EAAAA,WAAW,CAACC,OAAZ,CAAoB,CAApB,IAAyB;AACvBC,IAAAA,IAAI,EAAE,mEADiB;AAEvBC,IAAAA,KAAK,EAAE,mEAFgB;AAGvBC,IAAAA,QAAQ,EAAE,IAHa;AAIvBC,IAAAA,WAAW,EAAE;AAJU,GAAzB;AAMA,QAAMpB,OAAO,GAAG,iCAAM,6BAAC,SAAD,eAAYe,WAAZ;AAAyB,IAAA,QAAQ,EAAEZ;AAAnC,KAAN,CAAhB;AACA,QAAMC,aAAa,GAAGJ,OAAO,CAACK,IAAR,CAAa,8BAAb,CAAtB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBC,MAApB,EAAP,EAVgG,CAWhG;;AACAT,EAAAA,CAAC,CAACU,SAAF,CAAYL,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBL,KAApB,GAA4BQ,KAAxC,EAA+C,EAA/C;AACA,QAAME,UAAU,GAAGR,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBF,IAApB,CAAyB,2BAAzB,CAAnB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOM,UAAU,CAACL,EAAX,CAAc,CAAd,EAAiBC,MAAjB,EAAP;AACAT,EAAAA,CAAC,CAACc,EAAF,CACED,UAAU,CAACL,EAAX,CAAc,CAAd,EAAiBL,KAAjB,GAAyBY,SAD3B,EAEE,4DAFF;AAID,CAnBD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport cloneDeep from 'lodash/fp/cloneDeep';\nimport noop from 'lodash/fp/noop';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Select from '..';\nimport playerFixture from './fixtures/player';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('classnames: should pass the styles pertinent to a player theme, text color: use skin color (selected, valid option, player)', t => {\n  const wrapper = mount(<Select {...playerFixture.props} onChange={noop} />);\n  const selectWrapper = wrapper.find('[data-name=\"select-wrapper\"]');\n  t.true(selectWrapper.at(0).exists());\n  // should use skin color\n  t.deepEqual(selectWrapper.at(0).props().style, {\n    color: '#00B0FF'\n  });\n  const selectSpan = selectWrapper.at(0).find('[data-name=\"select-span\"]');\n  t.true(selectSpan.at(0).exists());\n  t.is(selectSpan.at(0).props().className, 'select__selectSpan select__noLabelCommon');\n});\n\ntest('text color: should not use skin color (selected, invalid option, player), long label', t => {\n  const withInvalid = cloneDeep(playerFixture.props);\n  withInvalid.options[1] = {\n    name: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean.',\n    value: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean.',\n    selected: true,\n    validOption: false\n  };\n  const wrapper = mount(<Select {...withInvalid} onChange={noop} />);\n  const selectWrapper = wrapper.find('[data-name=\"select-wrapper\"]');\n  t.true(selectWrapper.at(0).exists());\n  // should not use skin color\n  t.deepEqual(selectWrapper.at(0).props().style, {});\n  const selectSpan = selectWrapper.at(0).find('[data-name=\"select-span\"]');\n  t.true(selectSpan.at(0).exists());\n  t.is(\n    selectSpan.at(0).props().className,\n    'select__selectSpan select__noLabelCommon select__longLabel'\n  );\n});\n"],"file":"select.js"}

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

@@ -28,12 +28,13 @@ const CourseSection = props => {
     'aria-label': {
       title: ariaLabelTitle,
       author: ariaLabelAuthor
-    }
+    },
+    id
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
     "aria-label": ariaLabelTitle,
-    "data-name": `course-section-${position}`
+    "data-name": `course-section-${id}`
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.position
   }, position), /*#__PURE__*/_react.default.createElement("div", {
@@ -65,7 +66,8 @@ CourseSection.propTypes = process.env.NODE_ENV !== "production" ? {
   contentBadge: _propTypes.default.shape(_contentBadge.default.propTypes),
   title: _propTypes.default.string,
   author: _propTypes.default.string,
-  position: _propTypes.default.number
+  position: _propTypes.default.number,
+  id: _propTypes.default.string
 } : {};
 var _default = CourseSection;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["CourseSection","props","image","contentBadge","category","label","title","author","position","ariaLabelTitle","ariaLabelAuthor","style","container","containerImage","containerInfos","containerMainInfos","propTypes","PropTypes","shape","string","ContentBadge","number"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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;AANV,MAOFT,KAPJ;AAQA,sBACE;AACE,IAAA,SAAS,EAAEU,eAAMC,SADnB;AAEE,kBAAYH,cAFd;AAGE,iBAAY,kBAAiBD,QAAS;AAHxC,kBAKE;AAAM,IAAA,SAAS,EAAEG,eAAMH;AAAvB,KAAkCA,QAAlC,CALF,eAME;AAAK,IAAA,SAAS,EAAEG,eAAME;AAAtB,kBACE,6BAAC,yBAAD;AAAkB,IAAA,KAAK,EAAEX;AAAzB,IADF,CANF,eASE;AAAK,IAAA,SAAS,EAAES,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE,6BAAC,qBAAD;AAAc,IAAA,SAAS,EAAEJ,eAAMR,YAA/B;AAA6C,IAAA,QAAQ,EAAEC,QAAvD;AAAiE,IAAA,KAAK,EAAEC;AAAxE,IADF,eAEE;AAAK,IAAA,SAAS,EAAEM,eAAML;AAAtB,KAA8BA,KAA9B,CAFF,CADF,eAKE;AAAM,IAAA,SAAS,EAAEK,eAAMJ,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CALF,CATF,CADF;AAqBD,CA9BD;;AAgCAP,aAAa,CAACgB,SAAd,2CAA0B;AACxB,gBAAcC,mBAAUC,KAAV,CAAgB;AAC5BZ,IAAAA,KAAK,EAAEW,mBAAUE,MADW;AAE5BZ,IAAAA,MAAM,EAAEU,mBAAUE;AAFU,GAAhB,CADU;AAKxBjB,EAAAA,KAAK,EAAEe,mBAAUE,MALO;AAMxBhB,EAAAA,YAAY,EAAEc,mBAAUC,KAAV,CAAgBE,sBAAaJ,SAA7B,CANU;AAOxBV,EAAAA,KAAK,EAAEW,mBAAUE,MAPO;AAQxBZ,EAAAA,MAAM,EAAEU,mBAAUE,MARM;AASxBX,EAAAA,QAAQ,EAAES,mBAAUI;AATI,CAA1B;eAYerB,a","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  } = props;\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabelTitle}\n      data-name={`course-section-${position}`}\n    >\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};\n\nexport default CourseSection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["CourseSection","props","image","contentBadge","category","label","title","author","position","ariaLabelTitle","ariaLabelAuthor","id","style","container","containerImage","containerInfos","containerMainInfos","propTypes","PropTypes","shape","string","ContentBadge","number"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEW,eAAMC,SAAtB;AAAiC,kBAAYJ,cAA7C;AAA6D,iBAAY,kBAAiBE,EAAG;AAA7F,kBACE;AAAM,IAAA,SAAS,EAAEC,eAAMJ;AAAvB,KAAkCA,QAAlC,CADF,eAEE;AAAK,IAAA,SAAS,EAAEI,eAAME;AAAtB,kBACE,6BAAC,yBAAD;AAAkB,IAAA,KAAK,EAAEZ;AAAzB,IADF,CAFF,eAKE;AAAK,IAAA,SAAS,EAAEU,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE,6BAAC,qBAAD;AAAc,IAAA,SAAS,EAAEJ,eAAMT,YAA/B;AAA6C,IAAA,QAAQ,EAAEC,QAAvD;AAAiE,IAAA,KAAK,EAAEC;AAAxE,IADF,eAEE;AAAK,IAAA,SAAS,EAAEO,eAAMN;AAAtB,KAA8BA,KAA9B,CAFF,CADF,eAKE;AAAM,IAAA,SAAS,EAAEM,eAAML,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CALF,CALF,CADF;AAiBD,CA3BD;;AA6BAP,aAAa,CAACiB,SAAd,2CAA0B;AACxB,gBAAcC,mBAAUC,KAAV,CAAgB;AAC5Bb,IAAAA,KAAK,EAAEY,mBAAUE,MADW;AAE5Bb,IAAAA,MAAM,EAAEW,mBAAUE;AAFU,GAAhB,CADU;AAKxBlB,EAAAA,KAAK,EAAEgB,mBAAUE,MALO;AAMxBjB,EAAAA,YAAY,EAAEe,mBAAUC,KAAV,CAAgBE,sBAAaJ,SAA7B,CANU;AAOxBX,EAAAA,KAAK,EAAEY,mBAAUE,MAPO;AAQxBb,EAAAA,MAAM,EAAEW,mBAAUE,MARM;AASxBZ,EAAAA,QAAQ,EAAEU,mBAAUI,MATI;AAUxBX,EAAAA,EAAE,EAAEO,mBAAUE;AAVU,CAA1B;eAaepB,a","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"}

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

@@ -13,6 +13,7 @@
     justify-content: start;
     margin-top: 8px;
     padding: 8px 16px;
+    border-radius: 7px;
 }
 
 .containerInfos {
@@ -50,7 +51,7 @@
     font-family: Gilroy;
     font-weight: 600;
     line-height: 20px;
-    margin: 0 12px 0 14px;
+    margin: 0 12px 0 32px;
 }
 
 .contentBadge {

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

@@ -15,7 +15,8 @@ var _default = {
       label: 'chapter',
       category: 'chapter'
     },
-    position: 2
+    position: 2,
+    id: 'chap_1'
   }
 };
 exports.default = _default;

package/lib/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"],"mappings":";;;;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;AAbL;AADM,C","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  }\n};\n"],"file":"chapter.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/chapter.js"],"names":["props","title","author","image","contentBadge","label","category","position","id"],"mappings":";;;;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,C","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"}

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

@@ -15,7 +15,8 @@ var _default = {
       label: 'course',
       category: 'course'
     },
-    position: 1
+    position: 1,
+    id: 'disc_1'
   }
 };
 exports.default = _default;

package/lib/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"],"mappings":";;;;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;AAdL;AADM,C","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  }\n};\n"],"file":"course.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/course.js"],"names":["props","title","author","image","contentBadge","label","category","position","id"],"mappings":";;;;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,C","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"}

package/lib/molecule/course-sections/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _courseSection = _interopRequireDefault(require("../course-section"));
+
+var _draggableList = _interopRequireDefault(require("../draggable-list"));
+
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
+var _title = _interopRequireDefault(require("../../atom/title"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Loading = () => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, {
+  theme: "coorpmanager"
+}));
+
+const CourseSections = ({
+  sections,
+  onDrop,
+  isLoading,
+  title
+}) => {
+  if (isLoading) return /*#__PURE__*/_react.default.createElement(Loading, null);
+  return /*#__PURE__*/_react.default.createElement("div", null, title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title,
+    type: 'form-group',
+    "data-name": 'course-sections-title'
+  })) : null, /*#__PURE__*/_react.default.createElement(_draggableList.default, {
+    itemType: "course-section",
+    items: sections,
+    onDrop: onDrop
+  }));
+};
+
+CourseSections.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  sections: _propTypes.default.arrayOf(_propTypes.default.shape(_courseSection.default.propTypes)),
+  onDrop: _propTypes.default.func,
+  isLoading: _propTypes.default.bool
+} : {};
+var _default = CourseSections;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/course-sections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["Loading","CourseSections","sections","onDrop","isLoading","title","style","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,mBACd,uDACE,6BAAC,eAAD;AAAQ,EAAA,KAAK,EAAC;AAAd,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,MAAX;AAAmBC,EAAAA,SAAnB;AAA8BC,EAAAA;AAA9B,CAAD,KAA0C;AAC/D,MAAID,SAAJ,EAAe,oBAAO,6BAAC,OAAD,OAAP;AAEf,sBACE,0CACGC,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEC,eAAMD;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IALN,eAME,6BAAC,sBAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IANF,CADF;AAUD,CAbD;;AAeAF,cAAc,CAACM,SAAf,2CAA2B;AACzBF,EAAAA,KAAK,EAAEG,mBAAUC,MADQ;AAEzBP,EAAAA,QAAQ,EAAEM,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,uBAAcL,SAA9B,CAAlB,CAFe;AAGzBJ,EAAAA,MAAM,EAAEK,mBAAUK,IAHO;AAIzBT,EAAAA,SAAS,EAAEI,mBAAUM;AAJI,CAA3B;eAOeb,c","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div>\n    <Loader theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({sections, onDrop, isLoading, title}) => {\n  if (isLoading) return <Loading />;\n\n  return (\n    <div>\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool\n};\n\nexport default CourseSections;\n"],"file":"index.js"}