@coorpacademy/components 11.14.1-alpha.3.27 → 11.14.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 (241) hide show
  1. package/es/atom/button/index.d.ts.map +1 -1
  2. package/es/atom/button/index.js +18 -13
  3. package/es/atom/button/index.js.map +1 -1
  4. package/es/molecule/cm-popin/index.d.ts.map +1 -1
  5. package/es/molecule/cm-popin/index.js +5 -4
  6. package/es/molecule/cm-popin/index.js.map +1 -1
  7. package/es/molecule/cm-popin/style.css +61 -40
  8. package/es/molecule/discipline-header/index.d.ts +1 -1
  9. package/es/molecule/discipline-header/index.d.ts.map +1 -1
  10. package/es/molecule/discipline-header/index.js +8 -8
  11. package/es/molecule/discipline-header/index.js.map +1 -1
  12. package/es/molecule/discipline-header/style.css +1 -1
  13. package/es/molecule/hero/index.d.ts +26 -30
  14. package/es/molecule/hero/index.d.ts.map +1 -1
  15. package/es/molecule/hero/index.js +13 -14
  16. package/es/molecule/hero/index.js.map +1 -1
  17. package/es/molecule/hero/style.css +0 -42
  18. package/es/molecule/quick-access-card/index.d.ts +0 -1
  19. package/es/molecule/quick-access-card/index.d.ts.map +1 -1
  20. package/es/molecule/quick-access-card/index.js +21 -77
  21. package/es/molecule/quick-access-card/index.js.map +1 -1
  22. package/es/molecule/quick-access-card/style.css +17 -28
  23. package/es/molecule/quick-access-cards-group/index.d.ts +0 -1
  24. package/es/organism/brand-dashboard/index.d.ts +0 -1
  25. package/es/template/back-office/brand-update/index.d.ts +0 -1
  26. package/es/template/external-course/index.d.ts +69 -21
  27. package/es/template/external-course/index.d.ts.map +1 -1
  28. package/es/template/external-course/index.js +73 -56
  29. package/es/template/external-course/index.js.map +1 -1
  30. package/es/template/external-course/style.css +1 -1
  31. package/es/util/button-icons.d.ts +0 -1
  32. package/es/util/button-icons.d.ts.map +1 -1
  33. package/es/util/button-icons.js +2 -3
  34. package/es/util/button-icons.js.map +1 -1
  35. package/es/variables/breakpoints.css +1 -1
  36. package/lib/atom/button/index.d.ts.map +1 -1
  37. package/lib/atom/button/index.js +18 -13
  38. package/lib/atom/button/index.js.map +1 -1
  39. package/lib/molecule/cm-popin/index.d.ts.map +1 -1
  40. package/lib/molecule/cm-popin/index.js +4 -3
  41. package/lib/molecule/cm-popin/index.js.map +1 -1
  42. package/lib/molecule/cm-popin/style.css +61 -40
  43. package/lib/molecule/discipline-header/index.d.ts +1 -1
  44. package/lib/molecule/discipline-header/index.d.ts.map +1 -1
  45. package/lib/molecule/discipline-header/index.js +8 -8
  46. package/lib/molecule/discipline-header/index.js.map +1 -1
  47. package/lib/molecule/discipline-header/style.css +1 -1
  48. package/lib/molecule/hero/index.d.ts +26 -30
  49. package/lib/molecule/hero/index.d.ts.map +1 -1
  50. package/lib/molecule/hero/index.js +14 -15
  51. package/lib/molecule/hero/index.js.map +1 -1
  52. package/lib/molecule/hero/style.css +0 -42
  53. package/lib/molecule/quick-access-card/index.d.ts +0 -1
  54. package/lib/molecule/quick-access-card/index.d.ts.map +1 -1
  55. package/lib/molecule/quick-access-card/index.js +20 -76
  56. package/lib/molecule/quick-access-card/index.js.map +1 -1
  57. package/lib/molecule/quick-access-card/style.css +17 -28
  58. package/lib/molecule/quick-access-cards-group/index.d.ts +0 -1
  59. package/lib/organism/brand-dashboard/index.d.ts +0 -1
  60. package/lib/template/back-office/brand-update/index.d.ts +0 -1
  61. package/lib/template/external-course/index.d.ts +69 -21
  62. package/lib/template/external-course/index.d.ts.map +1 -1
  63. package/lib/template/external-course/index.js +76 -54
  64. package/lib/template/external-course/index.js.map +1 -1
  65. package/lib/template/external-course/style.css +1 -1
  66. package/lib/util/button-icons.d.ts +0 -1
  67. package/lib/util/button-icons.d.ts.map +1 -1
  68. package/lib/util/button-icons.js +1 -2
  69. package/lib/util/button-icons.js.map +1 -1
  70. package/lib/variables/breakpoints.css +1 -1
  71. package/package.json +3 -3
  72. package/es/molecule/expandable-item/index.d.ts +0 -19
  73. package/es/molecule/expandable-item/index.d.ts.map +0 -1
  74. package/es/molecule/expandable-item/index.js +0 -44
  75. package/es/molecule/expandable-item/index.js.map +0 -1
  76. package/es/molecule/expandable-item/style.css +0 -135
  77. package/es/molecule/expandable-item/types.d.ts +0 -20
  78. package/es/molecule/expandable-item/types.d.ts.map +0 -1
  79. package/es/molecule/expandable-item/types.js +0 -11
  80. package/es/molecule/expandable-item/types.js.map +0 -1
  81. package/es/molecule/expandable-list/index.d.ts +0 -18
  82. package/es/molecule/expandable-list/index.d.ts.map +0 -1
  83. package/es/molecule/expandable-list/index.js +0 -22
  84. package/es/molecule/expandable-list/index.js.map +0 -1
  85. package/es/molecule/expandable-list/style.css +0 -20
  86. package/es/molecule/expandable-list/types.d.ts +0 -17
  87. package/es/molecule/expandable-list/types.d.ts.map +0 -1
  88. package/es/molecule/expandable-list/types.js +0 -6
  89. package/es/molecule/expandable-list/types.js.map +0 -1
  90. package/es/molecule/hero/types.d.ts +0 -22
  91. package/es/molecule/hero/types.d.ts.map +0 -1
  92. package/es/molecule/hero/types.js +0 -14
  93. package/es/molecule/hero/types.js.map +0 -1
  94. package/es/molecule/menu-links/index.d.ts +0 -22
  95. package/es/molecule/menu-links/index.d.ts.map +0 -1
  96. package/es/molecule/menu-links/index.js +0 -70
  97. package/es/molecule/menu-links/index.js.map +0 -1
  98. package/es/molecule/menu-links/style.css +0 -161
  99. package/es/molecule/menu-links/types.d.ts +0 -35
  100. package/es/molecule/menu-links/types.d.ts.map +0 -1
  101. package/es/molecule/menu-links/types.js +0 -17
  102. package/es/molecule/menu-links/types.js.map +0 -1
  103. package/es/molecule/privacy-policy-contact/index.d.ts +0 -14
  104. package/es/molecule/privacy-policy-contact/index.d.ts.map +0 -1
  105. package/es/molecule/privacy-policy-contact/index.js +0 -28
  106. package/es/molecule/privacy-policy-contact/index.js.map +0 -1
  107. package/es/molecule/privacy-policy-contact/style.css +0 -38
  108. package/es/molecule/privacy-policy-contact/types.d.ts +0 -10
  109. package/es/molecule/privacy-policy-contact/types.d.ts.map +0 -1
  110. package/es/molecule/privacy-policy-contact/types.js +0 -6
  111. package/es/molecule/privacy-policy-contact/types.js.map +0 -1
  112. package/es/molecule/privacy-policy-download/index.d.ts +0 -38
  113. package/es/molecule/privacy-policy-download/index.d.ts.map +0 -1
  114. package/es/molecule/privacy-policy-download/index.js +0 -27
  115. package/es/molecule/privacy-policy-download/index.js.map +0 -1
  116. package/es/molecule/privacy-policy-download/style.css +0 -65
  117. package/es/molecule/privacy-policy-download/types.d.ts +0 -50
  118. package/es/molecule/privacy-policy-download/types.d.ts.map +0 -1
  119. package/es/molecule/privacy-policy-download/types.js +0 -8
  120. package/es/molecule/privacy-policy-download/types.js.map +0 -1
  121. package/es/template/common/faq-article-page/index.d.ts +0 -27
  122. package/es/template/common/faq-article-page/index.d.ts.map +0 -1
  123. package/es/template/common/faq-article-page/index.js +0 -50
  124. package/es/template/common/faq-article-page/index.js.map +0 -1
  125. package/es/template/common/faq-article-page/style.css +0 -110
  126. package/es/template/common/faq-article-page/types.d.ts +0 -40
  127. package/es/template/common/faq-article-page/types.d.ts.map +0 -1
  128. package/es/template/common/faq-article-page/types.js +0 -20
  129. package/es/template/common/faq-article-page/types.js.map +0 -1
  130. package/es/template/common/faq-cards-page/index.d.ts +0 -34
  131. package/es/template/common/faq-cards-page/index.d.ts.map +0 -1
  132. package/es/template/common/faq-cards-page/index.js +0 -45
  133. package/es/template/common/faq-cards-page/index.js.map +0 -1
  134. package/es/template/common/faq-cards-page/style.css +0 -95
  135. package/es/template/common/faq-cards-page/types.d.ts +0 -44
  136. package/es/template/common/faq-cards-page/types.d.ts.map +0 -1
  137. package/es/template/common/faq-cards-page/types.js +0 -13
  138. package/es/template/common/faq-cards-page/types.js.map +0 -1
  139. package/es/template/common/faq-page/index.d.ts +0 -80
  140. package/es/template/common/faq-page/index.d.ts.map +0 -1
  141. package/es/template/common/faq-page/index.js +0 -44
  142. package/es/template/common/faq-page/index.js.map +0 -1
  143. package/es/template/common/faq-page/style.css +0 -104
  144. package/es/template/common/faq-page/types.d.ts +0 -86
  145. package/es/template/common/faq-page/types.d.ts.map +0 -1
  146. package/es/template/common/faq-page/types.js +0 -13
  147. package/es/template/common/faq-page/types.js.map +0 -1
  148. package/es/template/common/privacy-policy-page/index.d.ts +0 -80
  149. package/es/template/common/privacy-policy-page/index.d.ts.map +0 -1
  150. package/es/template/common/privacy-policy-page/index.js +0 -50
  151. package/es/template/common/privacy-policy-page/index.js.map +0 -1
  152. package/es/template/common/privacy-policy-page/style.css +0 -123
  153. package/es/template/common/privacy-policy-page/types.d.ts +0 -86
  154. package/es/template/common/privacy-policy-page/types.d.ts.map +0 -1
  155. package/es/template/common/privacy-policy-page/types.js +0 -13
  156. package/es/template/common/privacy-policy-page/types.js.map +0 -1
  157. package/lib/molecule/expandable-item/index.d.ts +0 -19
  158. package/lib/molecule/expandable-item/index.d.ts.map +0 -1
  159. package/lib/molecule/expandable-item/index.js +0 -58
  160. package/lib/molecule/expandable-item/index.js.map +0 -1
  161. package/lib/molecule/expandable-item/style.css +0 -135
  162. package/lib/molecule/expandable-item/types.d.ts +0 -20
  163. package/lib/molecule/expandable-item/types.d.ts.map +0 -1
  164. package/lib/molecule/expandable-item/types.js +0 -20
  165. package/lib/molecule/expandable-item/types.js.map +0 -1
  166. package/lib/molecule/expandable-list/index.d.ts +0 -18
  167. package/lib/molecule/expandable-list/index.d.ts.map +0 -1
  168. package/lib/molecule/expandable-list/index.js +0 -33
  169. package/lib/molecule/expandable-list/index.js.map +0 -1
  170. package/lib/molecule/expandable-list/style.css +0 -20
  171. package/lib/molecule/expandable-list/types.d.ts +0 -17
  172. package/lib/molecule/expandable-list/types.d.ts.map +0 -1
  173. package/lib/molecule/expandable-list/types.js +0 -16
  174. package/lib/molecule/expandable-list/types.js.map +0 -1
  175. package/lib/molecule/hero/types.d.ts +0 -22
  176. package/lib/molecule/hero/types.d.ts.map +0 -1
  177. package/lib/molecule/hero/types.js +0 -25
  178. package/lib/molecule/hero/types.js.map +0 -1
  179. package/lib/molecule/menu-links/index.d.ts +0 -22
  180. package/lib/molecule/menu-links/index.d.ts.map +0 -1
  181. package/lib/molecule/menu-links/index.js +0 -88
  182. package/lib/molecule/menu-links/index.js.map +0 -1
  183. package/lib/molecule/menu-links/style.css +0 -161
  184. package/lib/molecule/menu-links/types.d.ts +0 -35
  185. package/lib/molecule/menu-links/types.d.ts.map +0 -1
  186. package/lib/molecule/menu-links/types.js +0 -26
  187. package/lib/molecule/menu-links/types.js.map +0 -1
  188. package/lib/molecule/privacy-policy-contact/index.d.ts +0 -14
  189. package/lib/molecule/privacy-policy-contact/index.d.ts.map +0 -1
  190. package/lib/molecule/privacy-policy-contact/index.js +0 -41
  191. package/lib/molecule/privacy-policy-contact/index.js.map +0 -1
  192. package/lib/molecule/privacy-policy-contact/style.css +0 -38
  193. package/lib/molecule/privacy-policy-contact/types.d.ts +0 -10
  194. package/lib/molecule/privacy-policy-contact/types.d.ts.map +0 -1
  195. package/lib/molecule/privacy-policy-contact/types.js +0 -15
  196. package/lib/molecule/privacy-policy-contact/types.js.map +0 -1
  197. package/lib/molecule/privacy-policy-download/index.d.ts +0 -38
  198. package/lib/molecule/privacy-policy-download/index.d.ts.map +0 -1
  199. package/lib/molecule/privacy-policy-download/index.js +0 -38
  200. package/lib/molecule/privacy-policy-download/index.js.map +0 -1
  201. package/lib/molecule/privacy-policy-download/style.css +0 -65
  202. package/lib/molecule/privacy-policy-download/types.d.ts +0 -50
  203. package/lib/molecule/privacy-policy-download/types.d.ts.map +0 -1
  204. package/lib/molecule/privacy-policy-download/types.js +0 -18
  205. package/lib/molecule/privacy-policy-download/types.js.map +0 -1
  206. package/lib/template/common/faq-article-page/index.d.ts +0 -27
  207. package/lib/template/common/faq-article-page/index.d.ts.map +0 -1
  208. package/lib/template/common/faq-article-page/index.js +0 -63
  209. package/lib/template/common/faq-article-page/index.js.map +0 -1
  210. package/lib/template/common/faq-article-page/style.css +0 -110
  211. package/lib/template/common/faq-article-page/types.d.ts +0 -40
  212. package/lib/template/common/faq-article-page/types.d.ts.map +0 -1
  213. package/lib/template/common/faq-article-page/types.js +0 -30
  214. package/lib/template/common/faq-article-page/types.js.map +0 -1
  215. package/lib/template/common/faq-cards-page/index.d.ts +0 -34
  216. package/lib/template/common/faq-cards-page/index.d.ts.map +0 -1
  217. package/lib/template/common/faq-cards-page/index.js +0 -58
  218. package/lib/template/common/faq-cards-page/index.js.map +0 -1
  219. package/lib/template/common/faq-cards-page/style.css +0 -95
  220. package/lib/template/common/faq-cards-page/types.d.ts +0 -44
  221. package/lib/template/common/faq-cards-page/types.d.ts.map +0 -1
  222. package/lib/template/common/faq-cards-page/types.js +0 -25
  223. package/lib/template/common/faq-cards-page/types.js.map +0 -1
  224. package/lib/template/common/faq-page/index.d.ts +0 -80
  225. package/lib/template/common/faq-page/index.d.ts.map +0 -1
  226. package/lib/template/common/faq-page/index.js +0 -58
  227. package/lib/template/common/faq-page/index.js.map +0 -1
  228. package/lib/template/common/faq-page/style.css +0 -104
  229. package/lib/template/common/faq-page/types.d.ts +0 -86
  230. package/lib/template/common/faq-page/types.d.ts.map +0 -1
  231. package/lib/template/common/faq-page/types.js +0 -24
  232. package/lib/template/common/faq-page/types.js.map +0 -1
  233. package/lib/template/common/privacy-policy-page/index.d.ts +0 -80
  234. package/lib/template/common/privacy-policy-page/index.d.ts.map +0 -1
  235. package/lib/template/common/privacy-policy-page/index.js +0 -65
  236. package/lib/template/common/privacy-policy-page/index.js.map +0 -1
  237. package/lib/template/common/privacy-policy-page/style.css +0 -123
  238. package/lib/template/common/privacy-policy-page/types.d.ts +0 -86
  239. package/lib/template/common/privacy-policy-page/types.d.ts.map +0 -1
  240. package/lib/template/common/privacy-policy-page/types.js +0 -24
  241. package/lib/template/common/privacy-policy-page/types.js.map +0 -1
