@coorpacademy/components 10.21.3 → 10.22.2

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 (254) hide show
  1. package/README.md +1 -1
  2. package/es/atom/content-badge/index.js +15 -3
  3. package/es/atom/content-badge/index.js.map +1 -1
  4. package/es/atom/content-badge/style.css +6 -0
  5. package/es/atom/lottie-wrapper/index.js +2 -24
  6. package/es/atom/lottie-wrapper/index.js.map +1 -1
  7. package/es/atom/lottie-wrapper/prop-types.js +26 -0
  8. package/es/atom/lottie-wrapper/prop-types.js.map +1 -0
  9. package/es/atom/review-background/index.js +2 -4
  10. package/es/atom/review-background/index.js.map +1 -1
  11. package/es/atom/review-background/prop-types.js +5 -0
  12. package/es/atom/review-background/prop-types.js.map +1 -0
  13. package/es/atom/review-header-step-item/index.js +2 -6
  14. package/es/atom/review-header-step-item/index.js.map +1 -1
  15. package/es/atom/review-header-step-item/prop-types.js +7 -0
  16. package/es/atom/review-header-step-item/prop-types.js.map +1 -0
  17. package/es/atom/review-presentation/index.js +2 -15
  18. package/es/atom/review-presentation/index.js.map +1 -1
  19. package/es/atom/review-presentation/prop-types.js +18 -0
  20. package/es/atom/review-presentation/prop-types.js.map +1 -0
  21. package/es/atom/spinner/index.js +1 -0
  22. package/es/atom/spinner/index.js.map +1 -1
  23. package/es/atom/tab/index.js +1 -0
  24. package/es/atom/tab/index.js.map +1 -1
  25. package/es/hoc/touchable/index.native.js +61 -0
  26. package/es/hoc/touchable/index.native.js.map +1 -0
  27. package/es/molecule/answer/index.js +5 -26
  28. package/es/molecule/answer/index.js.map +1 -1
  29. package/es/molecule/answer/prop-types.js +32 -0
  30. package/es/molecule/answer/prop-types.js.map +1 -0
  31. package/es/molecule/banner/index.js +9 -4
  32. package/es/molecule/banner/index.js.map +1 -1
  33. package/es/molecule/banner/style.css +41 -6
  34. package/es/molecule/card/index.js +5 -1
  35. package/es/molecule/card/index.js.map +1 -1
  36. package/es/molecule/card/selectable.css +49 -2
  37. package/es/molecule/card/selectable.js +10 -2
  38. package/es/molecule/card/selectable.js.map +1 -1
  39. package/es/molecule/cm-popin/index.js +12 -5
  40. package/es/molecule/cm-popin/index.js.map +1 -1
  41. package/es/molecule/cm-popin/style.css +28 -0
  42. package/es/molecule/dashboard/battle-request-list/index.js +3 -5
  43. package/es/molecule/dashboard/battle-request-list/index.js.map +1 -1
  44. package/es/molecule/dashboard/news-list/index.js +3 -5
  45. package/es/molecule/dashboard/news-list/index.js.map +1 -1
  46. package/es/molecule/dashboard/review-banner/index.js +3 -5
  47. package/es/molecule/dashboard/review-banner/index.js.map +1 -1
  48. package/es/molecule/dashboard/start-battle/index.js +3 -5
  49. package/es/molecule/dashboard/start-battle/index.js.map +1 -1
  50. package/es/molecule/external-content-viewer/index.js +2 -1
  51. package/es/molecule/external-content-viewer/index.js.map +1 -1
  52. package/es/molecule/go1-banner/index.js +56 -0
  53. package/es/molecule/go1-banner/index.js.map +1 -0
  54. package/es/molecule/go1-banner/style.css +90 -0
  55. package/es/molecule/questions/free-text/index.native.js +88 -0
  56. package/es/molecule/questions/free-text/index.native.js.map +1 -0
  57. package/es/molecule/questions/qcm/index.native.js +50 -0
  58. package/es/molecule/questions/qcm/index.native.js.map +1 -0
  59. package/es/molecule/review-card-congrats/index.js +2 -13
  60. package/es/molecule/review-card-congrats/index.js.map +1 -1
  61. package/es/molecule/review-card-congrats/prop-types.js +15 -0
  62. package/es/molecule/review-card-congrats/prop-types.js.map +1 -0
  63. package/es/molecule/review-correction-popin/index.js +2 -20
  64. package/es/molecule/review-correction-popin/index.js.map +1 -1
  65. package/es/molecule/review-correction-popin/prop-types.js +21 -0
  66. package/es/molecule/review-correction-popin/prop-types.js.map +1 -0
  67. package/es/molecule/review-header-steps/index.js +2 -4
  68. package/es/molecule/review-header-steps/index.js.map +1 -1
  69. package/es/molecule/review-header-steps/prop-types.js +6 -0
  70. package/es/molecule/review-header-steps/prop-types.js.map +1 -0
  71. package/es/molecule/skill-card/index.js +2 -12
  72. package/es/molecule/skill-card/index.js.map +1 -1
  73. package/es/molecule/skill-card/prop-types.js +13 -0
  74. package/es/molecule/skill-card/prop-types.js.map +1 -0
  75. package/es/molecule/video-player/index.js +2 -17
  76. package/es/molecule/video-player/index.js.map +1 -1
  77. package/es/molecule/video-player/jwplayer-prop-types.js +38 -0
  78. package/es/molecule/video-player/jwplayer-prop-types.js.map +1 -0
  79. package/es/molecule/video-player/jwplayer.js +2 -37
  80. package/es/molecule/video-player/jwplayer.js.map +1 -1
  81. package/es/molecule/video-player/prop-types.js +53 -0
  82. package/es/molecule/video-player/prop-types.js.map +1 -0
  83. package/es/organism/brand-dashboard/index.js +6 -3
  84. package/es/organism/brand-dashboard/index.js.map +1 -1
  85. package/es/organism/review-congrats/index.js +2 -19
  86. package/es/organism/review-congrats/index.js.map +1 -1
  87. package/es/organism/review-congrats/prop-types.js +22 -0
  88. package/es/organism/review-congrats/prop-types.js.map +1 -0
  89. package/es/organism/review-header/index.js +2 -10
  90. package/es/organism/review-header/index.js.map +1 -1
  91. package/es/organism/review-header/prop-types.js +12 -0
  92. package/es/organism/review-header/prop-types.js.map +1 -0
  93. package/es/organism/review-skills/index.js +4 -19
  94. package/es/organism/review-skills/index.js.map +1 -1
  95. package/es/organism/review-skills/prop-types.js +19 -0
  96. package/es/organism/review-skills/prop-types.js.map +1 -0
  97. package/es/template/app-player/loading/index.js +1 -0
  98. package/es/template/app-player/loading/index.js.map +1 -1
  99. package/es/template/app-review/demo-ts/index.js +2 -0
  100. package/es/template/app-review/demo-ts/index.js.map +1 -1
  101. package/es/template/app-review/demo-ts/index.native.js +9 -0
  102. package/es/template/app-review/demo-ts/index.native.js.map +1 -0
  103. package/es/template/app-review/demo-ts/typings.js +7 -0
  104. package/es/template/app-review/demo-ts/typings.js.map +1 -0
  105. package/es/template/app-review/index.js +4 -0
  106. package/es/template/app-review/index.js.map +1 -1
  107. package/es/template/app-review/index.native.js +24 -28
  108. package/es/template/app-review/index.native.js.map +1 -1
  109. package/es/template/app-review/onboarding/index.native.js +2 -2
  110. package/es/template/app-review/onboarding/index.native.js.map +1 -1
  111. package/es/template/app-review/skills/index.native.js +2 -2
  112. package/es/template/app-review/skills/index.native.js.map +1 -1
  113. package/es/template/app-review/slides/index.js +4 -5
  114. package/es/template/app-review/slides/index.js.map +1 -1
  115. package/es/template/app-review/slides/index.native.js +65 -25
  116. package/es/template/app-review/slides/index.native.js.map +1 -1
  117. package/es/template/app-review/slides/prop-types.js +15 -15
  118. package/es/template/app-review/slides/prop-types.js.map +1 -1
  119. package/es/template/app-review/template-context.js +33 -0
  120. package/es/template/app-review/template-context.js.map +1 -0
  121. package/es/variables/analytics.js +22 -0
  122. package/es/variables/analytics.js.map +1 -0
  123. package/es/variables/colors.css +4 -0
  124. package/es/variables/theme.native.js +65 -0
  125. package/es/variables/theme.native.js.map +1 -0
  126. package/es/variables/vibration.js +10 -0
  127. package/es/variables/vibration.js.map +1 -0
  128. package/lib/atom/content-badge/index.js +17 -4
  129. package/lib/atom/content-badge/index.js.map +1 -1
  130. package/lib/atom/content-badge/style.css +6 -0
  131. package/lib/atom/lottie-wrapper/index.js +6 -30
  132. package/lib/atom/lottie-wrapper/index.js.map +1 -1
  133. package/lib/atom/lottie-wrapper/prop-types.js +37 -0
  134. package/lib/atom/lottie-wrapper/prop-types.js.map +1 -0
  135. package/lib/atom/review-background/index.js +3 -5
  136. package/lib/atom/review-background/index.js.map +1 -1
  137. package/lib/atom/review-background/prop-types.js +14 -0
  138. package/lib/atom/review-background/prop-types.js.map +1 -0
  139. package/lib/atom/review-header-step-item/index.js +3 -7
  140. package/lib/atom/review-header-step-item/index.js.map +1 -1
  141. package/lib/atom/review-header-step-item/prop-types.js +16 -0
  142. package/lib/atom/review-header-step-item/prop-types.js.map +1 -0
  143. package/lib/atom/review-presentation/index.js +3 -15
  144. package/lib/atom/review-presentation/index.js.map +1 -1
  145. package/lib/atom/review-presentation/prop-types.js +28 -0
  146. package/lib/atom/review-presentation/prop-types.js.map +1 -0
  147. package/lib/atom/spinner/index.js +1 -0
  148. package/lib/atom/spinner/index.js.map +1 -1
  149. package/lib/atom/tab/index.js +1 -0
  150. package/lib/atom/tab/index.js.map +1 -1
  151. package/lib/hoc/touchable/index.native.js +74 -0
  152. package/lib/hoc/touchable/index.native.js.map +1 -0
  153. package/lib/molecule/answer/index.js +14 -35
  154. package/lib/molecule/answer/index.js.map +1 -1
  155. package/lib/molecule/answer/prop-types.js +49 -0
  156. package/lib/molecule/answer/prop-types.js.map +1 -0
  157. package/lib/molecule/banner/index.js +9 -4
  158. package/lib/molecule/banner/index.js.map +1 -1
  159. package/lib/molecule/banner/style.css +41 -6
  160. package/lib/molecule/card/index.js +3 -1
  161. package/lib/molecule/card/index.js.map +1 -1
  162. package/lib/molecule/card/selectable.css +49 -2
  163. package/lib/molecule/card/selectable.js +9 -1
  164. package/lib/molecule/card/selectable.js.map +1 -1
  165. package/lib/molecule/cm-popin/index.js +12 -5
  166. package/lib/molecule/cm-popin/index.js.map +1 -1
  167. package/lib/molecule/cm-popin/style.css +28 -0
  168. package/lib/molecule/dashboard/battle-request-list/index.js +3 -5
  169. package/lib/molecule/dashboard/battle-request-list/index.js.map +1 -1
  170. package/lib/molecule/dashboard/news-list/index.js +3 -5
  171. package/lib/molecule/dashboard/news-list/index.js.map +1 -1
  172. package/lib/molecule/dashboard/review-banner/index.js +3 -5
  173. package/lib/molecule/dashboard/review-banner/index.js.map +1 -1
  174. package/lib/molecule/dashboard/start-battle/index.js +3 -5
  175. package/lib/molecule/dashboard/start-battle/index.js.map +1 -1
  176. package/lib/molecule/external-content-viewer/index.js +2 -1
  177. package/lib/molecule/external-content-viewer/index.js.map +1 -1
  178. package/lib/molecule/go1-banner/index.js +67 -0
  179. package/lib/molecule/go1-banner/index.js.map +1 -0
  180. package/lib/molecule/go1-banner/style.css +90 -0
  181. package/lib/molecule/questions/free-text/index.native.js +101 -0
  182. package/lib/molecule/questions/free-text/index.native.js.map +1 -0
  183. package/lib/molecule/questions/qcm/index.native.js +62 -0
  184. package/lib/molecule/questions/qcm/index.native.js.map +1 -0
  185. package/lib/molecule/review-card-congrats/index.js +3 -14
  186. package/lib/molecule/review-card-congrats/index.js.map +1 -1
  187. package/lib/molecule/review-card-congrats/prop-types.js +25 -0
  188. package/lib/molecule/review-card-congrats/prop-types.js.map +1 -0
  189. package/lib/molecule/review-correction-popin/index.js +3 -21
  190. package/lib/molecule/review-correction-popin/index.js.map +1 -1
  191. package/lib/molecule/review-correction-popin/prop-types.js +30 -0
  192. package/lib/molecule/review-correction-popin/prop-types.js.map +1 -0
  193. package/lib/molecule/review-header-steps/index.js +3 -5
  194. package/lib/molecule/review-header-steps/index.js.map +1 -1
  195. package/lib/molecule/review-header-steps/prop-types.js +16 -0
  196. package/lib/molecule/review-header-steps/prop-types.js.map +1 -0
  197. package/lib/molecule/skill-card/index.js +3 -13
  198. package/lib/molecule/skill-card/index.js.map +1 -1
  199. package/lib/molecule/skill-card/prop-types.js +22 -0
  200. package/lib/molecule/skill-card/prop-types.js.map +1 -0
  201. package/lib/molecule/video-player/index.js +3 -19
  202. package/lib/molecule/video-player/index.js.map +1 -1
  203. package/lib/molecule/video-player/jwplayer-prop-types.js +48 -0
  204. package/lib/molecule/video-player/jwplayer-prop-types.js.map +1 -0
  205. package/lib/molecule/video-player/jwplayer.js +3 -39
  206. package/lib/molecule/video-player/jwplayer.js.map +1 -1
  207. package/lib/molecule/video-player/prop-types.js +64 -0
  208. package/lib/molecule/video-player/prop-types.js.map +1 -0
  209. package/lib/organism/brand-dashboard/index.js +7 -3
  210. package/lib/organism/brand-dashboard/index.js.map +1 -1
  211. package/lib/organism/review-congrats/index.js +3 -20
  212. package/lib/organism/review-congrats/index.js.map +1 -1
  213. package/lib/organism/review-congrats/prop-types.js +33 -0
  214. package/lib/organism/review-congrats/prop-types.js.map +1 -0
  215. package/lib/organism/review-header/index.js +3 -11
  216. package/lib/organism/review-header/index.js.map +1 -1
  217. package/lib/organism/review-header/prop-types.js +22 -0
  218. package/lib/organism/review-header/prop-types.js.map +1 -0
  219. package/lib/organism/review-skills/index.js +10 -23
  220. package/lib/organism/review-skills/index.js.map +1 -1
  221. package/lib/organism/review-skills/prop-types.js +33 -0
  222. package/lib/organism/review-skills/prop-types.js.map +1 -0
  223. package/lib/template/app-player/loading/index.js +1 -0
  224. package/lib/template/app-player/loading/index.js.map +1 -1
  225. package/lib/template/app-review/demo-ts/index.js +3 -0
  226. package/lib/template/app-review/demo-ts/index.js.map +1 -1
  227. package/lib/template/app-review/demo-ts/index.native.js +18 -0
  228. package/lib/template/app-review/demo-ts/index.native.js.map +1 -0
  229. package/lib/template/app-review/demo-ts/typings.js +16 -0
  230. package/lib/template/app-review/demo-ts/typings.js.map +1 -0
  231. package/lib/template/app-review/index.js +5 -0
  232. package/lib/template/app-review/index.js.map +1 -1
  233. package/lib/template/app-review/index.native.js +25 -26
  234. package/lib/template/app-review/index.native.js.map +1 -1
  235. package/lib/template/app-review/onboarding/index.native.js +2 -2
  236. package/lib/template/app-review/onboarding/index.native.js.map +1 -1
  237. package/lib/template/app-review/skills/index.native.js +4 -4
  238. package/lib/template/app-review/skills/index.native.js.map +1 -1
  239. package/lib/template/app-review/slides/index.js +4 -5
  240. package/lib/template/app-review/slides/index.js.map +1 -1
  241. package/lib/template/app-review/slides/index.native.js +76 -38
  242. package/lib/template/app-review/slides/index.native.js.map +1 -1
  243. package/lib/template/app-review/slides/prop-types.js +16 -16
  244. package/lib/template/app-review/slides/prop-types.js.map +1 -1
  245. package/lib/template/app-review/template-context.js +47 -0
  246. package/lib/template/app-review/template-context.js.map +1 -0
  247. package/lib/variables/analytics.js +27 -0
  248. package/lib/variables/analytics.js.map +1 -0
  249. package/lib/variables/colors.css +4 -0
  250. package/lib/variables/theme.native.js +70 -0
  251. package/lib/variables/theme.native.js.map +1 -0
  252. package/lib/variables/vibration.js +15 -0
  253. package/lib/variables/vibration.js.map +1 -0
  254. package/package.json +6 -2
