@coorpacademy/components 10.28.2 → 10.28.3-alpha.3

package/es/molecule/review-correction-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAgCA,gEAgDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,gEAmDC"}

package/es/molecule/review-correction-popin/index.js

@@ -24,9 +24,13 @@ const buildKlfButton = klf => {
     className: style.klfButton
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.toolTip
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.tooltipText
-  }, klf.tooltip)));
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.tooltipText // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: klf.tooltip
+    }
+  })));
 };
 
 const ReviewCorrectionPopin = props => {
@@ -75,8 +79,12 @@ const ReviewCorrectionPopin = props => {
     "aria-label": information.label
   }, information.label)), /*#__PURE__*/React.createElement("span", {
     className: style.message,
-    "aria-label": information.message
-  }, information.message))), /*#__PURE__*/React.createElement("div", {
+    "aria-label": information.message // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: information.message
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
     className: type === 'right' ? style.actions : style.actionsWrong
   }, cta, /*#__PURE__*/React.createElement("div", {
     className: style.nextQuestionContainer

package/es/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <span\n          className={style.tooltipText}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: klf.tooltip}}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}

package/es/molecule/skill-card/index.native.d.ts

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

package/es/molecule/skill-card/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAyC5C,QAAA,MAAM,SAAS,UAAW,cAAc,uBAkCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,82 @@
+import React, { useState, useEffect } from 'react';
+import { View, Pressable, StyleSheet, Text } from 'react-native';
+import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
+import { useTemplateContext } from '../../template/app-review/template-context';
+
+const createStyleSheet = theme => 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 = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    skillTitle,
+    skillAriaLabel,
+    reviseLabel,
+    reviseAriaLabel,
+    onClick,
+    buttonAriaLabel
+  } = props;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styleSheet.skill,
+    onPress: onClick,
+    accessibilityRole: "button",
+    accessibilityLabel: buttonAriaLabel
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.skillTexts
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.skillTitle,
+    accessibilityLabel: skillAriaLabel || skillTitle
+  }, skillTitle), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.skillInfo,
+    accessibilityLabel: reviseAriaLabel
+  }, reviseLabel)), /*#__PURE__*/React.createElement(ArrowRight, {
+    color: "#ededed",
+    height: 20,
+    width: 20
+  }));
+};
+
+export default SkillCard;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","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","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_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,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,IAArC,QAAsE,cAAtE;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAWA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,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,EAAET,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEb,KAAK,CAACc,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAEjB,KAAK,CAACc,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,EAAEzB,KAAK,CAACU,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAA1C;EACA,MAAM,CAACoC,UAAD,EAAaC,aAAb,IAA8B7C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUiC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAae,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJR,KADF;EAGAzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACM,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEA,UAAU,CAAChC,KADpB;IAEE,OAAO,EAAEqC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEN,UAAU,CAACf;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEe,UAAU,CAACb,UAAxB;IAAoC,kBAAkB,EAAEe,cAAc,IAAIf;EAA1E,GACGA,UADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEa,UAAU,CAACL,SAAxB;IAAmC,kBAAkB,EAAES;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,oBAAC,UAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;AAoCA,eAAeN,SAAf"}

package/es/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/es/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/es/molecule/skill-card/prop-types.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-export default {
+const propTypes = {
   'aria-label': PropTypes.string,
   skillTitle: PropTypes.string,
   skillAriaLabel: PropTypes.string,
@@ -10,4 +10,5 @@ export default {
   isCustom: PropTypes.bool,
   onClick: PropTypes.func
 };
+export default propTypes;
 //# sourceMappingURL=prop-types.js.map

package/es/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,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;EACb,cAAcA,SAAS,CAACC,MADX;EAEbC,UAAU,EAAEF,SAAS,CAACC,MAFT;EAGbE,cAAc,EAAEH,SAAS,CAACC,MAHb;EAIbG,WAAW,EAAEJ,SAAS,CAACC,MAJV;EAKbI,eAAe,EAAEL,SAAS,CAACC,MALd;EAMbK,WAAW,EAAEN,SAAS,CAACC,MANV;EAObM,eAAe,EAAEP,SAAS,CAACC,MAPd;EAQbO,QAAQ,EAAER,SAAS,CAACS,IARP;EASbC,OAAO,EAAEV,SAAS,CAACW;AATN,CAAf"}
+{"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,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,SAAS,CAACE,MADR;EAEhBC,UAAU,EAAEH,SAAS,CAACE,MAFN;EAGhBE,cAAc,EAAEJ,SAAS,CAACE,MAHV;EAIhBG,WAAW,EAAEL,SAAS,CAACE,MAJP;EAKhBI,eAAe,EAAEN,SAAS,CAACE,MALX;EAMhBK,WAAW,EAAEP,SAAS,CAACE,MANP;EAOhBM,eAAe,EAAER,SAAS,CAACE,MAPX;EAQhBO,QAAQ,EAAET,SAAS,CAACU,IARJ;EAShBC,OAAO,EAAEX,SAAS,CAACY;AATH,CAAlB;AAYA,eAAeX,SAAf"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
+import style from './style.css';
+import propTypes from './prop-types';
+
+const ReviewNoSkills = ({
+  titleNoSkills,
+  textNoSkills,
+  iconSkillAriaLabel
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.noSkillsContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleNoSkills
+  }, titleNoSkills), /*#__PURE__*/React.createElement("div", {
+    className: style.textNoSkills
+  }, " ", textNoSkills), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
+    className: style.imgNoSkills,
+    "aria-label": iconSkillAriaLabel
+  }));
+};
+
+ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ReviewNoSkills;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","style","propTypes","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,oBAAC,sBAAD;IAAwB,SAAS,EAAEJ,KAAK,CAACO,WAAzC;IAAsD,cAAYF;EAAlE,EAHF,CADF;AAOD,CARD;;AAUAH,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}

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

@@ -0,0 +1,59 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
+import { useTemplateContext } from '../../template/app-review/template-context';
+
+const createStyleSheet = theme => 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 = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.subtitle
+  }, titleNoSkills), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.text
+  }, textNoSkills), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
+    style: styleSheet.noSkillsImage,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  }));
+};
+
+export default ReviewNoSkills;
+//# sourceMappingURL=index.native.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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