@coorpacademy/components 10.29.3 → 10.29.5

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 (13) hide show
  1. package/es/atom/input-search/style.css +8 -5
  2. package/es/organism/mooc-header/style.css +5 -1
  3. package/es/organism/review-slide/style.css +7 -1
  4. package/es/template/app-review/skills/index.native.d.ts.map +1 -1
  5. package/es/template/app-review/skills/index.native.js +1 -0
  6. package/es/template/app-review/skills/index.native.js.map +1 -1
  7. package/lib/atom/input-search/style.css +8 -5
  8. package/lib/organism/mooc-header/style.css +5 -1
  9. package/lib/organism/review-slide/style.css +7 -1
  10. package/lib/template/app-review/skills/index.native.d.ts.map +1 -1
  11. package/lib/template/app-review/skills/index.native.js +1 -0
  12. package/lib/template/app-review/skills/index.native.js.map +1 -1
  13. package/package.json +2 -2
package/es/atom/input-search/style.css CHANGED
@@ -1,6 +1,7 @@
1
1
  @value breakpoints: "../../variables/breakpoints.css";
2
2
  @value tablet from breakpoints;
3
3
  @value mobile from breakpoints;
4
+ @value desktop from breakpoints;
4
5
  @value colors: "../../variables/colors.css";
5
6
  @value medium from colors;
6
7
  @value light from colors;
@@ -64,11 +65,6 @@
64
65
  color: medium;
65
66
  }
66
67
 
67
- .search::placeholder {
68
- color: medium;
69
- font-size: 14px;
70
- }
71
-
72
68
  .coorpmanager {
73
69
  position: relative;
74
70
  }
@@ -180,6 +176,12 @@
180
176
  line-height: 16px;
181
177
  }
182
178
 
179
+ @media desktop {
180
+ .search::placeholder {
181
+ color: transparent;
182
+ }
183
+ }
184
+
183
185
  @media tablet {
184
186
  .search,
185
187
  input {
@@ -188,6 +190,7 @@
188
190
 
189
191
  .search::placeholder {
190
192
  font-size: 12px;
193
+ color: medium;
191
194
  }
192
195
  }
193
196
 
package/es/organism/mooc-header/style.css CHANGED
@@ -483,6 +483,10 @@
483
483
  }
484
484
 
485
485
  @media desktop {
486
+ .item {
487
+ padding: 0 11px;
488
+ }
489
+
486
490
  .logoWrapper {
487
491
  height: 100%;
488
492
  background-color: white;
@@ -504,7 +508,7 @@
504
508
  margin: 0;
505
509
 
506
510
  /* hack for ie <= 11, limit for 1/3 of desktop breakpoint (1024px) */
507
- max-width: 341px;
511
+ max-width: 150px;
508
512
  }
509
513
  }
510
514
 
package/es/organism/review-slide/style.css CHANGED
@@ -165,7 +165,7 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
165
165
  }
166
166
 
167
167
  @media mobile {
168
- .questionOrigin, .question, .help, .answerContainer {
168
+ .questionOrigin, .question, .help {
169
169
  max-width: 90%;
170
170
  }
171
171
 
@@ -177,4 +177,10 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
177
177
  transform: translate3d(0, 0, 0);
178
178
  }
179
179
  }
180
+
181
+ .answerContainer {
182
+ width: 100%;
183
+ max-width: unset;
184
+ justify-content: unset;
185
+ }
180
186
  }
