@coorpacademy/components 10.28.2 → 10.28.3-alpha.3

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/template/app-review/index.d.ts

@@ -28,9 +28,10 @@ declare const AppReview: {
             }>>;
         }>>;
         skills: import("prop-types").Requireable<import("prop-types").InferProps<{
-            titleNoSkills: import("prop-types").Requireable<string>;
-            textNoSkills: import("prop-types").Requireable<string>;
-            iconSkillAriaLabel: import("prop-types").Requireable<string>;
+            'aria-label': import("prop-types").Requireable<string>;
+            title: import("prop-types").Requireable<string>;
+            isLoading: import("prop-types").Requireable<boolean>;
+            isLoadingAriaLabel: import("prop-types").Requireable<string>;
             listSkills: import("prop-types").Requireable<(import("prop-types").InferProps<{
                 'aria-label': import("prop-types").Requireable<string>;
                 skillTitle: import("prop-types").Requireable<string>;
@@ -42,10 +43,9 @@ declare const AppReview: {
                 isCustom: import("prop-types").Requireable<boolean>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             }> | null | undefined)[]>;
-            'aria-label': import("prop-types").Requireable<string>;
-            title: import("prop-types").Validator<string>;
-            isLoading: import("prop-types").Requireable<boolean>;
-            isLoadingAriaLabel: import("prop-types").Requireable<string>;
+            titleNoSkills: import("prop-types").Requireable<string>;
+            textNoSkills: import("prop-types").Requireable<string>;
+            iconSkillAriaLabel: import("prop-types").Requireable<string>;
         }>>;
         slides: import("prop-types").Requireable<import("prop-types").InferProps<{
             header: import("prop-types").Requireable<import("prop-types").InferProps<{

package/lib/template/app-review/index.js

@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("./prop-types"));
 
 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 AppReview = ({
   viewName,
   onboarding,
@@ -27,9 +25,7 @@ const AppReview = ({
 }) => {
   switch (viewName) {
     case 'skills':
-      return /*#__PURE__*/_react.default.createElement(_skills.default, _extends({}, skills, {
-        title: "@todo plug web skills | title is required"
-      }));
+      return /*#__PURE__*/_react.default.createElement(_skills.default, skills);
 
     case 'onboarding':
       return /*#__PURE__*/_react.default.createElement(_onboarding.default, onboarding);

package/lib/template/app-review/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AppReview","viewName","onboarding","skills","slides","propTypes"],"sources":["../../../src/template/app-review/index.tsx"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport propTypes, {AppReviewProps} from './prop-types';\n\nconst AppReview = ({viewName, onboarding, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'skills':\n      return <Skills {...skills} title=\"@todo plug web skills | title is required\" />;\n    case 'onboarding':\n      return <Onboarding {...onboarding} />;\n    case 'slides':\n      return <Player {...slides} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,eAAYE,MAAZ;QAAoB,KAAK,EAAC;MAA1B,GAAP;;IACF,KAAK,YAAL;MACE,oBAAO,6BAAC,mBAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,6BAAC,eAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACK,SAAV,2CAAsBA,kBAAtB;eAEeL,S"}
+{"version":3,"file":"index.js","names":["AppReview","viewName","onboarding","skills","slides","propTypes"],"sources":["../../../src/template/app-review/index.tsx"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport propTypes, {AppReviewProps} from './prop-types';\n\nconst AppReview = ({viewName, onboarding, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'skills':\n      return <Skills {...skills} />;\n    case 'onboarding':\n      return <Onboarding {...onboarding} />;\n    case 'slides':\n      return <Player {...slides} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYE,MAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,6BAAC,mBAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,6BAAC,eAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACK,SAAV,2CAAsBA,kBAAtB;eAEeL,S"}

package/lib/template/app-review/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AA0B5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AA2B5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/template/app-review/index.native.js

@@ -9,6 +9,8 @@ var _reactNative = require("react-native");
 
 var _player = _interopRequireDefault(require("./player"));
 
+var _skills = _interopRequireDefault(require("./skills"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -25,6 +27,7 @@ const styles = _reactNative.StyleSheet.create({
 
 const Switch = ({
   viewName,
+  skills,
   slides
 }) => {
   switch (viewName) {
@@ -32,7 +35,7 @@ const Switch = ({
       return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "@todo view onboarding");
 
     case 'skills':
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "@todo view skills");
+      return /*#__PURE__*/_react.default.createElement(_skills.default, skills);
 
     case 'slides':
       return /*#__PURE__*/_react.default.createElement(_player.default, slides);

package/lib/template/app-review/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","BackHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Text>@todo view skills</Text>;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC;AAAX,CAAD,KAAwC;EACrD,QAAQD,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,6BAAC,iBAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,4BAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,8BAAyBD,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAME,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEZ,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYQ,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","skills","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","BackHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\nimport Skills from './skills';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Skills {...skills} />;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC,MAAX;EAAmBC;AAAnB,CAAD,KAAgD;EAC7D,QAAQF,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,6BAAC,iBAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,8BAAyBF,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMG,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEb,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYS,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}

package/lib/template/app-review/prop-types.d.ts

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
 import Onboarding from './onboarding';
-import Skills from './skills';
+import { ReviewSkillsProps } from './skills/prop-types';
 import { ReviewPlayerProps } from './player/prop-types';
 export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
 export declare type AppReviewProps = {
     viewName: ViewName;
     slides?: ReviewPlayerProps;
-    skills?: PropTypes.InferProps<typeof Skills.propTypes>;
+    skills?: ReviewSkillsProps;
     onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;
     navigateBack?: () => void;
 };
@@ -36,9 +36,10 @@ declare const propTypes: {
         }>>;
     }>>;
     skills: PropTypes.Requireable<PropTypes.InferProps<{
-        titleNoSkills: PropTypes.Requireable<string>;
-        textNoSkills: PropTypes.Requireable<string>;
-        iconSkillAriaLabel: PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        isLoading: PropTypes.Requireable<boolean>;
+        isLoadingAriaLabel: PropTypes.Requireable<string>;
         listSkills: PropTypes.Requireable<(PropTypes.InferProps<{
             'aria-label': PropTypes.Requireable<string>;
             skillTitle: PropTypes.Requireable<string>;
@@ -50,10 +51,9 @@ declare const propTypes: {
             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>;
+        titleNoSkills: PropTypes.Requireable<string>;
+        textNoSkills: PropTypes.Requireable<string>;
+        iconSkillAriaLabel: PropTypes.Requireable<string>;
     }>>;
     slides: PropTypes.Requireable<PropTypes.InferProps<{
         header: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/template/app-review/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/template/app-review/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","viewName","PropTypes","oneOf","onboarding","shape","Onboarding","skills","Skills","slides","Player"],"sources":["../../../src/template/app-review/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport {ReviewPlayerProps} from './player/prop-types';\n\nexport type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';\n\nexport type AppReviewProps = {\n  viewName: ViewName;\n  slides?: ReviewPlayerProps;\n  skills?: PropTypes.InferProps<typeof Skills.propTypes>;\n  onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;\n  navigateBack?: () => void;\n};\n\nconst propTypes = {\n  viewName: PropTypes.oneOf(['skills', 'onboarding', 'slides', 'loader']),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAaA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEF,kBAAA,CAAUG,KAAV,cAAoBC,mBAAA,CAAWN,SAA/B,EAFI;EAGhBO,MAAM,EAAEL,kBAAA,CAAUG,KAAV,cAAoBG,eAAA,CAAOR,SAA3B,EAHQ;EAIhBS,MAAM,EAAEP,kBAAA,CAAUG,KAAV,cAAoBK,eAAA,CAAOV,SAA3B;AAJQ,CAAlB;eAOeA,S"}
+{"version":3,"file":"prop-types.js","names":["propTypes","viewName","PropTypes","oneOf","onboarding","shape","Onboarding","skills","Skills","slides","Player"],"sources":["../../../src/template/app-review/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport {ReviewSkillsProps} from './skills/prop-types';\nimport {ReviewPlayerProps} from './player/prop-types';\n\nexport type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';\n\nexport type AppReviewProps = {\n  viewName: ViewName;\n  slides?: ReviewPlayerProps;\n  skills?: ReviewSkillsProps;\n  onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;\n  navigateBack?: () => void;\n};\n\nconst propTypes = {\n  viewName: PropTypes.oneOf(['skills', 'onboarding', 'slides', 'loader']),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAcA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEF,kBAAA,CAAUG,KAAV,cAAoBC,mBAAA,CAAWN,SAA/B,EAFI;EAGhBO,MAAM,EAAEL,kBAAA,CAAUG,KAAV,cAAoBG,eAAA,CAAOR,SAA3B,EAHQ;EAIhBS,MAAM,EAAEP,kBAAA,CAAUG,KAAV,cAAoBK,eAAA,CAAOV,SAA3B;AAJQ,CAAlB;eAOeA,S"}

package/lib/template/app-review/skills/index.d.ts

@@ -1,3 +1,7 @@
-export default Skills;
-import Skills from "../../../organism/review-skills";
+export default ReviewSkills;
+declare function ReviewSkills(props: any): JSX.Element;
+declare namespace ReviewSkills {
+    export { propTypes };
+}
+import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/template/app-review/skills/index.d.ts.map

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

package/lib/template/app-review/skills/index.js

@@ -3,10 +3,60 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _loader = _interopRequireDefault(require("../../../atom/loader"));
+
 var _reviewSkills = _interopRequireDefault(require("../../../organism/review-skills"));
 
+var _reviewNoSkills = _interopRequireDefault(require("../../../organism/review-no-skills"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _reviewSkills.default;
+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(_reviewSkills.default, {
+    listSkills: listSkills
+  }) : /*#__PURE__*/_react.default.createElement(_reviewNoSkills.default, {
+    titleNoSkills: titleNoSkills,
+    textNoSkills: textNoSkills,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  })));
+};
+
+ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+var _default = ReviewSkills;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/app-review/skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Skills"],"sources":["../../../../src/template/app-review/skills/index.js"],"sourcesContent":["import Skills from '../../../organism/review-skills';\n\nexport default Skills;\n"],"mappings":";;;;;AAAA;;;;eAEeA,qB"}
+{"version":3,"file":"index.js","names":["ReviewSkills","props","ariaLabel","title","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","isLoading","isLoadingAriaLabel","style","containerReviewSkill","informationIcon","loaderContainer","loader","isEmpty","propTypes"],"sources":["../../../../src/template/app-review/skills/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../../atom/loader';\nimport ReviewListSkills from '../../../organism/review-skills';\nimport ReviewNoSkills from '../../../organism/review-no-skills';\nimport style from './style.css';\nimport propTypes from './prop-types';\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\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJ,cAAcC,SADV;IAEJC,KAFI;IAGJC,UAHI;IAIJC,aAJI;IAKJC,YALI;IAMJC,kBANI;IAOJC,SAAS,GAAG,KAPR;IAQJC;EARI,IASFR,KATJ;EAWA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMC,oBAAtB;IAA4C,cAAYT;EAAxD,gBACE;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GACGA,KADH,eAEE,6BAAC,qDAAD;IAAiB,SAAS,EAAEO,cAAA,CAAME,eAAlC;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EAFF,CADF,EAKGJ,SAAS,gBACR;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE,6BAAC,eAAD;IAAQ,SAAS,EAAEH,cAAA,CAAMI,MAAzB;IAAiC,KAAK,EAAC,SAAvC;IAAiD,cAAYL;EAA7D,EADF,CADQ,gBAKR,0CACG,CAAC,IAAAM,gBAAA,EAAQX,UAAR,CAAD,gBACC,6BAAC,qBAAD;IAAkB,UAAU,EAAEA;EAA9B,EADD,gBAGC,6BAAC,uBAAD;IACE,aAAa,EAAEC,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAP,YAAY,CAACgB,SAAb,2CAAyBA,kBAAzB;eAEehB,Y"}

package/lib/template/app-review/skills/index.native.d.ts

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

package/lib/template/app-review/skills/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAyC,WAAW,EAAC,MAAM,cAAc,CAAC;AAqLjF,QAAA,MAAM,MAAM,UAAW,WAAW,uBAuBjC,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}