@coorpacademy/components 10.27.5-alpha.24 → 10.27.5-alpha.89

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","createStyleSheet","theme","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    }\n  });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n  const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View>\n      <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n      <Text style={styleSheet.text}>{textNoSkills}</Text>\n      <EmptyStateHomeRevision\n        style={styleSheet.noSkillsImage}\n        iconSkillAriaLabel={iconSkillAriaLabel}\n      />\n    </View>\n  );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAA0BC,IAA1B,QAA2D,cAA3D;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AASA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEH,KAAK,CAACG,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcI;EALxB,CANU;EAahBC,aAAa,EAAE;IACbC,IAAI,EAAE,CADO;IAEbC,SAAS,EAAE,QAFE;IAGbC,KAAK,EAAE,GAHM;IAIbC,MAAM,EAAE;EAJK;AAbC,CAAlB,CADF;;AAsBA,MAAMC,cAAc,GAAIC,KAAD,IAA0B;EAC/C,MAAM;IAACC,aAAD;IAAgBC,YAAhB;IAA8BC;EAA9B,IAAoDH,KAA1D;EACA,MAAMI,eAAe,GAAG3B,kBAAkB,EAA1C;EACA,MAAM,CAAC4B,UAAD,EAAaC,aAAb,IAA8BpC,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACS;EAAD,IAAUyB,eAAhB;EAEAjC,SAAS,CAAC,MAAM;IACd,MAAMoC,WAAW,GAAG7B,gBAAgB,CAACC,KAAD,CAApC;;IACA2B,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC5B,KAAD,CAHM,CAAT;;EAKA,IAAI,CAAC0B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACxB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEI,UAAU,CAACnB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,oBAAC,sBAAD;IACE,KAAK,EAAEG,UAAU,CAACX,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;AA2BA,eAAeJ,cAAf"}

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    titleNoSkills: PropTypes.Validator<string>;
+    textNoSkills: PropTypes.Validator<string>;
+    iconSkillAriaLabel: PropTypes.Validator<string>;
+};
+export default propTypes;
+export declare type NoSkillsProps = {
+    titleNoSkills: string;
+    textNoSkills: string;
+    iconSkillAriaLabel: string;
+};
+//# sourceMappingURL=prop-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}

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

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+const propTypes = {
+  titleNoSkills: PropTypes.string.isRequired,
+  textNoSkills: PropTypes.string.isRequired,
+  iconSkillAriaLabel: PropTypes.string.isRequired
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEL,SAAS,CAACG,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEN,SAAS,CAACG,MAAV,CAAiBC;AAHrB,CAAlB;AAMA,eAAeH,SAAf"}

package/es/organism/review-no-skills/style.css

@@ -0,0 +1,73 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_blue_900 from colors;
+@value cm_grey_400 from colors;
+
+.textBase {
+  color: cm_blue_900;
+  font-family: "Gilroy";
+  font-style: normal;
+  user-select: none;
+}
+
+.noSkillsContainer {
+  margin-top: 56px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.titleNoSkills {
+  composes: textBase;
+  font-weight: 10;
+  font-size: 28px;
+  line-height: 36px;
+  text-align: center;
+}
+
+.textNoSkills {
+  color: cm_grey_400;
+  font-family: "Gilroy";
+  font-size: 20px;
+  line-height: 28px;
+  margin-top: 8px;
+  text-align: center;
+  user-select: none;
+  width: 493px;
+}
+
+.imgNoSkills {
+  height: 361px;
+  margin-top: 48px;
+  width: 361px;
+}
+
+@media tablet {
+  .titleNoSkills, .textNoSkills {
+    width: 90%;
+  }
+
+  .imgNoSkills {
+    max-width: 361px;
+    max-height: 361px;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+@media mobile {  
+  .titleNoSkills,
+  .textNoSkills {
+    width: 85%;
+  }
+
+  .imgNoSkills {
+    margin-top: 33px;
+    width: 85%;
+    height: auto;
+  }
+}

package/es/organism/review-skills/index.d.ts

@@ -1,6 +1,8 @@
-export default ReviewSkills;
-declare function ReviewSkills(props: any): JSX.Element;
-declare namespace ReviewSkills {
+export default ReviewListSkills;
+declare function ReviewListSkills({ listSkills }: {
+    listSkills: any;
+}): JSX.Element;
+declare namespace ReviewListSkills {
     export { propTypes };
 }
 import propTypes from "./prop-types";

package/es/organism/review-skills/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/index.js"],"names":[],"mappings":";AAqCA,uDAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/index.js"],"names":[],"mappings":";AAMA;;gBAaC"}

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

@@ -1,11 +1,8 @@
 import React from 'react';
-import isEmpty from 'lodash/fp/isEmpty';
 import map from 'lodash/fp/map';
-import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision, NovaCompositionCoorpacademyInformationIcon as InformationIcon } from '@coorpacademy/nova-icons';
-import Loader from '../../atom/loader';
 import SkillCard from '../../molecule/skill-card';
 import style from './style.css';
-import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from './prop-types';
+import propTypes from './prop-types';
 
 const ReviewListSkills = ({
   listSkills
@@ -22,60 +19,6 @@ const ReviewListSkills = ({
   }, listSkills));
 };
 
-const ReviewNoSkills = ({
-  titleNoSkills,
-  textNoSkills,
-  iconSkillAriaLabel
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.noSkillsContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.titleNoSkills
-  }, titleNoSkills), /*#__PURE__*/React.createElement("div", {
-    className: style.textNoSkills
-  }, " ", textNoSkills), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
-    className: style.imgNoSkills,
-    "aria-label": iconSkillAriaLabel
-  }));
-};
-
-const ReviewSkills = props => {
-  const {
-    'aria-label': ariaLabel,
-    title,
-    listSkills,
-    titleNoSkills,
-    textNoSkills,
-    iconSkillAriaLabel,
-    isLoading = false,
-    isLoadingAriaLabel
-  } = props;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.containerReviewSkill,
-    "aria-label": ariaLabel
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.title
-  }, title, /*#__PURE__*/React.createElement(InformationIcon, {
-    className: style.informationIcon,
-    width: 12,
-    height: 12
-  })), isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: style.loaderContainer
-  }, /*#__PURE__*/React.createElement(Loader, {
-    className: style.loader,
-    theme: "default",
-    "aria-label": isLoadingAriaLabel
-  })) : /*#__PURE__*/React.createElement("div", null, !isEmpty(listSkills) ? /*#__PURE__*/React.createElement(ReviewListSkills, {
-    listSkills: listSkills
-  }) : /*#__PURE__*/React.createElement(ReviewNoSkills, {
-    titleNoSkills: titleNoSkills,
-    textNoSkills: textNoSkills,
-    iconSkillAriaLabel: iconSkillAriaLabel
-  })));
-};
-
-ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? ListSkillsPropTypes : {};
-ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? NoSkillsPropTypes : {};
-ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default ReviewSkills;
+ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ReviewListSkills;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","propTypes","ListSkillsPropTypes","NoSkillsPropTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes, {ListSkillsPropTypes, NoSkillsPropTypes} 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\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = ListSkillsPropTypes;\nReviewNoSkills.propTypes = NoSkillsPropTypes;\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SACEC,iDAAiD,IAAIC,sBADvD,EAEEC,0CAA0C,IAAIC,eAFhD,QAGO,0BAHP;AAIA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,IAAmBC,mBAAnB,EAAwCC,iBAAxC,QAAgE,cAAhE;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,GACGD,UAAU,IACTZ,GAAG,CAACc,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAEV,KAAK,CAACW,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,oBAAC,SAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGJ,UANH,CAFJ,CADF;AAYD,CAbD;;AAeA,MAAMO,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACa;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,oBAAC,sBAAD;IAAwB,SAAS,EAAEd,KAAK,CAACiB,WAAzC;IAAsD,cAAYF;EAAlE,EAHF,CADF;AAOD,CARD;;AAUA,MAAMG,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJ,cAAcC,SADV;IAEJC,KAFI;IAGJhB,UAHI;IAIJQ,aAJI;IAKJC,YALI;IAMJC,kBANI;IAOJO,SAAS,GAAG,KAPR;IAQJC;EARI,IASFJ,KATJ;EAWA,oBACE;IAAK,SAAS,EAAEnB,KAAK,CAACwB,oBAAtB;IAA4C,cAAYJ;EAAxD,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAtB,GACGA,KADH,eAEE,oBAAC,eAAD;IAAiB,SAAS,EAAErB,KAAK,CAACyB,eAAlC;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EAFF,CADF,EAKGH,SAAS,gBACR;IAAK,SAAS,EAAEtB,KAAK,CAAC0B;EAAtB,gBACE,oBAAC,MAAD;IAAQ,SAAS,EAAE1B,KAAK,CAAC2B,MAAzB;IAAiC,KAAK,EAAC,SAAvC;IAAiD,cAAYJ;EAA7D,EADF,CADQ,gBAKR,iCACG,CAAC/B,OAAO,CAACa,UAAD,CAAR,gBACC,oBAAC,gBAAD;IAAkB,UAAU,EAAEA;EAA9B,EADD,gBAGC,oBAAC,cAAD;IACE,aAAa,EAAEQ,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAX,gBAAgB,CAACH,SAAjB,2CAA6BC,mBAA7B;AACAU,cAAc,CAACX,SAAf,2CAA2BE,iBAA3B;AACAe,YAAY,CAACjB,SAAb,2CAAyBA,SAAzB;AAEA,eAAeiB,YAAf"}
+{"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"}