@@ -67,3 +67,7 @@
67
67
  @value box_shadow_light_dark: rgba(0, 0, 0, 0.12);
68
68
  @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
69
69
  @value box_shadow_orange_700: rgba(255, 84, 31, 0.15);
70
+
71
+ @value go1_backgound: #144953;
72
+ @value go1_primary: #D5FD42;
73
+ @value go1_primary_hover: #BFE33B;
@@ -0,0 +1,65 @@
1
+ const defaultTheme = {
2
+ colors: {
3
+ border: 'rgba(0, 0, 0, 0.1)',
4
+ gray: {
5
+ extra: '#FAFAFA',
6
+ lighter: '#F4F4F5',
7
+ light: '#ededed',
8
+ lightMedium: '#CFD8DC',
9
+ medium: '#90A4AE',
10
+ dark: '#546E7A',
11
+ extraDark: '#323232'
12
+ },
13
+ text: {
14
+ primary: '#06265B'
15
+ },
16
+ background: {},
17
+ cta: '#0061FF',
18
+ negative: '#F73F52',
19
+ positive: '#3EC483',
20
+ white: '#FFFFFF',
21
+ black: '#14171A',
22
+ battle: '#FFDE03',
23
+ notification: '#FF7043',
24
+ salmon: '#FDE2E5'
25
+ },
26
+ spacing: {
27
+ micro: 4,
28
+ tiny: 8,
29
+ small: 16,
30
+ base: 24,
31
+ medium: 32,
32
+ large: 48,
33
+ xlarge: 64
34
+ },
35
+ radius: {
36
+ common: 3,
37
+ card: 5,
38
+ regular: 8,
39
+ medium: 12,
40
+ search: 24,
41
+ button: 32,
42
+ thumbnail: 1000
43
+ },
44
+ fontWeight: {
45
+ regular: '400',
46
+ semiBold: '500',
47
+ bold: '700',
48
+ extraBold: '900'
49
+ },
50
+ fontSize: {
51
+ extraSmall: 10,
52
+ small: 12,
53
+ medium: 13,
54
+ regular: 15,
55
+ large: 17,
56
+ xlarge: 22,
57
+ xxlarge: 28,
58
+ xxxlarge: 40
59
+ },
60
+ letterSpacing: {
61
+ header: 5
62
+ }
63
+ };
64
+ export default defaultTheme;
65
+ //# sourceMappingURL=theme.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/variables/theme.native.ts"],"names":["defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","background","cta","negative","positive","white","black","battle","notification","salmon","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"mappings":"AAuDA,MAAMA,YAAmB,GAAG;AAC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,oBADF;AAENC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,SADH;AAEJC,MAAAA,OAAO,EAAE,SAFL;AAGJC,MAAAA,KAAK,EAAE,SAHH;AAIJC,MAAAA,WAAW,EAAE,SAJT;AAKJC,MAAAA,MAAM,EAAE,SALJ;AAMJC,MAAAA,IAAI,EAAE,SANF;AAOJC,MAAAA,SAAS,EAAE;AAPP,KAFA;AAWNC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KAXA;AAcNC,IAAAA,UAAU,EAAE,EAdN;AAeNC,IAAAA,GAAG,EAAE,SAfC;AAgBNC,IAAAA,QAAQ,EAAE,SAhBJ;AAiBNC,IAAAA,QAAQ,EAAE,SAjBJ;AAkBNC,IAAAA,KAAK,EAAE,SAlBD;AAmBNC,IAAAA,KAAK,EAAE,SAnBD;AAoBNC,IAAAA,MAAM,EAAE,SApBF;AAqBNC,IAAAA,YAAY,EAAE,SArBR;AAsBNC,IAAAA,MAAM,EAAE;AAtBF,GADkB;AAyB1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,CADA;AAEPC,IAAAA,IAAI,EAAE,CAFC;AAGPC,IAAAA,KAAK,EAAE,EAHA;AAIPC,IAAAA,IAAI,EAAE,EAJC;AAKPlB,IAAAA,MAAM,EAAE,EALD;AAMPmB,IAAAA,KAAK,EAAE,EANA;AAOPC,IAAAA,MAAM,EAAE;AAPD,GAzBiB;AAkC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,CADF;AAENC,IAAAA,IAAI,EAAE,CAFA;AAGNC,IAAAA,OAAO,EAAE,CAHH;AAINxB,IAAAA,MAAM,EAAE,EAJF;AAKNyB,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,MAAM,EAAE,EANF;AAONC,IAAAA,SAAS,EAAE;AAPL,GAlCkB;AA2C1BC,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,KADC;AAEVK,IAAAA,QAAQ,EAAE,KAFA;AAGVC,IAAAA,IAAI,EAAE,KAHI;AAIVC,IAAAA,SAAS,EAAE;AAJD,GA3Cc;AAiD1BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,EADJ;AAERhB,IAAAA,KAAK,EAAE,EAFC;AAGRjB,IAAAA,MAAM,EAAE,EAHA;AAIRwB,IAAAA,OAAO,EAAE,EAJD;AAKRL,IAAAA,KAAK,EAAE,EALC;AAMRC,IAAAA,MAAM,EAAE,EANA;AAORc,IAAAA,OAAO,EAAE,EAPD;AAQRC,IAAAA,QAAQ,EAAE;AARF,GAjDgB;AA2D1BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;AADK;AA3DW,CAA5B;AAgEA,eAAe7C,YAAf","sourcesContent":["type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport type Colors = {\n border: string;\n gray: {\n extra: string;\n light: string;\n lighter: string;\n lightMedium: string;\n medium: string;\n dark: string;\n extraDark: string;\n };\n text: {\n primary: '#06265B';\n };\n negative: string;\n positive: string;\n white: string;\n black: string;\n battle: string;\n notification: string;\n salmon: string;\n};\n\nexport type FontWeightType = 'extraBold' | 'bold' | 'semiBold' | 'regular';\n\nexport type FontSizeType =\n | 'extraSmall'\n | 'small'\n | 'medium'\n | 'regular'\n | 'large'\n | 'xlarge'\n | 'xxlarge'\n | 'xxxlarge';\n\nexport type Theme = {\n colors: Colors;\n spacing: {[key in SpaceType]: string};\n radius: {\n common: number;\n card: number;\n medium: number;\n search: number;\n button: number;\n thumbnail: number;\n };\n fontWeight: {[key in FontWeightType]: string};\n fontSize: {[key in FontSizeType]: string};\n letterSpacing: {\n header: number;\n };\n};\n\nconst defaultTheme: Theme = {\n colors: {\n border: 'rgba(0, 0, 0, 0.1)',\n gray: {\n extra: '#FAFAFA',\n lighter: '#F4F4F5',\n light: '#ededed',\n lightMedium: '#CFD8DC',\n medium: '#90A4AE',\n dark: '#546E7A',\n extraDark: '#323232'\n },\n text: {\n primary: '#06265B'\n },\n background: {},\n cta: '#0061FF',\n negative: '#F73F52',\n positive: '#3EC483',\n white: '#FFFFFF',\n black: '#14171A',\n battle: '#FFDE03',\n notification: '#FF7043',\n salmon: '#FDE2E5'\n },\n spacing: {\n micro: 4,\n tiny: 8,\n small: 16,\n base: 24,\n medium: 32,\n large: 48,\n xlarge: 64\n },\n radius: {\n common: 3,\n card: 5,\n regular: 8,\n medium: 12,\n search: 24,\n button: 32,\n thumbnail: 1000\n },\n fontWeight: {\n regular: '400',\n semiBold: '500',\n bold: '700',\n extraBold: '900'\n },\n fontSize: {\n extraSmall: 10,\n small: 12,\n medium: 13,\n regular: 15,\n large: 17,\n xlarge: 22,\n xxlarge: 28,\n xxxlarge: 40\n },\n letterSpacing: {\n header: 5\n }\n};\n\nexport default defaultTheme;\n"],"file":"theme.native.js"}
@@ -0,0 +1,10 @@
1
+ export const VIBRATION_TYPE = {
2
+ SELECTION: 'selection',
3
+ IMPACT_LIGHT: 'impactLight',
4
+ IMPACT_MEDIUM: 'impactMedium',
5
+ IMPACT_HEAVY: 'impactHeavy',
6
+ NOTIFICATION_SUCCESS: 'notificationSuccess',
7
+ NOTIFICATION_WARNING: 'notificationWarning',
8
+ NOTIFICATION_ERROR: 'notificationError'
9
+ };
10
+ //# sourceMappingURL=vibration.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/variables/vibration.ts"],"names":["VIBRATION_TYPE","SELECTION","IMPACT_LIGHT","IMPACT_MEDIUM","IMPACT_HEAVY","NOTIFICATION_SUCCESS","NOTIFICATION_WARNING","NOTIFICATION_ERROR"],"mappings":"AASA,OAAO,MAAMA,cASZ,GAAG;AACFC,EAAAA,SAAS,EAAE,WADT;AAEFC,EAAAA,YAAY,EAAE,aAFZ;AAGFC,EAAAA,aAAa,EAAE,cAHb;AAIFC,EAAAA,YAAY,EAAE,aAJZ;AAKFC,EAAAA,oBAAoB,EAAE,qBALpB;AAMFC,EAAAA,oBAAoB,EAAE,qBANpB;AAOFC,EAAAA,kBAAkB,EAAE;AAPlB,CATG","sourcesContent":["export type VibrationType =\n | 'selection'\n | 'impactLight'\n | 'impactMedium'\n | 'impactHeavy'\n | 'notificationSuccess'\n | 'notificationWarning'\n | 'notificationError';\n\nexport const VIBRATION_TYPE: {\n [key in\n | 'SELECTION'\n | 'IMPACT_LIGHT'\n | 'IMPACT_MEDIUM'\n | 'IMPACT_HEAVY'\n | 'NOTIFICATION_SUCCESS'\n | 'NOTIFICATION_WARNING'\n | 'NOTIFICATION_ERROR']?: VibrationType;\n} = {\n SELECTION: 'selection',\n IMPACT_LIGHT: 'impactLight',\n IMPACT_MEDIUM: 'impactMedium',\n IMPACT_HEAVY: 'impactHeavy',\n NOTIFICATION_SUCCESS: 'notificationSuccess',\n NOTIFICATION_WARNING: 'notificationWarning',\n NOTIFICATION_ERROR: 'notificationError'\n};\n\nexport type Vibration = {\n VIBRATION_TYPE: typeof VIBRATION_TYPE;\n vibrate: (arg0: VibrationType | void) => void;\n};\n"],"file":"vibration.js"}
@@ -3,28 +3,41 @@
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
 
