@coorpacademy/components 10.24.1 → 10.24.3-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/es/molecule/draggable/style.css +2 -0
  2. package/es/organism/review-congrats/index.js +3 -3
  3. package/es/organism/review-congrats/index.js.map +1 -1
  4. package/es/template/app-review/skills/index.native.js +146 -107
  5. package/es/template/app-review/skills/index.native.js.map +1 -1
  6. package/es/template/app-review/skills/prop-types.js +17 -0
  7. package/es/template/app-review/skills/prop-types.js.map +1 -0
  8. package/es/types/translations.js.map +1 -1
  9. package/lib/molecule/draggable/style.css +2 -0
  10. package/lib/organism/review-congrats/index.js +3 -3
  11. package/lib/organism/review-congrats/index.js.map +1 -1
  12. package/lib/template/app-review/skills/index.native.js +146 -111
  13. package/lib/template/app-review/skills/index.native.js.map +1 -1
  14. package/lib/template/app-review/skills/prop-types.js +29 -0
  15. package/lib/template/app-review/skills/prop-types.js.map +1 -0
  16. package/lib/types/translations.js.map +1 -1
  17. package/package.json +4 -4
package/es/molecule/draggable/style.css CHANGED
@@ -13,6 +13,8 @@
13
13
  background: transparent;
14
14
  margin: 8px 0;
15
15
  border-radius: 7px;
16
+ transform:translate(0,0);
17
+ z-index: 0;
16
18
  }
17
19
  .draggable:hover{
18
20
  background: rgba(0, 0, 0, 0.3);
package/es/organism/review-congrats/index.js CHANGED
@@ -56,12 +56,12 @@ const ReviewCongrats = props => {
56
56
  className: style.cardStarNoRank
57
57
  }))), /*#__PURE__*/React.createElement("div", {
58
58
  className: style.buttonContainer
59
- }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevising, {
59
+ }, buttonRevising ? /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevising, {
60
60
  className: style.buttonRevise,
61
61
  "data-name": "revise-skill-link"
62
- })), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevisingSkill, {
62
+ })) : null, buttonRevisingSkill ? /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevisingSkill, {
63
63
  className: style.buttonRevise
64
- })))));
64
+ })) : null)));
65
65
  };
66
66
 
67
67
  ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