package/es/organism/review-skills/index.native.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReviewSkills } from './prop-types';
+declare const ReviewListSkills: (props: ReviewSkills) => JSX.Element;
+export default ReviewListSkills;
+//# sourceMappingURL=index.native.d.ts.map

package/es/organism/review-skills/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAoC1C,QAAA,MAAM,gBAAgB,UAAW,YAAY,gBAI5C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { FlatList, StyleSheet } from 'react-native';
+import SkillCard from '../../molecule/skill-card/index.native';
+const style = StyleSheet.create({
+  skills: {
+    paddingBottom: 100
+  }
+});
+
+const Item = ({
+  item: {
+    'aria-label': ariaLabel,
+    skillTitle,
+    skillAriaLabel,
+    reviseLabel,
+    reviseAriaLabel,
+    onClick,
+    buttonLabel,
+    buttonAriaLabel,
+    isCustom
+  }
+}) => /*#__PURE__*/React.createElement(SkillCard, {
+  "aria-label": ariaLabel,
+  skillTitle: skillTitle,
+  skillAriaLabel: skillAriaLabel,
+  reviseLabel: reviseLabel,
+  reviseAriaLabel: reviseAriaLabel,
+  onClick: onClick,
+  buttonLabel: buttonLabel,
+  buttonAriaLabel: buttonAriaLabel,
+  isCustom: isCustom
+});
+
+const ReviewListSkills = props => {
+  const {
+    listSkills
+  } = props;
+  return /*#__PURE__*/React.createElement(FlatList, {
+    contentContainerStyle: style.skills,
+    data: listSkills,
+    renderItem: Item
+  });
+};
+
+export default ReviewListSkills;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +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"}

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

