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

package/lib/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/lib/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/lib/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/lib/organism/review-skills/index.js

@@ -5,23 +5,13 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 
-var _novaIcons = require("@coorpacademy/nova-icons");
-
-var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _skillCard = _interopRequireDefault(require("../../molecule/skill-card"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-var _propTypes = _interopRequireWildcard(require("./prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _propTypes = _interopRequireDefault(require("./prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -40,61 +30,7 @@ const ReviewListSkills = ({
   }, listSkills));
 };
 
-const ReviewNoSkills = ({
-  titleNoSkills,
-  textNoSkills,
-  iconSkillAriaLabel
-}) => {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.noSkillsContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.titleNoSkills
-  }, titleNoSkills), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.textNoSkills
-  }, " ", textNoSkills), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
-    className: _style.default.imgNoSkills,
-    "aria-label": iconSkillAriaLabel
-  }));
-};
-
-const ReviewSkills = props => {
-  const {
-    'aria-label': ariaLabel,
-    title,
-    listSkills,
-    titleNoSkills,
-    textNoSkills,
-    iconSkillAriaLabel,
-    isLoading = false,
-    isLoadingAriaLabel
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.containerReviewSkill,
-    "aria-label": ariaLabel
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title
-  }, title, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
-    className: _style.default.informationIcon,
-    width: 12,
-    height: 12
-  })), isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.loaderContainer
-  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
-    className: _style.default.loader,
-    theme: "default",
-    "aria-label": isLoadingAriaLabel
-  })) : /*#__PURE__*/_react.default.createElement("div", null, !(0, _isEmpty.default)(listSkills) ? /*#__PURE__*/_react.default.createElement(ReviewListSkills, {
-    listSkills: listSkills
-  }) : /*#__PURE__*/_react.default.createElement(ReviewNoSkills, {
-    titleNoSkills: titleNoSkills,
-    textNoSkills: textNoSkills,
-    iconSkillAriaLabel: iconSkillAriaLabel
-  })));
-};
-
-ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.ListSkillsPropTypes : {};
-ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.NoSkillsPropTypes : {};
-ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = ReviewSkills;
+ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+var _default = ReviewListSkills;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","isEmpty","propTypes","ListSkillsPropTypes","NoSkillsPropTypes"],"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;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGF,UAAU,IACTG,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAEN,cAAA,CAAMO,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,6BAAC,kBAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGN,UANH,CAFJ,CADF;AAYD,CAbD;;AAeA,MAAMS,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEX,cAAA,CAAMY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,cAAA,CAAMS;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,6BAAC,4DAAD;IAAwB,SAAS,EAAEV,cAAA,CAAMa,WAAzC;IAAsD,cAAYF;EAAlE,EAHF,CADF;AAOD,CARD;;AAUA,MAAMG,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJ,cAAcC,SADV;IAEJC,KAFI;IAGJlB,UAHI;IAIJU,aAJI;IAKJC,YALI;IAMJC,kBANI;IAOJO,SAAS,GAAG,KAPR;IAQJC;EARI,IASFJ,KATJ;EAWA,oBACE;IAAK,SAAS,EAAEf,cAAA,CAAMoB,oBAAtB;IAA4C,cAAYJ;EAAxD,gBACE;IAAK,SAAS,EAAEhB,cAAA,CAAMiB;EAAtB,GACGA,KADH,eAEE,6BAAC,qDAAD;IAAiB,SAAS,EAAEjB,cAAA,CAAMqB,eAAlC;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EAFF,CADF,EAKGH,SAAS,gBACR;IAAK,SAAS,EAAElB,cAAA,CAAMsB;EAAtB,gBACE,6BAAC,eAAD;IAAQ,SAAS,EAAEtB,cAAA,CAAMuB,MAAzB;IAAiC,KAAK,EAAC,SAAvC;IAAiD,cAAYJ;EAA7D,EADF,CADQ,gBAKR,0CACG,CAAC,IAAAK,gBAAA,EAAQzB,UAAR,CAAD,gBACC,6BAAC,gBAAD;IAAkB,UAAU,EAAEA;EAA9B,EADD,gBAGC,6BAAC,cAAD;IACE,aAAa,EAAEU,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAb,gBAAgB,CAAC2B,SAAjB,2CAA6BC,8BAA7B;AACAlB,cAAc,CAACiB,SAAf,2CAA2BE,4BAA3B;AACAb,YAAY,CAACW,SAAb,2CAAyBA,kBAAzB;eAEeX,Y"}
+{"version":3,"file":"index.js","names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGF,UAAU,IACTG,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAEN,cAAA,CAAMO,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,6BAAC,kBAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGN,UANH,CAFJ,CADF;AAYD,CAbD;;AAeAD,gBAAgB,CAACU,SAAjB,2CAA6BA,kBAA7B;eAEeV,gB"}

