@coorpacademy/components 11.40.25 → 11.41.0
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/chip/index.d.ts +1 -0
- package/es/atom/chip/index.d.ts.map +1 -1
- package/es/atom/chip/index.js +6 -3
- package/es/atom/chip/index.js.map +1 -1
- package/es/atom/drag-and-drop/index.d.ts +2 -0
- package/es/atom/drag-and-drop/index.d.ts.map +1 -1
- package/es/atom/drag-and-drop/index.js +9 -4
- package/es/atom/drag-and-drop/index.js.map +1 -1
- package/es/atom/input-date/index.d.ts +21 -0
- package/es/atom/input-date/index.d.ts.map +1 -0
- package/es/atom/input-date/index.js +73 -0
- package/es/atom/input-date/index.js.map +1 -0
- package/es/atom/input-date/style.css +88 -0
- package/es/atom/input-file-draggable/index.d.ts +10 -2
- package/es/atom/input-file-draggable/index.d.ts.map +1 -1
- package/es/atom/input-file-draggable/index.js +12 -4
- package/es/atom/input-file-draggable/index.js.map +1 -1
- package/es/atom/radio-with-title/index.d.ts +1 -0
- package/es/atom/radio-with-title/index.d.ts.map +1 -1
- package/es/atom/radio-with-title/types.d.ts +1 -0
- package/es/atom/radio-with-title/types.d.ts.map +1 -1
- package/es/atom/title/index.d.ts +1 -0
- package/es/atom/title/index.d.ts.map +1 -1
- package/es/atom/title/index.js +16 -6
- package/es/atom/title/index.js.map +1 -1
- package/es/atom/title/style.css +4 -0
- package/es/atom/video-upload/index.d.ts +2 -0
- package/es/molecule/assignment-card/index.d.ts +62 -0
- package/es/molecule/assignment-card/index.d.ts.map +1 -0
- package/es/molecule/assignment-card/index.js +91 -0
- package/es/molecule/assignment-card/index.js.map +1 -0
- package/es/molecule/assignment-card/style.css +98 -0
- package/es/molecule/assignment-status-tag/index.d.ts +13 -0
- package/es/molecule/assignment-status-tag/index.d.ts.map +1 -0
- package/es/molecule/assignment-status-tag/index.js +42 -0
- package/es/molecule/assignment-status-tag/index.js.map +1 -0
- package/es/molecule/assignment-status-tag/types.d.ts +15 -0
- package/es/molecule/assignment-status-tag/types.d.ts.map +1 -0
- package/es/molecule/assignment-status-tag/types.js +8 -0
- package/es/molecule/assignment-status-tag/types.js.map +1 -0
- package/es/molecule/brand-form-group/index.d.ts.map +1 -1
- package/es/molecule/brand-form-group/index.js +7 -0
- package/es/molecule/brand-form-group/index.js.map +1 -1
- package/es/molecule/card/index.d.ts +1 -0
- package/es/molecule/card/index.d.ts.map +1 -1
- package/es/molecule/card/index.js +3 -0
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card-content/index.d.ts +3 -1
- package/es/molecule/card-content/index.d.ts.map +1 -1
- package/es/molecule/card-content/index.js +7 -1
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/cm-popin/types.d.ts +11 -0
- package/es/molecule/cm-popin/types.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/index.d.ts +3 -0
- package/es/molecule/dashboard/cards-list/index.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/index.js +11 -5
- package/es/molecule/dashboard/cards-list/index.js.map +1 -1
- package/es/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
- package/es/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/prop-types.js.map +1 -1
- package/es/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
- package/es/molecule/draggable-list/index.d.ts +63 -54
- package/es/molecule/tabs/index.d.ts +1 -0
- package/es/molecule/tabs/index.d.ts.map +1 -1
- package/es/molecule/tabs/index.js +7 -3
- package/es/molecule/tabs/index.js.map +1 -1
- package/es/molecule/tabs/style.css +4 -0
- package/es/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
- package/es/molecule/title-radio-wrapper/index.d.ts +7 -0
- package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/es/molecule/title-radio-wrapper/types.d.ts +7 -0
- package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/es/organism/assignment-audience/index.d.ts +92 -0
- package/es/organism/assignment-audience/index.d.ts.map +1 -0
- package/es/organism/assignment-audience/index.js +236 -0
- package/es/organism/assignment-audience/index.js.map +1 -0
- package/es/organism/assignment-audience/style.css +115 -0
- package/es/organism/assignment-audience/types.d.ts +193 -0
- package/es/organism/assignment-audience/types.d.ts.map +1 -0
- package/es/organism/assignment-audience/types.js +108 -0
- package/es/organism/assignment-audience/types.js.map +1 -0
- package/es/organism/assignment-audience/upload-result.css +47 -0
- package/es/organism/assignment-audience/upload-result.d.ts +26 -0
- package/es/organism/assignment-audience/upload-result.d.ts.map +1 -0
- package/es/organism/assignment-audience/upload-result.js +89 -0
- package/es/organism/assignment-audience/upload-result.js.map +1 -0
- package/es/organism/assignment-row/index.d.ts +55 -0
- package/es/organism/assignment-row/index.d.ts.map +1 -0
- package/es/organism/assignment-row/index.js +38 -0
- package/es/organism/assignment-row/index.js.map +1 -0
- package/es/organism/assignment-row/types.d.ts +83 -0
- package/es/organism/assignment-row/types.d.ts.map +1 -0
- package/es/organism/assignment-row/types.js +29 -0
- package/es/organism/assignment-row/types.js.map +1 -0
- package/es/organism/brand-learning-priorities/index.d.ts +63 -54
- package/es/organism/content-skill-modal/index.d.ts +10 -0
- package/es/organism/content-skill-modal/index.d.ts.map +1 -1
- package/es/organism/content-skill-modal/types.d.ts +10 -0
- package/es/organism/content-skill-modal/types.d.ts.map +1 -1
- package/es/organism/list-item/index.d.ts +13 -1
- package/es/organism/list-item/index.d.ts.map +1 -1
- package/es/organism/list-item/index.js +45 -3
- package/es/organism/list-item/index.js.map +1 -1
- package/es/organism/list-item/style.css +36 -0
- package/es/organism/list-items/index.d.ts +10 -0
- package/es/organism/list-items/index.d.ts.map +1 -1
- package/es/organism/list-items/index.js +4 -1
- package/es/organism/list-items/index.js.map +1 -1
- package/es/organism/mooc-header/index.d.ts +7 -0
- package/es/organism/mooc-header/index.d.ts.map +1 -1
- package/es/organism/mooc-header/index.js +30 -1
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/mooc-header/style.css +11 -0
- package/es/organism/rewards-form/index.d.ts +13 -0
- package/es/organism/select-opponents/index.d.ts +13 -0
- package/es/organism/select-opponents/index.d.ts.map +1 -1
- package/es/organism/select-opponents/types.d.ts +13 -0
- package/es/organism/select-opponents/types.d.ts.map +1 -1
- package/es/organism/title-and-input/index.d.ts +14 -0
- package/es/organism/title-and-input/index.d.ts.map +1 -1
- package/es/organism/title-and-input/types.d.ts +14 -0
- package/es/organism/title-and-input/types.d.ts.map +1 -1
- package/es/organism/wizard-contents/index.d.ts +13 -0
- package/es/template/activity/index.d.ts +1 -0
- package/es/template/activity/progression-item.css +16 -4
- package/es/template/activity/progression-item.d.ts +1 -0
- package/es/template/activity/progression-item.d.ts.map +1 -1
- package/es/template/activity/progression-item.js +14 -3
- package/es/template/activity/progression-item.js.map +1 -1
- package/es/template/app-player/loading/index.d.ts +11 -0
- package/es/template/app-player/player/index.d.ts +22 -0
- package/es/template/app-player/player/slides/index.d.ts +11 -0
- package/es/template/app-player/player/slides/index.d.ts.map +1 -1
- package/es/template/app-player/popin-correction/index.d.ts +11 -0
- package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/es/template/app-player/popin-end/index.d.ts +14 -0
- package/es/template/app-player/popin-end/summary.d.ts +3 -0
- package/es/template/app-review/index.d.ts +11 -0
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/player/prop-types.d.ts +11 -0
- package/es/template/app-review/player/prop-types.d.ts.map +1 -1
- package/es/template/app-review/prop-types.d.ts +11 -0
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +95 -54
- package/es/template/certification-detail/index.d.ts +11 -0
- package/es/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/es/template/common/dashboard/index.d.ts +22 -0
- package/es/template/common/dashboard/index.d.ts.map +1 -1
- package/es/template/common/dashboard/index.js +37 -1
- package/es/template/common/dashboard/index.js.map +1 -1
- package/es/template/common/search-page/index.d.ts +17 -0
- package/es/template/external-course/index.d.ts +11 -0
- package/es/template/my-assignments/index.d.ts +167 -0
- package/es/template/my-assignments/index.d.ts.map +1 -0
- package/es/template/my-assignments/index.js +221 -0
- package/es/template/my-assignments/index.js.map +1 -0
- package/es/template/my-assignments/style.css +84 -0
- package/es/template/my-learning/index.d.ts +3 -0
- package/es/template/playlist-detail/index.d.ts +11 -0
- package/es/template/teams-dashboard/index.d.ts +3 -0
- package/es/util/proptypes.d.ts.map +1 -1
- package/es/util/proptypes.js +2 -2
- package/es/util/proptypes.js.map +1 -1
- package/lib/atom/chip/index.d.ts +1 -0
- package/lib/atom/chip/index.d.ts.map +1 -1
- package/lib/atom/chip/index.js +6 -3
- package/lib/atom/chip/index.js.map +1 -1
- package/lib/atom/drag-and-drop/index.d.ts +2 -0
- package/lib/atom/drag-and-drop/index.d.ts.map +1 -1
- package/lib/atom/drag-and-drop/index.js +9 -4
- package/lib/atom/drag-and-drop/index.js.map +1 -1
- package/lib/atom/input-date/index.d.ts +21 -0
- package/lib/atom/input-date/index.d.ts.map +1 -0
- package/lib/atom/input-date/index.js +80 -0
- package/lib/atom/input-date/index.js.map +1 -0
- package/lib/atom/input-date/style.css +88 -0
- package/lib/atom/input-file-draggable/index.d.ts +10 -2
- package/lib/atom/input-file-draggable/index.d.ts.map +1 -1
- package/lib/atom/input-file-draggable/index.js +12 -4
- package/lib/atom/input-file-draggable/index.js.map +1 -1
- package/lib/atom/radio-with-title/index.d.ts +1 -0
- package/lib/atom/radio-with-title/index.d.ts.map +1 -1
- package/lib/atom/radio-with-title/types.d.ts +1 -0
- package/lib/atom/radio-with-title/types.d.ts.map +1 -1
- package/lib/atom/title/index.d.ts +1 -0
- package/lib/atom/title/index.d.ts.map +1 -1
- package/lib/atom/title/index.js +16 -6
- package/lib/atom/title/index.js.map +1 -1
- package/lib/atom/title/style.css +4 -0
- package/lib/atom/video-upload/index.d.ts +2 -0
- package/lib/molecule/assignment-card/index.d.ts +62 -0
- package/lib/molecule/assignment-card/index.d.ts.map +1 -0
- package/lib/molecule/assignment-card/index.js +97 -0
- package/lib/molecule/assignment-card/index.js.map +1 -0
- package/lib/molecule/assignment-card/style.css +98 -0
- package/lib/molecule/assignment-status-tag/index.d.ts +13 -0
- package/lib/molecule/assignment-status-tag/index.d.ts.map +1 -0
- package/lib/molecule/assignment-status-tag/index.js +47 -0
- package/lib/molecule/assignment-status-tag/index.js.map +1 -0
- package/lib/molecule/assignment-status-tag/types.d.ts +15 -0
- package/lib/molecule/assignment-status-tag/types.d.ts.map +1 -0
- package/lib/molecule/assignment-status-tag/types.js +13 -0
- package/lib/molecule/assignment-status-tag/types.js.map +1 -0
- package/lib/molecule/brand-form-group/index.d.ts.map +1 -1
- package/lib/molecule/brand-form-group/index.js +7 -0
- package/lib/molecule/brand-form-group/index.js.map +1 -1
- package/lib/molecule/card/index.d.ts +1 -0
- package/lib/molecule/card/index.d.ts.map +1 -1
- package/lib/molecule/card/index.js +3 -0
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card-content/index.d.ts +3 -1
- package/lib/molecule/card-content/index.d.ts.map +1 -1
- package/lib/molecule/card-content/index.js +7 -1
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/cm-popin/types.d.ts +11 -0
- package/lib/molecule/cm-popin/types.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/index.d.ts +3 -0
- package/lib/molecule/dashboard/cards-list/index.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/index.js +11 -5
- package/lib/molecule/dashboard/cards-list/index.js.map +1 -1
- package/lib/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
- package/lib/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/prop-types.js.map +1 -1
- package/lib/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
- package/lib/molecule/draggable-list/index.d.ts +63 -54
- package/lib/molecule/tabs/index.d.ts +1 -0
- package/lib/molecule/tabs/index.d.ts.map +1 -1
- package/lib/molecule/tabs/index.js +7 -3
- package/lib/molecule/tabs/index.js.map +1 -1
- package/lib/molecule/tabs/style.css +4 -0
- package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts +7 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/lib/molecule/title-radio-wrapper/types.d.ts +7 -0
- package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/lib/organism/assignment-audience/index.d.ts +92 -0
- package/lib/organism/assignment-audience/index.d.ts.map +1 -0
- package/lib/organism/assignment-audience/index.js +242 -0
- package/lib/organism/assignment-audience/index.js.map +1 -0
- package/lib/organism/assignment-audience/style.css +115 -0
- package/lib/organism/assignment-audience/types.d.ts +193 -0
- package/lib/organism/assignment-audience/types.d.ts.map +1 -0
- package/lib/organism/assignment-audience/types.js +112 -0
- package/lib/organism/assignment-audience/types.js.map +1 -0
- package/lib/organism/assignment-audience/upload-result.css +47 -0
- package/lib/organism/assignment-audience/upload-result.d.ts +26 -0
- package/lib/organism/assignment-audience/upload-result.d.ts.map +1 -0
- package/lib/organism/assignment-audience/upload-result.js +94 -0
- package/lib/organism/assignment-audience/upload-result.js.map +1 -0
- package/lib/organism/assignment-row/index.d.ts +55 -0
- package/lib/organism/assignment-row/index.d.ts.map +1 -0
- package/lib/organism/assignment-row/index.js +45 -0
- package/lib/organism/assignment-row/index.js.map +1 -0
- package/lib/organism/assignment-row/types.d.ts +83 -0
- package/lib/organism/assignment-row/types.d.ts.map +1 -0
- package/lib/organism/assignment-row/types.js +34 -0
- package/lib/organism/assignment-row/types.js.map +1 -0
- package/lib/organism/brand-learning-priorities/index.d.ts +63 -54
- package/lib/organism/content-skill-modal/index.d.ts +10 -0
- package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
- package/lib/organism/content-skill-modal/types.d.ts +10 -0
- package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
- package/lib/organism/list-item/index.d.ts +13 -1
- package/lib/organism/list-item/index.d.ts.map +1 -1
- package/lib/organism/list-item/index.js +44 -3
- package/lib/organism/list-item/index.js.map +1 -1
- package/lib/organism/list-item/style.css +36 -0
- package/lib/organism/list-items/index.d.ts +10 -0
- package/lib/organism/list-items/index.d.ts.map +1 -1
- package/lib/organism/list-items/index.js +4 -1
- package/lib/organism/list-items/index.js.map +1 -1
- package/lib/organism/mooc-header/index.d.ts +7 -0
- package/lib/organism/mooc-header/index.d.ts.map +1 -1
- package/lib/organism/mooc-header/index.js +30 -1
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/mooc-header/style.css +11 -0
- package/lib/organism/rewards-form/index.d.ts +13 -0
- package/lib/organism/select-opponents/index.d.ts +13 -0
- package/lib/organism/select-opponents/index.d.ts.map +1 -1
- package/lib/organism/select-opponents/types.d.ts +13 -0
- package/lib/organism/select-opponents/types.d.ts.map +1 -1
- package/lib/organism/title-and-input/index.d.ts +14 -0
- package/lib/organism/title-and-input/index.d.ts.map +1 -1
- package/lib/organism/title-and-input/types.d.ts +14 -0
- package/lib/organism/title-and-input/types.d.ts.map +1 -1
- package/lib/organism/wizard-contents/index.d.ts +13 -0
- package/lib/template/activity/index.d.ts +1 -0
- package/lib/template/activity/progression-item.css +16 -4
- package/lib/template/activity/progression-item.d.ts +1 -0
- package/lib/template/activity/progression-item.d.ts.map +1 -1
- package/lib/template/activity/progression-item.js +14 -3
- package/lib/template/activity/progression-item.js.map +1 -1
- package/lib/template/app-player/loading/index.d.ts +11 -0
- package/lib/template/app-player/player/index.d.ts +22 -0
- package/lib/template/app-player/player/slides/index.d.ts +11 -0
- package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-correction/index.d.ts +11 -0
- package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-end/index.d.ts +14 -0
- package/lib/template/app-player/popin-end/summary.d.ts +3 -0
- package/lib/template/app-review/index.d.ts +11 -0
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/player/prop-types.d.ts +11 -0
- package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +11 -0
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +95 -54
- package/lib/template/certification-detail/index.d.ts +11 -0
- package/lib/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/lib/template/common/dashboard/index.d.ts +22 -0
- package/lib/template/common/dashboard/index.d.ts.map +1 -1
- package/lib/template/common/dashboard/index.js +37 -1
- package/lib/template/common/dashboard/index.js.map +1 -1
- package/lib/template/common/search-page/index.d.ts +17 -0
- package/lib/template/external-course/index.d.ts +11 -0
- package/lib/template/my-assignments/index.d.ts +167 -0
- package/lib/template/my-assignments/index.d.ts.map +1 -0
- package/lib/template/my-assignments/index.js +227 -0
- package/lib/template/my-assignments/index.js.map +1 -0
- package/lib/template/my-assignments/style.css +84 -0
- package/lib/template/my-learning/index.d.ts +3 -0
- package/lib/template/playlist-detail/index.d.ts +11 -0
- package/lib/template/teams-dashboard/index.d.ts +3 -0
- package/lib/util/proptypes.d.ts.map +1 -1
- package/lib/util/proptypes.js +2 -2
- package/lib/util/proptypes.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
.defaultStyle {
|
|
2
|
+
composes: defaultStyle from '../input-text/style.css';
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.setup {
|
|
6
|
+
composes: setup from '../input-text/style.css';
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.cockpit {
|
|
10
|
+
composes: cockpit from '../input-text/style.css';
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.coorpmanager {
|
|
14
|
+
composes: coorpmanager from '../input-text/style.css';
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.input {
|
|
18
|
+
composes: input from '../input-text/style.css';
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.title {
|
|
22
|
+
composes: title from '../input-text/style.css';
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.isNoTitle {
|
|
26
|
+
composes: isNoTitle from '../input-text/style.css';
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.error {
|
|
30
|
+
composes: error from '../input-text/style.css';
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.modified {
|
|
34
|
+
composes: modified from '../input-text/style.css';
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.disabled {
|
|
38
|
+
composes: disabled from '../input-text/style.css';
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.hint {
|
|
42
|
+
composes: hint from '../input-text/style.css';
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.container {
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
align-items: flex-start;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.fieldRow {
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
width: 100%;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.fieldRow > label {
|
|
57
|
+
min-width: 0;
|
|
58
|
+
margin-right: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.fieldRow .input {
|
|
62
|
+
display: block;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.coorpmanager .fieldRow .input::-webkit-calendar-picker-indicator {
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: 50%;
|
|
68
|
+
right: 16px;
|
|
69
|
+
width: 17px;
|
|
70
|
+
height: 17px;
|
|
71
|
+
margin: 0;
|
|
72
|
+
padding: 0;
|
|
73
|
+
transform: translateY(-50%);
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.suffix {
|
|
78
|
+
flex-shrink: 0;
|
|
79
|
+
margin-left: 8px;
|
|
80
|
+
font-family: 'Gilroy';
|
|
81
|
+
font-size: 12px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.help {
|
|
85
|
+
padding-top: 8px;
|
|
86
|
+
font-family: 'Gilroy';
|
|
87
|
+
font-size: 12px;
|
|
88
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default InputFileDraggable;
|
|
2
|
-
declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, disableHoverTooltip, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick }: {
|
|
2
|
+
declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, disableHoverTooltip, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick, dragAndDropLabel, loadingLabel }: {
|
|
3
3
|
title: any;
|
|
4
4
|
description: any;
|
|
5
5
|
previewLabel: any;
|
|
@@ -10,7 +10,7 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
|
|
|
10
10
|
disabled?: boolean | undefined;
|
|
11
11
|
disableHoverTooltip?: boolean | undefined;
|
|
12
12
|
onChange: any;
|
|
13
|
-
onReset
|
|
13
|
+
onReset: any;
|
|
14
14
|
name: any;
|
|
15
15
|
labelLink: any;
|
|
16
16
|
labelButtonLink: any;
|
|
@@ -25,6 +25,8 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
|
|
|
25
25
|
multiple?: boolean | undefined;
|
|
26
26
|
required?: boolean | undefined;
|
|
27
27
|
onClick: any;
|
|
28
|
+
dragAndDropLabel: any;
|
|
29
|
+
loadingLabel: any;
|
|
28
30
|
}): JSX.Element;
|
|
29
31
|
declare namespace InputFileDraggable {
|
|
30
32
|
const propTypes: {
|
|
@@ -37,7 +39,11 @@ declare namespace InputFileDraggable {
|
|
|
37
39
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
38
40
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
39
41
|
labelLink: PropTypes.Requireable<string>;
|
|
42
|
+
labelButtonLink: PropTypes.Requireable<string>;
|
|
40
43
|
hrefLink: PropTypes.Requireable<string>;
|
|
44
|
+
filesNumber: PropTypes.Requireable<number>;
|
|
45
|
+
required: PropTypes.Requireable<boolean>;
|
|
46
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
41
47
|
title: PropTypes.Requireable<string>;
|
|
42
48
|
description: PropTypes.Requireable<string>;
|
|
43
49
|
uploadLabel: PropTypes.Requireable<string>;
|
|
@@ -54,6 +60,8 @@ declare namespace InputFileDraggable {
|
|
|
54
60
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
55
61
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
56
62
|
multiple: PropTypes.Requireable<boolean>;
|
|
63
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
64
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
57
65
|
};
|
|
58
66
|
}
|
|
59
67
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmHC"}
|
|
@@ -25,7 +25,7 @@ const InputFileDraggable = ({
|
|
|
25
25
|
disabled = false,
|
|
26
26
|
disableHoverTooltip = false,
|
|
27
27
|
onChange,
|
|
28
|
-
onReset
|
|
28
|
+
onReset,
|
|
29
29
|
name,
|
|
30
30
|
labelLink,
|
|
31
31
|
labelButtonLink,
|
|
@@ -39,7 +39,9 @@ const InputFileDraggable = ({
|
|
|
39
39
|
filesNumber = 0,
|
|
40
40
|
multiple = false,
|
|
41
41
|
required = false,
|
|
42
|
-
onClick
|
|
42
|
+
onClick,
|
|
43
|
+
dragAndDropLabel,
|
|
44
|
+
loadingLabel
|
|
43
45
|
}) => {
|
|
44
46
|
const handleReset = (0, _react.useCallback)(e => {
|
|
45
47
|
if ((0, _isNil2.default)(onReset)) return;
|
|
@@ -70,7 +72,9 @@ const InputFileDraggable = ({
|
|
|
70
72
|
errorButtonLabel: errorButtonLabel,
|
|
71
73
|
pdfButtonLabel: pdfButtonLabel,
|
|
72
74
|
pdfButtonAriaLabel: pdfButtonAriaLabel,
|
|
73
|
-
multiple: multiple
|
|
75
|
+
multiple: multiple,
|
|
76
|
+
dragAndDropLabel: dragAndDropLabel,
|
|
77
|
+
loadingLabel: loadingLabel
|
|
74
78
|
}, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", _extends({}, disableHoverTooltip ? {
|
|
75
79
|
title: ''
|
|
76
80
|
} : {}, {
|
|
@@ -119,7 +123,11 @@ InputFileDraggable.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
119
123
|
buttonAriaLabel: _propTypes.default.string,
|
|
120
124
|
errorButtonLabel: _propTypes.default.string,
|
|
121
125
|
labelLink: _propTypes.default.string,
|
|
122
|
-
|
|
126
|
+
labelButtonLink: _propTypes.default.string,
|
|
127
|
+
hrefLink: _propTypes.default.string,
|
|
128
|
+
filesNumber: _propTypes.default.number,
|
|
129
|
+
required: _propTypes.default.bool,
|
|
130
|
+
onClick: _propTypes.default.func
|
|
123
131
|
} : {};
|
|
124
132
|
var _default = exports.default = InputFileDraggable;
|
|
125
133
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_dragAndDrop","_buttonLink","_proptypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","useCallback","_isNil2","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","type","accept","className","style","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","NovaSolidFilesBasicFileLines","icon","seeDetailsButton","NovaCompositionCoorpacademyEye","seeIcon","propTypes","process","env","NODE_ENV","DragAndDrop","PropTypes","bool","string","func","FilesPropType","_default","exports"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n NovaSolidFilesBasicFileLines as FileLinesIcon,\n NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n disableHoverTooltip = false,\n onChange,\n onReset = null,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n filesTypes = '',\n error = '',\n buttonAriaLabel,\n errorButtonLabel,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n filesNumber = 0,\n multiple = false,\n required = false,\n onClick\n}) => {\n const handleReset = useCallback(\n e => {\n if (isNil(onReset)) return;\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n const linkCustomStyle = {\n width: '40px',\n color: '#FF541F'\n };\n\n const onClick_ = useCallback(\n e => {\n e.preventDefault();\n return onClick(e);\n },\n [onClick]\n );\n\n return (\n <>\n <DragAndDrop\n title={title}\n description={description}\n previewLabel={previewLabel}\n previewContent={previewContent}\n uploadLabel={uploadLabel}\n loading={loading}\n modified={modified}\n onReset={handleReset}\n error={error}\n disabled={disabled}\n disableHoverTooltip={disableHoverTooltip}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n pdfButtonLabel={pdfButtonLabel}\n pdfButtonAriaLabel={pdfButtonAriaLabel}\n multiple={multiple}\n >\n {(onDragStart, onDragStop) => (\n <input\n {...(disableHoverTooltip ? {title: ''} : {})}\n type=\"file\"\n name={name}\n accept={filesTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n multiple={multiple}\n required={required}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <ButtonLink\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n {multiple && filesNumber > 0 ? (\n <div className={style.multipleFilesContainer}>\n <div className={style.filesNumber}>\n <FileLinesIcon className={style.icon} />\n <div>{filesNumber} files</div>\n </div>\n <div className={style.seeDetailsButton} onClick={onClick_}>\n <EyeIcon className={style.seeIcon} />\n <div>See details</div>\n </div>\n </div>\n ) : null}\n </>\n );\n};\n\nInputFileDraggable.propTypes = {\n ...DragAndDrop.propTypes,\n disableHoverTooltip: PropTypes.bool,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n filesTypes: FilesPropType,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n hrefLink: PropTypes.string\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_dragAndDrop","_buttonLink","_proptypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","dragAndDropLabel","loadingLabel","handleReset","useCallback","_isNil2","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","type","accept","className","style","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","NovaSolidFilesBasicFileLines","icon","seeDetailsButton","NovaCompositionCoorpacademyEye","seeIcon","propTypes","process","env","NODE_ENV","DragAndDrop","PropTypes","bool","string","func","FilesPropType","number","_default","exports"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n NovaSolidFilesBasicFileLines as FileLinesIcon,\n NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n disableHoverTooltip = false,\n onChange,\n onReset,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n filesTypes = '',\n error = '',\n buttonAriaLabel,\n errorButtonLabel,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n filesNumber = 0,\n multiple = false,\n required = false,\n onClick,\n dragAndDropLabel,\n loadingLabel\n}) => {\n const handleReset = useCallback(\n e => {\n if (isNil(onReset)) return;\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n const linkCustomStyle = {\n width: '40px',\n color: '#FF541F'\n };\n\n const onClick_ = useCallback(\n e => {\n e.preventDefault();\n return onClick(e);\n },\n [onClick]\n );\n\n return (\n <>\n <DragAndDrop\n title={title}\n description={description}\n previewLabel={previewLabel}\n previewContent={previewContent}\n uploadLabel={uploadLabel}\n loading={loading}\n modified={modified}\n onReset={handleReset}\n error={error}\n disabled={disabled}\n disableHoverTooltip={disableHoverTooltip}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n pdfButtonLabel={pdfButtonLabel}\n pdfButtonAriaLabel={pdfButtonAriaLabel}\n multiple={multiple}\n dragAndDropLabel={dragAndDropLabel}\n loadingLabel={loadingLabel}\n >\n {(onDragStart, onDragStop) => (\n <input\n {...(disableHoverTooltip ? {title: ''} : {})}\n type=\"file\"\n name={name}\n accept={filesTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n multiple={multiple}\n required={required}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <ButtonLink\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n {multiple && filesNumber > 0 ? (\n <div className={style.multipleFilesContainer}>\n <div className={style.filesNumber}>\n <FileLinesIcon className={style.icon} />\n <div>{filesNumber} files</div>\n </div>\n <div className={style.seeDetailsButton} onClick={onClick_}>\n <EyeIcon className={style.seeIcon} />\n <div>See details</div>\n </div>\n </div>\n ) : null}\n </>\n );\n};\n\nInputFileDraggable.propTypes = {\n ...DragAndDrop.propTypes,\n disableHoverTooltip: PropTypes.bool,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n filesTypes: FilesPropType,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n labelButtonLink: PropTypes.string,\n hrefLink: PropTypes.string,\n filesNumber: PropTypes.number,\n required: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -79,6 +79,7 @@ declare const RadioWithTitle: {
|
|
|
79
79
|
customLabelClassName: import("prop-types").Requireable<string>;
|
|
80
80
|
}>>;
|
|
81
81
|
required: import("prop-types").Requireable<boolean>;
|
|
82
|
+
headingLevel: import("prop-types").Requireable<number>;
|
|
82
83
|
}>>>;
|
|
83
84
|
name: import("prop-types").Requireable<string>;
|
|
84
85
|
checked: import("prop-types").Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -77,6 +77,7 @@ export declare const propTypes: {
|
|
|
77
77
|
customLabelClassName: PropTypes.Requireable<string>;
|
|
78
78
|
}>>;
|
|
79
79
|
required: PropTypes.Requireable<boolean>;
|
|
80
|
+
headingLevel: PropTypes.Requireable<number>;
|
|
80
81
|
}>>>;
|
|
81
82
|
name: PropTypes.Requireable<string>;
|
|
82
83
|
checked: PropTypes.Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAuDA,gDA4DC"}
|
package/lib/atom/title/index.js
CHANGED
|
@@ -5,6 +5,7 @@ exports.default = void 0;
|
|
|
5
5
|
var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
9
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
9
10
|
var _tag = _interopRequireDefault(require("../tag"));
|
|
10
11
|
var _buttonLink = _interopRequireDefault(require("../button-link"));
|
|
@@ -67,10 +68,16 @@ const Title = props => {
|
|
|
67
68
|
tag,
|
|
68
69
|
button,
|
|
69
70
|
required,
|
|
70
|
-
ariaLabel
|
|
71
|
+
ariaLabel,
|
|
72
|
+
headingLevel
|
|
71
73
|
} = props;
|
|
72
74
|
const titleStyle = getTitleStyle(type, titleSize);
|
|
73
75
|
const subtitleStyle = getSubtitleStyle(type, subtitleSize);
|
|
76
|
+
const titleContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title, required ? /*#__PURE__*/_react.default.createElement("span", {
|
|
77
|
+
className: _style.default.required
|
|
78
|
+
}, "*") : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null);
|
|
79
|
+
// Opt-in: the title as a real heading for the document outline; same look as the group div.
|
|
80
|
+
const Heading = headingLevel ? `h${headingLevel}` : null;
|
|
74
81
|
const subtitleSection = subtitle ? /*#__PURE__*/_react.default.createElement("div", {
|
|
75
82
|
className: subtitleStyle
|
|
76
83
|
// eslint-disable-next-line react/no-danger
|
|
@@ -87,14 +94,16 @@ const Title = props => {
|
|
|
87
94
|
className: _style.default.titleContainer
|
|
88
95
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
89
96
|
className: _style.default.titleContent
|
|
90
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
97
|
+
}, headingLevel ? /*#__PURE__*/_react.default.createElement(Heading, {
|
|
98
|
+
className: (0, _classnames.default)(titleStyle, _style.default.heading),
|
|
99
|
+
"data-name": dataName,
|
|
100
|
+
"aria-label": ariaLabel
|
|
101
|
+
}, titleContent) : /*#__PURE__*/_react.default.createElement("div", {
|
|
91
102
|
className: titleStyle,
|
|
92
103
|
"data-name": dataName,
|
|
93
104
|
role: "group",
|
|
94
105
|
"aria-label": ariaLabel
|
|
95
|
-
},
|
|
96
|
-
className: _style.default.required
|
|
97
|
-
}, "*") : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null), subtitleSection), !(0, _isEmpty2.default)(button) ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, button) : null));
|
|
106
|
+
}, titleContent), subtitleSection), !(0, _isEmpty2.default)(button) ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, button) : null));
|
|
98
107
|
};
|
|
99
108
|
Title.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
100
109
|
title: _propTypes.default.string,
|
|
@@ -107,7 +116,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
107
116
|
icon: _propTypes.default.shape(_icon.default.propTypes),
|
|
108
117
|
tag: _propTypes.default.shape(_tag.default.propTypes),
|
|
109
118
|
button: _propTypes.default.shape(_buttonLink.default.propTypes),
|
|
110
|
-
required: _propTypes.default.bool
|
|
119
|
+
required: _propTypes.default.bool,
|
|
120
|
+
headingLevel: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6])
|
|
111
121
|
} : {};
|
|
112
122
|
var _default = exports.default = Title;
|
|
113
123
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","ariaLabel","titleStyle","subtitleStyle","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","ariaLabel","headingLevel","titleStyle","subtitleStyle","titleContent","createElement","Fragment","className","Heading","subtitleSection","dangerouslySetInnerHTML","__html","container","titleContainer","classnames","heading","role","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.titlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.titleFormGroup;\n case 'standard-light-weight':\n return style.titleFormGroupLightWeight;\n case 'xl-strong':\n return style.xlStrongTitle;\n case 'medium':\n return style.mediumTitleFormGroup;\n case 'medium-light-color':\n return style.mediumAndLightColorTitleFormGroup;\n case 'small':\n return style.smallTitleFormGroup;\n case 'small-and-light':\n return style.smallAndLightTitleFormGroup;\n }\n }\n};\n\nconst getSubtitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.subtitlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.subtitleFormGroup;\n case 'standard-without-margin':\n return style.subtitleFormGroupWithoutMargin;\n case 'medium':\n return style.mediumSubtitleFormGroup;\n case 'small':\n return style.smallSubtitleFormGroup;\n case 'small-without-margin':\n return style.smallSubtitleFormGroupWithoutMargin;\n case 'extra-small':\n return style.extraSmallSubtitleFormGroup;\n }\n }\n};\n\nconst Title = props => {\n const {\n title,\n subtitle,\n type,\n 'data-name': dataName,\n titleSize = 'standard',\n subtitleSize = 'standard',\n icon,\n tag,\n button,\n required,\n ariaLabel,\n headingLevel\n } = props;\n const titleStyle = getTitleStyle(type, titleSize);\n const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n const titleContent = (\n <>\n {title}\n {required ? <span className={style.required}>*</span> : null}\n {tag ? <Tag {...tag} /> : null}\n </>\n );\n // Opt-in: the title as a real heading for the document outline; same look as the group div.\n const Heading = headingLevel ? `h${headingLevel}` : null;\n\n const subtitleSection = subtitle ? (\n <div\n className={subtitleStyle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: subtitle}}\n />\n ) : null;\n\n return (\n <div className={style.container}>\n {icon ? <Icon {...icon} className={style.icon} /> : null}\n <div className={style.titleContainer}>\n <div className={style.titleContent}>\n {headingLevel ? (\n <Heading\n className={classnames(titleStyle, style.heading)}\n data-name={dataName}\n aria-label={ariaLabel}\n >\n {titleContent}\n </Heading>\n ) : (\n <div className={titleStyle} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n {titleContent}\n </div>\n )}\n {subtitleSection}\n </div>\n {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n </div>\n </div>\n );\n};\n\nTitle.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n ariaLabel: PropTypes.string,\n type: PropTypes.oneOf(['page', 'form-group']),\n 'data-name': PropTypes.string,\n titleSize: PropTypes.oneOf([\n 'xl-strong',\n 'standard',\n 'standard-light-weight',\n 'medium',\n 'medium-light-color',\n 'small',\n 'small-and-light'\n ]),\n subtitleSize: PropTypes.oneOf([\n 'standard',\n 'standard-without-margin',\n 'medium',\n 'small',\n 'small-without-margin',\n 'extra-small'\n ]),\n icon: PropTypes.shape(Icon.propTypes),\n tag: PropTypes.shape(Tag.propTypes),\n button: PropTypes.shape(ButtonLink.propTypes),\n required: PropTypes.bool,\n headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6])\n};\nexport default Title;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,aAAa,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EACpC,QAAQD,IAAI;IACV,KAAK,MAAM;MACT,OAAOE,cAAK,CAACC,SAAS;IACxB,KAAK,YAAY;MACf,QAAQF,IAAI;QACV,KAAK,UAAU;UACb,OAAOC,cAAK,CAACE,cAAc;QAC7B,KAAK,uBAAuB;UAC1B,OAAOF,cAAK,CAACG,yBAAyB;QACxC,KAAK,WAAW;UACd,OAAOH,cAAK,CAACI,aAAa;QAC5B,KAAK,QAAQ;UACX,OAAOJ,cAAK,CAACK,oBAAoB;QACnC,KAAK,oBAAoB;UACvB,OAAOL,cAAK,CAACM,iCAAiC;QAChD,KAAK,OAAO;UACV,OAAON,cAAK,CAACO,mBAAmB;QAClC,KAAK,iBAAiB;UACpB,OAAOP,cAAK,CAACQ,2BAA2B;MAC5C;EACJ;AACF,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACX,IAAI,EAAEC,IAAI,KAAK;EACvC,QAAQD,IAAI;IACV,KAAK,MAAM;MACT,OAAOE,cAAK,CAACU,YAAY;IAC3B,KAAK,YAAY;MACf,QAAQX,IAAI;QACV,KAAK,UAAU;UACb,OAAOC,cAAK,CAACW,iBAAiB;QAChC,KAAK,yBAAyB;UAC5B,OAAOX,cAAK,CAACY,8BAA8B;QAC7C,KAAK,QAAQ;UACX,OAAOZ,cAAK,CAACa,uBAAuB;QACtC,KAAK,OAAO;UACV,OAAOb,cAAK,CAACc,sBAAsB;QACrC,KAAK,sBAAsB;UACzB,OAAOd,cAAK,CAACe,mCAAmC;QAClD,KAAK,aAAa;UAChB,OAAOf,cAAK,CAACgB,2BAA2B;MAC5C;EACJ;AACF,CAAC;AAED,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRtB,IAAI;IACJ,WAAW,EAAEuB,QAAQ;IACrBC,SAAS,GAAG,UAAU;IACtBC,YAAY,GAAG,UAAU;IACzBC,IAAI;IACJC,GAAG;IACHC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC;EACF,CAAC,GAAGX,KAAK;EACT,MAAMY,UAAU,GAAGjC,aAAa,CAACC,IAAI,EAAEwB,SAAS,CAAC;EACjD,MAAMS,aAAa,GAAGtB,gBAAgB,CAACX,IAAI,EAAEyB,YAAY,CAAC;EAE1D,MAAMS,YAAY,gBAChB3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAAA5D,MAAA,CAAAW,OAAA,CAAAkD,QAAA,QACGf,KAAK,EACLQ,QAAQ,gBAAGtD,MAAA,CAAAW,OAAA,CAAAiD,aAAA;IAAME,SAAS,EAAEnC,cAAK,CAAC2B;EAAS,GAAC,GAAO,CAAC,GAAG,IAAI,EAC3DF,GAAG,gBAAGpD,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACtD,IAAA,CAAAK,OAAG,EAAKyC,GAAM,CAAC,GAAG,IAC1B,CACH;EACD;EACA,MAAMW,OAAO,GAAGP,YAAY,GAAG,IAAIA,YAAY,EAAE,GAAG,IAAI;EAExD,MAAMQ,eAAe,GAAGjB,QAAQ,gBAC9B/C,MAAA,CAAAW,OAAA,CAAAiD,aAAA;IACEE,SAAS,EAAEJ;IACX;IAAA;IACAO,uBAAuB,EAAE;MAACC,MAAM,EAAEnB;IAAQ;EAAE,CAC7C,CAAC,GACA,IAAI;EAER,oBACE/C,MAAA,CAAAW,OAAA,CAAAiD,aAAA;IAAKE,SAAS,EAAEnC,cAAK,CAACwC;EAAU,GAC7BhB,IAAI,gBAAGnD,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACvD,KAAA,CAAAM,OAAI,EAAAC,QAAA,KAAKuC,IAAI;IAAEW,SAAS,EAAEnC,cAAK,CAACwB;EAAK,EAAE,CAAC,GAAG,IAAI,eACxDnD,MAAA,CAAAW,OAAA,CAAAiD,aAAA;IAAKE,SAAS,EAAEnC,cAAK,CAACyC;EAAe,gBACnCpE,MAAA,CAAAW,OAAA,CAAAiD,aAAA;IAAKE,SAAS,EAAEnC,cAAK,CAACgC;EAAa,GAChCH,YAAY,gBACXxD,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACG,OAAO;IACND,SAAS,EAAE,IAAAO,mBAAU,EAACZ,UAAU,EAAE9B,cAAK,CAAC2C,OAAO,CAAE;IACjD,aAAWtB,QAAS;IACpB,cAAYO;EAAU,GAErBI,YACM,CAAC,gBAEV3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA;IAAKE,SAAS,EAAEL,UAAW;IAAC,aAAWT,QAAS;IAACuB,IAAI,EAAC,OAAO;IAAC,cAAYhB;EAAU,GACjFI,YACE,CACN,EACAK,eACE,CAAC,EACL,CAAC,IAAAQ,SAAA,CAAA7D,OAAA,EAAQ0C,MAAM,CAAC,gBAAGrD,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACrD,WAAA,CAAAI,OAAU,EAAK0C,MAAS,CAAC,GAAG,IAC9C,CACF,CAAC;AAEV,CAAC;AAEDT,KAAK,CAAC6B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChB9B,KAAK,EAAE+B,kBAAS,CAACC,MAAM;EACvB/B,QAAQ,EAAE8B,kBAAS,CAACC,MAAM;EAC1BvB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;EAC3BrD,IAAI,EAAEoD,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;EAC7C,WAAW,EAAEF,kBAAS,CAACC,MAAM;EAC7B7B,SAAS,EAAE4B,kBAAS,CAACE,KAAK,CAAC,CACzB,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,QAAQ,EACR,oBAAoB,EACpB,OAAO,EACP,iBAAiB,CAClB,CAAC;EACF7B,YAAY,EAAE2B,kBAAS,CAACE,KAAK,CAAC,CAC5B,UAAU,EACV,yBAAyB,EACzB,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,aAAa,CACd,CAAC;EACF5B,IAAI,EAAE0B,kBAAS,CAACG,KAAK,CAACC,aAAI,CAACR,SAAS,CAAC;EACrCrB,GAAG,EAAEyB,kBAAS,CAACG,KAAK,CAACE,YAAG,CAACT,SAAS,CAAC;EACnCpB,MAAM,EAAEwB,kBAAS,CAACG,KAAK,CAACG,mBAAU,CAACV,SAAS,CAAC;EAC7CnB,QAAQ,EAAEuB,kBAAS,CAACO,IAAI;EACxB5B,YAAY,EAAEqB,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClD,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAA3E,OAAA,GACaiC,KAAK","ignoreList":[]}
|
package/lib/atom/title/style.css
CHANGED
|
@@ -34,6 +34,8 @@ declare namespace VideoUpload {
|
|
|
34
34
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
35
35
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
36
36
|
multiple: PropTypes.Requireable<boolean>;
|
|
37
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
38
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
37
39
|
};
|
|
38
40
|
}
|
|
39
41
|
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
export default AssignmentCard;
|
|
2
|
+
declare function AssignmentCard(props: any): JSX.Element;
|
|
3
|
+
declare namespace AssignmentCard {
|
|
4
|
+
const propTypes: {
|
|
5
|
+
typeLabel: PropTypes.Requireable<string>;
|
|
6
|
+
dueState: PropTypes.Validator<string>;
|
|
7
|
+
dueStateLabel: PropTypes.Validator<string>;
|
|
8
|
+
dueDateLabel: PropTypes.Validator<string>;
|
|
9
|
+
badge: PropTypes.Requireable<string>;
|
|
10
|
+
image: PropTypes.Requireable<string>;
|
|
11
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
12
|
+
adaptiv: PropTypes.Requireable<boolean>;
|
|
13
|
+
type: PropTypes.Requireable<string>;
|
|
14
|
+
title: PropTypes.Requireable<string>;
|
|
15
|
+
author: PropTypes.Requireable<string>;
|
|
16
|
+
certifiedAuthor: PropTypes.Requireable<boolean>;
|
|
17
|
+
customer: PropTypes.Requireable<PropTypes.InferProps<{
|
|
18
|
+
theme: PropTypes.Requireable<string>;
|
|
19
|
+
type: PropTypes.Requireable<string>;
|
|
20
|
+
name: PropTypes.Requireable<string>;
|
|
21
|
+
coorpOriginal: PropTypes.Validator<boolean>;
|
|
22
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
23
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
24
|
+
}>>;
|
|
25
|
+
progress: PropTypes.Requireable<number>;
|
|
26
|
+
favorite: PropTypes.Requireable<boolean>;
|
|
27
|
+
addFavoriteToolTip: PropTypes.Requireable<string>;
|
|
28
|
+
removeFavoriteToolTip: PropTypes.Requireable<string>;
|
|
29
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
30
|
+
onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
31
|
+
isSelected: PropTypes.Requireable<boolean>;
|
|
32
|
+
notification: PropTypes.Requireable<PropTypes.InferProps<{
|
|
33
|
+
message: PropTypes.Validator<string>;
|
|
34
|
+
icon: PropTypes.Validator<string>;
|
|
35
|
+
}>>;
|
|
36
|
+
badgeCategory: PropTypes.Requireable<string>;
|
|
37
|
+
badgeLabel: PropTypes.Requireable<string>;
|
|
38
|
+
theme: PropTypes.Requireable<string>;
|
|
39
|
+
disabledContent: PropTypes.Requireable<string>;
|
|
40
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
41
|
+
'background-aria-label': PropTypes.Requireable<string>;
|
|
42
|
+
'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
|
|
43
|
+
favorite: PropTypes.Requireable<string>;
|
|
44
|
+
addToFavorite: PropTypes.Requireable<string>;
|
|
45
|
+
removeFromFavorite: PropTypes.Requireable<string>;
|
|
46
|
+
}>>;
|
|
47
|
+
'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
|
|
48
|
+
select: PropTypes.Requireable<string>;
|
|
49
|
+
unSelect: PropTypes.Requireable<string>;
|
|
50
|
+
}>>;
|
|
51
|
+
'customer-aria-label': PropTypes.Requireable<string>;
|
|
52
|
+
'badge-aria-label': PropTypes.Requireable<string>;
|
|
53
|
+
'disabled-aria-label': PropTypes.Requireable<string>;
|
|
54
|
+
'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
|
|
55
|
+
author: PropTypes.Requireable<string>;
|
|
56
|
+
progression: PropTypes.Requireable<string>;
|
|
57
|
+
adaptive: PropTypes.Requireable<string>;
|
|
58
|
+
}>>;
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
import PropTypes from "prop-types";
|
|
62
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/assignment-card/index.js"],"names":[],"mappings":";AA6BA,yDAuBC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
7
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
+
var _colors = require("../../variables/colors");
|
|
9
|
+
var _icon = _interopRequireDefault(require("../../atom/icon"));
|
|
10
|
+
var _card = _interopRequireWildcard(require("../card"));
|
|
11
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
|
+
// The status pill is the card's own opaque pill (never atom/tag, never Card's notification slot):
|
|
17
|
+
// it sits on the card image, where a translucent tag is unreadable. No "completed late" state (L0).
|
|
18
|
+
const DUE_STATES = {
|
|
19
|
+
todo: {
|
|
20
|
+
iconName: 'circle',
|
|
21
|
+
color: _colors.COLORS.cm_grey_500,
|
|
22
|
+
className: _style.default.todo
|
|
23
|
+
},
|
|
24
|
+
dueSoon: {
|
|
25
|
+
iconName: 'clock',
|
|
26
|
+
color: _colors.COLORS.cm_yellow_400,
|
|
27
|
+
className: _style.default.dueSoon
|
|
28
|
+
},
|
|
29
|
+
overdue: {
|
|
30
|
+
iconName: 'triangle-exclamation',
|
|
31
|
+
color: _colors.COLORS.cm_negative_200,
|
|
32
|
+
className: _style.default.overdue
|
|
33
|
+
},
|
|
34
|
+
done: {
|
|
35
|
+
iconName: 'circle-check',
|
|
36
|
+
color: _colors.COLORS.cm_positive_200,
|
|
37
|
+
className: _style.default.done
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// A module the learner was asked to complete: the catalogue card of its type (module, chapter,
|
|
42
|
+
// scorm, article, video, podcast), one status pill in the same slot on every format, and the due
|
|
43
|
+
// date (or, once finished, the completion date) in a tooltip on hover (N2). Never an assignment.
|
|
44
|
+
// The pill is described by the due date, so it is read without hover. React 17 has no useId: the
|
|
45
|
+
// id derives from the card's dataName (its rank in a list) and its title, never with whitespace.
|
|
46
|
+
const dueDateId = (dataName, title) => ['due-date', dataName, title].filter(Boolean).join('-').replace(/\s+/g, '-');
|
|
47
|
+
const AssignmentCard = props => {
|
|
48
|
+
const {
|
|
49
|
+
dueState,
|
|
50
|
+
dueStateLabel,
|
|
51
|
+
dueDateLabel,
|
|
52
|
+
onClick,
|
|
53
|
+
...cardProps
|
|
54
|
+
} = props;
|
|
55
|
+
const {
|
|
56
|
+
iconName,
|
|
57
|
+
color,
|
|
58
|
+
className
|
|
59
|
+
} = DUE_STATES[dueState];
|
|
60
|
+
const dateId = dueDateId(cardProps.dataName, cardProps.title);
|
|
61
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
62
|
+
"data-name": "assignment-card",
|
|
63
|
+
className: _style.default.wrapper
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement(_card.default, _extends({}, cardProps, {
|
|
65
|
+
onClick: onClick
|
|
66
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
67
|
+
className: _style.default.slot
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
69
|
+
"data-name": "due-state",
|
|
70
|
+
"data-type": dueState,
|
|
71
|
+
className: (0, _classnames.default)(_style.default.duePill, className),
|
|
72
|
+
"aria-describedby": dateId
|
|
73
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
74
|
+
iconName: iconName,
|
|
75
|
+
iconColor: color,
|
|
76
|
+
size: {
|
|
77
|
+
faSize: 12,
|
|
78
|
+
wrapperSize: 12
|
|
79
|
+
}
|
|
80
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, dueStateLabel)), /*#__PURE__*/_react.default.createElement("div", {
|
|
81
|
+
id: dateId,
|
|
82
|
+
"data-name": "due-date",
|
|
83
|
+
className: _style.default.tooltip
|
|
84
|
+
}, dueDateLabel)));
|
|
85
|
+
};
|
|
86
|
+
AssignmentCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
87
|
+
..._card.cardPropTypes,
|
|
88
|
+
// The type chip's label. A module (type 'course') passes « Module »: never « Course » (AQ19).
|
|
89
|
+
typeLabel: _card.cardPropTypes.typeLabel,
|
|
90
|
+
dueState: _propTypes.default.oneOf(['todo', 'dueSoon', 'overdue', 'done']).isRequired,
|
|
91
|
+
// The pill label: « To do », « Due soon », « Overdue », « Completed »
|
|
92
|
+
dueStateLabel: _propTypes.default.string.isRequired,
|
|
93
|
+
// Shown on hover, as given: "Due Sat 24 Oct", or "Completed Thu 22 Oct" once finished
|
|
94
|
+
dueDateLabel: _propTypes.default.string.isRequired
|
|
95
|
+
} : {};
|
|
96
|
+
var _default = exports.default = AssignmentCard;
|
|
97
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_colors","_icon","_card","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","DUE_STATES","todo","iconName","color","COLORS","cm_grey_500","className","style","dueSoon","cm_yellow_400","overdue","cm_negative_200","done","cm_positive_200","dueDateId","dataName","title","filter","Boolean","join","replace","AssignmentCard","props","dueState","dueStateLabel","dueDateLabel","onClick","cardProps","dateId","createElement","wrapper","slot","classnames","duePill","iconColor","size","faSize","wrapperSize","id","tooltip","propTypes","process","env","NODE_ENV","cardPropTypes","typeLabel","PropTypes","oneOf","isRequired","string","_default","exports"],"sources":["../../../src/molecule/assignment-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {COLORS} from '../../variables/colors';\nimport FaIcon from '../../atom/icon';\nimport Card, {cardPropTypes} from '../card';\nimport style from './style.css';\n\n// The status pill is the card's own opaque pill (never atom/tag, never Card's notification slot):\n// it sits on the card image, where a translucent tag is unreadable. No \"completed late\" state (L0).\nconst DUE_STATES = {\n todo: {iconName: 'circle', color: COLORS.cm_grey_500, className: style.todo},\n dueSoon: {iconName: 'clock', color: COLORS.cm_yellow_400, className: style.dueSoon},\n overdue: {\n iconName: 'triangle-exclamation',\n color: COLORS.cm_negative_200,\n className: style.overdue\n },\n done: {iconName: 'circle-check', color: COLORS.cm_positive_200, className: style.done}\n};\n\n// A module the learner was asked to complete: the catalogue card of its type (module, chapter,\n// scorm, article, video, podcast), one status pill in the same slot on every format, and the due\n// date (or, once finished, the completion date) in a tooltip on hover (N2). Never an assignment.\n// The pill is described by the due date, so it is read without hover. React 17 has no useId: the\n// id derives from the card's dataName (its rank in a list) and its title, never with whitespace.\nconst dueDateId = (dataName, title) =>\n ['due-date', dataName, title].filter(Boolean).join('-').replace(/\\s+/g, '-');\n\nconst AssignmentCard = props => {\n const {dueState, dueStateLabel, dueDateLabel, onClick, ...cardProps} = props;\n const {iconName, color, className} = DUE_STATES[dueState];\n const dateId = dueDateId(cardProps.dataName, cardProps.title);\n return (\n <div data-name=\"assignment-card\" className={style.wrapper}>\n <Card {...cardProps} onClick={onClick} />\n <div className={style.slot}>\n <div\n data-name=\"due-state\"\n data-type={dueState}\n className={classnames(style.duePill, className)}\n aria-describedby={dateId}\n >\n <FaIcon iconName={iconName} iconColor={color} size={{faSize: 12, wrapperSize: 12}} />\n <span>{dueStateLabel}</span>\n </div>\n <div id={dateId} data-name=\"due-date\" className={style.tooltip}>\n {dueDateLabel}\n </div>\n </div>\n </div>\n );\n};\n\nAssignmentCard.propTypes = {\n ...cardPropTypes,\n // The type chip's label. A module (type 'course') passes « Module »: never « Course » (AQ19).\n typeLabel: cardPropTypes.typeLabel,\n dueState: PropTypes.oneOf(['todo', 'dueSoon', 'overdue', 'done']).isRequired,\n // The pill label: « To do », « Due soon », « Overdue », « Completed »\n dueStateLabel: PropTypes.string.isRequired,\n // Shown on hover, as given: \"Due Sat 24 Oct\", or \"Completed Thu 22 Oct\" once finished\n dueDateLabel: PropTypes.string.isRequired\n};\n\nexport default AssignmentCard;\n"],"mappings":"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","ignoreList":[]}
|