@coorpacademy/components 11.9.3-alpha.25 → 11.9.3-alpha.29

package/es/organism/review-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","map","SkillCard","style","propTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,GACGD,UAAU,IACTL,GAAG,CAACO,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAER,KAAK,CAACS,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,oBAAC,SAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGJ,UANH,CAFJ,CADF;AAYD,CAbD;;AAeAD,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf"}
+{"version":3,"file":"index.js","names":["React","map","SkillCard","style","propTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAU,CAAC,KAAK;EACzC,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAoB,GACvCD,UAAU,IACTL,GAAG,CAACO,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,SAAS,EAAEC,GAAG,KAAK;IAC5C,oBACE;MAAK,SAAS,EAAER,KAAK,CAACS,kBAAmB;MAAC,GAAG,EAAG,QAAOD,GAAI;IAAE,gBAC3D,oBAAC,SAAS,EAAKD,SAAS,CAAI,CACxB;EAEV,CAAC,EAAEJ,UAAU,CAAC,CACZ;AAEV,CAAC;AAEDD,gBAAgB,CAACD,SAAS,2CAAGA,SAAS;AAEtC,eAAeC,gBAAgB"}

package/es/organism/review-skills/index.native.js

@@ -6,7 +6,6 @@ const style = StyleSheet.create({
     paddingBottom: 100
   }
 });
-
 const Item = ({
   item: {
     'aria-label': ariaLabel,
@@ -30,7 +29,6 @@ const Item = ({
   buttonAriaLabel: buttonAriaLabel,
   isCustom: isCustom
 });
-
 const ReviewListSkills = props => {
   const {
     listSkills
@@ -41,6 +39,5 @@ const ReviewListSkills = props => {
     renderItem: Item
   });
 };
-
 export default ReviewListSkills;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 100}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,QAAR,EAAkBC,UAAlB,QAAmC,cAAnC;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AAQA,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAhB;AADsB,CAAlB,CAAd;;AAIA,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,OANI;IAOJC,WAPI;IAQJC,eARI;IASJC;EATI;AADM,CAAD,kBAaX,oBAAC,SAAD;EACE,cAAYR,SADd;EAEE,UAAU,EAAEC,UAFd;EAGE,cAAc,EAAEC,cAHlB;EAIE,WAAW,EAAEC,WAJf;EAKE,eAAe,EAAEC,eALnB;EAME,OAAO,EAAEC,OANX;EAOE,WAAW,EAAEC,WAPf;EAQE,eAAe,EAAEC,eARnB;EASE,QAAQ,EAAEC;AATZ,EAbF;;AA0BA,MAAMC,gBAAgB,GAAIC,KAAD,IAAyB;EAChD,MAAM;IAACC;EAAD,IAAeD,KAArB;EAEA,oBAAO,oBAAC,QAAD;IAAU,qBAAqB,EAAEhB,KAAK,CAACE,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;AAMA,eAAeW,gBAAf"}
+{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 100}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,QAAQ,EAAEC,UAAU,QAAO,cAAc;AACjD,OAAOC,SAAS,MAAM,wCAAwC;AAQ9D,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAG;AAC7B,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,YAAY,EAAEC,SAAS;IACvBC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,OAAO;IACPC,WAAW;IACXC,eAAe;IACfC;EACF;AACS,CAAC,kBACV,oBAAC,SAAS;EACR,cAAYR,SAAU;EACtB,UAAU,EAAEC,UAAW;EACvB,cAAc,EAAEC,cAAe;EAC/B,WAAW,EAAEC,WAAY;EACzB,eAAe,EAAEC,eAAgB;EACjC,OAAO,EAAEC,OAAQ;EACjB,WAAW,EAAEC,WAAY;EACzB,eAAe,EAAEC,eAAgB;EACjC,QAAQ,EAAEC;AAAS,EAEtB;AAED,MAAMC,gBAAgB,GAAIC,KAAmB,IAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAGD,KAAK;EAE1B,oBAAO,oBAAC,QAAQ;IAAC,qBAAqB,EAAEhB,KAAK,CAACE,MAAO;IAAC,IAAI,EAAEe,UAAW;IAAC,UAAU,EAAEb;EAAK,EAAG;AAC9F,CAAC;AAED,eAAeW,gBAAgB"}

package/es/organism/review-skills/prop-types.d.ts

@@ -14,7 +14,7 @@ declare const propTypes: {
     }> | null | undefined)[]>;
 };
 export default propTypes;
