@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.
Files changed (289) hide show
  1. package/es/atom/autocomplete/style.css +4 -4
  2. package/es/atom/button/style.css +1 -1
  3. package/es/atom/card-image-preview/test/fixtures.js +15 -0
  4. package/es/atom/card-image-preview/test/fixtures.js.map +1 -0
  5. package/es/atom/catalog-section/style.css +1 -1
  6. package/es/atom/clue/style.css +2 -2
  7. package/es/atom/cta/style.css +1 -1
  8. package/es/atom/difficulty-level/style.css +1 -1
  9. package/es/atom/drag-and-drop/style.css +6 -5
  10. package/es/atom/input-checkbox/style.css +1 -1
  11. package/es/atom/input-doublestep/style.css +5 -5
  12. package/es/atom/input-html/input-preview.css +2 -2
  13. package/es/atom/input-html/style.css +2 -2
  14. package/es/atom/input-readonly/style.css +3 -3
  15. package/es/atom/input-search/style.css +1 -1
  16. package/es/atom/input-switch/style.css +2 -2
  17. package/es/atom/input-text/style.css +5 -5
  18. package/es/atom/input-textarea/style.css +5 -5
  19. package/es/atom/life/style.css +1 -1
  20. package/es/atom/notification/style.css +1 -1
  21. package/es/atom/radio-group/item.css +1 -1
  22. package/es/atom/resource-miniature/style.css +1 -1
  23. package/es/atom/select/style.css +7 -7
  24. package/es/atom/slide/style.css +1 -1
  25. package/es/molecule/add-to-my-list/style.css +3 -3
  26. package/es/molecule/audio/style.css +1 -1
  27. package/es/molecule/battle-request/style.css +4 -4
  28. package/es/molecule/brand-card/description.css +1 -1
  29. package/es/molecule/brand-card/style.css +2 -2
  30. package/es/molecule/brand-card-create/style.css +1 -1
  31. package/es/molecule/brand-create-form/style.css +6 -6
  32. package/es/molecule/brand-download-box/style.css +2 -2
  33. package/es/molecule/brand-tabs/style.css +1 -1
  34. package/es/molecule/brand-upload-box/style.css +2 -2
  35. package/es/molecule/breadcrumbs/style.css +3 -3
  36. package/es/molecule/card/customer.css +1 -1
  37. package/es/molecule/card/favorite.css +1 -1
  38. package/es/molecule/card/notification.css +1 -1
  39. package/es/molecule/card/style.css +1 -1
  40. package/es/molecule/card/test/fixtures.js +2 -0
  41. package/es/molecule/card/test/fixtures.js.map +1 -1
  42. package/es/molecule/card-content/style.css +4 -4
  43. package/es/molecule/card-with-button/style.css +2 -2
  44. package/es/molecule/cookie-banner/style.css +2 -2
  45. package/es/molecule/dashboard/cards-list/style.css +2 -2
  46. package/es/molecule/dashboard/news-list/style.css +2 -2
  47. package/es/molecule/dashboard/start-battle/style.css +4 -4
  48. package/es/molecule/discipline-cta/style.css +2 -2
  49. package/es/molecule/discipline-header/style.css +4 -4
  50. package/es/molecule/discipline-partners/style.css +2 -2
  51. package/es/molecule/drag-and-drop/common.css +1 -1
  52. package/es/molecule/drag-and-drop/overlay.css +1 -1
  53. package/es/molecule/drag-and-drop/style.css +1 -1
  54. package/es/molecule/drag-and-drop/upload-report.css +4 -4
  55. package/es/molecule/draggable/index.js +56 -0
  56. package/es/molecule/draggable/index.js.map +1 -0
  57. package/es/molecule/draggable/style.css +77 -0
  58. package/es/molecule/draggable/test/fixtures/default.js +12 -0
  59. package/es/molecule/draggable/test/fixtures/default.js.map +1 -0
  60. package/es/molecule/draggable/test/fixtures.js +13 -0
  61. package/es/molecule/draggable/test/fixtures.js.map +1 -0
  62. package/es/molecule/external-content-button/style.css +2 -2
  63. package/es/molecule/feedback/style.css +3 -3
  64. package/es/molecule/filters/filters-wapper.css +2 -2
  65. package/es/molecule/filters/style.css +2 -2
  66. package/es/molecule/forum/forum-comment/style.css +1 -1
  67. package/es/molecule/forum/forum-post/style.css +5 -5
  68. package/es/molecule/menu-list/style.css +1 -1
  69. package/es/molecule/message-popin/style.css +2 -2
  70. package/es/molecule/modal/style.css +2 -2
  71. package/es/molecule/module-card/style.css +2 -2
  72. package/es/molecule/news/style.css +3 -3
  73. package/es/molecule/notification-banner/style.css +3 -3
  74. package/es/molecule/pagination/style.css +1 -1
  75. package/es/molecule/payment-form/index.js +2 -2
  76. package/es/molecule/payment-form/index.js.map +1 -1
  77. package/es/molecule/pdf/style.css +2 -2
  78. package/es/molecule/popin/style.css +2 -2
  79. package/es/molecule/progress-bar/style.css +1 -1
  80. package/es/molecule/questions/free-text/style.css +1 -1
  81. package/es/molecule/questions/qcm/style.css +1 -1
  82. package/es/molecule/questions/qcm-drag/style.css +2 -2
  83. package/es/molecule/questions/qcm-graphic/style.css +1 -1
  84. package/es/molecule/questions/question-range/style.css +2 -2
  85. package/es/molecule/questions/template/style.css +1 -1
  86. package/es/molecule/resource-player/style.css +1 -1
  87. package/es/molecule/scope-content/style.css +6 -6
  88. package/es/molecule/scope-tabs/style.css +1 -1
  89. package/es/molecule/select-multiple/style.css +2 -2
  90. package/es/molecule/setup-cohort-item/style.css +1 -1
  91. package/es/molecule/setup-section/index.js +2 -23
  92. package/es/molecule/setup-section/index.js.map +1 -1
  93. package/es/molecule/setup-section/style.css +3 -28
  94. package/es/molecule/setup-sections/index.js +3 -55
  95. package/es/molecule/setup-sections/index.js.map +1 -1
  96. package/es/molecule/setup-sections/style.css +0 -56
  97. package/es/molecule/setup-sections/test/on-drop.js +1 -1
  98. package/es/molecule/setup-sections/test/on-drop.js.map +1 -1
  99. package/es/molecule/share/style.css +3 -3
  100. package/es/molecule/ssmenu-list/style.css +1 -1
  101. package/es/molecule/table/style.css +5 -5
  102. package/es/molecule/teams-popin/style.css +2 -2
  103. package/es/molecule/titled-checkbox/style.css +1 -1
  104. package/es/molecule/video-player/jwplayer.css +1 -1
  105. package/es/molecule/wizard-summary/index.js +5 -5
  106. package/es/molecule/wizard-summary/index.js.map +1 -1
  107. package/es/organism/accordion/part/style.css +1 -1
  108. package/es/organism/brand-analytics/analytics-popin.css +1 -0
  109. package/es/organism/brand-analytics/style.css +1 -1
  110. package/es/organism/brand-table/style.css +2 -2
  111. package/es/organism/brand-upload/style.css +2 -2
  112. package/es/organism/discussion/style.css +1 -1
  113. package/es/organism/get-the-app/style.css +1 -1
  114. package/es/organism/hero/style.css +1 -1
  115. package/es/organism/mooc-footer/style.css +2 -2
  116. package/es/organism/mooc-header/style.css +8 -8
  117. package/es/organism/playlist-translation/test/fixtures.js +15 -0
  118. package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
  119. package/es/organism/popin/style.css +1 -0
  120. package/es/organism/sidebar/style.css +2 -2
  121. package/es/organism/user-preferences/style.css +1 -1
  122. package/es/template/activity/engine-stars.css +3 -3
  123. package/es/template/activity/progression-item.css +5 -4
  124. package/es/template/activity/stars-summary.css +2 -2
  125. package/es/template/activity/style.css +3 -3
  126. package/es/template/app-player/player/slides/footer/style.css +1 -1
  127. package/es/template/app-player/player/slides/header/learner.css +4 -4
  128. package/es/template/app-player/player/slides/header/microlearning.css +1 -1
  129. package/es/template/app-player/player/slides/style.css +9 -8
  130. package/es/template/app-player/popin-correction/style.css +3 -3
  131. package/es/template/app-player/popin-end/summary.css +4 -4
  132. package/es/template/app-player/popin-end/test/fixtures.js +2 -0
  133. package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
  134. package/es/template/app-player/popin-header/style.css +5 -5
  135. package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
  136. package/es/template/back-office/dashboard-preview/style.css +1 -1
  137. package/es/template/cockpit/jw-uploader/style.css +1 -0
  138. package/es/template/common/authors/style.css +5 -4
  139. package/es/template/common/layout.css +1 -1
  140. package/es/template/common/search-page/style.css +2 -1
  141. package/es/template/external-course/style.css +1 -1
  142. package/es/variables/fonts.css +1 -1
  143. package/lib/atom/autocomplete/style.css +4 -4
  144. package/lib/atom/button/style.css +1 -1
  145. package/lib/atom/card-image-preview/test/fixtures.js +25 -0
  146. package/lib/atom/card-image-preview/test/fixtures.js.map +1 -0
  147. package/lib/atom/catalog-section/style.css +1 -1
  148. package/lib/atom/clue/style.css +2 -2
  149. package/lib/atom/cta/style.css +1 -1
  150. package/lib/atom/difficulty-level/style.css +1 -1
  151. package/lib/atom/drag-and-drop/style.css +6 -5
  152. package/lib/atom/input-checkbox/style.css +1 -1
  153. package/lib/atom/input-doublestep/style.css +5 -5
  154. package/lib/atom/input-html/input-preview.css +2 -2
  155. package/lib/atom/input-html/style.css +2 -2
  156. package/lib/atom/input-readonly/style.css +3 -3
  157. package/lib/atom/input-search/style.css +1 -1
  158. package/lib/atom/input-switch/style.css +2 -2
  159. package/lib/atom/input-text/style.css +5 -5
  160. package/lib/atom/input-textarea/style.css +5 -5
  161. package/lib/atom/life/style.css +1 -1
  162. package/lib/atom/notification/style.css +1 -1
  163. package/lib/atom/radio-group/item.css +1 -1
  164. package/lib/atom/resource-miniature/style.css +1 -1
  165. package/lib/atom/select/style.css +7 -7
  166. package/lib/atom/slide/style.css +1 -1
  167. package/lib/molecule/add-to-my-list/style.css +3 -3
  168. package/lib/molecule/audio/style.css +1 -1
  169. package/lib/molecule/battle-request/style.css +4 -4
  170. package/lib/molecule/brand-card/description.css +1 -1
  171. package/lib/molecule/brand-card/style.css +2 -2
  172. package/lib/molecule/brand-card-create/style.css +1 -1
  173. package/lib/molecule/brand-create-form/style.css +6 -6
  174. package/lib/molecule/brand-download-box/style.css +2 -2
  175. package/lib/molecule/brand-tabs/style.css +1 -1
  176. package/lib/molecule/brand-upload-box/style.css +2 -2
  177. package/lib/molecule/breadcrumbs/style.css +3 -3
  178. package/lib/molecule/card/customer.css +1 -1
  179. package/lib/molecule/card/favorite.css +1 -1
  180. package/lib/molecule/card/notification.css +1 -1
  181. package/lib/molecule/card/style.css +1 -1
  182. package/lib/molecule/card/test/fixtures.js +3 -0
  183. package/lib/molecule/card/test/fixtures.js.map +1 -1
  184. package/lib/molecule/card-content/style.css +4 -4
  185. package/lib/molecule/card-with-button/style.css +2 -2
  186. package/lib/molecule/cookie-banner/style.css +2 -2
  187. package/lib/molecule/dashboard/cards-list/style.css +2 -2
  188. package/lib/molecule/dashboard/news-list/style.css +2 -2
  189. package/lib/molecule/dashboard/start-battle/style.css +4 -4
  190. package/lib/molecule/discipline-cta/style.css +2 -2
  191. package/lib/molecule/discipline-header/style.css +4 -4
  192. package/lib/molecule/discipline-partners/style.css +2 -2
  193. package/lib/molecule/drag-and-drop/common.css +1 -1
  194. package/lib/molecule/drag-and-drop/overlay.css +1 -1
  195. package/lib/molecule/drag-and-drop/style.css +1 -1
  196. package/lib/molecule/drag-and-drop/upload-report.css +4 -4
  197. package/lib/molecule/draggable/index.js +71 -0
  198. package/lib/molecule/draggable/index.js.map +1 -0
  199. package/lib/molecule/draggable/style.css +77 -0
  200. package/lib/molecule/draggable/test/fixtures/default.js +17 -0
  201. package/lib/molecule/draggable/test/fixtures/default.js.map +1 -0
  202. package/lib/molecule/draggable/test/fixtures.js +22 -0
  203. package/lib/molecule/draggable/test/fixtures.js.map +1 -0
  204. package/lib/molecule/external-content-button/style.css +2 -2
  205. package/lib/molecule/feedback/style.css +3 -3
  206. package/lib/molecule/filters/filters-wapper.css +2 -2
  207. package/lib/molecule/filters/style.css +2 -2
  208. package/lib/molecule/forum/forum-comment/style.css +1 -1
  209. package/lib/molecule/forum/forum-post/style.css +5 -5
  210. package/lib/molecule/menu-list/style.css +1 -1
  211. package/lib/molecule/message-popin/style.css +2 -2
  212. package/lib/molecule/modal/style.css +2 -2
  213. package/lib/molecule/module-card/style.css +2 -2
  214. package/lib/molecule/news/style.css +3 -3
  215. package/lib/molecule/notification-banner/style.css +3 -3
  216. package/lib/molecule/pagination/style.css +1 -1
  217. package/lib/molecule/payment-form/index.js +2 -2
  218. package/lib/molecule/payment-form/index.js.map +1 -1
  219. package/lib/molecule/pdf/style.css +2 -2
  220. package/lib/molecule/popin/style.css +2 -2
  221. package/lib/molecule/progress-bar/style.css +1 -1
  222. package/lib/molecule/questions/free-text/style.css +1 -1
  223. package/lib/molecule/questions/qcm/style.css +1 -1
  224. package/lib/molecule/questions/qcm-drag/style.css +2 -2
  225. package/lib/molecule/questions/qcm-graphic/style.css +1 -1
  226. package/lib/molecule/questions/question-range/style.css +2 -2
  227. package/lib/molecule/questions/template/style.css +1 -1
  228. package/lib/molecule/resource-player/style.css +1 -1
  229. package/lib/molecule/scope-content/style.css +6 -6
  230. package/lib/molecule/scope-tabs/style.css +1 -1
  231. package/lib/molecule/select-multiple/style.css +2 -2
  232. package/lib/molecule/setup-cohort-item/style.css +1 -1
  233. package/lib/molecule/setup-section/index.js +2 -21
  234. package/lib/molecule/setup-section/index.js.map +1 -1
  235. package/lib/molecule/setup-section/style.css +3 -28
  236. package/lib/molecule/setup-sections/index.js +3 -55
  237. package/lib/molecule/setup-sections/index.js.map +1 -1
  238. package/lib/molecule/setup-sections/style.css +0 -56
  239. package/lib/molecule/setup-sections/test/on-drop.js +1 -1
  240. package/lib/molecule/setup-sections/test/on-drop.js.map +1 -1
  241. package/lib/molecule/share/style.css +3 -3
  242. package/lib/molecule/ssmenu-list/style.css +1 -1
  243. package/lib/molecule/table/style.css +5 -5
  244. package/lib/molecule/teams-popin/style.css +2 -2
  245. package/lib/molecule/titled-checkbox/style.css +1 -1
  246. package/lib/molecule/video-player/jwplayer.css +1 -1
  247. package/lib/molecule/wizard-summary/index.js +5 -5
  248. package/lib/molecule/wizard-summary/index.js.map +1 -1
  249. package/lib/organism/accordion/part/style.css +1 -1
  250. package/lib/organism/brand-analytics/analytics-popin.css +1 -0
  251. package/lib/organism/brand-analytics/style.css +1 -1
  252. package/lib/organism/brand-table/style.css +2 -2
  253. package/lib/organism/brand-upload/style.css +2 -2
  254. package/lib/organism/discussion/style.css +1 -1
  255. package/lib/organism/get-the-app/style.css +1 -1
  256. package/lib/organism/hero/style.css +1 -1
  257. package/lib/organism/mooc-footer/style.css +2 -2
  258. package/lib/organism/mooc-header/style.css +8 -8
  259. package/lib/organism/playlist-translation/test/fixtures.js +25 -0
  260. package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
  261. package/lib/organism/popin/style.css +1 -0
  262. package/lib/organism/sidebar/style.css +2 -2
  263. package/lib/organism/user-preferences/style.css +1 -1
  264. package/lib/template/activity/engine-stars.css +3 -3
  265. package/lib/template/activity/progression-item.css +5 -4
  266. package/lib/template/activity/stars-summary.css +2 -2
  267. package/lib/template/activity/style.css +3 -3
  268. package/lib/template/app-player/player/slides/footer/style.css +1 -1
  269. package/lib/template/app-player/player/slides/header/learner.css +4 -4
  270. package/lib/template/app-player/player/slides/header/microlearning.css +1 -1
  271. package/lib/template/app-player/player/slides/style.css +9 -8
  272. package/lib/template/app-player/popin-correction/style.css +3 -3
  273. package/lib/template/app-player/popin-end/summary.css +4 -4
  274. package/lib/template/app-player/popin-end/test/fixtures.js +3 -0
  275. package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
  276. package/lib/template/app-player/popin-header/style.css +5 -5
  277. package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
  278. package/lib/template/back-office/dashboard-preview/style.css +1 -1
  279. package/lib/template/cockpit/jw-uploader/style.css +1 -0
  280. package/lib/template/common/authors/style.css +5 -4
  281. package/lib/template/common/layout.css +1 -1
  282. package/lib/template/common/search-page/style.css +2 -1
  283. package/lib/template/external-course/style.css +1 -1
  284. package/lib/variables/fonts.css +1 -1
  285. package/package.json +2 -2
  286. package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
  287. package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  288. package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
  289. 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: 'Open Sans';
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: 'Open Sans';
45
+ font-family: 'Gilroy';
46
46
  font-weight: 400;
