@coorpacademy/components 10.28.2 → 10.28.3-alpha.3

package/lib/molecule/skill-card/index.native.js

@@ -0,0 +1,95 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _templateContext = require("../../template/app-review/template-context");
+
+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; }
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  skill: {
+    display: 'flex',
+    flexDirection: 'row',
+    overflow: 'hidden',
+    alignItems: 'center',
+    height: 118,
+    borderRadius: 8,
+    backgroundColor: theme.colors.gray.lighter,
+    marginTop: theme.spacing.micro,
+    marginBottom: theme.spacing.micro,
+    padding: theme.spacing.base
+  },
+  skillTexts: {
+    flex: 1,
+    flexDirection: 'column'
+  },
+  skillTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    lineHeight: 22,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny
+  },
+  skillInfo: {
+    fontSize: 12,
+    lineHeight: 16,
+    color: theme.colors.gray.medium
+  }
+});
+
+const SkillCard = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    skillTitle,
+    skillAriaLabel,
+    reviseLabel,
+    reviseAriaLabel,
+    onClick,
+    buttonAriaLabel
+  } = props;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: styleSheet.skill,
+    onPress: onClick,
+    accessibilityRole: "button",
+    accessibilityLabel: buttonAriaLabel
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.skillTexts
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.skillTitle,
+    accessibilityLabel: skillAriaLabel || skillTitle
+  }, skillTitle), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.skillInfo,
+    accessibilityLabel: reviseAriaLabel
+  }, reviseLabel)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
+    color: "#ededed",
+    height: 20,
+    width: 20
+  }));
+};
+
+var _default = SkillCard;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/molecule/skill-card/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","useEffect","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\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    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAWA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAEV,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEd,KAAK,CAACe,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAElB,KAAK,CAACe,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACtC;EAAD,IAAUkC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAaiB,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJV,KADF;EAGA,IAAAW,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG9C,gBAAgB,CAACC,KAAD,CAApC;;IACAqC,aAAa,CAACQ,WAAD,CAAb;EACD,CAHD,EAGG,CAAC7C,KAAD,CAHH;;EAKA,IAAI,CAACoC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,sBAAD;IACE,KAAK,EAAEA,UAAU,CAACjC,KADpB;IAEE,OAAO,EAAEuC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEP,UAAU,CAAChB;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEgB,UAAU,CAACd,UAAxB;IAAoC,kBAAkB,EAAEiB,cAAc,IAAIjB;EAA1E,GACGA,UADH,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEc,UAAU,CAACN,SAAxB;IAAmC,kBAAkB,EAAEW;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,6BAAC,8CAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;eAoCeR,S"}

package/lib/molecule/skill-card/prop-types.d.ts

