@coorpacademy/components 11.40.25 → 11.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (327) hide show
  1. package/es/atom/chip/index.d.ts +1 -0
  2. package/es/atom/chip/index.d.ts.map +1 -1
  3. package/es/atom/chip/index.js +6 -3
  4. package/es/atom/chip/index.js.map +1 -1
  5. package/es/atom/drag-and-drop/index.d.ts +2 -0
  6. package/es/atom/drag-and-drop/index.d.ts.map +1 -1
  7. package/es/atom/drag-and-drop/index.js +9 -4
  8. package/es/atom/drag-and-drop/index.js.map +1 -1
  9. package/es/atom/input-date/index.d.ts +21 -0
  10. package/es/atom/input-date/index.d.ts.map +1 -0
  11. package/es/atom/input-date/index.js +73 -0
  12. package/es/atom/input-date/index.js.map +1 -0
  13. package/es/atom/input-date/style.css +88 -0
  14. package/es/atom/input-file-draggable/index.d.ts +10 -2
  15. package/es/atom/input-file-draggable/index.d.ts.map +1 -1
  16. package/es/atom/input-file-draggable/index.js +12 -4
  17. package/es/atom/input-file-draggable/index.js.map +1 -1
  18. package/es/atom/radio-with-title/index.d.ts +1 -0
  19. package/es/atom/radio-with-title/index.d.ts.map +1 -1
  20. package/es/atom/radio-with-title/types.d.ts +1 -0
  21. package/es/atom/radio-with-title/types.d.ts.map +1 -1
  22. package/es/atom/title/index.d.ts +1 -0
  23. package/es/atom/title/index.d.ts.map +1 -1
  24. package/es/atom/title/index.js +16 -6
  25. package/es/atom/title/index.js.map +1 -1
  26. package/es/atom/title/style.css +4 -0
  27. package/es/atom/video-upload/index.d.ts +2 -0
  28. package/es/molecule/assignment-card/index.d.ts +62 -0
  29. package/es/molecule/assignment-card/index.d.ts.map +1 -0
  30. package/es/molecule/assignment-card/index.js +91 -0
  31. package/es/molecule/assignment-card/index.js.map +1 -0
  32. package/es/molecule/assignment-card/style.css +98 -0
  33. package/es/molecule/assignment-status-tag/index.d.ts +13 -0
  34. package/es/molecule/assignment-status-tag/index.d.ts.map +1 -0
  35. package/es/molecule/assignment-status-tag/index.js +42 -0
  36. package/es/molecule/assignment-status-tag/index.js.map +1 -0
  37. package/es/molecule/assignment-status-tag/types.d.ts +15 -0
  38. package/es/molecule/assignment-status-tag/types.d.ts.map +1 -0
  39. package/es/molecule/assignment-status-tag/types.js +8 -0
  40. package/es/molecule/assignment-status-tag/types.js.map +1 -0
  41. package/es/molecule/brand-form-group/index.d.ts.map +1 -1
  42. package/es/molecule/brand-form-group/index.js +7 -0
  43. package/es/molecule/brand-form-group/index.js.map +1 -1
  44. package/es/molecule/card/index.d.ts +1 -0
  45. package/es/molecule/card/index.d.ts.map +1 -1
  46. package/es/molecule/card/index.js +3 -0
  47. package/es/molecule/card/index.js.map +1 -1
  48. package/es/molecule/card-content/index.d.ts +3 -1
  49. package/es/molecule/card-content/index.d.ts.map +1 -1
  50. package/es/molecule/card-content/index.js +7 -1
  51. package/es/molecule/card-content/index.js.map +1 -1
  52. package/es/molecule/cm-popin/types.d.ts +11 -0
  53. package/es/molecule/cm-popin/types.d.ts.map +1 -1
  54. package/es/molecule/dashboard/cards-list/index.d.ts +3 -0
  55. package/es/molecule/dashboard/cards-list/index.d.ts.map +1 -1
  56. package/es/molecule/dashboard/cards-list/index.js +11 -5
  57. package/es/molecule/dashboard/cards-list/index.js.map +1 -1
  58. package/es/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
  59. package/es/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
  60. package/es/molecule/dashboard/cards-list/prop-types.js.map +1 -1
  61. package/es/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
  62. package/es/molecule/draggable-list/index.d.ts +63 -54
  63. package/es/molecule/tabs/index.d.ts +1 -0
  64. package/es/molecule/tabs/index.d.ts.map +1 -1
  65. package/es/molecule/tabs/index.js +7 -3
  66. package/es/molecule/tabs/index.js.map +1 -1
  67. package/es/molecule/tabs/style.css +4 -0
  68. package/es/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
  69. package/es/molecule/title-radio-wrapper/index.d.ts +7 -0
  70. package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
  71. package/es/molecule/title-radio-wrapper/types.d.ts +7 -0
  72. package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
  73. package/es/organism/assignment-audience/index.d.ts +92 -0
  74. package/es/organism/assignment-audience/index.d.ts.map +1 -0
  75. package/es/organism/assignment-audience/index.js +236 -0
  76. package/es/organism/assignment-audience/index.js.map +1 -0
  77. package/es/organism/assignment-audience/style.css +115 -0
  78. package/es/organism/assignment-audience/types.d.ts +193 -0
  79. package/es/organism/assignment-audience/types.d.ts.map +1 -0
  80. package/es/organism/assignment-audience/types.js +108 -0
  81. package/es/organism/assignment-audience/types.js.map +1 -0
  82. package/es/organism/assignment-audience/upload-result.css +47 -0
  83. package/es/organism/assignment-audience/upload-result.d.ts +26 -0
  84. package/es/organism/assignment-audience/upload-result.d.ts.map +1 -0
  85. package/es/organism/assignment-audience/upload-result.js +89 -0
  86. package/es/organism/assignment-audience/upload-result.js.map +1 -0
  87. package/es/organism/assignment-row/index.d.ts +55 -0
  88. package/es/organism/assignment-row/index.d.ts.map +1 -0
  89. package/es/organism/assignment-row/index.js +38 -0
  90. package/es/organism/assignment-row/index.js.map +1 -0
  91. package/es/organism/assignment-row/types.d.ts +83 -0
  92. package/es/organism/assignment-row/types.d.ts.map +1 -0
  93. package/es/organism/assignment-row/types.js +29 -0
  94. package/es/organism/assignment-row/types.js.map +1 -0
  95. package/es/organism/brand-learning-priorities/index.d.ts +63 -54
  96. package/es/organism/content-skill-modal/index.d.ts +10 -0
  97. package/es/organism/content-skill-modal/index.d.ts.map +1 -1
  98. package/es/organism/content-skill-modal/types.d.ts +10 -0
  99. package/es/organism/content-skill-modal/types.d.ts.map +1 -1
  100. package/es/organism/list-item/index.d.ts +13 -1
  101. package/es/organism/list-item/index.d.ts.map +1 -1
  102. package/es/organism/list-item/index.js +45 -3
  103. package/es/organism/list-item/index.js.map +1 -1
  104. package/es/organism/list-item/style.css +36 -0
  105. package/es/organism/list-items/index.d.ts +10 -0
  106. package/es/organism/list-items/index.d.ts.map +1 -1
  107. package/es/organism/list-items/index.js +4 -1
  108. package/es/organism/list-items/index.js.map +1 -1
  109. package/es/organism/mooc-header/index.d.ts +7 -0
  110. package/es/organism/mooc-header/index.d.ts.map +1 -1
  111. package/es/organism/mooc-header/index.js +30 -1
  112. package/es/organism/mooc-header/index.js.map +1 -1
  113. package/es/organism/mooc-header/style.css +11 -0
  114. package/es/organism/rewards-form/index.d.ts +13 -0
  115. package/es/organism/select-opponents/index.d.ts +13 -0
  116. package/es/organism/select-opponents/index.d.ts.map +1 -1
  117. package/es/organism/select-opponents/types.d.ts +13 -0
  118. package/es/organism/select-opponents/types.d.ts.map +1 -1
  119. package/es/organism/title-and-input/index.d.ts +14 -0
  120. package/es/organism/title-and-input/index.d.ts.map +1 -1
  121. package/es/organism/title-and-input/types.d.ts +14 -0
  122. package/es/organism/title-and-input/types.d.ts.map +1 -1
  123. package/es/organism/wizard-contents/index.d.ts +13 -0
  124. package/es/template/activity/index.d.ts +1 -0
  125. package/es/template/activity/progression-item.css +16 -4
  126. package/es/template/activity/progression-item.d.ts +1 -0
  127. package/es/template/activity/progression-item.d.ts.map +1 -1
  128. package/es/template/activity/progression-item.js +14 -3
  129. package/es/template/activity/progression-item.js.map +1 -1
  130. package/es/template/app-player/loading/index.d.ts +11 -0
  131. package/es/template/app-player/player/index.d.ts +22 -0
  132. package/es/template/app-player/player/slides/index.d.ts +11 -0
  133. package/es/template/app-player/player/slides/index.d.ts.map +1 -1
  134. package/es/template/app-player/popin-correction/index.d.ts +11 -0
  135. package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
  136. package/es/template/app-player/popin-end/index.d.ts +14 -0
  137. package/es/template/app-player/popin-end/summary.d.ts +3 -0
  138. package/es/template/app-review/index.d.ts +11 -0
  139. package/es/template/app-review/index.d.ts.map +1 -1
  140. package/es/template/app-review/player/prop-types.d.ts +11 -0
  141. package/es/template/app-review/player/prop-types.d.ts.map +1 -1
  142. package/es/template/app-review/prop-types.d.ts +11 -0
  143. package/es/template/app-review/prop-types.d.ts.map +1 -1
  144. package/es/template/back-office/brand-update/index.d.ts +95 -54
  145. package/es/template/certification-detail/index.d.ts +11 -0
  146. package/es/template/cockpit/jw-uploader/index.d.ts +2 -0
  147. package/es/template/common/dashboard/index.d.ts +22 -0
  148. package/es/template/common/dashboard/index.d.ts.map +1 -1
  149. package/es/template/common/dashboard/index.js +37 -1
  150. package/es/template/common/dashboard/index.js.map +1 -1
  151. package/es/template/common/search-page/index.d.ts +17 -0
  152. package/es/template/external-course/index.d.ts +11 -0
  153. package/es/template/my-assignments/index.d.ts +167 -0
  154. package/es/template/my-assignments/index.d.ts.map +1 -0
  155. package/es/template/my-assignments/index.js +221 -0
  156. package/es/template/my-assignments/index.js.map +1 -0
  157. package/es/template/my-assignments/style.css +84 -0
  158. package/es/template/my-learning/index.d.ts +3 -0
  159. package/es/template/playlist-detail/index.d.ts +11 -0
  160. package/es/template/teams-dashboard/index.d.ts +3 -0
  161. package/es/util/proptypes.d.ts.map +1 -1
  162. package/es/util/proptypes.js +2 -2
  163. package/es/util/proptypes.js.map +1 -1
  164. package/lib/atom/chip/index.d.ts +1 -0
  165. package/lib/atom/chip/index.d.ts.map +1 -1
  166. package/lib/atom/chip/index.js +6 -3
  167. package/lib/atom/chip/index.js.map +1 -1
  168. package/lib/atom/drag-and-drop/index.d.ts +2 -0
  169. package/lib/atom/drag-and-drop/index.d.ts.map +1 -1
  170. package/lib/atom/drag-and-drop/index.js +9 -4
  171. package/lib/atom/drag-and-drop/index.js.map +1 -1
  172. package/lib/atom/input-date/index.d.ts +21 -0
  173. package/lib/atom/input-date/index.d.ts.map +1 -0
  174. package/lib/atom/input-date/index.js +80 -0
  175. package/lib/atom/input-date/index.js.map +1 -0
  176. package/lib/atom/input-date/style.css +88 -0
  177. package/lib/atom/input-file-draggable/index.d.ts +10 -2
  178. package/lib/atom/input-file-draggable/index.d.ts.map +1 -1
  179. package/lib/atom/input-file-draggable/index.js +12 -4
  180. package/lib/atom/input-file-draggable/index.js.map +1 -1
  181. package/lib/atom/radio-with-title/index.d.ts +1 -0
  182. package/lib/atom/radio-with-title/index.d.ts.map +1 -1
  183. package/lib/atom/radio-with-title/types.d.ts +1 -0
  184. package/lib/atom/radio-with-title/types.d.ts.map +1 -1
  185. package/lib/atom/title/index.d.ts +1 -0
  186. package/lib/atom/title/index.d.ts.map +1 -1
  187. package/lib/atom/title/index.js +16 -6
  188. package/lib/atom/title/index.js.map +1 -1
  189. package/lib/atom/title/style.css +4 -0
  190. package/lib/atom/video-upload/index.d.ts +2 -0
  191. package/lib/molecule/assignment-card/index.d.ts +62 -0
  192. package/lib/molecule/assignment-card/index.d.ts.map +1 -0
  193. package/lib/molecule/assignment-card/index.js +97 -0
  194. package/lib/molecule/assignment-card/index.js.map +1 -0
  195. package/lib/molecule/assignment-card/style.css +98 -0
  196. package/lib/molecule/assignment-status-tag/index.d.ts +13 -0
  197. package/lib/molecule/assignment-status-tag/index.d.ts.map +1 -0
  198. package/lib/molecule/assignment-status-tag/index.js +47 -0
  199. package/lib/molecule/assignment-status-tag/index.js.map +1 -0
  200. package/lib/molecule/assignment-status-tag/types.d.ts +15 -0
  201. package/lib/molecule/assignment-status-tag/types.d.ts.map +1 -0
  202. package/lib/molecule/assignment-status-tag/types.js +13 -0
  203. package/lib/molecule/assignment-status-tag/types.js.map +1 -0
  204. package/lib/molecule/brand-form-group/index.d.ts.map +1 -1
  205. package/lib/molecule/brand-form-group/index.js +7 -0
  206. package/lib/molecule/brand-form-group/index.js.map +1 -1
  207. package/lib/molecule/card/index.d.ts +1 -0
  208. package/lib/molecule/card/index.d.ts.map +1 -1
  209. package/lib/molecule/card/index.js +3 -0
  210. package/lib/molecule/card/index.js.map +1 -1
  211. package/lib/molecule/card-content/index.d.ts +3 -1
  212. package/lib/molecule/card-content/index.d.ts.map +1 -1
  213. package/lib/molecule/card-content/index.js +7 -1
  214. package/lib/molecule/card-content/index.js.map +1 -1
  215. package/lib/molecule/cm-popin/types.d.ts +11 -0
  216. package/lib/molecule/cm-popin/types.d.ts.map +1 -1
  217. package/lib/molecule/dashboard/cards-list/index.d.ts +3 -0
  218. package/lib/molecule/dashboard/cards-list/index.d.ts.map +1 -1
  219. package/lib/molecule/dashboard/cards-list/index.js +11 -5
  220. package/lib/molecule/dashboard/cards-list/index.js.map +1 -1
  221. package/lib/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
  222. package/lib/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
  223. package/lib/molecule/dashboard/cards-list/prop-types.js.map +1 -1
  224. package/lib/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
  225. package/lib/molecule/draggable-list/index.d.ts +63 -54
  226. package/lib/molecule/tabs/index.d.ts +1 -0
  227. package/lib/molecule/tabs/index.d.ts.map +1 -1
  228. package/lib/molecule/tabs/index.js +7 -3
  229. package/lib/molecule/tabs/index.js.map +1 -1
  230. package/lib/molecule/tabs/style.css +4 -0
  231. package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
  232. package/lib/molecule/title-radio-wrapper/index.d.ts +7 -0
  233. package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
  234. package/lib/molecule/title-radio-wrapper/types.d.ts +7 -0
  235. package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
  236. package/lib/organism/assignment-audience/index.d.ts +92 -0
  237. package/lib/organism/assignment-audience/index.d.ts.map +1 -0
  238. package/lib/organism/assignment-audience/index.js +242 -0
  239. package/lib/organism/assignment-audience/index.js.map +1 -0
  240. package/lib/organism/assignment-audience/style.css +115 -0
  241. package/lib/organism/assignment-audience/types.d.ts +193 -0
  242. package/lib/organism/assignment-audience/types.d.ts.map +1 -0
  243. package/lib/organism/assignment-audience/types.js +112 -0
  244. package/lib/organism/assignment-audience/types.js.map +1 -0
  245. package/lib/organism/assignment-audience/upload-result.css +47 -0
  246. package/lib/organism/assignment-audience/upload-result.d.ts +26 -0
  247. package/lib/organism/assignment-audience/upload-result.d.ts.map +1 -0
  248. package/lib/organism/assignment-audience/upload-result.js +94 -0
  249. package/lib/organism/assignment-audience/upload-result.js.map +1 -0
  250. package/lib/organism/assignment-row/index.d.ts +55 -0
  251. package/lib/organism/assignment-row/index.d.ts.map +1 -0
  252. package/lib/organism/assignment-row/index.js +45 -0
  253. package/lib/organism/assignment-row/index.js.map +1 -0
  254. package/lib/organism/assignment-row/types.d.ts +83 -0
  255. package/lib/organism/assignment-row/types.d.ts.map +1 -0
  256. package/lib/organism/assignment-row/types.js +34 -0
  257. package/lib/organism/assignment-row/types.js.map +1 -0
  258. package/lib/organism/brand-learning-priorities/index.d.ts +63 -54
  259. package/lib/organism/content-skill-modal/index.d.ts +10 -0
  260. package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
  261. package/lib/organism/content-skill-modal/types.d.ts +10 -0
  262. package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
  263. package/lib/organism/list-item/index.d.ts +13 -1
  264. package/lib/organism/list-item/index.d.ts.map +1 -1
  265. package/lib/organism/list-item/index.js +44 -3
  266. package/lib/organism/list-item/index.js.map +1 -1
  267. package/lib/organism/list-item/style.css +36 -0
  268. package/lib/organism/list-items/index.d.ts +10 -0
  269. package/lib/organism/list-items/index.d.ts.map +1 -1
  270. package/lib/organism/list-items/index.js +4 -1
  271. package/lib/organism/list-items/index.js.map +1 -1
  272. package/lib/organism/mooc-header/index.d.ts +7 -0
  273. package/lib/organism/mooc-header/index.d.ts.map +1 -1
  274. package/lib/organism/mooc-header/index.js +30 -1
  275. package/lib/organism/mooc-header/index.js.map +1 -1
  276. package/lib/organism/mooc-header/style.css +11 -0
  277. package/lib/organism/rewards-form/index.d.ts +13 -0
  278. package/lib/organism/select-opponents/index.d.ts +13 -0
  279. package/lib/organism/select-opponents/index.d.ts.map +1 -1
  280. package/lib/organism/select-opponents/types.d.ts +13 -0
  281. package/lib/organism/select-opponents/types.d.ts.map +1 -1
  282. package/lib/organism/title-and-input/index.d.ts +14 -0
  283. package/lib/organism/title-and-input/index.d.ts.map +1 -1
  284. package/lib/organism/title-and-input/types.d.ts +14 -0
  285. package/lib/organism/title-and-input/types.d.ts.map +1 -1
  286. package/lib/organism/wizard-contents/index.d.ts +13 -0
  287. package/lib/template/activity/index.d.ts +1 -0
  288. package/lib/template/activity/progression-item.css +16 -4
  289. package/lib/template/activity/progression-item.d.ts +1 -0
  290. package/lib/template/activity/progression-item.d.ts.map +1 -1
  291. package/lib/template/activity/progression-item.js +14 -3
  292. package/lib/template/activity/progression-item.js.map +1 -1
  293. package/lib/template/app-player/loading/index.d.ts +11 -0
  294. package/lib/template/app-player/player/index.d.ts +22 -0
  295. package/lib/template/app-player/player/slides/index.d.ts +11 -0
  296. package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
  297. package/lib/template/app-player/popin-correction/index.d.ts +11 -0
  298. package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
  299. package/lib/template/app-player/popin-end/index.d.ts +14 -0
  300. package/lib/template/app-player/popin-end/summary.d.ts +3 -0
  301. package/lib/template/app-review/index.d.ts +11 -0
  302. package/lib/template/app-review/index.d.ts.map +1 -1
  303. package/lib/template/app-review/player/prop-types.d.ts +11 -0
  304. package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
  305. package/lib/template/app-review/prop-types.d.ts +11 -0
  306. package/lib/template/app-review/prop-types.d.ts.map +1 -1
  307. package/lib/template/back-office/brand-update/index.d.ts +95 -54
  308. package/lib/template/certification-detail/index.d.ts +11 -0
  309. package/lib/template/cockpit/jw-uploader/index.d.ts +2 -0
  310. package/lib/template/common/dashboard/index.d.ts +22 -0
  311. package/lib/template/common/dashboard/index.d.ts.map +1 -1
  312. package/lib/template/common/dashboard/index.js +37 -1
  313. package/lib/template/common/dashboard/index.js.map +1 -1
  314. package/lib/template/common/search-page/index.d.ts +17 -0
  315. package/lib/template/external-course/index.d.ts +11 -0
  316. package/lib/template/my-assignments/index.d.ts +167 -0
  317. package/lib/template/my-assignments/index.d.ts.map +1 -0
  318. package/lib/template/my-assignments/index.js +227 -0
  319. package/lib/template/my-assignments/index.js.map +1 -0
  320. package/lib/template/my-assignments/style.css +84 -0
  321. package/lib/template/my-learning/index.d.ts +3 -0
  322. package/lib/template/playlist-detail/index.d.ts +11 -0
  323. package/lib/template/teams-dashboard/index.d.ts +3 -0
  324. package/lib/util/proptypes.d.ts.map +1 -1
  325. package/lib/util/proptypes.js +2 -2
  326. package/lib/util/proptypes.js.map +1 -1
  327. package/package.json +2 -2