-export declare type ReviewSkills = {
+export type ReviewSkills = {
     listSkills: SkillCardProps[];
 };
 //# sourceMappingURL=prop-types.d.ts.map

package/es/organism/review-skills/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA2B,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAExF,QAAA,MAAM,SAAS;;;;;;;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,YAAY,GAAG;IACzB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA2B,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAExF,QAAA,MAAM,SAAS;;;;;;;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC"}

package/es/organism/review-skills/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropsType","propTypes","listSkills","arrayOf","shape"],"sources":["../../../src/organism/review-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType, {SkillCardProps} from '../../molecule/skill-card/prop-types';\n\nconst propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))\n};\n\nexport default propTypes;\n\nexport type ReviewSkills = {\n  listSkills: SkillCardProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAAiD,sCAAjD;AAEA,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,kBAAhB,CAAlB;AADI,CAAlB;AAIA,eAAeC,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropsType","propTypes","listSkills","arrayOf","shape"],"sources":["../../../src/organism/review-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType, {SkillCardProps} from '../../molecule/skill-card/prop-types';\n\nconst propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))\n};\n\nexport default propTypes;\n\nexport type ReviewSkills = {\n  listSkills: SkillCardProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAwB,sCAAsC;AAEvF,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAEH,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,KAAK,CAACJ,kBAAkB,CAAC;AACnE,CAAC;AAED,eAAeC,SAAS"}

package/es/organism/review-slide/index.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -12,7 +11,6 @@ import ReviewCorrectionPopin from '../../molecule/review-correction-popin';
 import { GetSkinFromContext } from '../../atom/provider';
 import propTypes from './prop-types';
 import style from './style.css';
-
 const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
@@ -38,11 +36,12 @@ const CorrectionPopin = ({
     information,
     type: correctionPopinProps.type,
     resultLabel: correctionPopinProps.resultLabel
-  }; // there is an error of eslint here because this useEffect will be only there when the correctionPopin will be there
+  };
+
+  // there is an error of eslint here because this useEffect will be only there when the correctionPopin will be there
   // but that is on purpose to go to the next slide if you press enter when the correctionPopin is present
   // istanbul ignore next
   // eslint-disable-next-line react-hooks/rules-of-hooks
-
   useEffect(() => {
     const keyDownHandler = event => {
       if (event.key === 'Enter' || event.key === ' ') {
@@ -51,21 +50,18 @@ const CorrectionPopin = ({
         document.removeEventListener('keydown', keyDownHandler);
       }
     };
-
     document.addEventListener('keydown', keyDownHandler);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.correctionPopinWrapper, animateCorrectionPopin ? style.popinAnimation : null)
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
 };
-
 CorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   slideIndex: PropTypes.string,
   showCorrectionPopin: PropTypes.bool,
   animateCorrectionPopin: PropTypes.bool,
   correctionPopinProps: propTypes.correctionPopinProps
 } : {};
-
 const ValidateButton = ({
   slideIndex,
   validateButton,
@@ -88,15 +84,14 @@ const ValidateButton = ({
       backgroundColor: primarySkinColor
     }
   };
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   useEffect(() => {
     const keyDownHandler = event => {
       if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();
       }
     };
-
     if (disabled) document.addEventListener('keydown', keyDownHandler);
     return () => {
       document.removeEventListener('keydown', keyDownHandler);
@@ -107,13 +102,11 @@ const ValidateButton = ({
     className: style.validateButtonWrapper
   }, /*#__PURE__*/React.createElement(ButtonLink, validateButtonProps));
 };
-
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   slideIndex: PropTypes.string,
   validateButton: propTypes.validateButton,
   primarySkinColor: PropTypes.string
 } : {};
-
 const QuestionContainer = props => {
   const {
     answerUI,
@@ -132,14 +125,16 @@ const QuestionContainer = props => {
   }, questionOrigin), /*#__PURE__*/React.createElement("div", {
     key: "title",
     "data-testid": "slide-question",
-    className: style.question // eslint-disable-next-line react/no-danger
+    className: style.question
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: questionText
     }
   }), /*#__PURE__*/React.createElement("div", {
     key: "help",
-    className: style.help // eslint-disable-next-line react/no-danger
+    className: style.help
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: get('help', answerUI)
@@ -151,14 +146,12 @@ const QuestionContainer = props => {
     key: "answer"
   }))));
 };
-
 QuestionContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   answerUI: PropTypes.shape(propTypes.slide.answerUI),
   questionText: PropTypes.string,
   questionOrigin: PropTypes.string,
   disableContent: PropTypes.bool
 } : {};
-
 const ReviewSlide = props => {
   const {
     slide,
@@ -204,7 +197,6 @@ const ReviewSlide = props => {
     key: "correction-popin"
   })));
 };
-
 ReviewSlide.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewSlide;
 //# sourceMappingURL=index.js.map

