@coorpacademy/components 10.28.2 → 10.28.3
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.
- package/es/molecule/review-correction-popin/index.d.ts.map +1 -1
- package/es/molecule/review-correction-popin/index.js +13 -5
- package/es/molecule/review-correction-popin/index.js.map +1 -1
- package/es/molecule/skill-card/index.native.d.ts +5 -0
- package/es/molecule/skill-card/index.native.d.ts.map +1 -0
- package/es/molecule/skill-card/index.native.js +82 -0
- package/es/molecule/skill-card/index.native.js.map +1 -0
- package/es/molecule/skill-card/prop-types.d.ts +14 -3
- package/es/molecule/skill-card/prop-types.d.ts.map +1 -1
- package/es/molecule/skill-card/prop-types.js +2 -1
- package/es/molecule/skill-card/prop-types.js.map +1 -1
- package/es/organism/review-no-skills/index.d.ts +11 -0
- package/es/organism/review-no-skills/index.d.ts.map +1 -0
- package/es/organism/review-no-skills/index.js +25 -0
- package/es/organism/review-no-skills/index.js.map +1 -0
- package/es/organism/review-no-skills/index.native.d.ts +5 -0
- package/es/organism/review-no-skills/index.native.d.ts.map +1 -0
- package/es/organism/review-no-skills/index.native.js +59 -0
- package/es/organism/review-no-skills/index.native.js.map +1 -0
- package/es/organism/review-no-skills/prop-types.d.ts +13 -0
- package/es/organism/review-no-skills/prop-types.d.ts.map +1 -0
- package/es/organism/review-no-skills/prop-types.js +8 -0
- package/es/organism/review-no-skills/prop-types.js.map +1 -0
- package/es/organism/review-no-skills/style.css +73 -0
- package/es/organism/review-skills/index.d.ts +5 -3
- package/es/organism/review-skills/index.d.ts.map +1 -1
- package/es/organism/review-skills/index.js +3 -60
- package/es/organism/review-skills/index.js.map +1 -1
- package/es/organism/review-skills/index.native.d.ts +5 -0
- package/es/organism/review-skills/index.native.d.ts.map +1 -0
- package/es/organism/review-skills/index.native.js +46 -0
- package/es/organism/review-skills/index.native.js.map +1 -0
- package/es/organism/review-skills/prop-types.d.ts +7 -28
- package/es/organism/review-skills/prop-types.d.ts.map +1 -1
- package/es/organism/review-skills/prop-types.js +4 -16
- package/es/organism/review-skills/prop-types.js.map +1 -1
- package/es/organism/review-skills/style.css +3 -106
- package/es/template/app-review/index.d.ts +7 -7
- package/es/template/app-review/index.js +1 -5
- package/es/template/app-review/index.js.map +1 -1
- package/es/template/app-review/index.native.d.ts.map +1 -1
- package/es/template/app-review/index.native.js +3 -1
- package/es/template/app-review/index.native.js.map +1 -1
- package/es/template/app-review/prop-types.d.ts +9 -9
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/app-review/prop-types.js.map +1 -1
- package/es/template/app-review/skills/index.d.ts +6 -2
- package/es/template/app-review/skills/index.d.ts.map +1 -1
- package/es/template/app-review/skills/index.js +46 -2
- package/es/template/app-review/skills/index.js.map +1 -1
- package/es/template/app-review/skills/index.native.d.ts +3 -3
- package/es/template/app-review/skills/index.native.d.ts.map +1 -1
- package/es/template/app-review/skills/index.native.js +26 -176
- package/es/template/app-review/skills/index.native.js.map +1 -1
- package/es/template/app-review/skills/prop-types.d.ts +14 -38
- package/es/template/app-review/skills/prop-types.d.ts.map +1 -1
- package/es/template/app-review/skills/prop-types.js +10 -13
- package/es/template/app-review/skills/prop-types.js.map +1 -1
- package/es/template/app-review/skills/style.css +49 -0
- package/es/template/review-dashboard-skills/index.d.ts +7 -7
- package/es/template/review-dashboard-skills/index.js +1 -1
- package/es/template/review-dashboard-skills/index.js.map +1 -1
- package/lib/molecule/review-correction-popin/index.d.ts.map +1 -1
- package/lib/molecule/review-correction-popin/index.js +13 -5
- package/lib/molecule/review-correction-popin/index.js.map +1 -1
- package/lib/molecule/skill-card/index.native.d.ts +5 -0
- package/lib/molecule/skill-card/index.native.d.ts.map +1 -0
- package/lib/molecule/skill-card/index.native.js +95 -0
- package/lib/molecule/skill-card/index.native.js.map +1 -0
- package/lib/molecule/skill-card/prop-types.d.ts +14 -3
- package/lib/molecule/skill-card/prop-types.d.ts.map +1 -1
- package/lib/molecule/skill-card/prop-types.js +2 -1
- package/lib/molecule/skill-card/prop-types.js.map +1 -1
- package/lib/organism/review-no-skills/index.d.ts +11 -0
- package/lib/organism/review-no-skills/index.d.ts.map +1 -0
- package/lib/organism/review-no-skills/index.js +36 -0
- package/lib/organism/review-no-skills/index.js.map +1 -0
- package/lib/organism/review-no-skills/index.native.d.ts +5 -0
- package/lib/organism/review-no-skills/index.native.d.ts.map +1 -0
- package/lib/organism/review-no-skills/index.native.js +72 -0
- package/lib/organism/review-no-skills/index.native.js.map +1 -0
- package/lib/organism/review-no-skills/prop-types.d.ts +13 -0
- package/lib/organism/review-no-skills/prop-types.d.ts.map +1 -0
- package/lib/organism/review-no-skills/prop-types.js +17 -0
- package/lib/organism/review-no-skills/prop-types.js.map +1 -0
- package/lib/organism/review-no-skills/style.css +73 -0
- package/lib/organism/review-skills/index.d.ts +5 -3
- package/lib/organism/review-skills/index.d.ts.map +1 -1
- package/lib/organism/review-skills/index.js +3 -67
- package/lib/organism/review-skills/index.js.map +1 -1
- package/lib/organism/review-skills/index.native.d.ts +5 -0
- package/lib/organism/review-skills/index.native.d.ts.map +1 -0
- package/lib/organism/review-skills/index.native.js +57 -0
- package/lib/organism/review-skills/index.native.js.map +1 -0
- package/lib/organism/review-skills/prop-types.d.ts +7 -28
- package/lib/organism/review-skills/prop-types.d.ts.map +1 -1
- package/lib/organism/review-skills/prop-types.js +3 -19
- package/lib/organism/review-skills/prop-types.js.map +1 -1
- package/lib/organism/review-skills/style.css +3 -106
- package/lib/template/app-review/index.d.ts +7 -7
- package/lib/template/app-review/index.js +1 -5
- package/lib/template/app-review/index.js.map +1 -1
- package/lib/template/app-review/index.native.d.ts.map +1 -1
- package/lib/template/app-review/index.native.js +4 -1
- package/lib/template/app-review/index.native.js.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +9 -9
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.js.map +1 -1
- package/lib/template/app-review/skills/index.d.ts +6 -2
- package/lib/template/app-review/skills/index.d.ts.map +1 -1
- package/lib/template/app-review/skills/index.js +51 -1
- package/lib/template/app-review/skills/index.js.map +1 -1
- package/lib/template/app-review/skills/index.native.d.ts +3 -3
- package/lib/template/app-review/skills/index.native.d.ts.map +1 -1
- package/lib/template/app-review/skills/index.native.js +28 -175
- package/lib/template/app-review/skills/index.native.js.map +1 -1
- package/lib/template/app-review/skills/prop-types.d.ts +14 -38
- package/lib/template/app-review/skills/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/skills/prop-types.js +12 -17
- package/lib/template/app-review/skills/prop-types.js.map +1 -1
- package/lib/template/app-review/skills/style.css +49 -0
- package/lib/template/review-dashboard-skills/index.d.ts +7 -7
- package/lib/template/review-dashboard-skills/index.js +3 -3
- package/lib/template/review-dashboard-skills/index.js.map +1 -1
- package/package.json +2 -2
- package/es/template/app-review/skills/stories.d.ts +0 -1
- package/es/template/app-review/skills/stories.d.ts.map +0 -1
- package/es/template/app-review/skills/stories.js +0 -15
- package/es/template/app-review/skills/stories.js.map +0 -1
- package/lib/template/app-review/skills/stories.d.ts +0 -1
- package/lib/template/app-review/skills/stories.d.ts.map +0 -1
- package/lib/template/app-review/skills/stories.js +0 -16
- package/lib/template/app-review/skills/stories.js.map +0 -1
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
|
|
10
|
+
var _novaIcons = require("@coorpacademy/nova-icons");
|
|
11
|
+
|
|
12
|
+
var _templateContext = require("../../template/app-review/template-context");
|
|
13
|
+
|
|
14
|
+
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); }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
const createStyleSheet = theme => _reactNative.StyleSheet.create({
|
|
19
|
+
skill: {
|
|
20
|
+
display: 'flex',
|
|
21
|
+
flexDirection: 'row',
|
|
22
|
+
overflow: 'hidden',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
height: 118,
|
|
25
|
+
borderRadius: 8,
|
|
26
|
+
backgroundColor: theme.colors.gray.lighter,
|
|
27
|
+
marginTop: theme.spacing.micro,
|
|
28
|
+
marginBottom: theme.spacing.micro,
|
|
29
|
+
padding: theme.spacing.base
|
|
30
|
+
},
|
|
31
|
+
skillTexts: {
|
|
32
|
+
flex: 1,
|
|
33
|
+
flexDirection: 'column'
|
|
34
|
+
},
|
|
35
|
+
skillTitle: {
|
|
36
|
+
fontSize: 18,
|
|
37
|
+
fontWeight: '600',
|
|
38
|
+
lineHeight: 22,
|
|
39
|
+
color: theme.colors.text.primary,
|
|
40
|
+
marginBottom: theme.spacing.tiny
|
|
41
|
+
},
|
|
42
|
+
skillInfo: {
|
|
43
|
+
fontSize: 12,
|
|
44
|
+
lineHeight: 16,
|
|
45
|
+
color: theme.colors.gray.medium
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
const SkillCard = props => {
|
|
50
|
+
const templateContext = (0, _templateContext.useTemplateContext)();
|
|
51
|
+
const [styleSheet, setStylesheet] = (0, _react.useState)(null);
|
|
52
|
+
const {
|
|
53
|
+
theme
|
|
54
|
+
} = templateContext;
|
|
55
|
+
const {
|
|
56
|
+
skillTitle,
|
|
57
|
+
skillAriaLabel,
|
|
58
|
+
reviseLabel,
|
|
59
|
+
reviseAriaLabel,
|
|
60
|
+
onClick,
|
|
61
|
+
buttonAriaLabel
|
|
62
|
+
} = props;
|
|
63
|
+
(0, _react.useEffect)(() => {
|
|
64
|
+
const _stylesheet = createStyleSheet(theme);
|
|
65
|
+
|
|
66
|
+
setStylesheet(_stylesheet);
|
|
67
|
+
}, [theme]);
|
|
68
|
+
|
|
69
|
+
if (!styleSheet) {
|
|
70
|
+
return null;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
74
|
+
style: styleSheet.skill,
|
|
75
|
+
onPress: onClick,
|
|
76
|
+
accessibilityRole: "button",
|
|
77
|
+
accessibilityLabel: buttonAriaLabel
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
79
|
+
style: styleSheet.skillTexts
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
81
|
+
style: styleSheet.skillTitle,
|
|
82
|
+
accessibilityLabel: skillAriaLabel || skillTitle
|
|
83
|
+
}, skillTitle), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
84
|
+
style: styleSheet.skillInfo,
|
|
85
|
+
accessibilityLabel: reviseAriaLabel
|
|
86
|
+
}, reviseLabel)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
|
|
87
|
+
color: "#ededed",
|
|
88
|
+
height: 20,
|
|
89
|
+
width: 20
|
|
90
|
+
}));
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
var _default = SkillCard;
|
|
94
|
+
exports.default = _default;
|
|
95
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","useEffect","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n skill: ViewStyle;\n skillTexts: TextStyle;\n skillTitle: TextStyle;\n skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n skill: {\n display: 'flex',\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 118,\n borderRadius: 8,\n backgroundColor: theme.colors.gray.lighter,\n marginTop: theme.spacing.micro,\n marginBottom: theme.spacing.micro,\n padding: theme.spacing.base\n },\n skillTexts: {\n flex: 1,\n flexDirection: 'column'\n },\n skillTitle: {\n fontSize: 18,\n fontWeight: '600',\n lineHeight: 22,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.tiny\n },\n skillInfo: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.gray.medium\n }\n });\n\nconst SkillCard = (props: SkillCardProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <Pressable\n style={styleSheet.skill}\n onPress={onClick}\n accessibilityRole=\"button\"\n accessibilityLabel={buttonAriaLabel}\n >\n <View style={styleSheet.skillTexts}>\n <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n {skillTitle}\n </Text>\n <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n {reviseLabel}\n </Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n );\n};\n\nexport default SkillCard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAWA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAEV,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEd,KAAK,CAACe,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAElB,KAAK,CAACe,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACtC;EAAD,IAAUkC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAaiB,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJV,KADF;EAGA,IAAAW,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG9C,gBAAgB,CAACC,KAAD,CAApC;;IACAqC,aAAa,CAACQ,WAAD,CAAb;EACD,CAHD,EAGG,CAAC7C,KAAD,CAHH;;EAKA,IAAI,CAACoC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,sBAAD;IACE,KAAK,EAAEA,UAAU,CAACjC,KADpB;IAEE,OAAO,EAAEuC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEP,UAAU,CAAChB;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEgB,UAAU,CAACd,UAAxB;IAAoC,kBAAkB,EAAEiB,cAAc,IAAIjB;EAA1E,GACGA,UADH,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEc,UAAU,CAACN,SAAxB;IAAmC,kBAAkB,EAAEW;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,6BAAC,8CAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;eAoCeR,S"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
declare const propTypes: {
|
|
2
3
|
'aria-label': PropTypes.Requireable<string>;
|
|
3
4
|
skillTitle: PropTypes.Requireable<string>;
|
|
4
5
|
skillAriaLabel: PropTypes.Requireable<string>;
|
|
@@ -9,6 +10,16 @@ declare const _default: {
|
|
|
9
10
|
isCustom: PropTypes.Requireable<boolean>;
|
|
10
11
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
12
|
};
|
|
12
|
-
export default
|
|
13
|
-
|
|
13
|
+
export default propTypes;
|
|
14
|
+
export declare type SkillCardProps = {
|
|
15
|
+
'aria-label': string;
|
|
16
|
+
skillTitle: string;
|
|
17
|
+
skillAriaLabel: string;
|
|
18
|
+
buttonLabel: string;
|
|
19
|
+
buttonAriaLabel: string;
|
|
20
|
+
reviseLabel: string;
|
|
21
|
+
reviseAriaLabel: string;
|
|
22
|
+
isCustom: boolean;
|
|
23
|
+
onClick: () => void;
|
|
24
|
+
};
|
|
14
25
|
//# sourceMappingURL=prop-types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}
|
|
@@ -7,7 +7,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
7
7
|
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const propTypes = {
|
|
11
11
|
'aria-label': _propTypes.default.string,
|
|
12
12
|
skillTitle: _propTypes.default.string,
|
|
13
13
|
skillAriaLabel: _propTypes.default.string,
|
|
@@ -18,5 +18,6 @@ var _default = {
|
|
|
18
18
|
isCustom: _propTypes.default.bool,
|
|
19
19
|
onClick: _propTypes.default.func
|
|
20
20
|
};
|
|
21
|
+
var _default = propTypes;
|
|
21
22
|
exports.default = _default;
|
|
22
23
|
//# sourceMappingURL=prop-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","names":["PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.
|
|
1
|
+
{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n 'aria-label': PropTypes.string,\n skillTitle: PropTypes.string,\n skillAriaLabel: PropTypes.string,\n buttonLabel: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n reviseLabel: PropTypes.string,\n reviseAriaLabel: PropTypes.string,\n isCustom: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n 'aria-label': string;\n skillTitle: string;\n skillAriaLabel: string;\n buttonLabel: string;\n buttonAriaLabel: string;\n reviseLabel: string;\n reviseAriaLabel: string;\n isCustom: boolean;\n onClick: () => void;\n};\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhBC,UAAU,EAAEF,kBAAA,CAAUC,MAFN;EAGhBE,cAAc,EAAEH,kBAAA,CAAUC,MAHV;EAIhBG,WAAW,EAAEJ,kBAAA,CAAUC,MAJP;EAKhBI,eAAe,EAAEL,kBAAA,CAAUC,MALX;EAMhBK,WAAW,EAAEN,kBAAA,CAAUC,MANP;EAOhBM,eAAe,EAAEP,kBAAA,CAAUC,MAPX;EAQhBO,QAAQ,EAAER,kBAAA,CAAUS,IARJ;EAShBC,OAAO,EAAEV,kBAAA,CAAUW;AATH,CAAlB;eAYeZ,S"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default ReviewNoSkills;
|
|
2
|
+
declare function ReviewNoSkills({ titleNoSkills, textNoSkills, iconSkillAriaLabel }: {
|
|
3
|
+
titleNoSkills: any;
|
|
4
|
+
textNoSkills: any;
|
|
5
|
+
iconSkillAriaLabel: any;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
declare namespace ReviewNoSkills {
|
|
8
|
+
export { propTypes };
|
|
9
|
+
}
|
|
10
|
+
import propTypes from "./prop-types";
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/index.js"],"names":[],"mappings":";AAKA;;;;gBAQC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
|
|
8
|
+
var _novaIcons = require("@coorpacademy/nova-icons");
|
|
9
|
+
|
|
10
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
11
|
+
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("./prop-types"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
const ReviewNoSkills = ({
|
|
17
|
+
titleNoSkills,
|
|
18
|
+
textNoSkills,
|
|
19
|
+
iconSkillAriaLabel
|
|
20
|
+
}) => {
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
22
|
+
className: _style.default.noSkillsContainer
|
|
23
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
24
|
+
className: _style.default.titleNoSkills
|
|
25
|
+
}, titleNoSkills), /*#__PURE__*/_react.default.createElement("div", {
|
|
26
|
+
className: _style.default.textNoSkills
|
|
27
|
+
}, " ", textNoSkills), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
|
|
28
|
+
className: _style.default.imgNoSkills,
|
|
29
|
+
"aria-label": iconSkillAriaLabel
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
|
|
34
|
+
var _default = ReviewNoSkills;
|
|
35
|
+
exports.default = _default;
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","style","noSkillsContainer","imgNoSkills","propTypes"],"sources":["../../../src/organism/review-no-skills/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n return (\n <div className={style.noSkillsContainer}>\n <div className={style.titleNoSkills}>{titleNoSkills}</div>\n <div className={style.textNoSkills}> {textNoSkills}</div>\n <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n </div>\n );\n};\n\nReviewNoSkills.propTypes = propTypes;\n\nexport default ReviewNoSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMH;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEG,cAAA,CAAMF;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,6BAAC,4DAAD;IAAwB,SAAS,EAAEE,cAAA,CAAME,WAAzC;IAAsD,cAAYH;EAAlE,EAHF,CADF;AAOD,CARD;;AAUAH,cAAc,CAACO,SAAf,2CAA2BA,kBAA3B;eAEeP,c"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AA8B3C,QAAA,MAAM,cAAc,UAAW,aAAa,uBAyB3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
|
|
10
|
+
var _novaIcons = require("@coorpacademy/nova-icons");
|
|
11
|
+
|
|
12
|
+
var _templateContext = require("../../template/app-review/template-context");
|
|
13
|
+
|
|
14
|
+
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); }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
const createStyleSheet = theme => _reactNative.StyleSheet.create({
|
|
19
|
+
subtitle: {
|
|
20
|
+
fontSize: theme.fontSize.xlarge,
|
|
21
|
+
color: theme.colors.text.primary,
|
|
22
|
+
marginBottom: theme.spacing.tiny
|
|
23
|
+
},
|
|
24
|
+
text: {
|
|
25
|
+
fontSize: 16,
|
|
26
|
+
lineHeight: 22,
|
|
27
|
+
color: theme.colors.text.primary,
|
|
28
|
+
opacity: 0.7,
|
|
29
|
+
marginBottom: theme.spacing.base
|
|
30
|
+
},
|
|
31
|
+
noSkillsImage: {
|
|
32
|
+
flex: 1,
|
|
33
|
+
alignSelf: 'center',
|
|
34
|
+
width: 320,
|
|
35
|
+
height: 300
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
const ReviewNoSkills = props => {
|
|
40
|
+
const {
|
|
41
|
+
titleNoSkills,
|
|
42
|
+
textNoSkills,
|
|
43
|
+
iconSkillAriaLabel
|
|
44
|
+
} = props;
|
|
45
|
+
const templateContext = (0, _templateContext.useTemplateContext)();
|
|
46
|
+
const [styleSheet, setStylesheet] = (0, _react.useState)(null);
|
|
47
|
+
const {
|
|
48
|
+
theme
|
|
49
|
+
} = templateContext;
|
|
50
|
+
(0, _react.useEffect)(() => {
|
|
51
|
+
const _stylesheet = createStyleSheet(theme);
|
|
52
|
+
|
|
53
|
+
setStylesheet(_stylesheet);
|
|
54
|
+
}, [theme]);
|
|
55
|
+
|
|
56
|
+
if (!styleSheet) {
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
61
|
+
style: styleSheet.subtitle
|
|
62
|
+
}, titleNoSkills), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
63
|
+
style: styleSheet.text
|
|
64
|
+
}, textNoSkills), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
|
|
65
|
+
style: styleSheet.noSkillsImage,
|
|
66
|
+
iconSkillAriaLabel: iconSkillAriaLabel
|
|
67
|
+
}));
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
var _default = ReviewNoSkills;
|
|
71
|
+
exports.default = _default;
|
|
72
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n subtitle: TextStyle;\n text: TextStyle;\n noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n subtitle: {\n fontSize: theme.fontSize.xlarge,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.tiny\n },\n text: {\n fontSize: 16,\n lineHeight: 22,\n color: theme.colors.text.primary,\n opacity: 0.7,\n marginBottom: theme.spacing.base\n },\n noSkillsImage: {\n flex: 1,\n alignSelf: 'center',\n width: 320,\n height: 300\n }\n });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View>\n <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n <Text style={styleSheet.text}>{textNoSkills}</Text>\n <EmptyStateHomeRevision\n style={styleSheet.noSkillsImage}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n </View>\n );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AASA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEJ,KAAK,CAACI,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAEV,KAAK,CAACW,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAEV,KAAK,CAACW,OAAN,CAAcI;EALxB,CANU;EAahBC,aAAa,EAAE;IACbC,IAAI,EAAE,CADO;IAEbC,SAAS,EAAE,QAFE;IAGbC,KAAK,EAAE,GAHM;IAIbC,MAAM,EAAE;EAJK;AAbC,CAAlB,CADF;;AAsBA,MAAMC,cAAc,GAAIC,KAAD,IAA0B;EAC/C,MAAM;IAACC,aAAD;IAAgBC,YAAhB;IAA8BC;EAA9B,IAAoDH,KAA1D;EACA,MAAMI,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC9B;EAAD,IAAU0B,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGjC,gBAAgB,CAACC,KAAD,CAApC;;IACA6B,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAAChC,KAAD,CAHH;;EAKA,IAAI,CAAC4B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD,qBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACzB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEK,UAAU,CAACpB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,6BAAC,4DAAD;IACE,KAAK,EAAEI,UAAU,CAACZ,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;eA2BeJ,c"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
declare const propTypes: {
|
|
3
|
+
titleNoSkills: PropTypes.Validator<string>;
|
|
4
|
+
textNoSkills: PropTypes.Validator<string>;
|
|
5
|
+
iconSkillAriaLabel: PropTypes.Validator<string>;
|
|
6
|
+
};
|
|
7
|
+
export default propTypes;
|
|
8
|
+
export declare type NoSkillsProps = {
|
|
9
|
+
titleNoSkills: string;
|
|
10
|
+
textNoSkills: string;
|
|
11
|
+
iconSkillAriaLabel: string;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=prop-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
7
|
+
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
|
|
10
|
+
const propTypes = {
|
|
11
|
+
titleNoSkills: _propTypes.default.string.isRequired,
|
|
12
|
+
textNoSkills: _propTypes.default.string.isRequired,
|
|
13
|
+
iconSkillAriaLabel: _propTypes.default.string.isRequired
|
|
14
|
+
};
|
|
15
|
+
var _default = propTypes;
|
|
16
|
+
exports.default = _default;
|
|
17
|
+
//# sourceMappingURL=prop-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prop-types.js","names":["propTypes","titleNoSkills","PropTypes","string","isRequired","textNoSkills","iconSkillAriaLabel"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n titleNoSkills: PropTypes.string.isRequired,\n textNoSkills: PropTypes.string.isRequired,\n iconSkillAriaLabel: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n titleNoSkills: string;\n textNoSkills: string;\n iconSkillAriaLabel: string;\n};\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,aAAa,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEJ,kBAAA,CAAUC,MAAV,CAAiBC;AAHrB,CAAlB;eAMeJ,S"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@value breakpoints: "../../variables/breakpoints.css";
|
|
2
|
+
@value tablet from breakpoints;
|
|
3
|
+
@value mobile from breakpoints;
|
|
4
|
+
@value colors: "../../variables/colors.css";
|
|
5
|
+
@value cm_blue_900 from colors;
|
|
6
|
+
@value cm_grey_400 from colors;
|
|
7
|
+
|
|
8
|
+
.textBase {
|
|
9
|
+
color: cm_blue_900;
|
|
10
|
+
font-family: "Gilroy";
|
|
11
|
+
font-style: normal;
|
|
12
|
+
user-select: none;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.noSkillsContainer {
|
|
16
|
+
margin-top: 56px;
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
position: relative;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.titleNoSkills {
|
|
25
|
+
composes: textBase;
|
|
26
|
+
font-weight: 10;
|
|
27
|
+
font-size: 28px;
|
|
28
|
+
line-height: 36px;
|
|
29
|
+
text-align: center;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.textNoSkills {
|
|
33
|
+
color: cm_grey_400;
|
|
34
|
+
font-family: "Gilroy";
|
|
35
|
+
font-size: 20px;
|
|
36
|
+
line-height: 28px;
|
|
37
|
+
margin-top: 8px;
|
|
38
|
+
text-align: center;
|
|
39
|
+
user-select: none;
|
|
40
|
+
width: 493px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.imgNoSkills {
|
|
44
|
+
height: 361px;
|
|
45
|
+
margin-top: 48px;
|
|
46
|
+
width: 361px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@media tablet {
|
|
50
|
+
.titleNoSkills, .textNoSkills {
|
|
51
|
+
width: 90%;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.imgNoSkills {
|
|
55
|
+
max-width: 361px;
|
|
56
|
+
max-height: 361px;
|
|
57
|
+
width: 100%;
|
|
58
|
+
height: 100%;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@media mobile {
|
|
63
|
+
.titleNoSkills,
|
|
64
|
+
.textNoSkills {
|
|
65
|
+
width: 85%;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.imgNoSkills {
|
|
69
|
+
margin-top: 33px;
|
|
70
|
+
width: 85%;
|
|
71
|
+
height: auto;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
export default
|
|
2
|
-
declare function
|
|
3
|
-
|
|
1
|
+
export default ReviewListSkills;
|
|
2
|
+
declare function ReviewListSkills({ listSkills }: {
|
|
3
|
+
listSkills: any;
|
|
4
|
+
}): JSX.Element;
|
|
5
|
+
declare namespace ReviewListSkills {
|
|
4
6
|
export { propTypes };
|
|
5
7
|
}
|
|
6
8
|
import propTypes from "./prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/index.js"],"names":[],"mappings":";AAMA;;gBAaC"}
|
|
@@ -5,23 +5,13 @@ exports.default = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
|
|
8
|
-
var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
|
|
9
|
-
|
|
10
8
|
var _map = _interopRequireDefault(require("lodash/fp/map"));
|
|
11
9
|
|
|
12
|
-
var _novaIcons = require("@coorpacademy/nova-icons");
|
|
13
|
-
|
|
14
|
-
var _loader = _interopRequireDefault(require("../../atom/loader"));
|
|
15
|
-
|
|
16
10
|
var _skillCard = _interopRequireDefault(require("../../molecule/skill-card"));
|
|
17
11
|
|
|
18
12
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
19
13
|
|
|
20
|
-
var _propTypes =
|
|
21
|
-
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
14
|
+
var _propTypes = _interopRequireDefault(require("./prop-types"));
|
|
25
15
|
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
17
|
|
|
@@ -40,61 +30,7 @@ const ReviewListSkills = ({
|
|
|
40
30
|
}, listSkills));
|
|
41
31
|
};
|
|
42
32
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
textNoSkills,
|
|
46
|
-
iconSkillAriaLabel
|
|
47
|
-
}) => {
|
|
48
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
-
className: _style.default.noSkillsContainer
|
|
50
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
-
className: _style.default.titleNoSkills
|
|
52
|
-
}, titleNoSkills), /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
-
className: _style.default.textNoSkills
|
|
54
|
-
}, " ", textNoSkills), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
|
|
55
|
-
className: _style.default.imgNoSkills,
|
|
56
|
-
"aria-label": iconSkillAriaLabel
|
|
57
|
-
}));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
const ReviewSkills = props => {
|
|
61
|
-
const {
|
|
62
|
-
'aria-label': ariaLabel,
|
|
63
|
-
title,
|
|
64
|
-
listSkills,
|
|
65
|
-
titleNoSkills,
|
|
66
|
-
textNoSkills,
|
|
67
|
-
iconSkillAriaLabel,
|
|
68
|
-
isLoading = false,
|
|
69
|
-
isLoadingAriaLabel
|
|
70
|
-
} = props;
|
|
71
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
72
|
-
className: _style.default.containerReviewSkill,
|
|
73
|
-
"aria-label": ariaLabel
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
75
|
-
className: _style.default.title
|
|
76
|
-
}, title, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
|
|
77
|
-
className: _style.default.informationIcon,
|
|
78
|
-
width: 12,
|
|
79
|
-
height: 12
|
|
80
|
-
})), isLoading ? /*#__PURE__*/_react.default.createElement("div", {
|
|
81
|
-
className: _style.default.loaderContainer
|
|
82
|
-
}, /*#__PURE__*/_react.default.createElement(_loader.default, {
|
|
83
|
-
className: _style.default.loader,
|
|
84
|
-
theme: "default",
|
|
85
|
-
"aria-label": isLoadingAriaLabel
|
|
86
|
-
})) : /*#__PURE__*/_react.default.createElement("div", null, !(0, _isEmpty.default)(listSkills) ? /*#__PURE__*/_react.default.createElement(ReviewListSkills, {
|
|
87
|
-
listSkills: listSkills
|
|
88
|
-
}) : /*#__PURE__*/_react.default.createElement(ReviewNoSkills, {
|
|
89
|
-
titleNoSkills: titleNoSkills,
|
|
90
|
-
textNoSkills: textNoSkills,
|
|
91
|
-
iconSkillAriaLabel: iconSkillAriaLabel
|
|
92
|
-
})));
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.ListSkillsPropTypes : {};
|
|
96
|
-
ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.NoSkillsPropTypes : {};
|
|
97
|
-
ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
|
|
98
|
-
var _default = ReviewSkills;
|
|
33
|
+
ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
|
|
34
|
+
var _default = ReviewListSkills;
|
|
99
35
|
exports.default = _default;
|
|
100
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","
|
|
1
|
+
{"version":3,"file":"index.js","names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","propTypes"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n return (\n <div className={style.listSkillsContainer}>\n {listSkills &&\n map.convert({cap: false})((skillCard, key) => {\n return (\n <div className={style.skillCardContainer} key={`step-${key}`}>\n <SkillCard {...skillCard} />\n </div>\n );\n }, listSkills)}\n </div>\n );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGF,UAAU,IACTG,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAEN,cAAA,CAAMO,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,6BAAC,kBAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGN,UANH,CAFJ,CADF;AAYD,CAbD;;AAeAD,gBAAgB,CAACU,SAAjB,2CAA6BA,kBAA7B;eAEeV,gB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAoC1C,QAAA,MAAM,gBAAgB,UAAW,YAAY,gBAI5C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
|
|
10
|
+
var _index = _interopRequireDefault(require("../../molecule/skill-card/index.native"));
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
const style = _reactNative.StyleSheet.create({
|
|
15
|
+
skills: {
|
|
16
|
+
paddingBottom: 100
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
const Item = ({
|
|
21
|
+
item: {
|
|
22
|
+
'aria-label': ariaLabel,
|
|
23
|
+
skillTitle,
|
|
24
|
+
skillAriaLabel,
|
|
25
|
+
reviseLabel,
|
|
26
|
+
reviseAriaLabel,
|
|
27
|
+
onClick,
|
|
28
|
+
buttonLabel,
|
|
29
|
+
buttonAriaLabel,
|
|
30
|
+
isCustom
|
|
31
|
+
}
|
|
32
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
33
|
+
"aria-label": ariaLabel,
|
|
34
|
+
skillTitle: skillTitle,
|
|
35
|
+
skillAriaLabel: skillAriaLabel,
|
|
36
|
+
reviseLabel: reviseLabel,
|
|
37
|
+
reviseAriaLabel: reviseAriaLabel,
|
|
38
|
+
onClick: onClick,
|
|
39
|
+
buttonLabel: buttonLabel,
|
|
40
|
+
buttonAriaLabel: buttonAriaLabel,
|
|
41
|
+
isCustom: isCustom
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
const ReviewListSkills = props => {
|
|
45
|
+
const {
|
|
46
|
+
listSkills
|
|
47
|
+
} = props;
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
|
|
49
|
+
contentContainerStyle: style.skills,
|
|
50
|
+
data: listSkills,
|
|
51
|
+
renderItem: Item
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
var _default = ReviewListSkills;
|
|
56
|
+
exports.default = _default;
|
|
57
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n skills: {paddingBottom: 100}\n});\n\nconst Item = ({\n item: {\n 'aria-label': ariaLabel,\n skillTitle,\n skillAriaLabel,\n reviseLabel,\n reviseAriaLabel,\n onClick,\n buttonLabel,\n buttonAriaLabel,\n isCustom\n }\n}: ItemProps) => (\n <SkillCard\n aria-label={ariaLabel}\n skillTitle={skillTitle}\n skillAriaLabel={skillAriaLabel}\n reviseLabel={reviseLabel}\n reviseAriaLabel={reviseAriaLabel}\n onClick={onClick}\n buttonLabel={buttonLabel}\n buttonAriaLabel={buttonAriaLabel}\n isCustom={isCustom}\n />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n const {listSkills} = props;\n\n return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,KAAK,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAhB;AADsB,CAAlB,CAAd;;AAIA,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,OANI;IAOJC,WAPI;IAQJC,eARI;IASJC;EATI;AADM,CAAD,kBAaX,6BAAC,cAAD;EACE,cAAYR,SADd;EAEE,UAAU,EAAEC,UAFd;EAGE,cAAc,EAAEC,cAHlB;EAIE,WAAW,EAAEC,WAJf;EAKE,eAAe,EAAEC,eALnB;EAME,OAAO,EAAEC,OANX;EAOE,WAAW,EAAEC,WAPf;EAQE,eAAe,EAAEC,eARnB;EASE,QAAQ,EAAEC;AATZ,EAbF;;AA0BA,MAAMC,gBAAgB,GAAIC,KAAD,IAAyB;EAChD,MAAM;IAACC;EAAD,IAAeD,KAArB;EAEA,oBAAO,6BAAC,qBAAD;IAAU,qBAAqB,EAAEjB,KAAK,CAACG,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;eAMeW,gB"}
|