@@ -37,6 +37,7 @@ declare namespace Chip {
37
37
  const customStyle: PropTypes.Requireable<{
38
38
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
39
39
  }>;
40
+ const ariaLabel: PropTypes.Requireable<string>;
40
41
  }
41
42
  }
42
43
  import PropTypes from "prop-types";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,6DA6EC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,6DA8EC"}
@@ -35,7 +35,8 @@ const Chip = (props, context) => {
35
35
  onClick,
36
36
  leftIcon,
37
37
  backgroundColor,
38
- customStyle
38
+ customStyle,
39
+ ariaLabel
39
40
  } = props;
40
41
  const {
41
42
  skin
@@ -72,7 +73,7 @@ const Chip = (props, context) => {
72
73
  role: onClick ? 'button' : 'group',
73
74
  tabIndex: onClick ? 0 : undefined,
74
75
  onKeyDown: handleChipKeyDown(onClick),
75
- "aria-label": text,
76
+ "aria-label": ariaLabel || text,
76
77
  "data-name": `chip-${text}`
77
78
  }, /*#__PURE__*/React.createElement("div", {
78
79
  className: style.left
@@ -114,7 +115,9 @@ Chip.propTypes = process.env.NODE_ENV !== "production" ? {
114
115
  backgroundColor: PropTypes.string,
115
116
  onClick: PropTypes.func,
116
117
  leftIcon: PropTypes.string,
117
- customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
118
+ customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
119
+ // Names the chip for assistive tech, e.g. what a click does; the text by default
120
+ ariaLabel: PropTypes.string
118
121
  } : {};
119
122
  export default Chip;
120
123
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","getOr","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","handleChipKeyDown","onClick","event","key","preventDefault","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","leftIcon","backgroundColor","customStyle","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","container","unselected","onMouseEnter","onMouseLeave","role","tabIndex","undefined","onKeyDown","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func","objectOf","oneOfType","number"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nconst handleChipKeyDown = onClick => event => {\n if (!onClick) return;\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n onClick(event);\n }\n};\n\nexport const calculateHoveredSelectedBgColor = (\n selectedBgColor,\n luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n const {\n text,\n subText,\n textColor = COLORS.cm_grey_700,\n selected = false,\n customIcon,\n onClick,\n leftIcon,\n backgroundColor,\n customStyle\n } = props;\n const {skin} = context;\n const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n const selectedBgColor =\n backgroundColor === 'skin' && skinColor\n ? skinColor\n : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n const [isHovered, setIsHovered] = useState(false);\n\n const handleClick = useMemo(() => onClick, [onClick]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n const showIcon = customIcon !== 'none';\n const color = selected ? COLORS.white : textColor;\n\n return (\n <div\n className={classnames(style.container, !selected && style.unselected)}\n style={{\n ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n ...(selected && hoverStyle),\n ...customStyle\n }}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n role={onClick ? 'button' : 'group'}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleChipKeyDown(onClick)}\n aria-label={text}\n data-name={`chip-${text}`}\n >\n <div className={style.left}>\n {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n <div title={text}>\n <span className={style.text} style={{color}}>\n {text}\n </span>\n {subText ? (\n <span className={style.subText} style={{color}}>\n {subText}\n </span>\n ) : null}\n </div>\n </div>\n {showIcon ? (\n <FontAwesomeIcon\n style={{color}}\n icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n fontSize={ICON_SIZE}\n />\n ) : null}\n </div>\n );\n};\n\nChip.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n text: PropTypes.string,\n subText: PropTypes.string,\n textColor: PropTypes.string,\n selected: PropTypes.bool,\n customIcon: PropTypes.string,\n backgroundColor: PropTypes.string,\n onClick: PropTypes.func,\n leftIcon: PropTypes.string,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","getOr","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","handleChipKeyDown","onClick","event","key","preventDefault","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","leftIcon","backgroundColor","customStyle","ariaLabel","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","container","unselected","onMouseEnter","onMouseLeave","role","tabIndex","undefined","onKeyDown","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func","objectOf","oneOfType","number"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nconst handleChipKeyDown = onClick => event => {\n if (!onClick) return;\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n onClick(event);\n }\n};\n\nexport const calculateHoveredSelectedBgColor = (\n selectedBgColor,\n luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n const {\n text,\n subText,\n textColor = COLORS.cm_grey_700,\n selected = false,\n customIcon,\n onClick,\n leftIcon,\n backgroundColor,\n customStyle,\n ariaLabel\n } = props;\n const {skin} = context;\n const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n const selectedBgColor =\n backgroundColor === 'skin' && skinColor\n ? skinColor\n : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n const [isHovered, setIsHovered] = useState(false);\n\n const handleClick = useMemo(() => onClick, [onClick]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n const showIcon = customIcon !== 'none';\n const color = selected ? COLORS.white : textColor;\n\n return (\n <div\n className={classnames(style.container, !selected && style.unselected)}\n style={{\n ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n ...(selected && hoverStyle),\n ...customStyle\n }}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n role={onClick ? 'button' : 'group'}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleChipKeyDown(onClick)}\n aria-label={ariaLabel || text}\n data-name={`chip-${text}`}\n >\n <div className={style.left}>\n {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n <div title={text}>\n <span className={style.text} style={{color}}>\n {text}\n </span>\n {subText ? (\n <span className={style.subText} style={{color}}>\n {subText}\n </span>\n ) : null}\n </div>\n </div>\n {showIcon ? (\n <FontAwesomeIcon\n style={{color}}\n icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n fontSize={ICON_SIZE}\n />\n ) : null}\n </div>\n );\n};\n\nChip.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n text: PropTypes.string,\n subText: PropTypes.string,\n textColor: PropTypes.string,\n selected: PropTypes.bool,\n customIcon: PropTypes.string,\n backgroundColor: PropTypes.string,\n onClick: PropTypes.func,\n leftIcon: PropTypes.string,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n // Names the chip for assistive tech, e.g. what a click does; the text by default\n ariaLabel: PropTypes.string\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
@@ -21,6 +21,8 @@ declare class DragAndDrop extends React.Component<any, any, any> {
21
21
  pdfButtonLabel: PropTypes.Requireable<string>;
22
22
  pdfButtonAriaLabel: PropTypes.Requireable<string>;
23
23
  multiple: PropTypes.Requireable<boolean>;
24
+ dragAndDropLabel: PropTypes.Requireable<string>;
25
+ loadingLabel: PropTypes.Requireable<string>;
24
26
  };
25
27
  constructor(props: any);
26
28
  state: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA4MC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;;;MAwBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA8MC;CACF"}
@@ -48,7 +48,9 @@ class DragAndDrop extends React.Component {
48
48
  disabled = false,
49
49
  pdfButtonLabel,
50
50
  pdfButtonAriaLabel,
51
- multiple
51
+ multiple,
52
+ dragAndDropLabel = 'Drag & Drop here',
53
+ loadingLabel = 'Uploading'
52
54
  } = this.props;
53
55
  const {
54
56
  dragging
@@ -128,7 +130,7 @@ class DragAndDrop extends React.Component {
128
130
  theme: "coorpmanager"
129
131
  })), /*#__PURE__*/React.createElement("span", {
130
132
  className: style.loaderText
131
- }, "Uploading"));
133
+ }, loadingLabel));
132
134
  } else {
133
135
  previewView = /*#__PURE__*/React.createElement("span", null, previewLabel);
134
136
  }