package/es/organism/review-congrats/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n container.current?.scrollTo &&\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n {cardCongratsRank ? (\n <>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </>\n ) : (\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n )}\n </div>\n <div className={style.buttonContainer}>\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAD,CAAxB;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHQ,EAGN,EAHM,CAAT;EAKA,oBACE;IAAK,SAAS,EAAElB,KAAK,CAACqB,aAAtB;IAAqC,cAAYX,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,oBAAC,iBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEZ,KAAK,CAACsB,MANnB;IAOE,oBAAoB,EAAEtB,KAAK,CAACuB;EAP9B,GADF,eAUE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACa;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEH,KAAK,CAACyB;EAAtC,GACGV,gBAAgB,gBACf,uDACE,oBAAC,0BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC0B;EAAnE,GADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,0BAAD,eAAgCb,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC4B;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,gBACE,oBAAC,UAAD,eACMb,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,aAAU;EAHZ,GADF,eAME,oBAAC,UAAD,eAAgBb,mBAAhB;IAAqC,SAAS,EAAEjB,KAAK,CAAC8B;EAAtD,GANF,CAhBF,CAVF,CADF;AAsCD,CAzDD;;AA2DAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}
1
+ {"version":3,"file":"index.js","names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n container.current?.scrollTo &&\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n {cardCongratsRank ? (\n <>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </>\n ) : (\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n )}\n </div>\n <div className={style.buttonContainer}>\n {buttonRevising ? (\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n ) : null}\n {buttonRevisingSkill ? (\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n ) : null}\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAD,CAAxB;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHQ,EAGN,EAHM,CAAT;EAKA,oBACE;IAAK,SAAS,EAAElB,KAAK,CAACqB,aAAtB;IAAqC,cAAYX,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,oBAAC,iBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEZ,KAAK,CAACsB,MANnB;IAOE,oBAAoB,EAAEtB,KAAK,CAACuB;EAP9B,GADF,eAUE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACa;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEH,KAAK,CAACyB;EAAtC,GACGV,gBAAgB,gBACf,uDACE,oBAAC,0BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC0B;EAAnE,GADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,0BAAD,eAAgCb,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC4B;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,GACGb,cAAc,gBACb,oBAAC,UAAD,eACMA,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,aAAU;EAHZ,GADa,GAMX,IAPN,EAQGb,mBAAmB,gBAClB,oBAAC,UAAD,eAAgBA,mBAAhB;IAAqC,SAAS,EAAEjB,KAAK,CAAC8B;EAAtD,GADkB,GAEhB,IAVN,CAhBF,CAVF,CADF;AA0CD,CA7DD;;AA+DAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}
package/es/template/app-review/skills/index.native.js CHANGED
@@ -1,38 +1,35 @@
1
- import * as React from 'react';
2
- import PropTypes from 'prop-types';
1
+ import React, { useState, useEffect } from 'react';
3
2
  import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
4
- import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
5
- import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from '../../../organism/review-skills/prop-types'; // import theme from '../../../modules/theme';
6
- // import translations from '../../../translations';
7
- // import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
8
- // import noSkillsImage from '../../../assets/images/revision-no-skills.png';
9
- // import Touchable from '../../../app-shared/components/touchable';
10
-
11
- const styles = StyleSheet.create({
3
+ import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
4
+ import { useTemplateContext } from '../template-context';
5
+ import { HEADER_HEIGHT } from '../../../organism/header-v2/index.native';
6
+
7
+ const createStyleSheet = theme => StyleSheet.create({
12
8
  container: {
13
9
  flex: 1,
14
- padding: 20 // paddingTop: HEADER_HEIGHT + 20,
15
- // backgroundColor: theme.colors.white
16
-
10
+ padding: 20,
11
+ paddingTop: HEADER_HEIGHT + 20,
12
+ backgroundColor: theme.colors.white
17
13
  },
18
14
  title: {
19
- // fontSize: theme.fontSize.xlarge,
20
- // fontWeight: theme.fontWeight.bold,
21
- lineHeight: 28 // color: theme.colors.text.primary,
22
- // marginBottom: theme.spacing.base,
23
- // marginTop: theme.spacing.small
24
-
15
+ fontSize: theme.fontSize.xlarge,
16
+ fontWeight: theme.fontWeight.bold,
17
+ lineHeight: 28,
18
+ color: theme.colors.text.primary,
19
+ marginBottom: theme.spacing.base,
20
+ marginTop: theme.spacing.small
25
21
  },
26
- subtitle: {// fontSize: theme.fontSize.xlarge,
27
- // color: theme.colors.text.primary,
28
- // marginBottom: theme.spacing.tiny
22
+ subtitle: {
23
+ fontSize: theme.fontSize.xlarge,
24
+ color: theme.colors.text.primary,
25
+ marginBottom: theme.spacing.tiny
29
26
  },
30
27
  text: {
31
28
  fontSize: 16,
32
29
  lineHeight: 22,
33
- // color: theme.colors.text.primary,
34
- opacity: 0.7 // marginBottom: theme.spacing.base
35
-
30
+ color: theme.colors.text.primary,
31
+ opacity: 0.7,
32
+ marginBottom: theme.spacing.base
36
33
  },
37
34
  noSkillsImage: {
38
35
  flex: 1,
@@ -40,18 +37,20 @@ const styles = StyleSheet.create({
40
37
  width: 320,
41
38
  height: 300
42
39
  },
43
- skills: {},
40
+ skills: {
41
+ paddingBottom: 100
42
+ },
44
43
  skill: {
45
44
  display: 'flex',
46
45
  flexDirection: 'row',
47
46
  overflow: 'hidden',
48
47
  alignItems: 'center',
49
48
  height: 118,
50
- borderRadius: 8 // backgroundColor: theme.colors.gray.lighter,
51
- // marginTop: theme.spacing.micro,
52
- // marginBottom: theme.spacing.micro,
53
- // padding: theme.spacing.base
54
-
49
+ borderRadius: 8,
50
+ backgroundColor: theme.colors.gray.lighter,
51
+ marginTop: theme.spacing.micro,
52
+ marginBottom: theme.spacing.micro,
53
+ padding: theme.spacing.base
55
54
  },
56
55
  skillTexts: {
57
56
  flex: 1,
@@ -60,20 +59,18 @@ const styles = StyleSheet.create({
60
59
  skillTitle: {
61
60
  fontSize: 18,
62
61
  fontWeight: '600',
63
- lineHeight: 22 // color: theme.colors.text.primary,
64
- // marginBottom: theme.spacing.tiny
65
-
62
+ lineHeight: 22,
63
+ color: theme.colors.text.primary,
64
+ marginBottom: theme.spacing.tiny
66
65
  },
67
66
  skillInfo: {
68
67
  fontSize: 12,
69
- lineHeight: 16 // color: theme.colors.gray.medium
70
-
71
- },
72
- extraSpace: {
73
- height: 100
68
+ lineHeight: 16,
69
+ color: theme.colors.gray.medium
74
70
  }
75
71
  }); // -----------------------------------------------------------------------------
76
72
 
73
+
77
74
  const onSelectSkill = title => () => {
78
75
  // eslint-disable-next-line no-console
79
76
  console.log('pressed on', {
@@ -81,99 +78,141 @@ const onSelectSkill = title => () => {
81
78
  });
82
79
  };
83
80
 
84
- const ExtraSpace = () => /*#__PURE__*/React.createElement(View, {
85
- style: styles.extraSpace
86
- });
87
-
88
81
  const Skill = ({
89
82
  title,
90
83
  info
91
- }) => /*#__PURE__*/React.createElement(Pressable, {
92
- style: styles.skill,
93
- onPress: onSelectSkill(title)
94
- }, /*#__PURE__*/React.createElement(View, {
95
- style: styles.skillTexts
96
- }, /*#__PURE__*/React.createElement(Text, {
97
- style: styles.skillTitle
98
- }, title), /*#__PURE__*/React.createElement(Text, {
99
- style: styles.skillInfo
100
- }, info)), /*#__PURE__*/React.createElement(ArrowRight, {
101
- color: "#ededed",
102
- height: 20,
103
- width: 20
104
- }));
105
-
106
- Skill.propTypes = process.env.NODE_ENV !== "production" ? {
107
- title: PropTypes.string,
108
- info: PropTypes.string
109
- } : {}; // -----------------------------------------------------------------------------
84
+ }) => {
85
+ const templateContext = useTemplateContext();
86
+ const [styleSheet, setStylesheet] = useState(null);
87
+ const {
88
+ theme
89
+ } = templateContext;
90
+ useEffect(() => {
91
+ const _stylesheet = createStyleSheet(theme);
92
+
93
+ setStylesheet(_stylesheet);
94
+ }, [theme]);
95
+
96
+ if (!styleSheet) {
97
+ return null;
98
+ }
99
+
100
+ return /*#__PURE__*/React.createElement(Pressable, {
101
+ style: styleSheet.skill,
102
+ onPress: onSelectSkill(title)
103
+ }, /*#__PURE__*/React.createElement(View, {
104
+ style: styleSheet.skillTexts
105
+ }, /*#__PURE__*/React.createElement(Text, {
106
+ style: styleSheet.skillTitle
107
+ }, title), /*#__PURE__*/React.createElement(Text, {
108
+ style: styleSheet.skillInfo
109
+ }, info)), /*#__PURE__*/React.createElement(ArrowRight, {
110
+ color: "#ededed",
111
+ height: 20,
112
+ width: 20
113
+ }));
114
+ }; // -----------------------------------------------------------------------------
115
+
110
116
 
111
117
  const Item = ({
112
118
  item: {
113
119
  title,
114
- info,
115
- isExtraSpace = false
120
+ info
116
121
  }
117
- }) => isExtraSpace ? /*#__PURE__*/React.createElement(ExtraSpace, null) : /*#__PURE__*/React.createElement(Skill, {
122
+ }) => /*#__PURE__*/React.createElement(Skill, {
118
123
  title: title,
119
124
  info: info
120
125
  });
121
126
 
122
- const List = ({
123
- skills
124
- }) => /*#__PURE__*/React.createElement(FlatList, {
125
- contentContainerStyle: styles.skills,
126
- data: skills,
127
- renderItem: Item
128
- });
127
+ const List = props => {
128
+ const templateContext = useTemplateContext();
129
+ const [styleSheet, setStylesheet] = useState(null);
130
+ const {
131
+ theme
132
+ } = templateContext;
133
+ const {
134
+ skills
135
+ } = props;
136
+ useEffect(() => {
137
+ const _stylesheet = createStyleSheet(theme);
138
+
139
+ setStylesheet(_stylesheet);
140
+ }, [theme]);
141
+
142
+ if (!styleSheet) {
143
+ return null;
144
+ }
145
+
146
+ const formattedDataList = [];
147
+ skills.map(skill => formattedDataList.push({
148
+ title: skill.skillTitle,
149
+ info: skill.skillAriaLabel
150
+ }));
151
+ return /*#__PURE__*/React.createElement(FlatList, {
152
+ contentContainerStyle: styleSheet.skills,
153
+ data: formattedDataList,
154
+ renderItem: Item
155
+ });
156
+ }; // -----------------------------------------------------------------------------
157
+
158
+
159
+ const NoSkills = () => {
160
+ const templateContext = useTemplateContext();
161
+ const [styleSheet, setStylesheet] = useState(null);
162
+ const {
163
+ theme,
164
+ translations
165
+ } = templateContext;
166
+ useEffect(() => {
167
+ const _stylesheet = createStyleSheet(theme);
129
168
 
130
- Item.propTypes = process.env.NODE_ENV !== "production" ? {
131
- item: PropTypes.shape({
132
- title: PropTypes.string,
133
- info: PropTypes.string,
134
- isExtraSpace: PropTypes.bool
135
- })
136
- } : {};
137
- List.propTypes = process.env.NODE_ENV !== "production" ? {
138
- skills: ListSkillsPropTypes.listSkills
139
- } : {}; // -----------------------------------------------------------------------------
140
-
141
- /*
142
- title: translations.revision.home.noSkills
143
- text: translations.revision.home.noSkillsDetails
144
- image: use web svg
145
- <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />
146
- */
147
-
148
- const NoSkills = ({
149
- titleNoSkills,
150
- textNoSkills
151
- }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
152
- style: styles.subtitle
153
- }, titleNoSkills), /*#__PURE__*/React.createElement(Text, {
154
- style: styles.text
155
- }, textNoSkills));
156
-
157
- NoSkills.propTypes = process.env.NODE_ENV !== "production" ? NoSkillsPropTypes : {}; // -----------------------------------------------------------------------------
169
+ setStylesheet(_stylesheet);
170
+ }, [theme]);
171
+
172
+ if (!styleSheet) {
173
+ return null;
174
+ }
175
+
176
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
177
+ style: styleSheet.subtitle
178
+ }, translations.appReview?.noSkills?.title), /*#__PURE__*/React.createElement(Text, {
179
+ style: styleSheet.text
180
+ }, translations.appReview?.noSkills?.text), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
181
+ style: styleSheet.noSkillsImage
182
+ }));
183
+ }; // -----------------------------------------------------------------------------
158
184
  // title --> translations.revision.home.title
159
185
 
186
+
160
187
  const Skills = props => {
161
188
  const {
162
189
  title,
163
190
  listSkills
164
191
  } = props;
192
+ const templateContext = useTemplateContext();
193
+ const [styleSheet, setStylesheet] = useState(null);
194
+ const {
195
+ theme
196
+ } = templateContext;
197
+ useEffect(() => {
198
+ const _stylesheet = createStyleSheet(theme);
199
+
200
+ setStylesheet(_stylesheet);
201
+ }, [theme]); // ------------------------------------
202
+
203
+ if (!styleSheet) {
204
+ return null;
205
+ }
206
+
165
207
  return /*#__PURE__*/React.createElement(View, {
166
- style: styles.container
208
+ style: styleSheet.container
167
209
  }, /*#__PURE__*/React.createElement(Text, {
168
- style: styles.title
210
+ style: styleSheet.title
169
211
  }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/React.createElement(NoSkills, null) : /*#__PURE__*/React.createElement(List, {
170
- skills: [...listSkills, {
171
- isExtraSpace: true
172
- }]
212
+ skills: listSkills
173
213
  }));
174
- };
214
+ }; // -----------------------------------------------------------------------------
175
215
 
176
- Skills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {}; // -----------------------------------------------------------------------------
177
216
 
178
217
  export default Skills;
179
218
  //# sourceMappingURL=index.native.js.map
package/es/template/app-review/skills/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["React","PropTypes","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","propTypes","ListSkillsPropTypes","NoSkillsPropTypes","styles","create","container","flex","padding","title","lineHeight","subtitle","text","fontSize","opacity","noSkillsImage","alignSelf","width","height","skills","skill","display","flexDirection","overflow","alignItems","borderRadius","skillTexts","skillTitle","fontWeight","skillInfo","extraSpace","onSelectSkill","console","log","ExtraSpace","Skill","info","string","Item","item","isExtraSpace","List","shape","bool","listSkills","NoSkills","titleNoSkills","textNoSkills","Skills","props","length"],"sources":["../../../../src/template/app-review/skills/index.native.js"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, FlatList, Pressable, StyleSheet, Text} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport propTypes, {\n ListSkillsPropTypes,\n NoSkillsPropTypes\n} from '../../../organism/review-skills/prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n// import noSkillsImage from '../../../assets/images/revision-no-skills.png';\n// import Touchable from '../../../app-shared/components/touchable';\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n padding: 20\n // paddingTop: HEADER_HEIGHT + 20,\n // backgroundColor: theme.colors.white\n },\n title: {\n // fontSize: theme.fontSize.xlarge,\n // fontWeight: theme.fontWeight.bold,\n lineHeight: 28\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.base,\n // marginTop: theme.spacing.small\n },\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 skills: {},\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 extraSpace: {\n height: 100\n }\n});\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = title => () => {\n // eslint-disable-next-line no-console\n console.log('pressed on', {title});\n};\n\nconst ExtraSpace = () => <View style={styles.extraSpace} />;\n\nconst Skill = ({title, info}) => (\n <Pressable style={styles.skill} onPress={onSelectSkill(title)}>\n <View style={styles.skillTexts}>\n <Text style={styles.skillTitle}>{title}</Text>\n <Text style={styles.skillInfo}>{info}</Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n);\n\nSkill.propTypes = {\n title: PropTypes.string,\n info: PropTypes.string\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info, isExtraSpace = false}}) =>\n isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info} />;\n\nconst List = ({skills}) => (\n <FlatList contentContainerStyle={styles.skills} data={skills} renderItem={Item} />\n);\n\nItem.propTypes = {\n item: PropTypes.shape({\n title: PropTypes.string,\n info: PropTypes.string,\n isExtraSpace: PropTypes.bool\n })\n};\n\nList.propTypes = {\n skills: ListSkillsPropTypes.listSkills\n};\n\n// -----------------------------------------------------------------------------\n\n/*\n title: translations.revision.home.noSkills\n text: translations.revision.home.noSkillsDetails\n image: use web svg\n <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />\n*/\nconst NoSkills = ({titleNoSkills, textNoSkills}) => (\n <>\n <Text style={styles.subtitle}>{titleNoSkills}</Text>\n <Text style={styles.text}>{textNoSkills}</Text>\n </>\n);\n\nNoSkills.propTypes = NoSkillsPropTypes;\n\n// -----------------------------------------------------------------------------\n\n// title --> translations.revision.home.title\nconst Skills = props => {\n const {title, listSkills} = props;\n\n return (\n <View style={styles.container}>\n <Text style={styles.title}>{title}</Text>\n {!listSkills || listSkills.length === 0 ? (\n <NoSkills />\n ) : (\n <List skills={[...listSkills, {isExtraSpace: true}]} />\n )}\n </View>\n );\n};\n\nSkills.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","HEADER_HEIGHT","createStyleSheet","theme","create","container","flex","padding","paddingTop","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","subtitle","tiny","opacity","noSkillsImage","alignSelf","width","height","skills","paddingBottom","skill","display","flexDirection","overflow","alignItems","borderRadius","gray","lighter","micro","skillTexts","skillTitle","skillInfo","medium","onSelectSkill","console","log","Skill","info","templateContext","styleSheet","setStylesheet","_stylesheet","Item","item","List","props","formattedDataList","map","push","skillAriaLabel","NoSkills","translations","appReview","noSkills","Skills","listSkills","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, FlatList, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../template-context';\nimport {Theme} from '../../../variables/theme.native';\n\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport {ItemProps, ListSkillsProps, SkillProps, SkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n subtitle: TextStyle;\n text: TextStyle;\n noSkillsImage: ViewStyle;\n skills: ViewStyle;\n skill: ViewStyle;\n skillTexts: TextStyle;\n skillTitle: TextStyle;\n skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n paddingTop: HEADER_HEIGHT + 20,\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n },\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 skills: {paddingBottom: 100},\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\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = (title: string) => () => {\n // eslint-disable-next-line no-console\n console.log('pressed on', {title});\n};\n\nconst Skill = ({title, info}: SkillProps) => {\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 <Pressable style={styleSheet.skill} onPress={onSelectSkill(title)}>\n <View style={styleSheet.skillTexts}>\n <Text style={styleSheet.skillTitle}>{title}</Text>\n <Text style={styleSheet.skillInfo}>{info}</Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n );\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info}}: ItemProps) => <Skill title={title} info={info} />;\n\ntype ItemDataType = {\n title: string;\n info: string;\n};\n\nconst List = (props: {skills: Array<ListSkillsProps>}) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n const {skills} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const formattedDataList: Array<ItemDataType> = [];\n skills.map(skill =>\n formattedDataList.push({\n title: skill.skillTitle,\n info: skill.skillAriaLabel\n })\n );\n\n return (\n <FlatList\n contentContainerStyle={styleSheet.skills}\n data={formattedDataList}\n renderItem={Item}\n />\n );\n};\n\n// -----------------------------------------------------------------------------\n\nconst NoSkills = () => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme, translations} = 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 <>\n <Text style={styleSheet.subtitle}>{translations.appReview?.noSkills?.title}</Text>\n <Text style={styleSheet.text}>{translations.appReview?.noSkills?.text}</Text>\n <EmptyStateHomeRevision style={styleSheet.noSkillsImage} />\n </>\n );\n};\n\n// -----------------------------------------------------------------------------\n\n// title --> translations.revision.home.title\nconst Skills = (props: SkillsProps) => {\n const {title, listSkills} = 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 // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Text style={styleSheet.title}>{title}</Text>\n {!listSkills || listSkills.length === 0 ? <NoSkills /> : <List skills={listSkills} />}\n </View>\n );\n};\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"mappings":"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"}
package/es/template/app-review/skills/prop-types.js ADDED
@@ -0,0 +1,17 @@
1
+ import PropTypes from 'prop-types';
2
+ import { ListSkillsPropTypes } from '../../../organism/review-skills/prop-types';
3
+ export const SkillPropsTypes = {
4
+ title: PropTypes.string,
5
+ info: PropTypes.string
6
+ };
7
+ export const ItemPropsTypes = {
8
+ item: PropTypes.shape({
9
+ title: PropTypes.string,
10
+ info: PropTypes.string,
11
+ isExtraSpace: PropTypes.bool
12
+ })
13
+ };
14
+ export const ListPropTypes = {
15
+ skills: ListSkillsPropTypes.listSkills
16
+ };
17
+ //# sourceMappingURL=prop-types.js.map
package/es/template/app-review/skills/prop-types.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"prop-types.js","names":["PropTypes","ListSkillsPropTypes","SkillPropsTypes","title","string","info","ItemPropsTypes","item","shape","isExtraSpace","bool","ListPropTypes","skills","listSkills"],"sources":["../../../../src/template/app-review/skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ListSkillsPropTypes} from '../../../organism/review-skills/prop-types';\n\nexport const SkillPropsTypes = {\n title: PropTypes.string,\n info: PropTypes.string\n};\n\nexport const ItemPropsTypes = {\n item: PropTypes.shape({\n title: PropTypes.string,\n info: PropTypes.string,\n isExtraSpace: PropTypes.bool\n })\n};\n\nexport const ListPropTypes = {\n skills: ListSkillsPropTypes.listSkills\n};\n\nexport type SkillProps = {\n title: string;\n info: string;\n};\n\nexport type ItemProps = {\n item: {title: string; info: string};\n};\n\nexport type NoSkillsProps = {\n titleNoSkills: string;\n textNoSkills: string;\n};\n\nexport type ListSkillsProps = {\n skillTitle: string;\n isCustom: boolean;\n 'aria-label': string;\n skillAriaLabel: string;\n buttonLabel: string;\n buttonAriaLabel: string;\n reviseLabel: string;\n reviseAriaLabel: string;\n onClick: () => void;\n};\n\nexport type SkillsProps = {\n title: string;\n listSkills: Array<ListSkillsProps>;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAAQC,mBAAR,QAAkC,4CAAlC;AAEA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,KAAK,EAAEH,SAAS,CAACI,MADY;EAE7BC,IAAI,EAAEL,SAAS,CAACI;AAFa,CAAxB;AAKP,OAAO,MAAME,cAAc,GAAG;EAC5BC,IAAI,EAAEP,SAAS,CAACQ,KAAV,CAAgB;IACpBL,KAAK,EAAEH,SAAS,CAACI,MADG;IAEpBC,IAAI,EAAEL,SAAS,CAACI,MAFI;IAGpBK,YAAY,EAAET,SAAS,CAACU;EAHJ,CAAhB;AADsB,CAAvB;AAQP,OAAO,MAAMC,aAAa,GAAG;EAC3BC,MAAM,EAAEX,mBAAmB,CAACY;AADD,CAAtB"}
package/es/types/translations.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"translations.js","names":[],"sources":["../../src/types/translations.ts"],"sourcesContent":["export type Translations = {\n selectAnAnswer?: string;\n selectSomethingBelow?: string;\n typeHere?: string;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"translations.js","names":[],"sources":["../../src/types/translations.ts"],"sourcesContent":["export type Translations = {\n selectAnAnswer?: string;\n selectSomethingBelow?: string;\n typeHere?: string;\n appReview?: {\n noSkills?: {\n title?: string;\n text?: string;\n };\n };\n};\n"],"mappings":""}
package/lib/molecule/draggable/style.css CHANGED
@@ -13,6 +13,8 @@
13
13
  background: transparent;
14
14
  margin: 8px 0;
15
15
  border-radius: 7px;
16
+ transform:translate(0,0);
17
+ z-index: 0;
16
18
  }
17
19
  .draggable:hover{
18
20
  background: rgba(0, 0, 0, 0.3);
package/lib/organism/review-congrats/index.js CHANGED
@@ -75,12 +75,12 @@ const ReviewCongrats = props => {
75
75
  className: _style.default.cardStarNoRank
76
76
  }))), /*#__PURE__*/_react.default.createElement("div", {
77
77
  className: _style.default.buttonContainer
78
- }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonRevising, {
78
+ }, buttonRevising ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonRevising, {
79
79
  className: _style.default.buttonRevise,
80
80
  "data-name": "revise-skill-link"
81
- })), /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonRevisingSkill, {
81
+ })) : null, buttonRevisingSkill ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonRevisingSkill, {
82
82
  className: _style.default.buttonRevise
83
- })))));
83
+ })) : null)));
84
84
  };