package/es/template/app-review/skills/index.native.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AA0B/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/es/template/app-review/skills/index.native.js CHANGED
@@ -9,6 +9,7 @@ const createStyleSheet = theme => StyleSheet.create({
9
9
  container: {
10
10
  flex: 1,
11
11
  padding: 20,
12
+ width: '100%',
12
13
  paddingTop: HEADER_HEIGHT + 20,
13
14
  backgroundColor: theme.colors.white
14
15
  },
package/es/template/app-review/skills/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","HEADER_HEIGHT","ReviewNoSkills","ReviewListSkills","useTemplateContext","createStyleSheet","theme","create","container","flex","padding","paddingTop","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n paddingTop: HEADER_HEIGHT + 20,\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = 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 style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills || listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,IAAd,EAAoBC,UAApB,QAA2D,cAA3D;AACA,SAAQC,aAAR,QAA4B,0CAA5B;AACA,OAAOC,cAAP,MAA2B,iDAA3B;AACA,OAAOC,gBAAP,MAA6B,8CAA7B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,UAAU,EAAEV,aAAa,GAAG,EAHnB;IAITW,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEZ,KAAK,CAACY,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEf,KAAK,CAACO,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAElB,KAAK,CAACmB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAErB,KAAK,CAACmB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAGlC,kBAAkB,EAA1C;EACA,MAAM,CAACmC,UAAD,EAAaC,aAAb,IAA8B5C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUgC,eAAhB;EAEAzC,SAAS,CAAC,MAAM;IACd,MAAM4C,WAAW,GAAGpC,gBAAgB,CAACC,KAAD,CAApC;;IACAkC,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACnC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACiC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAAC/B,SAAxB;IAAmC,kBAAkB,EAAEuB;EAAvD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,oBAAC,IAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,oBAAC,IAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACQ,MAAX,KAAsB,CAArC,gBACC,oBAAC,cAAD;IACE,aAAa,EAAEP,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,oBAAC,gBAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;AA8CA,eAAeL,YAAf"}
1
+ {"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","HEADER_HEIGHT","ReviewNoSkills","ReviewListSkills","useTemplateContext","createStyleSheet","theme","create","container","flex","padding","width","paddingTop","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\n paddingTop: HEADER_HEIGHT + 20,\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = 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 style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills || listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,IAAd,EAAoBC,UAApB,QAA2D,cAA3D;AACA,SAAQC,aAAR,QAA4B,0CAA5B;AACA,OAAOC,cAAP,MAA2B,iDAA3B;AACA,OAAOC,gBAAP,MAA6B,8CAA7B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,UAAU,EAAEX,aAAa,GAAG,EAJnB;IAKTY,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC;EALrB,CADK;EAQhBC,KAAK,EAAE;IACLC,QAAQ,EAAEX,KAAK,CAACW,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEb,KAAK,CAACa,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEhB,KAAK,CAACQ,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAEtB,KAAK,CAACoB,OAAN,CAAcG;EANpB;AARS,CAAlB,CADF;;AAmBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAGnC,kBAAkB,EAA1C;EACA,MAAM,CAACoC,UAAD,EAAaC,aAAb,IAA8B7C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUiC,eAAhB;EAEA1C,SAAS,CAAC,MAAM;IACd,MAAM6C,WAAW,GAAGrC,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACpC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAAChC,SAAxB;IAAmC,kBAAkB,EAAEwB;EAAvD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,oBAAC,IAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,oBAAC,IAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACQ,MAAX,KAAsB,CAArC,gBACC,oBAAC,cAAD;IACE,aAAa,EAAEP,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,oBAAC,gBAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;AA8CA,eAAeL,YAAf"}
package/lib/atom/input-search/style.css CHANGED
@@ -1,6 +1,7 @@
1
1
  @value breakpoints: "../../variables/breakpoints.css";
2
2
  @value tablet from breakpoints;
3
3
  @value mobile from breakpoints;
4
+ @value desktop from breakpoints;
4
5
  @value colors: "../../variables/colors.css";
5
6
  @value medium from colors;
6
7
  @value light from colors;
@@ -64,11 +65,6 @@
64
65
  color: medium;
65
66
  }
66
67
 
67
- .search::placeholder {
68
- color: medium;
69
- font-size: 14px;
70
- }
71
-
72
68
  .coorpmanager {
73
69
  position: relative;
74
70
  }
@@ -180,6 +176,12 @@
180
176
  line-height: 16px;
181
177
  }
182
178
 
179
+ @media desktop {
180
+ .search::placeholder {
181
+ color: transparent;
182
+ }
183
+ }
184
+
183
185
  @media tablet {
184
186
  .search,
185
187
  input {
@@ -188,6 +190,7 @@
188
190
 
189
191
  .search::placeholder {
190
192
  font-size: 12px;
193
+ color: medium;
191
194
  }
192
195
  }
193
196
 
package/lib/organism/mooc-header/style.css CHANGED
@@ -483,6 +483,10 @@
483
483
  }
484
484
 
