@coorpacademy/components 10.1.4 → 10.1.8

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 (301) hide show
  1. package/es/atom/button-link/index.js +7 -22
  2. package/es/atom/button-link/index.js.map +1 -1
  3. package/es/atom/button-link/style.css +4 -6
  4. package/es/atom/button-link/test/fixtures.js +33 -0
  5. package/es/atom/button-link/test/fixtures.js.map +1 -0
  6. package/es/atom/button-link-icon-only/index.js +76 -0
  7. package/es/atom/button-link-icon-only/index.js.map +1 -0
  8. package/es/atom/button-link-icon-only/style.css +64 -0
  9. package/es/atom/button-link-icon-only/test/button-link-icon-only.js +25 -0
  10. package/es/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
  11. package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js +10 -0
  12. package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
  13. package/es/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
  14. package/es/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
  15. package/es/atom/button-link-icon-only/test/fixtures/no-icon.js +7 -0
  16. package/es/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
  17. package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +11 -0
  18. package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
  19. package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js +13 -0
  20. package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
  21. package/es/atom/button-menu/index.js +66 -0
  22. package/es/atom/button-menu/index.js.map +1 -0
  23. package/es/atom/button-menu/style.css +51 -0
  24. package/es/atom/button-menu/test/fixtures/default.js +20 -0
  25. package/es/atom/button-menu/test/fixtures/default.js.map +1 -0
  26. package/es/atom/button-menu/test/fixtures/multiple-buttons.js +15 -0
  27. package/es/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
  28. package/es/atom/chips/index.js +8 -4
  29. package/es/atom/chips/index.js.map +1 -1
  30. package/es/atom/chips/style.css +17 -2
  31. package/es/atom/chips/test/fixtures/long-text.js +9 -0
  32. package/es/atom/chips/test/fixtures/long-text.js.map +1 -0
  33. package/es/atom/chips/test/fixtures.js +17 -0
  34. package/es/atom/chips/test/fixtures.js.map +1 -0
  35. package/es/atom/content-badge/test/fixtures.js +27 -0
  36. package/es/atom/content-badge/test/fixtures.js.map +1 -0
  37. package/es/atom/input-checkbox/test/fixtures.js +2 -0
  38. package/es/atom/input-checkbox/test/fixtures.js.map +1 -1
  39. package/es/atom/input-search/style.css +1 -0
  40. package/es/atom/input-search/test/fixtures.js +19 -0
  41. package/es/atom/input-search/test/fixtures.js.map +1 -0
  42. package/es/atom/input-text/index.js.map +1 -1
  43. package/es/atom/input-text/style.css +6 -2
  44. package/es/atom/input-text/test/fixtures.js +2 -0
  45. package/es/atom/input-text/test/fixtures.js.map +1 -1
  46. package/es/atom/input-textarea/style.css +3 -3
  47. package/es/atom/input-textarea/test/fixtures.js +4 -0
  48. package/es/atom/input-textarea/test/fixtures.js.map +1 -1
  49. package/es/atom/tag/test/fixtures.js +19 -0
  50. package/es/atom/tag/test/fixtures.js.map +1 -0
  51. package/es/atom/title/test/fixtures.js +6 -2
  52. package/es/atom/title/test/fixtures.js.map +1 -1
  53. package/es/atom/wizard-steps/test/fixtures.js +17 -0
  54. package/es/atom/wizard-steps/test/fixtures.js.map +1 -0
  55. package/es/molecule/banner/index.js +19 -10
  56. package/es/molecule/banner/index.js.map +1 -1
  57. package/es/molecule/banner/style.css +10 -8
  58. package/es/molecule/banner/test/fixtures.js +15 -0
  59. package/es/molecule/banner/test/fixtures.js.map +1 -0
  60. package/es/molecule/brand-form-group/index.js +20 -5
  61. package/es/molecule/brand-form-group/index.js.map +1 -1
  62. package/es/molecule/brand-form-group/style.css +19 -0
  63. package/es/molecule/brand-form-group/test/fixtures.js +2 -0
  64. package/es/molecule/brand-form-group/test/fixtures.js.map +1 -1
  65. package/es/molecule/bullet-point-menu-button/index.js +51 -0
  66. package/es/molecule/bullet-point-menu-button/index.js.map +1 -0
  67. package/es/molecule/bullet-point-menu-button/style.css +52 -0
  68. package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +34 -0
  69. package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
  70. package/es/molecule/bullet-point-menu-button/test/fixtures/default.js +11 -0
  71. package/es/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
  72. package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +13 -0
  73. package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
  74. package/es/molecule/card/test/fixtures.js +4 -0
  75. package/es/molecule/card/test/fixtures.js.map +1 -1
  76. package/es/molecule/cm-popin/index.js +8 -7
  77. package/es/molecule/cm-popin/index.js.map +1 -1
  78. package/es/molecule/cm-popin/style.css +0 -25
  79. package/es/molecule/cm-popin/test/fixtures.js +17 -0
  80. package/es/molecule/cm-popin/test/fixtures.js.map +1 -0
  81. package/es/molecule/coorp-manager-roles/test/fixtures.js +13 -0
  82. package/es/molecule/coorp-manager-roles/test/fixtures.js.map +1 -0
  83. package/es/molecule/popin/test/fixtures.js +21 -0
  84. package/es/molecule/popin/test/fixtures.js.map +1 -0
  85. package/es/molecule/quick-access-card/test/fixtures.js +21 -0
  86. package/es/molecule/quick-access-card/test/fixtures.js.map +1 -0
  87. package/es/molecule/quick-access-cards-group/test/fixtures.js +21 -0
  88. package/es/molecule/quick-access-cards-group/test/fixtures.js.map +1 -0
  89. package/es/molecule/select-multiple/index.js +113 -146
  90. package/es/molecule/select-multiple/index.js.map +1 -1
  91. package/es/molecule/select-multiple/test/index.js +20 -79
  92. package/es/molecule/select-multiple/test/index.js.map +1 -1
  93. package/es/molecule/vertical-tabs/index.js +8 -3
  94. package/es/molecule/vertical-tabs/index.js.map +1 -1
  95. package/es/molecule/vertical-tabs/test/fixtures/default.js +2 -1
  96. package/es/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
  97. package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
  98. package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
  99. package/es/molecule/vertical-tabs/test/fixtures.js +15 -0
  100. package/es/molecule/vertical-tabs/test/fixtures.js.map +1 -0
  101. package/es/molecule/wizard-summary/index.js +3 -1
  102. package/es/molecule/wizard-summary/index.js.map +1 -1
  103. package/es/molecule/wizard-summary/style.css +8 -0
  104. package/es/molecule/wizard-summary/test/fixtures.js +21 -0
  105. package/es/molecule/wizard-summary/test/fixtures.js.map +1 -0
  106. package/es/organism/accordion/coorp-manager/part/test/fixtures.js +4 -0
  107. package/es/organism/accordion/coorp-manager/part/test/fixtures.js.map +1 -1
  108. package/es/organism/brand-analytics/test/fixtures.js +23 -0
  109. package/es/organism/brand-analytics/test/fixtures.js.map +1 -0
  110. package/es/organism/brand-dashboard/test/fixtures.js +2 -10
  111. package/es/organism/brand-dashboard/test/fixtures.js.map +1 -1
  112. package/es/organism/brand-form/test/fixtures/wizard-playlists.js +26 -0
  113. package/es/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -0
  114. package/es/organism/playlist-translation/index.js +63 -0
  115. package/es/organism/playlist-translation/index.js.map +1 -0
  116. package/es/organism/playlist-translation/style.css +45 -0
  117. package/es/organism/playlist-translation/test/fixtures/default.js +24 -0
  118. package/es/organism/playlist-translation/test/fixtures/default.js.map +1 -0
  119. package/es/organism/playlist-translation/test/fixtures/delete.js +18 -0
  120. package/es/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
  121. package/es/organism/playlist-translation/test/fixtures.js +15 -0
  122. package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
  123. package/es/organism/search-and-chips-results/index.js +92 -0
  124. package/es/organism/search-and-chips-results/index.js.map +1 -0
  125. package/es/organism/search-and-chips-results/style.css +57 -0
  126. package/es/organism/search-and-chips-results/test/fixtures/default.js +46 -0
  127. package/es/organism/search-and-chips-results/test/fixtures/default.js.map +1 -0
  128. package/es/organism/search-and-chips-results/test/fixtures/empty.js +23 -0
  129. package/es/organism/search-and-chips-results/test/fixtures/empty.js.map +1 -0
  130. package/es/organism/search-and-chips-results/test/fixtures/filtered.js +26 -0
  131. package/es/organism/search-and-chips-results/test/fixtures/filtered.js.map +1 -0
  132. package/es/organism/search-and-chips-results/test/fixtures/sorted-selected.js +49 -0
  133. package/es/organism/search-and-chips-results/test/fixtures/sorted-selected.js.map +1 -0
  134. package/es/organism/search-and-chips-results/test/fixtures/unsorted-selected.js +49 -0
  135. package/es/organism/search-and-chips-results/test/fixtures/unsorted-selected.js.map +1 -0
  136. package/es/organism/search-and-chips-results/test/fixtures.js +21 -0
  137. package/es/organism/search-and-chips-results/test/fixtures.js.map +1 -0
  138. package/es/organism/setup-header/index.js +78 -31
  139. package/es/organism/setup-header/index.js.map +1 -1
  140. package/es/organism/setup-header/style.css +27 -62
  141. package/es/template/back-office/brand-update/test/fixtures.js +2 -0
  142. package/es/template/back-office/brand-update/test/fixtures.js.map +1 -1
  143. package/es/template/teams-dashboard/index.js +4 -3
  144. package/es/template/teams-dashboard/index.js.map +1 -1
  145. package/es/util/button-icons.js +16 -0
  146. package/es/util/button-icons.js.map +1 -0
  147. package/es/variables/colors.css +2 -0
  148. package/lib/atom/button-link/index.js +9 -24
  149. package/lib/atom/button-link/index.js.map +1 -1
  150. package/lib/atom/button-link/style.css +4 -6
  151. package/lib/atom/button-link/test/fixtures.js +52 -0
  152. package/lib/atom/button-link/test/fixtures.js.map +1 -0
  153. package/lib/atom/button-link-icon-only/index.js +94 -0
  154. package/lib/atom/button-link-icon-only/index.js.map +1 -0
  155. package/lib/atom/button-link-icon-only/style.css +64 -0
  156. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js +37 -0
  157. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
  158. package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js +15 -0
  159. package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
  160. package/lib/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
  161. package/lib/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
  162. package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js +12 -0
  163. package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
  164. package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +16 -0
  165. package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
  166. package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js +18 -0
  167. package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
  168. package/lib/atom/button-menu/index.js +82 -0
  169. package/lib/atom/button-menu/index.js.map +1 -0
  170. package/lib/atom/button-menu/style.css +51 -0
  171. package/lib/atom/button-menu/test/fixtures/default.js +27 -0
  172. package/lib/atom/button-menu/test/fixtures/default.js.map +1 -0
  173. package/lib/atom/button-menu/test/fixtures/multiple-buttons.js +23 -0
  174. package/lib/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
  175. package/lib/atom/chips/index.js +8 -4
  176. package/lib/atom/chips/index.js.map +1 -1
  177. package/lib/atom/chips/style.css +17 -2
  178. package/lib/atom/chips/test/fixtures/long-text.js +14 -0
  179. package/lib/atom/chips/test/fixtures/long-text.js.map +1 -0
  180. package/lib/atom/chips/test/fixtures.js +28 -0
  181. package/lib/atom/chips/test/fixtures.js.map +1 -0
  182. package/lib/atom/content-badge/test/fixtures.js +43 -0
  183. package/lib/atom/content-badge/test/fixtures.js.map +1 -0
  184. package/lib/atom/input-checkbox/test/fixtures.js +3 -0
  185. package/lib/atom/input-checkbox/test/fixtures.js.map +1 -1
  186. package/lib/atom/input-search/style.css +1 -0
  187. package/lib/atom/input-search/test/fixtures.js +31 -0
  188. package/lib/atom/input-search/test/fixtures.js.map +1 -0
  189. package/lib/atom/input-text/index.js.map +1 -1
  190. package/lib/atom/input-text/style.css +6 -2
  191. package/lib/atom/input-text/test/fixtures.js +3 -0
  192. package/lib/atom/input-text/test/fixtures.js.map +1 -1
  193. package/lib/atom/input-textarea/style.css +3 -3
  194. package/lib/atom/input-textarea/test/fixtures.js +6 -0
  195. package/lib/atom/input-textarea/test/fixtures.js.map +1 -1
  196. package/lib/atom/tag/test/fixtures.js +31 -0
  197. package/lib/atom/tag/test/fixtures.js.map +1 -0
  198. package/lib/atom/title/test/fixtures.js +8 -2
  199. package/lib/atom/title/test/fixtures.js.map +1 -1
  200. package/lib/atom/wizard-steps/test/fixtures.js +28 -0
  201. package/lib/atom/wizard-steps/test/fixtures.js.map +1 -0
  202. package/lib/molecule/banner/index.js +19 -10
  203. package/lib/molecule/banner/index.js.map +1 -1
  204. package/lib/molecule/banner/style.css +10 -8
  205. package/lib/molecule/banner/test/fixtures.js +25 -0
  206. package/lib/molecule/banner/test/fixtures.js.map +1 -0
  207. package/lib/molecule/brand-form-group/index.js +22 -5
  208. package/lib/molecule/brand-form-group/index.js.map +1 -1
  209. package/lib/molecule/brand-form-group/style.css +19 -0
  210. package/lib/molecule/brand-form-group/test/fixtures.js +3 -0
  211. package/lib/molecule/brand-form-group/test/fixtures.js.map +1 -1
  212. package/lib/molecule/bullet-point-menu-button/index.js +69 -0
  213. package/lib/molecule/bullet-point-menu-button/index.js.map +1 -0
  214. package/lib/molecule/bullet-point-menu-button/style.css +52 -0
  215. package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +46 -0
  216. package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
  217. package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js +18 -0
  218. package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
  219. package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +25 -0
  220. package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
  221. package/lib/molecule/card/test/fixtures.js +6 -0
  222. package/lib/molecule/card/test/fixtures.js.map +1 -1
  223. package/lib/molecule/cm-popin/index.js +8 -6
  224. package/lib/molecule/cm-popin/index.js.map +1 -1
  225. package/lib/molecule/cm-popin/style.css +0 -25
  226. package/lib/molecule/cm-popin/test/fixtures.js +28 -0
  227. package/lib/molecule/cm-popin/test/fixtures.js.map +1 -0
  228. package/lib/molecule/coorp-manager-roles/test/fixtures.js +22 -0
  229. package/lib/molecule/coorp-manager-roles/test/fixtures.js.map +1 -0
  230. package/lib/molecule/popin/test/fixtures.js +34 -0
  231. package/lib/molecule/popin/test/fixtures.js.map +1 -0
  232. package/lib/molecule/quick-access-card/test/fixtures.js +34 -0
  233. package/lib/molecule/quick-access-card/test/fixtures.js.map +1 -0
  234. package/lib/molecule/quick-access-cards-group/test/fixtures.js +34 -0
  235. package/lib/molecule/quick-access-cards-group/test/fixtures.js.map +1 -0
  236. package/lib/molecule/select-multiple/index.js +117 -143
  237. package/lib/molecule/select-multiple/index.js.map +1 -1
  238. package/lib/molecule/select-multiple/test/index.js +25 -79
  239. package/lib/molecule/select-multiple/test/index.js.map +1 -1
  240. package/lib/molecule/vertical-tabs/index.js +8 -3
  241. package/lib/molecule/vertical-tabs/index.js.map +1 -1
  242. package/lib/molecule/vertical-tabs/test/fixtures/default.js +2 -1
  243. package/lib/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
  244. package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
  245. package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
  246. package/lib/molecule/vertical-tabs/test/fixtures.js +25 -0
  247. package/lib/molecule/vertical-tabs/test/fixtures.js.map +1 -0
  248. package/lib/molecule/wizard-summary/index.js +3 -1
  249. package/lib/molecule/wizard-summary/index.js.map +1 -1
  250. package/lib/molecule/wizard-summary/style.css +8 -0
  251. package/lib/molecule/wizard-summary/test/fixtures.js +34 -0
  252. package/lib/molecule/wizard-summary/test/fixtures.js.map +1 -0
  253. package/lib/organism/accordion/coorp-manager/part/test/fixtures.js +6 -0
  254. package/lib/organism/accordion/coorp-manager/part/test/fixtures.js.map +1 -1
  255. package/lib/organism/brand-analytics/test/fixtures.js +37 -0
  256. package/lib/organism/brand-analytics/test/fixtures.js.map +1 -0
  257. package/lib/organism/brand-dashboard/test/fixtures.js +2 -14
  258. package/lib/organism/brand-dashboard/test/fixtures.js.map +1 -1
  259. package/lib/organism/brand-form/test/fixtures/wizard-playlists.js +31 -0
  260. package/lib/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -0
  261. package/lib/organism/playlist-translation/index.js +78 -0
  262. package/lib/organism/playlist-translation/index.js.map +1 -0
  263. package/lib/organism/playlist-translation/style.css +45 -0
  264. package/lib/organism/playlist-translation/test/fixtures/default.js +35 -0
  265. package/lib/organism/playlist-translation/test/fixtures/default.js.map +1 -0
  266. package/lib/organism/playlist-translation/test/fixtures/delete.js +29 -0
  267. package/lib/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
  268. package/lib/organism/playlist-translation/test/fixtures.js +25 -0
  269. package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
  270. package/lib/organism/search-and-chips-results/index.js +105 -0
  271. package/lib/organism/search-and-chips-results/index.js.map +1 -0
  272. package/lib/organism/search-and-chips-results/style.css +57 -0
  273. package/lib/organism/search-and-chips-results/test/fixtures/default.js +51 -0
  274. package/lib/organism/search-and-chips-results/test/fixtures/default.js.map +1 -0
  275. package/lib/organism/search-and-chips-results/test/fixtures/empty.js +28 -0
  276. package/lib/organism/search-and-chips-results/test/fixtures/empty.js.map +1 -0
  277. package/lib/organism/search-and-chips-results/test/fixtures/filtered.js +31 -0
  278. package/lib/organism/search-and-chips-results/test/fixtures/filtered.js.map +1 -0
  279. package/lib/organism/search-and-chips-results/test/fixtures/sorted-selected.js +54 -0
  280. package/lib/organism/search-and-chips-results/test/fixtures/sorted-selected.js.map +1 -0
  281. package/lib/organism/search-and-chips-results/test/fixtures/unsorted-selected.js +54 -0
  282. package/lib/organism/search-and-chips-results/test/fixtures/unsorted-selected.js.map +1 -0
  283. package/lib/organism/search-and-chips-results/test/fixtures.js +34 -0
  284. package/lib/organism/search-and-chips-results/test/fixtures.js.map +1 -0
  285. package/lib/organism/setup-header/index.js +80 -32
  286. package/lib/organism/setup-header/index.js.map +1 -1
  287. package/lib/organism/setup-header/style.css +27 -62
  288. package/lib/template/back-office/brand-update/test/fixtures.js +3 -0
  289. package/lib/template/back-office/brand-update/test/fixtures.js.map +1 -1
  290. package/lib/template/teams-dashboard/index.js +3 -1
  291. package/lib/template/teams-dashboard/index.js.map +1 -1
  292. package/lib/util/button-icons.js +23 -0
  293. package/lib/util/button-icons.js.map +1 -0
  294. package/lib/variables/colors.css +2 -0
  295. package/package.json +3 -3
  296. package/es/atom/button-link/test/fixtures/icon-button.js.map +0 -1
  297. package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
  298. package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  299. package/lib/atom/button-link/test/fixtures/icon-button.js.map +0 -1
  300. package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
  301. package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