@@ -190,7 +192,7 @@ class DragAndDrop extends React.Component {
190
192
  className: style.description
191
193
  }, description) : null, error ? null : /*#__PURE__*/React.createElement("div", {
192
194
  className: style.dragAndDropLabel
193
- }, 'Drag & Drop here')), button, /*#__PURE__*/React.createElement("div", null, children(this.handleDragStart, this.handleDragStop)));
195
+ }, dragAndDropLabel)), button, /*#__PURE__*/React.createElement("div", null, children(this.handleDragStart, this.handleDragStop)));
194
196
  }
195
197
  };
196
198
  const content = buildContent();
@@ -224,7 +226,10 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
224
226
  errorButtonLabel: PropTypes.string,
225
227
  pdfButtonLabel: PropTypes.string,
226
228
  pdfButtonAriaLabel: PropTypes.string,
227
- multiple: PropTypes.bool
229
+ multiple: PropTypes.bool,
230
+ // The text inside the drop zone and under the loader; English by default
231
+ dragAndDropLabel: PropTypes.string,
232
+ loadingLabel: PropTypes.string
228
233
  } : {};
229
234
  export default DragAndDrop;
230
235
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","NovaSolidFilesBasicFileLines","FileLinesIcon","classnames","Loader","Button","getClassState","style","constantNull","_constant","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","createElement","className","preview","src","controls","previewPdf","previewLabelPdf","link","href","target","download","label","icon","position","customStyle","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","height","closeIcon","onClick","loader","theme","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","_extends","button","previewContainer","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","_isEmpty","id","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","process","env","NODE_ENV","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string,\n label: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n disabled: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n pdfButtonLabel: PropTypes.string,\n pdfButtonAriaLabel: PropTypes.string,\n multiple: PropTypes.bool\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null,\n error = '',\n buttonAriaLabel = '',\n errorButtonLabel = '',\n disabled = false,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n multiple\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n const customButtonStyle = {\n width: 'auto',\n maxWidth: '150px',\n padding: '12px 24px',\n boxSizing: 'border-box'\n };\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (previewContent && previewContent.type === 'pdf') {\n previewView = (\n <div className={style.previewPdf}>\n <p className={style.previewLabelPdf}>{previewLabel}</p>\n <Button\n type=\"secondary\"\n link={{href: previewContent.src, target: '_blank', download: false}}\n label={pdfButtonLabel}\n aria-label={pdfButtonAriaLabel}\n data-name=\"default-button-pdf\"\n icon={{\n position: 'left',\n type: 'pdf'\n }}\n customStyle={customButtonStyle}\n />\n </div>\n );\n } else if (previewContent && previewContent.type === 'xlsx') {\n previewView = (\n <div className={style.previewXlsxContainer}>\n <div className={style.previewXlsx}>\n <FileLinesIcon className={style.iconFile} />\n </div>\n </div>\n );\n } else if (previewContent && previewContent.type === 'csv') {\n previewView = (\n <div className={style.preview}>\n <div className={style.multiplePreview}>\n <FileLinesIcon className={style.iconFile} />\n </div>\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n <span className={style.loaderText}>Uploading</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src && !multiple ? (\n <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n <div className={style.resetSrcLabel}>\n {previewContent.label ? previewContent.label : previewContent.src}\n </div>\n {onReset ? (\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n ) : null}\n </div>\n ) : null;\n\n const buildButton = () => {\n const defaultButtonProps = {\n label: uploadLabel,\n 'aria-label': buttonAriaLabel,\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n },\n customStyle: customButtonStyle\n };\n if (dragging) {\n return null;\n } else if (error) {\n return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n } else {\n return <Button {...defaultButtonProps} />;\n }\n };\n\n const button = buildButton(dragging, error);\n\n const previewContainer = getClassState(\n multiple ? style.previewContainerMultiple : style.previewContainer,\n style.modifiedPreviewContainer,\n null,\n modified,\n error\n );\n const inputWrapper = getClassState(\n style.inputWrapper,\n style.modifiedInputWrapper,\n style.errorInputWrapper,\n modified,\n error\n );\n\n const buildContent = () => {\n if (loading) {\n return previewView;\n } else if (!isEmpty(previewContent)) {\n return (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n );\n } else {\n return (\n <div\n className={classnames(\n dragging ? style.dragging : inputWrapper,\n disabled && style.disabled\n )}\n id={idBox}\n data-name=\"drag-and-drop-box\"\n >\n <div className={style.infosContainer}>\n {error ? (\n <FileUploadBlockedIcon className={style.iconError} />\n ) : (\n <FileUploadIcon className={style.icon} />\n )}\n {description ? <div className={style.description}>{description}</div> : null}\n {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n );\n }\n };\n\n const content = buildContent();\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {content}\n {error ? (\n <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n {error}\n </span>\n ) : (\n resetContent\n )}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","NovaSolidFilesBasicFileLines","FileLinesIcon","classnames","Loader","Button","getClassState","style","constantNull","_constant","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","dragAndDropLabel","loadingLabel","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","createElement","className","preview","src","controls","previewPdf","previewLabelPdf","link","href","target","download","label","icon","position","customStyle","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","height","closeIcon","onClick","loader","theme","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","_extends","button","previewContainer","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","_isEmpty","id","infosContainer","iconError","content","wrapper","errorMessage","propTypes","process","env","NODE_ENV","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string,\n label: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n disabled: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n pdfButtonLabel: PropTypes.string,\n pdfButtonAriaLabel: PropTypes.string,\n multiple: PropTypes.bool,\n // The text inside the drop zone and under the loader; English by default\n dragAndDropLabel: PropTypes.string,\n loadingLabel: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null,\n error = '',\n buttonAriaLabel = '',\n errorButtonLabel = '',\n disabled = false,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n multiple,\n dragAndDropLabel = 'Drag & Drop here',\n loadingLabel = 'Uploading'\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n const customButtonStyle = {\n width: 'auto',\n maxWidth: '150px',\n padding: '12px 24px',\n boxSizing: 'border-box'\n };\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (previewContent && previewContent.type === 'pdf') {\n previewView = (\n <div className={style.previewPdf}>\n <p className={style.previewLabelPdf}>{previewLabel}</p>\n <Button\n type=\"secondary\"\n link={{href: previewContent.src, target: '_blank', download: false}}\n label={pdfButtonLabel}\n aria-label={pdfButtonAriaLabel}\n data-name=\"default-button-pdf\"\n icon={{\n position: 'left',\n type: 'pdf'\n }}\n customStyle={customButtonStyle}\n />\n </div>\n );\n } else if (previewContent && previewContent.type === 'xlsx') {\n previewView = (\n <div className={style.previewXlsxContainer}>\n <div className={style.previewXlsx}>\n <FileLinesIcon className={style.iconFile} />\n </div>\n </div>\n );\n } else if (previewContent && previewContent.type === 'csv') {\n previewView = (\n <div className={style.preview}>\n <div className={style.multiplePreview}>\n <FileLinesIcon className={style.iconFile} />\n </div>\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n <span className={style.loaderText}>{loadingLabel}</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src && !multiple ? (\n <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n <div className={style.resetSrcLabel}>\n {previewContent.label ? previewContent.label : previewContent.src}\n </div>\n {onReset ? (\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n ) : null}\n </div>\n ) : null;\n\n const buildButton = () => {\n const defaultButtonProps = {\n label: uploadLabel,\n 'aria-label': buttonAriaLabel,\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n },\n customStyle: customButtonStyle\n };\n if (dragging) {\n return null;\n } else if (error) {\n return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n } else {\n return <Button {...defaultButtonProps} />;\n }\n };\n\n const button = buildButton(dragging, error);\n\n const previewContainer = getClassState(\n multiple ? style.previewContainerMultiple : style.previewContainer,\n style.modifiedPreviewContainer,\n null,\n modified,\n error\n );\n const inputWrapper = getClassState(\n style.inputWrapper,\n style.modifiedInputWrapper,\n style.errorInputWrapper,\n modified,\n error\n );\n\n const buildContent = () => {\n if (loading) {\n return previewView;\n } else if (!isEmpty(previewContent)) {\n return (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n );\n } else {\n return (\n <div\n className={classnames(\n dragging ? style.dragging : inputWrapper,\n disabled && style.disabled\n )}\n id={idBox}\n data-name=\"drag-and-drop-box\"\n >\n <div className={style.infosContainer}>\n {error ? (\n <FileUploadBlockedIcon className={style.iconError} />\n ) : (\n <FileUploadIcon className={style.icon} />\n )}\n {description ? <div className={style.description}>{description}</div> : null}\n {error ? null : <div className={style.dragAndDropLabel}>{dragAndDropLabel}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n );\n }\n };\n\n const content = buildContent();\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {content}\n {error ? (\n <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n {error}\n </span>\n ) : (\n resetContent\n )}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,21 @@
1
+ export default InputDate;
2
+ declare function InputDate(props: any): JSX.Element;
3
+ declare namespace InputDate {
4
+ namespace propTypes {
5
+ const title: PropTypes.Requireable<string>;
6
+ const name: PropTypes.Requireable<string>;
7
+ const value: PropTypes.Requireable<string>;
8
+ const min: PropTypes.Requireable<string>;
9
+ const max: PropTypes.Requireable<string>;
10
+ const onChange: PropTypes.Requireable<(...args: any[]) => any>;
11
+ const error: PropTypes.Requireable<string>;
12
+ const hint: PropTypes.Requireable<string>;
13
+ const disabled: PropTypes.Requireable<boolean>;
14
+ const required: PropTypes.Requireable<boolean>;
15
+ const modified: PropTypes.Requireable<boolean>;
16
+ const suffix: PropTypes.Requireable<string>;
17
+ const theme: PropTypes.Requireable<string>;
18
+ }
19
+ }
20
+ import PropTypes from "prop-types";
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-date/index.js"],"names":[],"mappings":";AAcA,oDA0DC"}
@@ -0,0 +1,73 @@
1
+ import _noop from "lodash/fp/noop";
2
+ import _keys from "lodash/fp/keys";
3
+ import _isNil from "lodash/fp/isNil";
4
+ import React, { useMemo } from 'react';
5
+ import PropTypes from 'prop-types';
6
+ import classnames from 'classnames';
7
+ import getClassState from '../../util/get-class-state';
8
+ import style from './style.css';
9
+ const themeStyle = {
10
+ default: style.defaultStyle,
11
+ setup: style.setup,
12
+ cockpit: style.cockpit,
13
+ coorpmanager: style.coorpmanager
14
+ };
15
+ const InputDate = props => {
16
+ const {
17
+ title,
18
+ name,
19
+ value = '',
20
+ min,
21
+ max,
22
+ onChange = _noop,
23
+ error,
24
+ hint,
25
+ disabled = false,
26
+ required = false,
27
+ modified = false,
28
+ suffix,
29
+ theme = 'default'
30
+ } = props;
31
+ const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
32
+ const stateClass = getClassState(style.defaultStyle, style.modified, style.error, modified, error);
33
+ const help = error || hint;
34
+ return /*#__PURE__*/React.createElement("div", {
35
+ className: classnames(themeStyle[theme], stateClass, style.container, disabled && style.disabled, _isNil(title) && style.isNoTitle)
36
+ }, /*#__PURE__*/React.createElement("div", {
37
+ className: style.fieldRow
38
+ }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
39
+ className: style.title
40
+ }, title), /*#__PURE__*/React.createElement("input", {
41
+ type: "date",
42
+ className: style.input,
43
+ name: name,
44
+ value: value,
45
+ min: min,
46
+ max: max,
47
+ disabled: disabled,
48
+ required: required,
49
+ onInput: handleChange,
50
+ onChange: _noop
51
+ })), suffix ? /*#__PURE__*/React.createElement("span", {
52
+ className: style.suffix
53
+ }, suffix) : null), help ? /*#__PURE__*/React.createElement("div", {
54
+ className: classnames(style.hint, style.help)
55
+ }, help) : null);
56
+ };
57
+ InputDate.propTypes = process.env.NODE_ENV !== "production" ? {
58
+ title: PropTypes.string,
59
+ name: PropTypes.string,
60
+ value: PropTypes.string,
61
+ min: PropTypes.string,
62
+ max: PropTypes.string,
63
+ onChange: PropTypes.func,
64
+ error: PropTypes.string,
65
+ hint: PropTypes.string,
66
+ disabled: PropTypes.bool,
67
+ required: PropTypes.bool,
68
+ modified: PropTypes.bool,
69
+ suffix: PropTypes.string,
70
+ theme: PropTypes.oneOf(_keys(themeStyle))
71
+ } : {};
72
+ export default InputDate;
73
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","getClassState","style","themeStyle","default","defaultStyle","setup","cockpit","coorpmanager","InputDate","props","title","name","value","min","max","onChange","_noop","error","hint","disabled","required","modified","suffix","theme","handleChange","e","target","stateClass","help","createElement","className","container","_isNil","isNoTitle","fieldRow","type","input","onInput","propTypes","process","env","NODE_ENV","string","func","bool","oneOf","_keys"],"sources":["../../../src/atom/input-date/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil, keys, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n default: style.defaultStyle,\n setup: style.setup,\n cockpit: style.cockpit,\n coorpmanager: style.coorpmanager\n};\n\nconst InputDate = props => {\n const {\n title,\n name,\n value = '',\n min,\n max,\n onChange = noop,\n error,\n hint,\n disabled = false,\n required = false,\n modified = false,\n suffix,\n theme = 'default'\n } = props;\n\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const stateClass = getClassState(\n style.defaultStyle,\n style.modified,\n style.error,\n modified,\n error\n );\n const help = error || hint;\n\n return (\n <div\n className={classnames(\n themeStyle[theme],\n stateClass,\n style.container,\n disabled && style.disabled,\n isNil(title) && style.isNoTitle\n )}\n >\n <div className={style.fieldRow}>\n <label>\n <span className={style.title}>{title}</span>\n <input\n type=\"date\"\n className={style.input}\n name={name}\n value={value}\n min={min}\n max={max}\n disabled={disabled}\n required={required}\n onInput={handleChange}\n onChange={noop}\n />\n </label>\n {suffix ? <span className={style.suffix}>{suffix}</span> : null}\n </div>\n {help ? <div className={classnames(style.hint, style.help)}>{help}</div> : null}\n </div>\n );\n};\n\nInputDate.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n value: PropTypes.string,\n min: PropTypes.string,\n max: PropTypes.string,\n onChange: PropTypes.func,\n error: PropTypes.string,\n hint: PropTypes.string,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n modified: PropTypes.bool,\n suffix: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default InputDate;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,88 @@
1
+ .defaultStyle {
2
+ composes: defaultStyle from '../input-text/style.css';
3
+ }
4
+
5
+ .setup {
6
+ composes: setup from '../input-text/style.css';
7
+ }
8
+
9
+ .cockpit {
10
+ composes: cockpit from '../input-text/style.css';
11
+ }
12
+
13
+ .coorpmanager {
14
+ composes: coorpmanager from '../input-text/style.css';
15
+ }
16
+
17
+ .input {
18
+ composes: input from '../input-text/style.css';
19
+ }
20
+
21
+ .title {
22
+ composes: title from '../input-text/style.css';
23
+ }
24
+
25
+ .isNoTitle {
26
+ composes: isNoTitle from '../input-text/style.css';
27
+ }
28
+
29
+ .error {
30
+ composes: error from '../input-text/style.css';
31
+ }
32
+
33
+ .modified {
34
+ composes: modified from '../input-text/style.css';
35
+ }
36
+
37
+ .disabled {
38
+ composes: disabled from '../input-text/style.css';
39
+ }
40
+
41
+ .hint {
42
+ composes: hint from '../input-text/style.css';
43
+ }
44
+
45
+ .container {
46
+ flex-direction: column;
47
+ align-items: flex-start;
48
+ }
49
+
50
+ .fieldRow {
51
+ display: flex;
52
+ align-items: center;
53
+ width: 100%;
54
+ }
55
+
56
+ .fieldRow > label {
57
+ min-width: 0;
58
+ margin-right: 0;
59
+ }
60
+
61
+ .fieldRow .input {
62
+ display: block;
63
+ }
64
+
65
+ .coorpmanager .fieldRow .input::-webkit-calendar-picker-indicator {
66
+ position: absolute;
67
+ top: 50%;
68
+ right: 16px;
69
+ width: 17px;
70
+ height: 17px;
71
+ margin: 0;
72
+ padding: 0;
73
+ transform: translateY(-50%);
74
+ cursor: pointer;
75
+ }
76
+
77
+ .suffix {
78
+ flex-shrink: 0;
79
+ margin-left: 8px;
80
+ font-family: 'Gilroy';
81
+ font-size: 12px;
82
+ }
83
+
84
+ .help {
85
+ padding-top: 8px;
86
+ font-family: 'Gilroy';
87
+ font-size: 12px;
88
+ }
@@ -1,5 +1,5 @@
1
1
  export default InputFileDraggable;
2
- declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, disableHoverTooltip, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick }: {
2
+ declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, disableHoverTooltip, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick, dragAndDropLabel, loadingLabel }: {
3
3
  title: any;
4
4
  description: any;
5
5
  previewLabel: any;
@@ -10,7 +10,7 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
10
10
  disabled?: boolean | undefined;
11
11
  disableHoverTooltip?: boolean | undefined;
12
12
  onChange: any;
13
- onReset?: null | undefined;
13
+ onReset: any;
14
14
  name: any;
15
15
  labelLink: any;
16
16
  labelButtonLink: any;
@@ -25,6 +25,8 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
25
25
  multiple?: boolean | undefined;
26
26
  required?: boolean | undefined;
27
27
  onClick: any;
28
+ dragAndDropLabel: any;
29
+ loadingLabel: any;
28
30
  }): JSX.Element;