@@ -1,25 +1,6 @@
-export namespace ListSkillsPropTypes {
-    const listSkills: PropTypes.Requireable<(PropTypes.InferProps<{
-        'aria-label': PropTypes.Requireable<string>;
-        skillTitle: PropTypes.Requireable<string>;
-        skillAriaLabel: PropTypes.Requireable<string>;
-        buttonLabel: PropTypes.Requireable<string>;
-        buttonAriaLabel: PropTypes.Requireable<string>;
-        reviseLabel: PropTypes.Requireable<string>;
-        reviseAriaLabel: PropTypes.Requireable<string>;
-        isCustom: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }> | null | undefined)[]>;
-}
-export namespace NoSkillsPropTypes {
-    const titleNoSkills: PropTypes.Requireable<string>;
-    const textNoSkills: PropTypes.Requireable<string>;
-    const iconSkillAriaLabel: PropTypes.Requireable<string>;
-}
-declare const _default: {
-    titleNoSkills: PropTypes.Requireable<string>;
-    textNoSkills: PropTypes.Requireable<string>;
-    iconSkillAriaLabel: PropTypes.Requireable<string>;
+import PropTypes from 'prop-types';
+import { SkillCardProps } from '../../molecule/skill-card/prop-types';
+declare const propTypes: {
     listSkills: PropTypes.Requireable<(PropTypes.InferProps<{
         'aria-label': PropTypes.Requireable<string>;
         skillTitle: PropTypes.Requireable<string>;
@@ -31,11 +12,9 @@ declare const _default: {
         isCustom: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }> | null | undefined)[]>;
-    'aria-label': PropTypes.Requireable<string>;
-    title: PropTypes.Validator<string>;
-    isLoading: PropTypes.Requireable<boolean>;
-    isLoadingAriaLabel: PropTypes.Requireable<string>;
 };
-export default _default;
-import PropTypes from "prop-types";
+export default propTypes;
+export declare 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.js"],"names":[],"mappings":""}
+{"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"}

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

@@ -1,19 +1,7 @@
-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 PropTypes from 'prop-types';
-import SkillCardPropTypes from '../../molecule/skill-card/prop-types';
-export const ListSkillsPropTypes = {
-  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropTypes))
+import SkillCardPropsType from '../../molecule/skill-card/prop-types';
+const propTypes = {
+  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))
 };
