@coorpacademy/components 10.4.7 → 10.5.3
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/autocomplete/style.css +4 -4
- package/es/atom/button/style.css +1 -1
- package/es/atom/card-image-preview/test/fixtures.js +15 -0
- package/es/atom/card-image-preview/test/fixtures.js.map +1 -0
- package/es/atom/catalog-section/style.css +1 -1
- package/es/atom/clue/style.css +2 -2
- package/es/atom/cta/style.css +1 -1
- package/es/atom/difficulty-level/style.css +1 -1
- package/es/atom/drag-and-drop/style.css +6 -5
- package/es/atom/input-checkbox/style.css +1 -1
- package/es/atom/input-doublestep/style.css +5 -5
- package/es/atom/input-html/input-preview.css +2 -2
- package/es/atom/input-html/style.css +2 -2
- package/es/atom/input-readonly/style.css +3 -3
- package/es/atom/input-search/style.css +1 -1
- package/es/atom/input-switch/style.css +2 -2
- package/es/atom/input-text/style.css +5 -5
- package/es/atom/input-textarea/style.css +5 -5
- package/es/atom/life/style.css +1 -1
- package/es/atom/notification/style.css +1 -1
- package/es/atom/radio-group/item.css +1 -1
- package/es/atom/resource-miniature/style.css +1 -1
- package/es/atom/select/style.css +7 -7
- package/es/atom/slide/style.css +1 -1
- package/es/molecule/add-to-my-list/style.css +3 -3
- package/es/molecule/audio/style.css +1 -1
- package/es/molecule/battle-request/style.css +4 -4
- package/es/molecule/brand-card/description.css +1 -1
- package/es/molecule/brand-card/style.css +2 -2
- package/es/molecule/brand-card-create/style.css +1 -1
- package/es/molecule/brand-create-form/style.css +6 -6
- package/es/molecule/brand-download-box/style.css +2 -2
- package/es/molecule/brand-tabs/style.css +1 -1
- package/es/molecule/brand-upload-box/style.css +2 -2
- package/es/molecule/breadcrumbs/style.css +3 -3
- package/es/molecule/card/customer.css +1 -1
- package/es/molecule/card/favorite.css +1 -1
- package/es/molecule/card/notification.css +1 -1
- package/es/molecule/card/style.css +1 -1
- package/es/molecule/card/test/fixtures.js +2 -0
- package/es/molecule/card/test/fixtures.js.map +1 -1
- package/es/molecule/card-content/style.css +4 -4
- package/es/molecule/card-with-button/style.css +2 -2
- package/es/molecule/cookie-banner/style.css +2 -2
- package/es/molecule/dashboard/cards-list/style.css +2 -2
- package/es/molecule/dashboard/news-list/style.css +2 -2
- package/es/molecule/dashboard/start-battle/style.css +4 -4
- package/es/molecule/discipline-cta/style.css +2 -2
- package/es/molecule/discipline-header/style.css +4 -4
- package/es/molecule/discipline-partners/style.css +2 -2
- package/es/molecule/drag-and-drop/common.css +1 -1
- package/es/molecule/drag-and-drop/overlay.css +1 -1
- package/es/molecule/drag-and-drop/style.css +1 -1
- package/es/molecule/drag-and-drop/upload-report.css +4 -4
- package/es/molecule/draggable/index.js +56 -0
- package/es/molecule/draggable/index.js.map +1 -0
- package/es/molecule/draggable/style.css +77 -0
- package/es/molecule/draggable/test/fixtures/default.js +12 -0
- package/es/molecule/draggable/test/fixtures/default.js.map +1 -0
- package/es/molecule/draggable/test/fixtures.js +13 -0
- package/es/molecule/draggable/test/fixtures.js.map +1 -0
- package/es/molecule/external-content-button/style.css +2 -2
- package/es/molecule/feedback/style.css +3 -3
- package/es/molecule/filters/filters-wapper.css +2 -2
- package/es/molecule/filters/style.css +2 -2
- package/es/molecule/forum/forum-comment/style.css +1 -1
- package/es/molecule/forum/forum-post/style.css +5 -5
- package/es/molecule/menu-list/style.css +1 -1
- package/es/molecule/message-popin/style.css +2 -2
- package/es/molecule/modal/style.css +2 -2
- package/es/molecule/module-card/style.css +2 -2
- package/es/molecule/news/style.css +3 -3
- package/es/molecule/notification-banner/style.css +3 -3
- package/es/molecule/pagination/style.css +1 -1
- package/es/molecule/payment-form/index.js +2 -2
- package/es/molecule/payment-form/index.js.map +1 -1
- package/es/molecule/pdf/style.css +2 -2
- package/es/molecule/popin/style.css +2 -2
- package/es/molecule/progress-bar/style.css +1 -1
- package/es/molecule/questions/free-text/style.css +1 -1
- package/es/molecule/questions/qcm/style.css +1 -1
- package/es/molecule/questions/qcm-drag/style.css +2 -2
- package/es/molecule/questions/qcm-graphic/style.css +1 -1
- package/es/molecule/questions/question-range/style.css +2 -2
- package/es/molecule/questions/template/style.css +1 -1
- package/es/molecule/resource-player/style.css +1 -1
- package/es/molecule/scope-content/style.css +6 -6
- package/es/molecule/scope-tabs/style.css +1 -1
- package/es/molecule/select-multiple/style.css +2 -2
- package/es/molecule/setup-cohort-item/style.css +1 -1
- package/es/molecule/setup-section/index.js +2 -23
- package/es/molecule/setup-section/index.js.map +1 -1
- package/es/molecule/setup-section/style.css +3 -28
- package/es/molecule/setup-sections/index.js +3 -55
- package/es/molecule/setup-sections/index.js.map +1 -1
- package/es/molecule/setup-sections/style.css +0 -56
- package/es/molecule/setup-sections/test/on-drop.js +1 -1
- package/es/molecule/setup-sections/test/on-drop.js.map +1 -1
- package/es/molecule/share/style.css +3 -3
- package/es/molecule/ssmenu-list/style.css +1 -1
- package/es/molecule/table/style.css +5 -5
- package/es/molecule/teams-popin/style.css +2 -2
- package/es/molecule/titled-checkbox/style.css +1 -1
- package/es/molecule/video-player/jwplayer.css +1 -1
- package/es/molecule/wizard-summary/index.js +5 -5
- package/es/molecule/wizard-summary/index.js.map +1 -1
- package/es/organism/accordion/part/style.css +1 -1
- package/es/organism/brand-analytics/analytics-popin.css +1 -0
- package/es/organism/brand-analytics/style.css +1 -1
- package/es/organism/brand-table/style.css +2 -2
- package/es/organism/brand-upload/style.css +2 -2
- package/es/organism/discussion/style.css +1 -1
- package/es/organism/get-the-app/style.css +1 -1
- package/es/organism/hero/style.css +1 -1
- package/es/organism/mooc-footer/style.css +2 -2
- package/es/organism/mooc-header/style.css +8 -8
- package/es/organism/playlist-translation/test/fixtures.js +15 -0
- package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
- package/es/organism/popin/style.css +1 -0
- package/es/organism/sidebar/style.css +2 -2
- package/es/organism/user-preferences/style.css +1 -1
- package/es/template/activity/engine-stars.css +3 -3
- package/es/template/activity/progression-item.css +5 -4
- package/es/template/activity/stars-summary.css +2 -2
- package/es/template/activity/style.css +3 -3
- package/es/template/app-player/player/slides/footer/style.css +1 -1
- package/es/template/app-player/player/slides/header/learner.css +4 -4
- package/es/template/app-player/player/slides/header/microlearning.css +1 -1
- package/es/template/app-player/player/slides/style.css +9 -8
- package/es/template/app-player/popin-correction/style.css +3 -3
- package/es/template/app-player/popin-end/summary.css +4 -4
- package/es/template/app-player/popin-end/test/fixtures.js +2 -0
- package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
- package/es/template/app-player/popin-header/style.css +5 -5
- package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
- package/es/template/back-office/dashboard-preview/style.css +1 -1
- package/es/template/cockpit/jw-uploader/style.css +1 -0
- package/es/template/common/authors/style.css +5 -4
- package/es/template/common/layout.css +1 -1
- package/es/template/common/search-page/style.css +2 -1
- package/es/template/external-course/style.css +1 -1
- package/es/variables/fonts.css +1 -1
- package/lib/atom/autocomplete/style.css +4 -4
- package/lib/atom/button/style.css +1 -1
- package/lib/atom/card-image-preview/test/fixtures.js +25 -0
- package/lib/atom/card-image-preview/test/fixtures.js.map +1 -0
- package/lib/atom/catalog-section/style.css +1 -1
- package/lib/atom/clue/style.css +2 -2
- package/lib/atom/cta/style.css +1 -1
- package/lib/atom/difficulty-level/style.css +1 -1
- package/lib/atom/drag-and-drop/style.css +6 -5
- package/lib/atom/input-checkbox/style.css +1 -1
- package/lib/atom/input-doublestep/style.css +5 -5
- package/lib/atom/input-html/input-preview.css +2 -2
- package/lib/atom/input-html/style.css +2 -2
- package/lib/atom/input-readonly/style.css +3 -3
- package/lib/atom/input-search/style.css +1 -1
- package/lib/atom/input-switch/style.css +2 -2
- package/lib/atom/input-text/style.css +5 -5
- package/lib/atom/input-textarea/style.css +5 -5
- package/lib/atom/life/style.css +1 -1
- package/lib/atom/notification/style.css +1 -1
- package/lib/atom/radio-group/item.css +1 -1
- package/lib/atom/resource-miniature/style.css +1 -1
- package/lib/atom/select/style.css +7 -7
- package/lib/atom/slide/style.css +1 -1
- package/lib/molecule/add-to-my-list/style.css +3 -3
- package/lib/molecule/audio/style.css +1 -1
- package/lib/molecule/battle-request/style.css +4 -4
- package/lib/molecule/brand-card/description.css +1 -1
- package/lib/molecule/brand-card/style.css +2 -2
- package/lib/molecule/brand-card-create/style.css +1 -1
- package/lib/molecule/brand-create-form/style.css +6 -6
- package/lib/molecule/brand-download-box/style.css +2 -2
- package/lib/molecule/brand-tabs/style.css +1 -1
- package/lib/molecule/brand-upload-box/style.css +2 -2
- package/lib/molecule/breadcrumbs/style.css +3 -3
- package/lib/molecule/card/customer.css +1 -1
- package/lib/molecule/card/favorite.css +1 -1
- package/lib/molecule/card/notification.css +1 -1
- package/lib/molecule/card/style.css +1 -1
- package/lib/molecule/card/test/fixtures.js +3 -0
- package/lib/molecule/card/test/fixtures.js.map +1 -1
- package/lib/molecule/card-content/style.css +4 -4
- package/lib/molecule/card-with-button/style.css +2 -2
- package/lib/molecule/cookie-banner/style.css +2 -2
- package/lib/molecule/dashboard/cards-list/style.css +2 -2
- package/lib/molecule/dashboard/news-list/style.css +2 -2
- package/lib/molecule/dashboard/start-battle/style.css +4 -4
- package/lib/molecule/discipline-cta/style.css +2 -2
- package/lib/molecule/discipline-header/style.css +4 -4
- package/lib/molecule/discipline-partners/style.css +2 -2
- package/lib/molecule/drag-and-drop/common.css +1 -1
- package/lib/molecule/drag-and-drop/overlay.css +1 -1
- package/lib/molecule/drag-and-drop/style.css +1 -1
- package/lib/molecule/drag-and-drop/upload-report.css +4 -4
- package/lib/molecule/draggable/index.js +71 -0
- package/lib/molecule/draggable/index.js.map +1 -0
- package/lib/molecule/draggable/style.css +77 -0
- package/lib/molecule/draggable/test/fixtures/default.js +17 -0
- package/lib/molecule/draggable/test/fixtures/default.js.map +1 -0
- package/lib/molecule/draggable/test/fixtures.js +22 -0
- package/lib/molecule/draggable/test/fixtures.js.map +1 -0
- package/lib/molecule/external-content-button/style.css +2 -2
- package/lib/molecule/feedback/style.css +3 -3
- package/lib/molecule/filters/filters-wapper.css +2 -2
- package/lib/molecule/filters/style.css +2 -2
- package/lib/molecule/forum/forum-comment/style.css +1 -1
- package/lib/molecule/forum/forum-post/style.css +5 -5
- package/lib/molecule/menu-list/style.css +1 -1
- package/lib/molecule/message-popin/style.css +2 -2
- package/lib/molecule/modal/style.css +2 -2
- package/lib/molecule/module-card/style.css +2 -2
- package/lib/molecule/news/style.css +3 -3
- package/lib/molecule/notification-banner/style.css +3 -3
- package/lib/molecule/pagination/style.css +1 -1
- package/lib/molecule/payment-form/index.js +2 -2
- package/lib/molecule/payment-form/index.js.map +1 -1
- package/lib/molecule/pdf/style.css +2 -2
- package/lib/molecule/popin/style.css +2 -2
- package/lib/molecule/progress-bar/style.css +1 -1
- package/lib/molecule/questions/free-text/style.css +1 -1
- package/lib/molecule/questions/qcm/style.css +1 -1
- package/lib/molecule/questions/qcm-drag/style.css +2 -2
- package/lib/molecule/questions/qcm-graphic/style.css +1 -1
- package/lib/molecule/questions/question-range/style.css +2 -2
- package/lib/molecule/questions/template/style.css +1 -1
- package/lib/molecule/resource-player/style.css +1 -1
- package/lib/molecule/scope-content/style.css +6 -6
- package/lib/molecule/scope-tabs/style.css +1 -1
- package/lib/molecule/select-multiple/style.css +2 -2
- package/lib/molecule/setup-cohort-item/style.css +1 -1
- package/lib/molecule/setup-section/index.js +2 -21
- package/lib/molecule/setup-section/index.js.map +1 -1
- package/lib/molecule/setup-section/style.css +3 -28
- package/lib/molecule/setup-sections/index.js +3 -55
- package/lib/molecule/setup-sections/index.js.map +1 -1
- package/lib/molecule/setup-sections/style.css +0 -56
- package/lib/molecule/setup-sections/test/on-drop.js +1 -1
- package/lib/molecule/setup-sections/test/on-drop.js.map +1 -1
- package/lib/molecule/share/style.css +3 -3
- package/lib/molecule/ssmenu-list/style.css +1 -1
- package/lib/molecule/table/style.css +5 -5
- package/lib/molecule/teams-popin/style.css +2 -2
- package/lib/molecule/titled-checkbox/style.css +1 -1
- package/lib/molecule/video-player/jwplayer.css +1 -1
- package/lib/molecule/wizard-summary/index.js +5 -5
- package/lib/molecule/wizard-summary/index.js.map +1 -1
- package/lib/organism/accordion/part/style.css +1 -1
- package/lib/organism/brand-analytics/analytics-popin.css +1 -0
- package/lib/organism/brand-analytics/style.css +1 -1
- package/lib/organism/brand-table/style.css +2 -2
- package/lib/organism/brand-upload/style.css +2 -2
- package/lib/organism/discussion/style.css +1 -1
- package/lib/organism/get-the-app/style.css +1 -1
- package/lib/organism/hero/style.css +1 -1
- package/lib/organism/mooc-footer/style.css +2 -2
- package/lib/organism/mooc-header/style.css +8 -8
- package/lib/organism/playlist-translation/test/fixtures.js +25 -0
- package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
- package/lib/organism/popin/style.css +1 -0
- package/lib/organism/sidebar/style.css +2 -2
- package/lib/organism/user-preferences/style.css +1 -1
- package/lib/template/activity/engine-stars.css +3 -3
- package/lib/template/activity/progression-item.css +5 -4
- package/lib/template/activity/stars-summary.css +2 -2
- package/lib/template/activity/style.css +3 -3
- package/lib/template/app-player/player/slides/footer/style.css +1 -1
- package/lib/template/app-player/player/slides/header/learner.css +4 -4
- package/lib/template/app-player/player/slides/header/microlearning.css +1 -1
- package/lib/template/app-player/player/slides/style.css +9 -8
- package/lib/template/app-player/popin-correction/style.css +3 -3
- package/lib/template/app-player/popin-end/summary.css +4 -4
- package/lib/template/app-player/popin-end/test/fixtures.js +3 -0
- package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
- package/lib/template/app-player/popin-header/style.css +5 -5
- package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
- package/lib/template/back-office/dashboard-preview/style.css +1 -1
- package/lib/template/cockpit/jw-uploader/style.css +1 -0
- package/lib/template/common/authors/style.css +5 -4
- package/lib/template/common/layout.css +1 -1
- package/lib/template/common/search-page/style.css +2 -1
- package/lib/template/external-course/style.css +1 -1
- package/lib/variables/fonts.css +1 -1
- package/package.json +2 -2
- package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
- package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
- package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
- package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
.warning,
|
|
32
32
|
.title {
|
|
33
33
|
margin-left: 10px;
|
|
34
|
-
font-family: '
|
|
34
|
+
font-family: 'Gilroy';
|
|
35
35
|
font-weight: 600;
|
|
36
36
|
font-size: 13px;
|
|
37
37
|
}
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
|
|
43
43
|
.description {
|
|
44
44
|
font-style: italic;
|
|
45
|
-
font-family: '
|
|
45
|
+
font-family: 'Gilroy';
|
|
46
46
|
font-weight: 400;
|
|
47
47
|
font-size: 13px;
|
|
48
48
|
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.desc {
|
|
58
|
-
font-family: '
|
|
58
|
+
font-family: 'Gilroy';
|
|
59
59
|
font-weight: 600;
|
|
60
60
|
font-size: 17px;
|
|
61
61
|
color: dark;
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
|
|
64
64
|
.browse {
|
|
65
65
|
margin-top: 10px;
|
|
66
|
-
font-family: '
|
|
66
|
+
font-family: 'Gilroy';
|
|
67
67
|
font-weight: 600;
|
|
68
68
|
font-size: 17px;
|
|
69
69
|
color: brand;
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.breadcrumb a {
|
|
30
|
-
font-family: '
|
|
30
|
+
font-family: 'Gilroy';
|
|
31
31
|
font-weight: 700;
|
|
32
32
|
font-size: 17px;
|
|
33
33
|
color: medium;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.breadcrumb span {
|
|
38
|
-
font-family: '
|
|
38
|
+
font-family: 'Gilroy';
|
|
39
39
|
font-weight: 700;
|
|
40
40
|
font-size: 17px;
|
|
41
41
|
color: dark;
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.link > * {
|
|
64
|
-
font-family: '
|
|
64
|
+
font-family: 'Gilroy';
|
|
65
65
|
font-size: 15px;
|
|
66
66
|
line-height: 52px;
|
|
67
67
|
color: white;
|
|
@@ -16,6 +16,8 @@ var _arabic = _interopRequireDefault(require("./fixtures/arabic"));
|
|
|
16
16
|
|
|
17
17
|
var _article = _interopRequireDefault(require("./fixtures/article"));
|
|
18
18
|
|
|
19
|
+
var _coorpmanager = _interopRequireDefault(require("./fixtures/coorpmanager"));
|
|
20
|
+
|
|
19
21
|
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
20
22
|
|
|
21
23
|
var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
|
|
@@ -52,6 +54,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
52
54
|
(0, _ava.default)('Molecule › MoleculeCard › Adaptiv › should be rendered', _renderComponent.default, _.default, _adaptiv.default);
|
|
53
55
|
(0, _ava.default)('Molecule › MoleculeCard › Arabic › should be rendered', _renderComponent.default, _.default, _arabic.default);
|
|
54
56
|
(0, _ava.default)('Molecule › MoleculeCard › Article › should be rendered', _renderComponent.default, _.default, _article.default);
|
|
57
|
+
(0, _ava.default)('Molecule › MoleculeCard › Coorpmanager › should be rendered', _renderComponent.default, _.default, _coorpmanager.default);
|
|
55
58
|
(0, _ava.default)('Molecule › MoleculeCard › Default › should be rendered', _renderComponent.default, _.default, _default.default);
|
|
56
59
|
(0, _ava.default)('Molecule › MoleculeCard › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
|
|
57
60
|
(0, _ava.default)('Molecule › MoleculeCard › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/molecule/card/test/fixtures.js"],"names":["t","pass","MoleculeCard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureSelectableFalse","fixtureSelectableTrue","fixtureVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,uDAAL,EAA8DA,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAaC,SAArB,EAAgC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC9CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAA8GO,2BAA9G;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAmGQ,gBAAnG;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAkGS,eAAlG;AACA,kBAAK,wDAAL,EAA+DH,wBAA/D,EAAqFN,SAArF,EAAmGU,gBAAnG;AACA,kBAAK,wDAAL,EAA+
|
|
1
|
+
{"version":3,"sources":["../../../../src/molecule/card/test/fixtures.js"],"names":["t","pass","MoleculeCard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureCoorpmanager","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureSelectableFalse","fixtureSelectableTrue","fixtureVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,uDAAL,EAA8DA,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAaC,SAArB,EAAgC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC9CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAA8GO,2BAA9G;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAmGQ,gBAAnG;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAkGS,eAAlG;AACA,kBAAK,wDAAL,EAA+DH,wBAA/D,EAAqFN,SAArF,EAAmGU,gBAAnG;AACA,kBAAK,6DAAL,EAAoEJ,wBAApE,EAA0FN,SAA1F,EAAwGW,qBAAxG;AACA,kBAAK,wDAAL,EAA+DL,wBAA/D,EAAqFN,SAArF,EAAmGY,gBAAnG;AACA,kBAAK,yDAAL,EAAgEN,wBAAhE,EAAsFN,SAAtF,EAAoGa,iBAApG;AACA,kBAAK,sDAAL,EAA6DP,wBAA7D,EAAmFN,SAAnF,EAAiGc,cAAjG;AACA,kBAAK,gEAAL,EAAuER,wBAAvE,EAA6FN,SAA7F,EAA2Ge,wBAA3G;AACA,kBAAK,yDAAL,EAAgET,wBAAhE,EAAsFN,SAAtF,EAAoGgB,iBAApG;AACA,kBAAK,mEAAL,EAA0EV,wBAA1E,EAAgGN,SAAhG,EAA8GiB,2BAA9G;AACA,kBAAK,wDAAL,EAA+DX,wBAA/D,EAAqFN,SAArF,EAAmGkB,gBAAnG;AACA,kBAAK,wDAAL,EAA+DZ,wBAA/D,EAAqFN,SAArF,EAAmGmB,gBAAnG;AACA,kBAAK,sDAAL,EAA6Db,wBAA7D,EAAmFN,SAAnF,EAAiGoB,cAAjG;AACA,kBAAK,gEAAL,EAAuEd,wBAAvE,EAA6FN,SAA7F,EAA2GqB,wBAA3G;AACA,kBAAK,+DAAL,EAAsEf,wBAAtE,EAA4FN,SAA5F,EAA0GsB,uBAA1G;AACA,kBAAK,sDAAL,EAA6DhB,wBAA7D,EAAmFN,SAAnF,EAAiGuB,cAAjG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCard from '..';\nimport fixtureAdaptivAndDisabled from './fixtures/adaptiv-and-disabled';\nimport fixtureAdaptiv from './fixtures/adaptiv';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureExternalContent from './fixtures/external-content';\nimport fixtureFavorite from './fixtures/favorite';\nimport fixtureFreerunAndDisabled from './fixtures/freerun-and-disabled';\nimport fixtureFreerun from './fixtures/freerun';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureScorm from './fixtures/scorm';\nimport fixtureSelectableFalse from './fixtures/selectable-false';\nimport fixtureSelectableTrue from './fixtures/selectable-true';\nimport fixtureVideo from './fixtures/video';\n\ntest('Molecule › MoleculeCard > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeCard.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeCard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeCard › AdaptivAndDisabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureAdaptivAndDisabled);\ntest('Molecule › MoleculeCard › Adaptiv › should be rendered', renderComponentMacro, MoleculeCard, fixtureAdaptiv);\ntest('Molecule › MoleculeCard › Arabic › should be rendered', renderComponentMacro, MoleculeCard, fixtureArabic);\ntest('Molecule › MoleculeCard › Article › should be rendered', renderComponentMacro, MoleculeCard, fixtureArticle);\ntest('Molecule › MoleculeCard › Coorpmanager › should be rendered', renderComponentMacro, MoleculeCard, fixtureCoorpmanager);\ntest('Molecule › MoleculeCard › Default › should be rendered', renderComponentMacro, MoleculeCard, fixtureDefault);\ntest('Molecule › MoleculeCard › Disabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureDisabled);\ntest('Molecule › MoleculeCard › Empty › should be rendered', renderComponentMacro, MoleculeCard, fixtureEmpty);\ntest('Molecule › MoleculeCard › ExternalContent › should be rendered', renderComponentMacro, MoleculeCard, fixtureExternalContent);\ntest('Molecule › MoleculeCard › Favorite › should be rendered', renderComponentMacro, MoleculeCard, fixtureFavorite);\ntest('Molecule › MoleculeCard › FreerunAndDisabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerunAndDisabled);\ntest('Molecule › MoleculeCard › Freerun › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerun);\ntest('Molecule › MoleculeCard › Podcast › should be rendered', renderComponentMacro, MoleculeCard, fixturePodcast);\ntest('Molecule › MoleculeCard › Scorm › should be rendered', renderComponentMacro, MoleculeCard, fixtureScorm);\ntest('Molecule › MoleculeCard › SelectableFalse › should be rendered', renderComponentMacro, MoleculeCard, fixtureSelectableFalse);\ntest('Molecule › MoleculeCard › SelectableTrue › should be rendered', renderComponentMacro, MoleculeCard, fixtureSelectableTrue);\ntest('Molecule › MoleculeCard › Video › should be rendered', renderComponentMacro, MoleculeCard, fixtureVideo);\n"],"file":"fixtures.js"}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.microLearninglabel {
|
|
51
|
-
font-family: '
|
|
51
|
+
font-family: 'Gilroy';
|
|
52
52
|
font-size: 10px;
|
|
53
53
|
font-weight: 800;
|
|
54
54
|
color: lightBlack;
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
margin-top: 5px;
|
|
75
75
|
font-size: 17px;
|
|
76
76
|
letter-spacing: 0;
|
|
77
|
-
font-family: '
|
|
77
|
+
font-family: 'Gilroy';
|
|
78
78
|
overflow: hidden;
|
|
79
79
|
user-select: none;
|
|
80
80
|
}
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
align-items: center;
|
|
104
104
|
font-size: 12px;
|
|
105
105
|
width: 100%;
|
|
106
|
-
font-family: '
|
|
106
|
+
font-family: 'Gilroy';
|
|
107
107
|
white-space: nowrap;
|
|
108
108
|
overflow: hidden;
|
|
109
109
|
text-overflow: ellipsis;
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
}
|
|
232
232
|
|
|
233
233
|
.contentTypeInfo {
|
|
234
|
-
font-family: '
|
|
234
|
+
font-family: 'Gilroy';
|
|
235
235
|
font-size: 10px;
|
|
236
236
|
font-weight: 700;
|
|
237
237
|
}
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
.lightButton{
|
|
106
106
|
display: inline-block;
|
|
107
107
|
box-sizing: border-box;
|
|
108
|
-
font-family: '
|
|
108
|
+
font-family: 'Gilroy';
|
|
109
109
|
font-size: 13px;
|
|
110
110
|
font-weight: 600;
|
|
111
111
|
text-decoration: none;
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
|
|
130
130
|
.level {
|
|
131
131
|
text-align: center;
|
|
132
|
-
font-family: '
|
|
132
|
+
font-family: 'Gilroy';
|
|
133
133
|
border: solid 1px #ffffff;
|
|
134
134
|
color: white;
|
|
135
135
|
padding: 0px 15px;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
display: flex;
|
|
26
26
|
align-items: center;
|
|
27
27
|
position: fixed;
|
|
28
|
-
font-family: '
|
|
28
|
+
font-family: 'Gilroy';
|
|
29
29
|
top: 0;
|
|
30
30
|
left: 0;
|
|
31
31
|
right: 0;
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.link {
|
|
52
|
-
font-family: '
|
|
52
|
+
font-family: 'Gilroy';
|
|
53
53
|
font-weight: 600;
|
|
54
54
|
font-size: 15px;
|
|
55
55
|
text-decoration: none;
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.title {
|
|
41
|
-
font-family: '
|
|
41
|
+
font-family: 'Gilroy';
|
|
42
42
|
font-size: 19px;
|
|
43
43
|
line-height: 20px;
|
|
44
44
|
font-weight: 600;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.showMore {
|
|
61
|
-
font-family: '
|
|
61
|
+
font-family: 'Gilroy';
|
|
62
62
|
font-size: 14px;
|
|
63
63
|
line-height: 20px;
|
|
64
64
|
font-weight: bold;
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.title {
|
|
23
|
-
font-family: '
|
|
23
|
+
font-family: 'Gilroy';
|
|
24
24
|
font-size: 19px;
|
|
25
25
|
font-weight: 600;
|
|
26
26
|
color: dark;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
.more {
|
|
36
36
|
width: 100%;
|
|
37
37
|
background-color: xtraLightGrey;
|
|
38
|
-
font-family: '
|
|
38
|
+
font-family: 'Gilroy';
|
|
39
39
|
font-weight: 600;
|
|
40
40
|
color: medium;
|
|
41
41
|
font-size: 17px;
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.becomeText {
|
|
138
|
-
font-family:
|
|
138
|
+
font-family: Gilroy;
|
|
139
139
|
font-size: 24px;
|
|
140
140
|
font-weight: normal;
|
|
141
141
|
font-stretch: normal;
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
.challengeText {
|
|
149
|
-
font-family:
|
|
149
|
+
font-family: Gilroy;
|
|
150
150
|
font-size: 32px;
|
|
151
151
|
font-weight: bold;
|
|
152
152
|
font-stretch: normal;
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
margin: 10px;
|
|
165
165
|
background-color: battle;
|
|
166
166
|
flex-grow: 0;
|
|
167
|
-
font-family:
|
|
167
|
+
font-family: Gilroy;
|
|
168
168
|
font-size: 16px;
|
|
169
169
|
font-weight: bold;
|
|
170
170
|
font-stretch: normal;
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
}
|
|
279
279
|
|
|
280
280
|
.challengeText {
|
|
281
|
-
font-family:
|
|
281
|
+
font-family: Gilroy;
|
|
282
282
|
font-size: 28px;
|
|
283
283
|
padding-bottom: 20px;
|
|
284
284
|
}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
display: block;
|
|
16
16
|
text-transform: uppercase;
|
|
17
17
|
color: white;
|
|
18
|
-
font-family: "
|
|
18
|
+
font-family: "Gilroy";
|
|
19
19
|
font-weight: 600;
|
|
20
20
|
font-size: 13px;
|
|
21
21
|
text-decoration: none;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.head a span span {
|
|
34
|
-
font-family: "
|
|
34
|
+
font-family: "Gilroy";
|
|
35
35
|
font-weight: 800;
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
.title {
|
|
40
40
|
display: block;
|
|
41
|
-
font-family: "
|
|
41
|
+
font-family: "Gilroy";
|
|
42
42
|
font-weight: 700;
|
|
43
43
|
font-size: 20px;
|
|
44
44
|
margin-bottom: 16px;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.desc {
|
|
49
|
-
font-family: "
|
|
49
|
+
font-family: "Gilroy";
|
|
50
50
|
font-size: 15px;
|
|
51
51
|
color: black;
|
|
52
52
|
letter-spacing: 0;
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
.desc a {
|
|
57
|
-
font-family:
|
|
57
|
+
font-family: Gilroy;
|
|
58
58
|
font-weight: 600;
|
|
59
59
|
color: brand;
|
|
60
60
|
text-decoration: none;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
transition: all time ease-in-out;
|
|
76
76
|
cursor: pointer;
|
|
77
77
|
order: 1;
|
|
78
|
-
font-family:
|
|
78
|
+
font-family: Gilroy;
|
|
79
79
|
font-weight: bold;
|
|
80
80
|
text-align: left;
|
|
81
81
|
color: brand;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.authorLink a {
|
|
17
|
-
font-family: '
|
|
17
|
+
font-family: 'Gilroy';
|
|
18
18
|
font-weight: 600;
|
|
19
19
|
text-decoration: none;
|
|
20
20
|
font-size: 12px;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.authorName {
|
|
43
|
-
font-family: '
|
|
43
|
+
font-family: 'Gilroy';
|
|
44
44
|
font-size: 14px;
|
|
45
45
|
font-weight: 600;
|
|
46
46
|
color: dark;
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
.or {
|
|
54
|
-
font-family: '
|
|
54
|
+
font-family: 'Gilroy';
|
|
55
55
|
color: #797979;
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
|
|
76
76
|
.fileName {
|
|
77
77
|
margin-left: 15px;
|
|
78
|
-
font-family: '
|
|
78
|
+
font-family: 'Gilroy';
|
|
79
79
|
font-size: 16px;
|
|
80
80
|
font-weight: bold;
|
|
81
81
|
color: dark;
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
.message {
|
|
163
|
-
font-family: '
|
|
163
|
+
font-family: 'Gilroy';
|
|
164
164
|
font-size: 16px;
|
|
165
165
|
font-weight: bold;
|
|
166
166
|
color: dark;
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
display: block;
|
|
206
206
|
word-wrap: break-word;
|
|
207
207
|
padding: 3px 10px 5px;
|
|
208
|
-
font-family: "
|
|
208
|
+
font-family: "Gilroy";
|
|
209
209
|
font-size: 12px;
|
|
210
210
|
font-weight: bold;
|
|
211
211
|
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
17
|
+
|
|
18
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
|
|
20
|
+
const preventDefault = e => e.preventDefault();
|
|
21
|
+
|
|
22
|
+
const stopPropagation = e => e.stopPropagation();
|
|
23
|
+
|
|
24
|
+
const Draggable = props => {
|
|
25
|
+
const {
|
|
26
|
+
id,
|
|
27
|
+
dragging = false,
|
|
28
|
+
onDragStart,
|
|
29
|
+
onDragOver,
|
|
30
|
+
onDragLeave,
|
|
31
|
+
onDrop,
|
|
32
|
+
children
|
|
33
|
+
} = props;
|
|
34
|
+
const dragStartHandler = (0, _react.useCallback)(e => {
|
|
35
|
+
stopPropagation(e);
|
|
36
|
+
onDragStart(id);
|
|
37
|
+
}, [id, onDragStart]);
|
|
38
|
+
const dragOverHandler = (0, _react.useCallback)(e => {
|
|
39
|
+
preventDefault(e);
|
|
40
|
+
onDragOver(id);
|
|
41
|
+
}, [id, onDragOver]);
|
|
42
|
+
const dragLeaveHandler = (0, _react.useCallback)(e => {
|
|
43
|
+
preventDefault(e);
|
|
44
|
+
onDragLeave(id);
|
|
45
|
+
}, [id, onDragLeave]);
|
|
46
|
+
const dropHandler = (0, _react.useCallback)(e => {
|
|
47
|
+
preventDefault(e);
|
|
48
|
+
onDrop(id);
|
|
49
|
+
}, [id, onDrop]);
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
+
className: (0, _classnames.default)(dragging ? _style.default.dragging : null, _style.default.section, _style.default.draggable),
|
|
52
|
+
onDragStart: dragStartHandler,
|
|
53
|
+
onDragOver: dragOverHandler,
|
|
54
|
+
onDragLeave: dragLeaveHandler,
|
|
55
|
+
onDrop: dropHandler,
|
|
56
|
+
draggable: true
|
|
57
|
+
}, children);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
61
|
+
id: _propTypes.default.string,
|
|
62
|
+
dragging: _propTypes.default.bool,
|
|
63
|
+
onDragStart: _propTypes.default.func,
|
|
64
|
+
onDragOver: _propTypes.default.func,
|
|
65
|
+
onDragLeave: _propTypes.default.func,
|
|
66
|
+
onDrop: _propTypes.default.func,
|
|
67
|
+
children: _propTypes.default.element
|
|
68
|
+
} : {};
|
|
69
|
+
var _default = Draggable;
|
|
70
|
+
exports.default = _default;
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","style","section","draggable","propTypes","PropTypes","string","bool","func","element"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,EAAD;AAAKC,IAAAA,QAAQ,GAAG,KAAhB;AAAuBC,IAAAA,WAAvB;AAAoCC,IAAAA,UAApC;AAAgDC,IAAAA,WAAhD;AAA6DC,IAAAA,MAA7D;AAAqEC,IAAAA;AAArE,MAAiFP,KAAvF;AAEA,QAAMQ,gBAAgB,GAAG,wBACvBX,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;AAOA,QAAMM,eAAe,GAAG,wBACtBZ,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;AAOA,QAAMM,gBAAgB,GAAG,wBACvBb,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;AAOA,QAAMM,WAAW,GAAG,wBAClBd,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;AAQA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,QAAQ,GAAGU,eAAMV,QAAT,GAAoB,IAAvC,EAA6CU,eAAMC,OAAnD,EAA4DD,eAAME,SAAlE,CADb;AAEE,IAAA,WAAW,EAAEN,gBAFf;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,WAAW,EAAEC,gBAJf;AAKE,IAAA,MAAM,EAAEC,WALV;AAME,IAAA,SAAS;AANX,KAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACgB,SAAV,2CAAsB;AACpBd,EAAAA,EAAE,EAAEe,mBAAUC,MADM;AAEpBf,EAAAA,QAAQ,EAAEc,mBAAUE,IAFA;AAGpBf,EAAAA,WAAW,EAAEa,mBAAUG,IAHH;AAIpBf,EAAAA,UAAU,EAAEY,mBAAUG,IAJF;AAKpBd,EAAAA,WAAW,EAAEW,mBAAUG,IALH;AAMpBb,EAAAA,MAAM,EAAEU,mBAAUG,IANE;AAOpBZ,EAAAA,QAAQ,EAAES,mBAAUI;AAPA,CAAtB;eAUerB,S","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n const dragStartHandler = useCallback(\n e => {\n stopPropagation(e);\n onDragStart(id);\n },\n [id, onDragStart]\n );\n const dragOverHandler = useCallback(\n e => {\n preventDefault(e);\n onDragOver(id);\n },\n [id, onDragOver]\n );\n const dragLeaveHandler = useCallback(\n e => {\n preventDefault(e);\n onDragLeave(id);\n },\n [id, onDragLeave]\n );\n const dropHandler = useCallback(\n e => {\n preventDefault(e);\n onDrop(id);\n },\n [id, onDrop]\n );\n\n return (\n <div\n className={classnames(dragging ? style.dragging : null, style.section, style.draggable)}\n onDragStart={dragStartHandler}\n onDragOver={dragOverHandler}\n onDragLeave={dragLeaveHandler}\n onDrop={dropHandler}\n draggable\n >\n {children}\n </div>\n );\n};\nDraggable.propTypes = {\n id: PropTypes.string,\n dragging: PropTypes.bool,\n onDragStart: PropTypes.func,\n onDragOver: PropTypes.func,\n onDragLeave: PropTypes.func,\n onDrop: PropTypes.func,\n children: PropTypes.element\n};\n\nexport default Draggable;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
@value breakpoints: "../../variables/breakpoints.css";
|
|
2
|
+
@value mobile from breakpoints;
|
|
3
|
+
@value colors: "../../variables/colors.css";
|
|
4
|
+
@value medium from colors;
|
|
5
|
+
@value xtraLightGrey from colors;
|
|
6
|
+
@value dark from colors;
|
|
7
|
+
@value cm_grey_100 from colors
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
.section {
|
|
11
|
+
border-top: 1px;
|
|
12
|
+
border-left: 1px;
|
|
13
|
+
border-right: 1px;
|
|
14
|
+
border-style: solid;
|
|
15
|
+
border-color: medium;
|
|
16
|
+
border-bottom: 0;
|
|
17
|
+
display: flex;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.section:last-child {
|
|
22
|
+
border-bottom: 1px solid medium;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.draggable {
|
|
26
|
+
cursor: grab;
|
|
27
|
+
position: relative;
|
|
28
|
+
background: transparent;
|
|
29
|
+
margin: 8px 0;
|
|
30
|
+
border-radius: 7px;
|
|
31
|
+
}
|
|
32
|
+
.draggable:hover{
|
|
33
|
+
background: rgba(0, 0, 0, 0.3);
|
|
34
|
+
}
|
|
35
|
+
.draggable:active{
|
|
36
|
+
background: transparent;
|
|
37
|
+
}
|
|
38
|
+
.draggable:before {
|
|
39
|
+
content: '.';
|
|
40
|
+
position: absolute;
|
|
41
|
+
left: 23px;
|
|
42
|
+
top: 5px;
|
|
43
|
+
width: 12px;
|
|
44
|
+
font-size: 25px;
|
|
45
|
+
color: medium;
|
|
46
|
+
pointer-events: none;
|
|
47
|
+
text-shadow: 0 0 medium, 0 5px medium, 0 10px medium, 0 15px medium,
|
|
48
|
+
5px 0 medium , 5px 5px medium, 5px 10px medium, 5px 15px medium;
|
|
49
|
+
}
|
|
50
|
+
.dragging {
|
|
51
|
+
background: rgba(0, 0, 0, 0.1);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.dragging:after {
|
|
55
|
+
position: absolute;
|
|
56
|
+
content: "";
|
|
57
|
+
left: 0;
|
|
58
|
+
top: 0;
|
|
59
|
+
bottom: 0;
|
|
60
|
+
right: 0;
|
|
61
|
+
background: color(black lightness(95%));
|
|
62
|
+
pointer-events: none;
|
|
63
|
+
box-sizing: border-box;
|
|
64
|
+
display: flex;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
align-items: center;
|
|
67
|
+
color: dark;
|
|
68
|
+
font-family: 'Open Sans';
|
|
69
|
+
font-weight: 600;
|
|
70
|
+
font-size: 14px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@media mobile {
|
|
74
|
+
.draggable:before {
|
|
75
|
+
content: none;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _default = {
|
|
6
|
+
props: {
|
|
7
|
+
id: 'draggableId',
|
|
8
|
+
dragging: true,
|
|
9
|
+
onDragStart: () => console.log('onDragStart'),
|
|
10
|
+
onDragOver: () => console.log('onDragOver'),
|
|
11
|
+
onDragLeave: () => console.log('onDragLeave'),
|
|
12
|
+
onDrop: () => console.log('onDrop'),
|
|
13
|
+
children: []
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
exports.default = _default;
|
|
17
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/molecule/draggable/test/fixtures/default.js"],"names":["props","id","dragging","onDragStart","console","log","onDragOver","onDragLeave","onDrop","children"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,aADC;AAELC,IAAAA,QAAQ,EAAE,IAFL;AAGLC,IAAAA,WAAW,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,aAAZ,CAHd;AAILC,IAAAA,UAAU,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,YAAZ,CAJb;AAKLE,IAAAA,WAAW,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,aAAZ,CALd;AAMLG,IAAAA,MAAM,EAAE,MAAMJ,OAAO,CAACC,GAAR,CAAY,QAAZ,CANT;AAOLI,IAAAA,QAAQ,EAAE;AAPL;AADM,C","sourcesContent":["export default {\n props: {\n id: 'draggableId',\n dragging: true,\n onDragStart: () => console.log('onDragStart'),\n onDragOver: () => console.log('onDragOver'),\n onDragLeave: () => console.log('onDragLeave'),\n onDrop: () => console.log('onDrop'),\n children: []\n }\n};\n"],"file":"default.js"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
4
|
+
|
|
5
|
+
var _forEach = _interopRequireDefault(require("lodash/forEach"));
|
|
6
|
+
|
|
7
|
+
var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
|
|
8
|
+
|
|
9
|
+
var _ = _interopRequireDefault(require(".."));
|
|
10
|
+
|
|
11
|
+
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
12
|
+
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
|
|
15
|
+
(0, _ava.default)('Molecule › MoleculeDraggable > should have valid propTypes', t => {
|
|
16
|
+
t.pass();
|
|
17
|
+
(0, _forEach.default)(_.default.propTypes, (value, key) => {
|
|
18
|
+
t.not(value, undefined, `PropType for "Molecule.MoleculeDraggable.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
(0, _ava.default)('Molecule › MoleculeDraggable › Default › should be rendered', _renderComponent.default, _.default, _default.default);
|
|
22
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/molecule/draggable/test/fixtures.js"],"names":["t","pass","MoleculeDraggable","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA6GO,gBAA7G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggable from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeDraggable > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeDraggable.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggable.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeDraggable › Default › should be rendered', renderComponentMacro, MoleculeDraggable, fixtureDefault);\n"],"file":"fixtures.js"}
|