6
+ var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
7
+
6
8
  var _react = _interopRequireDefault(require("react"));
7
9
 
8
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
11
 
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
12
  var _style = _interopRequireDefault(require("./style.css"));
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
+ const CATEGORIES = {
17
+ base: _style.default.base,
18
+ advanced: _style.default.advanced,
19
+ coach: _style.default.coach,
20
+ chapter: _style.default.chapter,
21
+ scorm: _style.default.scorm,
22
+ video: _style.default.video,
23
+ article: _style.default.article,
24
+ podcast: _style.default.podcast,
25
+ course: _style.default.course,
26
+ hidden: _style.default.hidden
27
+ };
28
+
16
29
  const ContentBadge = props => {
17
30
  const {
18
31
  category,
19
32
  label
20
33
  } = props;
21
34
  return /*#__PURE__*/_react.default.createElement("span", {
22
- className: (0, _classnames.default)(category === 'base' && _style.default.base, category === 'advanced' && _style.default.advanced, category === 'coach' && _style.default.coach, category === 'chapter' && _style.default.chapter, category === 'scorm' && _style.default.scorm, category === 'video' && _style.default.video, category === 'article' && _style.default.article, category === 'podcast' && _style.default.podcast, category === 'course' && _style.default.course)
35
+ className: CATEGORIES[category]
23
36
  }, label);
24
37
  };
