@coorpacademy/components 10.23.7 → 10.23.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/organism/review-slide/prop-types.js +0 -1
- package/es/organism/review-slide/prop-types.js.map +1 -1
- package/es/organism/review-stacked-slides/index.js +3 -4
- package/es/organism/review-stacked-slides/index.js.map +1 -1
- package/lib/organism/review-slide/prop-types.js +0 -1
- package/lib/organism/review-slide/prop-types.js.map +1 -1
- package/lib/organism/review-stacked-slides/index.js +3 -4
- package/lib/organism/review-stacked-slides/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
|
|
|
2
2
|
import ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';
|
|
3
3
|
import AnswerPropTypes from '../../molecule/answer/prop-types';
|
|
4
4
|
export const SlidePropsTypes = PropTypes.shape({
|
|
5
|
-
hidden: PropTypes.bool,
|
|
6
5
|
position: PropTypes.number,
|
|
7
6
|
loading: PropTypes.bool,
|
|
8
7
|
loadingAriaLabel: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/review-slide/prop-types.ts"],"names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/review-slide/prop-types.ts"],"names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAA2C,mDAA3C;AACA,OAAOC,eAAP,MAAoD,kCAApD;AAEA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;AAC7CC,EAAAA,QAAQ,EAAEL,SAAS,CAACM,MADyB;AAE7CC,EAAAA,OAAO,EAAEP,SAAS,CAACQ,IAF0B;AAG7CC,EAAAA,gBAAgB,EAAET,SAAS,CAACU,MAHiB;AAI7CC,EAAAA,aAAa,EAAEX,SAAS,CAACU,MAJoB;AAIZ;AACjCE,EAAAA,SAAS,EAAEZ,SAAS,CAACQ,IALwB;AAM7CK,EAAAA,sBAAsB,EAAEb,SAAS,CAACQ,IANW;AAO7CM,EAAAA,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;AAQ7CO,EAAAA,kBAAkB,EAAEf,SAAS,CAACU,MARe;AAS7CM,EAAAA,YAAY,EAAEhB,SAAS,CAACU,MATqB;AAU7CO,EAAAA,QAAQ,EAAEjB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAVmC,CAAhB,CAAxB;AAaP,MAAMgB,SAAS,GAAG;AAChBC,EAAAA,UAAU,EAAEnB,SAAS,CAACU,MADN;AAEhBU,EAAAA,KAAK,EAAEjB,eAFS;AAGhBkB,EAAAA,cAAc,EAAErB,SAAS,CAACI,KAAV,CAAgB;AAC9BkB,IAAAA,KAAK,EAAEtB,SAAS,CAACU,MAAV,CAAiBa,UADM;AAE9BC,IAAAA,OAAO,EAAExB,SAAS,CAACyB,IAAV,CAAeF,UAFM;AAG9BG,IAAAA,QAAQ,EAAE1B,SAAS,CAACQ;AAHU,GAAhB,CAHA;AAQhBmB,EAAAA,oBAAoB,EAAE3B,SAAS,CAACI,KAAV,CAAgB;AACpCwB,IAAAA,GAAG,EAAE3B,8BAA8B,CAAC2B,GADA;AAEpCC,IAAAA,WAAW,EAAE5B,8BAA8B,CAAC4B,WAFR;AAGpCC,IAAAA,IAAI,EAAE9B,SAAS,CAACI,KAAV,CAAgB;AACpBkB,MAAAA,KAAK,EAAEtB,SAAS,CAACU,MADG;AAEpB,oBAAcV,SAAS,CAACU,MAFJ,CAEW;AAC/B;;AAHoB,KAAhB,CAH8B;AAQpCqB,IAAAA,WAAW,EAAE9B,8BAA8B,CAAC8B,WARR;AASpCC,IAAAA,IAAI,EAAE/B,8BAA8B,CAAC+B;AATD,GAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {Props as AnswerProps} from '../../molecule/answer/prop-types';\n\nexport const SlidePropsTypes = PropTypes.shape({\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\nconst propTypes = {\n slideIndex: PropTypes.string,\n slide: SlidePropsTypes,\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\nexport default propTypes;\n\nexport type CorrectionPopinProps = {\n klf: {\n label: string;\n tooltip: string;\n };\n information: {\n label: string;\n message: string;\n };\n next: {\n label: string;\n 'aria-label': string;\n };\n resultLabel: string;\n type: 'right' | 'wrong';\n};\n\nexport type SlideProps = {\n position: number;\n loading: boolean;\n loadingAriaLabel: string;\n animationType: 'unstack' | 'restack';\n isCorrect: boolean;\n animateCorrectionPopin: boolean;\n showCorrectionPopin: boolean;\n parentContentTitle: string;\n questionText: string;\n answerUI: AnswerProps;\n};\n\nexport type Props = {\n slideIndex: string;\n num: number;\n slide: SlideProps;\n correctionPopinProps: CorrectionPopinProps;\n validateButton: {\n label: string;\n onClick: (args: unknown[]) => unknown;\n disabled: boolean;\n };\n};\n"],"file":"prop-types.js"}
|
|
@@ -15,7 +15,7 @@ const stylesByPosition = {
|
|
|
15
15
|
4: style.position4
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const getSlideAnimation = (action, position
|
|
18
|
+
const getSlideAnimation = (action, position) => {
|
|
19
19
|
switch (action) {
|
|
20
20
|
case 'unstack':
|
|
21
21
|
return style.slideOutHideAndIn;
|
|
@@ -24,7 +24,7 @@ const getSlideAnimation = (action, position, hidden) => {
|
|
|
24
24
|
return style.slideOutAndIn;
|
|
25
25
|
|
|
26
26
|
default:
|
|
27
|
-
return
|
|
27
|
+
return position < 0 ? style.hiddenSlide : stylesByPosition[position];
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -41,13 +41,12 @@ const StackedSlides = ({
|
|
|
41
41
|
|
|
42
42
|
const {
|
|
43
43
|
animationType,
|
|
44
|
-
hidden,
|
|
45
44
|
position
|
|
46
45
|
} = slide;
|
|
47
46
|
const slideView = /*#__PURE__*/React.createElement("div", {
|
|
48
47
|
key: `slide-${slideIndex}`,
|
|
49
48
|
"data-name": `slide-${slideIndex}`,
|
|
50
|
-
className: classnames(style.slideBase, getSlideAnimation(animationType, position
|
|
49
|
+
className: classnames(style.slideBase, getSlideAnimation(animationType, position), endReview ? style.endReview : null)
|
|
51
50
|
}, /*#__PURE__*/React.createElement(ReviewSlide, _extends({
|
|
52
51
|
slideIndex: _toString(slideIndex),
|
|
53
52
|
slide,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/review-stacked-slides/index.js"],"names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","getSlideAnimation","action","position","
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/review-stacked-slides/index.js"],"names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,oBAAtB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,gBAAgB,GAAG;AACvB,KAAGF,KAAK,CAACG,SADc;AAEvB,KAAGH,KAAK,CAACI,SAFc;AAGvB,KAAGJ,KAAK,CAACK,SAHc;AAIvB,KAAGL,KAAK,CAACM,SAJc;AAKvB,KAAGN,KAAK,CAACO;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;AAC9C,UAAQD,MAAR;AACE,SAAK,SAAL;AACE,aAAOT,KAAK,CAACW,iBAAb;;AACF,SAAK,SAAL;AACE,aAAOX,KAAK,CAACY,aAAb;;AACF;AACE,aAAOF,QAAQ,GAAG,CAAX,GAAeV,KAAK,CAACa,WAArB,GAAmCX,gBAAgB,CAACQ,QAAD,CAA1D;AANJ;AAQD,CATD;;AAWA,MAAMI,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,GAAGnB,kBAAtC,EAA0DmB,UAAU,EAApE,EAAwE;AACtE,UAAMC,KAAK,GAAGN,MAAM,CAAClB,SAAS,CAACuB,UAAD,CAAV,CAApB;;AACA,UAAM;AAACE,MAAAA,aAAD;AAAgBZ,MAAAA;AAAhB,QAA4BW,KAAlC;AAEA,UAAME,SAAS,gBACb;AACE,MAAA,GAAG,EAAG,SAAQH,UAAW,EAD3B;AAEE,mBAAY,SAAQA,UAAW,EAFjC;AAGE,MAAA,SAAS,EAAExB,UAAU,CACnBI,KAAK,CAACwB,SADa,EAEnBhB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFE,EAGnBM,SAAS,GAAGhB,KAAK,CAACgB,SAAT,GAAqB,IAHX;AAHvB,oBASE,oBAAC,WAAD,WACM;AACFI,MAAAA,UAAU,EAAEvB,SAAS,CAACuB,UAAD,CADnB;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,EAAEvB,KAAK,CAAC0B;AAFnB,kBAIE;AACE,IAAA,GAAG,EAAC,0BADN;AAEE,iBAAU,0BAFZ;AAGE,IAAA,SAAS,EAAE1B,KAAK,CAAC2B;AAHnB,KAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACf,SAAd,2CAA0BA,SAA1B;AAEA,eAAee,aAAf","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) => {\n switch (action) {\n case 'unstack':\n return style.slideOutHideAndIn;\n case 'restack':\n return style.slideOutAndIn;\n default:\n return position < 0 ? 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, 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),\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"}
|
|
@@ -12,7 +12,6 @@ var _propTypes3 = _interopRequireDefault(require("../../molecule/answer/prop-typ
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
14
|
const SlidePropsTypes = _propTypes.default.shape({
|
|
15
|
-
hidden: _propTypes.default.bool,
|
|
16
15
|
position: _propTypes.default.number,
|
|
17
16
|
loading: _propTypes.default.bool,
|
|
18
17
|
loadingAriaLabel: _propTypes.default.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/review-slide/prop-types.ts"],"names":["SlidePropsTypes","PropTypes","shape","
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/review-slide/prop-types.ts"],"names":["SlidePropsTypes","PropTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","parentContentTitle","questionText","answerUI","AnswerPropTypes","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","ReviewCorrectionPopinPropTypes","information","next","resultLabel","type"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,eAAe,GAAGC,mBAAUC,KAAV,CAAgB;AAC7CC,EAAAA,QAAQ,EAAEF,mBAAUG,MADyB;AAE7CC,EAAAA,OAAO,EAAEJ,mBAAUK,IAF0B;AAG7CC,EAAAA,gBAAgB,EAAEN,mBAAUO,MAHiB;AAI7CC,EAAAA,aAAa,EAAER,mBAAUO,MAJoB;AAIZ;AACjCE,EAAAA,SAAS,EAAET,mBAAUK,IALwB;AAM7CK,EAAAA,sBAAsB,EAAEV,mBAAUK,IANW;AAO7CM,EAAAA,mBAAmB,EAAEX,mBAAUK,IAPc;AAQ7CO,EAAAA,kBAAkB,EAAEZ,mBAAUO,MARe;AAS7CM,EAAAA,YAAY,EAAEb,mBAAUO,MATqB;AAU7CO,EAAAA,QAAQ,EAAEd,mBAAUC,KAAV,CAAgBc,mBAAhB;AAVmC,CAAhB,CAAxB;;;AAaP,MAAMC,SAAS,GAAG;AAChBC,EAAAA,UAAU,EAAEjB,mBAAUO,MADN;AAEhBW,EAAAA,KAAK,EAAEnB,eAFS;AAGhBoB,EAAAA,cAAc,EAAEnB,mBAAUC,KAAV,CAAgB;AAC9BmB,IAAAA,KAAK,EAAEpB,mBAAUO,MAAV,CAAiBc,UADM;AAE9BC,IAAAA,OAAO,EAAEtB,mBAAUuB,IAAV,CAAeF,UAFM;AAG9BG,IAAAA,QAAQ,EAAExB,mBAAUK;AAHU,GAAhB,CAHA;AAQhBoB,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,mBAAUO,MADG;AAEpB,oBAAcP,mBAAUO,MAFJ,CAEW;AAC/B;;AAHoB,KAAhB,CAH8B;AAQpCuB,IAAAA,WAAW,EAAEH,oBAA+BG,WARR;AASpCC,IAAAA,IAAI,EAAEJ,oBAA+BI;AATD,GAAhB;AARN,CAAlB;eAqBef,S","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {Props as AnswerProps} from '../../molecule/answer/prop-types';\n\nexport const SlidePropsTypes = PropTypes.shape({\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\nconst propTypes = {\n slideIndex: PropTypes.string,\n slide: SlidePropsTypes,\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\nexport default propTypes;\n\nexport type CorrectionPopinProps = {\n klf: {\n label: string;\n tooltip: string;\n };\n information: {\n label: string;\n message: string;\n };\n next: {\n label: string;\n 'aria-label': string;\n };\n resultLabel: string;\n type: 'right' | 'wrong';\n};\n\nexport type SlideProps = {\n position: number;\n loading: boolean;\n loadingAriaLabel: string;\n animationType: 'unstack' | 'restack';\n isCorrect: boolean;\n animateCorrectionPopin: boolean;\n showCorrectionPopin: boolean;\n parentContentTitle: string;\n questionText: string;\n answerUI: AnswerProps;\n};\n\nexport type Props = {\n slideIndex: string;\n num: number;\n slide: SlideProps;\n correctionPopinProps: CorrectionPopinProps;\n validateButton: {\n label: string;\n onClick: (args: unknown[]) => unknown;\n disabled: boolean;\n };\n};\n"],"file":"prop-types.js"}
|
|
@@ -29,7 +29,7 @@ const stylesByPosition = {
|
|
|
29
29
|
4: _style.default.position4
|
|
30
30
|
};
|
|
31
31
|
|
|
32
|
-
const getSlideAnimation = (action, position
|
|
32
|
+
const getSlideAnimation = (action, position) => {
|
|
33
33
|
switch (action) {
|
|
34
34
|
case 'unstack':
|
|
35
35
|
return _style.default.slideOutHideAndIn;
|
|
@@ -38,7 +38,7 @@ const getSlideAnimation = (action, position, hidden) => {
|
|
|
38
38
|
return _style.default.slideOutAndIn;
|
|
39
39
|
|
|
40
40
|
default:
|
|
41
|
-
return
|
|
41
|
+
return position < 0 ? _style.default.hiddenSlide : stylesByPosition[position];
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -54,14 +54,13 @@ const StackedSlides = ({
|
|
|
54
54
|
const slide = slides[(0, _toString2.default)(slideIndex)];
|
|
55
55
|
const {
|
|
56
56
|
animationType,
|
|
57
|
-
hidden,
|
|
58
57
|
position
|
|
59
58
|
} = slide;
|
|
60
59
|
|
|
61
60
|
const slideView = /*#__PURE__*/_react.default.createElement("div", {
|
|
62
61
|
key: `slide-${slideIndex}`,
|
|
63
62
|
"data-name": `slide-${slideIndex}`,
|
|
64
|
-
className: (0, _classnames.default)(_style.default.slideBase, getSlideAnimation(animationType, position
|
|
63
|
+
className: (0, _classnames.default)(_style.default.slideBase, getSlideAnimation(animationType, position), endReview ? _style.default.endReview : null)
|
|
65
64
|
}, /*#__PURE__*/_react.default.createElement(_reviewSlide.default, _extends({
|
|
66
65
|
slideIndex: (0, _toString2.default)(slideIndex),
|
|
67
66
|
slide,
|
|
@@ -1 +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","
|
|
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","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,KAAsB;AAC9C,UAAQD,MAAR;AACE,SAAK,SAAL;AACE,aAAOP,eAAMS,iBAAb;;AACF,SAAK,SAAL;AACE,aAAOT,eAAMU,aAAb;;AACF;AACE,aAAOF,QAAQ,GAAG,CAAX,GAAeR,eAAMW,WAArB,GAAmCZ,gBAAgB,CAACS,QAAD,CAA1D;AANJ;AAQD,CATD;;AAWA,MAAMI,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,GAAGpB,kBAAtC,EAA0DoB,UAAU,EAApE,EAAwE;AACtE,UAAMC,KAAK,GAAGN,MAAM,CAAC,wBAAUK,UAAV,CAAD,CAApB;AACA,UAAM;AAACE,MAAAA,aAAD;AAAgBZ,MAAAA;AAAhB,QAA4BW,KAAlC;;AAEA,UAAME,SAAS,gBACb;AACE,MAAA,GAAG,EAAG,SAAQH,UAAW,EAD3B;AAEE,mBAAY,SAAQA,UAAW,EAFjC;AAGE,MAAA,SAAS,EAAE,yBACTlB,eAAMsB,SADG,EAEThB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFR,EAGTM,SAAS,GAAGd,eAAMc,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,EAAErB,eAAMwB;AAFnB,kBAIE;AACE,IAAA,GAAG,EAAC,0BADN;AAEE,iBAAU,0BAFZ;AAGE,IAAA,SAAS,EAAExB,eAAMyB;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) => {\n switch (action) {\n case 'unstack':\n return style.slideOutHideAndIn;\n case 'restack':\n return style.slideOutAndIn;\n default:\n return position < 0 ? 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, 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),\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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.23.
|
|
3
|
+
"version": "10.23.8",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"webpack": "^4.43.0"
|
|
143
143
|
},
|
|
144
144
|
"author": "CoorpAcademy",
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "ef2f2340a0169672d5880e8fb9900cd7c7ebf12c"
|
|
146
146
|
}
|