package/lib/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/lib/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/lib/organism/review-skills/index.native.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _index = _interopRequireDefault(require("../../molecule/skill-card/index.native"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const style = _reactNative.StyleSheet.create({
+  skills: {
+    paddingBottom: 100
+  }
+});
+
+const Item = ({
+  item: {
+    'aria-label': ariaLabel,
+    skillTitle,
+    skillAriaLabel,
+    reviseLabel,
+    reviseAriaLabel,
+    onClick,
+    buttonLabel,
+    buttonAriaLabel,
+    isCustom
+  }
+}) => /*#__PURE__*/_react.default.createElement(_index.default, {
+  "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.default.createElement(_reactNative.FlatList, {
+    contentContainerStyle: style.skills,
+    data: listSkills,
+    renderItem: Item
+  });
+};
+
+var _default = ReviewListSkills;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["style","StyleSheet","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;;AACA;;AACA;;;;AAQA,MAAMA,KAAK,GAAGC,uBAAA,CAAWC,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,6BAAC,cAAD;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,6BAAC,qBAAD;IAAU,qBAAqB,EAAEjB,KAAK,CAACG,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;eAMeW,gB"}

package/lib/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/lib/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/lib/organism/review-skills/prop-types.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.NoSkillsPropTypes = exports.ListSkillsPropTypes = void 0;
+exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -9,25 +9,9 @@ var _propTypes2 = _interopRequireDefault(require("../../molecule/skill-card/prop
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
-const ListSkillsPropTypes = {
+const propTypes = {
   listSkills: _propTypes.default.arrayOf(_propTypes.default.shape(_propTypes2.default))
 };
-exports.ListSkillsPropTypes = ListSkillsPropTypes;
-const NoSkillsPropTypes = {
-  titleNoSkills: _propTypes.default.string,
-  textNoSkills: _propTypes.default.string,
-  iconSkillAriaLabel: _propTypes.default.string
-};
-exports.NoSkillsPropTypes = NoSkillsPropTypes;
-
-var _default = _extends({
-  'aria-label': _propTypes.default.string,
-  title: _propTypes.default.string.isRequired,
-  isLoading: _propTypes.default.bool,
-  isLoadingAriaLabel: _propTypes.default.string
-}, ListSkillsPropTypes, NoSkillsPropTypes);
-
+var _default = propTypes;
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["ListSkillsPropTypes","listSkills","PropTypes","arrayOf","shape","SkillCardPropTypes","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;;AACA;;;;;;AAEO,MAAMA,mBAAmB,GAAG;EACjCC,UAAU,EAAEC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,mBAAhB,CAAlB;AADqB,CAA5B;;AAIA,MAAMC,iBAAiB,GAAG;EAC/BC,aAAa,EAAEL,kBAAA,CAAUM,MADM;EAE/BC,YAAY,EAAEP,kBAAA,CAAUM,MAFO;EAG/BE,kBAAkB,EAAER,kBAAA,CAAUM;AAHC,CAA1B;;;;EAOL,cAAcN,kBAAA,CAAUM,M;EACxBG,KAAK,EAAET,kBAAA,CAAUM,MAAV,CAAiBI,U;EACxBC,SAAS,EAAEX,kBAAA,CAAUY,I;EACrBC,kBAAkB,EAAEb,kBAAA,CAAUM;GAC3BR,mB,EACAM,iB"}
+{"version":3,"file":"prop-types.js","names":["propTypes","listSkills","PropTypes","arrayOf","shape","SkillCardPropsType"],"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;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,UAAU,EAAEC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,mBAAhB,CAAlB;AADI,CAAlB;eAIeL,S"}

package/lib/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/lib/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/lib/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/lib/organism/review-stacked-slides/index.js

@@ -26,6 +26,13 @@ const stylesByPosition = {
   3: _style.default.position3,
   4: _style.default.position4
 };
+const unstackByPosition = {
+  0: _style.default.slideOutAndIn0,
+  1: _style.default.slideOutAndIn1,
+  2: _style.default.slideOutAndIn2,
+  3: _style.default.slideOutAndIn3,
+  4: _style.default.slideOutAndIn4
+};
 
 const getSlideAnimation = (action, position) => {
   switch (action) {
@@ -33,10 +40,10 @@ const getSlideAnimation = (action, position) => {
       return _style.default.slideOutHideAndIn;
 
     case 'restack':
-      return _style.default.slideOutAndIn;
+      return unstackByPosition[position];
 
     default:
-      return position < 0 ? _style.default.hiddenSlide : stylesByPosition[position];
+      return null;
   }
 };
 
@@ -58,7 +65,7 @@ const StackedSlides = ({
     const slideView = /*#__PURE__*/_react.default.createElement("div", {
       key: `slide-${slideIndex}`,
       "data-name": `slide-${slideIndex}`,
-      className: (0, _classnames.default)(_style.default.slideBase, getSlideAnimation(animationType, position), endReview ? _style.default.endReview : null)
+      className: (0, _classnames.default)(_style.default.slideBase, getSlideAnimation(animationType, position), position < 0 ? _style.default.hiddenSlide : stylesByPosition[position], endReview ? _style.default.endReview : null)
     }, /*#__PURE__*/_react.default.createElement(_reviewSlide.default, {
       slideIndex: (0, _toString2.default)(slideIndex),
       slide,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","_toString","animationType","slideView","classnames","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGC,cAAA,CAAMC,SADc;EAEvB,GAAGD,cAAA,CAAME,SAFc;EAGvB,GAAGF,cAAA,CAAMG,SAHc;EAIvB,GAAGH,cAAA,CAAMI,SAJc;EAKvB,GAAGJ,cAAA,CAAMK;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOP,cAAA,CAAMS,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOT,cAAA,CAAMU,aAAb;;IACF;MACE,OAAOF,QAAQ,GAAG,CAAX,GAAeR,cAAA,CAAMW,WAArB,GAAmCZ,gBAAgB,CAACS,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,GAAGpB,kBAAtC,EAA0DoB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAC,IAAAO,kBAAA,EAAUF,UAAV,CAAD,CAApB;IACA,MAAM;MAACG,aAAD;MAAgBb;IAAhB,IAA4BW,KAAlC;;IAEA,MAAMG,SAAS,gBACb;MACE,GAAG,EAAG,SAAQJ,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAE,IAAAK,mBAAA,EACTvB,cAAA,CAAMwB,SADG,EAETlB,iBAAiB,CAACe,aAAD,EAAgBb,QAAhB,CAFR,EAGTM,SAAS,GAAGd,cAAA,CAAMc,SAAT,GAAqB,IAHrB;IAHb,gBASE,6BAAC,oBAAD;MAEII,UAAU,EAAE,IAAAE,kBAAA,EAAUF,UAAV,CAFhB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EATF,CADF;;IAqBAD,aAAa,CAACQ,IAAd,CAAmBH,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAEtB,cAAA,CAAM0B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE1B,cAAA,CAAM2B;EAHnB,GAKGV,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACgB,SAAd,2CAA0BA,kBAA1B;eAEehB,a"}
+{"version":3,"file":"index.js","names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","_toString","animationType","slideView","classnames","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGC,cAAA,CAAMC,SADc;EAEvB,GAAGD,cAAA,CAAME,SAFc;EAGvB,GAAGF,cAAA,CAAMG,SAHc;EAIvB,GAAGH,cAAA,CAAMI,SAJc;EAKvB,GAAGJ,cAAA,CAAMK;AALc,CAAzB;AAQA,MAAMC,iBAAiB,GAAG;EACxB,GAAGN,cAAA,CAAMO,cADe;EAExB,GAAGP,cAAA,CAAMQ,cAFe;EAGxB,GAAGR,cAAA,CAAMS,cAHe;EAIxB,GAAGT,cAAA,CAAMU,cAJe;EAKxB,GAAGV,cAAA,CAAMW;AALe,CAA1B;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOb,cAAA,CAAMe,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,GAAGxB,kBAAtC,EAA0DwB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAC,IAAAO,kBAAA,EAAUF,UAAV,CAAD,CAApB;IACA,MAAM;MAACG,aAAD;MAAgBX;IAAhB,IAA4BS,KAAlC;;IAEA,MAAMG,SAAS,gBACb;MACE,GAAG,EAAG,SAAQJ,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAE,IAAAK,mBAAA,EACT3B,cAAA,CAAM4B,SADG,EAEThB,iBAAiB,CAACa,aAAD,EAAgBX,QAAhB,CAFR,EAGTA,QAAQ,GAAG,CAAX,GAAed,cAAA,CAAM6B,WAArB,GAAmC9B,gBAAgB,CAACe,QAAD,CAH1C,EAITI,SAAS,GAAGlB,cAAA,CAAMkB,SAAT,GAAqB,IAJrB;IAHb,gBAUE,6BAAC,oBAAD;MAEII,UAAU,EAAE,IAAAE,kBAAA,EAAUF,UAAV,CAFhB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EAVF,CADF;;IAsBAD,aAAa,CAACS,IAAd,CAAmBJ,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAE1B,cAAA,CAAM+B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE/B,cAAA,CAAMgC;EAHnB,GAKGX,aALH,CAJF,CADF;AAcD,CA9CD;;AAgDAL,aAAa,CAACiB,SAAd,2CAA0BA,kBAA1B;eAEejB,a"}