25
38
 
26
39
  ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
27
- category: _propTypes.default.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast', 'course']),
40
+ category: _propTypes.default.oneOf((0, _keys2.default)(CATEGORIES)),
28
41
  label: _propTypes.default.string
29
42
  } : {};
30
43
  var _default = ContentBadge;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/content-badge/index.js"],"names":["ContentBadge","props","category","label","style","base","advanced","coach","chapter","scorm","video","article","podcast","course","propTypes","PropTypes","oneOf","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,MAAoBF,KAA1B;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTC,QAAQ,KAAK,MAAb,IAAuBE,eAAMC,IADpB,EAETH,QAAQ,KAAK,UAAb,IAA2BE,eAAME,QAFxB,EAGTJ,QAAQ,KAAK,OAAb,IAAwBE,eAAMG,KAHrB,EAITL,QAAQ,KAAK,SAAb,IAA0BE,eAAMI,OAJvB,EAKTN,QAAQ,KAAK,OAAb,IAAwBE,eAAMK,KALrB,EAMTP,QAAQ,KAAK,OAAb,IAAwBE,eAAMM,KANrB,EAOTR,QAAQ,KAAK,SAAb,IAA0BE,eAAMO,OAPvB,EAQTT,QAAQ,KAAK,SAAb,IAA0BE,eAAMQ,OARvB,EASTV,QAAQ,KAAK,QAAb,IAAyBE,eAAMS,MATtB;AADb,KAaGV,KAbH,CADF;AAiBD,CAnBD;;AAqBAH,YAAY,CAACc,SAAb,2CAAyB;AACvBZ,EAAAA,QAAQ,EAAEa,mBAAUC,KAAV,CAAgB,CACxB,MADwB,EAExB,UAFwB,EAGxB,OAHwB,EAIxB,SAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,SAPwB,EAQxB,SARwB,EASxB,QATwB,CAAhB,CADa;AAYvBb,EAAAA,KAAK,EAAEY,mBAAUE;AAZM,CAAzB;eAeejB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst ContentBadge = props => {\n const {category, label} = props;\n return (\n <span\n className={classnames(\n category === 'base' && style.base,\n category === 'advanced' && style.advanced,\n category === 'coach' && style.coach,\n category === 'chapter' && style.chapter,\n category === 'scorm' && style.scorm,\n category === 'video' && style.video,\n category === 'article' && style.article,\n category === 'podcast' && style.podcast,\n category === 'course' && style.course\n )}\n >\n {label}\n </span>\n );\n};\n\nContentBadge.propTypes = {\n category: PropTypes.oneOf([\n 'base',\n 'advanced',\n 'coach',\n 'chapter',\n 'scorm',\n 'video',\n 'article',\n 'podcast',\n 'course'\n ]),\n label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/content-badge/index.js"],"names":["CATEGORIES","base","style","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","propTypes","PropTypes","oneOf","string"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,IAAI,EAAEC,eAAMD,IADK;AAEjBE,EAAAA,QAAQ,EAAED,eAAMC,QAFC;AAGjBC,EAAAA,KAAK,EAAEF,eAAME,KAHI;AAIjBC,EAAAA,OAAO,EAAEH,eAAMG,OAJE;AAKjBC,EAAAA,KAAK,EAAEJ,eAAMI,KALI;AAMjBC,EAAAA,KAAK,EAAEL,eAAMK,KANI;AAOjBC,EAAAA,OAAO,EAAEN,eAAMM,OAPE;AAQjBC,EAAAA,OAAO,EAAEP,eAAMO,OARE;AASjBC,EAAAA,MAAM,EAAER,eAAMQ,MATG;AAUjBC,EAAAA,MAAM,EAAET,eAAMS;AAVG,CAAnB;;AAaA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,MAAoBF,KAA1B;AACA,sBAAO;AAAM,IAAA,SAAS,EAAEb,UAAU,CAACc,QAAD;AAA3B,KAAwCC,KAAxC,CAAP;AACD,CAHD;;AAKAH,YAAY,CAACI,SAAb,2CAAyB;AACvBF,EAAAA,QAAQ,EAAEG,mBAAUC,KAAV,CAAgB,oBAAKlB,UAAL,CAAhB,CADa;AAEvBe,EAAAA,KAAK,EAAEE,mBAAUE;AAFM,CAAzB;eAKeP,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n base: style.base,\n advanced: style.advanced,\n coach: style.coach,\n chapter: style.chapter,\n scorm: style.scorm,\n video: style.video,\n article: style.article,\n podcast: style.podcast,\n course: style.course,\n hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n const {category, label} = props;\n return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n category: PropTypes.oneOf(keys(CATEGORIES)),\n label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"file":"index.js"}
@@ -9,6 +9,7 @@
9
9
  @value cm_red_200 from colors;
10
10
  @value cm_red_video from colors;
11
11
  @value cm_violet_podcast from colors;
12
+ @value cm_negative_200 from colors;
12
13
 
13
14
  .level {
14
15
  font-family: Gilroy;
@@ -24,6 +25,11 @@
24
25
  background-color: cm_red_200;
25
26
  }
26
27
 
28
+ .hidden {
29
+ composes: level;
30
+ background-color: cm_negative_200;
31
+ }
32
+
27
33
  .base {
28
34
  composes: level;
29
35
  background-color: cm_green_200;
@@ -1,12 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.default = exports.fetchAndLoadAnimation = exports.ANIMATION_CONTROL = void 0;
4
+ exports.default = exports.fetchAndLoadAnimation = void 0;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _classnames = _interopRequireDefault(require("classnames"));
11
9
 
12
10
  var _lottieWeb = _interopRequireDefault(require("lottie-web"));
@@ -25,6 +23,8 @@ var _isomorphicUnfetch = _interopRequireDefault(require("isomorphic-unfetch"));
25
23
 
26
24
  var _style = _interopRequireDefault(require("./style.css"));
27
25
 
26
+ var _propTypes = _interopRequireWildcard(require("./prop-types"));
27
+
28
28
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
29
 
30
30
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -33,14 +33,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
33
33
 
34
34
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
35
35
 
36
- const ANIMATION_CONTROL = {
37
- play: 'play',
38
- pause: 'pause',
39
- stop: 'stop',
40
- loading: 'loading'
41
- };
42
- exports.ANIMATION_CONTROL = ANIMATION_CONTROL;
43
-
44
36
  const isIE11 = () => {
45
37
  if (typeof window === 'undefined') return;
46
38
  const userAgent = (0, _get.default)('navigator.userAgent', window);
@@ -114,10 +106,10 @@ const LottieWrapper = props => {
114
106
  // to remove when the migration towards @testing-library/react is done
115
107
 
116
108
  /* istanbul ignore next */
117
- if ((0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', ANIMATION_CONTROL))) && !autoplay) {
109
+ if ((0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', _propTypes.ANIMATION_CONTROL))) && !autoplay) {
118
110
  setIsAnimationVisible(true);
119
111
  if (animationItem) animationItem[animationControl]();
120
- if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
112
+ if (animationControl === _propTypes.ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
121
113
  }
122
114
  }, [animationControl, animationItem, autoplay]);
123
115
  (0, _react.useEffect)(() => {
@@ -162,23 +154,7 @@ const LottieWrapper = props => {
162
154
  }) : null);
163
155
  };
164
156
 
165
- LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
166
- 'aria-label': _propTypes.default.string.isRequired,
167
- 'data-name': _propTypes.default.string,
168
- animationSrc: _propTypes.default.string.isRequired,
169
- loop: _propTypes.default.bool,
170
- rendererSettings: _propTypes.default.shape({
171
- hideOnTransparent: _propTypes.default.bool,
172
- className: _propTypes.default.string
173
- }),
174
- height: _propTypes.default.number,
175
- width: _propTypes.default.number,
176
- className: _propTypes.default.string,
177
- ie11ImageBackup: _propTypes.default.string.isRequired,
178
- backupImageClassName: _propTypes.default.string,
179
- autoplay: _propTypes.default.bool,
180
- animationControl: _propTypes.default.oneOf((0, _keys.default)(ANIMATION_CONTROL))
181
- } : {};
157
+ LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
182
158
  var _default = LottieWrapper;
183
159
  exports.default = _default;
184
160
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["ANIMATION_CONTROL","play","pause","stop","loading","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationControl","animationClassName","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","_isIE11","wrapperClassName","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","lottie","unfetch","destroy","name","maxWidth","maxHeight","opacity","transition","propTypes","PropTypes","string","isRequired","bool","shape","number","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nexport const ANIMATION_CONTROL = {\n play: 'play',\n pause: 'pause',\n stop: 'stop',\n loading: 'loading'\n};\n\nconst isIE11 = () => {\n if (typeof window === 'undefined') return;\n const userAgent = get('navigator.userAgent', window);\n const hasMsCrypto = has('msCrypto', window);\n const hasRevision = includes('rv:', userAgent);\n const hasTrident = includes('Trident/', userAgent);\n\n return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n _lottie,\n _fetch,\n animationSrc,\n containerRef,\n loop,\n animationClassnames,\n hideOnTransparent,\n autoplay\n) => {\n const animationUrl = new URL(animationSrc).toString();\n const fetchResult = await _fetch(animationUrl, {\n headers: {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/json'\n }\n });\n\n const animationData = await fetchResult.json();\n\n const animation =\n _lottie.loadAnimation &&\n _lottie.loadAnimation({\n container: containerRef.current, // the dom element that will contain the animation\n renderer: 'svg',\n autoplay,\n loop,\n animationData,\n rendererSettings: {\n className: animationClassnames,\n hideOnTransparent,\n preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n }\n });\n return animation;\n};\n\nconst LottieWrapper = props => {\n const {\n className,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n animationSrc,\n loop = false,\n rendererSettings = {},\n width,\n height,\n ie11ImageBackup,\n backupImageClassName,\n autoplay = true,\n animationControl\n } = props;\n\n const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n const containerRef = useRef(null);\n\n // lottie's animation instance\n const [animationItem, setAnimationItem] = useState(null);\n\n const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n const _isIE11 = useMemo(() => isIE11(), []);\n\n const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n animationClassName\n ]);\n\n const ie11BackupImageClassName = useMemo(\n () => classnames(backupImageClassName, style.backupImage),\n [backupImageClassName]\n );\n\n useEffect(() => {\n // enzyme does not handle well the state update after an async useEffect in tests\n // to remove when the migration towards @testing-library/react is done\n /* istanbul ignore next */\n if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n setIsAnimationVisible(true);\n if (animationItem) animationItem[animationControl]();\n if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n }\n }, [animationControl, animationItem, autoplay]);\n\n useEffect(() => {\n const loadAnimation = async () => {\n if (!_isIE11 && !animationItem) {\n /* istanbul ignore else */\n if (typeof window !== 'undefined') {\n window.lottie = lottie;\n }\n const animation = await fetchAndLoadAnimation(\n lottie,\n unfetch,\n animationSrc,\n containerRef,\n loop,\n lottieAnimationClassName,\n hideOnTransparent,\n autoplay\n );\n\n /* istanbul ignore next */\n setAnimationItem(animation);\n }\n };\n\n loadAnimation();\n return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n }, [\n lottieAnimationClassName,\n containerRef,\n hideOnTransparent,\n loop,\n animationSrc,\n _isIE11,\n animationItem,\n autoplay\n ]);\n\n return (\n <div\n ref={containerRef}\n aria-label={ariaLabel}\n data-name={dataName}\n className={wrapperClassName}\n style={{\n ...(width && {\n width: `${width}px`,\n maxWidth: `${width}px`\n }),\n ...(height && {\n height: `${height}px`,\n maxHeight: `${height}px`\n }),\n opacity: isAnimationVisible ? 1 : 0,\n transition: 'opacity 0.25s ease-in'\n }}\n >\n {_isIE11 ? (\n <img\n src={ie11ImageBackup}\n className={ie11BackupImageClassName}\n data-name=\"ie11-backup-image\"\n />\n ) : null}\n </div>\n );\n};\n\nLottieWrapper.propTypes = {\n 'aria-label': PropTypes.string.isRequired,\n 'data-name': PropTypes.string,\n animationSrc: PropTypes.string.isRequired,\n loop: PropTypes.bool,\n rendererSettings: PropTypes.shape({\n hideOnTransparent: PropTypes.bool,\n className: PropTypes.string\n }),\n height: PropTypes.number,\n width: PropTypes.number,\n className: PropTypes.string,\n ie11ImageBackup: PropTypes.string.isRequired,\n backupImageClassName: PropTypes.string,\n autoplay: PropTypes.bool,\n animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationControl","animationClassName","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","_isIE11","wrapperClassName","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","ANIMATION_CONTROL","stop","lottie","unfetch","destroy","name","maxWidth","maxHeight","opacity","transition","propTypes"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\n\nconst isIE11 = () => {\n if (typeof window === 'undefined') return;\n const userAgent = get('navigator.userAgent', window);\n const hasMsCrypto = has('msCrypto', window);\n const hasRevision = includes('rv:', userAgent);\n const hasTrident = includes('Trident/', userAgent);\n\n return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n _lottie,\n _fetch,\n animationSrc,\n containerRef,\n loop,\n animationClassnames,\n hideOnTransparent,\n autoplay\n) => {\n const animationUrl = new URL(animationSrc).toString();\n const fetchResult = await _fetch(animationUrl, {\n headers: {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/json'\n }\n });\n\n const animationData = await fetchResult.json();\n\n const animation =\n _lottie.loadAnimation &&\n _lottie.loadAnimation({\n container: containerRef.current, // the dom element that will contain the animation\n renderer: 'svg',\n autoplay,\n loop,\n animationData,\n rendererSettings: {\n className: animationClassnames,\n hideOnTransparent,\n preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n }\n });\n return animation;\n};\n\nconst LottieWrapper = props => {\n const {\n className,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n animationSrc,\n loop = false,\n rendererSettings = {},\n width,\n height,\n ie11ImageBackup,\n backupImageClassName,\n autoplay = true,\n animationControl\n } = props;\n\n const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n const containerRef = useRef(null);\n\n // lottie's animation instance\n const [animationItem, setAnimationItem] = useState(null);\n\n const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n const _isIE11 = useMemo(() => isIE11(), []);\n\n const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n animationClassName\n ]);\n\n const ie11BackupImageClassName = useMemo(\n () => classnames(backupImageClassName, style.backupImage),\n [backupImageClassName]\n );\n\n useEffect(() => {\n // enzyme does not handle well the state update after an async useEffect in tests\n // to remove when the migration towards @testing-library/react is done\n /* istanbul ignore next */\n if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n setIsAnimationVisible(true);\n if (animationItem) animationItem[animationControl]();\n if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n }\n }, [animationControl, animationItem, autoplay]);\n\n useEffect(() => {\n const loadAnimation = async () => {\n if (!_isIE11 && !animationItem) {\n /* istanbul ignore else */\n if (typeof window !== 'undefined') {\n window.lottie = lottie;\n }\n const animation = await fetchAndLoadAnimation(\n lottie,\n unfetch,\n animationSrc,\n containerRef,\n loop,\n lottieAnimationClassName,\n hideOnTransparent,\n autoplay\n );\n\n /* istanbul ignore next */\n setAnimationItem(animation);\n }\n };\n\n loadAnimation();\n return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n }, [\n lottieAnimationClassName,\n containerRef,\n hideOnTransparent,\n loop,\n animationSrc,\n _isIE11,\n animationItem,\n autoplay\n ]);\n\n return (\n <div\n ref={containerRef}\n aria-label={ariaLabel}\n data-name={dataName}\n className={wrapperClassName}\n style={{\n ...(width && {\n width: `${width}px`,\n maxWidth: `${width}px`\n }),\n ...(height && {\n height: `${height}px`,\n maxHeight: `${height}px`\n }),\n opacity: isAnimationVisible ? 1 : 0,\n transition: 'opacity 0.25s ease-in'\n }}\n >\n {_isIE11 ? (\n <img\n src={ie11ImageBackup}\n className={ie11BackupImageClassName}\n data-name=\"ie11-backup-image\"\n />\n ) : null}\n </div>\n );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"file":"index.js"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = exports.ANIMATION_CONTROL = void 0;
5
+
6
+ var _keys = _interopRequireDefault(require("lodash/fp/keys"));
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ const ANIMATION_CONTROL = {
13
+ play: 'play',
14
+ pause: 'pause',
15
+ stop: 'stop',
16
+ loading: 'loading'
17
+ };
18
+ exports.ANIMATION_CONTROL = ANIMATION_CONTROL;
19
+ var _default = {
20
+ 'aria-label': _propTypes.default.string.isRequired,
21
+ 'data-name': _propTypes.default.string,
22
+ animationSrc: _propTypes.default.string.isRequired,
23
+ loop: _propTypes.default.bool,
24
+ rendererSettings: _propTypes.default.shape({
25
+ hideOnTransparent: _propTypes.default.bool,
26
+ className: _propTypes.default.string
27
+ }),
28
+ height: _propTypes.default.number,
29
+ width: _propTypes.default.number,
30
+ className: _propTypes.default.string,
31
+ ie11ImageBackup: _propTypes.default.string.isRequired,
32
+ backupImageClassName: _propTypes.default.string,
33
+ autoplay: _propTypes.default.bool,
34
+ animationControl: _propTypes.default.oneOf((0, _keys.default)(ANIMATION_CONTROL))
35
+ };
36
+ exports.default = _default;
37
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/lottie-wrapper/prop-types.js"],"names":["ANIMATION_CONTROL","play","pause","stop","loading","PropTypes","string","isRequired","animationSrc","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","ie11ImageBackup","backupImageClassName","autoplay","animationControl","oneOf"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,MADyB;AAE/BC,EAAAA,KAAK,EAAE,OAFwB;AAG/BC,EAAAA,IAAI,EAAE,MAHyB;AAI/BC,EAAAA,OAAO,EAAE;AAJsB,CAA1B;;eAOQ;AACb,gBAAcC,mBAAUC,MAAV,CAAiBC,UADlB;AAEb,eAAaF,mBAAUC,MAFV;AAGbE,EAAAA,YAAY,EAAEH,mBAAUC,MAAV,CAAiBC,UAHlB;AAIbE,EAAAA,IAAI,EAAEJ,mBAAUK,IAJH;AAKbC,EAAAA,gBAAgB,EAAEN,mBAAUO,KAAV,CAAgB;AAChCC,IAAAA,iBAAiB,EAAER,mBAAUK,IADG;AAEhCI,IAAAA,SAAS,EAAET,mBAAUC;AAFW,GAAhB,CALL;AASbS,EAAAA,MAAM,EAAEV,mBAAUW,MATL;AAUbC,EAAAA,KAAK,EAAEZ,mBAAUW,MAVJ;AAWbF,EAAAA,SAAS,EAAET,mBAAUC,MAXR;AAYbY,EAAAA,eAAe,EAAEb,mBAAUC,MAAV,CAAiBC,UAZrB;AAabY,EAAAA,oBAAoB,EAAEd,mBAAUC,MAbnB;AAcbc,EAAAA,QAAQ,EAAEf,mBAAUK,IAdP;AAebW,EAAAA,gBAAgB,EAAEhB,mBAAUiB,KAAV,CAAgB,mBAAKtB,iBAAL,CAAhB;AAfL,C","sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport const ANIMATION_CONTROL = {\n play: 'play',\n pause: 'pause',\n stop: 'stop',\n loading: 'loading'\n};\n\nexport default {\n 'aria-label': PropTypes.string.isRequired,\n 'data-name': PropTypes.string,\n animationSrc: PropTypes.string.isRequired,\n loop: PropTypes.bool,\n rendererSettings: PropTypes.shape({\n hideOnTransparent: PropTypes.bool,\n className: PropTypes.string\n }),\n height: PropTypes.number,\n width: PropTypes.number,\n className: PropTypes.string,\n ie11ImageBackup: PropTypes.string.isRequired,\n backupImageClassName: PropTypes.string,\n autoplay: PropTypes.bool,\n animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n"],"file":"prop-types.js"}
@@ -5,10 +5,10 @@ exports.default = void 0;
5
5
 
6
6
  var _react = _interopRequireDefault(require("react"));
7
7
 
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _style = _interopRequireDefault(require("./style.css"));
11
9
 
10
+ var _propTypes = _interopRequireDefault(require("./prop-types"));
11
+
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
14
  const ReviewBackground = props => {
@@ -37,9 +37,7 @@ const ReviewBackground = props => {
37
37
  })));
38
38
  };
39
39
 
40
- ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? {
41
- 'aria-label': _propTypes.default.string
42
- } : {};
40
+ ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
43
41
  var _default = ReviewBackground;
44
42
  exports.default = _default;
45
43
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["ReviewBackground","props","ariaLabel","style","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes","PropTypes","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC,aAAtB;AAAqC,kBAAYF;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEC,eAAME;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEF,eAAMG;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEH,eAAMI;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAEN,eAAMO;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAZ,gBAAgB,CAACa,SAAjB,2CAA6B;AAAC,gBAAcC,mBAAUC;AAAzB,CAA7B;eAEef,gB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}>?</span>\n <span className={style.interrogationRight}>?</span>\n <div className={style.recYellow} />\n <div className={style.recRed} />\n <div className={style.recBlue} />\n <div className={style.recGreen} />\n <div className={style.recGreenLight} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = {'aria-label': PropTypes.string};\n\nexport default ReviewBackground;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["ReviewBackground","props","ariaLabel","style","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC,aAAtB;AAAqC,kBAAYF;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEC,eAAME;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEF,eAAMG;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEH,eAAMI;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAEN,eAAMO;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAZ,gBAAgB,CAACa,SAAjB,2CAA6BA,kBAA7B;eAEeb,gB","sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}>?</span>\n <span className={style.interrogationRight}>?</span>\n <div className={style.recYellow} />\n <div className={style.recRed} />\n <div className={style.recBlue} />\n <div className={style.recGreen} />\n <div className={style.recGreenLight} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"file":"index.js"}
@@ -0,0 +1,14 @@
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
+ var _default = {
11
+ 'aria-label': _propTypes.default.string
12
+ };
13
+ exports.default = _default;
14
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/review-background/prop-types.js"],"names":["PropTypes","string"],"mappings":";;;;;AAAA;;;;eAEe;AAAC,gBAAcA,mBAAUC;AAAzB,C","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {'aria-label': PropTypes.string};\n"],"file":"prop-types.js"}
@@ -7,12 +7,12 @@ var _react = _interopRequireDefault(require("react"));
7
7
 
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
 
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
10
  var _novaIcons = require("@coorpacademy/nova-icons");
13
11
 
14
12
  var _style = _interopRequireDefault(require("./style.css"));
15
13
 
14
+ var _propTypes = _interopRequireDefault(require("./prop-types"));
15
+
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
18
18
  const ICON_VALUES = {
@@ -64,11 +64,7 @@ const ReviewHeaderStepItem = props => {
64
64
  }, /*#__PURE__*/_react.default.createElement(Content, props));
65
65
  };
66
66
 
67
- ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? {
68
- icon: _propTypes.default.string,
69
- current: _propTypes.default.bool,
70
- value: _propTypes.default.string
71
- } : {};
67
+ ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
72
68
  var _default = ReviewHeaderStepItem;
73
69
  exports.default = _default;
74
70
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["ICON_VALUES","right","wrong","Content","icon","current","value","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","props","default","propTypes","PropTypes","string","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;AAEO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,KAAK,EAAE,OADkB;AAEzBC,EAAAA,KAAK,EAAE,OAFkB;AAGzB,eAAa;AAHY,CAApB;;;AAMP,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAIF,IAAI,KAAKJ,WAAW,CAAC,WAAD,CAAxB,EAAuC;AACrC,wBACE;AAAM,MAAA,SAAS,EAAEO,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAKJ,WAAW,CAACC,KAAzB,EAAgC;AAC9B,wBACE;AAAM,MAAA,SAAS,EAAEM,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,2CAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMC,SAAjB,EAA4BH,OAAO,IAAIE,eAAME,gBAA7C;AAAtB,MADF,CADF;AAKD;;AAED,MAAIL,IAAI,KAAKJ,WAAW,CAACE,KAAzB,EAAgC;AAC9B,wBACE;AAAM,MAAA,SAAS,EAAEK,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,+BAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMG,SAAjB,EAA4BL,OAAO,IAAIE,eAAMI,gBAA7C;AAAtB,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTN,eAAMO,OADG,EAETV,IAAI,KAAKJ,WAAW,CAACC,KAArB,IAA8BM,eAAMN,KAF3B,EAGTG,IAAI,KAAKJ,WAAW,CAACE,KAArB,IAA8BK,eAAML,KAH3B,EAITG,OAAO,IAAIE,eAAMF,OAJR,CADb;AAOE,iBAAU;AAPZ,kBASE,6BAAC,OAAD,EAAaQ,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,oBAAoB,CAACG,SAArB,2CAAiC;AAC/BX,EAAAA,IAAI,EAAEY,mBAAUC,MADe;AAE/BZ,EAAAA,OAAO,EAAEW,mBAAUE,IAFY;AAG/BZ,EAAAA,KAAK,EAAEU,mBAAUC;AAHc,CAAjC;eAMeL,oB","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nexport const ICON_VALUES = {\n right: 'right',\n wrong: 'wrong',\n 'no-answer': 'no-answer'\n};\n\nconst Content = ({icon, current, value}) => {\n if (icon === ICON_VALUES['no-answer']) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n {value}\n </span>\n );\n }\n\n if (icon === ICON_VALUES.right) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n </span>\n );\n }\n\n if (icon === ICON_VALUES.wrong) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n </span>\n );\n }\n};\n\nconst ReviewHeaderStepItem = props => {\n const {icon, current} = props;\n return (\n <div\n className={classnames(\n style.default,\n icon === ICON_VALUES.right && style.right,\n icon === ICON_VALUES.wrong && style.wrong,\n current && style.current\n )}\n data-name=\"header-step-item\"\n >\n <Content {...props} />\n </div>\n );\n};\n\nReviewHeaderStepItem.propTypes = {\n icon: PropTypes.string,\n current: PropTypes.bool,\n value: PropTypes.string\n};\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["ICON_VALUES","right","wrong","Content","icon","current","value","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","props","default","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;;;AAEO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,KAAK,EAAE,OADkB;AAEzBC,EAAAA,KAAK,EAAE,OAFkB;AAGzB,eAAa;AAHY,CAApB;;;AAMP,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAIF,IAAI,KAAKJ,WAAW,CAAC,WAAD,CAAxB,EAAuC;AACrC,wBACE;AAAM,MAAA,SAAS,EAAEO,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAKJ,WAAW,CAACC,KAAzB,EAAgC;AAC9B,wBACE;AAAM,MAAA,SAAS,EAAEM,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,2CAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMC,SAAjB,EAA4BH,OAAO,IAAIE,eAAME,gBAA7C;AAAtB,MADF,CADF;AAKD;;AAED,MAAIL,IAAI,KAAKJ,WAAW,CAACE,KAAzB,EAAgC;AAC9B,wBACE;AAAM,MAAA,SAAS,EAAEK,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,+BAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMG,SAAjB,EAA4BL,OAAO,IAAIE,eAAMI,gBAA7C;AAAtB,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTN,eAAMO,OADG,EAETV,IAAI,KAAKJ,WAAW,CAACC,KAArB,IAA8BM,eAAMN,KAF3B,EAGTG,IAAI,KAAKJ,WAAW,CAACE,KAArB,IAA8BK,eAAML,KAH3B,EAITG,OAAO,IAAIE,eAAMF,OAJR,CADb;AAOE,iBAAU;AAPZ,kBASE,6BAAC,OAAD,EAAaQ,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,oBAAoB,CAACG,SAArB,2CAAiCA,kBAAjC;eAEeH,oB","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const ICON_VALUES = {\n right: 'right',\n wrong: 'wrong',\n 'no-answer': 'no-answer'\n};\n\nconst Content = ({icon, current, value}) => {\n if (icon === ICON_VALUES['no-answer']) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n {value}\n </span>\n );\n }\n\n if (icon === ICON_VALUES.right) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n </span>\n );\n }\n\n if (icon === ICON_VALUES.wrong) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n </span>\n );\n }\n};\n\nconst ReviewHeaderStepItem = props => {\n const {icon, current} = props;\n return (\n <div\n className={classnames(\n style.default,\n icon === ICON_VALUES.right && style.right,\n icon === ICON_VALUES.wrong && style.wrong,\n current && style.current\n )}\n data-name=\"header-step-item\"\n >\n <Content {...props} />\n </div>\n );\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}
@@ -0,0 +1,16 @@
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
+ var _default = {
11
+ icon: _propTypes.default.string,
12
+ current: _propTypes.default.bool,
13
+ value: _propTypes.default.string
14
+ };
15
+ exports.default = _default;
16
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/review-header-step-item/prop-types.js"],"names":["icon","PropTypes","string","current","bool","value"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,IAAI,EAAEC,mBAAUC,MADH;AAEbC,EAAAA,OAAO,EAAEF,mBAAUG,IAFN;AAGbC,EAAAA,KAAK,EAAEJ,mBAAUC;AAHJ,C","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n icon: PropTypes.string,\n current: PropTypes.bool,\n value: PropTypes.string\n};\n"],"file":"prop-types.js"}
@@ -15,6 +15,8 @@ var _novaIcons = require("@coorpacademy/nova-icons");
15
15
 