47
47
  font-size: 13px;
48
48
  }
@@ -48,7 +48,7 @@
48
48
  .tab a {
49
49
  display: block;
50
50
  line-height: 72px;
51
- font-family: 'Open Sans';
51
+ font-family: 'Gilroy';
52
52
  font-size: 17px;
53
53
  font-weight: 700;
54
54
  color: medium;
@@ -55,7 +55,7 @@
55
55
  }
56
56
 
57
57
  .desc {
58
- font-family: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
64
+ font-family: 'Gilroy';
65
65
  font-size: 15px;
66
66
  line-height: 52px;
67
67
  color: white;
@@ -8,7 +8,7 @@
8
8
  flex-wrap: wrap;
9
9
  justify-content: center;
10
10
  width: 100%;
11
- font-family: 'Open Sans';
11
+ font-family: 'Gilroy';
12
12
  box-sizing: border-box;
13
13
  text-align: center;
14
14
  color: white;
@@ -80,7 +80,7 @@
80
80
  display: block;
81
81
  word-wrap: break-word;
82
82
  padding: 3px 10px 5px;
83
- font-family: "Open Sans";
83
+ font-family: "Gilroy";
84
84
  font-size: 12px;
85
85
  font-weight: bold;
86
86
  }
@@ -58,7 +58,7 @@
58
58
  user-select: none;