@@ -8,18 +8,22 @@ const Chips = props => {
8
8
  const {
9
9
  text,
10
10
  information,
11
- selected,
11
+ selected = false,
12
12
  onClick
13
13
  } = props;
14
14
  const handleClick = useMemo(() => () => onClick(), [onClick]);
15
15
  return /*#__PURE__*/React.createElement("div", {
16
16
  className: classnames(style.container, selected ? style.selected : style.unselected),
17
- onClick: handleClick
17
+ onClick: handleClick,
18
+ "aria-label": `${text} ${information}`
18
19
  }, /*#__PURE__*/React.createElement("div", {
20
+ className: style.textZone,
21
+ title: text
22
+ }, /*#__PURE__*/React.createElement("span", {
19
23
  className: style.text
20
- }, text), /*#__PURE__*/React.createElement("div", {
24
+ }, text), /*#__PURE__*/React.createElement("span", {
21
25
  className: style.information
22
- }, information), selected ? /*#__PURE__*/React.createElement(SelectedIcon, {
26
+ }, information)), selected ? /*#__PURE__*/React.createElement(SelectedIcon, {
23
27
  className: style.selectedIconWrapper
24
28
  }) : /*#__PURE__*/React.createElement(AddIcon, {
25
29
  className: style.unselectedIconWrapper
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA;AAA9B,MAAyCJ,KAA/C;AAEA,QAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AAEA,sBACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;AAEE,IAAA,OAAO,EAAEF;AAFX,kBAIE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACG;AAAtB,KAA6BA,IAA7B,CAJF,eAKE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,KAAoCA,WAApC,CALF,EAMGC,QAAQ,gBACP,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEL,KAAK,CAACU;AAA/B,IADO,gBAGP,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEV,KAAK,CAACW;AAA1B,IATJ,CADF;AAcD,CAnBD;;AAqBAV,KAAK,CAACW,SAAN,2CAAkB;AAChBT,EAAAA,IAAI,EAAET,SAAS,CAACmB,MADA;AAEhBT,EAAAA,WAAW,EAAEV,SAAS,CAACmB,MAFP;AAGhBR,EAAAA,QAAQ,EAAEX,SAAS,CAACoB,IAHJ;AAIhBR,EAAAA,OAAO,EAAEZ,SAAS,CAACqB;AAJH,CAAlB;AAOA,eAAed,KAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n const {text, information, selected, onClick} = props;\n\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n return (\n <div\n className={classnames(style.container, selected ? style.selected : style.unselected)}\n onClick={handleClick}\n >\n <div className={style.text}>{text}</div>\n <div className={style.information}>{information}</div>\n {selected ? (\n <SelectedIcon className={style.selectedIconWrapper} />\n ) : (\n <AddIcon className={style.unselectedIconWrapper} />\n )}\n </div>\n );\n};\n\nChips.propTypes = {\n text: PropTypes.string,\n information: PropTypes.string,\n selected: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,QAAQ,GAAG,KAA/B;AAAsCC,IAAAA;AAAtC,MAAiDJ,KAAvD;AAEA,QAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AAEA,sBACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;AAEE,IAAA,OAAO,EAAEF,WAFX;AAGE,kBAAa,GAAEJ,IAAK,IAAGC,WAAY;AAHrC,kBAKE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACU,QAAtB;AAAgC,IAAA,KAAK,EAAEP;AAAvC,kBACE;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACG;AAAvB,KAA8BA,IAA9B,CADF,eAEE;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAvB,KAAqCA,WAArC,CAFF,CALF,EASGC,QAAQ,gBACP,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEL,KAAK,CAACW;AAA/B,IADO,gBAGP,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEX,KAAK,CAACY;AAA1B,IAZJ,CADF;AAiBD,CAtBD;;AAwBAX,KAAK,CAACY,SAAN,2CAAkB;AAChBV,EAAAA,IAAI,EAAET,SAAS,CAACoB,MADA;AAEhBV,EAAAA,WAAW,EAAEV,SAAS,CAACoB,MAFP;AAGhBT,EAAAA,QAAQ,EAAEX,SAAS,CAACqB,IAHJ;AAIhBT,EAAAA,OAAO,EAAEZ,SAAS,CAACsB;AAJH,CAAlB;AAOA,eAAef,KAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n const {text, information, selected = false, onClick} = props;\n\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n return (\n <div\n className={classnames(style.container, selected ? style.selected : style.unselected)}\n onClick={handleClick}\n aria-label={`${text} ${information}`}\n >\n <div className={style.textZone} title={text}>\n <span className={style.text}>{text}</span>\n <span className={style.information}>{information}</span>\n </div>\n {selected ? (\n <SelectedIcon className={style.selectedIconWrapper} />\n ) : (\n <AddIcon className={style.unselectedIconWrapper} />\n )}\n </div>\n );\n};\n\nChips.propTypes = {\n text: PropTypes.string,\n information: PropTypes.string,\n selected: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"file":"index.js"}
@@ -7,11 +7,15 @@
7
7
  @value white from colors;
8
8
 
9
9
  .container {
10
- width: 25%;
11
- height: 32px;
10
+ width: 100%;
11
+ height: 52px;
12
12
  border-radius: 10px;
13
13
  padding: 10px 16px;
14
14
  position: relative;
15
+ display: flex;
16
+ align-items: center;
17
+ box-sizing: border-box;
18
+ cursor: pointer;
15
19
  }
16
20
 
17
21
  .selected {
@@ -30,12 +34,22 @@
30
34
  background-color: cm_grey_200;
31
35
  }
32
36
 
37
+ .textZone {
38
+ flex: 1 1 100%;
39
+ padding-right: 32px;
40
+ width: calc(100% - 32px);
41
+ }
42
+
33
43
  .text {
34
44
  font-family: 'Gilroy';
35
45
  font-style: normal;
36
46
  font-weight: 600;
37
47
  font-size: 14px;
38
48
  color: cm_grey_700;
49
+ text-overflow: ellipsis;
50
+ white-space: nowrap;
51
+ overflow: hidden;
52
+ display: block;
39
53
  }
40
54
 
41
55
  .information {
@@ -45,6 +59,7 @@
45
59
  font-size: 10px;
46
60
  opacity: 0.4;
47
61
  color: cm_grey_700;
62
+ display: block;
48
63
  }
49
64
 
50
65
  .icon{
@@ -0,0 +1,9 @@
1
+ export default {
2
+ props: {
3
+ text: 'Population Human resourses filiale Singapour and lots and lots of text that should be cut somewhere because the chip item it should not take all the width of the component and and ellipsis should be shown.',
4
+ information: '345 users',
5
+ select: false,
6
+ onClick: () => console.log('click')
7
+ }
8
+ };
9
+ //# sourceMappingURL=long-text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/chips/test/fixtures/long-text.js"],"names":["props","text","information","select","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EACF,+MAFG;AAGLC,IAAAA,WAAW,EAAE,WAHR;AAILC,IAAAA,MAAM,EAAE,KAJH;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n props: {\n text:\n 'Population Human resourses filiale Singapour and lots and lots of text that should be cut somewhere because the chip item it should not take all the width of the component and and ellipsis should be shown.',\n information: '345 users',\n select: false,\n onClick: () => console.log('click')\n }\n};\n"],"file":"long-text.js"}
@@ -0,0 +1,17 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomChips from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureLongText from './fixtures/long-text';
7
+ import fixtureNonSelected from './fixtures/non-selected';
8
+ test('Atom › AtomChips > should have valid propTypes', t => {
9
+ t.pass();
10
+ forEach(AtomChips.propTypes, (value, key) => {
11
+ t.not(value, undefined, `PropType for "Atom.AtomChips.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
+ });
13
+ });
14
+ test('Atom › AtomChips › Default › should be rendered', renderComponentMacro, AtomChips, fixtureDefault);
15
+ test('Atom › AtomChips › LongText › should be rendered', renderComponentMacro, AtomChips, fixtureLongText);
16
+ test('Atom › AtomChips › NonSelected › should be rendered', renderComponentMacro, AtomChips, fixtureNonSelected);
17
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/chips/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomChips","fixtureDefault","fixtureLongText","fixtureNonSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAN,IAAI,CAAC,gDAAD,EAAmDO,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,SAAS,CAACM,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,SAA1E,EAAqFC,cAArF,CAAJ;AACAJ,IAAI,CAAC,kDAAD,EAAqDE,oBAArD,EAA2EC,SAA3E,EAAsFE,eAAtF,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,SAA9E,EAAyFG,kBAAzF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomChips from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLongText from './fixtures/long-text';\nimport fixtureNonSelected from './fixtures/non-selected';\n\ntest('Atom › AtomChips > should have valid propTypes', t => {\n t.pass();\n forEach(AtomChips.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomChips.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomChips › Default › should be rendered', renderComponentMacro, AtomChips, fixtureDefault);\ntest('Atom › AtomChips › LongText › should be rendered', renderComponentMacro, AtomChips, fixtureLongText);\ntest('Atom › AtomChips › NonSelected › should be rendered', renderComponentMacro, AtomChips, fixtureNonSelected);\n"],"file":"fixtures.js"}
@@ -0,0 +1,27 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomContentBadge from '..';
5
+ import fixtureAdvanced from './fixtures/advanced';
6
+ import fixtureArticle from './fixtures/article';
7
+ import fixtureChapter from './fixtures/chapter';
8
+ import fixtureCoach from './fixtures/coach';
9
+ import fixtureDefault from './fixtures/default';
10
+ import fixturePodcast from './fixtures/podcast';
11
+ import fixtureScorm from './fixtures/scorm';
12
+ import fixtureVideo from './fixtures/video';
13
+ test('Atom › AtomContentBadge > should have valid propTypes', t => {
14
+ t.pass();
15
+ forEach(AtomContentBadge.propTypes, (value, key) => {
16
+ t.not(value, undefined, `PropType for "Atom.AtomContentBadge.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
17
+ });
18
+ });
19
+ test('Atom › AtomContentBadge › Advanced › should be rendered', renderComponentMacro, AtomContentBadge, fixtureAdvanced);
20
+ test('Atom › AtomContentBadge › Article › should be rendered', renderComponentMacro, AtomContentBadge, fixtureArticle);
21
+ test('Atom › AtomContentBadge › Chapter › should be rendered', renderComponentMacro, AtomContentBadge, fixtureChapter);
22
+ test('Atom › AtomContentBadge › Coach › should be rendered', renderComponentMacro, AtomContentBadge, fixtureCoach);
23
+ test('Atom › AtomContentBadge › Default › should be rendered', renderComponentMacro, AtomContentBadge, fixtureDefault);
24
+ test('Atom › AtomContentBadge › Podcast › should be rendered', renderComponentMacro, AtomContentBadge, fixturePodcast);
25
+ test('Atom › AtomContentBadge › Scorm › should be rendered', renderComponentMacro, AtomContentBadge, fixtureScorm);
26
+ test('Atom › AtomContentBadge › Video › should be rendered', renderComponentMacro, AtomContentBadge, fixtureVideo);
27
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/content-badge/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomContentBadge","fixtureAdvanced","fixtureArticle","fixtureChapter","fixtureCoach","fixtureDefault","fixturePodcast","fixtureScorm","fixtureVideo","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAX,IAAI,CAAC,uDAAD,EAA0DY,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACAZ,EAAAA,OAAO,CAACE,gBAAgB,CAACW,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAhB,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,gBAAlF,EAAoGC,eAApG,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,gBAAjF,EAAmGE,cAAnG,CAAJ;AACAL,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,gBAAjF,EAAmGG,cAAnG,CAAJ;AACAN,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,gBAA/E,EAAiGI,YAAjG,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,gBAAjF,EAAmGK,cAAnG,CAAJ;AACAR,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,gBAAjF,EAAmGM,cAAnG,CAAJ;AACAT,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,gBAA/E,EAAiGO,YAAjG,CAAJ;AACAV,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,gBAA/E,EAAiGQ,YAAjG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomContentBadge from '..';\nimport fixtureAdvanced from './fixtures/advanced';\nimport fixtureArticle from './fixtures/article';\nimport fixtureChapter from './fixtures/chapter';\nimport fixtureCoach from './fixtures/coach';\nimport fixtureDefault from './fixtures/default';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureScorm from './fixtures/scorm';\nimport fixtureVideo from './fixtures/video';\n\ntest('Atom › AtomContentBadge > should have valid propTypes', t => {\n t.pass();\n forEach(AtomContentBadge.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomContentBadge.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomContentBadge › Advanced › should be rendered', renderComponentMacro, AtomContentBadge, fixtureAdvanced);\ntest('Atom › AtomContentBadge › Article › should be rendered', renderComponentMacro, AtomContentBadge, fixtureArticle);\ntest('Atom › AtomContentBadge › Chapter › should be rendered', renderComponentMacro, AtomContentBadge, fixtureChapter);\ntest('Atom › AtomContentBadge › Coach › should be rendered', renderComponentMacro, AtomContentBadge, fixtureCoach);\ntest('Atom › AtomContentBadge › Default › should be rendered', renderComponentMacro, AtomContentBadge, fixtureDefault);\ntest('Atom › AtomContentBadge › Podcast › should be rendered', renderComponentMacro, AtomContentBadge, fixturePodcast);\ntest('Atom › AtomContentBadge › Scorm › should be rendered', renderComponentMacro, AtomContentBadge, fixtureScorm);\ntest('Atom › AtomContentBadge › Video › should be rendered', renderComponentMacro, AtomContentBadge, fixtureVideo);\n"],"file":"fixtures.js"}
@@ -2,6 +2,7 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomInputCheckbox from '..';
5
+ import fixtureCheckedDisabled from './fixtures/checked-disabled';
5
6
  import fixtureChecked from './fixtures/checked';
6
7
  import fixtureDefault from './fixtures/default';
7
8
  import fixtureDisabled from './fixtures/disabled';
@@ -14,6 +15,7 @@ test('Atom › AtomInputCheckbox > should have valid propTypes', t => {
14
15
  t.not(value, undefined, `PropType for "Atom.AtomInputCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
15
16
  });
16
17
  });
18
+ test('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);
17
19
  test('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);
18
20
  test('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);
19
21
  test('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAT,IAAI,CAAC,wDAAD,EAA2DU,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,iBAAiB,CAACS,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGC,cAArG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGG,eAAtG,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGI,YAAnG,CAAJ;AACAP,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGK,eAAtG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputCheckbox.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureCheckedDisabled","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAV,IAAI,CAAC,wDAAD,EAA2DW,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAX,EAAAA,OAAO,CAACE,iBAAiB,CAACU,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAf,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GC,sBAA7G,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGG,cAArG,CAAJ;AACAN,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGI,eAAtG,CAAJ;AACAP,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGK,YAAnG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ;AACAT,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGO,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureCheckedDisabled from './fixtures/checked-disabled';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputCheckbox.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
@@ -79,6 +79,7 @@
79
79
  align-items: flex-start;
80
80
  position: absolute;
81
81
  height: 64px;
82
+ pointer-events: none;
82
83
  }
83
84
 
84
85
  .coorpmanager .title {
@@ -0,0 +1,19 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomInputSearch from '..';
5
+ import fixtureCoorpmanagerWithValue from './fixtures/coorpmanager-with-value';
6
+ import fixtureCoorpmanager from './fixtures/coorpmanager';
7
+ import fixtureDefault from './fixtures/default';
8
+ import fixtureWithValue from './fixtures/with-value';
9
+ test('Atom › AtomInputSearch > should have valid propTypes', t => {
10
+ t.pass();
11
+ forEach(AtomInputSearch.propTypes, (value, key) => {
12
+ t.not(value, undefined, `PropType for "Atom.AtomInputSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
13
+ });
14
+ });
15
+ test('Atom › AtomInputSearch › CoorpmanagerWithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanagerWithValue);
16
+ test('Atom › AtomInputSearch › Coorpmanager › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanager);
17
+ test('Atom › AtomInputSearch › Default › should be rendered', renderComponentMacro, AtomInputSearch, fixtureDefault);
18
+ test('Atom › AtomInputSearch › WithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureWithValue);
19
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/input-search/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputSearch","fixtureCoorpmanagerWithValue","fixtureCoorpmanager","fixtureDefault","fixtureWithValue","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,4BAAP,MAAyC,oCAAzC;AACA,OAAOC,mBAAP,MAAgC,yBAAhC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAP,IAAI,CAAC,sDAAD,EAAyDQ,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,eAAe,CAACO,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,eAA9F,EAA+GC,4BAA/G,CAAJ;AACAJ,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGE,mBAAtG,CAAJ;AACAL,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGG,cAAjG,CAAJ;AACAN,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGI,gBAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputSearch from '..';\nimport fixtureCoorpmanagerWithValue from './fixtures/coorpmanager-with-value';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Atom › AtomInputSearch > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputSearch.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputSearch › CoorpmanagerWithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanagerWithValue);\ntest('Atom › AtomInputSearch › Coorpmanager › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanager);\ntest('Atom › AtomInputSearch › Default › should be rendered', renderComponentMacro, AtomInputSearch, fixtureDefault);\ntest('Atom › AtomInputSearch › WithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureWithValue);\n"],"file":"fixtures.js"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,oBAAoB,IAAIC,SAF1B,EAGEC,0CAA0C,IAAIC,QAHhD,QAIO,0BAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEF,KAAK,CAACE,KADI;AAEjBC,EAAAA,YAAY,EAAEH,KAAK,CAACG,YAFH;AAGjBC,EAAAA,OAAO,EAAEJ,KAAK,CAACI,OAHE;AAIjBC,EAAAA,OAAO,EAAEL,KAAK,CAACK;AAJE,CAAnB;;AAMA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QAAQ,QANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,QAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG,KAbP;AAcJC,IAAAA,KAAK,EAAEC;AAdH,MAeFf,KAfJ;AAiBA,QAAMc,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMI,YAAY,GAAGjC,OAAO,CAAC,MAAMkC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASf,KAAV,CAApB,EAAsC,CAACG,QAAD,CAAtC,CAA5B;AACA,QAAMa,SAAS,GAAGzB,UAAU,CAACe,KAAD,CAA5B;AACA,QAAMW,SAAS,GAAG5B,aAAa,CAACC,KAAK,CAACK,OAAP,EAAgBL,KAAK,CAACoB,QAAtB,EAAgCpB,KAAK,CAACc,KAAtC,EAA6CM,QAA7C,EAAuDN,KAAvD,CAA/B;AACA,QAAMc,eAAe,GACnBX,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACiB;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMY,WAAW,GACfZ,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAAC8B;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAE9B,KAAK,CAAC+B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE/B,KAAK,CAACgC;AAAtB,KAAyCf,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMgB,QAAQ,GACZjB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEhB,KAAK,CAACW,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACuB,MAAAA,MAAM,EAAEpB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMwB,aAAa,GAAGrB,KAAK,gBAAG,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEd,KAAK,CAACoC;AAA5B,IAAH,GAA8C,IAAzE;AACA,QAAMC,aAAa,GAAGtB,KAAK,gBAAG,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEf,KAAK,CAACoC;AAA5B,IAAH,GAA8C,IAAzE;AACA,sBACE;AACE,IAAA,SAAS,EAAEtC,UAAU,CACnB4B,SADmB,EAEnBC,SAFmB,EAGnBT,QAAQ,IAAIlB,KAAK,CAACkB,QAHC,EAInB,OAAMI,UAAN,KAAqBtB,KAAK,CAACsC,SAJR;AADvB,kBAQE,gDACE;AAAM,IAAA,SAAS,EAAExC,UAAU,CAACE,KAAK,CAACqB,KAAP,EAAc,SAAQX,KAAR,KAAkBV,KAAK,CAACuC,OAAtC;AAA3B,KACGlB,KADH,EAEGQ,WAFH,CADF,eAME;AACE,IAAA,SAAS,EAAErB,SADb;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAEa,KAHR;AAIE,IAAA,SAAS,EAAErB,KAAK,CAACwC,KAJnB;AAKE,IAAA,WAAW,EAAE/B,WALf;AAME,IAAA,YAAY,EAAEG,YANhB;AAOE,IAAA,YAAY,EAAE,KAPhB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,OAAO,EAAEa,YATX;AAUE,IAAA,QAAQ,EAAEL,QAVZ;AAWE,IAAA,QAAQ;AAXV,IANF,EAmBGiB,aAnBH,EAoBGE,aApBH,EAqBGJ,QArBH,CARF,EA+BGL,eA/BH,CADF;AAmCD,CA9ED;;AAgFAtB,SAAS,CAACmC,SAAV,2CAAsB;AACpBjC,EAAAA,SAAS,EAAEjB,SAAS,CAACmD,IADD;AAEpBrB,EAAAA,KAAK,EAAE9B,SAAS,CAACoD,MAFG;AAGpBlC,EAAAA,WAAW,EAAElB,SAAS,CAACoD,MAHH;AAIpB/B,EAAAA,YAAY,EAAErB,SAAS,CAACoD,MAJJ;AAKpB3B,EAAAA,KAAK,EAAEzB,SAAS,CAACqD,KAAV,CAAgB,MAAK3C,UAAL,CAAhB,CALa;AAMpBiB,EAAAA,QAAQ,EAAE3B,SAAS,CAACmD,IANA;AAOpBvB,EAAAA,QAAQ,EAAE5B,SAAS,CAACmD,IAPA;AAQpBhC,EAAAA,KAAK,EAAEnB,SAAS,CAACoD,MARG;AASpBhC,EAAAA,IAAI,EAAEpB,SAAS,CAACoD,MATI;AAUpB7B,EAAAA,KAAK,EAAEvB,SAAS,CAACoD,MAVG;AAWpB9B,EAAAA,QAAQ,EAAEtB,SAAS,CAACsD,IAXA;AAYpB5B,EAAAA,WAAW,EAAE1B,SAAS,CAACoD,MAZH;AAapBvB,EAAAA,QAAQ,EAAE7B,SAAS,CAACmD,IAbA;AAcpB3B,EAAAA,KAAK,EAAExB,SAAS,CAACmD;AAdG,CAAtB;AAgBA,eAAepC,SAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n required,\n modified = false,\n title: propsTitle\n } = props;\n\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={title}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n required,\n modified = false,\n title: propsTitle\n } = props;\n\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={title}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
@@ -181,7 +181,7 @@
181
181
 
182
182
 
183
183
  .coorpmanager {
184
- width: 300px;
184
+ width: 100%;
185
185
  position: relative;
186
186
  display: flex;
187
187
  flex-direction: column;
@@ -227,8 +227,12 @@
227
227
  color: cm_grey_500;
228
228
  }
229
229
 
230
+ .coorpmanager label {
231
+ width: 100%;
232
+ }
233
+
230
234
  .coorpmanager input {
231
- width: 300px;
235
+ width: 100%;
232
236
  height: 44px;
233
237
  margin: 0px;
234
238
  flex-grow: 0;
@@ -2,6 +2,7 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomInputText from '..';
5
+ import fixtureCmDefault from './fixtures/cm-default';
5
6
  import fixtureDefault from './fixtures/default';
6
7
  import fixtureDisabled from './fixtures/disabled';
7
8
  import fixtureEmpty from './fixtures/empty';
@@ -15,6 +16,7 @@ test('Atom › AtomInputText > should have valid propTypes', t => {
15
16
  t.not(value, undefined, `PropType for "Atom.AtomInputText.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
16
17
  });
17
18
  });
19
+ test('Atom › AtomInputText › CmDefault › should be rendered', renderComponentMacro, AtomInputText, fixtureCmDefault);
18
20
  test('Atom › AtomInputText › Default › should be rendered', renderComponentMacro, AtomInputText, fixtureDefault);
19
21
  test('Atom › AtomInputText › Disabled › should be rendered', renderComponentMacro, AtomInputText, fixtureDisabled);
20
22
  test('Atom › AtomInputText › Empty › should be rendered', renderComponentMacro, AtomInputText, fixtureEmpty);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/input-text/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputText","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureError","fixtureModified","fixtureNotitle","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,aAAP,MAA0B,IAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAV,IAAI,CAAC,oDAAD,EAAuDW,CAAC,IAAI;AAC9DA,EAAAA,CAAC,CAACC,IAAF;AACAX,EAAAA,OAAO,CAACE,aAAa,CAACU,SAAf,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8CAA6CF,GAAI,mEAA1E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAf,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,aAA9E,EAA6FC,cAA7F,CAAJ;AACAJ,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,aAA/E,EAA8FE,eAA9F,CAAJ;AACAL,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,aAA5E,EAA2FG,YAA3F,CAAJ;AACAN,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,aAA5E,EAA2FI,YAA3F,CAAJ;AACAP,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,aAA/E,EAA8FK,eAA9F,CAAJ;AACAR,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,aAA9E,EAA6FM,cAA7F,CAAJ;AACAT,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,aAA/E,EAA8FO,eAA9F,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputText from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureNotitle from './fixtures/notitle';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputText > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputText.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputText.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputText › Default › should be rendered', renderComponentMacro, AtomInputText, fixtureDefault);\ntest('Atom › AtomInputText › Disabled › should be rendered', renderComponentMacro, AtomInputText, fixtureDisabled);\ntest('Atom › AtomInputText › Empty › should be rendered', renderComponentMacro, AtomInputText, fixtureEmpty);\ntest('Atom › AtomInputText › Error › should be rendered', renderComponentMacro, AtomInputText, fixtureError);\ntest('Atom › AtomInputText › Modified › should be rendered', renderComponentMacro, AtomInputText, fixtureModified);\ntest('Atom › AtomInputText › Notitle › should be rendered', renderComponentMacro, AtomInputText, fixtureNotitle);\ntest('Atom › AtomInputText › Required › should be rendered', renderComponentMacro, AtomInputText, fixtureRequired);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/input-text/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputText","fixtureCmDefault","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureError","fixtureModified","fixtureNotitle","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,aAAP,MAA0B,IAA1B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAX,IAAI,CAAC,oDAAD,EAAuDY,CAAC,IAAI;AAC9DA,EAAAA,CAAC,CAACC,IAAF;AACAZ,EAAAA,OAAO,CAACE,aAAa,CAACW,SAAf,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8CAA6CF,GAAI,mEAA1E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAhB,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,aAAhF,EAA+FC,gBAA/F,CAAJ;AACAJ,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,aAA9E,EAA6FE,cAA7F,CAAJ;AACAL,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,aAA/E,EAA8FG,eAA9F,CAAJ;AACAN,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,aAA5E,EAA2FI,YAA3F,CAAJ;AACAP,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,aAA5E,EAA2FK,YAA3F,CAAJ;AACAR,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,aAA/E,EAA8FM,eAA9F,CAAJ;AACAT,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,aAA9E,EAA6FO,cAA7F,CAAJ;AACAV,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,aAA/E,EAA8FQ,eAA9F,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputText from '..';\nimport fixtureCmDefault from './fixtures/cm-default';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureNotitle from './fixtures/notitle';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputText > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputText.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputText.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputText › CmDefault › should be rendered', renderComponentMacro, AtomInputText, fixtureCmDefault);\ntest('Atom › AtomInputText › Default › should be rendered', renderComponentMacro, AtomInputText, fixtureDefault);\ntest('Atom › AtomInputText › Disabled › should be rendered', renderComponentMacro, AtomInputText, fixtureDisabled);\ntest('Atom › AtomInputText › Empty › should be rendered', renderComponentMacro, AtomInputText, fixtureEmpty);\ntest('Atom › AtomInputText › Error › should be rendered', renderComponentMacro, AtomInputText, fixtureError);\ntest('Atom › AtomInputText › Modified › should be rendered', renderComponentMacro, AtomInputText, fixtureModified);\ntest('Atom › AtomInputText › Notitle › should be rendered', renderComponentMacro, AtomInputText, fixtureNotitle);\ntest('Atom › AtomInputText › Required › should be rendered', renderComponentMacro, AtomInputText, fixtureRequired);\n"],"file":"fixtures.js"}
@@ -183,7 +183,7 @@
183
183
 
184
184
 
185
185
  .coorpmanager {
186
- width: 300px;
186
+ width: 100%;
187
187
  position: relative;
188
188
  display: flex;
189
189
  flex-direction: column;
@@ -192,6 +192,7 @@
192
192
  }
193
193
 
194
194
  .coorpmanager label {
195
+ width: 100%;
195
196
  display: flex;
196
197
  flex-direction: column;
197
198
  align-items: flex-start;
@@ -231,10 +232,9 @@
231
232
  }
232
233
 
233
234
  .coorpmanager textarea {
234
- width: 285px;
235
+ width: stretch;
235
236
  min-height: 145px;
236
237
  resize: vertical;
237
- margin: 0px;
238
238
  flex-grow: 0;
239
239
  display: flex;
240
240
  box-sizing: border-box;
@@ -2,6 +2,8 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomInputTextarea from '..';
5
+ import fixtureCmDefault from './fixtures/cm-default';
6
+ import fixtureCmEmpty from './fixtures/cm-empty';
5
7
  import fixtureDefault from './fixtures/default';
6
8
  import fixtureEmpty from './fixtures/empty';
7
9
  import fixtureError from './fixtures/error';
@@ -11,6 +13,8 @@ test('Atom › AtomInputTextarea > should have valid propTypes', t => {
11
13
  t.not(value, undefined, `PropType for "Atom.AtomInputTextarea.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
14
  });
13
15
  });
16
+ test('Atom › AtomInputTextarea › CmDefault › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureCmDefault);
17
+ test('Atom › AtomInputTextarea › CmEmpty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureCmEmpty);
14
18
  test('Atom › AtomInputTextarea › Default › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureDefault);
15
19
  test('Atom › AtomInputTextarea › Empty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureEmpty);
16
20
  test('Atom › AtomInputTextarea › Error › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureError);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/input-textarea/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputTextarea","fixtureDefault","fixtureEmpty","fixtureError","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAN,IAAI,CAAC,wDAAD,EAA2DO,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,iBAAiB,CAACM,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGC,cAArG,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGE,YAAnG,CAAJ;AACAL,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGG,YAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputTextarea from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\n\ntest('Atom › AtomInputTextarea > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputTextarea.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputTextarea.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputTextarea › Default › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureDefault);\ntest('Atom › AtomInputTextarea › Empty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureEmpty);\ntest('Atom › AtomInputTextarea › Error › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureError);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/input-textarea/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputTextarea","fixtureCmDefault","fixtureCmEmpty","fixtureDefault","fixtureEmpty","fixtureError","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAR,IAAI,CAAC,wDAAD,EAA2DS,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,iBAAiB,CAACQ,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,2DAAD,EAA8DE,oBAA9D,EAAoFC,iBAApF,EAAuGC,gBAAvG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGG,cAArG,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGI,YAAnG,CAAJ;AACAP,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGK,YAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputTextarea from '..';\nimport fixtureCmDefault from './fixtures/cm-default';\nimport fixtureCmEmpty from './fixtures/cm-empty';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\n\ntest('Atom › AtomInputTextarea > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputTextarea.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputTextarea.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputTextarea › CmDefault › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureCmDefault);\ntest('Atom › AtomInputTextarea › CmEmpty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureCmEmpty);\ntest('Atom › AtomInputTextarea › Default › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureDefault);\ntest('Atom › AtomInputTextarea › Empty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureEmpty);\ntest('Atom › AtomInputTextarea › Error › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureError);\n"],"file":"fixtures.js"}
@@ -0,0 +1,19 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomTag from '..';
5
+ import fixtureArchived from './fixtures/archived';
6
+ import fixtureDefault from './fixtures/default';
7
+ import fixturePublished from './fixtures/published';
8
+ import fixtureRevision from './fixtures/revision';
9
+ test('Atom › AtomTag > should have valid propTypes', t => {
10
+ t.pass();
11
+ forEach(AtomTag.propTypes, (value, key) => {
12
+ t.not(value, undefined, `PropType for "Atom.AtomTag.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
13
+ });
14
+ });
15
+ test('Atom › AtomTag › Archived › should be rendered', renderComponentMacro, AtomTag, fixtureArchived);
16
+ test('Atom › AtomTag › Default › should be rendered', renderComponentMacro, AtomTag, fixtureDefault);
17
+ test('Atom › AtomTag › Published › should be rendered', renderComponentMacro, AtomTag, fixturePublished);
18
+ test('Atom › AtomTag › Revision › should be rendered', renderComponentMacro, AtomTag, fixtureRevision);
19
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/tag/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTag","fixtureArchived","fixtureDefault","fixturePublished","fixtureRevision","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,OAAP,MAAoB,IAApB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAP,IAAI,CAAC,8CAAD,EAAiDQ,CAAC,IAAI;AACxDA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,OAAO,CAACO,SAAT,EAAoB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzCJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wCAAuCF,GAAI,mEAApE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,gDAAD,EAAmDE,oBAAnD,EAAyEC,OAAzE,EAAkFC,eAAlF,CAAJ;AACAJ,IAAI,CAAC,+CAAD,EAAkDE,oBAAlD,EAAwEC,OAAxE,EAAiFE,cAAjF,CAAJ;AACAL,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,OAA1E,EAAmFG,gBAAnF,CAAJ;AACAN,IAAI,CAAC,gDAAD,EAAmDE,oBAAnD,EAAyEC,OAAzE,EAAkFI,eAAlF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTag from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDefault from './fixtures/default';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevision from './fixtures/revision';\n\ntest('Atom › AtomTag > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTag.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTag.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTag › Archived › should be rendered', renderComponentMacro, AtomTag, fixtureArchived);\ntest('Atom › AtomTag › Default › should be rendered', renderComponentMacro, AtomTag, fixtureDefault);\ntest('Atom › AtomTag › Published › should be rendered', renderComponentMacro, AtomTag, fixturePublished);\ntest('Atom › AtomTag › Revision › should be rendered', renderComponentMacro, AtomTag, fixtureRevision);\n"],"file":"fixtures.js"}
@@ -2,12 +2,16 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomTitle from '..';
5
- import fixtureFixture from './fixtures/fixture';
5
+ import fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';
6
+ import fixtureFormGroupTitle from './fixtures/form-group-title';
7
+ import fixturePageTitle from './fixtures/page-title';
6
8
  test('Atom › AtomTitle > should have valid propTypes', t => {
7
9
  t.pass();
8
10
  forEach(AtomTitle.propTypes, (value, key) => {
9
11
  t.not(value, undefined, `PropType for "Atom.AtomTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
10
12
  });
11
13
  });
12
- test('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);
14
+ test('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);
15
+ test('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);
16
+ test('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);
13
17
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFixture","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,gDAAD,EAAmDK,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,SAAS,CAACI,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,SAA1E,EAAqFC,cAArF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFixture from './fixtures/fixture';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFormGroupTitleWithoutSubtitle","fixtureFormGroupTitle","fixturePageTitle","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,oCAAP,MAAiD,8CAAjD;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAN,IAAI,CAAC,gDAAD,EAAmDO,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,SAAS,CAACM,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,SAAhG,EAA2GC,oCAA3G,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,SAAjF,EAA4FE,qBAA5F,CAAJ;AACAL,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,SAA5E,EAAuFG,gBAAvF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';\nimport fixtureFormGroupTitle from './fixtures/form-group-title';\nimport fixturePageTitle from './fixtures/page-title';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);\ntest('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);\ntest('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);\n"],"file":"fixtures.js"}
@@ -0,0 +1,17 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomWizardSteps from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureFirstStep from './fixtures/first-step';
7
+ import fixtureLastStep from './fixtures/last-step';
8
+ test('Atom › AtomWizardSteps > should have valid propTypes', t => {
9
+ t.pass();
10
+ forEach(AtomWizardSteps.propTypes, (value, key) => {
11
+ t.not(value, undefined, `PropType for "Atom.AtomWizardSteps.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
+ });
13
+ });
14
+ test('Atom › AtomWizardSteps › Default › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureDefault);
15
+ test('Atom › AtomWizardSteps › FirstStep › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureFirstStep);
16
+ test('Atom › AtomWizardSteps › LastStep › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureLastStep);
17
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/wizard-steps/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomWizardSteps","fixtureDefault","fixtureFirstStep","fixtureLastStep","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAN,IAAI,CAAC,sDAAD,EAAyDO,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,eAAe,CAACM,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGC,cAAjG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGE,gBAAnG,CAAJ;AACAL,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGG,eAAlG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomWizardSteps from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFirstStep from './fixtures/first-step';\nimport fixtureLastStep from './fixtures/last-step';\n\ntest('Atom › AtomWizardSteps > should have valid propTypes', t => {\n t.pass();\n forEach(AtomWizardSteps.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomWizardSteps.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomWizardSteps › Default › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureDefault);\ntest('Atom › AtomWizardSteps › FirstStep › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureFirstStep);\ntest('Atom › AtomWizardSteps › LastStep › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureLastStep);\n"],"file":"fixtures.js"}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classnames from 'classnames';
4
4
  import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon } from '@coorpacademy/nova-icons';
5
- import Link from '../../atom/link';
5
+ import Link from '../../atom/button-link';
6
6
  import style from './style.css';
7
7
 
8
8
  const Banner = props => {
@@ -15,23 +15,32 @@ const Banner = props => {
15
15
  secondCTA
16
16
  } = props;
17
17
  return /*#__PURE__*/React.createElement("div", {
18
- className: classnames(style.banner, type === 'error' && style.errorBanner)
18
+ className: classnames(style.banner, type === 'error' && style.errorBanner),
19
+ title: message
19
20
  }, /*#__PURE__*/React.createElement("div", {
20
21
  "data-name": `${type}-banner-message`,
21
22
  className: style.message
22
23
  }, /*#__PURE__*/React.createElement(QuestionIcon, {
23
24
  className: style.icon
24
- }), message), firstCTALabel ? /*#__PURE__*/React.createElement(Link, {
25
+ }), message), firstCTALabel ? /*#__PURE__*/React.createElement("div", {
26
+ className: style.button
27
+ }, /*#__PURE__*/React.createElement(Link, {
25
28
  "data-name": "first-banner-cta",
26
- className: style.button,
27
- onClick: firstCTA
28
- }, firstCTALabel) : null, firstCTALabel && secondCTALabel ? /*#__PURE__*/React.createElement("div", {
29
+ "aria-label": firstCTALabel,
30
+ label: firstCTALabel,
31
+ onClick: firstCTA,
32
+ type: "text"
33
+ })) : null, firstCTALabel && secondCTALabel ? /*#__PURE__*/React.createElement("div", {
29
34
  className: style.buttonsBar
30
- }) : null, secondCTALabel ? /*#__PURE__*/React.createElement(Link, {
35
+ }) : null, secondCTALabel ? /*#__PURE__*/React.createElement("div", {
36
+ className: style.button
37
+ }, /*#__PURE__*/React.createElement(Link, {
31
38
  "data-name": "second-banner-cta",
32
- className: style.button,
33
- onClick: secondCTA
34
- }, secondCTALabel) : null);
39
+ onClick: secondCTA,
40
+ "aria-label": secondCTALabel,
41
+ label: secondCTALabel,
42
+ type: "text"
43
+ })) : null);
35
44
  };
36
45
 
37
46
  Banner.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","Link","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","banner","errorBanner","icon","button","buttonsBar","propTypes","oneOf","string","isRequired","func"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,+CAA+C,IAAIC,YAA3D,QAA8E,0BAA9E;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA;AAAzD,MAAsEN,KAA5E;AACA,sBACE;AAAK,IAAA,SAAS,EAAEN,UAAU,CAACI,KAAK,CAACS,MAAP,EAAeN,IAAI,KAAK,OAAT,IAAoBH,KAAK,CAACU,WAAzC;AAA1B,kBACE;AAAK,iBAAY,GAAEP,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEH,KAAK,CAACI;AAA3D,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEJ,KAAK,CAACW;AAA/B,IADF,EAEGP,OAFH,CADF,EAKGE,aAAa,gBACZ,oBAAC,IAAD;AAAM,iBAAU,kBAAhB;AAAmC,IAAA,SAAS,EAAEN,KAAK,CAACY,MAApD;AAA4D,IAAA,OAAO,EAAEP;AAArE,KACGC,aADH,CADY,GAIV,IATN,EAUGA,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACa;AAAtB,IAAlC,GAAyE,IAV5E,EAWGN,cAAc,gBACb,oBAAC,IAAD;AAAM,iBAAU,mBAAhB;AAAoC,IAAA,SAAS,EAAEP,KAAK,CAACY,MAArD;AAA6D,IAAA,OAAO,EAAEJ;AAAtE,KACGD,cADH,CADa,GAIX,IAfN,CADF;AAmBD,CArBD;;AAuBAN,MAAM,CAACa,SAAP,2CAAmB;AACjBX,EAAAA,IAAI,EAAER,SAAS,CAACoB,KAAV,CAAgB,CAAC,aAAD,EAAgB,OAAhB,CAAhB,CADW;AAEjBX,EAAAA,OAAO,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UAFT;AAGjBZ,EAAAA,QAAQ,EAAEV,SAAS,CAACuB,IAHH;AAIjBZ,EAAAA,aAAa,EAAEX,SAAS,CAACqB,MAJR;AAKjBT,EAAAA,cAAc,EAAEZ,SAAS,CAACqB,MALT;AAMjBR,EAAAA,SAAS,EAAEb,SAAS,CAACuB;AANJ,CAAnB;AASA,eAAejB,MAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Banner = props => {\n const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA} = props;\n return (\n <div className={classnames(style.banner, type === 'error' && style.errorBanner)}>\n <div data-name={`${type}-banner-message`} className={style.message}>\n <QuestionIcon className={style.icon} />\n {message}\n </div>\n {firstCTALabel ? (\n <Link data-name=\"first-banner-cta\" className={style.button} onClick={firstCTA}>\n {firstCTALabel}\n </Link>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <Link data-name=\"second-banner-cta\" className={style.button} onClick={secondCTA}>\n {secondCTALabel}\n </Link>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n type: PropTypes.oneOf(['information', 'error']),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func\n};\n\nexport default Banner;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","Link","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","banner","errorBanner","icon","button","buttonsBar","propTypes","oneOf","string","isRequired","func"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,+CAA+C,IAAIC,YAA3D,QAA8E,0BAA9E;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA;AAAzD,MAAsEN,KAA5E;AACA,sBACE;AACE,IAAA,SAAS,EAAEN,UAAU,CAACI,KAAK,CAACS,MAAP,EAAeN,IAAI,KAAK,OAAT,IAAoBH,KAAK,CAACU,WAAzC,CADvB;AAEE,IAAA,KAAK,EAAEN;AAFT,kBAIE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEH,KAAK,CAACI;AAA3D,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEJ,KAAK,CAACW;AAA/B,IADF,EAEGP,OAFH,CAJF,EAQGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACY;AAAtB,kBACE,oBAAC,IAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYN,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAlBN,EAmBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACa;AAAtB,IAAlC,GAAyE,IAnB5E,EAoBGN,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACY;AAAtB,kBACE,oBAAC,IAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEJ,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IA9BN,CADF;AAkCD,CApCD;;AAsCAN,MAAM,CAACa,SAAP,2CAAmB;AACjBX,EAAAA,IAAI,EAAER,SAAS,CAACoB,KAAV,CAAgB,CAAC,aAAD,EAAgB,OAAhB,CAAhB,CADW;AAEjBX,EAAAA,OAAO,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UAFT;AAGjBZ,EAAAA,QAAQ,EAAEV,SAAS,CAACuB,IAHH;AAIjBZ,EAAAA,aAAa,EAAEX,SAAS,CAACqB,MAJR;AAKjBT,EAAAA,cAAc,EAAEZ,SAAS,CAACqB,MALT;AAMjBR,EAAAA,SAAS,EAAEb,SAAS,CAACuB;AANJ,CAAnB;AASA,eAAejB,MAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst Banner = props => {\n const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA} = props;\n return (\n <div\n className={classnames(style.banner, type === 'error' && style.errorBanner)}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <QuestionIcon className={style.icon} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n type: PropTypes.oneOf(['information', 'error']),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func\n};\n\nexport default Banner;\n"],"file":"index.js"}