85
85
 
86
86
  ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
package/lib/organism/review-congrats/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useRef","useEffect","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise","propTypes"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n container.current?.scrollTo &&\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n {cardCongratsRank ? (\n <>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </>\n ) : (\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n )}\n </div>\n <div className={style.buttonContainer}>\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAG,IAAAe,aAAA,EAAO,IAAP,CAAlB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAACnB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMiB,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHD,EAGG,EAHH;EAKA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC,aAAtB;IAAqC,cAAYd,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,6BAAC,sBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEW,cAAA,CAAME,MANnB;IAOE,oBAAoB,EAAEF,cAAA,CAAMG;EAP9B,GADF,eAUE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEoB,cAAA,CAAMK;EAAtC,GACGb,gBAAgB,gBACf,yEACE,6BAAC,2BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAES,cAAA,CAAMM;EAAnE,GADF,eAEE,6BAAC,2BAAD,eACMd,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEQ,cAAA,CAAMO;EAHnB,GAFF,CADe,gBAUf,6BAAC,2BAAD,eAAgChB,gBAAhC;IAAkD,SAAS,EAAES,cAAA,CAAMQ;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,gBACE,6BAAC,mBAAD,eACMhB,cADN;IAEE,SAAS,EAAEO,cAAA,CAAMU,YAFnB;IAGE,aAAU;EAHZ,GADF,eAME,6BAAC,mBAAD,eAAgBhB,mBAAhB;IAAqC,SAAS,EAAEM,cAAA,CAAMU;EAAtD,GANF,CAhBF,CAVF,CADF;AAsCD,CAzDD;;AA2DAzB,cAAc,CAAC0B,SAAf,2CAA2BA,kBAA3B;eAEe1B,c"}
1
+ {"version":3,"file":"index.js","names":["setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useRef","useEffect","timer","setTimeout","clearTimeout","style","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise","propTypes"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n container.current?.scrollTo &&\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n {cardCongratsRank ? (\n <>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </>\n ) : (\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n )}\n </div>\n <div className={style.buttonContainer}>\n {buttonRevising ? (\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n ) : null}\n {buttonRevisingSkill ? (\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n ) : null}\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAG,IAAAe,aAAA,EAAO,IAAP,CAAlB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAACnB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMiB,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHD,EAGG,EAHH;EAKA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC,aAAtB;IAAqC,cAAYd,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,6BAAC,sBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEW,cAAA,CAAME,MANnB;IAOE,oBAAoB,EAAEF,cAAA,CAAMG;EAP9B,GADF,eAUE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEoB,cAAA,CAAMK;EAAtC,GACGb,gBAAgB,gBACf,yEACE,6BAAC,2BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAES,cAAA,CAAMM;EAAnE,GADF,eAEE,6BAAC,2BAAD,eACMd,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEQ,cAAA,CAAMO;EAHnB,GAFF,CADe,gBAUf,6BAAC,2BAAD,eAAgChB,gBAAhC;IAAkD,SAAS,EAAES,cAAA,CAAMQ;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,GACGhB,cAAc,gBACb,6BAAC,mBAAD,eACMA,cADN;IAEE,SAAS,EAAEO,cAAA,CAAMU,YAFnB;IAGE,aAAU;EAHZ,GADa,GAMX,IAPN,EAQGhB,mBAAmB,gBAClB,6BAAC,mBAAD,eAAgBA,mBAAhB;IAAqC,SAAS,EAAEM,cAAA,CAAMU;EAAtD,GADkB,GAEhB,IAVN,CAhBF,CAVF,CADF;AA0CD,CA7DD;;AA+DAzB,cAAc,CAAC0B,SAAf,2CAA2BA,kBAA3B;eAEe1B,c"}
package/lib/template/app-review/skills/index.native.js CHANGED
@@ -3,52 +3,46 @@
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
 
6
- var React = _interopRequireWildcard(require("react"));
7
-
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ var _react = _interopRequireWildcard(require("react"));
9
7
 
10
8
  var _reactNative = require("react-native");
11
9
 
12
10
  var _novaIcons = require("@coorpacademy/nova-icons");
13
11
 
14
- var _propTypes2 = _interopRequireWildcard(require("../../../organism/review-skills/prop-types"));
12
+ var _templateContext = require("../template-context");
15
13
 
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ var _index = require("../../../organism/header-v2/index.native");
17
15
 
18
16
  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); }