59
59
  line-height: 16px;
60
60
  font-size: 14px;
61
- font-family: 'Open Sans';
61
+ font-family: 'Gilroy';
62
62
  text-align: center;
63
63
  }
64
64
 
@@ -224,7 +224,7 @@
224
224
  padding: 3px 11px;
225
225
  top: 0;
226
226
  left: 0;
227
- font-family: 'Open Sans';
227
+ font-family: 'Gilroy';
228
228
  text-transform: uppercase;
229
229
  font-size: 8px;
230
230
  font-weight: bold;
@@ -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+DJ,wBAA/D,EAAqFN,SAArF,EAAmGW,gBAAnG;AACA,kBAAK,yDAAL,EAAgEL,wBAAhE,EAAsFN,SAAtF,EAAoGY,iBAApG;AACA,kBAAK,sDAAL,EAA6DN,wBAA7D,EAAmFN,SAAnF,EAAiGa,cAAjG;AACA,kBAAK,gEAAL,EAAuEP,wBAAvE,EAA6FN,SAA7F,EAA2Gc,wBAA3G;AACA,kBAAK,yDAAL,EAAgER,wBAAhE,EAAsFN,SAAtF,EAAoGe,iBAApG;AACA,kBAAK,mEAAL,EAA0ET,wBAA1E,EAAgGN,SAAhG,EAA8GgB,2BAA9G;AACA,kBAAK,wDAAL,EAA+DV,wBAA/D,EAAqFN,SAArF,EAAmGiB,gBAAnG;AACA,kBAAK,wDAAL,EAA+DX,wBAA/D,EAAqFN,SAArF,EAAmGkB,gBAAnG;AACA,kBAAK,sDAAL,EAA6DZ,wBAA7D,EAAmFN,SAAnF,EAAiGmB,cAAjG;AACA,kBAAK,gEAAL,EAAuEb,wBAAvE,EAA6FN,SAA7F,EAA2GoB,wBAA3G;AACA,kBAAK,+DAAL,EAAsEd,wBAAtE,EAA4FN,SAA5F,EAA0GqB,uBAA1G;AACA,kBAAK,sDAAL,EAA6Df,wBAA7D,EAAmFN,SAAnF,EAAiGsB,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 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 › 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"}
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: Open Sans;
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: Open Sans;
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: Open Sans;
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: Open Sans;
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: "Open Sans";
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: "Open Sans";
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: "Open Sans";
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: "Open Sans";
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: Open Sans;
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: Open Sans;
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: 'Open Sans';
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: 'Open Sans';
43
+ font-family: 'Gilroy';
44
44
  font-size: 14px;
45
45
  font-weight: 600;
46
46
  color: dark;
@@ -17,5 +17,5 @@
17
17
  .baseText {
18
18
  text-transform: none;
19
19
  color: dark;
20
- font-family: 'Open Sans';
20
+ font-family: 'Gilroy';
21
21
  }
@@ -18,7 +18,7 @@
18
18
  justify-content: center;
19
19
  text-transform: none;
20
20
  color: dark;
21
- font-family: 'Open Sans';
21
+ font-family: 'Gilroy';
22
22
  font-size: 16px;
23
23
  font-weight: bold;
24
24
  }
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .back {
20
- font-family: 'Open Sans';
20
+ font-family: 'Gilroy';
21
21
  font-size: 16px;
22
22
  color: dark;
23
23
  cursor: pointer;
@@ -51,7 +51,7 @@
51
51
  }
52
52
 
53
53
  .or {
54
- font-family: 'Open Sans';
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: 'Open Sans';
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: 'Open Sans';
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: "Open Sans";
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"}