@eturnity/eturnity_reusable_components 7.45.5-EPDM-11314.2 → 7.45.5-EPDM-10609.1

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 (368) hide show
  1. package/README.md +29 -29
  2. package/package.json +85 -85
  3. package/src/App.vue +30 -30
  4. package/src/Test.vue +128 -128
  5. package/src/assets/icons/arrow_down.svg +3 -3
  6. package/src/assets/icons/arrow_up_red.svg +3 -3
  7. package/src/assets/icons/black_spinner.svg +35 -35
  8. package/src/assets/icons/delete_icon.svg +11 -11
  9. package/src/assets/icons/delete_icon_gray.svg +11 -11
  10. package/src/assets/icons/drag_icon.svg +8 -8
  11. package/src/assets/icons/external_icon.svg +6 -6
  12. package/src/assets/icons/language_icon.svg +6 -6
  13. package/src/assets/icons/pdf_icon.svg +6 -6
  14. package/src/assets/icons/plus_button.svg +4 -4
  15. package/src/assets/icons/search_icon_black.svg +3 -3
  16. package/src/assets/icons/subposition_icon.svg +3 -3
  17. package/src/assets/icons/subposition_marker.svg +3 -3
  18. package/src/assets/icons/warning_icon.svg +3 -3
  19. package/src/assets/svgIcons/2d_active.svg +7 -7
  20. package/src/assets/svgIcons/2d_inactive.svg +8 -8
  21. package/src/assets/svgIcons/3d_active.svg +7 -7
  22. package/src/assets/svgIcons/3d_inactive.svg +8 -8
  23. package/src/assets/svgIcons/_readme.md +7 -7
  24. package/src/assets/svgIcons/accept.svg +5 -5
  25. package/src/assets/svgIcons/activate_panels_active.svg +22 -22
  26. package/src/assets/svgIcons/activate_panels_inactive.svg +20 -20
  27. package/src/assets/svgIcons/add_icon-1.svg +3 -3
  28. package/src/assets/svgIcons/add_icon.svg +4 -4
  29. package/src/assets/svgIcons/address_book.svg +3 -3
  30. package/src/assets/svgIcons/adjust_roof.svg +6 -6
  31. package/src/assets/svgIcons/after_sale_as_a_service.svg +6 -6
  32. package/src/assets/svgIcons/all_good.svg +3 -3
  33. package/src/assets/svgIcons/angle_active.svg +5 -5
  34. package/src/assets/svgIcons/angle_inactive.svg +4 -4
  35. package/src/assets/svgIcons/area_active.svg +11 -11
  36. package/src/assets/svgIcons/area_inactive.svg +26 -26
  37. package/src/assets/svgIcons/areas_tool.svg +14 -14
  38. package/src/assets/svgIcons/arrow_down.svg +3 -3
  39. package/src/assets/svgIcons/arrow_left.svg +4 -4
  40. package/src/assets/svgIcons/arrow_right.svg +4 -4
  41. package/src/assets/svgIcons/arrow_up.svg +3 -3
  42. package/src/assets/svgIcons/attachment.svg +3 -3
  43. package/src/assets/svgIcons/base_layer.svg +3 -3
  44. package/src/assets/svgIcons/battery.svg +3 -3
  45. package/src/assets/svgIcons/bell.svg +3 -3
  46. package/src/assets/svgIcons/bexio.svg +4 -4
  47. package/src/assets/svgIcons/bold.svg +3 -3
  48. package/src/assets/svgIcons/bom.svg +3 -3
  49. package/src/assets/svgIcons/bom_generation.svg +10 -10
  50. package/src/assets/svgIcons/bookmaker.svg +3 -3
  51. package/src/assets/svgIcons/bubble.svg +3 -3
  52. package/src/assets/svgIcons/bug.svg +5 -5
  53. package/src/assets/svgIcons/buildings.svg +55 -55
  54. package/src/assets/svgIcons/bullet_list.svg +8 -8
  55. package/src/assets/svgIcons/calendar.svg +7 -7
  56. package/src/assets/svgIcons/calendar_icon.svg +7 -7
  57. package/src/assets/svgIcons/call.svg +3 -3
  58. package/src/assets/svgIcons/camera.svg +3 -3
  59. package/src/assets/svgIcons/car.svg +3 -3
  60. package/src/assets/svgIcons/cart.svg +3 -3
  61. package/src/assets/svgIcons/charger_icon_white.svg +44 -44
  62. package/src/assets/svgIcons/checkbox.svg +3 -3
  63. package/src/assets/svgIcons/checkmark.svg +3 -0
  64. package/src/assets/svgIcons/clear_formatting.svg +7 -7
  65. package/src/assets/svgIcons/clickable_info.svg +4 -4
  66. package/src/assets/svgIcons/clip.svg +3 -3
  67. package/src/assets/svgIcons/clock.svg +17 -17
  68. package/src/assets/svgIcons/clock_full.svg +3 -3
  69. package/src/assets/svgIcons/close_for_modals,_tool_tips.svg +4 -4
  70. package/src/assets/svgIcons/co_branding.svg +5 -5
  71. package/src/assets/svgIcons/collapse.svg +4 -4
  72. package/src/assets/svgIcons/collections.svg +3 -3
  73. package/src/assets/svgIcons/component_library.svg +7 -7
  74. package/src/assets/svgIcons/consumption_tariffs.svg +43 -43
  75. package/src/assets/svgIcons/context_menu-1.svg +6 -6
  76. package/src/assets/svgIcons/context_menu-2.svg +5 -5
  77. package/src/assets/svgIcons/context_menu.svg +5 -5
  78. package/src/assets/svgIcons/context_menu_tabs.svg +5 -5
  79. package/src/assets/svgIcons/cross.svg +4 -4
  80. package/src/assets/svgIcons/current_variant.svg +4 -4
  81. package/src/assets/svgIcons/dashboard.svg +3 -3
  82. package/src/assets/svgIcons/data_transfer.svg +3 -3
  83. package/src/assets/svgIcons/deadline.svg +4 -4
  84. package/src/assets/svgIcons/deal_flow.svg +5 -5
  85. package/src/assets/svgIcons/delete.svg +4 -4
  86. package/src/assets/svgIcons/delete_area_active.svg +16 -16
  87. package/src/assets/svgIcons/delete_area_inactive.svg +15 -15
  88. package/src/assets/svgIcons/direction_active-1.svg +12 -12
  89. package/src/assets/svgIcons/direction_active.svg +5 -5
  90. package/src/assets/svgIcons/direction_arrow.svg +4 -4
  91. package/src/assets/svgIcons/direction_inactive.svg +4 -4
  92. package/src/assets/svgIcons/dislike.svg +3 -3
  93. package/src/assets/svgIcons/distance_tool.svg +8 -8
  94. package/src/assets/svgIcons/distances_active.svg +9 -9
  95. package/src/assets/svgIcons/distances_inactive.svg +8 -8
  96. package/src/assets/svgIcons/distort_tool.svg +10 -10
  97. package/src/assets/svgIcons/distort_tool2.svg +16 -16
  98. package/src/assets/svgIcons/document.svg +3 -3
  99. package/src/assets/svgIcons/documents.svg +4 -4
  100. package/src/assets/svgIcons/downarrow.svg +3 -3
  101. package/src/assets/svgIcons/download.svg +4 -4
  102. package/src/assets/svgIcons/drag_icon.svg +8 -8
  103. package/src/assets/svgIcons/draggable_corner.svg +5 -5
  104. package/src/assets/svgIcons/draw_tool.svg +3 -3
  105. package/src/assets/svgIcons/duplicate-1.svg +8 -8
  106. package/src/assets/svgIcons/duplicate-2.svg +5 -5
  107. package/src/assets/svgIcons/duplicate.svg +4 -4
  108. package/src/assets/svgIcons/e-mobility_configurator.svg +6 -6
  109. package/src/assets/svgIcons/e_signature.svg +5 -5
  110. package/src/assets/svgIcons/edit_button.svg +3 -3
  111. package/src/assets/svgIcons/electricity_tariff.svg +3 -3
  112. package/src/assets/svgIcons/email.svg +3 -3
  113. package/src/assets/svgIcons/ems-1.svg +3 -3
  114. package/src/assets/svgIcons/ems.svg +3 -3
  115. package/src/assets/svgIcons/end_of_the_list.svg +5 -5
  116. package/src/assets/svgIcons/erase.svg +4 -4
  117. package/src/assets/svgIcons/external_icon.svg +5 -5
  118. package/src/assets/svgIcons/fav_icon.svg +4 -4
  119. package/src/assets/svgIcons/finance.svg +3 -3
  120. package/src/assets/svgIcons/financing_for_pv-1.svg +5 -5
  121. package/src/assets/svgIcons/financing_for_pv-2.svg +3 -3
  122. package/src/assets/svgIcons/financing_for_pv.svg +6 -6
  123. package/src/assets/svgIcons/finish-1.svg +4 -4
  124. package/src/assets/svgIcons/finish.svg +3 -3
  125. package/src/assets/svgIcons/flatten.svg +11 -11
  126. package/src/assets/svgIcons/flatten_roof.svg +20 -20
  127. package/src/assets/svgIcons/folder.svg +3 -3
  128. package/src/assets/svgIcons/free_technology.svg +5 -5
  129. package/src/assets/svgIcons/handle.svg +5 -5
  130. package/src/assets/svgIcons/heat_calc.svg +7 -7
  131. package/src/assets/svgIcons/height_equalize.svg +3 -3
  132. package/src/assets/svgIcons/height_snap.svg +3 -3
  133. package/src/assets/svgIcons/house.svg +3 -3
  134. package/src/assets/svgIcons/house_3d-1.svg +7 -7
  135. package/src/assets/svgIcons/house_3d.svg +7 -7
  136. package/src/assets/svgIcons/inclination.svg +2 -2
  137. package/src/assets/svgIcons/info.svg +3 -3
  138. package/src/assets/svgIcons/initial_situation.svg +3 -3
  139. package/src/assets/svgIcons/integrations.svg +3 -3
  140. package/src/assets/svgIcons/intro-tour-1.svg +3 -3
  141. package/src/assets/svgIcons/intro-tour.svg +3 -3
  142. package/src/assets/svgIcons/inverter-1.svg +5 -5
  143. package/src/assets/svgIcons/inverter.svg +3 -3
  144. package/src/assets/svgIcons/italic.svg +3 -3
  145. package/src/assets/svgIcons/key.svg +3 -3
  146. package/src/assets/svgIcons/lake.svg +29 -29
  147. package/src/assets/svgIcons/layers_close.svg +4 -4
  148. package/src/assets/svgIcons/layers_open.svg +4 -4
  149. package/src/assets/svgIcons/lead_marketplace.svg +6 -6
  150. package/src/assets/svgIcons/lead_provider.svg +4 -4
  151. package/src/assets/svgIcons/length_2d.svg +2 -2
  152. package/src/assets/svgIcons/length_3d.svg +4 -4
  153. package/src/assets/svgIcons/length_calculator.svg +2 -2
  154. package/src/assets/svgIcons/length_in_2d_active.svg +12 -12
  155. package/src/assets/svgIcons/length_in_2d_inctive.svg +13 -13
  156. package/src/assets/svgIcons/light_bulb.svg +3 -3
  157. package/src/assets/svgIcons/like.svg +3 -3
  158. package/src/assets/svgIcons/line_graph.svg +3 -3
  159. package/src/assets/svgIcons/local_subsidies.svg +18 -18
  160. package/src/assets/svgIcons/location.svg +3 -3
  161. package/src/assets/svgIcons/lock.svg +3 -3
  162. package/src/assets/svgIcons/logout.svg +3 -3
  163. package/src/assets/svgIcons/loop.svg +3 -3
  164. package/src/assets/svgIcons/low-vegetation.svg +37 -37
  165. package/src/assets/svgIcons/lunch.svg +4 -4
  166. package/src/assets/svgIcons/magic_tool.svg +6 -6
  167. package/src/assets/svgIcons/map_icon.svg +5 -5
  168. package/src/assets/svgIcons/map_settings.svg +3 -3
  169. package/src/assets/svgIcons/margin_tool.svg +4 -4
  170. package/src/assets/svgIcons/meeting.svg +6 -6
  171. package/src/assets/svgIcons/move_copy.svg +4 -4
  172. package/src/assets/svgIcons/new_area_inactive.svg +11 -11
  173. package/src/assets/svgIcons/next.svg +4 -4
  174. package/src/assets/svgIcons/normal-tg.svg +30 -30
  175. package/src/assets/svgIcons/normal-vegetation.svg +53 -53
  176. package/src/assets/svgIcons/not_equal_to.svg +3 -3
  177. package/src/assets/svgIcons/numbered_list.svg +6 -6
  178. package/src/assets/svgIcons/obstacle_tool.svg +8 -8
  179. package/src/assets/svgIcons/obstacle_tool_origin.svg +3 -3
  180. package/src/assets/svgIcons/offset_tool.svg +8 -8
  181. package/src/assets/svgIcons/open-tg.svg +21 -21
  182. package/src/assets/svgIcons/outline_tool.svg +11 -11
  183. package/src/assets/svgIcons/pan_tool.svg +12 -12
  184. package/src/assets/svgIcons/panels_tool.svg +8 -8
  185. package/src/assets/svgIcons/pen_tool.svg +4 -4
  186. package/src/assets/svgIcons/picker_tool.svg +4 -4
  187. package/src/assets/svgIcons/picture.svg +3 -3
  188. package/src/assets/svgIcons/pin.svg +5 -5
  189. package/src/assets/svgIcons/presentation.svg +3 -3
  190. package/src/assets/svgIcons/previous.svg +4 -4
  191. package/src/assets/svgIcons/profile-1.svg +4 -4
  192. package/src/assets/svgIcons/profile.svg +4 -4
  193. package/src/assets/svgIcons/profitability.svg +3 -3
  194. package/src/assets/svgIcons/project_analysis.svg +4 -4
  195. package/src/assets/svgIcons/project_settings.svg +4 -4
  196. package/src/assets/svgIcons/protected-tg.svg +47 -47
  197. package/src/assets/svgIcons/pv.svg +3 -3
  198. package/src/assets/svgIcons/quotations.svg +6 -6
  199. package/src/assets/svgIcons/redo.svg +6 -6
  200. package/src/assets/svgIcons/resizer.svg +5 -5
  201. package/src/assets/svgIcons/roof_layer.svg +3 -3
  202. package/src/assets/svgIcons/rotate_tool.svg +3 -3
  203. package/src/assets/svgIcons/rotate_view.svg +5 -5
  204. package/src/assets/svgIcons/ruler_tool.svg +3 -3
  205. package/src/assets/svgIcons/run_simulation.svg +3 -3
  206. package/src/assets/svgIcons/save.svg +3 -3
  207. package/src/assets/svgIcons/scaling_tool.svg +8 -8
  208. package/src/assets/svgIcons/sea.svg +34 -34
  209. package/src/assets/svgIcons/search.svg +3 -3
  210. package/src/assets/svgIcons/security.svg +3 -3
  211. package/src/assets/svgIcons/settings.svg +3 -3
  212. package/src/assets/svgIcons/show_in_a_new_tab.svg +12 -12
  213. package/src/assets/svgIcons/smartphone.svg +4 -4
  214. package/src/assets/svgIcons/solar_calc.svg +13 -13
  215. package/src/assets/svgIcons/sorting.svg +4 -4
  216. package/src/assets/svgIcons/split.svg +12 -12
  217. package/src/assets/svgIcons/start_of_the_list.svg +5 -5
  218. package/src/assets/svgIcons/strikethrough.svg +4 -4
  219. package/src/assets/svgIcons/subscriptions.svg +3 -3
  220. package/src/assets/svgIcons/subsidies-1.svg +5 -5
  221. package/src/assets/svgIcons/subsidies-2.svg +3 -3
  222. package/src/assets/svgIcons/subsidies.svg +3 -3
  223. package/src/assets/svgIcons/subtract_icon.svg +3 -3
  224. package/src/assets/svgIcons/suitcase.svg +3 -3
  225. package/src/assets/svgIcons/summer.svg +3 -3
  226. package/src/assets/svgIcons/template_icon_not_clickable.svg +6 -6
  227. package/src/assets/svgIcons/transfer.svg +4 -4
  228. package/src/assets/svgIcons/trim_tool.svg +4 -4
  229. package/src/assets/svgIcons/truck.svg +3 -3
  230. package/src/assets/svgIcons/underlined.svg +3 -3
  231. package/src/assets/svgIcons/undo.svg +6 -6
  232. package/src/assets/svgIcons/uparrow.svg +3 -3
  233. package/src/assets/svgIcons/update.svg +3 -3
  234. package/src/assets/svgIcons/upload_avatar-1.svg +12 -12
  235. package/src/assets/svgIcons/upload_avatar.svg +5 -5
  236. package/src/assets/svgIcons/upload_image.svg +8 -8
  237. package/src/assets/svgIcons/upload_image_tool.svg +7 -7
  238. package/src/assets/svgIcons/variants.svg +6 -6
  239. package/src/assets/svgIcons/vertical_tool.svg +3 -3
  240. package/src/assets/svgIcons/virtual_storage.svg +4 -4
  241. package/src/assets/svgIcons/warning.svg +4 -4
  242. package/src/assets/svgIcons/way.svg +5 -5
  243. package/src/assets/svgIcons/wifi.svg +3 -3
  244. package/src/assets/svgIcons/winter.svg +3 -3
  245. package/src/assets/svgIcons/workflow_template.svg +11 -11
  246. package/src/assets/tests/__mocks__/iconCache.js +1 -1
  247. package/src/assets/tests/__mocks__/svgMock.js +1 -1
  248. package/src/assets/tests/helpers.js +12 -12
  249. package/src/assets/theme.js +45 -44
  250. package/src/components/addNewButton/AddNewButton.stories.js +17 -17
  251. package/src/components/addNewButton/addNewButton.spec.js +23 -23
  252. package/src/components/addNewButton/index.vue +62 -62
  253. package/src/components/banner/actionBanner/ActionBanner.stories.js +45 -45
  254. package/src/components/banner/actionBanner/actionBanner.spec.js +76 -76
  255. package/src/components/banner/actionBanner/index.vue +86 -86
  256. package/src/components/banner/banner/Banner.stories.js +64 -64
  257. package/src/components/banner/banner/banner.spec.js +149 -149
  258. package/src/components/banner/banner/index.vue +205 -205
  259. package/src/components/banner/infoBanner/InfoBanner.spec.js +70 -70
  260. package/src/components/banner/infoBanner/InfoBanner.stories.js +42 -42
  261. package/src/components/banner/infoBanner/index.vue +97 -97
  262. package/src/components/buttons/buttonIcon/index.vue +145 -145
  263. package/src/components/buttons/closeButton/CloseButton.stories.js +25 -25
  264. package/src/components/buttons/closeButton/index.vue +62 -62
  265. package/src/components/buttons/mainButton/MainButton.stories.js +51 -51
  266. package/src/components/buttons/mainButton/index.vue +150 -150
  267. package/src/components/buttons/mainButton/mainButton.spec.js +35 -35
  268. package/src/components/card/Card.stories.js +79 -79
  269. package/src/components/card/card.spec.js +135 -135
  270. package/src/components/card/index.vue +116 -116
  271. package/src/components/collapsableInfoText/index.vue +127 -127
  272. package/src/components/deleteIcon/DeleteIcon.stories.js +29 -29
  273. package/src/components/deleteIcon/index.vue +78 -78
  274. package/src/components/draggableInputHandle/index.vue +46 -46
  275. package/src/components/dropdown/Dropdown.stories.js +53 -53
  276. package/src/components/dropdown/index.vue +138 -138
  277. package/src/components/errorMessage/index.vue +64 -64
  278. package/src/components/filter/filterSettings.vue +669 -669
  279. package/src/components/filter/index.vue +154 -154
  280. package/src/components/filter/parentDropdown.vue +91 -91
  281. package/src/components/icon/Icons.stories.js +41 -41
  282. package/src/components/icon/iconCache.mjs +23 -23
  283. package/src/components/icon/iconCollection.vue +82 -82
  284. package/src/components/icon/index.vue +140 -140
  285. package/src/components/iconWrapper/index.vue +179 -179
  286. package/src/components/infoCard/index.vue +67 -140
  287. package/src/components/infoText/constants.js +4 -0
  288. package/src/components/infoText/index.vue +287 -190
  289. package/src/components/inputs/checkbox/Checkbox.stories.js +63 -63
  290. package/src/components/inputs/checkbox/checkbox.spec.js +109 -109
  291. package/src/components/inputs/checkbox/index.vue +225 -225
  292. package/src/components/inputs/inputNumber/InputNumber.stories.js +150 -150
  293. package/src/components/inputs/inputNumber/index.vue +789 -789
  294. package/src/components/inputs/inputNumberQuestion/index.vue +218 -218
  295. package/src/components/inputs/inputText/InputText.stories.js +75 -75
  296. package/src/components/inputs/inputText/index.vue +380 -380
  297. package/src/components/inputs/radioButton/RadioButton.stories.js +77 -77
  298. package/src/components/inputs/radioButton/defaultProps.js +33 -31
  299. package/src/components/inputs/radioButton/index.vue +309 -309
  300. package/src/components/inputs/radioButton/radioButton.spec.js +269 -269
  301. package/src/components/inputs/searchInput/SearchInput.stories.js +40 -40
  302. package/src/components/inputs/searchInput/index.vue +151 -151
  303. package/src/components/inputs/select/index.vue +910 -918
  304. package/src/components/inputs/select/option/index.vue +156 -156
  305. package/src/components/inputs/select/select.stories.js +58 -58
  306. package/src/components/inputs/slider/index.vue +126 -126
  307. package/src/components/inputs/switchField/index.vue +254 -254
  308. package/src/components/inputs/textAreaInput/TextAreaInput.stories.js +127 -127
  309. package/src/components/inputs/textAreaInput/index.vue +198 -198
  310. package/src/components/inputs/toggle/Toggle.stories.js +77 -77
  311. package/src/components/inputs/toggle/index.vue +317 -317
  312. package/src/components/inputs/toggle/toggle.spec.js +102 -102
  313. package/src/components/label/index.vue +99 -99
  314. package/src/components/markerItem/index.vue +88 -88
  315. package/src/components/modals/actionModal/index.vue +64 -64
  316. package/src/components/modals/infoModal/index.vue +52 -52
  317. package/src/components/modals/modal/index.vue +190 -196
  318. package/src/components/modals/modal/modal.stories.js +31 -31
  319. package/src/components/navigationTabs/index.vue +114 -114
  320. package/src/components/pageSubtitle/PageSubtitle.stories.js +59 -59
  321. package/src/components/pageSubtitle/index.vue +78 -78
  322. package/src/components/pageSubtitle/pageSubtitle.spec.js +46 -46
  323. package/src/components/pageTitle/PageTitle.stories.js +95 -95
  324. package/src/components/pageTitle/index.vue +91 -91
  325. package/src/components/pageTitle/pageTitle.spec.js +46 -46
  326. package/src/components/pagination/index.vue +148 -148
  327. package/src/components/progressBar/index.vue +125 -125
  328. package/src/components/projectMarker/index.vue +300 -300
  329. package/src/components/rangeSlider/Slider.vue +573 -573
  330. package/src/components/rangeSlider/index.vue +517 -517
  331. package/src/components/rangeSlider/utils/dom.js +49 -49
  332. package/src/components/rangeSlider/utils/fns.js +26 -26
  333. package/src/components/roundTabs/index.vue +107 -107
  334. package/src/components/selectedOptions/index.vue +471 -471
  335. package/src/components/selectedOptions/selectedOptions.spec.js +176 -176
  336. package/src/components/selectedOptions/selectedOptions.stories.js +155 -155
  337. package/src/components/sideMenu/index.vue +270 -270
  338. package/src/components/spinner/Spinner.stories.js +34 -34
  339. package/src/components/spinner/index.vue +85 -85
  340. package/src/components/spinner/spinner.spec.js +69 -69
  341. package/src/components/tableDropdown/index.vue +638 -638
  342. package/src/components/tables/mainTable/exampleNested.vue +328 -328
  343. package/src/components/tables/mainTable/index.vue +510 -510
  344. package/src/components/tables/viewTable/index.vue +195 -195
  345. package/src/components/tabsHeader/index.vue +83 -83
  346. package/src/components/threeDots/index.vue +413 -413
  347. package/src/components/videoThumbnail/index.vue +103 -103
  348. package/src/components/videoThumbnail/videoThumbnail.stories.js +33 -33
  349. package/src/helpers/currencyMapping.js +28 -28
  350. package/src/helpers/numberConverter.js +103 -103
  351. package/src/helpers/translateLang.js +128 -128
  352. package/src/main.js +7 -7
  353. package/src/mixins/inputValidations.js +97 -97
  354. package/src/router/dynamicRoutes.js +23 -23
  355. package/src/stories/Button.stories.js +48 -48
  356. package/src/stories/Button.vue +52 -52
  357. package/src/stories/Configure.mdx +364 -364
  358. package/src/stories/Header.stories.js +41 -41
  359. package/src/stories/Header.vue +59 -59
  360. package/src/stories/Page.stories.js +30 -30
  361. package/src/stories/Page.vue +83 -83
  362. package/src/stories/button.css +30 -30
  363. package/src/stories/header.css +32 -32
  364. package/src/stories/page.css +69 -69
  365. package/src/utils/index.js +12 -12
  366. package/src/components/infoCard/InfoCard.stories.js +0 -144
  367. package/src/components/infoCard/defaultProps.js +0 -7
  368. package/src/components/infoCard/infoCard.spec.js +0 -56