19
17
 
20
18
  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; }
21
19
 
22
- // import theme from '../../../modules/theme';
23
- // import translations from '../../../translations';
24
- // import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
25
- // import noSkillsImage from '../../../assets/images/revision-no-skills.png';
26
- // import Touchable from '../../../app-shared/components/touchable';
27
- const styles = _reactNative.StyleSheet.create({
20
+ const createStyleSheet = theme => _reactNative.StyleSheet.create({
28
21
  container: {
29
22
  flex: 1,
30
- padding: 20 // paddingTop: HEADER_HEIGHT + 20,
31
- // backgroundColor: theme.colors.white
32
-
23
+ padding: 20,
24
+ paddingTop: _index.HEADER_HEIGHT + 20,
25
+ backgroundColor: theme.colors.white
33
26
  },
34
27
  title: {
35
- // fontSize: theme.fontSize.xlarge,
36
- // fontWeight: theme.fontWeight.bold,
37
- lineHeight: 28 // color: theme.colors.text.primary,
38
- // marginBottom: theme.spacing.base,
39
- // marginTop: theme.spacing.small
40
-
28
+ fontSize: theme.fontSize.xlarge,
29
+ fontWeight: theme.fontWeight.bold,
30
+ lineHeight: 28,
31
+ color: theme.colors.text.primary,
32
+ marginBottom: theme.spacing.base,
33
+ marginTop: theme.spacing.small
41
34
  },
42
- subtitle: {// fontSize: theme.fontSize.xlarge,
43
- // color: theme.colors.text.primary,
44
- // marginBottom: theme.spacing.tiny
35
+ subtitle: {
36
+ fontSize: theme.fontSize.xlarge,
37
+ color: theme.colors.text.primary,
38
+ marginBottom: theme.spacing.tiny
45
39
  },
46
40
  text: {
47
41
  fontSize: 16,
48
42
  lineHeight: 22,
49
- // color: theme.colors.text.primary,
50
- opacity: 0.7 // marginBottom: theme.spacing.base
51
-
43
+ color: theme.colors.text.primary,
44
+ opacity: 0.7,
45
+ marginBottom: theme.spacing.base
52
46
  },
53
47
  noSkillsImage: {
54
48
  flex: 1,
@@ -56,18 +50,20 @@ const styles = _reactNative.StyleSheet.create({
56
50
  width: 320,
57
51
  height: 300
58
52
  },
59
- skills: {},
53
+ skills: {
54
+ paddingBottom: 100
55
+ },
60
56
  skill: {
61
57
  display: 'flex',
62
58
  flexDirection: 'row',
63
59
  overflow: 'hidden',
64
60
  alignItems: 'center',
65
61
  height: 118,
66
- borderRadius: 8 // backgroundColor: theme.colors.gray.lighter,
67
- // marginTop: theme.spacing.micro,
68
- // marginBottom: theme.spacing.micro,
69
- // padding: theme.spacing.base
70
-
62
+ borderRadius: 8,
63
+ backgroundColor: theme.colors.gray.lighter,
64
+ marginTop: theme.spacing.micro,
65
+ marginBottom: theme.spacing.micro,
66
+ padding: theme.spacing.base
71
67
  },
72
68
  skillTexts: {
73
69
  flex: 1,
@@ -76,17 +72,14 @@ const styles = _reactNative.StyleSheet.create({
76
72
  skillTitle: {
77
73
  fontSize: 18,
78
74
  fontWeight: '600',
79
- lineHeight: 22 // color: theme.colors.text.primary,
80
- // marginBottom: theme.spacing.tiny
81
-
75
+ lineHeight: 22,
76
+ color: theme.colors.text.primary,
77
+ marginBottom: theme.spacing.tiny
82
78
  },
83
79
  skillInfo: {
84
80
  fontSize: 12,
85
- lineHeight: 16 // color: theme.colors.gray.medium
86
-
87
- },
88
- extraSpace: {
89
- height: 100
81
+ lineHeight: 16,
82
+ color: theme.colors.gray.medium
90
83
  }
91
84
  }); // -----------------------------------------------------------------------------
92
85
 
@@ -98,99 +91,141 @@ const onSelectSkill = title => () => {
98
91
  });
99
92
  };
100
93
 
101
- const ExtraSpace = () => /*#__PURE__*/React.createElement(_reactNative.View, {
102
- style: styles.extraSpace
103
- });
104
-
105
94
  const Skill = ({
106
95
  title,
107
96
  info
108
- }) => /*#__PURE__*/React.createElement(_reactNative.Pressable, {
109
- style: styles.skill,
110
- onPress: onSelectSkill(title)
111
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
112
- style: styles.skillTexts
113
- }, /*#__PURE__*/React.createElement(_reactNative.Text, {
114
- style: styles.skillTitle
115
- }, title), /*#__PURE__*/React.createElement(_reactNative.Text, {
116
- style: styles.skillInfo
117
- }, info)), /*#__PURE__*/React.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
118
- color: "#ededed",
119
- height: 20,
120
- width: 20
121
- }));
122
-
123
- Skill.propTypes = process.env.NODE_ENV !== "production" ? {
124
- title: _propTypes.default.string,
125
- info: _propTypes.default.string
126
- } : {}; // -----------------------------------------------------------------------------
97
+ }) => {
98
+ const templateContext = (0, _templateContext.useTemplateContext)();
99
+ const [styleSheet, setStylesheet] = (0, _react.useState)(null);
100
+ const {
101
+ theme
102
+ } = templateContext;
103
+ (0, _react.useEffect)(() => {
104
+ const _stylesheet = createStyleSheet(theme);
105
+
106
+ setStylesheet(_stylesheet);
107
+ }, [theme]);
108
+
109
+ if (!styleSheet) {
110
+ return null;
111
+ }
112
+
113
+ return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
114
+ style: styleSheet.skill,
115
+ onPress: onSelectSkill(title)
116
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
117
+ style: styleSheet.skillTexts
118
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
119
+ style: styleSheet.skillTitle
120
+ }, title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
121
+ style: styleSheet.skillInfo
122
+ }, info)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
123
+ color: "#ededed",
124
+ height: 20,
125
+ width: 20
126
+ }));
127
+ }; // -----------------------------------------------------------------------------
128
+
127
129
 
