@coorpacademy/components 10.14.7 → 10.15.0

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 (37) hide show
  1. package/es/atom/review-presentation/index.js +3 -1
  2. package/es/atom/review-presentation/index.js.map +1 -1
  3. package/es/atom/review-presentation/style.css +7 -4
  4. package/es/molecule/skill-card/style.css +7 -8
  5. package/es/organism/review-skills/style.css +21 -8
  6. package/es/organism/review-skills/test/fixtures/many-skills.js +39 -0
  7. package/es/organism/review-skills/test/fixtures/many-skills.js.map +1 -1
  8. package/es/template/review-dashboard-skills/index.js +29 -0
  9. package/es/template/review-dashboard-skills/index.js.map +1 -0
  10. package/es/template/review-dashboard-skills/style.css +60 -0
  11. package/es/template/review-dashboard-skills/test/fixtures/loading.js +10 -0
  12. package/es/template/review-dashboard-skills/test/fixtures/loading.js.map +1 -0
  13. package/es/template/review-dashboard-skills/test/fixtures/many-skills.js +10 -0
  14. package/es/template/review-dashboard-skills/test/fixtures/many-skills.js.map +1 -0
  15. package/es/template/review-dashboard-skills/test/fixtures/no-skills.js +10 -0
  16. package/es/template/review-dashboard-skills/test/fixtures/no-skills.js.map +1 -0
  17. package/es/template/review-dashboard-skills/test/fixtures.js +17 -0
  18. package/es/template/review-dashboard-skills/test/fixtures.js.map +1 -0
  19. package/lib/atom/review-presentation/index.js +3 -1
  20. package/lib/atom/review-presentation/index.js.map +1 -1
  21. package/lib/atom/review-presentation/style.css +7 -4
  22. package/lib/molecule/skill-card/style.css +7 -8
  23. package/lib/organism/review-skills/style.css +21 -8
  24. package/lib/organism/review-skills/test/fixtures/many-skills.js +39 -0
  25. package/lib/organism/review-skills/test/fixtures/many-skills.js.map +1 -1
  26. package/lib/template/review-dashboard-skills/index.js +41 -0
  27. package/lib/template/review-dashboard-skills/index.js.map +1 -0
  28. package/lib/template/review-dashboard-skills/style.css +60 -0
  29. package/lib/template/review-dashboard-skills/test/fixtures/loading.js +20 -0
  30. package/lib/template/review-dashboard-skills/test/fixtures/loading.js.map +1 -0
  31. package/lib/template/review-dashboard-skills/test/fixtures/many-skills.js +20 -0
  32. package/lib/template/review-dashboard-skills/test/fixtures/many-skills.js.map +1 -0
  33. package/lib/template/review-dashboard-skills/test/fixtures/no-skills.js +20 -0
  34. package/lib/template/review-dashboard-skills/test/fixtures/no-skills.js.map +1 -0
  35. package/lib/template/review-dashboard-skills/test/fixtures.js +28 -0
  36. package/lib/template/review-dashboard-skills/test/fixtures.js.map +1 -0
  37. package/package.json +2 -2