@@ -1,86 +1,86 @@
1
- <template>
2
- <Modal
3
- :is-open="isOpen"
4
- data-test-id="action_banner_wrapper"
5
- @on-close="closeModal"
6
- >
7
- <ModalContainer>
8
- <ModalTitle v-if="$slots.title" data-test-id="modal_title">
9
- <slot name="title"></slot>
10
- </ModalTitle>
11
- <TextContainer v-if="$slots.body" data-test-id="modal_body">
12
- <slot name="body"></slot>
13
- </TextContainer>
14
- <ButtonContainer v-if="$slots.buttons" data-test-id="modal_buttons">
15
- <slot name="buttons"></slot>
16
- </ButtonContainer>
17
- </ModalContainer>
18
- </Modal>
19
- </template>
20
- <script>
21
- // import RCBanner from "@eturnity/eturnity_reusable_components/src/components/banner/actionBanner"
22
- // <RCActionBanner
23
- // :isOpen="true"
24
- // @on-close="handleClose"
25
- // >
26
- // <template #title>Sample title</template>
27
- // <template #body>Sample body</template>
28
- // <template #buttons>
29
- // <button>Sample button </button>
30
- // </template>
31
- // </RCActionBanner>
32
-
33
- import styled from 'vue3-styled-components'
34
- import Modal from '@/components/modals/modal'
35
- const ModalContainer = styled.div`
36
- width: 450px;
37
- min-height: 205px;
38
- padding: 40px 40px 30px 40px;
39
- `
40
- const ModalTitle = styled.div`
41
- color: ${(props) => props.theme.colors.black};
42
- font-family: inherit;
43
- font-size: 18px;
44
- font-style: normal;
45
- font-weight: 700;
46
- line-height: 120%;
47
- text-transform: uppercase;
48
- `
49
- const ButtonContainer = styled.div`
50
- display: inline-flex;
51
- align-items: flex-start;
52
- gap: 20px;
53
- `
54
- const TextContainer = styled.div`
55
- color: ${(props) => props.theme.colors.black};
56
- font-family: inherit;
57
- font-size: 13px;
58
- font-style: normal;
59
- font-weight: 400;
60
- line-height: normal;
61
- padding: 30px 0px;
62
- white-space: pre-wrap;
63
- `
64
-
65
- export default {
66
- name: 'ActionModal',
67
- components: {
68
- Modal,
69
- ModalContainer,
70
- ModalTitle,
71
- ButtonContainer,
72
- TextContainer,
73
- },
74
- props: {
75
- isOpen: {
76
- type: Boolean,
77
- default: false,
78
- },
79
- },
80
- methods: {
81
- closeModal() {
82
- this.$emit('on-close')
83
- },
84
- },
85
- }
86
- </script>
1
+ <template>
2
+ <Modal
3
+ :is-open="isOpen"
4
+ data-test-id="action_banner_wrapper"
5
+ @on-close="closeModal"
6
+ >
7
+ <ModalContainer>
8
+ <ModalTitle v-if="$slots.title" data-test-id="modal_title">
9
+ <slot name="title"></slot>
10
+ </ModalTitle>
11
+ <TextContainer v-if="$slots.body" data-test-id="modal_body">
12
+ <slot name="body"></slot>
13
+ </TextContainer>
14
+ <ButtonContainer v-if="$slots.buttons" data-test-id="modal_buttons">
15
+ <slot name="buttons"></slot>
16
+ </ButtonContainer>
17
+ </ModalContainer>
18
+ </Modal>
19
+ </template>
20
+ <script>
21
+ // import RCBanner from "@eturnity/eturnity_reusable_components/src/components/banner/actionBanner"
22
+ // <RCActionBanner
23
+ // :isOpen="true"
24
+ // @on-close="handleClose"
25
+ // >
26
+ // <template #title>Sample title</template>
27
+ // <template #body>Sample body</template>
28
+ // <template #buttons>
29
+ // <button>Sample button </button>
30
+ // </template>
31
+ // </RCActionBanner>
32
+
33
+ import styled from 'vue3-styled-components'
34
+ import Modal from '@/components/modals/modal'
35
+ const ModalContainer = styled.div`
36
+ width: 450px;
37
+ min-height: 205px;
38
+ padding: 40px 40px 30px 40px;
39
+ `
40
+ const ModalTitle = styled.div`
41
+ color: ${(props) => props.theme.colors.black};
42
+ font-family: inherit;
43
+ font-size: 18px;
44
+ font-style: normal;
45
+ font-weight: 700;
46
+ line-height: 120%;
47
+ text-transform: uppercase;
48
+ `
49
+ const ButtonContainer = styled.div`
50
+ display: inline-flex;
51
+ align-items: flex-start;
52
+ gap: 20px;
53
+ `
54
+ const TextContainer = styled.div`
55
+ color: ${(props) => props.theme.colors.black};
56
+ font-family: inherit;
57
+ font-size: 13px;
58
+ font-style: normal;
59
+ font-weight: 400;
60
+ line-height: normal;
61
+ padding: 30px 0px;
62
+ white-space: pre-wrap;
63
+ `
64
+
65
+ export default {
66
+ name: 'ActionModal',
67
+ components: {
68
+ Modal,
69
+ ModalContainer,
70
+ ModalTitle,
71
+ ButtonContainer,
72
+ TextContainer,
73
+ },
74
+ props: {
75
+ isOpen: {
76
+ type: Boolean,
77
+ default: false,
78
+ },
79
+ },
80
+ methods: {
81
+ closeModal() {
82
+ this.$emit('on-close')
83
+ },
84
+ },
85
+ }
86
+ </script>
@@ -1,64 +1,64 @@
1
- import Banner from './index.vue'
2
- import theme from '@/assets/theme'
3
-
4
- export default {
5
- title: 'Banner',
6
- component: Banner,
7
- tags: ['autodocs'],
8
- }
9
-
10
- // To use:
11
- // <RCBanner
12
- // backdrop="white" // white, dark
13
- // :hideClose="true"
14
- // :isLoading="true"
15
- // :isOpen="true"
16
- // position="fixed"
17
- // stopPropagation="false"
18
- // @on-close="handleClose"
19
- // />
20
-
21
- export const Default = {
22
- args: {
23
- isOpen: false,
24
- isLoading: false,
25
- hideClose: false,
26
- backdrop: 'white',
27
- position: 'fixed',
28
- stopPropagation: true,
29
- },
30
- }
31
-
32
- export const OpenedBanner = {
33
- args: {
34
- isOpen: true,
35
- },
36
- }
37
-
38
- export const LoadingBanner = {
39
- args: {
40
- isOpen: true,
41
- isLoading: true,
42
- },
43
- }
44
-
45
- export const HiddenCloseButton = {
46
- args: {
47
- isOpen: true,
48
- hideClose: true,
49
- },
50
- }
51
-
52
- export const DarkBackdrop = {
53
- args: {
54
- isOpen: true,
55
- backdrop: 'dark',
56
- },
57
- }
58
-
59
- export const AbsolutePositionBanner = {
60
- args: {
61
- isOpen: true,
62
- position: 'absolute',
63
- },
64
- }
1
+ import Banner from './index.vue'
2
+ import theme from '@/assets/theme'
3
+
4
+ export default {
5
+ title: 'Banner',
6
+ component: Banner,
7
+ tags: ['autodocs'],
8
+ }
9
+
10
+ // To use:
11
+ // <RCBanner
12
+ // backdrop="white" // white, dark
13
+ // :hideClose="true"
14
+ // :isLoading="true"
15
+ // :isOpen="true"
16
+ // position="fixed"
17
+ // stopPropagation="false"
18
+ // @on-close="handleClose"
19
+ // />
20
+
21
+ export const Default = {
22
+ args: {
23
+ isOpen: false,
24
+ isLoading: false,
25
+ hideClose: false,
26
+ backdrop: 'white',
27
+ position: 'fixed',
28
+ stopPropagation: true,
29
+ },
30
+ }
31
+
32
+ export const OpenedBanner = {
33
+ args: {
34
+ isOpen: true,
35
+ },
36
+ }
37
+
38
+ export const LoadingBanner = {
39
+ args: {
40
+ isOpen: true,
41
+ isLoading: true,
42
+ },
43
+ }
44
+
45
+ export const HiddenCloseButton = {
46
+ args: {
47
+ isOpen: true,
48
+ hideClose: true,
49
+ },
50
+ }
51
+
52
+ export const DarkBackdrop = {
53
+ args: {
54
+ isOpen: true,
55
+ backdrop: 'dark',
56
+ },
57
+ }
58
+
59
+ export const AbsolutePositionBanner = {
60
+ args: {
61
+ isOpen: true,
62
+ position: 'absolute',
63
+ },
64
+ }
@@ -1,149 +1,149 @@
1
- /* eslint-disable */
2
- import { mount } from '@vue/test-utils'
3
- import Banner from '@/components/banner/banner'
4
- import theme from '@/assets/theme'
5
-
6
- describe('Banner Component', () => {
7
- it('banner is shown when isOpen props is true', async () => {
8
- // Start with isOpen as false
9
- const wrapper = mount(Banner, {
10
- props: {
11
- isOpen: false,
12
- isLoading: false,
13
- },
14
- global: {
15
- provide: {
16
- theme,
17
- },
18
- },
19
- })
20
-
21
- const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
22
- // check that the element exists with correct props
23
- expect(bannerWrapper.exists()).toBe(true)
24
- // Check if wrapper doesnt have the 'visible' class, and have 'hidden' class
25
- expect(bannerWrapper.classes()).not.toContain('visible')
26
- expect(bannerWrapper.classes()).toContain('hidden')
27
- // Now, set isOpen to true
28
- await wrapper.setProps({ isOpen: true })
29
- // Check if the 'visible' class is applied and 'hidden' class is not applied
30
- expect(bannerWrapper.classes()).toContain('visible')
31
- expect(bannerWrapper.classes()).not.toContain('hidden')
32
- })
33
-
34
- it('banner spinner is shown when user set isLoading props is true', async () => {
35
- // Start with isLoading is false
36
- const wrapper = mount(Banner, {
37
- props: {
38
- isOpen: true,
39
- isLoading: false,
40
- },
41
- global: {
42
- provide: {
43
- theme,
44
- },
45
- },
46
- })
47
-
48
- const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
49
- // Initial check, spinner should not exist
50
- let spinnerElement = bannerWrapper.find('[data-test-id="banner_spinner"]')
51
- expect(spinnerElement.exists()).toBe(false)
52
- // Set isLoading to true
53
- await wrapper.setProps({ isLoading: true })
54
- await wrapper.vm.$nextTick()
55
- // Find the spinner element again after updating the prop and check if it exsit
56
- spinnerElement = bannerWrapper.find('[data-test-id="banner_spinner"]')
57
- expect(spinnerElement.exists()).toBe(true)
58
- })
59
-
60
- it('banner close button is not shown when hideClose props is true', async () => {
61
- // Set hideClose to false
62
- const wrapper = mount(Banner, {
63
- props: {
64
- isOpen: true,
65
- hideClose: false,
66
- },
67
- global: {
68
- provide: {
69
- theme,
70
- },
71
- },
72
- })
73
-
74
- const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
75
-
76
- // Initial check, closeButton should exist
77
- let closeButton = bannerWrapper.find('[data-test-id="banner_close_button"]')
78
- expect(closeButton.exists()).toBe(true)
79
- // Set isLoading to true
80
- await wrapper.setProps({ hideClose: true })
81
- await wrapper.vm.$nextTick()
82
- // Find the closeButton element again after updating the prop
83
- closeButton = bannerWrapper.find('[data-test-id="banner_close_button"]')
84
- // Check if closeButton does not exist now
85
- expect(closeButton.exists()).toBe(false)
86
- })
87
-
88
- it('banner on-close event is emitted when close button is clicked', async () => {
89
- const wrapper = mount(Banner, {
90
- props: {
91
- isOpen: true,
92
- },
93
- global: {
94
- provide: {
95
- theme,
96
- },
97
- },
98
- })
99
-
100
- const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
101
- // Find the close button element
102
- const closeButton = bannerWrapper.find(
103
- '[data-test-id="banner_close_button"]'
104
- )
105
- // Simulate a click and check if the component emmitted a on-close event
106
- await closeButton.trigger('click')
107
- expect(wrapper.emitted('on-close')).toBeTruthy()
108
- const emittedEvent = wrapper.emitted('on-close')
109
- expect(emittedEvent).toHaveLength(1)
110
- })
111
-
112
- it('event.stopPropagation is called when stopPropagation prop is true and banner wrapper is clicked', async () => {
113
- const wrapper = mount(Banner, {
114
- props: {
115
- isOpen: true,
116
- stopPropagation: true,
117
- },
118
- global: {
119
- provide: {
120
- theme,
121
- },
122
- },
123
- })
124
-
125
- const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
126
- let modalWrapper = bannerWrapper.find('[data-test-id="modal-container"]')
127
- // Mock for event.stopPropagation
128
- const stopPropagationMock = jest.fn()
129
- // Simulate a click event with the mocked stopPropagation function
130
- await modalWrapper.trigger('click', {
131
- stopPropagation: stopPropagationMock,
132
- })
133
- // Check if stopPropagation was called
134
- expect(stopPropagationMock).toHaveBeenCalled()
135
-
136
- // Set stopPropagation props to false and wait for the DOM to update
137
- await wrapper.setProps({ stopPropagation: false })
138
- await wrapper.vm.$nextTick()
139
-
140
- // Create new mock for event.stopPropagation that should not be called
141
- const stopPropagationNotCalledMock = jest.fn()
142
- // Simulate againma click event
143
- await modalWrapper.trigger('click', {
144
- stopPropagation: stopPropagationNotCalledMock,
145
- })
146
- // Check if stopPropagation was NOT called
147
- expect(stopPropagationNotCalledMock).not.toHaveBeenCalled()
148
- })
149
- })
1
+ /* eslint-disable */
2
+ import { mount } from '@vue/test-utils'
3
+ import Banner from '@/components/banner/banner'
4
+ import theme from '@/assets/theme'
5
+
6
+ describe('Banner Component', () => {
7
+ it('banner is shown when isOpen props is true', async () => {
8
+ // Start with isOpen as false
9
+ const wrapper = mount(Banner, {
10
+ props: {
11
+ isOpen: false,
12
+ isLoading: false,
13
+ },
14
+ global: {
15
+ provide: {
16
+ theme,
17
+ },
18
+ },
19
+ })
20
+
21
+ const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
22
+ // check that the element exists with correct props
23
+ expect(bannerWrapper.exists()).toBe(true)
24
+ // Check if wrapper doesnt have the 'visible' class, and have 'hidden' class
25
+ expect(bannerWrapper.classes()).not.toContain('visible')
26
+ expect(bannerWrapper.classes()).toContain('hidden')
27
+ // Now, set isOpen to true
28
+ await wrapper.setProps({ isOpen: true })
29
+ // Check if the 'visible' class is applied and 'hidden' class is not applied
30
+ expect(bannerWrapper.classes()).toContain('visible')
31
+ expect(bannerWrapper.classes()).not.toContain('hidden')
32
+ })
33
+
34
+ it('banner spinner is shown when user set isLoading props is true', async () => {
35
+ // Start with isLoading is false
36
+ const wrapper = mount(Banner, {
37
+ props: {
38
+ isOpen: true,
39
+ isLoading: false,
40
+ },
41
+ global: {
42
+ provide: {
43
+ theme,
44
+ },
45
+ },
46
+ })
47
+
48
+ const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
49
+ // Initial check, spinner should not exist
50
+ let spinnerElement = bannerWrapper.find('[data-test-id="banner_spinner"]')
51
+ expect(spinnerElement.exists()).toBe(false)
52
+ // Set isLoading to true
53
+ await wrapper.setProps({ isLoading: true })
54
+ await wrapper.vm.$nextTick()
55
+ // Find the spinner element again after updating the prop and check if it exsit
56
+ spinnerElement = bannerWrapper.find('[data-test-id="banner_spinner"]')
57
+ expect(spinnerElement.exists()).toBe(true)
58
+ })
59
+
60
+ it('banner close button is not shown when hideClose props is true', async () => {
61
+ // Set hideClose to false
62
+ const wrapper = mount(Banner, {
63
+ props: {
64
+ isOpen: true,
65
+ hideClose: false,
66
+ },
67
+ global: {
68
+ provide: {
69
+ theme,
70
+ },
71
+ },
72
+ })
73
+
74
+ const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
75
+
76
+ // Initial check, closeButton should exist
77
+ let closeButton = bannerWrapper.find('[data-test-id="banner_close_button"]')
78
+ expect(closeButton.exists()).toBe(true)
79
+ // Set isLoading to true
80
+ await wrapper.setProps({ hideClose: true })
81
+ await wrapper.vm.$nextTick()
82
+ // Find the closeButton element again after updating the prop
83
+ closeButton = bannerWrapper.find('[data-test-id="banner_close_button"]')
84
+ // Check if closeButton does not exist now
85
+ expect(closeButton.exists()).toBe(false)
86
+ })
87
+
88
+ it('banner on-close event is emitted when close button is clicked', async () => {
89
+ const wrapper = mount(Banner, {
90
+ props: {
91
+ isOpen: true,
92
+ },
93
+ global: {
94
+ provide: {
95
+ theme,
96
+ },
97
+ },
98
+ })
99
+
100
+ const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
101
+ // Find the close button element
102
+ const closeButton = bannerWrapper.find(
103
+ '[data-test-id="banner_close_button"]'
104
+ )
105
+ // Simulate a click and check if the component emmitted a on-close event
106
+ await closeButton.trigger('click')
107
+ expect(wrapper.emitted('on-close')).toBeTruthy()
108
+ const emittedEvent = wrapper.emitted('on-close')
109
+ expect(emittedEvent).toHaveLength(1)
110
+ })
111
+
112
+ it('event.stopPropagation is called when stopPropagation prop is true and banner wrapper is clicked', async () => {
113
+ const wrapper = mount(Banner, {
114
+ props: {
115
+ isOpen: true,
116
+ stopPropagation: true,
117
+ },
118
+ global: {
119
+ provide: {
120
+ theme,
121
+ },
122
+ },
123
+ })
124
+
125
+ const bannerWrapper = wrapper.find('[data-test-id="banner_wrapper"]')
126
+ let modalWrapper = bannerWrapper.find('[data-test-id="modal-container"]')
127
+ // Mock for event.stopPropagation
128
+ const stopPropagationMock = jest.fn()
129
+ // Simulate a click event with the mocked stopPropagation function
130
+ await modalWrapper.trigger('click', {
131
+ stopPropagation: stopPropagationMock,
132
+ })
133
+ // Check if stopPropagation was called
134
+ expect(stopPropagationMock).toHaveBeenCalled()
135
+
136
+ // Set stopPropagation props to false and wait for the DOM to update
137
+ await wrapper.setProps({ stopPropagation: false })
138
+ await wrapper.vm.$nextTick()
139
+
140
+ // Create new mock for event.stopPropagation that should not be called
141
+ const stopPropagationNotCalledMock = jest.fn()
142
+ // Simulate againma click event
143
+ await modalWrapper.trigger('click', {
144
+ stopPropagation: stopPropagationNotCalledMock,
145
+ })
146
+ // Check if stopPropagation was NOT called
147
+ expect(stopPropagationNotCalledMock).not.toHaveBeenCalled()
148
+ })
149
+ })