128
130
  const Item = ({
129
131
  item: {
130
132
  title,
131
- info,
132
- isExtraSpace = false
133
+ info
133
134
  }
134
- }) => isExtraSpace ? /*#__PURE__*/React.createElement(ExtraSpace, null) : /*#__PURE__*/React.createElement(Skill, {
135
+ }) => /*#__PURE__*/_react.default.createElement(Skill, {
135
136
  title: title,
136
137
  info: info
137
138
  });
138
139
 
139
- const List = ({
140
- skills
141
- }) => /*#__PURE__*/React.createElement(_reactNative.FlatList, {
142
- contentContainerStyle: styles.skills,
143
- data: skills,
144
- renderItem: Item
145
- });
140
+ const List = props => {
141
+ const templateContext = (0, _templateContext.useTemplateContext)();
142
+ const [styleSheet, setStylesheet] = (0, _react.useState)(null);
143
+ const {
144
+ theme
145
+ } = templateContext;
146
+ const {
147
+ skills
148
+ } = props;
149
+ (0, _react.useEffect)(() => {
150
+ const _stylesheet = createStyleSheet(theme);
151
+
152
+ setStylesheet(_stylesheet);
153
+ }, [theme]);
154
+
155
+ if (!styleSheet) {
156
+ return null;
157
+ }
158
+
159
+ const formattedDataList = [];
160
+ skills.map(skill => formattedDataList.push({
161
+ title: skill.skillTitle,
162
+ info: skill.skillAriaLabel
163
+ }));
164
+ return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
165
+ contentContainerStyle: styleSheet.skills,
166
+ data: formattedDataList,
167
+ renderItem: Item
168
+ });
169
+ }; // -----------------------------------------------------------------------------
170
+
171
+
172
+ const NoSkills = () => {
173
+ const templateContext = (0, _templateContext.useTemplateContext)();
174
+ const [styleSheet, setStylesheet] = (0, _react.useState)(null);
175
+ const {
176
+ theme,
177
+ translations
178
+ } = templateContext;
179
+ (0, _react.useEffect)(() => {
180
+ const _stylesheet = createStyleSheet(theme);
181
+
182
+ setStylesheet(_stylesheet);
183
+ }, [theme]);
146
184
 
147
- Item.propTypes = process.env.NODE_ENV !== "production" ? {
148
- item: _propTypes.default.shape({
149
- title: _propTypes.default.string,
150
- info: _propTypes.default.string,
151
- isExtraSpace: _propTypes.default.bool
152
- })
153
- } : {};
154
- List.propTypes = process.env.NODE_ENV !== "production" ? {
155
- skills: _propTypes2.ListSkillsPropTypes.listSkills
156
- } : {}; // -----------------------------------------------------------------------------
157
-
158
- /*
159
- title: translations.revision.home.noSkills
160
- text: translations.revision.home.noSkillsDetails
161
- image: use web svg
162
- <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />
163
- */
164
-
165
- const NoSkills = ({
166
- titleNoSkills,
167
- textNoSkills
168
- }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.Text, {
169
- style: styles.subtitle
170
- }, titleNoSkills), /*#__PURE__*/React.createElement(_reactNative.Text, {
171
- style: styles.text
172
- }, textNoSkills));
173
-
174
- NoSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.NoSkillsPropTypes : {}; // -----------------------------------------------------------------------------
185
+ if (!styleSheet) {
186
+ return null;
187
+ }
188
+
189
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
190
+ style: styleSheet.subtitle
191
+ }, translations.appReview?.noSkills?.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
192
+ style: styleSheet.text
193
+ }, translations.appReview?.noSkills?.text), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
194
+ style: styleSheet.noSkillsImage
195
+ }));
196
+ }; // -----------------------------------------------------------------------------
175
197
  // title --> translations.revision.home.title