package/es/organism/review-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useEffect","PropTypes","classnames","get","getOr","Answer","ButtonLink","Loader","ReviewCorrectionPopin","GetSkinFromContext","propTypes","style","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","keyDownHandler","event","key","preventDefault","document","removeEventListener","addEventListener","correctionPopinWrapper","popinAnimation","string","bool","ValidateButton","validateButton","primarySkinColor","disabled","validateButtonProps","className","customStyle","backgroundColor","validateButtonWrapper","QuestionContainer","props","answerUI","questionText","questionOrigin","disableContent","slideContentContainer","disabledSlideContent","question","__html","help","answerContainer","shape","slide","ReviewSlide","skin","loading","loadingAriaLabel","parentContentTitle","disabledContent","loader"],"sources":["../../../src/organism/review-slide/index.js"],"sourcesContent":["import React, {useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Answer from '../../molecule/answer';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport {GetSkinFromContext} from '../../atom/provider';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}) => {\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr({}, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  // there is an error of eslint here because this useEffect will be only there when the correctionPopin will be there\n  // but that is on purpose to go to the next slide if you press enter when the correctionPopin is present\n  // istanbul ignore next\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  useEffect(() => {\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onClick();\n        document.removeEventListener('keydown', keyDownHandler);\n      }\n    };\n    document.addEventListener('keydown', keyDownHandler);\n  }, []);\n\n  return (\n    <div\n      className={classnames(\n        style.correctionPopinWrapper,\n        animateCorrectionPopin ? style.popinAnimation : null\n      )}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </div>\n  );\n};\n\nCorrectionPopin.propTypes = {\n  slideIndex: PropTypes.string,\n  showCorrectionPopin: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  correctionPopinProps: propTypes.correctionPopinProps\n};\n\nconst ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n  const {label, onClick, disabled} = validateButton;\n  const validateButtonProps = {\n    type: 'primary',\n    label,\n    'aria-label': label,\n    'data-name': `slide-validate-button-${slideIndex}`,\n    onClick,\n    disabled,\n    className: style.validateButton,\n    customStyle: {\n      backgroundColor: primarySkinColor\n    }\n  };\n\n  /* istanbul ignore next */\n  useEffect(() => {\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n      }\n    };\n    if (disabled) document.addEventListener('keydown', keyDownHandler);\n    return () => {\n      document.removeEventListener('keydown', keyDownHandler);\n    };\n  }, [disabled]);\n\n  return (\n    <div key=\"button-wrapper\" className={style.validateButtonWrapper}>\n      <ButtonLink {...validateButtonProps} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  slideIndex: PropTypes.string,\n  validateButton: propTypes.validateButton,\n  primarySkinColor: PropTypes.string\n};\n\nconst QuestionContainer = props => {\n  const {answerUI, questionText, questionOrigin, disableContent} = props;\n  if (!answerUI || !questionText) return null;\n\n  return (\n    <div\n      key=\"content-container\"\n      data-testid=\"content-container\"\n      className={classnames(\n        style.slideContentContainer,\n        disableContent ? style.disabledSlideContent : null\n      )}\n    >\n      <div key=\"from-course\" className={style.questionOrigin}>\n        {questionOrigin}\n      </div>\n      <div\n        key=\"title\"\n        data-testid=\"slide-question\"\n        className={style.question}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: questionText}}\n      />\n      <div\n        key=\"help\"\n        className={style.help}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: get('help', answerUI)}}\n      />\n      <div key=\"answer-container\" className={style.answerContainer}>\n        <Answer {...answerUI} key=\"answer\" />\n      </div>\n    </div>\n  );\n};\n\nQuestionContainer.propTypes = {\n  answerUI: PropTypes.shape(propTypes.slide.answerUI),\n  questionText: PropTypes.string,\n  questionOrigin: PropTypes.string,\n  disableContent: PropTypes.bool\n};\n\nconst ReviewSlide = props => {\n  const {slide, validateButton, correctionPopinProps, slideIndex = '0'} = props;\n\n  const skin = GetSkinFromContext();\n  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const {\n    loading,\n    loadingAriaLabel,\n    parentContentTitle,\n    questionText,\n    disabledContent,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <div data-testid=\"review-slide\" className={style.slide}>\n      {loading ? (\n        <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n      ) : (\n        <>\n          <QuestionContainer\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            disableContent={disabledContent}\n            key=\"question-container\"\n          />\n          <ValidateButton\n            slideIndex={slideIndex}\n            validateButton={validateButton}\n            primarySkinColor={primarySkinColor}\n            key=\"validate-button\"\n          />\n          <CorrectionPopin\n            correctionPopinProps={correctionPopinProps}\n            slideIndex={slideIndex}\n            showCorrectionPopin={showCorrectionPopin}\n            animateCorrectionPopin={animateCorrectionPopin}\n            key=\"correction-popin\"\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nReviewSlide.propTypes = propTypes;\n\nexport default ReviewSlide;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useEffect","PropTypes","classnames","get","getOr","Answer","ButtonLink","Loader","ReviewCorrectionPopin","GetSkinFromContext","propTypes","style","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","keyDownHandler","event","key","preventDefault","document","removeEventListener","addEventListener","correctionPopinWrapper","popinAnimation","string","bool","ValidateButton","validateButton","primarySkinColor","disabled","validateButtonProps","className","customStyle","backgroundColor","validateButtonWrapper","QuestionContainer","props","answerUI","questionText","questionOrigin","disableContent","slideContentContainer","disabledSlideContent","question","__html","help","answerContainer","shape","slide","ReviewSlide","skin","loading","loadingAriaLabel","parentContentTitle","disabledContent","loader"],"sources":["../../../src/organism/review-slide/index.js"],"sourcesContent":["import React, {useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Answer from '../../molecule/answer';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport {GetSkinFromContext} from '../../atom/provider';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}) => {\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr({}, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  // there is an error of eslint here because this useEffect will be only there when the correctionPopin will be there\n  // but that is on purpose to go to the next slide if you press enter when the correctionPopin is present\n  // istanbul ignore next\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  useEffect(() => {\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onClick();\n        document.removeEventListener('keydown', keyDownHandler);\n      }\n    };\n    document.addEventListener('keydown', keyDownHandler);\n  }, []);\n\n  return (\n    <div\n      className={classnames(\n        style.correctionPopinWrapper,\n        animateCorrectionPopin ? style.popinAnimation : null\n      )}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </div>\n  );\n};\n\nCorrectionPopin.propTypes = {\n  slideIndex: PropTypes.string,\n  showCorrectionPopin: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  correctionPopinProps: propTypes.correctionPopinProps\n};\n\nconst ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n  const {label, onClick, disabled} = validateButton;\n  const validateButtonProps = {\n    type: 'primary',\n    label,\n    'aria-label': label,\n    'data-name': `slide-validate-button-${slideIndex}`,\n    onClick,\n    disabled,\n    className: style.validateButton,\n    customStyle: {\n      backgroundColor: primarySkinColor\n    }\n  };\n\n  /* istanbul ignore next */\n  useEffect(() => {\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n      }\n    };\n    if (disabled) document.addEventListener('keydown', keyDownHandler);\n    return () => {\n      document.removeEventListener('keydown', keyDownHandler);\n    };\n  }, [disabled]);\n\n  return (\n    <div key=\"button-wrapper\" className={style.validateButtonWrapper}>\n      <ButtonLink {...validateButtonProps} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  slideIndex: PropTypes.string,\n  validateButton: propTypes.validateButton,\n  primarySkinColor: PropTypes.string\n};\n\nconst QuestionContainer = props => {\n  const {answerUI, questionText, questionOrigin, disableContent} = props;\n  if (!answerUI || !questionText) return null;\n\n  return (\n    <div\n      key=\"content-container\"\n      data-testid=\"content-container\"\n      className={classnames(\n        style.slideContentContainer,\n        disableContent ? style.disabledSlideContent : null\n      )}\n    >\n      <div key=\"from-course\" className={style.questionOrigin}>\n        {questionOrigin}\n      </div>\n      <div\n        key=\"title\"\n        data-testid=\"slide-question\"\n        className={style.question}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: questionText}}\n      />\n      <div\n        key=\"help\"\n        className={style.help}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: get('help', answerUI)}}\n      />\n      <div key=\"answer-container\" className={style.answerContainer}>\n        <Answer {...answerUI} key=\"answer\" />\n      </div>\n    </div>\n  );\n};\n\nQuestionContainer.propTypes = {\n  answerUI: PropTypes.shape(propTypes.slide.answerUI),\n  questionText: PropTypes.string,\n  questionOrigin: PropTypes.string,\n  disableContent: PropTypes.bool\n};\n\nconst ReviewSlide = props => {\n  const {slide, validateButton, correctionPopinProps, slideIndex = '0'} = props;\n\n  const skin = GetSkinFromContext();\n  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const {\n    loading,\n    loadingAriaLabel,\n    parentContentTitle,\n    questionText,\n    disabledContent,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <div data-testid=\"review-slide\" className={style.slide}>\n      {loading ? (\n        <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n      ) : (\n        <>\n          <QuestionContainer\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            disableContent={disabledContent}\n            key=\"question-container\"\n          />\n          <ValidateButton\n            slideIndex={slideIndex}\n            validateButton={validateButton}\n            primarySkinColor={primarySkinColor}\n            key=\"validate-button\"\n          />\n          <CorrectionPopin\n            correctionPopinProps={correctionPopinProps}\n            slideIndex={slideIndex}\n            showCorrectionPopin={showCorrectionPopin}\n            animateCorrectionPopin={animateCorrectionPopin}\n            key=\"correction-popin\"\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nReviewSlide.propTypes = propTypes;\n\nexport default ReviewSlide;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,SAAS,QAAO,OAAO;AAC/C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,MAAM,MAAM,uBAAuB;AAC1C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,qBAAqB,MAAM,wCAAwC;AAC1E,SAAQC,kBAAkB,QAAO,qBAAqB;AACtD,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,eAAe,GAAG,CAAC;EACvBC,oBAAoB;EACpBC,UAAU;EACVC,mBAAmB;EACnBC;AACF,CAAC,KAAK;EACJ,IAAI,CAACD,mBAAmB,EAAE,OAAO,IAAI;EAErC,MAAME,GAAG,GAAGb,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAES,oBAAoB,CAAC;EAClD,MAAMK,WAAW,GAAGd,KAAK,CAAC;IAACe,KAAK,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAC,EAAE,aAAa,EAAEP,oBAAoB,CAAC;EACxF,MAAMQ,IAAI,GAAGlB,GAAG,CAAC,MAAM,EAAEU,oBAAoB,CAAC;EAC9C,MAAMS,OAAO,GAAGnB,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAEU,oBAAoB,CAAC;EAE9D,MAAMU,qBAAqB,GAAG;IAC5BF,IAAI,EAAE;MACJC,OAAO;MACPH,KAAK,EAAEE,IAAI,IAAIA,IAAI,CAACF,KAAK;MACzB,WAAW,EAAG,wBAAuBL,UAAW,EAAC;MACjD,YAAY,EAAEO,IAAI,IAAIA,IAAI,CAAC,YAAY;IACzC,CAAC;IACDJ,GAAG;IACHC,WAAW;IACXM,IAAI,EAAEX,oBAAoB,CAACW,IAAI;IAC/BC,WAAW,EAAEZ,oBAAoB,CAACY;EACpC,CAAC;;EAED;EACA;EACA;EACA;EACAzB,SAAS,CAAC,MAAM;IACd,MAAM0B,cAAc,GAAGC,KAAK,IAAI;MAC9B,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CD,KAAK,CAACE,cAAc,EAAE;QACtBP,OAAO,EAAE;QACTQ,QAAQ,CAACC,mBAAmB,CAAC,SAAS,EAAEL,cAAc,CAAC;MACzD;IACF,CAAC;IACDI,QAAQ,CAACE,gBAAgB,CAAC,SAAS,EAAEN,cAAc,CAAC;EACtD,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAExB,UAAU,CACnBS,KAAK,CAACsB,sBAAsB,EAC5BjB,sBAAsB,GAAGL,KAAK,CAACuB,cAAc,GAAG,IAAI;EACpD,gBAEF,oBAAC,qBAAqB,EAAKX,qBAAqB,CAAI,CAChD;AAEV,CAAC;AAEDX,eAAe,CAACF,SAAS,2CAAG;EAC1BI,UAAU,EAAEb,SAAS,CAACkC,MAAM;EAC5BpB,mBAAmB,EAAEd,SAAS,CAACmC,IAAI;EACnCpB,sBAAsB,EAAEf,SAAS,CAACmC,IAAI;EACtCvB,oBAAoB,EAAEH,SAAS,CAACG;AAClC,CAAC;AAED,MAAMwB,cAAc,GAAG,CAAC;EAACvB,UAAU;EAAEwB,cAAc;EAAEC;AAAgB,CAAC,KAAK;EACzE,MAAM;IAACpB,KAAK;IAAEG,OAAO;IAAEkB;EAAQ,CAAC,GAAGF,cAAc;EACjD,MAAMG,mBAAmB,GAAG;IAC1BjB,IAAI,EAAE,SAAS;IACfL,KAAK;IACL,YAAY,EAAEA,KAAK;IACnB,WAAW,EAAG,yBAAwBL,UAAW,EAAC;IAClDQ,OAAO;IACPkB,QAAQ;IACRE,SAAS,EAAE/B,KAAK,CAAC2B,cAAc;IAC/BK,WAAW,EAAE;MACXC,eAAe,EAAEL;IACnB;EACF,CAAC;;EAED;EACAvC,SAAS,CAAC,MAAM;IACd,MAAM0B,cAAc,GAAGC,KAAK,IAAI;MAC9B,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CD,KAAK,CAACE,cAAc,EAAE;MACxB;IACF,CAAC;IACD,IAAIW,QAAQ,EAAEV,QAAQ,CAACE,gBAAgB,CAAC,SAAS,EAAEN,cAAc,CAAC;IAClE,OAAO,MAAM;MACXI,QAAQ,CAACC,mBAAmB,CAAC,SAAS,EAAEL,cAAc,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACc,QAAQ,CAAC,CAAC;EAEd,oBACE;IAAK,GAAG,EAAC,gBAAgB;IAAC,SAAS,EAAE7B,KAAK,CAACkC;EAAsB,gBAC/D,oBAAC,UAAU,EAAKJ,mBAAmB,CAAI,CACnC;AAEV,CAAC;AAEDJ,cAAc,CAAC3B,SAAS,2CAAG;EACzBI,UAAU,EAAEb,SAAS,CAACkC,MAAM;EAC5BG,cAAc,EAAE5B,SAAS,CAAC4B,cAAc;EACxCC,gBAAgB,EAAEtC,SAAS,CAACkC;AAC9B,CAAC;AAED,MAAMW,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,QAAQ;IAAEC,YAAY;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EACtE,IAAI,CAACC,QAAQ,IAAI,CAACC,YAAY,EAAE,OAAO,IAAI;EAE3C,oBACE;IACE,GAAG,EAAC,mBAAmB;IACvB,eAAY,mBAAmB;IAC/B,SAAS,EAAE/C,UAAU,CACnBS,KAAK,CAACyC,qBAAqB,EAC3BD,cAAc,GAAGxC,KAAK,CAAC0C,oBAAoB,GAAG,IAAI;EAClD,gBAEF;IAAK,GAAG,EAAC,aAAa;IAAC,SAAS,EAAE1C,KAAK,CAACuC;EAAe,GACpDA,cAAc,CACX,eACN;IACE,GAAG,EAAC,OAAO;IACX,eAAY,gBAAgB;IAC5B,SAAS,EAAEvC,KAAK,CAAC2C;IACjB;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEN;IAAY;EAAE,EAChD,eACF;IACE,GAAG,EAAC,MAAM;IACV,SAAS,EAAEtC,KAAK,CAAC6C;IACjB;IAAA;IACA,uBAAuB,EAAE;MAACD,MAAM,EAAEpD,GAAG,CAAC,MAAM,EAAE6C,QAAQ;IAAC;EAAE,EACzD,eACF;IAAK,GAAG,EAAC,kBAAkB;IAAC,SAAS,EAAErC,KAAK,CAAC8C;EAAgB,gBAC3D,oBAAC,MAAM,eAAKT,QAAQ;IAAE,GAAG,EAAC;EAAQ,GAAG,CACjC,CACF;AAEV,CAAC;AAEDF,iBAAiB,CAACpC,SAAS,2CAAG;EAC5BsC,QAAQ,EAAE/C,SAAS,CAACyD,KAAK,CAAChD,SAAS,CAACiD,KAAK,CAACX,QAAQ,CAAC;EACnDC,YAAY,EAAEhD,SAAS,CAACkC,MAAM;EAC9Be,cAAc,EAAEjD,SAAS,CAACkC,MAAM;EAChCgB,cAAc,EAAElD,SAAS,CAACmC;AAC5B,CAAC;AAED,MAAMwB,WAAW,GAAGb,KAAK,IAAI;EAC3B,MAAM;IAACY,KAAK;IAAErB,cAAc;IAAEzB,oBAAoB;IAAEC,UAAU,GAAG;EAAG,CAAC,GAAGiC,KAAK;EAE7E,MAAMc,IAAI,GAAGpD,kBAAkB,EAAE;EACjC,MAAM8B,gBAAgB,GAAGxC,OAAO,CAAC,MAAMK,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEyD,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACxF,MAAM;IACJC,OAAO;IACPC,gBAAgB;IAChBC,kBAAkB;IAClBf,YAAY;IACZgB,eAAe;IACfjB,QAAQ;IACRjC,mBAAmB;IACnBC;EACF,CAAC,GAAG2C,KAAK;EAET,oBACE;IAAK,eAAY,cAAc;IAAC,SAAS,EAAEhD,KAAK,CAACgD;EAAM,GACpDG,OAAO,gBACN,oBAAC,MAAM;IAAC,SAAS,EAAEnD,KAAK,CAACuD,MAAO;IAAC,KAAK,EAAC,SAAS;IAAC,cAAYH;EAAiB,EAAG,gBAEjF,uDACE,oBAAC,iBAAiB;IAChB,cAAc,EAAEC,kBAAmB;IACnC,YAAY,EAAEf,YAAa;IAC3B,QAAQ,EAAED,QAAS;IACnB,cAAc,EAAEiB,eAAgB;IAChC,GAAG,EAAC;EAAoB,EACxB,eACF,oBAAC,cAAc;IACb,UAAU,EAAEnD,UAAW;IACvB,cAAc,EAAEwB,cAAe;IAC/B,gBAAgB,EAAEC,gBAAiB;IACnC,GAAG,EAAC;EAAiB,EACrB,eACF,oBAAC,eAAe;IACd,oBAAoB,EAAE1B,oBAAqB;IAC3C,UAAU,EAAEC,UAAW;IACvB,mBAAmB,EAAEC,mBAAoB;IACzC,sBAAsB,EAAEC,sBAAuB;IAC/C,GAAG,EAAC;EAAkB,EACtB,CAEL,CACG;AAEV,CAAC;AAED4C,WAAW,CAAClD,SAAS,2CAAGA,SAAS;AAEjC,eAAekD,WAAW"}

package/es/organism/review-slide/index.native.js

@@ -15,7 +15,6 @@ const styles = StyleSheet.create({
     width: '105%'
   }
 });
-
 const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
@@ -27,9 +26,10 @@ const CorrectionPopin = ({
     toValue: 0,
     duration: 500,
     easing: Easing.bezier(0.34, 1.36, 0.64, 1)
-  }); // the translation is required only once on mount
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  });
 