-export const NoSkillsPropTypes = {
-  titleNoSkills: PropTypes.string,
-  textNoSkills: PropTypes.string,
-  iconSkillAriaLabel: PropTypes.string
-};
-export default _extends({
-  'aria-label': PropTypes.string,
-  title: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-  isLoadingAriaLabel: PropTypes.string
-}, ListSkillsPropTypes, NoSkillsPropTypes);
+export default propTypes;
 //# sourceMappingURL=prop-types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropTypes","ListSkillsPropTypes","listSkills","arrayOf","shape","NoSkillsPropTypes","titleNoSkills","string","textNoSkills","iconSkillAriaLabel","title","isRequired","isLoading","bool","isLoadingAriaLabel"],"sources":["../../../src/organism/review-skills/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropTypes from '../../molecule/skill-card/prop-types';\n\nexport const ListSkillsPropTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropTypes))\n};\n\nexport const NoSkillsPropTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nexport default {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ListSkillsPropTypes,\n  ...NoSkillsPropTypes\n};\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,sCAA/B;AAEA,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,UAAU,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,kBAAhB,CAAlB;AADqB,CAA5B;AAIP,OAAO,MAAMK,iBAAiB,GAAG;EAC/BC,aAAa,EAAEP,SAAS,CAACQ,MADM;EAE/BC,YAAY,EAAET,SAAS,CAACQ,MAFO;EAG/BE,kBAAkB,EAAEV,SAAS,CAACQ;AAHC,CAA1B;AAMP;EACE,cAAcR,SAAS,CAACQ,MAD1B;EAEEG,KAAK,EAAEX,SAAS,CAACQ,MAAV,CAAiBI,UAF1B;EAGEC,SAAS,EAAEb,SAAS,CAACc,IAHvB;EAIEC,kBAAkB,EAAEf,SAAS,CAACQ;AAJhC,GAKKN,mBALL,EAMKI,iBANL"}
+{"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"}

package/es/organism/review-skills/style.css

@@ -1,35 +1,5 @@
 @value breakpoints: "../../variables/breakpoints.css";
-@value tablet from breakpoints;
 @value mobile from breakpoints;
-@value colors: "../../variables/colors.css";
-@value cm_blue_900 from colors;
-@value cm_grey_400 from colors;
-@value cm_grey_500 from colors;
-
-.textBase {
-  color: cm_blue_900;
-  font-family: "Gilroy";
-  font-style: normal;
-  user-select: none;
-}
-
-.containerReviewSkill {
-  width: 100%;
-  position: relative;
-}
-
-.title {
-  composes: textBase;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 28px;
-  margin-left: 40px;
-}
-
-.informationIcon {
-  color: cm_grey_500;
-  padding-left: 8px;
-}
 
 .listSkillsContainer {
   display: flex;
@@ -45,67 +15,12 @@
   flex: 1 0 33%;
 }
 
