@coorpacademy/components 10.22.9 → 10.22.12

package/lib/organism/review-slide/prop-types.js

@@ -14,6 +14,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const SlideProp = _propTypes.default.shape({
   hidden: _propTypes.default.bool,
   position: _propTypes.default.number,
+  loading: _propTypes.default.bool,
+  loadingAriaLabel: _propTypes.default.string,
   animationType: _propTypes.default.string,
   // 'unstack' | 'restack'
   isCorrect: _propTypes.default.bool,

package/lib/organism/review-slide/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-slide/prop-types.js"],"names":["SlideProp","PropTypes","shape","hidden","bool","position","number","animationType","string","isCorrect","animateCorrectionPopin","showCorrectionPopin","parentContentTitle","questionText","answerUI","AnswerPropTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","ReviewCorrectionPopinPropTypes","information","next","resultLabel","type"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,SAAS,GAAGC,mBAAUC,KAAV,CAAgB;AACvCC,EAAAA,MAAM,EAAEF,mBAAUG,IADqB;AAEvCC,EAAAA,QAAQ,EAAEJ,mBAAUK,MAFmB;AAGvCC,EAAAA,aAAa,EAAEN,mBAAUO,MAHc;AAGN;AACjCC,EAAAA,SAAS,EAAER,mBAAUG,IAJkB;AAKvCM,EAAAA,sBAAsB,EAAET,mBAAUG,IALK;AAMvCO,EAAAA,mBAAmB,EAAEV,mBAAUG,IANQ;AAOvCQ,EAAAA,kBAAkB,EAAEX,mBAAUO,MAPS;AAQvCK,EAAAA,YAAY,EAAEZ,mBAAUO,MARe;AASvCM,EAAAA,QAAQ,EAAEb,mBAAUC,KAAV,CAAgBa,mBAAhB;AAT6B,CAAhB,CAAlB;;;eAYQ;AACbC,EAAAA,UAAU,EAAEf,mBAAUO,MADT;AAEbS,EAAAA,KAAK,EAAEjB,SAFM;AAGbkB,EAAAA,cAAc,EAAEjB,mBAAUC,KAAV,CAAgB;AAC9BiB,IAAAA,KAAK,EAAElB,mBAAUO,MAAV,CAAiBY,UADM;AAE9BC,IAAAA,OAAO,EAAEpB,mBAAUqB,IAAV,CAAeF,UAFM;AAG9BG,IAAAA,QAAQ,EAAEtB,mBAAUG;AAHU,GAAhB,CAHH;AAQboB,EAAAA,oBAAoB,EAAEvB,mBAAUC,KAAV,CAAgB;AACpCuB,IAAAA,GAAG,EAAEC,oBAA+BD,GADA;AAEpCE,IAAAA,WAAW,EAAED,oBAA+BC,WAFR;AAGpCC,IAAAA,IAAI,EAAE3B,mBAAUC,KAAV,CAAgB;AACpBiB,MAAAA,KAAK,EAAElB,mBAAUO,MADG;AAEpB,oBAAcP,mBAAUO,MAFJ,CAEW;AAC/B;;AAHoB,KAAhB,CAH8B;AAQpCqB,IAAAA,WAAW,EAAEH,oBAA+BG,WARR;AASpCC,IAAAA,IAAI,EAAEJ,oBAA+BI;AATD,GAAhB;AART,C","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes from '../../molecule/answer/prop-types';\n\nexport const SlideProp = PropTypes.shape({\n  hidden: PropTypes.bool,\n  position: PropTypes.number,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nexport default {\n  slideIndex: PropTypes.string,\n  slide: SlideProp,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../src/organism/review-slide/prop-types.js"],"names":["SlideProp","PropTypes","shape","hidden","bool","position","number","loading","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","parentContentTitle","questionText","answerUI","AnswerPropTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","ReviewCorrectionPopinPropTypes","information","next","resultLabel","type"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,SAAS,GAAGC,mBAAUC,KAAV,CAAgB;AACvCC,EAAAA,MAAM,EAAEF,mBAAUG,IADqB;AAEvCC,EAAAA,QAAQ,EAAEJ,mBAAUK,MAFmB;AAGvCC,EAAAA,OAAO,EAAEN,mBAAUG,IAHoB;AAIvCI,EAAAA,gBAAgB,EAAEP,mBAAUQ,MAJW;AAKvCC,EAAAA,aAAa,EAAET,mBAAUQ,MALc;AAKN;AACjCE,EAAAA,SAAS,EAAEV,mBAAUG,IANkB;AAOvCQ,EAAAA,sBAAsB,EAAEX,mBAAUG,IAPK;AAQvCS,EAAAA,mBAAmB,EAAEZ,mBAAUG,IARQ;AASvCU,EAAAA,kBAAkB,EAAEb,mBAAUQ,MATS;AAUvCM,EAAAA,YAAY,EAAEd,mBAAUQ,MAVe;AAWvCO,EAAAA,QAAQ,EAAEf,mBAAUC,KAAV,CAAgBe,mBAAhB;AAX6B,CAAhB,CAAlB;;;eAcQ;AACbC,EAAAA,UAAU,EAAEjB,mBAAUQ,MADT;AAEbU,EAAAA,KAAK,EAAEnB,SAFM;AAGboB,EAAAA,cAAc,EAAEnB,mBAAUC,KAAV,CAAgB;AAC9BmB,IAAAA,KAAK,EAAEpB,mBAAUQ,MAAV,CAAiBa,UADM;AAE9BC,IAAAA,OAAO,EAAEtB,mBAAUuB,IAAV,CAAeF,UAFM;AAG9BG,IAAAA,QAAQ,EAAExB,mBAAUG;AAHU,GAAhB,CAHH;AAQbsB,EAAAA,oBAAoB,EAAEzB,mBAAUC,KAAV,CAAgB;AACpCyB,IAAAA,GAAG,EAAEC,oBAA+BD,GADA;AAEpCE,IAAAA,WAAW,EAAED,oBAA+BC,WAFR;AAGpCC,IAAAA,IAAI,EAAE7B,mBAAUC,KAAV,CAAgB;AACpBmB,MAAAA,KAAK,EAAEpB,mBAAUQ,MADG;AAEpB,oBAAcR,mBAAUQ,MAFJ,CAEW;AAC/B;;AAHoB,KAAhB,CAH8B;AAQpCsB,IAAAA,WAAW,EAAEH,oBAA+BG,WARR;AASpCC,IAAAA,IAAI,EAAEJ,oBAA+BI;AATD,GAAhB;AART,C","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes from '../../molecule/answer/prop-types';\n\nexport const SlideProp = PropTypes.shape({\n  hidden: PropTypes.bool,\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nexport default {\n  slideIndex: PropTypes.string,\n  slide: SlideProp,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n"],"file":"prop-types.js"}

package/lib/organism/review-slide/style.css

@@ -28,10 +28,6 @@
   flex-direction: column;
   overflow-y: auto;
   position: relative;
-}
-
-/* ie fallback */
-_:-ms-fullscreen, :root .slideContentContainer {
   width: 100%;
 }
 
@@ -52,7 +48,7 @@ _:-ms-fullscreen, :root .validateButtonWrapper {
 }
 
 .answerContainer {
-  width: 95%;
+  max-width: 95%;
   display: flex;
   justify-content: center;
   height: 100%;
@@ -70,9 +66,7 @@ _:-ms-fullscreen, :root .validateButtonWrapper {
   color: cm_blue_900;
   text-align: center;
   margin: 24px 0 4px;
-  max-width: 70%;
-  width: 100%;
-  padding: 0 9px;
+  max-width: 85%;
   box-sizing: border-box;
 }
 
@@ -82,7 +76,7 @@ _:-ms-fullscreen, :root .validateButtonWrapper {
   color: cm_blue_900;
   margin-top: 49px;
   text-align: center;
-  width: 85%;
+  max-width: 95%;
 }
 
 .questionOrigin:empty:after {
@@ -96,8 +90,7 @@ _:-ms-fullscreen, :root .validateButtonWrapper {
   flex-grow: 0.1;
   margin: 4px 0 10px;
   text-align: center;
-  max-width: 70%;
-  width: 100%;
+  max-width: 95%;
 }
 
 /* to keep the content space even if the help label is empty */
@@ -140,6 +133,11 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
   opacity: 0.8;
 }
 
+.loader {
+  height: 60px;
+  width: 60px;
+}
+
 @media tablet {
   .slideContentContainer {
     height: 473px;
@@ -159,6 +157,10 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
   .slideContentContainer {
     height: 511px;
   }
+
+  .questionOrigin, .question, .help, .answerContainer {
+    max-width: 90%;
+  }
   
   @keyframes popInAnimation {
     from {

package/lib/organism/review-stacked-slides/index.js

@@ -9,10 +9,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _toString2 = _interopRequireDefault(require("lodash/fp/toString"));
 
-var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
-var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _reviewSlide = _interopRequireDefault(require("../review-slide"));
 
 var _propTypes = _interopRequireDefault(require("./prop-types"));
@@ -50,8 +46,7 @@ const StackedSlides = ({
   slides,
   endReview,
   validateButton,
-  correctionPopinProps,
-  loadingAriaLabel
+  correctionPopinProps
 }) => {
   const stackedSlides = []; // eslint-disable-next-line fp/no-loops
 
@@ -67,11 +62,7 @@ const StackedSlides = ({
       key: `slide-${slideIndex}`,
       "data-name": `slide-${slideIndex}`,
       className: (0, _classnames.default)(_style.default.slideBase, getSlideAnimation(animationType, position, hidden), endReview ? _style.default.endReview : null)
-    }, (0, _isNil.default)(slide.answerUI) && slide.position === 0 ? /*#__PURE__*/_react.default.createElement(_loader.default, {
-      className: _style.default.loader,
-      theme: "default",
-      "aria-label": loadingAriaLabel
-    }) : /*#__PURE__*/_react.default.createElement(_reviewSlide.default, _extends({
+    }, /*#__PURE__*/_react.default.createElement(_reviewSlide.default, _extends({
       slideIndex: (0, _toString2.default)(slideIndex),
       slide,
       validateButton,

package/lib/organism/review-stacked-slides/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-stacked-slides/index.js"],"names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","getSlideAnimation","action","position","hidden","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","loadingAriaLabel","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","answerUI","loader","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,gBAAgB,GAAG;AACvB,KAAGC,eAAMC,SADc;AAEvB,KAAGD,eAAME,SAFc;AAGvB,KAAGF,eAAMG,SAHc;AAIvB,KAAGH,eAAMI,SAJc;AAKvB,KAAGJ,eAAMK;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,MAAnB,KAA8B;AACtD,UAAQF,MAAR;AACE,SAAK,SAAL;AACE,aAAOP,eAAMU,iBAAb;;AACF,SAAK,SAAL;AACE,aAAOV,eAAMW,aAAb;;AACF;AACE,aAAOF,MAAM,GAAGT,eAAMY,WAAT,GAAuBb,gBAAgB,CAACS,QAAD,CAApD;AANJ;AAQD,CATD;;AAWA,MAAMK,aAAa,GAAG,CAAC;AACrBC,EAAAA,MADqB;AAErBC,EAAAA,SAFqB;AAGrBC,EAAAA,cAHqB;AAIrBC,EAAAA,oBAJqB;AAKrBC,EAAAA;AALqB,CAAD,KAMhB;AACJ,QAAMC,aAAa,GAAG,EAAtB,CADI,CAEJ;;AACA,OAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGtB,kBAAtC,EAA0DsB,UAAU,EAApE,EAAwE;AACtE,UAAMC,KAAK,GAAGP,MAAM,CAAC,wBAAUM,UAAV,CAAD,CAApB;AACA,UAAM;AAACE,MAAAA,aAAD;AAAgBb,MAAAA,MAAhB;AAAwBD,MAAAA;AAAxB,QAAoCa,KAA1C;;AAEA,UAAME,SAAS,gBACb;AACE,MAAA,GAAG,EAAG,SAAQH,UAAW,EAD3B;AAEE,mBAAY,SAAQA,UAAW,EAFjC;AAGE,MAAA,SAAS,EAAE,yBACTpB,eAAMwB,SADG,EAETlB,iBAAiB,CAACgB,aAAD,EAAgBd,QAAhB,EAA0BC,MAA1B,CAFR,EAGTM,SAAS,GAAGf,eAAMe,SAAT,GAAqB,IAHrB;AAHb,OASG,oBAAMM,KAAK,CAACI,QAAZ,KAAyBJ,KAAK,CAACb,QAAN,KAAmB,CAA5C,gBACC,6BAAC,eAAD;AAAQ,MAAA,SAAS,EAAER,eAAM0B,MAAzB;AAAiC,MAAA,KAAK,EAAC,SAAvC;AAAiD,oBAAYR;AAA7D,MADD,gBAGC,6BAAC,oBAAD,WACM;AACFE,MAAAA,UAAU,EAAE,wBAAUA,UAAV,CADV;AAEFC,MAAAA,KAFE;AAGFL,MAAAA,cAHE;AAIFC,MAAAA;AAJE,KADN;AAOE,MAAA,GAAG,EAAEG;AAPP,OAZJ,CADF;;AAyBAD,IAAAA,aAAa,CAACQ,IAAd,CAAmBJ,SAAnB;AACD;;AAED,sBACE;AACE,IAAA,GAAG,EAAC,qCADN;AAEE,IAAA,SAAS,EAAEvB,eAAM4B;AAFnB,kBAIE;AACE,IAAA,GAAG,EAAC,0BADN;AAEE,iBAAU,0BAFZ;AAGE,IAAA,SAAS,EAAE5B,eAAM6B;AAHnB,KAKGV,aALH,CAJF,CADF;AAcD,CAvDD;;AAyDAN,aAAa,CAACiB,SAAd,2CAA0BA,kBAA1B;eAEejB,a","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport isNil from 'lodash/fp/isNil';\nimport Loader from '../../atom/loader';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst getSlideAnimation = (action, position, hidden) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return hidden ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst StackedSlides = ({\n  slides,\n  endReview,\n  validateButton,\n  correctionPopinProps,\n  loadingAriaLabel\n}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, hidden, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position, hidden),\n          endReview ? style.endReview : null\n        )}\n      >\n        {isNil(slide.answerUI) && slide.position === 0 ? (\n          <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n        ) : (\n          <ReviewSlide\n            {...{\n              slideIndex: _toString(slideIndex),\n              slide,\n              validateButton,\n              correctionPopinProps\n            }}\n            key={slideIndex}\n          />\n        )}\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/review-stacked-slides/index.js"],"names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","getSlideAnimation","action","position","hidden","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,gBAAgB,GAAG;AACvB,KAAGC,eAAMC,SADc;AAEvB,KAAGD,eAAME,SAFc;AAGvB,KAAGF,eAAMG,SAHc;AAIvB,KAAGH,eAAMI,SAJc;AAKvB,KAAGJ,eAAMK;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,MAAnB,KAA8B;AACtD,UAAQF,MAAR;AACE,SAAK,SAAL;AACE,aAAOP,eAAMU,iBAAb;;AACF,SAAK,SAAL;AACE,aAAOV,eAAMW,aAAb;;AACF;AACE,aAAOF,MAAM,GAAGT,eAAMY,WAAT,GAAuBb,gBAAgB,CAACS,QAAD,CAApD;AANJ;AAQD,CATD;;AAWA,MAAMK,aAAa,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,SAAT;AAAoBC,EAAAA,cAApB;AAAoCC,EAAAA;AAApC,CAAD,KAA+D;AACnF,QAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;AACA,OAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGrB,kBAAtC,EAA0DqB,UAAU,EAApE,EAAwE;AACtE,UAAMC,KAAK,GAAGN,MAAM,CAAC,wBAAUK,UAAV,CAAD,CAApB;AACA,UAAM;AAACE,MAAAA,aAAD;AAAgBZ,MAAAA,MAAhB;AAAwBD,MAAAA;AAAxB,QAAoCY,KAA1C;;AAEA,UAAME,SAAS,gBACb;AACE,MAAA,GAAG,EAAG,SAAQH,UAAW,EAD3B;AAEE,mBAAY,SAAQA,UAAW,EAFjC;AAGE,MAAA,SAAS,EAAE,yBACTnB,eAAMuB,SADG,EAETjB,iBAAiB,CAACe,aAAD,EAAgBb,QAAhB,EAA0BC,MAA1B,CAFR,EAGTM,SAAS,GAAGf,eAAMe,SAAT,GAAqB,IAHrB;AAHb,oBASE,6BAAC,oBAAD,WACM;AACFI,MAAAA,UAAU,EAAE,wBAAUA,UAAV,CADV;AAEFC,MAAAA,KAFE;AAGFJ,MAAAA,cAHE;AAIFC,MAAAA;AAJE,KADN;AAOE,MAAA,GAAG,EAAEE;AAPP,OATF,CADF;;AAqBAD,IAAAA,aAAa,CAACM,IAAd,CAAmBF,SAAnB;AACD;;AAED,sBACE;AACE,IAAA,GAAG,EAAC,qCADN;AAEE,IAAA,SAAS,EAAEtB,eAAMyB;AAFnB,kBAIE;AACE,IAAA,GAAG,EAAC,0BADN;AAEE,iBAAU,0BAFZ;AAGE,IAAA,SAAS,EAAEzB,eAAM0B;AAHnB,KAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACc,SAAd,2CAA0BA,kBAA1B;eAEed,a","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst getSlideAnimation = (action, position, hidden) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return hidden ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, hidden, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position, hidden),\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"file":"index.js"}

package/lib/organism/review-stacked-slides/prop-types.js

@@ -23,8 +23,7 @@ var _default = {
     '3': _propTypes2.SlideProp,
     '4': _propTypes2.SlideProp
   }),
-  endReview: _propTypes.default.bool,
-  loadingAriaLabel: _propTypes.default.string
+  endReview: _propTypes.default.bool
 };
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/organism/review-stacked-slides/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-stacked-slides/prop-types.js"],"names":["validateButton","ReviewSlideProps","correctionPopinProps","slides","PropTypes","shape","SlideProp","endReview","bool","loadingAriaLabel","string"],"mappings":";;;;;AAAA;;AACA;;;;;;;;eAEe;AACbA,EAAAA,cAAc,EAAEC,oBAAiBD,cADpB;AAEbE,EAAAA,oBAAoB,EAAED,oBAAiBC,oBAF1B;AAGbC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgB;AACtB,SAAKC,qBADiB;AAEtB,SAAKA,qBAFiB;AAGtB,SAAKA,qBAHiB;AAItB,SAAKA,qBAJiB;AAKtB,SAAKA;AALiB,GAAhB,CAHK;AAUbC,EAAAA,SAAS,EAAEH,mBAAUI,IAVR;AAWbC,EAAAA,gBAAgB,EAAEL,mBAAUM;AAXf,C","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewSlideProps, {SlideProp} from '../review-slide/prop-types';\n\nexport default {\n  validateButton: ReviewSlideProps.validateButton,\n  correctionPopinProps: ReviewSlideProps.correctionPopinProps,\n  slides: PropTypes.shape({\n    '0': SlideProp,\n    '1': SlideProp,\n    '2': SlideProp,\n    '3': SlideProp,\n    '4': SlideProp\n  }),\n  endReview: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../src/organism/review-stacked-slides/prop-types.js"],"names":["validateButton","ReviewSlideProps","correctionPopinProps","slides","PropTypes","shape","SlideProp","endReview","bool"],"mappings":";;;;;AAAA;;AACA;;;;;;;;eAEe;AACbA,EAAAA,cAAc,EAAEC,oBAAiBD,cADpB;AAEbE,EAAAA,oBAAoB,EAAED,oBAAiBC,oBAF1B;AAGbC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgB;AACtB,SAAKC,qBADiB;AAEtB,SAAKA,qBAFiB;AAGtB,SAAKA,qBAHiB;AAItB,SAAKA,qBAJiB;AAKtB,SAAKA;AALiB,GAAhB,CAHK;AAUbC,EAAAA,SAAS,EAAEH,mBAAUI;AAVR,C","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewSlideProps, {SlideProp} from '../review-slide/prop-types';\n\nexport default {\n  validateButton: ReviewSlideProps.validateButton,\n  correctionPopinProps: ReviewSlideProps.correctionPopinProps,\n  slides: PropTypes.shape({\n    '0': SlideProp,\n    '1': SlideProp,\n    '2': SlideProp,\n    '3': SlideProp,\n    '4': SlideProp\n  }),\n  endReview: PropTypes.bool\n};\n"],"file":"prop-types.js"}

package/lib/organism/review-stacked-slides/style.css

@@ -151,11 +151,6 @@
   animation: slideOut 2.5s ease forwards;
 }
 
-.loader {
-  height: 60px;
-  width: 60px;
-}
-
 @media tablet {
   .stackedSlidesContainer {
     height: 638px;

package/lib/types/styles.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.d.js.map

package/lib/types/styles.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"styles.d.js"}

package/lib/variables/shadow.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BOX_STYLE = void 0;
+const BOX_STYLE = {
+  shadowColor: '#14171A',
+  shadowOpacity: 0.15,
+  shadowOffset: {
+    width: 0,
+    height: 0
+  },
+  shadowRadius: 8,
+  elevation: 4,
+  backgroundColor: 'rgba(0,0,0,0.015)' // fix shadow not visible bug on android
+
+};
+exports.BOX_STYLE = BOX_STYLE;
+//# sourceMappingURL=shadow.js.map

package/lib/variables/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/variables/shadow.ts"],"names":["BOX_STYLE","shadowColor","shadowOpacity","shadowOffset","width","height","shadowRadius","elevation","backgroundColor"],"mappings":";;;;AASO,MAAMA,SAAmB,GAAG;AACjCC,EAAAA,WAAW,EAAE,SADoB;AAEjCC,EAAAA,aAAa,EAAE,IAFkB;AAGjCC,EAAAA,YAAY,EAAE;AAACC,IAAAA,KAAK,EAAE,CAAR;AAAWC,IAAAA,MAAM,EAAE;AAAnB,GAHmB;AAIjCC,EAAAA,YAAY,EAAE,CAJmB;AAKjCC,EAAAA,SAAS,EAAE,CALsB;AAMjCC,EAAAA,eAAe,EAAE,mBANgB,CAMI;;AANJ,CAA5B","sourcesContent":["export type BoxStyle = {\n  shadowColor: string;\n  shadowOpacity: number;\n  shadowOffset: {width: number; height: number};\n  shadowRadius: number;\n  elevation: number;\n  backgroundColor: string;\n};\n\nexport const BOX_STYLE: BoxStyle = {\n  shadowColor: '#14171A',\n  shadowOpacity: 0.15,\n  shadowOffset: {width: 0, height: 0},\n  shadowRadius: 8,\n  elevation: 4,\n  backgroundColor: 'rgba(0,0,0,0.015)' // fix shadow not visible bug on android\n};\n"],"file":"shadow.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.22.9",
+  "version": "10.22.12",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -97,6 +97,7 @@
     "@coorpacademy/css-modules-require-hook": "2.1.5",
     "@coorpacademy/eslint-plugin-coorpacademy": "^10.0.0",
     "@coorpacademy/react-native-mock-render": "^0.2.4",
+    "@coorpacademy/react-native-slider": "^0.11.1",
     "@coorpacademy/translate": "6.1.5",
     "@coorpacademy/webpack-config": "10.0.4",
     "@storybook/addon-knobs": "^5.3.18",
@@ -138,5 +139,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "0f66b53a129b22c69cb3db1f3ae3993903cd8df3"
+  "gitHead": "2b9abf8c945cd56a6a47091836e4961917580782"
 }