@@ -1,4 +1,5 @@
-declare const _default: {
+import PropTypes from 'prop-types';
+declare const propTypes: {
     'aria-label': PropTypes.Requireable<string>;
     skillTitle: PropTypes.Requireable<string>;
     skillAriaLabel: PropTypes.Requireable<string>;
@@ -9,6 +10,16 @@ declare const _default: {
     isCustom: PropTypes.Requireable<boolean>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
 };
-export default _default;
-import PropTypes from "prop-types";
+export default propTypes;
+export declare type SkillCardProps = {
+    'aria-label': string;
+    skillTitle: string;
+    skillAriaLabel: string;
+    buttonLabel: string;
+    buttonAriaLabel: string;
+    reviseLabel: string;
+    reviseAriaLabel: string;
+    isCustom: boolean;
+    onClick: () => void;
+};
 //# sourceMappingURL=prop-types.d.ts.map

package/lib/molecule/skill-card/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.js"],"names":[],"mappings":""}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/lib/molecule/skill-card/prop-types.js

@@ -7,7 +7,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = {
+const propTypes = {
   'aria-label': _propTypes.default.string,
   skillTitle: _propTypes.default.string,
   skillAriaLabel: _propTypes.default.string,
@@ -18,5 +18,6 @@ var _default = {
   isCustom: _propTypes.default.bool,
   onClick: _propTypes.default.func
 };
+var _default = propTypes;
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n"],"mappings":";;;;;AAAA;;;;eAEe;EACb,cAAcA,kBAAA,CAAUC,MADX;EAEbC,UAAU,EAAEF,kBAAA,CAAUC,MAFT;EAGbE,cAAc,EAAEH,kBAAA,CAAUC,MAHb;EAIbG,WAAW,EAAEJ,kBAAA,CAAUC,MAJV;EAKbI,eAAe,EAAEL,kBAAA,CAAUC,MALd;EAMbK,WAAW,EAAEN,kBAAA,CAAUC,MANV;EAObM,eAAe,EAAEP,kBAAA,CAAUC,MAPd;EAQbO,QAAQ,EAAER,kBAAA,CAAUS,IARP;EASbC,OAAO,EAAEV,kBAAA,CAAUW;AATN,C"}
+{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhBC,UAAU,EAAEF,kBAAA,CAAUC,MAFN;EAGhBE,cAAc,EAAEH,kBAAA,CAAUC,MAHV;EAIhBG,WAAW,EAAEJ,kBAAA,CAAUC,MAJP;EAKhBI,eAAe,EAAEL,kBAAA,CAAUC,MALX;EAMhBK,WAAW,EAAEN,kBAAA,CAAUC,MANP;EAOhBM,eAAe,EAAEP,kBAAA,CAAUC,MAPX;EAQhBO,QAAQ,EAAER,kBAAA,CAAUS,IARJ;EAShBC,OAAO,EAAEV,kBAAA,CAAUW;AATH,CAAlB;eAYeZ,S"}

package/lib/organism/review-no-skills/index.d.ts

@@ -0,0 +1,11 @@
+export default ReviewNoSkills;
+declare function ReviewNoSkills({ titleNoSkills, textNoSkills, iconSkillAriaLabel }: {
+    titleNoSkills: any;
+    textNoSkills: any;
+    iconSkillAriaLabel: any;
+}): JSX.Element;
+declare namespace ReviewNoSkills {
+    export { propTypes };
+}
+import propTypes from "./prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/review-no-skills/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/index.js"],"names":[],"mappings":";AAKA;;;;gBAQC"}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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
+  }));
+};
+
+ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+var _default = ReviewNoSkills;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","style","noSkillsContainer","imgNoSkills","propTypes"],"sources":["../../../src/organism/review-no-skills/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\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\nReviewNoSkills.propTypes = propTypes;\n\nexport default ReviewNoSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMH;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEG,cAAA,CAAMF;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,6BAAC,4DAAD;IAAwB,SAAS,EAAEE,cAAA,CAAME,WAAzC;IAAsD,cAAYH;EAAlE,EAHF,CADF;AAOD,CARD;;AAUAH,cAAc,CAACO,SAAf,2CAA2BA,kBAA3B;eAEeP,c"}

package/lib/organism/review-no-skills/index.native.d.ts

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

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

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

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

@@ -0,0 +1,72 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _templateContext = require("../../template/app-review/template-context");
+
+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; }
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  subtitle: {
+    fontSize: theme.fontSize.xlarge,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 22,
+    color: theme.colors.text.primary,
+    opacity: 0.7,
+    marginBottom: theme.spacing.base
+  },
+  noSkillsImage: {
+    flex: 1,
+    alignSelf: 'center',
+    width: 320,
+    height: 300
+  }
+});
+
+const ReviewNoSkills = props => {
+  const {
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel
+  } = props;
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.subtitle
+  }, titleNoSkills), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.text
+  }, textNoSkills), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
+    style: styleSheet.noSkillsImage,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  }));
+};
+
+var _default = ReviewNoSkills;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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;;AACA;;AACA;;AAEA;;;;;;AASA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEJ,KAAK,CAACI,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAEV,KAAK,CAACW,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAEV,KAAK,CAACW,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,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC9B;EAAD,IAAU0B,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGjC,gBAAgB,CAACC,KAAD,CAApC;;IACA6B,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAAChC,KAAD,CAHH;;EAKA,IAAI,CAAC4B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD,qBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACzB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEK,UAAU,CAACpB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,6BAAC,4DAAD;IACE,KAAK,EAAEI,UAAU,CAACZ,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;eA2BeJ,c"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  titleNoSkills: _propTypes.default.string.isRequired,
+  textNoSkills: _propTypes.default.string.isRequired,
+  iconSkillAriaLabel: _propTypes.default.string.isRequired
+};
+var _default = propTypes;
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["propTypes","titleNoSkills","PropTypes","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;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,aAAa,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEJ,kBAAA,CAAUC,MAAV,CAAiBC;AAHrB,CAAlB;eAMeJ,S"}

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"}