-.noSkillsContainer {
-  margin-top: 56px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-
-.titleNoSkills {
-  composes: textBase;
-  font-weight: 10;
-  font-size: 28px;
-  line-height: 36px;
-  text-align: center;
-}
-
-.textNoSkills {
-  color: cm_grey_400;
-  font-family: "Gilroy";
-  font-size: 20px;
-  line-height: 28px;
-  margin-top: 8px;
-  text-align: center;
-  user-select: none;
-  width: 493px;
-}
-
-.imgNoSkills {
-  height: 361px;
-  margin-top: 48px;
-  width: 361px;
-}
-
-.loaderContainer {
-  width: 100%;
-  height: 50vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 
-.loader {
-  height: 60px;
-  width: 60px;
-}
-
-@media tablet {
-  .titleNoSkills, .textNoSkills {
-    width: 90%;
-  }
-
-  .imgNoSkills {
-    max-width: 361px;
-    max-height: 361px;
-    width: 100%;
-    height: 100%;
+@media mobile {  
+  .listSkillsContainer {
+    margin: 24px 20px;
   }
-}
 
-@media mobile {  
   .skillCardContainer {
     display: flex;
     flex: 1 0 100%;
@@ -114,22 +29,4 @@
     max-width: 100%;
   }
 
-  .listSkillsContainer {
-    margin: 24px 20px;
-  }
-
-  .title {
-  margin-left: 0;
-  }
-
-  .titleNoSkills,
-  .textNoSkills {
-    width: 85%;
-  }
-
-  .imgNoSkills {
-    margin-top: 33px;
-    width: 85%;
-    height: auto;
-  }
 }

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

@@ -112,6 +112,7 @@ _:-ms-fullscreen, :root .validateButtonWrapper {
   border-radius: 7px;
   margin: 0 15px 15px;
   width: 95%;
+  z-index: 100;
 }
 
 .popinAnimation {

package/es/organism/review-stacked-slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-stacked-slides/index.js"],"names":[],"mappings":"AAOA,mCAAoC;;AAqBpC;;;;;gBA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-stacked-slides/index.js"],"names":[],"mappings":"AAOA,mCAAoC;;AA6BpC;;;;;gBA8CC"}

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

@@ -12,6 +12,13 @@ const stylesByPosition = {
   3: style.position3,
   4: style.position4
 };
+const unstackByPosition = {
+  0: style.slideOutAndIn0,
+  1: style.slideOutAndIn1,
+  2: style.slideOutAndIn2,
+  3: style.slideOutAndIn3,
+  4: style.slideOutAndIn4
+};
 
 const getSlideAnimation = (action, position) => {
   switch (action) {
@@ -19,10 +26,10 @@ const getSlideAnimation = (action, position) => {
       return style.slideOutHideAndIn;
 
     case 'restack':
-      return style.slideOutAndIn;
+      return unstackByPosition[position];
 
     default:
-      return position < 0 ? style.hiddenSlide : stylesByPosition[position];
+      return null;
   }
 };
 
@@ -44,7 +51,7 @@ const StackedSlides = ({
     const slideView = /*#__PURE__*/React.createElement("div", {
       key: `slide-${slideIndex}`,
       "data-name": `slide-${slideIndex}`,
-      className: classnames(style.slideBase, getSlideAnimation(animationType, position), endReview ? style.endReview : null)
+      className: classnames(style.slideBase, getSlideAnimation(animationType, position), position < 0 ? style.hiddenSlide : stylesByPosition[position], endReview ? style.endReview : null)
     }, /*#__PURE__*/React.createElement(ReviewSlide, {
       slideIndex: _toString(slideIndex),
       slide,

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","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","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 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"],"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,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOT,KAAK,CAACW,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOX,KAAK,CAACY,aAAb;;IACF;MACE,OAAOF,QAAQ,GAAG,CAAX,GAAeV,KAAK,CAACa,WAArB,GAAmCX,gBAAgB,CAACQ,QAAD,CAA1D;EANJ;AAQD,CATD;;AAWA,MAAMI,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,GAAGnB,kBAAtC,EAA0DmB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAClB,SAAS,CAACuB,UAAD,CAAV,CAApB;;IACA,MAAM;MAACE,aAAD;MAAgBZ;IAAhB,IAA4BW,KAAlC;IAEA,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAExB,UAAU,CACnBI,KAAK,CAACwB,SADa,EAEnBhB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFE,EAGnBM,SAAS,GAAGhB,KAAK,CAACgB,SAAT,GAAqB,IAHX;IAHvB,gBASE,oBAAC,WAAD;MAEII,UAAU,EAAEvB,SAAS,CAACuB,UAAD,CAFzB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EATF,CADF;IAqBAD,aAAa,CAACM,IAAd,CAAmBF,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAEvB,KAAK,CAAC0B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE1B,KAAK,CAAC2B;EAHnB,GAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACf,SAAd,2CAA0BA,SAA1B;AAEA,eAAee,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,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"}