29
31
  declare namespace InputFileDraggable {
30
32
  const propTypes: {
@@ -37,7 +39,11 @@ declare namespace InputFileDraggable {
37
39
  buttonAriaLabel: PropTypes.Requireable<string>;
38
40
  errorButtonLabel: PropTypes.Requireable<string>;
39
41
  labelLink: PropTypes.Requireable<string>;
42
+ labelButtonLink: PropTypes.Requireable<string>;
40
43
  hrefLink: PropTypes.Requireable<string>;
44
+ filesNumber: PropTypes.Requireable<number>;
45
+ required: PropTypes.Requireable<boolean>;
46
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
41
47
  title: PropTypes.Requireable<string>;
42
48
  description: PropTypes.Requireable<string>;
43
49
  uploadLabel: PropTypes.Requireable<string>;
@@ -54,6 +60,8 @@ declare namespace InputFileDraggable {
54
60
  pdfButtonLabel: PropTypes.Requireable<string>;
55
61
  pdfButtonAriaLabel: PropTypes.Requireable<string>;
56
62
  multiple: PropTypes.Requireable<boolean>;
63
+ dragAndDropLabel: PropTypes.Requireable<string>;
64
+ loadingLabel: PropTypes.Requireable<string>;
57
65
  };
58
66
  }
59
67
  import PropTypes from "prop-types";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;gBA+GC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmHC"}
@@ -18,7 +18,7 @@ const InputFileDraggable = ({
18
18
  disabled = false,
19
19
  disableHoverTooltip = false,
20
20
  onChange,
21
- onReset = null,
21
+ onReset,
22
22
  name,
23
23
  labelLink,
24
24
  labelButtonLink,
@@ -32,7 +32,9 @@ const InputFileDraggable = ({
32
32
  filesNumber = 0,
33
33
  multiple = false,
34
34
  required = false,
35
- onClick
35
+ onClick,
36
+ dragAndDropLabel,
37
+ loadingLabel
36
38
  }) => {
37
39
  const handleReset = useCallback(e => {
38
40
  if (_isNil(onReset)) return;
@@ -63,7 +65,9 @@ const InputFileDraggable = ({
63
65
  errorButtonLabel: errorButtonLabel,
64
66
  pdfButtonLabel: pdfButtonLabel,
65
67
  pdfButtonAriaLabel: pdfButtonAriaLabel,
66
- multiple: multiple
68
+ multiple: multiple,
69
+ dragAndDropLabel: dragAndDropLabel,
70
+ loadingLabel: loadingLabel
67
71
  }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("input", _extends({}, disableHoverTooltip ? {
68
72
  title: ''
69
73
  } : {}, {
@@ -112,7 +116,11 @@ InputFileDraggable.propTypes = process.env.NODE_ENV !== "production" ? {
112
116
  buttonAriaLabel: PropTypes.string,
113
117
  errorButtonLabel: PropTypes.string,
114
118
  labelLink: PropTypes.string,
115
- hrefLink: PropTypes.string
119
+ labelButtonLink: PropTypes.string,
120
+ hrefLink: PropTypes.string,
121
+ filesNumber: PropTypes.number,
122
+ required: PropTypes.bool,
123
+ onClick: PropTypes.func
116
124
  } : {};
117
125
  export default InputFileDraggable;
118
126
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","ButtonLink","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","e","_isNil","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","_extends","type","accept","className","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","process","env","NODE_ENV","bool","string","func"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n NovaSolidFilesBasicFileLines as FileLinesIcon,\n NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n disableHoverTooltip = false,\n onChange,\n onReset = null,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n filesTypes = '',\n error = '',\n buttonAriaLabel,\n errorButtonLabel,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n filesNumber = 0,\n multiple = false,\n required = false,\n onClick\n}) => {\n const handleReset = useCallback(\n e => {\n if (isNil(onReset)) return;\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n const linkCustomStyle = {\n width: '40px',\n color: '#FF541F'\n };\n\n const onClick_ = useCallback(\n e => {\n e.preventDefault();\n return onClick(e);\n },\n [onClick]\n );\n\n return (\n <>\n <DragAndDrop\n title={title}\n description={description}\n previewLabel={previewLabel}\n previewContent={previewContent}\n uploadLabel={uploadLabel}\n loading={loading}\n modified={modified}\n onReset={handleReset}\n error={error}\n disabled={disabled}\n disableHoverTooltip={disableHoverTooltip}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n pdfButtonLabel={pdfButtonLabel}\n pdfButtonAriaLabel={pdfButtonAriaLabel}\n multiple={multiple}\n >\n {(onDragStart, onDragStop) => (\n <input\n {...(disableHoverTooltip ? {title: ''} : {})}\n type=\"file\"\n name={name}\n accept={filesTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n multiple={multiple}\n required={required}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <ButtonLink\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n {multiple && filesNumber > 0 ? (\n <div className={style.multipleFilesContainer}>\n <div className={style.filesNumber}>\n <FileLinesIcon className={style.icon} />\n <div>{filesNumber} files</div>\n </div>\n <div className={style.seeDetailsButton} onClick={onClick_}>\n <EyeIcon className={style.seeIcon} />\n <div>See details</div>\n </div>\n </div>\n ) : null}\n </>\n );\n};\n\nInputFileDraggable.propTypes = {\n ...DragAndDrop.propTypes,\n disableHoverTooltip: PropTypes.bool,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n filesTypes: FilesPropType,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n hrefLink: PropTypes.string\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","ButtonLink","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","dragAndDropLabel","loadingLabel","handleReset","e","_isNil","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","_extends","type","accept","className","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","process","env","NODE_ENV","bool","string","func","number"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n NovaSolidFilesBasicFileLines as FileLinesIcon,\n NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n disableHoverTooltip = false,\n onChange,\n onReset,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n filesTypes = '',\n error = '',\n buttonAriaLabel,\n errorButtonLabel,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n filesNumber = 0,\n multiple = false,\n required = false,\n onClick,\n dragAndDropLabel,\n loadingLabel\n}) => {\n const handleReset = useCallback(\n e => {\n if (isNil(onReset)) return;\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n const linkCustomStyle = {\n width: '40px',\n color: '#FF541F'\n };\n\n const onClick_ = useCallback(\n e => {\n e.preventDefault();\n return onClick(e);\n },\n [onClick]\n );\n\n return (\n <>\n <DragAndDrop\n title={title}\n description={description}\n previewLabel={previewLabel}\n previewContent={previewContent}\n uploadLabel={uploadLabel}\n loading={loading}\n modified={modified}\n onReset={handleReset}\n error={error}\n disabled={disabled}\n disableHoverTooltip={disableHoverTooltip}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n pdfButtonLabel={pdfButtonLabel}\n pdfButtonAriaLabel={pdfButtonAriaLabel}\n multiple={multiple}\n dragAndDropLabel={dragAndDropLabel}\n loadingLabel={loadingLabel}\n >\n {(onDragStart, onDragStop) => (\n <input\n {...(disableHoverTooltip ? {title: ''} : {})}\n type=\"file\"\n name={name}\n accept={filesTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n multiple={multiple}\n required={required}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <ButtonLink\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n {multiple && filesNumber > 0 ? (\n <div className={style.multipleFilesContainer}>\n <div className={style.filesNumber}>\n <FileLinesIcon className={style.icon} />\n <div>{filesNumber} files</div>\n </div>\n <div className={style.seeDetailsButton} onClick={onClick_}>\n <EyeIcon className={style.seeIcon} />\n <div>See details</div>\n </div>\n </div>\n ) : null}\n </>\n );\n};\n\nInputFileDraggable.propTypes = {\n ...DragAndDrop.propTypes,\n disableHoverTooltip: PropTypes.bool,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n filesTypes: FilesPropType,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n labelButtonLink: PropTypes.string,\n hrefLink: PropTypes.string,\n filesNumber: PropTypes.number,\n required: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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","ignoreList":[]}
@@ -79,6 +79,7 @@ declare const RadioWithTitle: {
79
79
  customLabelClassName: import("prop-types").Requireable<string>;
80
80
  }>>;
81
81
  required: import("prop-types").Requireable<boolean>;
82
+ headingLevel: import("prop-types").Requireable<number>;
82
83
  }>>>;
83
84
  name: import("prop-types").Requireable<string>;
84
85
  checked: import("prop-types").Requireable<boolean>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
@@ -77,6 +77,7 @@ export declare const propTypes: {
77
77
  customLabelClassName: PropTypes.Requireable<string>;
78
78
  }>>;
79
79
  required: PropTypes.Requireable<boolean>;
80
+ headingLevel: PropTypes.Requireable<number>;
80
81
  }>>>;
81
82
  name: PropTypes.Requireable<string>;
82
83
  checked: PropTypes.Requireable<boolean>;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
@@ -77,6 +77,7 @@ declare namespace Title {
77
77
  customLabelClassName: PropTypes.Requireable<string>;
78
78
  }>>;
79
79
  required: PropTypes.Requireable<boolean>;
80
+ headingLevel: PropTypes.Requireable<number>;
80
81
  };
81
82
  }
82
83
  import PropTypes from "prop-types";