16
16
  var _style = _interopRequireDefault(require("./style.css"));
17
17
 
18
+ var _propTypes2 = _interopRequireDefault(require("./prop-types"));
19
+
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
21
 
20
22
  const ICONS = {
@@ -99,24 +101,10 @@ const ReviewPresentation = props => {
99
101
  }, labelsList)));
100
102
  };
101
103
 
102
- const levelItem = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
103
- text: _propTypes.default.string,
104
- tooltipText: _propTypes.default.string
105
- }) : {};
106
104
  ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
107
105
  tooltipText: _propTypes.default.string
108
106
  } : {};
109
- ReviewPresentation.propTypes = process.env.NODE_ENV !== "production" ? {
110
- 'aria-label': _propTypes.default.string,
111
- reviewTitle: _propTypes.default.string,
112
- reviewText: _propTypes.default.string,
113
- labelsList: _propTypes.default.shape({
114
- skills: levelItem,
115
- questions: levelItem,
116
- lifes: levelItem,
117
- allright: levelItem
118
- })
119
- } : {};
107
+ ReviewPresentation.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.default : {};
120
108
  var _default = ReviewPresentation;
121
109
  exports.default = _default;
122
110
  //# sourceMappingURL=index.js.map
@@ -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","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 getOr from 'lodash/fp/getOr';\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 = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\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"}
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","propTypes","PropTypes","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,MAAM,EAAEC,oDADI;AAEZC,EAAAA,SAAS,EAAEC,0DAFC;AAGZC,EAAAA,KAAK,EAAEC,wCAHK;AAIZC,EAAAA,QAAQ,EAAEC;AAJE,CAAd;;AAOA,MAAMC,OAAO,GAAGC,IAAI,IAAI;AACtB,QAAMC,IAAI,GAAG,oBAAM,IAAN,EAAYD,IAAZ,EAAkBV,KAAlB,CAAb;AAEA;;AACA,MAAI,CAACW,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEC,eAAMC;AAAtB,MAAP;AACD;;AACD,sBAAO,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAED,eAAMC;AAAvB,IAAP;AACD,CARD;;AAUA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAmB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,qDAAD;AAAiB,IAAA,SAAS,EAAEL,eAAMM,eAAlC;AAAmD,IAAA,KAAK,EAAE,EAA1D;AAA8D,IAAA,MAAM,EAAE;AAAtE,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEN,eAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,eAAMG;AAAtB,KAAoCA,WAApC,CADF,CAJF,CADF;AAUD,CAXD;;AAaA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AAAC,kBAAcC,SAAf;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,UAAvC;AAAmDC,IAAAA;AAAnD,MAAiEJ,KAAvE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAET,eAAMc,aAAtB;AAAqC,kBAAYJ;AAAjD,kBACE;AACE,IAAA,SAAS,EAAEV,eAAMW,WADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACI,MAAAA,MAAM,EAAEJ;AAAT;AAH3B,IADF,eAME;AACE,IAAA,SAAS,EAAEX,eAAMY,UADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACG,MAAAA,MAAM,EAAEH;AAAT;AAH3B,IANF,eAWE;AAAI,IAAA,SAAS,EAAEZ,eAAMgB;AAArB,KACGC,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzC,wBACE;AAAI,MAAA,GAAG,EAAG,QAAOA,GAAI,EAArB;AAAwB,MAAA,SAAS,EAAErB,eAAMsB;AAAzC,oBACE;AAAK,MAAA,SAAS,EAAEtB,eAAMuB,qBAAtB;AAA6C,sBAA7C;AAAsD,kBAAS;AAA/D,oBACE;AAAK,MAAA,SAAS,EAAEvB,eAAMwB;AAAtB,OACG3B,OAAO,CAACwB,GAAD,CADV,OACkBD,KAAK,CAACK,IADxB,CADF,eAIE,6BAAC,OAAD;AAAS,MAAA,WAAW,EAAEL,KAAK,CAACjB;AAA5B,MAJF,CADF,CADF;AAUD,GAXA,EAWEU,UAXF,CADH,CAXF,CADF;AA4BD,CA/BD;;AAiCAX,OAAO,CAACwB,SAAR,2CAAoB;AAClBvB,EAAAA,WAAW,EAAEwB,mBAAUC;AADL,CAApB;AAIApB,kBAAkB,CAACkB,SAAnB,2CAA+BA,mBAA/B;eAEelB,kB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\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';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst getIcon = icon => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\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\nToolTip.propTypes = {\n tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
@@ -0,0 +1,28 @@
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 levelItem = _propTypes.default.shape({
11
+ text: _propTypes.default.string,
12
+ tooltipText: _propTypes.default.string
13
+ });
14
+
15
+ const propTypes = {
16
+ 'aria-label': _propTypes.default.string,
17
+ reviewTitle: _propTypes.default.string,
18
+ reviewText: _propTypes.default.string,
19
+ labelsList: _propTypes.default.shape({
20
+ skills: levelItem,
21
+ questions: levelItem,
22
+ lifes: levelItem,
23
+ allright: levelItem
24
+ })
25
+ };
26
+ var _default = propTypes;
27
+ exports.default = _default;
28
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/review-presentation/prop-types.js"],"names":["levelItem","PropTypes","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAGC,mBAAUC,KAAV,CAAgB;AAChCC,EAAAA,IAAI,EAAEF,mBAAUG,MADgB;AAEhCC,EAAAA,WAAW,EAAEJ,mBAAUG;AAFS,CAAhB,CAAlB;;AAKA,MAAME,SAAS,GAAG;AAChB,gBAAcL,mBAAUG,MADR;AAEhBG,EAAAA,WAAW,EAAEN,mBAAUG,MAFP;AAGhBI,EAAAA,UAAU,EAAEP,mBAAUG,MAHN;AAIhBK,EAAAA,UAAU,EAAER,mBAAUC,KAAV,CAAgB;AAC1BQ,IAAAA,MAAM,EAAEV,SADkB;AAE1BW,IAAAA,SAAS,EAAEX,SAFe;AAG1BY,IAAAA,KAAK,EAAEZ,SAHmB;AAI1Ba,IAAAA,QAAQ,EAAEb;AAJgB,GAAhB;AAJI,CAAlB;eAYeM,S","sourcesContent":["import PropTypes from 'prop-types';\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nconst 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 propTypes;\n"],"file":"prop-types.js"}
@@ -19,6 +19,7 @@ const Spinner = () => {
19
19
  }));