@@ -58,7 +58,9 @@ const ReviewPresentation = props => {
58
58
  dangerouslySetInnerHTML: {
59
59
  __html: reviewText
60
60
  }
61
- }), /*#__PURE__*/React.createElement("ul", null, map.convert({
61
+ }), /*#__PURE__*/React.createElement("ul", {
62
+ className: style.reviewListWrapper
63
+ }, map.convert({
62
64
  cap: false
63
65
  })((label, key) => {
64
66
  return /*#__PURE__*/React.createElement("li", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","get","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst getIcon = icon => {\n const Icon = get(icon, ICONS);\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n return (\n <div className={style.tooltipContainer}>\n <div className={style.tooltipIconContainer}>\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n <div className={style.toolTip}>\n <div className={style.tooltipText}>{tooltipText}</div>\n </div>\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n <div className={style.reviewListText}>\n {getIcon(key)} {label.text}\n </div>\n <ToolTip tooltipText={label.tooltipText} />\n </div>\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n 'aria-label': PropTypes.string,\n reviewTitle: PropTypes.string,\n reviewText: PropTypes.string,\n labelsList: PropTypes.shape({\n skills: levelItem,\n questions: levelItem,\n lifes: levelItem,\n allright: levelItem\n })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","get","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst getIcon = icon => {\n const Icon = get(icon, ICONS);\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n return (\n <div className={style.tooltipContainer}>\n <div className={style.tooltipIconContainer}>\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n <div className={style.toolTip}>\n <div className={style.tooltipText}>{tooltipText}</div>\n </div>\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n <div className={style.reviewListText}>\n {getIcon(key)} {label.text}\n </div>\n <ToolTip tooltipText={label.tooltipText} />\n </div>\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n 'aria-label': PropTypes.string,\n reviewTitle: PropTypes.string,\n reviewText: PropTypes.string,\n labelsList: PropTypes.shape({\n skills: levelItem,\n questions: levelItem,\n lifes: levelItem,\n allright: levelItem\n })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
@@ -14,13 +14,14 @@
14
14
  font-family: "Gilroy";
15
15
  font-style: normal;
16
16
  color: cm_blue_900;
17
+ user-select: none;
17
18
  }
18
19
 
19
20
  .reviewWrapper {
20
21
  width: 100%;
21
- height: 598px;
22
22
  border-radius: 16px;
23
23
  background-color: xtraLightGrey;
24
+ padding-bottom: 40px;
24
25
  }
25
26
 
26
27
  .reviewTitle {
@@ -29,7 +30,6 @@
29
30
  font-size: 28px;
30
31
  line-height: 36px;
31
32
  padding: 40px 40px 16px;
32
- height: 72px;
33
33
  }
34
34
 
35
35
  .reviewText {
@@ -39,7 +39,6 @@
39
39
  line-height: 22px;
40
40
  margin-bottom: 32px;
41
41
  padding: 0 40px;
42
- height: 198px;
43
42
  opacity: 0.7;
44
43
  overflow: hidden;
45
44
  }
@@ -48,12 +47,16 @@
48
47
  list-style: none;
49
48
  }
50
49
 
50
+ .reviewListWrapper {
51
+ margin-bottom: 0;
52
+ }
53
+
51
54
  .reviewListItemWrapper {
52
55
  display: flex;
53
56
  justify-content: space-between;
54
57
  align-items: center;
55
58
  padding: 8px 16px;
56
- margin: 16px 40px 16px 0px;
59
+ margin: 16px 40px 0 0;
57
60
  background: cm_grey_75;
58
61
  border-radius: 8px;
59
62
  }
@@ -13,15 +13,15 @@
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  max-width: 353px;
16
- min-width: 245px;
17
- height: 242px;
18
- box-shadow: 0px 4px 16px box_shadow_light_dark;
16
+ width: 100%;
17
+ min-height: 242px;
18
+ box-shadow: 0 4px 16px box_shadow_light_dark;
19
19
  transition: box-shadow 0.15s ease-in-out;
20
20
  border-radius: 8px 8px 12px 12px;
21
21
  }
22
22
 
23
23
  .skillCardWrapper:hover {
24
- box-shadow: 0px 4px 48px box_shadow_medium_dark;
24
+ box-shadow: 0 4px 48px box_shadow_medium_dark;
25
25
  }
26
26
 
27
27
  .skillTitle {
@@ -32,9 +32,9 @@
32
32
  display: flex;
33
33
  align-items: center;
34
34
  height: 112px;
35
- border-radius: 8px 8px 0px 0px;
35
+ border-radius: 8px 8px 0 0;
36
36
  color: white;
37
- padding: 0px 24px;
37
+ padding: 0 24px;
38
38
  user-select: none;
39
39
  }
40
40
 
@@ -52,9 +52,8 @@
52
52
  color: cm_grey_400;
53
53
  padding: 16px 24px 24px;
54
54
  user-select: none;
55
-
56
55
  }
57
56
 
58
57
  .buttonWrapper {
59
- padding: 0px 24px;
58
+ padding: 0 24px 24px;
60
59
  }
@@ -37,8 +37,11 @@
37
37
  }
38
38
 
39
39
  .skillCardContainer {
40
- margin: 0px 16px 16px 0px;
41
- width: 298px;
40
+ margin: 0 16px 16px 0;
41
+ max-width: 298px;
42
+ min-width: 205px;
43
+ width: 100%;
44
+ flex: 1 0 33%;
42
45
  }
43
46
 
44
47
  .noSkillsContainer {
@@ -70,9 +73,9 @@
70
73
  }
71
74
 
72
75
  .imgNoSkills {
73
- width: 361px;
74
76
  height: 361px;
75
77
  margin-top: 48px;
78
+ width: 361px;
76
79
  }
77
80
 
78
81
  .loaderContainer {
@@ -89,15 +92,25 @@
89
92
  }
90
93
 
91
94
  @media tablet {
92
- .skillCardContainer {
93
- width: 257px;
95
+ .titleNoSkills, .textNoSkills {
96
+ width: 90%;
97
+ }
98
+
99
+ .imgNoSkills {
100
+ max-width: 361px;
101
+ max-height: 361px;
102
+ width: 100%;
103
+ height: 100%;
94
104
  }
95
105
  }
96
106
 
97
- @media mobile {
107
+ @media mobile {
98
108
  .skillCardContainer {
99
- width: 100%;
100
- margin-right: 0px;
109
+ display: flex;
110
+ flex: 1 0 100%;
111
+ justify-content: center;
112
+ margin-right: 0;
113
+ max-width: 100%;
101
114
  }
102
115
 
103
116
  .titleNoSkills,
@@ -16,6 +16,45 @@ const listSkills = [_extends(_extends({}, cardDefault.props), {}, {
16
16
  }), _extends(_extends({}, cardDefault.props), {}, {
17
17
  skillTitle: 'Critical thinking and analysis',
18
18
  isCustom: true
19
+ }), _extends(_extends({}, cardDefault.props), {}, {
20
+ skillTitle: 'Negotiation and powers of persuasion',
21
+ isCustom: true
22
+ }), _extends(_extends({}, cardDefault.props), {}, {
23
+ skillTitle: 'Digital communication',
24
+ isCustom: false
25
+ }), _extends(_extends({}, cardDefault.props), {}, {
26
+ skillTitle: 'Creativity and innovation',
27
+ isCustom: false
28
+ }), _extends(_extends({}, cardDefault.props), {}, {
29
+ skillTitle: 'Agility',
30
+ isCustom: false
31
+ }), _extends(_extends({}, cardDefault.props), {}, {
32
+ skillTitle: 'Sustainable thinking',
33
+ isCustom: false
34
+ }), _extends(_extends({}, cardDefault.props), {}, {
35
+ skillTitle: 'Critical thinking and analysis',
36
+ isCustom: true
37
+ }), _extends(_extends({}, cardDefault.props), {}, {
38
+ skillTitle: 'Negotiation and powers of persuasion',
39
+ isCustom: true
40
+ }), _extends(_extends({}, cardDefault.props), {}, {
41
+ skillTitle: 'Digital communication',
42
+ isCustom: false
43
+ }), _extends(_extends({}, cardDefault.props), {}, {
44
+ skillTitle: 'Creativity and innovation',
45
+ isCustom: false
46
+ }), _extends(_extends({}, cardDefault.props), {}, {
47
+ skillTitle: 'Agility',
48
+ isCustom: false
49
+ }), _extends(_extends({}, cardDefault.props), {}, {
50
+ skillTitle: 'Sustainable thinking',
51
+ isCustom: false
52
+ }), _extends(_extends({}, cardDefault.props), {}, {
53
+ skillTitle: 'Critical thinking and analysis',
54
+ isCustom: true
55
+ }), _extends(_extends({}, cardDefault.props), {}, {
56
+ skillTitle: 'Negotiation and powers of persuasion',
57
+ isCustom: true
19
58
  })];
20
59
  export default {
21
60
  props: {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["cardDefault","listSkills","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,uDAAxB;AAEA,MAAMC,UAAU,GAAG,uBACbD,WAAW,CAACE,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbJ,WAAW,CAACE,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbJ,WAAW,CAACE,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbJ,WAAW,CAACE,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbJ,WAAW,CAACE,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,GAAnB;AAQA,eAAe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLJ,IAAAA,UAHK;AAILK,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,CAAf","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true}\n];\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Container',\n title: 'Skills you can revise',\n listSkills,\n titleNoSkills: undefined,\n textNoSkills: undefined,\n iconSkillAriaLabel: undefined\n }\n};\n"],"file":"many-skills.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["cardDefault","listSkills","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,uDAAxB;AAEA,MAAMC,UAAU,GAAG,uBACbD,WAAW,CAACE,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbJ,WAAW,CAACE,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbJ,WAAW,CAACE,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbJ,WAAW,CAACE,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbJ,WAAW,CAACE,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,0BAMbJ,WAAW,CAACE,KANC;AAMMC,EAAAA,UAAU,EAAE,sCANlB;AAM0DC,EAAAA,QAAQ,EAAE;AANpE,0BAObJ,WAAW,CAACE,KAPC;AAOMC,EAAAA,UAAU,EAAE,uBAPlB;AAO2CC,EAAAA,QAAQ,EAAE;AAPrD,0BAQbJ,WAAW,CAACE,KARC;AAQMC,EAAAA,UAAU,EAAE,2BARlB;AAQ+CC,EAAAA,QAAQ,EAAE;AARzD,0BASbJ,WAAW,CAACE,KATC;AASMC,EAAAA,UAAU,EAAE,SATlB;AAS6BC,EAAAA,QAAQ,EAAE;AATvC,0BAUbJ,WAAW,CAACE,KAVC;AAUMC,EAAAA,UAAU,EAAE,sBAVlB;AAU0CC,EAAAA,QAAQ,EAAE;AAVpD,0BAWbJ,WAAW,CAACE,KAXC;AAWMC,EAAAA,UAAU,EAAE,gCAXlB;AAWoDC,EAAAA,QAAQ,EAAE;AAX9D,0BAYbJ,WAAW,CAACE,KAZC;AAYMC,EAAAA,UAAU,EAAE,sCAZlB;AAY0DC,EAAAA,QAAQ,EAAE;AAZpE,0BAabJ,WAAW,CAACE,KAbC;AAaMC,EAAAA,UAAU,EAAE,uBAblB;AAa2CC,EAAAA,QAAQ,EAAE;AAbrD,0BAcbJ,WAAW,CAACE,KAdC;AAcMC,EAAAA,UAAU,EAAE,2BAdlB;AAc+CC,EAAAA,QAAQ,EAAE;AAdzD,0BAebJ,WAAW,CAACE,KAfC;AAeMC,EAAAA,UAAU,EAAE,SAflB;AAe6BC,EAAAA,QAAQ,EAAE;AAfvC,0BAgBbJ,WAAW,CAACE,KAhBC;AAgBMC,EAAAA,UAAU,EAAE,sBAhBlB;AAgB0CC,EAAAA,QAAQ,EAAE;AAhBpD,0BAiBbJ,WAAW,CAACE,KAjBC;AAiBMC,EAAAA,UAAU,EAAE,gCAjBlB;AAiBoDC,EAAAA,QAAQ,EAAE;AAjB9D,0BAkBbJ,WAAW,CAACE,KAlBC;AAkBMC,EAAAA,UAAU,EAAE,sCAlBlB;AAkB0DC,EAAAA,QAAQ,EAAE;AAlBpE,GAAnB;AAqBA,eAAe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLJ,IAAAA,UAHK;AAILK,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,CAAf","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true}\n];\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Container',\n title: 'Skills you can revise',\n listSkills,\n titleNoSkills: undefined,\n textNoSkills: undefined,\n iconSkillAriaLabel: undefined\n }\n};\n"],"file":"many-skills.js"}
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import ReviewPresentation from '../../atom/review-presentation';
4
+ import ReviewSkills from '../../organism/review-skills';
5
+ import style from './style.css';
6
+
7
+ const ReviewDashboardSkills = props => {
8
+ const {
9
+ 'aria-label': ariaLabel,
10
+ reviewPresentation,
11
+ reviewSkills
12
+ } = props;
13
+ return /*#__PURE__*/React.createElement("div", {
14
+ className: style.reviewDashboardContainer,
15
+ "aria-label": ariaLabel
16
+ }, /*#__PURE__*/React.createElement("div", {
17
+ className: style.reviewPresentationContainer
18
+ }, /*#__PURE__*/React.createElement(ReviewPresentation, reviewPresentation)), /*#__PURE__*/React.createElement("div", {
19
+ className: style.reviewSkillsContainer
20
+ }, /*#__PURE__*/React.createElement(ReviewSkills, reviewSkills)));
21
+ };
22
+
23
+ ReviewDashboardSkills.propTypes = process.env.NODE_ENV !== "production" ? {
24
+ 'aria-label': PropTypes.string,
25
+ reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),
26
+ reviewSkills: PropTypes.shape(ReviewSkills.propTypes)
27
+ } : {};
28
+ export default ReviewDashboardSkills;
29
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/template/review-dashboard-skills/index.js"],"names":["React","PropTypes","ReviewPresentation","ReviewSkills","style","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","string","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,gCAA/B;AACA,OAAOC,YAAP,MAAyB,8BAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAAC,kBAAcC,SAAf;AAA0BC,IAAAA,kBAA1B;AAA8CC,IAAAA;AAA9C,MAA8DH,KAApE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACM,wBAAtB;AAAgD,kBAAYH;AAA5D,kBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACO;AAAtB,kBACE,oBAAC,kBAAD,EAAwBH,kBAAxB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACQ;AAAtB,kBACE,oBAAC,YAAD,EAAkBH,YAAlB,CADF,CAJF,CADF;AAUD,CAbD;;AAeAJ,qBAAqB,CAACQ,SAAtB,2CAAkC;AAChC,gBAAcZ,SAAS,CAACa,MADQ;AAEhCN,EAAAA,kBAAkB,EAAEP,SAAS,CAACc,KAAV,CAAgBb,kBAAkB,CAACW,SAAnC,CAFY;AAGhCJ,EAAAA,YAAY,EAAER,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACU,SAA7B;AAHkB,CAAlC;AAKA,eAAeR,qBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../../organism/review-skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n return (\n <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n <div className={style.reviewPresentationContainer}>\n <ReviewPresentation {...reviewPresentation} />\n </div>\n <div className={style.reviewSkillsContainer}>\n <ReviewSkills {...reviewSkills} />\n </div>\n </div>\n );\n};\n\nReviewDashboardSkills.propTypes = {\n 'aria-label': PropTypes.string,\n reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"file":"index.js"}
@@ -0,0 +1,60 @@
1
+ @value breakpoints: "../../variables/breakpoints.css";
2
+ @value tablet from breakpoints;
3
+ @value mobile from breakpoints;
4
+
5
+ .reviewDashboardContainer {
6
+ display: flex;
7
+ margin: 48px 64px;
8
+ position: relative;
9
+ box-sizing: border-box;
10
+ overflow: auto;
11
+ height: 100%;
12
+ }
13
+
14
+ .reviewPresentationContainer {
15
+ box-sizing: border-box;
16
+ height: 100%;
17
+ margin-right: 40px;
18
+ max-width: 348px;
19
+ min-width: 348px;
20
+ position: sticky;
21
+ top: 0;
22
+ }
23
+
24
+ .reviewSkillsContainer {
25
+ overflow: auto;
26
+ display: block;
27
+ box-sizing: border-box;
28
+ height: 100%;
29
+ position: relative;
30
+ width: 100%;
31
+ }
32
+
33
+
34
+ @media tablet {
35
+ .reviewDashboardContainer {
36
+ margin: 27px 0px 27px 36px;
37
+ }
38
+
39
+ .reviewPresentationContainer {
40
+ max-width: 326px;
41
+ min-width: 326px;
42
+ }
43
+ }
44
+
45
+ @media mobile {
46
+ .reviewDashboardContainer {
47
+ display: block;
48
+ height: auto;
49
+ margin: 16px 20px;
50
+ position: relative;
51
+ }
52
+
53
+ .reviewPresentationContainer {
54
+ margin-bottom: 40px;
55
+ margin-right: 0;
56
+ max-width: 100%;
57
+ min-width: 100%;
58
+ position: relative;
59
+ }
60
+ }
@@ -0,0 +1,10 @@
1
+ import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';
2
+ import reviewSkills from '../../../../organism/review-skills/test/fixtures/loading';
3
+ export default {
4
+ props: {
5
+ 'aria-label': 'Review Skills Template',
6
+ reviewPresentation: reviewPresentation.props,
7
+ reviewSkills: reviewSkills.props
8
+ }
9
+ };
10
+ //# sourceMappingURL=loading.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/loading.js"],"names":["reviewPresentation","reviewSkills","props"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,4DAA/B;AACA,OAAOC,YAAP,MAAyB,0DAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELF,IAAAA,kBAAkB,EAAEA,kBAAkB,CAACE,KAFlC;AAGLD,IAAAA,YAAY,EAAEA,YAAY,CAACC;AAHtB;AADM,CAAf","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/loading';\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Template',\n reviewPresentation: reviewPresentation.props,\n reviewSkills: reviewSkills.props\n }\n};\n"],"file":"loading.js"}
@@ -0,0 +1,10 @@
1
+ import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';
2
+ import reviewSkills from '../../../../organism/review-skills/test/fixtures/many-skills';
3
+ export default {
4
+ props: {
5
+ 'aria-label': 'Review Skills Template',
6
+ reviewPresentation: reviewPresentation.props,
7
+ reviewSkills: reviewSkills.props
8
+ }
9
+ };
10
+ //# sourceMappingURL=many-skills.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/many-skills.js"],"names":["reviewPresentation","reviewSkills","props"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,4DAA/B;AACA,OAAOC,YAAP,MAAyB,8DAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELF,IAAAA,kBAAkB,EAAEA,kBAAkB,CAACE,KAFlC;AAGLD,IAAAA,YAAY,EAAEA,YAAY,CAACC;AAHtB;AADM,CAAf","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/many-skills';\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Template',\n reviewPresentation: reviewPresentation.props,\n reviewSkills: reviewSkills.props\n }\n};\n"],"file":"many-skills.js"}
@@ -0,0 +1,10 @@
1
+ import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';
2
+ import reviewSkills from '../../../../organism/review-skills/test/fixtures/no-skills';
3
+ export default {
4
+ props: {
5
+ 'aria-label': 'Review Skills Template',
6
+ reviewPresentation: reviewPresentation.props,
7
+ reviewSkills: reviewSkills.props
8
+ }
9
+ };
10
+ //# sourceMappingURL=no-skills.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/no-skills.js"],"names":["reviewPresentation","reviewSkills","props"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,4DAA/B;AACA,OAAOC,YAAP,MAAyB,4DAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELF,IAAAA,kBAAkB,EAAEA,kBAAkB,CAACE,KAFlC;AAGLD,IAAAA,YAAY,EAAEA,YAAY,CAACC;AAHtB;AADM,CAAf","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/no-skills';\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Template',\n reviewPresentation: reviewPresentation.props,\n reviewSkills: reviewSkills.props\n }\n};\n"],"file":"no-skills.js"}
@@ -0,0 +1,17 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import TemplateReviewDashboardSkills from '..';
5
+ import fixtureLoading from './fixtures/loading';
6
+ import fixtureManySkills from './fixtures/many-skills';
7
+ import fixtureNoSkills from './fixtures/no-skills';
8
+ test('Template › TemplateReviewDashboardSkills > should have valid propTypes', t => {
9
+ t.pass();
10
+ forEach(TemplateReviewDashboardSkills.propTypes, (value, key) => {
11
+ t.not(value, undefined, `PropType for "Template.TemplateReviewDashboardSkills.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
+ });
13
+ });
14
+ test('Template › TemplateReviewDashboardSkills › Loading › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureLoading);
15
+ test('Template › TemplateReviewDashboardSkills › ManySkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureManySkills);
16
+ test('Template › TemplateReviewDashboardSkills › NoSkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureNoSkills);
17
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/template/review-dashboard-skills/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateReviewDashboardSkills","fixtureLoading","fixtureManySkills","fixtureNoSkills","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAN,IAAI,CAAC,wEAAD,EAA2EO,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,6BAA6B,CAACM,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,6BAArG,EAAoIE,iBAApI,CAAJ;AACAL,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIG,eAAlI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateReviewDashboardSkills from '..';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureManySkills from './fixtures/many-skills';\nimport fixtureNoSkills from './fixtures/no-skills';\n\ntest('Template › TemplateReviewDashboardSkills > should have valid propTypes', t => {\n t.pass();\n forEach(TemplateReviewDashboardSkills.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Template.TemplateReviewDashboardSkills.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Template › TemplateReviewDashboardSkills › Loading › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureLoading);\ntest('Template › TemplateReviewDashboardSkills › ManySkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureManySkills);\ntest('Template › TemplateReviewDashboardSkills › NoSkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureNoSkills);\n"],"file":"fixtures.js"}
@@ -71,7 +71,9 @@ const ReviewPresentation = props => {
71
71
  dangerouslySetInnerHTML: {
72
72
  __html: reviewText
73
73
  }
74
- }), /*#__PURE__*/_react.default.createElement("ul", null, _map.default.convert({
74
+ }), /*#__PURE__*/_react.default.createElement("ul", {
75
+ className: _style.default.reviewListWrapper
76
+ }, _map.default.convert({
75
77
  cap: false
76
78
  })((label, key) => {
77
79
  return /*#__PURE__*/_react.default.createElement("li", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","getIcon","icon","Icon","style","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","map","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","PropTypes","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst getIcon = icon => {\n const Icon = get(icon, ICONS);\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n return (\n <div className={style.tooltipContainer}>\n <div className={style.tooltipIconContainer}>\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n <div className={style.toolTip}>\n <div className={style.tooltipText}>{tooltipText}</div>\n </div>\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n <div className={style.reviewListText}>\n {getIcon(key)} {label.text}\n </div>\n <ToolTip tooltipText={label.tooltipText} />\n </div>\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n 'aria-label': PropTypes.string,\n reviewTitle: PropTypes.string,\n reviewText: PropTypes.string,\n labelsList: PropTypes.shape({\n skills: levelItem,\n questions: levelItem,\n lifes: levelItem,\n allright: levelItem\n })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","getIcon","icon","Icon","style","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","PropTypes","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst getIcon = icon => {\n const Icon = get(icon, ICONS);\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n return (\n <div className={style.tooltipContainer}>\n <div className={style.tooltipIconContainer}>\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n <div className={style.toolTip}>\n <div className={style.tooltipText}>{tooltipText}</div>\n </div>\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n <div className={style.reviewListText}>\n {getIcon(key)} {label.text}\n </div>\n <ToolTip tooltipText={label.tooltipText} />\n </div>\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n 'aria-label': PropTypes.string,\n reviewTitle: PropTypes.string,\n reviewText: PropTypes.string,\n labelsList: PropTypes.shape({\n skills: levelItem,\n questions: levelItem,\n lifes: levelItem,\n allright: levelItem\n })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
@@ -14,13 +14,14 @@
14
14
  font-family: "Gilroy";
15
15
  font-style: normal;
16
16
  color: cm_blue_900;
17
+ user-select: none;
17
18
  }
18
19
 
19
20
  .reviewWrapper {
20
21
  width: 100%;
21
- height: 598px;
22
22
  border-radius: 16px;
23
23
  background-color: xtraLightGrey;
24
+ padding-bottom: 40px;
24
25
  }
25
26
 
26
27
  .reviewTitle {
@@ -29,7 +30,6 @@
29
30
  font-size: 28px;
30
31
  line-height: 36px;
31
32
  padding: 40px 40px 16px;
32
- height: 72px;
33
33
  }
34
34
 
35
35
  .reviewText {
@@ -39,7 +39,6 @@
39
39
  line-height: 22px;
40
40
  margin-bottom: 32px;
41
41
  padding: 0 40px;
42
- height: 198px;
43
42
  opacity: 0.7;
44
43
  overflow: hidden;
45
44
  }
@@ -48,12 +47,16 @@
48
47
  list-style: none;
49
48
  }
50
49
 
50
+ .reviewListWrapper {
51
+ margin-bottom: 0;
52
+ }
53
+
51
54
  .reviewListItemWrapper {
52
55
  display: flex;
53
56
  justify-content: space-between;
54
57
  align-items: center;
55
58
  padding: 8px 16px;
56
- margin: 16px 40px 16px 0px;
59
+ margin: 16px 40px 0 0;
57
60
  background: cm_grey_75;
58
61
  border-radius: 8px;
59
62
  }
@@ -13,15 +13,15 @@
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  max-width: 353px;
16
- min-width: 245px;
17
- height: 242px;
18
- box-shadow: 0px 4px 16px box_shadow_light_dark;
16
+ width: 100%;
17
+ min-height: 242px;
18
+ box-shadow: 0 4px 16px box_shadow_light_dark;
19
19
  transition: box-shadow 0.15s ease-in-out;
20
20
  border-radius: 8px 8px 12px 12px;
21
21
  }
22
22
 
23
23
  .skillCardWrapper:hover {
24
- box-shadow: 0px 4px 48px box_shadow_medium_dark;
24
+ box-shadow: 0 4px 48px box_shadow_medium_dark;
25
25
  }
26
26
 
27
27
  .skillTitle {
@@ -32,9 +32,9 @@
32
32
  display: flex;
33
33
  align-items: center;
34
34
  height: 112px;
35
- border-radius: 8px 8px 0px 0px;
35
+ border-radius: 8px 8px 0 0;
36
36
  color: white;
37
- padding: 0px 24px;
37
+ padding: 0 24px;
38
38
  user-select: none;
39
39
  }
40
40
 
@@ -52,9 +52,8 @@
52
52
  color: cm_grey_400;
53
53
  padding: 16px 24px 24px;
54
54
  user-select: none;
55
-
56
55
  }
57
56
 
58
57
  .buttonWrapper {
59
- padding: 0px 24px;
58
+ padding: 0 24px 24px;
60
59
  }
@@ -37,8 +37,11 @@
37
37
  }
38
38
 
39
39
  .skillCardContainer {
40
- margin: 0px 16px 16px 0px;
41
- width: 298px;
40
+ margin: 0 16px 16px 0;
41
+ max-width: 298px;
42
+ min-width: 205px;
43
+ width: 100%;
44
+ flex: 1 0 33%;
42
45
  }
43
46
 
44
47
  .noSkillsContainer {
@@ -70,9 +73,9 @@
70
73
  }
71
74
 
72
75
  .imgNoSkills {
73
- width: 361px;
74
76
  height: 361px;
75
77
  margin-top: 48px;
78
+ width: 361px;
76
79
  }
77
80
 
78
81
  .loaderContainer {
@@ -89,15 +92,25 @@
89
92
  }
90
93
 
91
94
  @media tablet {
92
- .skillCardContainer {
93
- width: 257px;
95
+ .titleNoSkills, .textNoSkills {
96
+ width: 90%;
97
+ }
98
+
99
+ .imgNoSkills {
100
+ max-width: 361px;
101
+ max-height: 361px;
102
+ width: 100%;
103
+ height: 100%;
94
104
  }
95
105
  }
96
106
 
97
- @media mobile {
107
+ @media mobile {
98
108
  .skillCardContainer {
99
- width: 100%;
100
- margin-right: 0px;
109
+ display: flex;
110
+ flex: 1 0 100%;
111
+ justify-content: center;
112
+ margin-right: 0;
113
+ max-width: 100%;
101
114
  }
102
115
 
103
116
  .titleNoSkills,
@@ -24,6 +24,45 @@ const listSkills = [_extends(_extends({}, _default2.default.props), {}, {
24
24
  }), _extends(_extends({}, _default2.default.props), {}, {
25
25
  skillTitle: 'Critical thinking and analysis',
26
26
  isCustom: true
27
+ }), _extends(_extends({}, _default2.default.props), {}, {
28
+ skillTitle: 'Negotiation and powers of persuasion',
29
+ isCustom: true
30
+ }), _extends(_extends({}, _default2.default.props), {}, {
31
+ skillTitle: 'Digital communication',
32
+ isCustom: false
33
+ }), _extends(_extends({}, _default2.default.props), {}, {
34
+ skillTitle: 'Creativity and innovation',
35
+ isCustom: false
36
+ }), _extends(_extends({}, _default2.default.props), {}, {
37
+ skillTitle: 'Agility',
38
+ isCustom: false
39
+ }), _extends(_extends({}, _default2.default.props), {}, {
40
+ skillTitle: 'Sustainable thinking',
41
+ isCustom: false
42
+ }), _extends(_extends({}, _default2.default.props), {}, {
43
+ skillTitle: 'Critical thinking and analysis',
44
+ isCustom: true
45
+ }), _extends(_extends({}, _default2.default.props), {}, {
46
+ skillTitle: 'Negotiation and powers of persuasion',
47
+ isCustom: true
48
+ }), _extends(_extends({}, _default2.default.props), {}, {
49
+ skillTitle: 'Digital communication',
50
+ isCustom: false
51
+ }), _extends(_extends({}, _default2.default.props), {}, {
52
+ skillTitle: 'Creativity and innovation',
53
+ isCustom: false
54
+ }), _extends(_extends({}, _default2.default.props), {}, {
55
+ skillTitle: 'Agility',
56
+ isCustom: false
57
+ }), _extends(_extends({}, _default2.default.props), {}, {
58
+ skillTitle: 'Sustainable thinking',
59
+ isCustom: false
60
+ }), _extends(_extends({}, _default2.default.props), {}, {
61
+ skillTitle: 'Critical thinking and analysis',
62
+ isCustom: true
63
+ }), _extends(_extends({}, _default2.default.props), {}, {
64
+ skillTitle: 'Negotiation and powers of persuasion',
65
+ isCustom: true
27
66
  })];
28
67
  var _default = {
29
68
  props: {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["listSkills","cardDefault","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,UAAU,GAAG,uBACbC,kBAAYC,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbH,kBAAYC,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbH,kBAAYC,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbH,kBAAYC,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbH,kBAAYC,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,GAAnB;eAQe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLL,IAAAA,UAHK;AAILM,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,C","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true}\n];\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Container',\n title: 'Skills you can revise',\n listSkills,\n titleNoSkills: undefined,\n textNoSkills: undefined,\n iconSkillAriaLabel: undefined\n }\n};\n"],"file":"many-skills.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["listSkills","cardDefault","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,UAAU,GAAG,uBACbC,kBAAYC,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbH,kBAAYC,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbH,kBAAYC,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbH,kBAAYC,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbH,kBAAYC,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,0BAMbH,kBAAYC,KANC;AAMMC,EAAAA,UAAU,EAAE,sCANlB;AAM0DC,EAAAA,QAAQ,EAAE;AANpE,0BAObH,kBAAYC,KAPC;AAOMC,EAAAA,UAAU,EAAE,uBAPlB;AAO2CC,EAAAA,QAAQ,EAAE;AAPrD,0BAQbH,kBAAYC,KARC;AAQMC,EAAAA,UAAU,EAAE,2BARlB;AAQ+CC,EAAAA,QAAQ,EAAE;AARzD,0BASbH,kBAAYC,KATC;AASMC,EAAAA,UAAU,EAAE,SATlB;AAS6BC,EAAAA,QAAQ,EAAE;AATvC,0BAUbH,kBAAYC,KAVC;AAUMC,EAAAA,UAAU,EAAE,sBAVlB;AAU0CC,EAAAA,QAAQ,EAAE;AAVpD,0BAWbH,kBAAYC,KAXC;AAWMC,EAAAA,UAAU,EAAE,gCAXlB;AAWoDC,EAAAA,QAAQ,EAAE;AAX9D,0BAYbH,kBAAYC,KAZC;AAYMC,EAAAA,UAAU,EAAE,sCAZlB;AAY0DC,EAAAA,QAAQ,EAAE;AAZpE,0BAabH,kBAAYC,KAbC;AAaMC,EAAAA,UAAU,EAAE,uBAblB;AAa2CC,EAAAA,QAAQ,EAAE;AAbrD,0BAcbH,kBAAYC,KAdC;AAcMC,EAAAA,UAAU,EAAE,2BAdlB;AAc+CC,EAAAA,QAAQ,EAAE;AAdzD,0BAebH,kBAAYC,KAfC;AAeMC,EAAAA,UAAU,EAAE,SAflB;AAe6BC,EAAAA,QAAQ,EAAE;AAfvC,0BAgBbH,kBAAYC,KAhBC;AAgBMC,EAAAA,UAAU,EAAE,sBAhBlB;AAgB0CC,EAAAA,QAAQ,EAAE;AAhBpD,0BAiBbH,kBAAYC,KAjBC;AAiBMC,EAAAA,UAAU,EAAE,gCAjBlB;AAiBoDC,EAAAA,QAAQ,EAAE;AAjB9D,0BAkBbH,kBAAYC,KAlBC;AAkBMC,EAAAA,UAAU,EAAE,sCAlBlB;AAkB0DC,EAAAA,QAAQ,EAAE;AAlBpE,GAAnB;eAqBe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLL,IAAAA,UAHK;AAILM,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,C","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true}\n];\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Container',\n title: 'Skills you can revise',\n listSkills,\n titleNoSkills: undefined,\n textNoSkills: undefined,\n iconSkillAriaLabel: undefined\n }\n};\n"],"file":"many-skills.js"}
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _react = _interopRequireDefault(require("react"));
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ var _reviewPresentation = _interopRequireDefault(require("../../atom/review-presentation"));
11
+
12
+ var _reviewSkills = _interopRequireDefault(require("../../organism/review-skills"));
13
+
14
+ var _style = _interopRequireDefault(require("./style.css"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ const ReviewDashboardSkills = props => {
19
+ const {
20
+ 'aria-label': ariaLabel,
21
+ reviewPresentation,
22
+ reviewSkills
23
+ } = props;
24
+ return /*#__PURE__*/_react.default.createElement("div", {
25
+ className: _style.default.reviewDashboardContainer,
26
+ "aria-label": ariaLabel
27
+ }, /*#__PURE__*/_react.default.createElement("div", {
28
+ className: _style.default.reviewPresentationContainer
29
+ }, /*#__PURE__*/_react.default.createElement(_reviewPresentation.default, reviewPresentation)), /*#__PURE__*/_react.default.createElement("div", {
30
+ className: _style.default.reviewSkillsContainer
31
+ }, /*#__PURE__*/_react.default.createElement(_reviewSkills.default, reviewSkills)));
32
+ };
33
+
34
+ ReviewDashboardSkills.propTypes = process.env.NODE_ENV !== "production" ? {
35
+ 'aria-label': _propTypes.default.string,
36
+ reviewPresentation: _propTypes.default.shape(_reviewPresentation.default.propTypes),
37
+ reviewSkills: _propTypes.default.shape(_reviewSkills.default.propTypes)
38
+ } : {};
39
+ var _default = ReviewDashboardSkills;
40
+ exports.default = _default;
41
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/template/review-dashboard-skills/index.js"],"names":["ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","style","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","PropTypes","string","shape","ReviewPresentation","ReviewSkills"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAAC,kBAAcC,SAAf;AAA0BC,IAAAA,kBAA1B;AAA8CC,IAAAA;AAA9C,MAA8DH,KAApE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEI,eAAMC,wBAAtB;AAAgD,kBAAYJ;AAA5D,kBACE;AAAK,IAAA,SAAS,EAAEG,eAAME;AAAtB,kBACE,6BAAC,2BAAD,EAAwBJ,kBAAxB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEE,eAAMG;AAAtB,kBACE,6BAAC,qBAAD,EAAkBJ,YAAlB,CADF,CAJF,CADF;AAUD,CAbD;;AAeAJ,qBAAqB,CAACS,SAAtB,2CAAkC;AAChC,gBAAcC,mBAAUC,MADQ;AAEhCR,EAAAA,kBAAkB,EAAEO,mBAAUE,KAAV,CAAgBC,4BAAmBJ,SAAnC,CAFY;AAGhCL,EAAAA,YAAY,EAAEM,mBAAUE,KAAV,CAAgBE,sBAAaL,SAA7B;AAHkB,CAAlC;eAKeT,qB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../../organism/review-skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n return (\n <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n <div className={style.reviewPresentationContainer}>\n <ReviewPresentation {...reviewPresentation} />\n </div>\n <div className={style.reviewSkillsContainer}>\n <ReviewSkills {...reviewSkills} />\n </div>\n </div>\n );\n};\n\nReviewDashboardSkills.propTypes = {\n 'aria-label': PropTypes.string,\n reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"file":"index.js"}
@@ -0,0 +1,60 @@
1
+ @value breakpoints: "../../variables/breakpoints.css";
2
+ @value tablet from breakpoints;
3
+ @value mobile from breakpoints;
4
+
5
+ .reviewDashboardContainer {
6
+ display: flex;
7
+ margin: 48px 64px;
8
+ position: relative;
9
+ box-sizing: border-box;
10
+ overflow: auto;
11
+ height: 100%;
12
+ }
13
+
14
+ .reviewPresentationContainer {
15
+ box-sizing: border-box;
16
+ height: 100%;
17
+ margin-right: 40px;
18
+ max-width: 348px;
19
+ min-width: 348px;
20
+ position: sticky;
21
+ top: 0;
22
+ }
23
+
24
+ .reviewSkillsContainer {
25
+ overflow: auto;
26
+ display: block;
27
+ box-sizing: border-box;
28
+ height: 100%;
29
+ position: relative;
30
+ width: 100%;
31
+ }
32
+
33
+
34
+ @media tablet {
35
+ .reviewDashboardContainer {
36
+ margin: 27px 0px 27px 36px;
37
+ }
38
+
39
+ .reviewPresentationContainer {
40
+ max-width: 326px;
41
+ min-width: 326px;
42
+ }
43
+ }
44
+
45
+ @media mobile {
46
+ .reviewDashboardContainer {
47
+ display: block;
48
+ height: auto;
49
+ margin: 16px 20px;
50
+ position: relative;
51
+ }
52
+
53
+ .reviewPresentationContainer {
54
+ margin-bottom: 40px;
55
+ margin-right: 0;
56
+ max-width: 100%;
57
+ min-width: 100%;
58
+ position: relative;
59
+ }
60
+ }
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _default2 = _interopRequireDefault(require("../../../../atom/review-presentation/test/fixtures/default"));
7
+
8
+ var _loading = _interopRequireDefault(require("../../../../organism/review-skills/test/fixtures/loading"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ var _default = {
13
+ props: {
14
+ 'aria-label': 'Review Skills Template',
15
+ reviewPresentation: _default2.default.props,
16
+ reviewSkills: _loading.default.props
17
+ }
18
+ };
19
+ exports.default = _default;
20
+ //# sourceMappingURL=loading.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/loading.js"],"names":["props","reviewPresentation","reviewSkills"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELC,IAAAA,kBAAkB,EAAEA,kBAAmBD,KAFlC;AAGLE,IAAAA,YAAY,EAAEA,iBAAaF;AAHtB;AADM,C","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/loading';\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Template',\n reviewPresentation: reviewPresentation.props,\n reviewSkills: reviewSkills.props\n }\n};\n"],"file":"loading.js"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _default2 = _interopRequireDefault(require("../../../../atom/review-presentation/test/fixtures/default"));
7
+
8
+ var _manySkills = _interopRequireDefault(require("../../../../organism/review-skills/test/fixtures/many-skills"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ var _default = {
13
+ props: {
14
+ 'aria-label': 'Review Skills Template',
15
+ reviewPresentation: _default2.default.props,
16
+ reviewSkills: _manySkills.default.props
17
+ }
18
+ };
19
+ exports.default = _default;
20
+ //# sourceMappingURL=many-skills.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/many-skills.js"],"names":["props","reviewPresentation","reviewSkills"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELC,IAAAA,kBAAkB,EAAEA,kBAAmBD,KAFlC;AAGLE,IAAAA,YAAY,EAAEA,oBAAaF;AAHtB;AADM,C","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/many-skills';\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Template',\n reviewPresentation: reviewPresentation.props,\n reviewSkills: reviewSkills.props\n }\n};\n"],"file":"many-skills.js"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _default2 = _interopRequireDefault(require("../../../../atom/review-presentation/test/fixtures/default"));
7
+
8
+ var _noSkills = _interopRequireDefault(require("../../../../organism/review-skills/test/fixtures/no-skills"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ var _default = {
13
+ props: {
14
+ 'aria-label': 'Review Skills Template',
15
+ reviewPresentation: _default2.default.props,
16
+ reviewSkills: _noSkills.default.props
17
+ }
18
+ };
19
+ exports.default = _default;
20
+ //# sourceMappingURL=no-skills.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/no-skills.js"],"names":["props","reviewPresentation","reviewSkills"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELC,IAAAA,kBAAkB,EAAEA,kBAAmBD,KAFlC;AAGLE,IAAAA,YAAY,EAAEA,kBAAaF;AAHtB;AADM,C","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/no-skills';\n\nexport default {\n props: {\n 'aria-label': 'Review Skills Template',\n reviewPresentation: reviewPresentation.props,\n reviewSkills: reviewSkills.props\n }\n};\n"],"file":"no-skills.js"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _loading = _interopRequireDefault(require("./fixtures/loading"));
12
+
13
+ var _manySkills = _interopRequireDefault(require("./fixtures/many-skills"));
14
+
15
+ var _noSkills = _interopRequireDefault(require("./fixtures/no-skills"));
16
+
17
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
+
19
+ (0, _ava.default)('Template › TemplateReviewDashboardSkills > should have valid propTypes', t => {
20
+ t.pass();
21
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
22
+ t.not(value, undefined, `PropType for "Template.TemplateReviewDashboardSkills.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
23
+ });
24
+ });
25
+ (0, _ava.default)('Template › TemplateReviewDashboardSkills › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
26
+ (0, _ava.default)('Template › TemplateReviewDashboardSkills › ManySkills › should be rendered', _renderComponent.default, _.default, _manySkills.default);
27
+ (0, _ava.default)('Template › TemplateReviewDashboardSkills › NoSkills › should be rendered', _renderComponent.default, _.default, _noSkills.default);
28
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/template/review-dashboard-skills/test/fixtures.js"],"names":["t","pass","TemplateReviewDashboardSkills","propTypes","value","key","not","undefined","renderComponentMacro","fixtureLoading","fixtureManySkills","fixtureNoSkills"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wEAAL,EAA+EA,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA8BC,SAAtC,EAAiD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yEAAL,EAAgFG,wBAAhF,EAAsGN,SAAtG,EAAqIO,gBAArI;AACA,kBAAK,4EAAL,EAAmFD,wBAAnF,EAAyGN,SAAzG,EAAwIQ,mBAAxI;AACA,kBAAK,0EAAL,EAAiFF,wBAAjF,EAAuGN,SAAvG,EAAsIS,iBAAtI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateReviewDashboardSkills from '..';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureManySkills from './fixtures/many-skills';\nimport fixtureNoSkills from './fixtures/no-skills';\n\ntest('Template › TemplateReviewDashboardSkills > should have valid propTypes', t => {\n t.pass();\n forEach(TemplateReviewDashboardSkills.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Template.TemplateReviewDashboardSkills.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Template › TemplateReviewDashboardSkills › Loading › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureLoading);\ntest('Template › TemplateReviewDashboardSkills › ManySkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureManySkills);\ntest('Template › TemplateReviewDashboardSkills › NoSkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureNoSkills);\n"],"file":"fixtures.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.14.7",
3
+ "version": "10.15.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -119,5 +119,5 @@
119
119
  "webpack-hot-middleware": "^2.25.0"
120
120
  },
121
121
  "author": "CoorpAcademy",
122
- "gitHead": "a18c3b601496a5a11ae36df21d1a65a36e0b40c6"
122
+ "gitHead": "e5de9205c3ad9f23ff62112215e9fda6d78ca1af"
123
123
  }