+  // the translation is required only once on mount
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => translateUp.start(), []);
   if (!showCorrectionPopin) return null;
   const klf = getOr(undefined, 'klf', correctionPopinProps);
@@ -56,7 +56,6 @@ const CorrectionPopin = ({
     style: style
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
 };
-
 const createQuestionStyle = theme => StyleSheet.create({
   questionHeading: {
     justifyContent: 'space-between'
@@ -92,7 +91,6 @@ const createQuestionStyle = theme => StyleSheet.create({
     padding: 10
   }
 });
-
 const Question = props => {
   const {
     answerUI,
@@ -124,7 +122,6 @@ const Question = props => {
     showsVerticalScrollIndicator: false
   }, /*#__PURE__*/React.createElement(Answer, answerUI)));
 };
-
 const createSlideStyle = (num, screenWidth) => {
   const slideWidth = screenWidth - 40 - num * 8;
   return StyleSheet.create({
@@ -151,7 +148,6 @@ const createSlideStyle = (num, screenWidth) => {
     }
   });
 };
-
 const Slide = props => {
   const {
     animatedStyle,
@@ -173,13 +169,11 @@ const Slide = props => {
     showCorrectionPopin,
     animateCorrectionPopin
   } = slide;
-
   if (loading) {
     return /*#__PURE__*/React.createElement(View, {
       style: slideStyle.slide
     });
   }
-
   const {
     onClick: handleValidatePress
   } = validateButton;
@@ -203,6 +197,5 @@ const Slide = props => {
     key: "correction-popin"
   }) : null);
 };
-
 export default Slide;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-slide/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Easing","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Button","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","marginVertical","choicesScrollContent","padding","Question","props","answerUI","setStyle","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","Slide","validateButton","slideStyle","loading","parentContentTitle","handleValidatePress","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginVertical: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        centerContent\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        <Answer {...answerUI} />\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        key=\"question-container\"\n      />\n      <Button\n        disabled={validateButton.disabled}\n        submitValue={validateButton.label}\n        onPress={handleValidatePress}\n        testID={`slide-validate-button-${slideIndex}`}\n      />\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Easing","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Button","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","marginVertical","choicesScrollContent","padding","Question","props","answerUI","setStyle","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","Slide","validateButton","slideStyle","loading","parentContentTitle","handleValidatePress","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginVertical: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        centerContent\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        <Answer {...answerUI} />\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        key=\"question-container\"\n      />\n      <Button\n        disabled={validateButton.disabled}\n        submitValue={validateButton.label}\n        onPress={handleValidatePress}\n        testID={`slide-validate-button-${slideIndex}`}\n      />\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

package/es/organism/review-slide/prop-types.d.ts

@@ -180,18 +180,18 @@ declare const propTypes: {
     }>>;
 };
 export default propTypes;
