@coorpacademy/components 10.1.5 → 10.1.9

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 (265) hide show
  1. package/es/atom/button-link/index.js +7 -23
  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 +31 -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-link-icon-only/test/fixtures.js +21 -0
  22. package/es/atom/button-link-icon-only/test/fixtures.js.map +1 -0
  23. package/es/atom/button-menu/index.js +66 -0
  24. package/es/atom/button-menu/index.js.map +1 -0
  25. package/es/atom/button-menu/style.css +51 -0
  26. package/es/atom/button-menu/test/fixtures/default.js +20 -0
  27. package/es/atom/button-menu/test/fixtures/default.js.map +1 -0
  28. package/es/atom/button-menu/test/fixtures/multiple-buttons.js +15 -0
  29. package/es/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
  30. package/es/atom/button-menu/test/fixtures.js +15 -0
  31. package/es/atom/button-menu/test/fixtures.js.map +1 -0
  32. package/es/atom/chips/test/fixtures.js +17 -0
  33. package/es/atom/chips/test/fixtures.js.map +1 -0
  34. package/es/atom/content-badge/test/fixtures.js +27 -0
  35. package/es/atom/content-badge/test/fixtures.js.map +1 -0
  36. package/es/atom/input-search/test/fixtures.js +19 -0
  37. package/es/atom/input-search/test/fixtures.js.map +1 -0
  38. package/es/atom/input-text/index.js.map +1 -1
  39. package/es/atom/input-text/test/fixtures.js +2 -0
  40. package/es/atom/input-text/test/fixtures.js.map +1 -1
  41. package/es/atom/input-textarea/test/fixtures.js +4 -0
  42. package/es/atom/input-textarea/test/fixtures.js.map +1 -1
  43. package/es/atom/tag/index.js +3 -2
  44. package/es/atom/tag/index.js.map +1 -1
  45. package/es/atom/tag/style.css +5 -1
  46. package/es/atom/tag/test/fixtures/draft.js +7 -0
  47. package/es/atom/tag/test/fixtures/draft.js.map +1 -0
  48. package/es/atom/tag/test/fixtures/{revision.js → revised.js} +2 -2
  49. package/es/atom/tag/test/fixtures/revised.js.map +1 -0
  50. package/es/atom/tag/test/fixtures.js +19 -0
  51. package/es/atom/tag/test/fixtures.js.map +1 -0
  52. package/es/atom/wizard-steps/test/fixtures.js +17 -0
  53. package/es/atom/wizard-steps/test/fixtures.js.map +1 -0
  54. package/es/molecule/banner/index.js +19 -10
  55. package/es/molecule/banner/index.js.map +1 -1
  56. package/es/molecule/banner/style.css +10 -8
  57. package/es/molecule/banner/test/fixtures.js +15 -0
  58. package/es/molecule/banner/test/fixtures.js.map +1 -0
  59. package/es/molecule/brand-form-group/index.js +20 -5
  60. package/es/molecule/brand-form-group/index.js.map +1 -1
  61. package/es/molecule/brand-form-group/style.css +19 -0
  62. package/es/molecule/brand-form-group/test/fixtures.js +2 -0
  63. package/es/molecule/brand-form-group/test/fixtures.js.map +1 -1
  64. package/es/molecule/bullet-point-menu-button/index.js +51 -0
  65. package/es/molecule/bullet-point-menu-button/index.js.map +1 -0
  66. package/es/molecule/bullet-point-menu-button/style.css +52 -0
  67. package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +34 -0
  68. package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
  69. package/es/molecule/bullet-point-menu-button/test/fixtures/default.js +11 -0
  70. package/es/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
  71. package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +13 -0
  72. package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
  73. package/es/molecule/bullet-point-menu-button/test/fixtures.js +15 -0
  74. package/es/molecule/bullet-point-menu-button/test/fixtures.js.map +1 -0
  75. package/es/molecule/card/test/fixtures.js +4 -0
  76. package/es/molecule/card/test/fixtures.js.map +1 -1
  77. package/es/molecule/cm-popin/index.js +8 -7
  78. package/es/molecule/cm-popin/index.js.map +1 -1
  79. package/es/molecule/cm-popin/style.css +0 -25
  80. package/es/molecule/cm-popin/test/fixtures.js +17 -0
  81. package/es/molecule/cm-popin/test/fixtures.js.map +1 -0
  82. package/es/molecule/empty-search-result/test/fixtures.js +13 -0
  83. package/es/molecule/empty-search-result/test/fixtures.js.map +1 -0
  84. package/es/molecule/feedback/test/fixtures.js +0 -2
  85. package/es/molecule/feedback/test/fixtures.js.map +1 -1
  86. package/es/molecule/vertical-tabs/index.js +8 -3
  87. package/es/molecule/vertical-tabs/index.js.map +1 -1
  88. package/es/molecule/vertical-tabs/test/fixtures/default.js +2 -1
  89. package/es/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
  90. package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
  91. package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
  92. package/es/molecule/vertical-tabs/test/fixtures.js +15 -0
  93. package/es/molecule/vertical-tabs/test/fixtures.js.map +1 -0
  94. package/es/molecule/wizard-summary/index.js +3 -1
  95. package/es/molecule/wizard-summary/index.js.map +1 -1
  96. package/es/molecule/wizard-summary/style.css +8 -0
  97. package/es/molecule/wizard-summary/test/fixtures.js +21 -0
  98. package/es/molecule/wizard-summary/test/fixtures.js.map +1 -0
  99. package/es/organism/brand-form/test/fixtures/wizard-playlists.js +26 -0
  100. package/es/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -0
  101. package/es/organism/brand-form/test/fixtures.js +2 -0
  102. package/es/organism/brand-form/test/fixtures.js.map +1 -1
  103. package/es/organism/course-selection/test/fixtures.js +21 -0
  104. package/es/organism/course-selection/test/fixtures.js.map +1 -0
  105. package/es/organism/playlist-translation/index.js +63 -0
  106. package/es/organism/playlist-translation/index.js.map +1 -0
  107. package/es/organism/playlist-translation/style.css +45 -0
  108. package/es/organism/playlist-translation/test/fixtures/default.js +24 -0
  109. package/es/organism/playlist-translation/test/fixtures/default.js.map +1 -0
  110. package/es/organism/playlist-translation/test/fixtures/delete.js +18 -0
  111. package/es/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
  112. package/es/organism/playlist-translation/test/fixtures.js +15 -0
  113. package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
  114. package/es/organism/search-and-chips-results/index.js +1 -0
  115. package/es/organism/search-and-chips-results/index.js.map +1 -1
  116. package/es/organism/search-and-chips-results/style.css +1 -1
  117. package/es/organism/search-and-chips-results/test/fixtures.js +21 -0
  118. package/es/organism/search-and-chips-results/test/fixtures.js.map +1 -0
  119. package/es/organism/setup-header/index.js +78 -31
  120. package/es/organism/setup-header/index.js.map +1 -1
  121. package/es/organism/setup-header/style.css +27 -62
  122. package/es/template/app-player/popin-end/test/fixtures.js +0 -2
  123. package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
  124. package/es/template/teams-dashboard/index.js +4 -3
  125. package/es/template/teams-dashboard/index.js.map +1 -1
  126. package/es/util/button-icons.js +16 -0
  127. package/es/util/button-icons.js.map +1 -0
  128. package/es/variables/colors.css +2 -0
  129. package/lib/atom/button-link/index.js +9 -25
  130. package/lib/atom/button-link/index.js.map +1 -1
  131. package/lib/atom/button-link/style.css +4 -6
  132. package/lib/atom/button-link/test/fixtures.js +49 -0
  133. package/lib/atom/button-link/test/fixtures.js.map +1 -0
  134. package/lib/atom/button-link-icon-only/index.js +94 -0
  135. package/lib/atom/button-link-icon-only/index.js.map +1 -0
  136. package/lib/atom/button-link-icon-only/style.css +64 -0
  137. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js +37 -0
  138. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
  139. package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js +15 -0
  140. package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
  141. package/lib/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
  142. package/lib/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
  143. package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js +12 -0
  144. package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
  145. package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +16 -0
  146. package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
  147. package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js +18 -0
  148. package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
  149. package/lib/atom/button-link-icon-only/test/fixtures.js +34 -0
  150. package/lib/atom/button-link-icon-only/test/fixtures.js.map +1 -0
  151. package/lib/atom/button-menu/index.js +82 -0
  152. package/lib/atom/button-menu/index.js.map +1 -0
  153. package/lib/atom/button-menu/style.css +51 -0
  154. package/lib/atom/button-menu/test/fixtures/default.js +27 -0
  155. package/lib/atom/button-menu/test/fixtures/default.js.map +1 -0
  156. package/lib/atom/button-menu/test/fixtures/multiple-buttons.js +23 -0
  157. package/lib/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
  158. package/lib/atom/button-menu/test/fixtures.js +25 -0
  159. package/lib/atom/button-menu/test/fixtures.js.map +1 -0
  160. package/lib/atom/chips/test/fixtures.js +28 -0
  161. package/lib/atom/chips/test/fixtures.js.map +1 -0
  162. package/lib/atom/content-badge/test/fixtures.js +43 -0
  163. package/lib/atom/content-badge/test/fixtures.js.map +1 -0
  164. package/lib/atom/input-search/test/fixtures.js +31 -0
  165. package/lib/atom/input-search/test/fixtures.js.map +1 -0
  166. package/lib/atom/input-text/index.js.map +1 -1
  167. package/lib/atom/input-text/test/fixtures.js +3 -0
  168. package/lib/atom/input-text/test/fixtures.js.map +1 -1
  169. package/lib/atom/input-textarea/test/fixtures.js +6 -0
  170. package/lib/atom/input-textarea/test/fixtures.js.map +1 -1
  171. package/lib/atom/tag/index.js +3 -2
  172. package/lib/atom/tag/index.js.map +1 -1
  173. package/lib/atom/tag/style.css +5 -1
  174. package/lib/atom/tag/test/fixtures/draft.js +12 -0
  175. package/lib/atom/tag/test/fixtures/draft.js.map +1 -0
  176. package/lib/atom/tag/test/fixtures/{revision.js → revised.js} +2 -2
  177. package/lib/atom/tag/test/fixtures/revised.js.map +1 -0
  178. package/lib/atom/tag/test/fixtures.js +31 -0
  179. package/lib/atom/tag/test/fixtures.js.map +1 -0
  180. package/lib/atom/wizard-steps/test/fixtures.js +28 -0
  181. package/lib/atom/wizard-steps/test/fixtures.js.map +1 -0
  182. package/lib/molecule/banner/index.js +19 -10
  183. package/lib/molecule/banner/index.js.map +1 -1
  184. package/lib/molecule/banner/style.css +10 -8
  185. package/lib/molecule/banner/test/fixtures.js +25 -0
  186. package/lib/molecule/banner/test/fixtures.js.map +1 -0
  187. package/lib/molecule/brand-form-group/index.js +22 -5
  188. package/lib/molecule/brand-form-group/index.js.map +1 -1
  189. package/lib/molecule/brand-form-group/style.css +19 -0
  190. package/lib/molecule/brand-form-group/test/fixtures.js +3 -0
  191. package/lib/molecule/brand-form-group/test/fixtures.js.map +1 -1
  192. package/lib/molecule/bullet-point-menu-button/index.js +69 -0
  193. package/lib/molecule/bullet-point-menu-button/index.js.map +1 -0
  194. package/lib/molecule/bullet-point-menu-button/style.css +52 -0
  195. package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +46 -0
  196. package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
  197. package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js +18 -0
  198. package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
  199. package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +25 -0
  200. package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
  201. package/lib/molecule/bullet-point-menu-button/test/fixtures.js +25 -0
  202. package/lib/molecule/bullet-point-menu-button/test/fixtures.js.map +1 -0
  203. package/lib/molecule/card/test/fixtures.js +6 -0
  204. package/lib/molecule/card/test/fixtures.js.map +1 -1
  205. package/lib/molecule/cm-popin/index.js +8 -6
  206. package/lib/molecule/cm-popin/index.js.map +1 -1
  207. package/lib/molecule/cm-popin/style.css +0 -25
  208. package/lib/molecule/cm-popin/test/fixtures.js +28 -0
  209. package/lib/molecule/cm-popin/test/fixtures.js.map +1 -0
  210. package/lib/molecule/empty-search-result/test/fixtures.js +22 -0
  211. package/lib/molecule/empty-search-result/test/fixtures.js.map +1 -0
  212. package/lib/molecule/feedback/test/fixtures.js +0 -3
  213. package/lib/molecule/feedback/test/fixtures.js.map +1 -1
  214. package/lib/molecule/vertical-tabs/index.js +8 -3
  215. package/lib/molecule/vertical-tabs/index.js.map +1 -1
  216. package/lib/molecule/vertical-tabs/test/fixtures/default.js +2 -1
  217. package/lib/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
  218. package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
  219. package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
  220. package/lib/molecule/vertical-tabs/test/fixtures.js +25 -0
  221. package/lib/molecule/vertical-tabs/test/fixtures.js.map +1 -0
  222. package/lib/molecule/wizard-summary/index.js +3 -1
  223. package/lib/molecule/wizard-summary/index.js.map +1 -1
  224. package/lib/molecule/wizard-summary/style.css +8 -0
  225. package/lib/molecule/wizard-summary/test/fixtures.js +34 -0
  226. package/lib/molecule/wizard-summary/test/fixtures.js.map +1 -0
  227. package/lib/organism/brand-form/test/fixtures/wizard-playlists.js +31 -0
  228. package/lib/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -0
  229. package/lib/organism/brand-form/test/fixtures.js +3 -0
  230. package/lib/organism/brand-form/test/fixtures.js.map +1 -1
  231. package/lib/organism/course-selection/test/fixtures.js +34 -0
  232. package/lib/organism/course-selection/test/fixtures.js.map +1 -0
  233. package/lib/organism/playlist-translation/index.js +78 -0
  234. package/lib/organism/playlist-translation/index.js.map +1 -0
  235. package/lib/organism/playlist-translation/style.css +45 -0
  236. package/lib/organism/playlist-translation/test/fixtures/default.js +35 -0
  237. package/lib/organism/playlist-translation/test/fixtures/default.js.map +1 -0
  238. package/lib/organism/playlist-translation/test/fixtures/delete.js +29 -0
  239. package/lib/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
  240. package/lib/organism/playlist-translation/test/fixtures.js +25 -0
  241. package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
  242. package/lib/organism/search-and-chips-results/index.js +1 -0
  243. package/lib/organism/search-and-chips-results/index.js.map +1 -1
  244. package/lib/organism/search-and-chips-results/style.css +1 -1
  245. package/lib/organism/search-and-chips-results/test/fixtures.js +34 -0
  246. package/lib/organism/search-and-chips-results/test/fixtures.js.map +1 -0
  247. package/lib/organism/setup-header/index.js +80 -32
  248. package/lib/organism/setup-header/index.js.map +1 -1
  249. package/lib/organism/setup-header/style.css +27 -62
  250. package/lib/template/app-player/popin-end/test/fixtures.js +0 -3
  251. package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
  252. package/lib/template/teams-dashboard/index.js +3 -1
  253. package/lib/template/teams-dashboard/index.js.map +1 -1
  254. package/lib/util/button-icons.js +23 -0
  255. package/lib/util/button-icons.js.map +1 -0
  256. package/lib/variables/colors.css +2 -0
  257. package/package.json +3 -3
  258. package/es/atom/button-link/test/fixtures/icon-button.js.map +0 -1
  259. package/es/atom/tag/test/fixtures/revision.js.map +0 -1
  260. package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
  261. package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  262. package/lib/atom/button-link/test/fixtures/icon-button.js.map +0 -1
  263. package/lib/atom/tag/test/fixtures/revision.js.map +0 -1
  264. package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
  265. package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
