@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.
- package/es/atom/button/index.d.ts.map +1 -1
- package/es/atom/button/index.js +18 -13
- package/es/atom/button/index.js.map +1 -1
- package/es/molecule/cm-popin/index.d.ts.map +1 -1
- package/es/molecule/cm-popin/index.js +5 -4
- package/es/molecule/cm-popin/index.js.map +1 -1
- package/es/molecule/cm-popin/style.css +61 -40
- package/es/molecule/discipline-header/index.d.ts +1 -1
- package/es/molecule/discipline-header/index.d.ts.map +1 -1
- package/es/molecule/discipline-header/index.js +8 -8
- package/es/molecule/discipline-header/index.js.map +1 -1
- package/es/molecule/discipline-header/style.css +1 -1
- package/es/molecule/hero/index.d.ts +26 -30
- package/es/molecule/hero/index.d.ts.map +1 -1
- package/es/molecule/hero/index.js +13 -14
- package/es/molecule/hero/index.js.map +1 -1
- package/es/molecule/hero/style.css +0 -42
- package/es/molecule/quick-access-card/index.d.ts +0 -1
- package/es/molecule/quick-access-card/index.d.ts.map +1 -1
- package/es/molecule/quick-access-card/index.js +21 -77
- package/es/molecule/quick-access-card/index.js.map +1 -1
- package/es/molecule/quick-access-card/style.css +17 -28
- package/es/molecule/quick-access-cards-group/index.d.ts +0 -1
- package/es/organism/brand-dashboard/index.d.ts +0 -1
- package/es/template/back-office/brand-update/index.d.ts +0 -1
- package/es/template/external-course/index.d.ts +69 -21
- package/es/template/external-course/index.d.ts.map +1 -1
- package/es/template/external-course/index.js +73 -56
- package/es/template/external-course/index.js.map +1 -1
- package/es/template/external-course/style.css +1 -1
- package/es/util/button-icons.d.ts +0 -1
- package/es/util/button-icons.d.ts.map +1 -1
- package/es/util/button-icons.js +2 -3
- package/es/util/button-icons.js.map +1 -1
- package/es/variables/breakpoints.css +1 -1
- package/lib/atom/button/index.d.ts.map +1 -1
- package/lib/atom/button/index.js +18 -13
- package/lib/atom/button/index.js.map +1 -1
- package/lib/molecule/cm-popin/index.d.ts.map +1 -1
- package/lib/molecule/cm-popin/index.js +4 -3
- package/lib/molecule/cm-popin/index.js.map +1 -1
- package/lib/molecule/cm-popin/style.css +61 -40
- package/lib/molecule/discipline-header/index.d.ts +1 -1
- package/lib/molecule/discipline-header/index.d.ts.map +1 -1
- package/lib/molecule/discipline-header/index.js +8 -8
- package/lib/molecule/discipline-header/index.js.map +1 -1
- package/lib/molecule/discipline-header/style.css +1 -1
- package/lib/molecule/hero/index.d.ts +26 -30
- package/lib/molecule/hero/index.d.ts.map +1 -1
- package/lib/molecule/hero/index.js +14 -15
- package/lib/molecule/hero/index.js.map +1 -1
- package/lib/molecule/hero/style.css +0 -42
- package/lib/molecule/quick-access-card/index.d.ts +0 -1
- package/lib/molecule/quick-access-card/index.d.ts.map +1 -1
- package/lib/molecule/quick-access-card/index.js +20 -76
- package/lib/molecule/quick-access-card/index.js.map +1 -1
- package/lib/molecule/quick-access-card/style.css +17 -28
- package/lib/molecule/quick-access-cards-group/index.d.ts +0 -1
- package/lib/organism/brand-dashboard/index.d.ts +0 -1
- package/lib/template/back-office/brand-update/index.d.ts +0 -1
- package/lib/template/external-course/index.d.ts +69 -21
- package/lib/template/external-course/index.d.ts.map +1 -1
- package/lib/template/external-course/index.js +76 -54
- package/lib/template/external-course/index.js.map +1 -1
- package/lib/template/external-course/style.css +1 -1
- package/lib/util/button-icons.d.ts +0 -1
- package/lib/util/button-icons.d.ts.map +1 -1
- package/lib/util/button-icons.js +1 -2
- package/lib/util/button-icons.js.map +1 -1
- package/lib/variables/breakpoints.css +1 -1
- package/package.json +3 -3
- package/es/molecule/expandable-item/index.d.ts +0 -19
- package/es/molecule/expandable-item/index.d.ts.map +0 -1
- package/es/molecule/expandable-item/index.js +0 -44
- package/es/molecule/expandable-item/index.js.map +0 -1
- package/es/molecule/expandable-item/style.css +0 -135
- package/es/molecule/expandable-item/types.d.ts +0 -20
- package/es/molecule/expandable-item/types.d.ts.map +0 -1
- package/es/molecule/expandable-item/types.js +0 -11
- package/es/molecule/expandable-item/types.js.map +0 -1
- package/es/molecule/expandable-list/index.d.ts +0 -18
- package/es/molecule/expandable-list/index.d.ts.map +0 -1
- package/es/molecule/expandable-list/index.js +0 -22
- package/es/molecule/expandable-list/index.js.map +0 -1
- package/es/molecule/expandable-list/style.css +0 -20
- package/es/molecule/expandable-list/types.d.ts +0 -17
- package/es/molecule/expandable-list/types.d.ts.map +0 -1
- package/es/molecule/expandable-list/types.js +0 -6
- package/es/molecule/expandable-list/types.js.map +0 -1
- package/es/molecule/hero/types.d.ts +0 -22
- package/es/molecule/hero/types.d.ts.map +0 -1
- package/es/molecule/hero/types.js +0 -14
- package/es/molecule/hero/types.js.map +0 -1
- package/es/molecule/menu-links/index.d.ts +0 -22
- package/es/molecule/menu-links/index.d.ts.map +0 -1
- package/es/molecule/menu-links/index.js +0 -70
- package/es/molecule/menu-links/index.js.map +0 -1
- package/es/molecule/menu-links/style.css +0 -161
- package/es/molecule/menu-links/types.d.ts +0 -35
- package/es/molecule/menu-links/types.d.ts.map +0 -1
- package/es/molecule/menu-links/types.js +0 -17
- package/es/molecule/menu-links/types.js.map +0 -1
- package/es/molecule/privacy-policy-contact/index.d.ts +0 -14
- package/es/molecule/privacy-policy-contact/index.d.ts.map +0 -1
- package/es/molecule/privacy-policy-contact/index.js +0 -28
- package/es/molecule/privacy-policy-contact/index.js.map +0 -1
- package/es/molecule/privacy-policy-contact/style.css +0 -38
- package/es/molecule/privacy-policy-contact/types.d.ts +0 -10
- package/es/molecule/privacy-policy-contact/types.d.ts.map +0 -1
- package/es/molecule/privacy-policy-contact/types.js +0 -6
- package/es/molecule/privacy-policy-contact/types.js.map +0 -1
- package/es/molecule/privacy-policy-download/index.d.ts +0 -38
- package/es/molecule/privacy-policy-download/index.d.ts.map +0 -1
- package/es/molecule/privacy-policy-download/index.js +0 -27
- package/es/molecule/privacy-policy-download/index.js.map +0 -1
- package/es/molecule/privacy-policy-download/style.css +0 -65
- package/es/molecule/privacy-policy-download/types.d.ts +0 -50
- package/es/molecule/privacy-policy-download/types.d.ts.map +0 -1
- package/es/molecule/privacy-policy-download/types.js +0 -8
- package/es/molecule/privacy-policy-download/types.js.map +0 -1
- package/es/template/common/faq-article-page/index.d.ts +0 -27
- package/es/template/common/faq-article-page/index.d.ts.map +0 -1
- package/es/template/common/faq-article-page/index.js +0 -50
- package/es/template/common/faq-article-page/index.js.map +0 -1
- package/es/template/common/faq-article-page/style.css +0 -110
- package/es/template/common/faq-article-page/types.d.ts +0 -40
- package/es/template/common/faq-article-page/types.d.ts.map +0 -1
- package/es/template/common/faq-article-page/types.js +0 -20
- package/es/template/common/faq-article-page/types.js.map +0 -1
- package/es/template/common/faq-cards-page/index.d.ts +0 -34
- package/es/template/common/faq-cards-page/index.d.ts.map +0 -1
- package/es/template/common/faq-cards-page/index.js +0 -45
- package/es/template/common/faq-cards-page/index.js.map +0 -1
- package/es/template/common/faq-cards-page/style.css +0 -95
- package/es/template/common/faq-cards-page/types.d.ts +0 -44
- package/es/template/common/faq-cards-page/types.d.ts.map +0 -1
- package/es/template/common/faq-cards-page/types.js +0 -13
- package/es/template/common/faq-cards-page/types.js.map +0 -1
- package/es/template/common/faq-page/index.d.ts +0 -80
- package/es/template/common/faq-page/index.d.ts.map +0 -1
- package/es/template/common/faq-page/index.js +0 -44
- package/es/template/common/faq-page/index.js.map +0 -1
- package/es/template/common/faq-page/style.css +0 -104
- package/es/template/common/faq-page/types.d.ts +0 -86
- package/es/template/common/faq-page/types.d.ts.map +0 -1
- package/es/template/common/faq-page/types.js +0 -13
- package/es/template/common/faq-page/types.js.map +0 -1
- package/es/template/common/privacy-policy-page/index.d.ts +0 -80
- package/es/template/common/privacy-policy-page/index.d.ts.map +0 -1
- package/es/template/common/privacy-policy-page/index.js +0 -50
- package/es/template/common/privacy-policy-page/index.js.map +0 -1
- package/es/template/common/privacy-policy-page/style.css +0 -123
- package/es/template/common/privacy-policy-page/types.d.ts +0 -86
- package/es/template/common/privacy-policy-page/types.d.ts.map +0 -1
- package/es/template/common/privacy-policy-page/types.js +0 -13
- package/es/template/common/privacy-policy-page/types.js.map +0 -1
- package/lib/molecule/expandable-item/index.d.ts +0 -19
- package/lib/molecule/expandable-item/index.d.ts.map +0 -1
- package/lib/molecule/expandable-item/index.js +0 -58
- package/lib/molecule/expandable-item/index.js.map +0 -1
- package/lib/molecule/expandable-item/style.css +0 -135
- package/lib/molecule/expandable-item/types.d.ts +0 -20
- package/lib/molecule/expandable-item/types.d.ts.map +0 -1
- package/lib/molecule/expandable-item/types.js +0 -20
- package/lib/molecule/expandable-item/types.js.map +0 -1
- package/lib/molecule/expandable-list/index.d.ts +0 -18
- package/lib/molecule/expandable-list/index.d.ts.map +0 -1
- package/lib/molecule/expandable-list/index.js +0 -33
- package/lib/molecule/expandable-list/index.js.map +0 -1
- package/lib/molecule/expandable-list/style.css +0 -20
- package/lib/molecule/expandable-list/types.d.ts +0 -17
- package/lib/molecule/expandable-list/types.d.ts.map +0 -1
- package/lib/molecule/expandable-list/types.js +0 -16
- package/lib/molecule/expandable-list/types.js.map +0 -1
- package/lib/molecule/hero/types.d.ts +0 -22
- package/lib/molecule/hero/types.d.ts.map +0 -1
- package/lib/molecule/hero/types.js +0 -25
- package/lib/molecule/hero/types.js.map +0 -1
- package/lib/molecule/menu-links/index.d.ts +0 -22
- package/lib/molecule/menu-links/index.d.ts.map +0 -1
- package/lib/molecule/menu-links/index.js +0 -88
- package/lib/molecule/menu-links/index.js.map +0 -1
- package/lib/molecule/menu-links/style.css +0 -161
- package/lib/molecule/menu-links/types.d.ts +0 -35
- package/lib/molecule/menu-links/types.d.ts.map +0 -1
- package/lib/molecule/menu-links/types.js +0 -26
- package/lib/molecule/menu-links/types.js.map +0 -1
- package/lib/molecule/privacy-policy-contact/index.d.ts +0 -14
- package/lib/molecule/privacy-policy-contact/index.d.ts.map +0 -1
- package/lib/molecule/privacy-policy-contact/index.js +0 -41
- package/lib/molecule/privacy-policy-contact/index.js.map +0 -1
- package/lib/molecule/privacy-policy-contact/style.css +0 -38
- package/lib/molecule/privacy-policy-contact/types.d.ts +0 -10
- package/lib/molecule/privacy-policy-contact/types.d.ts.map +0 -1
- package/lib/molecule/privacy-policy-contact/types.js +0 -15
- package/lib/molecule/privacy-policy-contact/types.js.map +0 -1
- package/lib/molecule/privacy-policy-download/index.d.ts +0 -38
- package/lib/molecule/privacy-policy-download/index.d.ts.map +0 -1
- package/lib/molecule/privacy-policy-download/index.js +0 -38
- package/lib/molecule/privacy-policy-download/index.js.map +0 -1
- package/lib/molecule/privacy-policy-download/style.css +0 -65
- package/lib/molecule/privacy-policy-download/types.d.ts +0 -50
- package/lib/molecule/privacy-policy-download/types.d.ts.map +0 -1
- package/lib/molecule/privacy-policy-download/types.js +0 -18
- package/lib/molecule/privacy-policy-download/types.js.map +0 -1
- package/lib/template/common/faq-article-page/index.d.ts +0 -27
- package/lib/template/common/faq-article-page/index.d.ts.map +0 -1
- package/lib/template/common/faq-article-page/index.js +0 -63
- package/lib/template/common/faq-article-page/index.js.map +0 -1
- package/lib/template/common/faq-article-page/style.css +0 -110
- package/lib/template/common/faq-article-page/types.d.ts +0 -40
- package/lib/template/common/faq-article-page/types.d.ts.map +0 -1
- package/lib/template/common/faq-article-page/types.js +0 -30
- package/lib/template/common/faq-article-page/types.js.map +0 -1
- package/lib/template/common/faq-cards-page/index.d.ts +0 -34
- package/lib/template/common/faq-cards-page/index.d.ts.map +0 -1
- package/lib/template/common/faq-cards-page/index.js +0 -58
- package/lib/template/common/faq-cards-page/index.js.map +0 -1
- package/lib/template/common/faq-cards-page/style.css +0 -95
- package/lib/template/common/faq-cards-page/types.d.ts +0 -44
- package/lib/template/common/faq-cards-page/types.d.ts.map +0 -1
- package/lib/template/common/faq-cards-page/types.js +0 -25
- package/lib/template/common/faq-cards-page/types.js.map +0 -1
- package/lib/template/common/faq-page/index.d.ts +0 -80
- package/lib/template/common/faq-page/index.d.ts.map +0 -1
- package/lib/template/common/faq-page/index.js +0 -58
- package/lib/template/common/faq-page/index.js.map +0 -1
- package/lib/template/common/faq-page/style.css +0 -104
- package/lib/template/common/faq-page/types.d.ts +0 -86
- package/lib/template/common/faq-page/types.d.ts.map +0 -1
- package/lib/template/common/faq-page/types.js +0 -24
- package/lib/template/common/faq-page/types.js.map +0 -1
- package/lib/template/common/privacy-policy-page/index.d.ts +0 -80
- package/lib/template/common/privacy-policy-page/index.d.ts.map +0 -1
- package/lib/template/common/privacy-policy-page/index.js +0 -65
- package/lib/template/common/privacy-policy-page/index.js.map +0 -1
- package/lib/template/common/privacy-policy-page/style.css +0 -123
- package/lib/template/common/privacy-policy-page/types.d.ts +0 -86
- package/lib/template/common/privacy-policy-page/types.d.ts.map +0 -1
- package/lib/template/common/privacy-policy-page/types.js +0 -24
- 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:
|
|
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:
|
|
117
|
+
width: 161px;
|
|
118
118
|
padding: 8px;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
.largeButton {
|
|
122
|
-
width:
|
|
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
|
|
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:
|
|
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
|
-
|
|
326
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
89
|
+
scrollHeightShowMore
|
|
90
90
|
} = this.state;
|
|
91
91
|
const {
|
|
92
92
|
translate
|
|
93
93
|
} = this.context;
|
|
94
|
-
const maxHeightCourseInfos =
|
|
94
|
+
const maxHeightCourseInfos = 215;
|
|
95
95
|
const hasMediaContent = image || video;
|
|
96
96
|
const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');
|
|
97
|
-
const shortCourseText =
|
|
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","
|
|
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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"}
|
|
@@ -1,41 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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:
|
|
12
|
-
'logo-mobile':
|
|
13
|
-
logo:
|
|
14
|
-
'logo-email':
|
|
15
|
-
login:
|
|
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:
|
|
15
|
+
icons: PropTypes.Requireable<{
|
|
18
16
|
[x: string]: any;
|
|
19
17
|
}>;
|
|
20
|
-
mod:
|
|
18
|
+
mod: PropTypes.Requireable<{
|
|
21
19
|
[x: string]: any;
|
|
22
20
|
}>;
|
|
23
|
-
courses:
|
|
24
|
-
texts:
|
|
21
|
+
courses: PropTypes.Requireable<any[]>;
|
|
22
|
+
texts: PropTypes.Requireable<{
|
|
25
23
|
[x: string]: any;
|
|
26
24
|
}>;
|
|
27
25
|
}>>;
|
|
28
|
-
}
|
|
29
|
-
propTypes
|
|
30
|
-
image:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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.
|
|
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
|
-
})),
|
|
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
|
-
})
|
|
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
|
-
}))
|
|
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" ?
|
|
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","
|
|
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":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA+EA,wEAwDC"}
|