-export declare type PopinProps = {
+export type PopinProps = {
     correctionPopinProps: ReviewCorrectionPopinProps;
     slideIndex: string;
     showCorrectionPopin?: boolean;
     animateCorrectionPopin?: boolean;
 };
-export declare type ValidateButtonProps = {
+export type ValidateButtonProps = {
     slideIndex: string;
     validateButton: ReviewSlideProps['validateButton'];
     primarySkinColor?: string;
 };
-export declare type SlideProps = {
+export type SlideProps = {
     position: number;
     loading: boolean;
     loadingAriaLabel?: string;
@@ -203,7 +203,7 @@ export declare type SlideProps = {
     questionText?: string;
     answerUI?: AnswerProps;
 };
-export declare type ReviewSlideProps = {
+export type ReviewSlideProps = {
     slideIndex: string;
     num: number;
     slide: SlideProps;
@@ -215,7 +215,7 @@ export declare type ReviewSlideProps = {
     };
     animatedStyle?: Animation['animatedStyle'][];
 };
-export declare type Fixture = {
+export type Fixture = {
     props: ReviewSlideProps;
     mobileContext?: TemplateContextValues;
 };

package/es/organism/review-slide/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,4CAA4C,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,UAAU,GAAG;IACvB,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC;CAC9C,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,4CAA4C,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG;IACvB,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;CAAC,CAAC"}

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

@@ -30,8 +30,8 @@ const propTypes = {
       label: PropTypes.string,
       'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !
       // updateSlidesOnNext: PropTypes.func.isRequired ???
-
     }),
+
     resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,
     type: ReviewCorrectionPopinPropTypes.type
   })

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {Animation} from '@coorpacademy/react-native-animation';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\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  disableContent: 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 PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\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 ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  animatedStyle?: Animation['animatedStyle'][];\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,8BAAP,MAEO,mDAFP;AAGA,OAAOC,eAAP,MAA2C,kCAA3C;AAGA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MADyB;EAE7CC,OAAO,EAAEP,SAAS,CAACQ,IAF0B;EAG7CC,gBAAgB,EAAET,SAAS,CAACU,MAHiB;EAI7CC,aAAa,EAAEX,SAAS,CAACU,MAJoB;EAIZ;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IALwB;EAM7CK,sBAAsB,EAAEb,SAAS,CAACQ,IANW;EAO7CM,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;EAQ7CO,cAAc,EAAEf,SAAS,CAACQ,IARmB;EAS7CQ,kBAAkB,EAAEhB,SAAS,CAACU,MATe;EAU7CO,YAAY,EAAEjB,SAAS,CAACU,MAVqB;EAW7CQ,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MADN;EAEhBW,KAAK,EAAElB,eAFS;EAGhBmB,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAV,CAAiBc,UADM;IAE9BC,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAE3B,SAAS,CAACQ;EAHU,CAAhB,CAHA;EAQhBoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;IAEpCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;IAGpCC,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MADG;MAEpB,cAAcV,SAAS,CAACU,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;IASpCC,IAAI,EAAEhC,8BAA8B,CAACgC;EATD,CAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {Animation} from '@coorpacademy/react-native-animation';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\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  disableContent: 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 PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\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 ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  animatedStyle?: Animation['animatedStyle'][];\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,8BAA8B,MAE9B,mDAAmD;AAC1D,OAAOC,eAAe,MAAqB,kCAAkC;AAG7E,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAK,CAAC;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MAAM;EAC1BC,OAAO,EAAEP,SAAS,CAACQ,IAAI;EACvBC,gBAAgB,EAAET,SAAS,CAACU,MAAM;EAClCC,aAAa,EAAEX,SAAS,CAACU,MAAM;EAAE;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IAAI;EACzBK,sBAAsB,EAAEb,SAAS,CAACQ,IAAI;EACtCM,mBAAmB,EAAEd,SAAS,CAACQ,IAAI;EACnCO,cAAc,EAAEf,SAAS,CAACQ,IAAI;EAC9BQ,kBAAkB,EAAEhB,SAAS,CAACU,MAAM;EACpCO,YAAY,EAAEjB,SAAS,CAACU,MAAM;EAC9BQ,QAAQ,EAAElB,SAAS,CAACI,KAAK,CAACF,eAAe;AAC3C,CAAC,CAAC;AAEF,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MAAM;EAC5BW,KAAK,EAAElB,eAAe;EACtBmB,cAAc,EAAEtB,SAAS,CAACI,KAAK,CAAC;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAM,CAACc,UAAU;IAClCC,OAAO,EAAEzB,SAAS,CAAC0B,IAAI,CAACF,UAAU;IAClCG,QAAQ,EAAE3B,SAAS,CAACQ;EACtB,CAAC,CAAC;EACFoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAK,CAAC;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GAAG;IACvCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAAW;IACvDC,IAAI,EAAE/B,SAAS,CAACI,KAAK,CAAC;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MAAM;MACvB,YAAY,EAAEV,SAAS,CAACU,MAAM,CAAC;MAC/B;IACF,CAAC,CAAC;;IACFsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WAAW;IACvDC,IAAI,EAAEhC,8BAA8B,CAACgC;EACvC,CAAC;AACH,CAAC;AAED,eAAed,SAAS"}

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

@@ -19,31 +19,26 @@ const unstackByPosition = {
   3: style.slideOutAndIn3,
   4: style.slideOutAndIn4
 };
-
 const getSlideAnimation = (action, position) => {
   switch (action) {
     case 'unstack':
       return style.slideOutHideAndIn;
-
     case 'restack':
       return unstackByPosition[position];
-
     default:
       return null;
   }
 };
-
 const StackedSlides = ({
   slides,
   endReview,
   validateButton,
   correctionPopinProps
 }) => {
-  const stackedSlides = []; // eslint-disable-next-line fp/no-loops
-
+  const stackedSlides = [];
+  // eslint-disable-next-line fp/no-loops
   for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {
     const slide = slides[_toString(slideIndex)];
-
     const {
       animationType,
       position
@@ -61,7 +56,6 @@ const StackedSlides = ({
     }));
     stackedSlides.push(slideView);
   }
-
   return /*#__PURE__*/React.createElement("div", {
     key: "stacked-slides-container-y-overflow",
     className: style.stackedSlidesYAxisOverflowContainer
@@ -71,7 +65,6 @@ const StackedSlides = ({
     className: style.stackedSlidesContainer
   }, stackedSlides));
 };
-
 StackedSlides.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default StackedSlides;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"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 unstackByPosition = {\n  0: style.slideOutAndIn0,\n  1: style.slideOutAndIn1,\n  2: style.slideOutAndIn2,\n  3: style.slideOutAndIn3,\n  4: style.slideOutAndIn4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return unstackByPosition[position];\n    default:\n      return null;\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          position < 0 ? style.hiddenSlide : stylesByPosition[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"],"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;EACvB,GAAGF,KAAK,CAACG,SADc;EAEvB,GAAGH,KAAK,CAACI,SAFc;EAGvB,GAAGJ,KAAK,CAACK,SAHc;EAIvB,GAAGL,KAAK,CAACM,SAJc;EAKvB,GAAGN,KAAK,CAACO;AALc,CAAzB;AAQA,MAAMC,iBAAiB,GAAG;EACxB,GAAGR,KAAK,CAACS,cADe;EAExB,GAAGT,KAAK,CAACU,cAFe;EAGxB,GAAGV,KAAK,CAACW,cAHe;EAIxB,GAAGX,KAAK,CAACY,cAJe;EAKxB,GAAGZ,KAAK,CAACa;AALe,CAA1B;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOf,KAAK,CAACiB,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOT,iBAAiB,CAACQ,QAAD,CAAxB;;IACF;MACE,OAAO,IAAP;EANJ;AAQD,CATD;;AAWA,MAAME,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGvB,kBAAtC,EAA0DuB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAACtB,SAAS,CAAC2B,UAAD,CAAV,CAApB;;IACA,MAAM;MAACE,aAAD;MAAgBV;IAAhB,IAA4BS,KAAlC;IAEA,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAE5B,UAAU,CACnBI,KAAK,CAAC4B,SADa,EAEnBd,iBAAiB,CAACY,aAAD,EAAgBV,QAAhB,CAFE,EAGnBA,QAAQ,GAAG,CAAX,GAAehB,KAAK,CAAC6B,WAArB,GAAmC3B,gBAAgB,CAACc,QAAD,CAHhC,EAInBI,SAAS,GAAGpB,KAAK,CAACoB,SAAT,GAAqB,IAJX;IAHvB,gBAUE,oBAAC,WAAD;MAEII,UAAU,EAAE3B,SAAS,CAAC2B,UAAD,CAFzB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EAVF,CADF;IAsBAD,aAAa,CAACO,IAAd,CAAmBH,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAE3B,KAAK,CAAC+B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE/B,KAAK,CAACgC;EAHnB,GAKGT,aALH,CAJF,CADF;AAcD,CA9CD;;AAgDAL,aAAa,CAACnB,SAAd,2CAA0BA,SAA1B;AAEA,eAAemB,aAAf"}
+{"version":3,"file":"index.js","names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"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 unstackByPosition = {\n  0: style.slideOutAndIn0,\n  1: style.slideOutAndIn1,\n  2: style.slideOutAndIn2,\n  3: style.slideOutAndIn3,\n  4: style.slideOutAndIn4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return unstackByPosition[position];\n    default:\n      return null;\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          position < 0 ? style.hiddenSlide : stylesByPosition[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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AAEnC,MAAMC,gBAAgB,GAAG;EACvB,CAAC,EAAEF,KAAK,CAACG,SAAS;EAClB,CAAC,EAAEH,KAAK,CAACI,SAAS;EAClB,CAAC,EAAEJ,KAAK,CAACK,SAAS;EAClB,CAAC,EAAEL,KAAK,CAACM,SAAS;EAClB,CAAC,EAAEN,KAAK,CAACO;AACX,CAAC;AAED,MAAMC,iBAAiB,GAAG;EACxB,CAAC,EAAER,KAAK,CAACS,cAAc;EACvB,CAAC,EAAET,KAAK,CAACU,cAAc;EACvB,CAAC,EAAEV,KAAK,CAACW,cAAc;EACvB,CAAC,EAAEX,KAAK,CAACY,cAAc;EACvB,CAAC,EAAEZ,KAAK,CAACa;AACX,CAAC;AAED,MAAMC,iBAAiB,GAAG,CAACC,MAAM,EAAEC,QAAQ,KAAK;EAC9C,QAAQD,MAAM;IACZ,KAAK,SAAS;MACZ,OAAOf,KAAK,CAACiB,iBAAiB;IAChC,KAAK,SAAS;MACZ,OAAOT,iBAAiB,CAACQ,QAAQ,CAAC;IACpC;MACE,OAAO,IAAI;EAAC;AAElB,CAAC;AAED,MAAME,aAAa,GAAG,CAAC;EAACC,MAAM;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAoB,CAAC,KAAK;EACnF,MAAMC,aAAa,GAAG,EAAE;EACxB;EACA,KAAK,IAAIC,UAAU,GAAG,CAAC,EAAEA,UAAU,GAAGvB,kBAAkB,EAAEuB,UAAU,EAAE,EAAE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAACtB,SAAS,CAAC2B,UAAU,CAAC,CAAC;IAC3C,MAAM;MAACE,aAAa;MAAEV;IAAQ,CAAC,GAAGS,KAAK;IAEvC,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAAE;MAC3B,aAAY,SAAQA,UAAW,EAAE;MACjC,SAAS,EAAE5B,UAAU,CACnBI,KAAK,CAAC4B,SAAS,EACfd,iBAAiB,CAACY,aAAa,EAAEV,QAAQ,CAAC,EAC1CA,QAAQ,GAAG,CAAC,GAAGhB,KAAK,CAAC6B,WAAW,GAAG3B,gBAAgB,CAACc,QAAQ,CAAC,EAC7DI,SAAS,GAAGpB,KAAK,CAACoB,SAAS,GAAG,IAAI;IAClC,gBAEF,oBAAC,WAAW;MAERI,UAAU,EAAE3B,SAAS,CAAC2B,UAAU,CAAC;MACjCC,KAAK;MACLJ,cAAc;MACdC,oBAAoB;MAEtB,GAAG,EAAEE;IAAW,EAChB,CAEL;IACDD,aAAa,CAACO,IAAI,CAACH,SAAS,CAAC;EAC/B;EAEA,oBACE;IACE,GAAG,EAAC,qCAAqC;IACzC,SAAS,EAAE3B,KAAK,CAAC+B;EAAoC,gBAErD;IACE,GAAG,EAAC,0BAA0B;IAC9B,aAAU,0BAA0B;IACpC,SAAS,EAAE/B,KAAK,CAACgC;EAAuB,GAEvCT,aAAa,CACV,CACF;AAEV,CAAC;AAEDL,aAAa,CAACnB,SAAS,2CAAGA,SAAS;AAEnC,eAAemB,aAAa"}