485
485
  @media desktop {
486
+ .item {
487
+ padding: 0 11px;
488
+ }
489
+
486
490
  .logoWrapper {
487
491
  height: 100%;
488
492
  background-color: white;
@@ -504,7 +508,7 @@
504
508
  margin: 0;
505
509
 
506
510
  /* hack for ie <= 11, limit for 1/3 of desktop breakpoint (1024px) */
507
- max-width: 341px;
511
+ max-width: 150px;
508
512
  }
509
513
  }
510
514
 
package/lib/organism/review-slide/style.css CHANGED
@@ -165,7 +165,7 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
165
165
  }
166
166
 
167
167
  @media mobile {
168
- .questionOrigin, .question, .help, .answerContainer {
168
+ .questionOrigin, .question, .help {
169
169
  max-width: 90%;
170
170
  }
171
171
 
@@ -177,4 +177,10 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
177
177
  transform: translate3d(0, 0, 0);
178
178
  }
179
179
  }
180
+
181
+ .answerContainer {
182
+ width: 100%;
183
+ max-width: unset;
184
+ justify-content: unset;
185
+ }
180
186
  }
package/lib/template/app-review/skills/index.native.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AA0B/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/lib/template/app-review/skills/index.native.js CHANGED
@@ -25,6 +25,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
25
25
  container: {
26
26
  flex: 1,
27
27
  padding: 20,
28
+ width: '100%',
28
29
  paddingTop: _index.HEADER_HEIGHT + 20,
29
30
  backgroundColor: theme.colors.white
30
31
  },
package/lib/template/app-review/skills/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","paddingTop","HEADER_HEIGHT","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n paddingTop: HEADER_HEIGHT + 20,\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = 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 style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills || listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,UAAU,EAAEC,oBAAA,GAAgB,EAHnB;IAITC,eAAe,EAAER,KAAK,CAACS,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEZ,KAAK,CAACY,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEd,KAAK,CAACc,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEjB,KAAK,CAACS,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAEpB,KAAK,CAACqB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAEvB,KAAK,CAACqB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACtC;EAAD,IAAUkC,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGzC,gBAAgB,CAACC,KAAD,CAApC;;IACAqC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACxC,KAAD,CAHH;;EAKA,IAAI,CAACoC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACjC,SAAxB;IAAmC,kBAAkB,EAAEwB;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAES,UAAU,CAACzB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,6BAAC,iBAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,6BAAC,iBAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACW,MAAX,KAAsB,CAArC,gBACC,6BAAC,eAAD;IACE,aAAa,EAAEV,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;eA8CeL,Y"}
1
+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","width","paddingTop","HEADER_HEIGHT","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\n paddingTop: HEADER_HEIGHT + 20,\n backgroundColor: theme.colors.white\n },\n title: {\n fontSize: theme.fontSize.xlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 28,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.base,\n marginTop: theme.spacing.small\n }\n });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = 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 style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills || listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,UAAU,EAAEC,oBAAA,GAAgB,EAJnB;IAKTC,eAAe,EAAET,KAAK,CAACU,MAAN,CAAaC;EALrB,CADK;EAQhBC,KAAK,EAAE;IACLC,QAAQ,EAAEb,KAAK,CAACa,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEf,KAAK,CAACe,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAElB,KAAK,CAACU,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAErB,KAAK,CAACsB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAExB,KAAK,CAACsB,OAAN,CAAcG;EANpB;AARS,CAAlB,CADF;;AAmBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACvC;EAAD,IAAUmC,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAsC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACzC,KAAD,CAHH;;EAKA,IAAI,CAACqC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAClC,SAAxB;IAAmC,kBAAkB,EAAEyB;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAES,UAAU,CAACzB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,6BAAC,iBAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,6BAAC,iBAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACW,MAAX,KAAsB,CAArC,gBACC,6BAAC,eAAD;IACE,aAAa,EAAEV,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;eA8CeL,Y"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.29.3",
3
+ "version": "10.29.5",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -157,5 +157,5 @@
157
157
  "last 2 versions",
158
158
  "IE 11"
159
159
  ],
160
- "gitHead": "e485a161a6ae3f5ec8c90b2619a0aacabdb2e891"
160
+ "gitHead": "60cd89ec9c3bcf2a11d5566821cd0e9ffdd4c2d1"
161
161
  }