@@ -47,7 +47,7 @@
47
47
 
48
48
  .popin {
49
49
  overflow: auto;
50
- width: 500px;
50
+ width: 434px;
51
51
  flex-grow: 0;
52
52
  margin: 16px;
53
53
  padding: 16px 16px 20px 16px;
@@ -114,12 +114,12 @@
114
114
 
115
115
  .button {
116
116
  min-width: max-content;
117
- width: 160px;
117
+ width: 161px;
118
118
  padding: 8px;
119
119
  }
120
120
 
121
121
  .largeButton {
122
- width: 100%;
122
+ width: 75%;
123
123
  padding: 8px;
124
124
  }
125
125
 
@@ -147,7 +147,11 @@
147
147
  color: cm_grey_500;
148
148
  font-style: normal;
149
149
  white-space: pre-line;
150
- margin-top: 0px;
150
+ margin: 0px 32px;
151
+ }
152
+
153
+ .content {
154
+ margin: 20px 32px;
151
155
  }
152
156
 
153
157
  .cookieTitleContainer {
@@ -278,29 +282,21 @@ a {
278
282
  }
279
283
 
280
284
  @media tablet {
281
- .popin {
282
- position: fixed;
283
- }
284
-
285
285
  .popin {
286
286
  width: 80%;
287
+ overflow: hidden;
287
288
  }
288
289
 
289
290
  .buttonContainer {
290
291
  display: flex;
291
292
  flex-wrap: wrap-reverse;
292
- margin: 48px 24px 32px 24px;
293
- width: 85%;
293
+ margin: 12px 24px 32px 24px;
294
294
  }
295
295
 
296
- .button {
296
+ .largeButton, .button , .titleContainer {
297
297
  width: 100%;
298
298
  }
299
299
 
300
- .titleContainer {
301
- width: 85%;
302
- }
303
-
304
300
  .popinCookie {
305
301
  position: fixed;
306
302
  bottom: 10px;
@@ -310,40 +306,66 @@ a {
310
306
  overflow-x: hidden;
311
307
  overflow-y: auto;
312
308
  }
313
- .popinCookie .button{
309
+ .popinCookie .button {
314
310
  width: 100%;
315
311
  padding: 0px 0px 8px 0px
316
312
  }
317
313
 
318
314
  .popinCookie .largeButton {
319
- padding: 8px 0px 0px 0px
315
+ padding: 8px 0px 0px 0px;
320
316
  }
321
317
  .popinCookie .message {
322
318
  padding: 24px 24px 0px 24px
323
319
  }
320
+ .descriptionText {
321
+ margin: 0px 16px;
322
+ }
323
+ .content {
324
+ margin: 20px 16px;
325
+ }
326
+ .message {
327
+ padding: 40px 16px 0px;
328
+ }
329
+ }
330
+
331
+ @media mobile {
332
+ .background {
333
+ padding: 0;
334
+ }
335
+
336
+ .popin {
337
+ width: 80%;
338
+ overflow: hidden;
339
+ }
340
+
341
+ .buttonContainer {
342
+ display: flex;
343
+ margin: 12px 16px 32px 16px;
344
+ }
345
+
346
+ .button {
347
+ width: 100%;
348
+ }
349
+
350
+ .titleContainer {
351
+ width: 100%;
352
+ margin: 0px 16px;
353
+ }
354
+
355
+ .descriptionText {
356
+ margin: 0px 16px;
357
+ }
358
+
359
+ .content {
360
+ margin: 16px 32px;
361
+ }
362
+
363
+ .largeButton {
364
+ margin: 0px 32px;
365
+ }
324
366
 
325
- @media mobile {
326
- .popin {
327
- position: fixed;
328
- }
329
-
330
- .popin {
331
- width: 80%;
332
- }
333
-
334
- .buttonContainer {
335
- display: flex;
336
- margin: 48px 24px 32px 24px;
337
- width: 85%;
338
- }
339
-
340
- .button {
341
- width: 100%;
342
- }
343
-
344
- .titleContainer {
345
- width: 85%;
346
- }
367
+ .message {
368
+ padding: 40px 16px 0px;
347
369
  }
348
370
  }
349
371
 
@@ -355,7 +377,6 @@ button {
355
377
  }
356
378
 
357
379
  _:-ms-fullscreen,
358
- .descriptionText,
359
380
  .buttonContainer {
360
381
  width: 85%;
361
382
  }
@@ -47,7 +47,7 @@ declare class DisciplineHeader extends React.Component<any, any, any> {
47
47
  constructor(props: any);
48
48
  state: {
49
49
  fullDisplay: boolean;
50
- offsetHeightShowMore: number;
50
+ scrollHeightShowMore: number;
51
51
  };
52
52
  handleToggleDisplay(): void;
53
53
  setHandle(el: any): void;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/discipline-header/index.js"],"names":[],"mappings":";AA4BA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAME;IAEF;;MAEE;IAEF,wBAQC;IANC;;;MAGC;IAKH,4BAIC;IAED,yBAEC;IAED,sBAqDC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/discipline-header/index.js"],"names":[],"mappings":";AA4BA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAME;IAEF;;MAEE;IAEF,wBAQC;IANC;;;MAGC;IAKH,4BAIC;IAED,yBAEC;IAED,sBAuDC;CACF"}
@@ -58,7 +58,7 @@ class DisciplineHeader extends _react.default.Component {
58
58
  super(props);
59
59
  this.state = {
60
60
  fullDisplay: false,
61
- offsetHeightShowMore: 0
61
+ scrollHeightShowMore: 0
62
62
  };
63
63
  this.handleToggleDisplay = this.handleToggleDisplay.bind(this);
64
64
  this.setHandle = this.setHandle.bind(this);
@@ -72,7 +72,7 @@ class DisciplineHeader extends _react.default.Component {
72
72
 
73
73
  setHandle(el) {
74
74
  this.setState({
75
- offsetHeightShowMore: (0, _getOr.default)(0, 'offsetHeight', el)
75
+ scrollHeightShowMore: (0, _getOr.default)(0, 'scrollHeight', el)
76
76
  });
77
77
  }
78
78
 
@@ -86,15 +86,15 @@ class DisciplineHeader extends _react.default.Component {
86
86
  } = this.props;
87
87
  const {
88
88
  fullDisplay,
89
- offsetHeightShowMore
89
+ scrollHeightShowMore
90
90
  } = this.state;
91
91
  const {
92
92
  translate
93
93
  } = this.context;
94
- const maxHeightCourseInfos = 209;
94
+ const maxHeightCourseInfos = 215;
95
95
  const hasMediaContent = image || video;
96
96
  const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');
97
- const shortCourseText = offsetHeightShowMore <= maxHeightCourseInfos;
97
+ const shortCourseText = scrollHeightShowMore <= maxHeightCourseInfos;
98
98
  const courseSeeMoreButtonStyle = shortCourseText ? _style.default.showMoreHidden : _style.default.showMore;
99
99
  return /*#__PURE__*/_react.default.createElement("div", {
100
100
  "data-name": "disciplineHeader",
@@ -107,7 +107,8 @@ class DisciplineHeader extends _react.default.Component {
107
107
  })) : null, /*#__PURE__*/_react.default.createElement("div", {
108
108
  className: _style.default.courseWrapper
109
109
  }, /*#__PURE__*/_react.default.createElement("div", {
110
- className: fullDisplay ? _style.default.courseTextWrapperFull : _style.default.courseTextWrapperShort
110
+ className: fullDisplay ? _style.default.courseTextWrapperFull : _style.default.courseTextWrapperShort,
111
+ ref: this.setHandle
111
112
  }, /*#__PURE__*/_react.default.createElement("div", {
112
113
  "data-name": "title",
113
114
  className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
@@ -120,8 +121,7 @@ class DisciplineHeader extends _react.default.Component {
120
121
  ,
121
122
  dangerouslySetInnerHTML: {
122
123
  __html: description
123
- },
124
- ref: this.setHandle
124
+ }
125
125
  })), /*#__PURE__*/_react.default.createElement("div", {
126
126
  className: courseSeeMoreButtonStyle,
127
127
  onClick: this.handleToggleDisplay
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Preview","image","video","mimeType","get","id","jwpOptions","style","propTypes","Picture","src","PropTypes","shape","VideoPlayer","DisciplineHeader","React","Component","constructor","props","state","fullDisplay","offsetHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","getOr","render","title","description","lastUpdated","translate","context","maxHeightCourseInfos","hasMediaContent","toggleLabel","shortCourseText","courseSeeMoreButtonStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","courseTextWrapperFull","courseTextWrapperShort","classnames","innerHTML","__html","lastUpdatedWrapper","lastUpdatedWrapperShort","syncIcon","lastUpdatedText","contextTypes","func","string"],"sources":["../../../src/molecule/discipline-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport classnames from 'classnames';\nimport {NovaSolidSynchronizeSynchronize3 as SyncIcon} from '@coorpacademy/nova-icons';\nimport VideoPlayer from '../video-player';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Preview = ({image, video}) => {\n const mimeType = get('mimeType', video);\n const id = get('id', video);\n const jwpOptions = get('jwpOptions', video);\n if (id) {\n return <VideoPlayer mimeType={mimeType} id={id} width=\"380px\" height=\"250px\" />;\n } else if (jwpOptions) {\n return <VideoPlayer {...video} />;\n } else {\n return <Picture className={style.image} src={image} />;\n }\n};\n\nPreview.propTypes = {\n image: Picture.propTypes.src,\n video: PropTypes.shape(VideoPlayer.propTypes)\n};\n\nclass DisciplineHeader extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n image: Preview.propTypes.image,\n video: Preview.propTypes.video,\n lastUpdated: PropTypes.string\n };\n\n static contextTypes = {\n translate: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n this.state = {\n fullDisplay: false,\n offsetHeightShowMore: 0\n };\n this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n this.setHandle = this.setHandle.bind(this);\n }\n\n handleToggleDisplay() {\n this.setState(prevState => ({\n fullDisplay: !prevState.fullDisplay\n }));\n }\n\n setHandle(el) {\n this.setState({offsetHeightShowMore: getOr(0, 'offsetHeight', el)});\n }\n\n render() {\n const {image, title, description, video, lastUpdated} = this.props;\n const {fullDisplay, offsetHeightShowMore} = this.state;\n const {translate} = this.context;\n const maxHeightCourseInfos = 209;\n const hasMediaContent = image || video;\n const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n const shortCourseText = offsetHeightShowMore <= maxHeightCourseInfos;\n const courseSeeMoreButtonStyle = shortCourseText ? style.showMoreHidden : style.showMore;\n\n return (\n <div data-name=\"disciplineHeader\" className={style.wrapper}>\n {hasMediaContent ? (\n <div className={style.imgWrapper}>\n <Preview image={image} video={video} />\n </div>\n ) : null}\n <div className={style.courseWrapper}>\n <div className={fullDisplay ? style.courseTextWrapperFull : style.courseTextWrapperShort}>\n <div\n data-name=\"title\"\n className={classnames(style.title, style.innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <div\n className={style.innerHTML}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: description}}\n ref={this.setHandle}\n />\n </div>\n <div className={courseSeeMoreButtonStyle} onClick={this.handleToggleDisplay}>\n {toggleLabel}\n </div>\n {lastUpdated ? (\n <div\n className={classnames(\n style.lastUpdatedWrapper,\n shortCourseText ? style.lastUpdatedWrapperShort : null\n )}\n >\n <SyncIcon className={style.syncIcon} />\n <div\n className={classnames(style.lastUpdatedText, style.innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: lastUpdated}}\n />\n </div>\n ) : null}\n </div>\n </div>\n );\n }\n}\n\nexport default DisciplineHeader;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["Preview","image","video","mimeType","get","id","jwpOptions","style","propTypes","Picture","src","PropTypes","shape","VideoPlayer","DisciplineHeader","React","Component","constructor","props","state","fullDisplay","scrollHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","getOr","render","title","description","lastUpdated","translate","context","maxHeightCourseInfos","hasMediaContent","toggleLabel","shortCourseText","courseSeeMoreButtonStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","courseTextWrapperFull","courseTextWrapperShort","classnames","innerHTML","__html","lastUpdatedWrapper","lastUpdatedWrapperShort","syncIcon","lastUpdatedText","contextTypes","func","string"],"sources":["../../../src/molecule/discipline-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport classnames from 'classnames';\nimport {NovaSolidSynchronizeSynchronize3 as SyncIcon} from '@coorpacademy/nova-icons';\nimport VideoPlayer from '../video-player';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Preview = ({image, video}) => {\n const mimeType = get('mimeType', video);\n const id = get('id', video);\n const jwpOptions = get('jwpOptions', video);\n if (id) {\n return <VideoPlayer mimeType={mimeType} id={id} width=\"380px\" height=\"250px\" />;\n } else if (jwpOptions) {\n return <VideoPlayer {...video} />;\n } else {\n return <Picture className={style.image} src={image} />;\n }\n};\n\nPreview.propTypes = {\n image: Picture.propTypes.src,\n video: PropTypes.shape(VideoPlayer.propTypes)\n};\n\nclass DisciplineHeader extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n image: Preview.propTypes.image,\n video: Preview.propTypes.video,\n lastUpdated: PropTypes.string\n };\n\n static contextTypes = {\n translate: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n this.state = {\n fullDisplay: false,\n scrollHeightShowMore: 0\n };\n this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n this.setHandle = this.setHandle.bind(this);\n }\n\n handleToggleDisplay() {\n this.setState(prevState => ({\n fullDisplay: !prevState.fullDisplay\n }));\n }\n\n setHandle(el) {\n this.setState({scrollHeightShowMore: getOr(0, 'scrollHeight', el)});\n }\n\n render() {\n const {image, title, description, video, lastUpdated} = this.props;\n const {fullDisplay, scrollHeightShowMore} = this.state;\n const {translate} = this.context;\n const maxHeightCourseInfos = 215;\n const hasMediaContent = image || video;\n const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n const shortCourseText = scrollHeightShowMore <= maxHeightCourseInfos;\n const courseSeeMoreButtonStyle = shortCourseText ? style.showMoreHidden : style.showMore;\n\n return (\n <div data-name=\"disciplineHeader\" className={style.wrapper}>\n {hasMediaContent ? (\n <div className={style.imgWrapper}>\n <Preview image={image} video={video} />\n </div>\n ) : null}\n <div className={style.courseWrapper}>\n <div\n className={fullDisplay ? style.courseTextWrapperFull : style.courseTextWrapperShort}\n ref={this.setHandle}\n >\n <div\n data-name=\"title\"\n className={classnames(style.title, style.innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <div\n className={style.innerHTML}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: description}}\n />\n </div>\n <div className={courseSeeMoreButtonStyle} onClick={this.handleToggleDisplay}>\n {toggleLabel}\n </div>\n {lastUpdated ? (\n <div\n className={classnames(\n style.lastUpdatedWrapper,\n shortCourseText ? style.lastUpdatedWrapperShort : null\n )}\n >\n <SyncIcon className={style.syncIcon} />\n <div\n className={classnames(style.lastUpdatedText, style.innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: lastUpdated}}\n />\n </div>\n ) : null}\n </div>\n </div>\n );\n }\n}\n\nexport default DisciplineHeader;\n"],"mappings":"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"}
@@ -113,7 +113,7 @@
113
113
 
114
114
  .courseTextWrapperShort {
115
115
  composes: courseTextWrapperFull;
116
- height: 213px;
116
+ max-height: 213px;
117
117
  overflow: hidden;
118
118
  }
119
119
 
@@ -1,41 +1,37 @@
1
- /// <reference types="react" />
2
- import { WebContextValues } from '../../atom/provider/web-context';
3
- import { Props } from './types';
4
- declare const Hero: {
5
- (props: Props, context: WebContextValues): JSX.Element;
6
- contextTypes: {
7
- skin: import("prop-types").Requireable<import("prop-types").InferProps<{
8
- common: import("prop-types").Requireable<{
1
+ export default Hero;
2
+ declare function Hero(props: any, context: any): JSX.Element;
3
+ declare namespace Hero {
4
+ namespace contextTypes {
5
+ const skin: PropTypes.Requireable<PropTypes.InferProps<{
6
+ common: PropTypes.Requireable<{
9
7
  [x: string]: any;
10
8
  }>;
11
- images: import("prop-types").Requireable<import("prop-types").InferProps<{
12
- 'logo-mobile': import("prop-types").Requireable<any>;
13
- logo: import("prop-types").Requireable<any>;
14
- 'logo-email': import("prop-types").Requireable<any>;
15
- login: import("prop-types").Requireable<any>;
9
+ images: PropTypes.Requireable<PropTypes.InferProps<{
10
+ 'logo-mobile': PropTypes.Requireable<any>;
11
+ logo: PropTypes.Requireable<any>;
12
+ 'logo-email': PropTypes.Requireable<any>;
13
+ login: PropTypes.Requireable<any>;
16
14
  }>>;
17
- icons: import("prop-types").Requireable<{
15
+ icons: PropTypes.Requireable<{
18
16
  [x: string]: any;
19
17
  }>;
20
- mod: import("prop-types").Requireable<{
18
+ mod: PropTypes.Requireable<{
21
19
  [x: string]: any;
22
20
  }>;
23
- courses: import("prop-types").Requireable<any[]>;
24
- texts: import("prop-types").Requireable<{
21
+ courses: PropTypes.Requireable<any[]>;
22
+ texts: PropTypes.Requireable<{
25
23
  [x: string]: any;
26
24
  }>;
27
25
  }>>;
28
- };
29
- propTypes: {
30
- image: import("prop-types").Requireable<string>;
31
- mode: import("prop-types").Requireable<string>;
32
- description: import("prop-types").Requireable<string>;
33
- title: import("prop-types").Requireable<string>;
34
- author: import("prop-types").Requireable<string>;
35
- progress: import("prop-types").Requireable<number>;
36
- onClick: import("prop-types").Requireable<(...args: any[]) => any>;
37
- submitValue: import("prop-types").Requireable<string>;
38
- };
39
- };
40
- export default Hero;
26
+ }
27
+ namespace propTypes {
28
+ const image: PropTypes.Requireable<string>;
29
+ const title: PropTypes.Requireable<string>;
30
+ const author: PropTypes.Requireable<string>;
31
+ const progress: PropTypes.Requireable<number>;
32
+ const onClick: PropTypes.Requireable<(...args: any[]) => any>;
33
+ const submitValue: PropTypes.Requireable<string>;
34
+ }
35
+ }
36
+ import PropTypes from "prop-types";
41
37
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,IAAI;YAAW,KAAK,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDpD,CAAC;AAQF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.js"],"names":[],"mappings":";AASA,6DAgCC"}
@@ -7,6 +7,8 @@ var _get2 = _interopRequireDefault(require("lodash/fp/get"));
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
10
12
  var _classnames = _interopRequireDefault(require("classnames"));
11
13
 
12
14
  var _provider = _interopRequireDefault(require("../../atom/provider"));
@@ -15,8 +17,6 @@ var _button = _interopRequireDefault(require("../../atom/button"));
15
17
 
16
18
  var _cardContent = _interopRequireWildcard(require("../card-content"));
17
19
 
18
- var _types = require("./types");
19
-
20
20
  var _style = _interopRequireDefault(require("./style.css"));
21
21
 
22
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,9 +35,7 @@ const Hero = (props, context) => {
35
35
  author,
36
36
  progress,
37
37
  onClick,
38
- submitValue,
39
- description,
40
- mode = _cardContent.MODES.HERO
38
+ submitValue
41
39
  } = props;
42
40
  const primaryColor = (0, _get2.default)('common.primary', skin);
43
41
  const cardStyle = (0, _classnames.default)(_style.default.hero, title ? null : _style.default.lazy);
@@ -53,18 +51,12 @@ const Hero = (props, context) => {
53
51
  backgroundColor: primaryColor,
54
52
  backgroundImage: image ? `url('${image}')` : 'none'
55
53
  }
56
- })), mode === _cardContent.MODES.HERO ? /*#__PURE__*/_react.default.createElement(_cardContent.default, {
54
+ })), /*#__PURE__*/_react.default.createElement(_cardContent.default, {
57
55
  mode: _cardContent.MODES.HERO,
58
56
  author: author,
59
57
  progress: progress,
60
58
  title: title
61
- }) : /*#__PURE__*/_react.default.createElement("div", {
62
- className: _style.default.infoWrapper
63
- }, /*#__PURE__*/_react.default.createElement("h1", {
64
- className: _style.default.title
65
- }, title), /*#__PURE__*/_react.default.createElement("p", {
66
- className: _style.default.description
67
- }, description)), mode === _cardContent.MODES.HERO ? /*#__PURE__*/_react.default.createElement("div", {
59
+ }), /*#__PURE__*/_react.default.createElement("div", {
68
60
  className: _style.default.heroButtonWrapper
69
61
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
70
62
  type: "link",
@@ -75,13 +67,20 @@ const Hero = (props, context) => {
75
67
  style: {
76
68
  backgroundColor: primaryColor
77
69
  }
78
- })) : null);
70
+ })));
79
71
  };
80
72
 
81
73
  Hero.contextTypes = {
82
74
  skin: _provider.default.childContextTypes.skin
83
75
  };
84
- Hero.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
76
+ Hero.propTypes = process.env.NODE_ENV !== "production" ? {
77
+ image: _propTypes.default.string,
78
+ title: _cardContent.default.propTypes.title,
79
+ author: _cardContent.default.propTypes.author,
80
+ progress: _cardContent.default.propTypes.progress,
81
+ onClick: _button.default.propTypes.onClick,
82
+ submitValue: _button.default.propTypes.submitValue
83
+ } : {};
85
84
  var _default = Hero;
86
85
  exports.default = _default;
87
86
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","MODES","HERO","primaryColor","cardStyle","classnames","style","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","Provider","childContextTypes","propTypes"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\n const {skin} = context;\n const {\n image,\n title,\n author,\n progress,\n onClick,\n submitValue,\n description,\n mode = MODES.HERO\n } = props;\n\n const primaryColor = get('common.primary', skin);\n const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n return (\n <div className={cardStyle} data-name=\"hero\">\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n />\n </div>\n {mode === MODES.HERO ? (\n <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n ) : (\n <div className={style.infoWrapper}>\n <h1 className={style.title}>{title}</h1>\n <p className={style.description}>{description}</p>\n </div>\n )}\n {mode === MODES.HERO ? (\n <div className={style.heroButtonWrapper}>\n <Button\n type=\"link\"\n data-name=\"hero-button\"\n onClick={onClick}\n submitValue={submitValue}\n className={style.heroButton}\n style={{backgroundColor: primaryColor}}\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nHero.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = propTypes;\n\nexport default Hero;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAACC,KAAD,EAAeC,OAAf,KAA6C;EACxD,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJE,KADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,QAJI;IAKJC,OALI;IAMJC,WANI;IAOJC,WAPI;IAQJC,IAAI,GAAGC,kBAAA,CAAMC;EART,IASFZ,KATJ;EAWA,MAAMa,YAAY,GAAG,mBAAI,gBAAJ,EAAsBX,IAAtB,CAArB;EACA,MAAMY,SAAS,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBb,KAAK,GAAG,IAAH,GAAUY,cAAA,CAAME,IAA5C,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEJ,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEH,cAAA,CAAMb,KAFnB;IAGE,KAAK,EAAE;MACLiB,eAAe,EAAEP,YADZ;MAELQ,eAAe,EAAElB,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKC,kBAAA,CAAMC,IAAf,gBACC,6BAAC,oBAAD;IAAiB,IAAI,EAAED,kBAAA,CAAMC,IAA7B;IAAmC,MAAM,EAAEP,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEY,cAAA,CAAMM;EAAtB,gBACE;IAAI,SAAS,EAAEN,cAAA,CAAMZ;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEY,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKC,kBAAA,CAAMC,IAAf,gBACC;IAAK,SAAS,EAAEI,cAAA,CAAMO;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEhB,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEQ,cAAA,CAAMQ,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEP;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAd,IAAI,CAAC0B,YAAL,GAAoB;EAClBvB,IAAI,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AADf,CAApB;AAIAH,IAAI,CAAC6B,SAAL,2CAAiBA,gBAAjB;eAEe7B,I"}
1
+ {"version":3,"file":"index.js","names":["Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","classnames","style","hero","lazy","imageWrapper","backgroundColor","backgroundImage","MODES","HERO","heroButtonWrapper","heroButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","CardContentInfo","Button"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n const {skin} = context;\n const {image, title, author, progress, onClick, submitValue} = props;\n\n const primaryColor = get('common.primary', skin);\n const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n return (\n <div className={cardStyle} data-name=\"hero\">\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n />\n </div>\n <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n <div className={style.heroButtonWrapper}>\n <Button\n type=\"link\"\n data-name=\"hero-button\"\n onClick={onClick}\n submitValue={submitValue}\n className={style.heroButton}\n style={{backgroundColor: primaryColor}}\n />\n </div>\n </div>\n );\n};\n\nHero.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n image: PropTypes.string,\n title: CardContentInfo.propTypes.title,\n author: CardContentInfo.propTypes.author,\n progress: CardContentInfo.propTypes.progress,\n onClick: Button.propTypes.onClick,\n submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC,MAAf;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC;EAA1C,IAAyDR,KAA/D;EAEA,MAAMS,YAAY,GAAG,mBAAI,gBAAJ,EAAsBP,IAAtB,CAArB;EACA,MAAMQ,SAAS,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBT,KAAK,GAAG,IAAH,GAAUQ,cAAA,CAAME,IAA5C,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEJ,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEH,cAAA,CAAMT,KAFnB;IAGE,KAAK,EAAE;MACLa,eAAe,EAAEP,YADZ;MAELQ,eAAe,EAAEd,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,6BAAC,oBAAD;IAAiB,IAAI,EAAEe,kBAAA,CAAMC,IAA7B;IAAmC,MAAM,EAAEd,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEQ,cAAA,CAAMQ;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEI,cAAA,CAAMS,UALnB;IAME,KAAK,EAAE;MAACL,eAAe,EAAEP;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAEqB,iBAAA,CAASC,iBAAT,CAA2BtB;AADf,CAApB;AAIAH,IAAI,CAAC0B,SAAL,2CAAiB;EACftB,KAAK,EAAEuB,kBAAA,CAAUC,MADF;EAEfvB,KAAK,EAAEwB,oBAAA,CAAgBH,SAAhB,CAA0BrB,KAFlB;EAGfC,MAAM,EAAEuB,oBAAA,CAAgBH,SAAhB,CAA0BpB,MAHnB;EAIfC,QAAQ,EAAEsB,oBAAA,CAAgBH,SAAhB,CAA0BnB,QAJrB;EAKfC,OAAO,EAAEsB,eAAA,CAAOJ,SAAP,CAAiBlB,OALX;EAMfC,WAAW,EAAEqB,eAAA,CAAOJ,SAAP,CAAiBjB;AANf,CAAjB;eASeT,I"}
@@ -156,45 +156,3 @@
156
156
  opacity: 0;
157
157
  }
158
158
  }
159
-
160
- .infoWrapper {
161
- display: flex;
162
- flex-direction: column;
163
- position: relative;
164
- justify-content: center;
165
- padding: 0 40px;
166
- width: 100%;
167
- box-sizing: border-box;
168
- color: white;
169
- align-self: center;
170
- }
171
-
172
- .title {
173
- font-family: Gilroy;
174
- font-size: 28px;
175
- font-weight: 500;
176
- line-height: 36px;
177
- letter-spacing: 0px;
178
- text-align: center;
179
- overflow: hidden;
180
- user-select: none;
181
- margin: 0;
182
- align-self: center;
183
- }
184
-
185
- .description {
186
- text-align: center;
187
- margin-top: 12px;
188
- font-size: 18px;
189
- font-family: Gilroy;
190
- font-size: 18px;
191
- font-weight: 500;
192
- line-height: 24px;
193
- letter-spacing: 0px;
194
- overflow: hidden;
195
- user-select: none;
196
- max-width: 650px;
197
- padding: 0;
198
- margin: 0;
199
- align-self: center;
200
- }
@@ -6,7 +6,6 @@ declare namespace QuickAccessCard {
6
6
  const description: PropTypes.Requireable<string>;
7
7
  const href: PropTypes.Requireable<string>;
8
8
  const openInNewTab: PropTypes.Requireable<boolean>;
9
- const isMoocCard: PropTypes.Requireable<boolean>;
10
9
  const feature: PropTypes.Requireable<string>;
11
10
  }
12
11
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA0HA,wEAkEC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA+EA,wEAwDC"}