176
198
 
199
+
177
200
  const Skills = props => {
178
201
  const {
179
202
  title,
180
203
  listSkills
181
204
  } = props;
182
- return /*#__PURE__*/React.createElement(_reactNative.View, {
183
- style: styles.container
184
- }, /*#__PURE__*/React.createElement(_reactNative.Text, {
185
- style: styles.title
186
- }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/React.createElement(NoSkills, null) : /*#__PURE__*/React.createElement(List, {
187
- skills: [...listSkills, {
188
- isExtraSpace: true
189
- }]
205
+ const templateContext = (0, _templateContext.useTemplateContext)();
206
+ const [styleSheet, setStylesheet] = (0, _react.useState)(null);
207
+ const {
208
+ theme
209
+ } = templateContext;
210
+ (0, _react.useEffect)(() => {
211
+ const _stylesheet = createStyleSheet(theme);
212
+
213
+ setStylesheet(_stylesheet);
214
+ }, [theme]); // ------------------------------------
215
+
216
+ if (!styleSheet) {
217
+ return null;
218
+ }
219
+
220
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
221
+ style: styleSheet.container
222
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
223
+ style: styleSheet.title
224
+ }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(NoSkills, null) : /*#__PURE__*/_react.default.createElement(List, {
225
+ skills: listSkills
190
226
  }));
191
- };
227
+ }; // -----------------------------------------------------------------------------
192
228
 
193
- Skills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.default : {}; // -----------------------------------------------------------------------------
194
229
 
195
230
  var _default = Skills;
196
231
  exports.default = _default;
package/lib/template/app-review/skills/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","container","flex","padding","title","lineHeight","subtitle","text","fontSize","opacity","noSkillsImage","alignSelf","width","height","skills","skill","display","flexDirection","overflow","alignItems","borderRadius","skillTexts","skillTitle","fontWeight","skillInfo","extraSpace","onSelectSkill","console","log","ExtraSpace","Skill","info","propTypes","PropTypes","string","Item","item","isExtraSpace","List","shape","bool","ListSkillsPropTypes","listSkills","NoSkills","titleNoSkills","textNoSkills","NoSkillsPropTypes","Skills","props","length"],"sources":["../../../../src/template/app-review/skills/index.native.js"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, FlatList, Pressable, StyleSheet, Text} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport propTypes, {\n ListSkillsPropTypes,\n NoSkillsPropTypes\n} from '../../../organism/review-skills/prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n// import noSkillsImage from '../../../assets/images/revision-no-skills.png';\n// import Touchable from '../../../app-shared/components/touchable';\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n padding: 20\n // paddingTop: HEADER_HEIGHT + 20,\n // backgroundColor: theme.colors.white\n },\n title: {\n // fontSize: theme.fontSize.xlarge,\n // fontWeight: theme.fontWeight.bold,\n lineHeight: 28\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.base,\n // marginTop: theme.spacing.small\n },\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 skills: {},\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 extraSpace: {\n height: 100\n }\n});\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = title => () => {\n // eslint-disable-next-line no-console\n console.log('pressed on', {title});\n};\n\nconst ExtraSpace = () => <View style={styles.extraSpace} />;\n\nconst Skill = ({title, info}) => (\n <Pressable style={styles.skill} onPress={onSelectSkill(title)}>\n <View style={styles.skillTexts}>\n <Text style={styles.skillTitle}>{title}</Text>\n <Text style={styles.skillInfo}>{info}</Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n);\n\nSkill.propTypes = {\n title: PropTypes.string,\n info: PropTypes.string\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info, isExtraSpace = false}}) =>\n isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info} />;\n\nconst List = ({skills}) => (\n <FlatList contentContainerStyle={styles.skills} data={skills} renderItem={Item} />\n);\n\nItem.propTypes = {\n item: PropTypes.shape({\n title: PropTypes.string,\n info: PropTypes.string,\n isExtraSpace: PropTypes.bool\n })\n};\n\nList.propTypes = {\n skills: ListSkillsPropTypes.listSkills\n};\n\n// -----------------------------------------------------------------------------\n\n/*\n title: translations.revision.home.noSkills\n text: translations.revision.home.noSkillsDetails\n image: use web svg\n <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />\n*/\nconst NoSkills = ({titleNoSkills, textNoSkills}) => (\n <>\n <Text style={styles.subtitle}>{titleNoSkills}</Text>\n <Text style={styles.text}>{textNoSkills}</Text>\n </>\n);\n\nNoSkills.propTypes = NoSkillsPropTypes;\n\n// -----------------------------------------------------------------------------\n\n// title --> translations.revision.home.title\nconst Skills = props => {\n const {title, listSkills} = props;\n\n return (\n <View style={styles.container}>\n <Text style={styles.title}>{title}</Text>\n {!listSkills || listSkills.length === 0 ? (\n <NoSkills />\n ) : (\n <List skills={[...listSkills, {isExtraSpace: true}]} />\n )}\n </View>\n );\n};\n\nSkills.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","paddingTop","HEADER_HEIGHT","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","subtitle","tiny","opacity","noSkillsImage","alignSelf","width","height","skills","paddingBottom","skill","display","flexDirection","overflow","alignItems","borderRadius","gray","lighter","micro","skillTexts","skillTitle","skillInfo","medium","onSelectSkill","console","log","Skill","info","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","Item","item","List","props","formattedDataList","map","push","skillAriaLabel","NoSkills","translations","appReview","noSkills","Skills","listSkills","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, FlatList, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../template-context';\nimport {Theme} from '../../../variables/theme.native';\n\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport {ItemProps, ListSkillsProps, SkillProps, SkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n subtitle: TextStyle;\n text: TextStyle;\n noSkillsImage: ViewStyle;\n skills: ViewStyle;\n skill: ViewStyle;\n skillTexts: TextStyle;\n skillTitle: TextStyle;\n skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n paddingTop: HEADER_HEIGHT + 20,\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n },\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 skills: {paddingBottom: 100},\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\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = (title: string) => () => {\n // eslint-disable-next-line no-console\n console.log('pressed on', {title});\n};\n\nconst Skill = ({title, info}: SkillProps) => {\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 <Pressable style={styleSheet.skill} onPress={onSelectSkill(title)}>\n <View style={styleSheet.skillTexts}>\n <Text style={styleSheet.skillTitle}>{title}</Text>\n <Text style={styleSheet.skillInfo}>{info}</Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n );\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info}}: ItemProps) => <Skill title={title} info={info} />;\n\ntype ItemDataType = {\n title: string;\n info: string;\n};\n\nconst List = (props: {skills: Array<ListSkillsProps>}) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n const {skills} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const formattedDataList: Array<ItemDataType> = [];\n skills.map(skill =>\n formattedDataList.push({\n title: skill.skillTitle,\n info: skill.skillAriaLabel\n })\n );\n\n return (\n <FlatList\n contentContainerStyle={styleSheet.skills}\n data={formattedDataList}\n renderItem={Item}\n />\n );\n};\n\n// -----------------------------------------------------------------------------\n\nconst NoSkills = () => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme, translations} = 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 <>\n <Text style={styleSheet.subtitle}>{translations.appReview?.noSkills?.title}</Text>\n <Text style={styleSheet.text}>{translations.appReview?.noSkills?.text}</Text>\n <EmptyStateHomeRevision style={styleSheet.noSkillsImage} />\n </>\n );\n};\n\n// -----------------------------------------------------------------------------\n\n// title --> translations.revision.home.title\nconst Skills = (props: SkillsProps) => {\n const {title, listSkills} = 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 // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Text style={styleSheet.title}>{title}</Text>\n {!listSkills || listSkills.length === 0 ? <NoSkills /> : <List skills={listSkills} />}\n </View>\n );\n};\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"mappings":"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"}
package/lib/template/app-review/skills/prop-types.js ADDED
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.SkillPropsTypes = exports.ListPropTypes = exports.ItemPropsTypes = void 0;
5
+
6
+ var _propTypes = _interopRequireDefault(require("prop-types"));
7
+
8
+ var _propTypes2 = require("../../../organism/review-skills/prop-types");
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ const SkillPropsTypes = {
13
+ title: _propTypes.default.string,
14
+ info: _propTypes.default.string
15
+ };
16
+ exports.SkillPropsTypes = SkillPropsTypes;
17
+ const ItemPropsTypes = {
18
+ item: _propTypes.default.shape({
19
+ title: _propTypes.default.string,
20
+ info: _propTypes.default.string,
21
+ isExtraSpace: _propTypes.default.bool
22
+ })
23
+ };
24
+ exports.ItemPropsTypes = ItemPropsTypes;
25
+ const ListPropTypes = {
26
+ skills: _propTypes2.ListSkillsPropTypes.listSkills
27
+ };
28
+ exports.ListPropTypes = ListPropTypes;
29
+ //# sourceMappingURL=prop-types.js.map
package/lib/template/app-review/skills/prop-types.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"prop-types.js","names":["SkillPropsTypes","title","PropTypes","string","info","ItemPropsTypes","item","shape","isExtraSpace","bool","ListPropTypes","skills","ListSkillsPropTypes","listSkills"],"sources":["../../../../src/template/app-review/skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ListSkillsPropTypes} from '../../../organism/review-skills/prop-types';\n\nexport const SkillPropsTypes = {\n title: PropTypes.string,\n info: PropTypes.string\n};\n\nexport const ItemPropsTypes = {\n item: PropTypes.shape({\n title: PropTypes.string,\n info: PropTypes.string,\n isExtraSpace: PropTypes.bool\n })\n};\n\nexport const ListPropTypes = {\n skills: ListSkillsPropTypes.listSkills\n};\n\nexport type SkillProps = {\n title: string;\n info: string;\n};\n\nexport type ItemProps = {\n item: {title: string; info: string};\n};\n\nexport type NoSkillsProps = {\n titleNoSkills: string;\n textNoSkills: string;\n};\n\nexport type ListSkillsProps = {\n skillTitle: string;\n isCustom: boolean;\n 'aria-label': string;\n skillAriaLabel: string;\n buttonLabel: string;\n buttonAriaLabel: string;\n reviseLabel: string;\n reviseAriaLabel: string;\n onClick: () => void;\n};\n\nexport type SkillsProps = {\n title: string;\n listSkills: Array<ListSkillsProps>;\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG;EAC7BC,KAAK,EAAEC,kBAAA,CAAUC,MADY;EAE7BC,IAAI,EAAEF,kBAAA,CAAUC;AAFa,CAAxB;;AAKA,MAAME,cAAc,GAAG;EAC5BC,IAAI,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IACpBN,KAAK,EAAEC,kBAAA,CAAUC,MADG;IAEpBC,IAAI,EAAEF,kBAAA,CAAUC,MAFI;IAGpBK,YAAY,EAAEN,kBAAA,CAAUO;EAHJ,CAAhB;AADsB,CAAvB;;AAQA,MAAMC,aAAa,GAAG;EAC3BC,MAAM,EAAEC,+BAAA,CAAoBC;AADD,CAAtB"}
package/lib/types/translations.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"translations.js","names":[],"sources":["../../src/types/translations.ts"],"sourcesContent":["export type Translations = {\n selectAnAnswer?: string;\n selectSomethingBelow?: string;\n typeHere?: string;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"translations.js","names":[],"sources":["../../src/types/translations.ts"],"sourcesContent":["export type Translations = {\n selectAnAnswer?: string;\n selectSomethingBelow?: string;\n typeHere?: string;\n appReview?: {\n noSkills?: {\n title?: string;\n text?: string;\n };\n };\n};\n"],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.24.1",
3
+ "version": "10.24.3-alpha.8+085f42ee1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -97,12 +97,12 @@
97
97
  "@babel/preset-react": "^7.18.6",
98
98
  "@babel/preset-typescript": "^7.18.6",
99
99
  "@babel/types": "^7.19.0",
100
- "@coorpacademy/css-modules-require-hook": "2.1.5",
100
+ "@coorpacademy/css-modules-require-hook": "2.1.6-alpha.193+085f42ee1",
101
101
  "@coorpacademy/eslint-plugin-coorpacademy": "^10.0.0",
102
102
  "@coorpacademy/react-native-mock-render": "^0.2.4",
103
103
  "@coorpacademy/react-native-slider": "^0.11.1",
104
104
  "@coorpacademy/translate": "6.1.5",
105
- "@coorpacademy/webpack-config": "11.0.0",
105
+ "@coorpacademy/webpack-config": "11.0.1-alpha.10+085f42ee1",
106
106
  "@react-native-community/blur": "^4.2.0",
107
107
  "@storybook/addon-actions": "^6.5.12",
108
108
  "@storybook/addon-controls": "^6.5.12",
@@ -151,5 +151,5 @@
151
151
  "last 2 versions",
152
152
  "IE 11"
153
153
  ],
154
- "gitHead": "59ed58c1e02784b3fbf1bf503ce7117a7288ccda"
154
+ "gitHead": "085f42ee17112db779e2499778858cd65901d316"
155
155
  }