@@ -0,0 +1,13 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import MoleculeEmptySearchResult from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ test('Molecule › MoleculeEmptySearchResult > should have valid propTypes', t => {
7
+ t.pass();
8
+ forEach(MoleculeEmptySearchResult.propTypes, (value, key) => {
9
+ t.not(value, undefined, `PropType for "Molecule.MoleculeEmptySearchResult.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
10
+ });
11
+ });
12
+ test('Molecule › MoleculeEmptySearchResult › Default › should be rendered', renderComponentMacro, MoleculeEmptySearchResult, fixtureDefault);
13
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/molecule/empty-search-result/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeEmptySearchResult","fixtureDefault","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,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,oEAAD,EAAuEK,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,yBAAyB,CAACI,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,yBAA9F,EAAyHC,cAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeEmptySearchResult from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeEmptySearchResult > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeEmptySearchResult.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeEmptySearchResult.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeEmptySearchResult › Default › should be rendered', renderComponentMacro, MoleculeEmptySearchResult, fixtureDefault);\n"],"file":"fixtures.js"}
@@ -9,7 +9,6 @@ import fixtureSuccessExitNode from './fixtures/success-exit-node';
9
9
  import fixtureSuccessWithTitleAndDescriptionAndAudio from './fixtures/success-with-title-and-description-and-audio';
10
10
  import fixtureSuccessWithTitleAndDescriptionAndImage from './fixtures/success-with-title-and-description-and-image';
11
11
  import fixtureSuccessWithTitleAndDescriptionAndPdf from './fixtures/success-with-title-and-description-and-pdf';
12
- import fixtureSuccessWithTitleAndDescriptionAndVideo from './fixtures/success-with-title-and-description-and-video';
13
12
  import fixtureSuccessWithTitleAndDescription from './fixtures/success-with-title-and-description';
14
13
  test('Molecule › MoleculeFeedback > should have valid propTypes', t => {
15
14
  t.pass();
@@ -24,6 +23,5 @@ test('Molecule › MoleculeFeedback › SuccessExitNode › should be rendered',
24
23
  test('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndAudio › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndAudio);
25
24
  test('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndImage › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndImage);
26
25
  test('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndPdf › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndPdf);
27
- test('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndVideo);
28
26
  test('Molecule › MoleculeFeedback › SuccessWithTitleAndDescription › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescription);
29
27
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/molecule/feedback/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeFeedback","fixtureDefault","fixtureFailExitNode","fixtureFailureWithTitleAndDescriptionAndVideo","fixtureSuccessExitNode","fixtureSuccessWithTitleAndDescriptionAndAudio","fixtureSuccessWithTitleAndDescriptionAndImage","fixtureSuccessWithTitleAndDescriptionAndPdf","fixtureSuccessWithTitleAndDescriptionAndVideo","fixtureSuccessWithTitleAndDescription","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,cAAP,MAA2B,oBAA3B;AACA,OAAOC,mBAAP,MAAgC,2BAAhC;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,sBAAP,MAAmC,8BAAnC;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,2CAAP,MAAwD,uDAAxD;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,qCAAP,MAAkD,+CAAlD;AAEAZ,IAAI,CAAC,2DAAD,EAA8Da,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAb,EAAAA,OAAO,CAACE,gBAAgB,CAACY,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAjB,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,gBAArF,EAAuGC,cAAvG,CAAJ;AACAJ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,gBAA1F,EAA4GE,mBAA5G,CAAJ;AACAL,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIG,6CAAtI,CAAJ;AACAN,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,gBAA7F,EAA+GI,sBAA/G,CAAJ;AACAP,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIK,6CAAtI,CAAJ;AACAR,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIM,6CAAtI,CAAJ;AACAT,IAAI,CAAC,yFAAD,EAA4FE,oBAA5F,EAAkHC,gBAAlH,EAAoIO,2CAApI,CAAJ;AACAV,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIQ,6CAAtI,CAAJ;AACAX,IAAI,CAAC,mFAAD,EAAsFE,oBAAtF,EAA4GC,gBAA5G,EAA8HS,qCAA9H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeFeedback from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFailExitNode from './fixtures/fail-exit-node';\nimport fixtureFailureWithTitleAndDescriptionAndVideo from './fixtures/failure-with-title-and-description-and-video';\nimport fixtureSuccessExitNode from './fixtures/success-exit-node';\nimport fixtureSuccessWithTitleAndDescriptionAndAudio from './fixtures/success-with-title-and-description-and-audio';\nimport fixtureSuccessWithTitleAndDescriptionAndImage from './fixtures/success-with-title-and-description-and-image';\nimport fixtureSuccessWithTitleAndDescriptionAndPdf from './fixtures/success-with-title-and-description-and-pdf';\nimport fixtureSuccessWithTitleAndDescriptionAndVideo from './fixtures/success-with-title-and-description-and-video';\nimport fixtureSuccessWithTitleAndDescription from './fixtures/success-with-title-and-description';\n\ntest('Molecule › MoleculeFeedback > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeFeedback.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeFeedback.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeFeedback › Default › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureDefault);\ntest('Molecule › MoleculeFeedback › FailExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailExitNode);\ntest('Molecule › MoleculeFeedback › FailureWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailureWithTitleAndDescriptionAndVideo);\ntest('Molecule › MoleculeFeedback › SuccessExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessExitNode);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndAudio › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndAudio);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndImage › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndImage);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndPdf › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndPdf);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndVideo);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescription › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescription);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/molecule/feedback/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeFeedback","fixtureDefault","fixtureFailExitNode","fixtureFailureWithTitleAndDescriptionAndVideo","fixtureSuccessExitNode","fixtureSuccessWithTitleAndDescriptionAndAudio","fixtureSuccessWithTitleAndDescriptionAndImage","fixtureSuccessWithTitleAndDescriptionAndPdf","fixtureSuccessWithTitleAndDescription","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,cAAP,MAA2B,oBAA3B;AACA,OAAOC,mBAAP,MAAgC,2BAAhC;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,sBAAP,MAAmC,8BAAnC;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,6CAAP,MAA0D,yDAA1D;AACA,OAAOC,2CAAP,MAAwD,uDAAxD;AACA,OAAOC,qCAAP,MAAkD,+CAAlD;AAEAX,IAAI,CAAC,2DAAD,EAA8DY,CAAC,IAAI;AACrEA,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,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAhB,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,gBAArF,EAAuGC,cAAvG,CAAJ;AACAJ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,gBAA1F,EAA4GE,mBAA5G,CAAJ;AACAL,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIG,6CAAtI,CAAJ;AACAN,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,gBAA7F,EAA+GI,sBAA/G,CAAJ;AACAP,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIK,6CAAtI,CAAJ;AACAR,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,gBAApH,EAAsIM,6CAAtI,CAAJ;AACAT,IAAI,CAAC,yFAAD,EAA4FE,oBAA5F,EAAkHC,gBAAlH,EAAoIO,2CAApI,CAAJ;AACAV,IAAI,CAAC,mFAAD,EAAsFE,oBAAtF,EAA4GC,gBAA5G,EAA8HQ,qCAA9H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeFeedback from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFailExitNode from './fixtures/fail-exit-node';\nimport fixtureFailureWithTitleAndDescriptionAndVideo from './fixtures/failure-with-title-and-description-and-video';\nimport fixtureSuccessExitNode from './fixtures/success-exit-node';\nimport fixtureSuccessWithTitleAndDescriptionAndAudio from './fixtures/success-with-title-and-description-and-audio';\nimport fixtureSuccessWithTitleAndDescriptionAndImage from './fixtures/success-with-title-and-description-and-image';\nimport fixtureSuccessWithTitleAndDescriptionAndPdf from './fixtures/success-with-title-and-description-and-pdf';\nimport fixtureSuccessWithTitleAndDescription from './fixtures/success-with-title-and-description';\n\ntest('Molecule › MoleculeFeedback > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeFeedback.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeFeedback.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeFeedback › Default › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureDefault);\ntest('Molecule › MoleculeFeedback › FailExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailExitNode);\ntest('Molecule › MoleculeFeedback › FailureWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailureWithTitleAndDescriptionAndVideo);\ntest('Molecule › MoleculeFeedback › SuccessExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessExitNode);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndAudio › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndAudio);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndImage › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndImage);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndPdf › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndPdf);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescription › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescription);\n"],"file":"fixtures.js"}
@@ -31,11 +31,14 @@ const buildTab = (tab, index) => {
31
31
 
32
32
  const VerticalTabs = props => {
33
33
  const {
34
- tabs
34
+ tabs,
35
+ className,
36
+ 'aria-label': ariaLabel
35
37
  } = props;
36
38
  const tabsList = tabs.map(buildTab);
37
39
  return /*#__PURE__*/React.createElement("ul", {
38
- className: style.wrapper
40
+ className: classnames([style.wrapper, className]),
41
+ title: ariaLabel
39
42
  }, tabsList);
40
43
  };
41
44
 
@@ -45,7 +48,9 @@ VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
45
48
  selected: PropTypes.bool,
46
49
  leftIcon: PropTypes.string,
47
50
  onClick: PropTypes.func
48
- }))
51
+ })),
52
+ className: PropTypes.string,
53
+ 'aria-label': PropTypes.string
49
54
  } : {};
50
55
  export default VerticalTabs;
51
56
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Link","style","LeftIcons","BlueValidatedCircle","buildTab","tab","index","title","selected","onClick","leftIcon","LeftIcon","VerticalTabs","props","tabs","tabsList","map","wrapper","propTypes","arrayOf","shape","children","bool","string","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,2BAA2B,IAAIC,SAAvC,QAAuD,0BAAvD;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEJ;AADL,CAAlB;;AAIA,MAAMK,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;AAA3B,MAAuCL,GAA7C;AAEA,QAAMM,QAAQ,GAAGT,SAAS,CAACQ,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,WAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACI,GAAP,EAAYG,QAAQ,IAAIP,KAAK,CAACO,QAA9B,CAFvB;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAER,KAAK,CAACM;AAAvB,KAA+BA,KAA/B,CANF,EAOGI,QAAQ,gBAAG,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEV,KAAK,CAACS;AAA3B,IAAH,GAA6C,IAPxD,CADF;AAWD,CAfD;;AAiBA,MAAME,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;AACA,QAAME,QAAQ,GAAGD,IAAI,CAACE,GAAL,CAASZ,QAAT,CAAjB;AAEA,sBAAO;AAAI,IAAA,SAAS,EAAEH,KAAK,CAACgB;AAArB,KAA+BF,QAA/B,CAAP;AACD,CALD;;AAOAH,YAAY,CAACM,SAAb,2CAAyB;AACvBJ,EAAAA,IAAI,EAAElB,SAAS,CAACuB,OAAV,CACJvB,SAAS,CAACwB,KAAV,CAAgB;AACdb,IAAAA,KAAK,EAAEP,IAAI,CAACkB,SAAL,CAAeG,QADR;AAEdb,IAAAA,QAAQ,EAAEZ,SAAS,CAAC0B,IAFN;AAGdZ,IAAAA,QAAQ,EAAEd,SAAS,CAAC2B,MAHN;AAIdd,IAAAA,OAAO,EAAEb,SAAS,CAAC4B;AAJL,GAAhB,CADI;AADiB,CAAzB;AAUA,eAAeZ,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n BlueValidatedCircle: CheckIcon\n};\n\nconst buildTab = (tab, index) => {\n const {title, selected, onClick, leftIcon} = tab;\n\n const LeftIcon = LeftIcons[leftIcon];\n return (\n <li\n data-name={`vertical_tab_${snakeCase(title)}`}\n className={classnames(style.tab, selected && style.selected)}\n key={index}\n onClick={onClick}\n >\n <span className={style.title}>{title}</span>\n {LeftIcon ? <LeftIcon className={style.leftIcon} /> : null}\n </li>\n );\n};\n\nconst VerticalTabs = props => {\n const {tabs} = props;\n const tabsList = tabs.map(buildTab);\n\n return <ul className={style.wrapper}>{tabsList}</ul>;\n};\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: Link.propTypes.children,\n selected: PropTypes.bool,\n leftIcon: PropTypes.string,\n onClick: PropTypes.func\n })\n )\n};\nexport default VerticalTabs;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Link","style","LeftIcons","BlueValidatedCircle","buildTab","tab","index","title","selected","onClick","leftIcon","LeftIcon","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","propTypes","arrayOf","shape","children","bool","string","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,2BAA2B,IAAIC,SAAvC,QAAuD,0BAAvD;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEJ;AADL,CAAlB;;AAIA,MAAMK,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;AAA3B,MAAuCL,GAA7C;AAEA,QAAMM,QAAQ,GAAGT,SAAS,CAACQ,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,WAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACI,GAAP,EAAYG,QAAQ,IAAIP,KAAK,CAACO,QAA9B,CAFvB;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAER,KAAK,CAACM;AAAvB,KAA+BA,KAA/B,CANF,EAOGI,QAAQ,gBAAG,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEV,KAAK,CAACS;AAA3B,IAAH,GAA6C,IAPxD,CADF;AAWD,CAfD;;AAiBA,MAAME,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASd,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,EAAEP,UAAU,CAAC,CAACI,KAAK,CAACkB,OAAP,EAAgBJ,SAAhB,CAAD,CAAzB;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;AAWAL,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,IAAI,EAAElB,SAAS,CAACyB,OAAV,CACJzB,SAAS,CAAC0B,KAAV,CAAgB;AACdf,IAAAA,KAAK,EAAEP,IAAI,CAACoB,SAAL,CAAeG,QADR;AAEdf,IAAAA,QAAQ,EAAEZ,SAAS,CAAC4B,IAFN;AAGdd,IAAAA,QAAQ,EAAEd,SAAS,CAAC6B,MAHN;AAIdhB,IAAAA,OAAO,EAAEb,SAAS,CAAC8B;AAJL,GAAhB,CADI,CADiB;AASvBX,EAAAA,SAAS,EAAEnB,SAAS,CAAC6B,MATE;AAUvB,gBAAc7B,SAAS,CAAC6B;AAVD,CAAzB;AAYA,eAAeb,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n BlueValidatedCircle: CheckIcon\n};\n\nconst buildTab = (tab, index) => {\n const {title, selected, onClick, leftIcon} = tab;\n\n const LeftIcon = LeftIcons[leftIcon];\n return (\n <li\n data-name={`vertical_tab_${snakeCase(title)}`}\n className={classnames(style.tab, selected && style.selected)}\n key={index}\n onClick={onClick}\n >\n <span className={style.title}>{title}</span>\n {LeftIcon ? <LeftIcon className={style.leftIcon} /> : null}\n </li>\n );\n};\n\nconst VerticalTabs = props => {\n const {tabs, className, 'aria-label': ariaLabel} = props;\n const tabsList = tabs.map(buildTab);\n\n return (\n <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n {tabsList}\n </ul>\n );\n};\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: Link.propTypes.children,\n selected: PropTypes.bool,\n leftIcon: PropTypes.string,\n onClick: PropTypes.func\n })\n ),\n className: PropTypes.string,\n 'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"file":"index.js"}
@@ -35,7 +35,8 @@ export default {
35
35
  leftIcon: '',
36
36
  onClick: () => console.log('click'),
37
37
  selected: false
38
- }]
38
+ }],
39
+ 'aria-label': 'Languages list'
39
40
  }
40
41
  };
41
42
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KADI,EAOJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAPI,EAaJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAbI,EAmBJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAnBI,EAyBJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAzBI,EA+BJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA/BI,EAqCJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KArCI;AADD;AADM,CAAf","sourcesContent":["export default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ]\n }\n};\n"],"file":"default.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KADI,EAOJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAPI,EAaJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAbI,EAmBJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAnBI,EAyBJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAzBI,EA+BJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA/BI,EAqCJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KArCI,CADD;AA6CL,kBAAc;AA7CT;AADM,CAAf","sourcesContent":["export default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ],\n 'aria-label': 'Languages list'\n }\n};\n"],"file":"default.js"}
@@ -75,7 +75,8 @@ export default {
75
75
  leftIcon: '',
76
76
  onClick: () => console.log('click'),
77
77
  selected: false
78
- }]
78
+ }],
79
+ 'aria-label': 'Languages list'
79
80
  }
80
81
  };
81
82
  //# sourceMappingURL=with-selected-item.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"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","sourcesContent":["export default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: true\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ]\n }\n};\n"],"file":"with-selected-item.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"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","sourcesContent":["export default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: true\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ],\n 'aria-label': 'Languages list'\n }\n};\n"],"file":"with-selected-item.js"}
@@ -0,0 +1,15 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import MoleculeVerticalTabs from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureWithSelectedItem from './fixtures/with-selected-item';
7
+ test('Molecule › MoleculeVerticalTabs > should have valid propTypes', t => {
8
+ t.pass();
9
+ forEach(MoleculeVerticalTabs.propTypes, (value, key) => {
10
+ t.not(value, undefined, `PropType for "Molecule.MoleculeVerticalTabs.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
11
+ });
12
+ });
13
+ test('Molecule › MoleculeVerticalTabs › Default › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureDefault);
14
+ test('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithSelectedItem);
15
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/molecule/vertical-tabs/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeVerticalTabs","fixtureDefault","fixtureWithSelectedItem","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,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAL,IAAI,CAAC,+DAAD,EAAkEM,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,oBAAoB,CAACK,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,oBAAlG,EAAwHE,uBAAxH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeVerticalTabs from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithSelectedItem from './fixtures/with-selected-item';\n\ntest('Molecule › MoleculeVerticalTabs > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeVerticalTabs.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeVerticalTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeVerticalTabs › Default › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureDefault);\ntest('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithSelectedItem);\n"],"file":"fixtures.js"}
@@ -123,7 +123,9 @@ const buildAction = action => {
123
123
  type: icon
124
124
  }
125
125
  };
126
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
126
+ return /*#__PURE__*/React.createElement("div", {
127
+ className: style.button
128
+ }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
127
129
  };
128
130
 
129
131
  const WizardSummary = props => {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","buildAction","action","onClick","icon","ariaLabel","handleClick","buttonProps","position","WizardSummary","props","sectionsView","actionView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","string","arrayOf","shape","oneOfType","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n return items.map((item, index) => {\n const {type} = item;\n switch (type) {\n case 'mainElement':\n return (\n <li key={`${item.title}-${index}`}>\n <span className={style.title}>{item.title}</span>\n <span className={style.value}>{item.value}</span>\n </li>\n );\n case 'content': {\n const {category, label, title, author, unsaved = false} = item;\n return (\n <li className={style.contentWrapper} key={`${title}-${index}`}>\n <span className={style.contentCounter}>{index + 1}</span>\n <div className={style.contentItem}>\n <div className={style.content}>\n <ContentBadge category={category} label={label} />\n <span\n className={classnames(style.contentTitle, unsaved && style.unsaved)}\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n {author ? <span className={style.author}>{author}</span> : null}\n </div>\n </li>\n );\n }\n case 'text':\n default: {\n const {text, unsaved = false} = item;\n return (\n <li key={`${item.text}-${index}`}>\n <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n {text}\n </span>\n </li>\n );\n }\n }\n });\n};\n\nconst buildSectionHeader = section => {\n const {title, counterText} = section;\n if (!title) {\n return null;\n }\n return (\n <div className={style.sectionHeader}>\n <span className={style.title}>{title}</span>\n {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n </div>\n );\n};\n\nconst buildSections = sections => {\n return sections.map((section, index) => {\n const sectionHeader = buildSectionHeader(section);\n const itemsView = buildItemsOfSection(section.items);\n return (\n <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n {sectionHeader}\n <ul>{itemsView}</ul>\n </div>\n );\n });\n};\n\nconst buildAction = action => {\n if (!action) return null;\n\n const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n const buttonProps = {\n type: 'text',\n label: text,\n 'aria-label': ariaLabel,\n 'data-name': `${icon}-button`,\n onClick: handleClick,\n icon: {\n position: 'left',\n type: icon\n }\n };\n\n return (\n <div>\n <ButtonLink {...buttonProps} />\n </div>\n );\n};\n\nconst WizardSummary = props => {\n const {title, sections, action} = props;\n const sectionsView = buildSections(sections);\n const actionView = buildAction(action);\n const idSwitch = 'open-summary-wizard';\n\n return (\n <div className={style.container}>\n <span className={style.desktopSummaryTitle}>{title}</span>\n <input\n type=\"checkbox\"\n id={idSwitch}\n name=\"toogle\"\n title={idSwitch}\n className={style.checkbox}\n />\n <div className={style.summary}>\n <div className={style.tabletSummaryHeader}>\n <label htmlFor={idSwitch}>\n <span className={style.tabletSummaryTitle}>{title}</span>\n <ArrowDownIcon className={style.tabletSummaryIcon} />\n </label>\n </div>\n <div className={style.summarySections}>{sectionsView}</div>\n </div>\n <div className={style.actionZone}>{actionView}</div>\n </div>\n );\n};\n\nWizardSummary.propTypes = {\n title: PropTypes.string,\n sections: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.string,\n title: PropTypes.string,\n value: PropTypes.string\n }),\n PropTypes.shape({\n type: PropTypes.string,\n text: PropTypes.string,\n unsaved: PropTypes.bool\n }),\n PropTypes.shape({\n type: PropTypes.string,\n category: PropTypes.oneOf([\n 'base',\n 'advanced',\n 'coach',\n 'chapter',\n 'scorm',\n 'video',\n 'article',\n 'podcast'\n ]),\n title: PropTypes.string,\n label: PropTypes.string,\n author: PropTypes.string,\n unsaved: PropTypes.bool\n })\n ])\n ),\n counterText: PropTypes.string\n })\n ),\n action: PropTypes.shape({\n icon: PropTypes.string,\n text: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n })\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","buildAction","action","onClick","icon","ariaLabel","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","actionView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","string","arrayOf","shape","oneOfType","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n return items.map((item, index) => {\n const {type} = item;\n switch (type) {\n case 'mainElement':\n return (\n <li key={`${item.title}-${index}`}>\n <span className={style.title}>{item.title}</span>\n <span className={style.value}>{item.value}</span>\n </li>\n );\n case 'content': {\n const {category, label, title, author, unsaved = false} = item;\n return (\n <li className={style.contentWrapper} key={`${title}-${index}`}>\n <span className={style.contentCounter}>{index + 1}</span>\n <div className={style.contentItem}>\n <div className={style.content}>\n <ContentBadge category={category} label={label} />\n <span\n className={classnames(style.contentTitle, unsaved && style.unsaved)}\n title={title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n {author ? <span className={style.author}>{author}</span> : null}\n </div>\n </li>\n );\n }\n case 'text':\n default: {\n const {text, unsaved = false} = item;\n return (\n <li key={`${item.text}-${index}`}>\n <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n {text}\n </span>\n </li>\n );\n }\n }\n });\n};\n\nconst buildSectionHeader = section => {\n const {title, counterText} = section;\n if (!title) {\n return null;\n }\n return (\n <div className={style.sectionHeader}>\n <span className={style.title}>{title}</span>\n {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n </div>\n );\n};\n\nconst buildSections = sections => {\n return sections.map((section, index) => {\n const sectionHeader = buildSectionHeader(section);\n const itemsView = buildItemsOfSection(section.items);\n return (\n <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n {sectionHeader}\n <ul>{itemsView}</ul>\n </div>\n );\n });\n};\n\nconst buildAction = action => {\n if (!action) return null;\n\n const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n const buttonProps = {\n type: 'text',\n label: text,\n 'aria-label': ariaLabel,\n 'data-name': `${icon}-button`,\n onClick: handleClick,\n icon: {\n position: 'left',\n type: icon\n }\n };\n\n return (\n <div className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n );\n};\n\nconst WizardSummary = props => {\n const {title, sections, action} = props;\n const sectionsView = buildSections(sections);\n const actionView = buildAction(action);\n const idSwitch = 'open-summary-wizard';\n\n return (\n <div className={style.container}>\n <span className={style.desktopSummaryTitle}>{title}</span>\n <input\n type=\"checkbox\"\n id={idSwitch}\n name=\"toogle\"\n title={idSwitch}\n className={style.checkbox}\n />\n <div className={style.summary}>\n <div className={style.tabletSummaryHeader}>\n <label htmlFor={idSwitch}>\n <span className={style.tabletSummaryTitle}>{title}</span>\n <ArrowDownIcon className={style.tabletSummaryIcon} />\n </label>\n </div>\n <div className={style.summarySections}>{sectionsView}</div>\n </div>\n <div className={style.actionZone}>{actionView}</div>\n </div>\n );\n};\n\nWizardSummary.propTypes = {\n title: PropTypes.string,\n sections: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.string,\n title: PropTypes.string,\n value: PropTypes.string\n }),\n PropTypes.shape({\n type: PropTypes.string,\n text: PropTypes.string,\n unsaved: PropTypes.bool\n }),\n PropTypes.shape({\n type: PropTypes.string,\n category: PropTypes.oneOf([\n 'base',\n 'advanced',\n 'coach',\n 'chapter',\n 'scorm',\n 'video',\n 'article',\n 'podcast'\n ]),\n title: PropTypes.string,\n label: PropTypes.string,\n author: PropTypes.string,\n unsaved: PropTypes.bool\n })\n ])\n ),\n counterText: PropTypes.string\n })\n ),\n action: PropTypes.shape({\n icon: PropTypes.string,\n text: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n })\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
@@ -157,6 +157,14 @@ ul {
157
157
  display: none;
158
158
  }
159
159
 
160
+ .button{
161
+ color: cm_grey_900;
162
+ }
163
+
164
+ .button:hover {
165
+ color: cm_primary_blue;
166
+ }
167
+
160
168
  @media cm_tablet {
161
169
  .container {
162
170
  background-color: transparent;
@@ -0,0 +1,21 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import MoleculeWizardSummary from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureOneSection from './fixtures/one-section';
7
+ import fixtureTabletClosed from './fixtures/tablet-closed';
8
+ import fixtureThreeSections from './fixtures/three-sections';
9
+ import fixtureTwoSections from './fixtures/two-sections';
10
+ test('Molecule › MoleculeWizardSummary > should have valid propTypes', t => {
11
+ t.pass();
12
+ forEach(MoleculeWizardSummary.propTypes, (value, key) => {
13
+ t.not(value, undefined, `PropType for "Molecule.MoleculeWizardSummary.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
14
+ });
15
+ });
16
+ test('Molecule › MoleculeWizardSummary › Default › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureDefault);
17
+ test('Molecule › MoleculeWizardSummary › OneSection › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureOneSection);
18
+ test('Molecule › MoleculeWizardSummary › TabletClosed › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTabletClosed);
19
+ test('Molecule › MoleculeWizardSummary › ThreeSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureThreeSections);
20
+ test('Molecule › MoleculeWizardSummary › TwoSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTwoSections);
21
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/molecule/wizard-summary/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeWizardSummary","fixtureDefault","fixtureOneSection","fixtureTabletClosed","fixtureThreeSections","fixtureTwoSections","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,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAR,IAAI,CAAC,gEAAD,EAAmES,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,qBAAqB,CAACQ,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,qBAA1F,EAAiHC,cAAjH,CAAJ;AACAJ,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,qBAA7F,EAAoHE,iBAApH,CAAJ;AACAL,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,qBAA/F,EAAsHG,mBAAtH,CAAJ;AACAN,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,qBAAhG,EAAuHI,oBAAvH,CAAJ;AACAP,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,qBAA9F,EAAqHK,kBAArH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeWizardSummary from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureOneSection from './fixtures/one-section';\nimport fixtureTabletClosed from './fixtures/tablet-closed';\nimport fixtureThreeSections from './fixtures/three-sections';\nimport fixtureTwoSections from './fixtures/two-sections';\n\ntest('Molecule › MoleculeWizardSummary > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeWizardSummary.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeWizardSummary.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeWizardSummary › Default › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureDefault);\ntest('Molecule › MoleculeWizardSummary › OneSection › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureOneSection);\ntest('Molecule › MoleculeWizardSummary › TabletClosed › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTabletClosed);\ntest('Molecule › MoleculeWizardSummary › ThreeSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureThreeSections);\ntest('Molecule › MoleculeWizardSummary › TwoSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTwoSections);\n"],"file":"fixtures.js"}
@@ -0,0 +1,26 @@
1
+ export default {
2
+ props: {
3
+ groups: [{
4
+ fields: [{
5
+ type: 'text',
6
+ title: 'Playlist name',
7
+ placeholder: 'Playlist name',
8
+ description: 'This is the tooltip text',
9
+ theme: 'coorpmanager',
10
+ hint: '15 / 30 characters',
11
+ value: 'Marketing expert',
12
+ size: 'default'
13
+ }, {
14
+ type: 'textarea',
15
+ title: 'Description',
16
+ placeholder: 'Description',
17
+ description: 'This is the tooltip text',
18
+ theme: 'coorpmanager',
19
+ hint: '80 / 200 characters',
20
+ size: 'medium',
21
+ value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'
22
+ }]
23
+ }]
24
+ }
25
+ };
26
+ //# sourceMappingURL=wizard-playlists.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","value","size"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEC,QAAAA,KAAK,EAAE,kBAPT;AAQEC,QAAAA,IAAI,EAAE;AARR,OADM,EAWN;AACEP,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEE,QAAAA,IAAI,EAAE,QAPR;AAQED,QAAAA,KAAK,EACH;AATJ,OAXM;AADV,KADM;AADH;AADM,CAAf","sourcesContent":["export default {\n props: {\n groups: [\n {\n fields: [\n {\n type: 'text',\n title: 'Playlist name',\n placeholder: 'Playlist name',\n description: 'This is the tooltip text',\n theme: 'coorpmanager',\n hint: '15 / 30 characters',\n value: 'Marketing expert',\n size: 'default'\n },\n {\n type: 'textarea',\n title: 'Description',\n placeholder: 'Description',\n description: 'This is the tooltip text',\n theme: 'coorpmanager',\n hint: '80 / 200 characters',\n size: 'medium',\n value:\n 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n }\n ]\n }\n ]\n }\n};\n"],"file":"wizard-playlists.js"}
@@ -12,6 +12,7 @@ import fixtureLms from './fixtures/lms';
12
12
  import fixtureLookandfeel from './fixtures/lookandfeel';
13
13
  import fixtureManageusersEdit from './fixtures/manageusers-edit';
14
14
  import fixtureSso from './fixtures/sso';
15
+ import fixtureWizardPlaylists from './fixtures/wizard-playlists';
15
16
  test('Organism › OrganismBrandForm > should have valid propTypes', t => {
16
17
  t.pass();
17
18
  forEach(OrganismBrandForm.propTypes, (value, key) => {
@@ -28,4 +29,5 @@ test('Organism › OrganismBrandForm › Lms › should be rendered', renderComp
28
29
  test('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);
29
30
  test('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);
30
31
  test('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);
32
+ test('Organism › OrganismBrandForm › WizardPlaylists › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureWizardPlaylists);
31
33
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/organism/brand-form/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismBrandForm","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureGeneralSettings","fixtureLms","fixtureLookandfeel","fixtureManageusersEdit","fixtureSso","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,sBAA7B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAb,IAAI,CAAC,4DAAD,EAA+Dc,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,iBAAiB,CAACa,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GC,gBAA3G,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,iBAAzF,EAA4GE,iBAA5G,CAAJ;AACAL,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,iBAArF,EAAwGG,aAAxG,CAAJ;AACAN,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GI,gBAA3G,CAAJ;AACAP,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGK,cAAzG,CAAJ;AACAR,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHM,sBAAjH,CAAJ;AACAT,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGO,UAArG,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GQ,kBAA7G,CAAJ;AACAX,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHS,sBAAjH,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGU,UAArG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandForm from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureSso from './fixtures/sso';\n\ntest('Organism › OrganismBrandForm > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismBrandForm.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismBrandForm.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismBrandForm › Analytics › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnalytics);\ntest('Organism › OrganismBrandForm › Animations › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnimations);\ntest('Organism › OrganismBrandForm › Cohort › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureCohort);\ntest('Organism › OrganismBrandForm › Dashboard › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDashboard);\ntest('Organism › OrganismBrandForm › Default › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDefault);\ntest('Organism › OrganismBrandForm › GeneralSettings › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureGeneralSettings);\ntest('Organism › OrganismBrandForm › Lms › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLms);\ntest('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);\ntest('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);\ntest('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/organism/brand-form/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismBrandForm","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureGeneralSettings","fixtureLms","fixtureLookandfeel","fixtureManageusersEdit","fixtureSso","fixtureWizardPlaylists","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,sBAA7B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AAEAd,IAAI,CAAC,4DAAD,EAA+De,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAf,EAAAA,OAAO,CAACE,iBAAiB,CAACc,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAnB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GC,gBAA3G,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,iBAAzF,EAA4GE,iBAA5G,CAAJ;AACAL,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,iBAArF,EAAwGG,aAAxG,CAAJ;AACAN,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GI,gBAA3G,CAAJ;AACAP,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGK,cAAzG,CAAJ;AACAR,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHM,sBAAjH,CAAJ;AACAT,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGO,UAArG,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GQ,kBAA7G,CAAJ;AACAX,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHS,sBAAjH,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGU,UAArG,CAAJ;AACAb,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHW,sBAAjH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandForm from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureSso from './fixtures/sso';\nimport fixtureWizardPlaylists from './fixtures/wizard-playlists';\n\ntest('Organism › OrganismBrandForm > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismBrandForm.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismBrandForm.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismBrandForm › Analytics › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnalytics);\ntest('Organism › OrganismBrandForm › Animations › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnimations);\ntest('Organism › OrganismBrandForm › Cohort › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureCohort);\ntest('Organism › OrganismBrandForm › Dashboard › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDashboard);\ntest('Organism › OrganismBrandForm › Default › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDefault);\ntest('Organism › OrganismBrandForm › GeneralSettings › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureGeneralSettings);\ntest('Organism › OrganismBrandForm › Lms › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLms);\ntest('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);\ntest('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);\ntest('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);\ntest('Organism › OrganismBrandForm › WizardPlaylists › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureWizardPlaylists);\n"],"file":"fixtures.js"}
@@ -0,0 +1,21 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import OrganismCourseSelection from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureEmpty from './fixtures/empty';
7
+ import fixtureFiltered from './fixtures/filtered';
8
+ import fixtureSortedSelected from './fixtures/sorted-selected';
9
+ import fixtureUnsortedSelected from './fixtures/unsorted-selected';
10
+ test('Organism › OrganismCourseSelection > should have valid propTypes', t => {
11
+ t.pass();
12
+ forEach(OrganismCourseSelection.propTypes, (value, key) => {
13
+ t.not(value, undefined, `PropType for "Organism.OrganismCourseSelection.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
14
+ });
15
+ });
16
+ test('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);
17
+ test('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);
18
+ test('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);
19
+ test('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);
20
+ test('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);
21
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/organism/course-selection/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismCourseSelection","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected","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,uBAAP,MAAoC,IAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAR,IAAI,CAAC,kEAAD,EAAqES,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,uBAAuB,CAACQ,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHC,cAArH,CAAJ;AACAJ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHE,YAAnH,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,uBAA7F,EAAsHG,eAAtH,CAAJ;AACAN,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,uBAAnG,EAA4HI,qBAA5H,CAAJ;AACAP,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,uBAArG,EAA8HK,uBAA9H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismCourseSelection from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismCourseSelection > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismCourseSelection.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismCourseSelection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);\ntest('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);\ntest('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);\ntest('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);\ntest('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}
@@ -0,0 +1,63 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import classNames from 'classnames';
6
+ import VerticalLanguageMenu from '../../molecule/vertical-tabs';
7
+ import InputText from '../../atom/input-text';
8
+ import TextArea from '../../atom/input-textarea';
9
+ import Button from '../../atom/button-link';
10
+ import style from './style.css';
11
+
12
+ const PlayListTranslation = props => {
13
+ const {
14
+ languageTabs,
15
+ inputText,
16
+ textArea,
17
+ cta,
18
+ 'list-aria-label': listAriaLabel
19
+ } = props;
20
+ const ariaLabel = {
21
+ 'aria-label': listAriaLabel
22
+ };
23
+ return /*#__PURE__*/React.createElement("div", {
24
+ className: style.container
25
+ }, /*#__PURE__*/React.createElement(VerticalLanguageMenu, _extends({}, ariaLabel, {
26
+ className: style.menu,
27
+ tabs: languageTabs
28
+ })), /*#__PURE__*/React.createElement("div", {
29
+ className: style.horizontalSection
30
+ }, /*#__PURE__*/React.createElement("div", {
31
+ className: style.input
32
+ }, /*#__PURE__*/React.createElement(InputText, inputText)), /*#__PURE__*/React.createElement("div", {
33
+ className: style.input
34
+ }, /*#__PURE__*/React.createElement(TextArea, textArea)), /*#__PURE__*/React.createElement("div", {
35
+ className: classNames(style.button, cta.type === 'delete' && style.binButton)
36
+ }, /*#__PURE__*/React.createElement(Button, {
37
+ onClick: cta.handleOnclick,
38
+ type: cta.type === 'delete' ? 'text' : 'primary',
39
+ icon: {
40
+ type: cta.type === 'delete' ? 'bin' : 'add',
41
+ position: 'left'
42
+ },
43
+ label: cta.label
44
+ }))));
45
+ };
46
+
47
+ PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
48
+ languageTabs: VerticalLanguageMenu.propTypes.tabs,
49
+ inputText: PropTypes.shape(_extends(_extends({}, InputText.propTypes), {}, {
50
+ theme: PropTypes.string
51
+ })),
52
+ textArea: PropTypes.shape(_extends(_extends({}, TextArea.propTypes), {}, {
53
+ theme: PropTypes.string
54
+ })),
55
+ cta: PropTypes.shape({
56
+ label: PropTypes.string,
57
+ handleOnclick: PropTypes.func,
58
+ type: PropTypes.oneOf(['delete', 'add'])
59
+ }),
60
+ 'list-aria-label': PropTypes.string
61
+ } : {};
62
+ export default PlayListTranslation;
63
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/organism/playlist-translation/index.js"],"names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","PlayListTranslation","props","languageTabs","inputText","textArea","cta","listAriaLabel","ariaLabel","container","menu","horizontalSection","input","button","type","binButton","handleOnclick","position","label","propTypes","tabs","shape","theme","string","func","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA,GAApC;AAAyC,uBAAmBC;AAA5D,MAA6EL,KAAnF;AAEA,QAAMM,SAAS,GAAG;AAAC,kBAAcD;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACS;AAAtB,kBACE,oBAAC,oBAAD,eAA0BD,SAA1B;AAAqC,IAAA,SAAS,EAAER,KAAK,CAACU,IAAtD;AAA4D,IAAA,IAAI,EAAEP;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,kBACE,oBAAC,SAAD,EAAeR,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACY;AAAtB,kBACE,oBAAC,QAAD,EAAcP,QAAd,CADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEV,UAAU,CAACK,KAAK,CAACa,MAAP,EAAeP,GAAG,CAACQ,IAAJ,KAAa,QAAb,IAAyBd,KAAK,CAACe,SAA9C;AAA1B,kBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAET,GAAG,CAACU,aADf;AAEE,IAAA,IAAI,EAAEV,GAAG,CAACQ,IAAJ,KAAa,QAAb,GAAwB,MAAxB,GAAiC,SAFzC;AAGE,IAAA,IAAI,EAAE;AAACA,MAAAA,IAAI,EAAER,GAAG,CAACQ,IAAJ,KAAa,QAAb,GAAwB,KAAxB,GAAgC,KAAvC;AAA8CG,MAAAA,QAAQ,EAAE;AAAxD,KAHR;AAIE,IAAA,KAAK,EAAEX,GAAG,CAACY;AAJb,IADF,CAPF,CAFF,CADF;AAqBD,CAzBD;;AA2BAjB,mBAAmB,CAACkB,SAApB,2CAAgC;AAC9BhB,EAAAA,YAAY,EAAEP,oBAAoB,CAACuB,SAArB,CAA+BC,IADf;AAE9BhB,EAAAA,SAAS,EAAEV,SAAS,CAAC2B,KAAV,uBAAoBxB,SAAS,CAACsB,SAA9B;AAAyCG,IAAAA,KAAK,EAAE5B,SAAS,CAAC6B;AAA1D,KAFmB;AAG9BlB,EAAAA,QAAQ,EAAEX,SAAS,CAAC2B,KAAV,uBAAoBvB,QAAQ,CAACqB,SAA7B;AAAwCG,IAAAA,KAAK,EAAE5B,SAAS,CAAC6B;AAAzD,KAHoB;AAI9BjB,EAAAA,GAAG,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;AACnBH,IAAAA,KAAK,EAAExB,SAAS,CAAC6B,MADE;AAEnBP,IAAAA,aAAa,EAAEtB,SAAS,CAAC8B,IAFN;AAGnBV,IAAAA,IAAI,EAAEpB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmB/B,SAAS,CAAC6B;AATC,CAAhC;AAYA,eAAetB,mBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst PlayListTranslation = props => {\n const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n\n const ariaLabel = {'aria-label': listAriaLabel};\n return (\n <div className={style.container}>\n <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n <div className={style.horizontalSection}>\n <div className={style.input}>\n <InputText {...inputText} />\n </div>\n <div className={style.input}>\n <TextArea {...textArea} />\n </div>\n <div className={classNames(style.button, cta.type === 'delete' && style.binButton)}>\n <Button\n onClick={cta.handleOnclick}\n type={cta.type === 'delete' ? 'text' : 'primary'}\n icon={{type: cta.type === 'delete' ? 'bin' : 'add', position: 'left'}}\n label={cta.label}\n />\n </div>\n </div>\n </div>\n );\n};\n\nPlayListTranslation.propTypes = {\n languageTabs: VerticalLanguageMenu.propTypes.tabs,\n inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n cta: PropTypes.shape({\n label: PropTypes.string,\n handleOnclick: PropTypes.func,\n type: PropTypes.oneOf(['delete', 'add'])\n }),\n 'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}
@@ -0,0 +1,45 @@
1
+ @value colors: "../../variables/colors.css";
2
+ @value dark from colors;
3
+ @value brand from colors;
4
+ @value light from colors;
5
+ @value cm_grey_50 from colors;
6
+ @value cm_negative_100 from colors;
7
+ @value cm_negative_200 from colors;
8
+
9
+ .container {
10
+ display: flex;
11
+ background-color: cm_grey_50;
12
+ }
13
+
14
+ .menu {
15
+ background-color: cm_grey_50;
16
+ height: 360px;
17
+ width: 200px;
18
+ margin: 24px 8px 24px 24px;
19
+ }
20
+
21
+ .horizontalSection{
22
+ display: flex;
23
+ flex-direction: column;
24
+ padding: 24px 24px 24px 8px;
25
+ width: 100%;
26
+ align-items: end;
27
+ }
28
+
29
+ .input {
30
+ width: 100%;
31
+ margin-bottom: 16px;
32
+ }
33
+
34
+ .button {
35
+ width: 170px;
36
+ margin-top: 16px;
37
+ }
38
+
39
+ .binButton {
40
+ color: cm_negative_100;
41
+ }
42
+
43
+ .binButton:hover {
44
+ color: cm_negative_200;
45
+ }
@@ -0,0 +1,24 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';
4
+ import inputText from '../../../../atom/input-text/test/fixtures/cm-default';
5
+ import textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';
6
+ const languageTabs = vericalMenu.props.tabs;
7
+ export default {
8
+ props: {
9
+ languageTabs,
10
+ inputText: _extends(_extends({}, inputText.props), {}, {
11
+ theme: 'coorpmanager'
12
+ }),
13
+ textArea: _extends(_extends({}, textArea.props), {}, {
14
+ theme: 'coorpmanager'
15
+ }),
16
+ cta: {
17
+ label: 'Add translation',
18
+ type: 'add',
19
+ handleOnClick: () => {}
20
+ },
21
+ 'list-aria-label': 'Languages list'
22
+ }
23
+ };
24
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/default.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","theme","cta","label","type","handleOnClick"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,wBAAMA,SAAS,CAACG,KAAhB;AAAuBE,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLJ,IAAAA,QAAQ,wBAAMA,QAAQ,CAACE,KAAf;AAAsBE,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILC,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,iBADJ;AAEHC,MAAAA,IAAI,EAAE,KAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,CAAf","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n props: {\n languageTabs,\n inputText: {...inputText.props, theme: 'coorpmanager'},\n textArea: {...textArea.props, theme: 'coorpmanager'},\n cta: {\n label: 'Add translation',\n type: 'add',\n handleOnClick: () => {}\n },\n 'list-aria-label': 'Languages list'\n }\n};\n"],"file":"default.js"}