20
20
  };
21
21
 
22
+ Spinner.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
22
23
  var _default = Spinner;
23
24
  exports.default = _default;
24
25
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/spinner/index.js"],"names":["Spinner","spinner","doubleBounce1","doubleBounce2"],"mappings":";;;;;AAAA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,MAAM;AACpB,sBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IADF,eAEE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IAFF,CADF;AAMD,CAPD;;eASeH,O","sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n return (\n <div className={spinner}>\n <div className={doubleBounce1} />\n <div className={doubleBounce2} />\n </div>\n );\n};\n\nexport default Spinner;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/spinner/index.js"],"names":["Spinner","spinner","doubleBounce1","doubleBounce2","propTypes"],"mappings":";;;;;AAAA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,MAAM;AACpB,sBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IADF,eAEE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IAFF,CADF;AAMD,CAPD;;AASAH,OAAO,CAACI,SAAR,2CAAoB,EAApB;eAEeJ,O","sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n return (\n <div className={spinner}>\n <div className={doubleBounce1} />\n <div className={doubleBounce2} />\n </div>\n );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"file":"index.js"}
@@ -25,6 +25,7 @@ const Tab = ({
25
25
  }) => {
26
26
  const handleTabClick = (0, _react.useMemo)(() => () => onClick(targetContent), [onClick, targetContent]);
27
27
  return /*#__PURE__*/_react.default.createElement("div", {
28
+ "data-name": "tab",
28
29
  className: _style.default.tab,
29
30
  onClick: handleTabClick
30
31
  }, /*#__PURE__*/_react.default.createElement("div", {