@deviceinsight/ng-ui-basic-components 3.16.0 → 4.0.0-alpha.2

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 (274) hide show
  1. package/dist/index.cjs +2 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.js +725 -0
  4. package/dist/index.js.map +1 -0
  5. package/dist/style.css +1 -0
  6. package/{lib/esm → dist/types}/components/accordion/Accordion.d.ts +3 -3
  7. package/dist/types/components/accordion/Accordion.d.ts.map +1 -0
  8. package/{lib/cjs → dist/types}/components/accordionComponents/AccordionItem.d.ts +3 -3
  9. package/dist/types/components/accordionComponents/AccordionItem.d.ts.map +1 -0
  10. package/{lib/esm → dist/types}/components/bubble/Bubble.d.ts +4 -16
  11. package/dist/types/components/bubble/Bubble.d.ts.map +1 -0
  12. package/dist/types/components/bubble/Bubble.stories.d.ts +17 -0
  13. package/dist/types/components/bubble/Bubble.stories.d.ts.map +1 -0
  14. package/{lib/cjs → dist/types}/components/button/Button.d.ts +3 -3
  15. package/dist/types/components/button/Button.d.ts.map +1 -0
  16. package/{lib/cjs → dist/types}/components/button/ButtonRow.d.ts +2 -2
  17. package/dist/types/components/button/ButtonRow.d.ts.map +1 -0
  18. package/{lib/esm → dist/types}/components/confirm/Confirm.d.ts +2 -2
  19. package/dist/types/components/confirm/Confirm.d.ts.map +1 -0
  20. package/{lib/esm → dist/types}/components/confirm/ConfirmProvider.d.ts +2 -2
  21. package/{lib/cjs → dist/types}/components/confirm/ConfirmProvider.d.ts.map +1 -1
  22. package/dist/types/components/confirm/useConfirm.d.ts +8 -0
  23. package/{lib/cjs → dist/types}/components/confirm/useConfirm.d.ts.map +1 -1
  24. package/{lib/cjs → dist/types}/components/confirm/withConfirm.d.ts +2 -2
  25. package/dist/types/components/confirm/withConfirm.d.ts.map +1 -0
  26. package/{lib/esm → dist/types}/components/icon/Icon.d.ts +3 -3
  27. package/dist/types/components/icon/Icon.d.ts.map +1 -0
  28. package/{lib/cjs → dist/types}/components/input/Checkbox.d.ts +1 -1
  29. package/dist/types/components/input/Checkbox.d.ts.map +1 -0
  30. package/{lib/esm → dist/types}/components/input/SearchBox.d.ts +3 -4
  31. package/dist/types/components/input/SearchBox.d.ts.map +1 -0
  32. package/{lib/esm → dist/types}/components/label/Label.d.ts +1 -1
  33. package/{lib/cjs → dist/types}/components/label/Label.d.ts.map +1 -1
  34. package/{lib/esm → dist/types}/components/modal/Modal.d.ts +1 -2
  35. package/dist/types/components/modal/Modal.d.ts.map +1 -0
  36. package/dist/types/components/modal/Modal.stories.d.ts +18 -0
  37. package/dist/types/components/modal/Modal.stories.d.ts.map +1 -0
  38. package/dist/types/components/modalComponents/ModalContainer.d.ts +6 -0
  39. package/{lib/cjs → dist/types}/components/modalComponents/ModalContainer.d.ts.map +1 -1
  40. package/dist/types/components/modalComponents/ModalWindow.d.ts +4 -0
  41. package/dist/types/components/modalComponents/ModalWindow.d.ts.map +1 -0
  42. package/dist/types/components/popup/Popup.d.ts +30 -0
  43. package/dist/types/components/popup/Popup.d.ts.map +1 -0
  44. package/dist/types/components/popup/Popup.stories.d.ts +27 -0
  45. package/dist/types/components/popup/Popup.stories.d.ts.map +1 -0
  46. package/{lib/esm → dist/types}/components/spinner/Spinner.d.ts +2 -2
  47. package/dist/types/components/spinner/Spinner.d.ts.map +1 -0
  48. package/{lib/cjs → dist/types}/components/spinner/SpinnerContainer.d.ts +2 -2
  49. package/dist/types/components/spinner/SpinnerContainer.d.ts.map +1 -0
  50. package/{lib/esm → dist/types}/components/tabs/Tabs.d.ts +4 -4
  51. package/dist/types/components/tabs/Tabs.d.ts.map +1 -0
  52. package/{lib/esm → dist/types}/components/tooltip/Tooltip.d.ts +4 -13
  53. package/dist/types/components/tooltip/Tooltip.d.ts.map +1 -0
  54. package/dist/types/components/tooltip/Tooltip.stories.d.ts +16 -0
  55. package/dist/types/components/tooltip/Tooltip.stories.d.ts.map +1 -0
  56. package/dist/types/hooks/useOutsideClick.d.ts.map +1 -0
  57. package/{lib/cjs → dist/types}/index.d.ts +1 -0
  58. package/{lib/cjs → dist/types}/index.d.ts.map +1 -1
  59. package/dist/types/types/i18n.d.ts +5 -0
  60. package/dist/types/types/i18n.d.ts.map +1 -0
  61. package/package.json +55 -48
  62. package/lib/cjs/__mocks__/react-i18next.d.ts +0 -2
  63. package/lib/cjs/__mocks__/react-i18next.d.ts.map +0 -1
  64. package/lib/cjs/__mocks__/react-i18next.js +0 -18
  65. package/lib/cjs/assets/img/icon-arrow-back.png +0 -0
  66. package/lib/cjs/assets/img/icon_folder_closed.png +0 -0
  67. package/lib/cjs/assets/img/icon_folder_closed_light.png +0 -0
  68. package/lib/cjs/assets/img/icon_folder_open.png +0 -0
  69. package/lib/cjs/assets/img/icon_folder_open_light.png +0 -0
  70. package/lib/cjs/assets/img/icon_help_light_24.png +0 -0
  71. package/lib/cjs/assets/img/icon_variablenode.png +0 -0
  72. package/lib/cjs/assets/img/icon_variablenode_light.png +0 -0
  73. package/lib/cjs/assets/img/toastify_msg_error_24.png +0 -0
  74. package/lib/cjs/assets/img/toastify_msg_success_24.png +0 -0
  75. package/lib/cjs/assets/search-box.css +0 -29
  76. package/lib/cjs/assets/style.css +0 -219
  77. package/lib/cjs/assets/svg/icon_add.svg +0 -3
  78. package/lib/cjs/assets/svg/icon_calendar.svg +0 -50
  79. package/lib/cjs/assets/svg/icon_chevron_left.svg +0 -6
  80. package/lib/cjs/assets/svg/icon_chevron_right.svg +0 -6
  81. package/lib/cjs/assets/svg/icon_cross.svg +0 -3
  82. package/lib/cjs/assets/svg/icon_download.svg +0 -5
  83. package/lib/cjs/assets/svg/icon_duplicate.svg +0 -10
  84. package/lib/cjs/assets/svg/icon_edit.svg +0 -6
  85. package/lib/cjs/assets/svg/icon_folder_loading.svg +0 -21
  86. package/lib/cjs/assets/svg/icon_fullscreen.svg +0 -6
  87. package/lib/cjs/assets/svg/icon_gear.svg +0 -5
  88. package/lib/cjs/assets/svg/icon_help_light.svg +0 -3
  89. package/lib/cjs/assets/svg/icon_key.svg +0 -3
  90. package/lib/cjs/assets/svg/icon_lupe.svg +0 -14
  91. package/lib/cjs/assets/svg/icon_menu_horizontal.svg +0 -5
  92. package/lib/cjs/assets/svg/icon_menu_vertical.svg +0 -5
  93. package/lib/cjs/assets/svg/icon_reload.svg +0 -6
  94. package/lib/cjs/assets/svg/icon_star.svg +0 -4
  95. package/lib/cjs/assets/svg/icon_upload.svg +0 -7
  96. package/lib/cjs/assets/svg/icon_warning_triangle.svg +0 -12
  97. package/lib/cjs/assets/svg/triangle_down.svg +0 -3
  98. package/lib/cjs/assets/svg/triangle_left.svg +0 -3
  99. package/lib/cjs/assets/svg/triangle_right.svg +0 -3
  100. package/lib/cjs/assets/svg/triangle_up.svg +0 -3
  101. package/lib/cjs/assets/svg/triangle_up_and_down.svg +0 -4
  102. package/lib/cjs/components/accordion/Accordion.d.ts +0 -25
  103. package/lib/cjs/components/accordion/Accordion.d.ts.map +0 -1
  104. package/lib/cjs/components/accordion/Accordion.js +0 -60
  105. package/lib/cjs/components/accordionComponents/AccordionItem.d.ts.map +0 -1
  106. package/lib/cjs/components/accordionComponents/AccordionItem.js +0 -50
  107. package/lib/cjs/components/bubble/Bubble.d.ts +0 -35
  108. package/lib/cjs/components/bubble/Bubble.d.ts.map +0 -1
  109. package/lib/cjs/components/bubble/Bubble.js +0 -42
  110. package/lib/cjs/components/button/Button.d.ts.map +0 -1
  111. package/lib/cjs/components/button/Button.js +0 -22
  112. package/lib/cjs/components/button/ButtonRow.d.ts.map +0 -1
  113. package/lib/cjs/components/button/ButtonRow.js +0 -35
  114. package/lib/cjs/components/confirm/Confirm.d.ts +0 -19
  115. package/lib/cjs/components/confirm/Confirm.d.ts.map +0 -1
  116. package/lib/cjs/components/confirm/Confirm.js +0 -49
  117. package/lib/cjs/components/confirm/ConfirmProvider.d.ts +0 -14
  118. package/lib/cjs/components/confirm/ConfirmProvider.js +0 -63
  119. package/lib/cjs/components/confirm/useConfirm.d.ts +0 -9
  120. package/lib/cjs/components/confirm/useConfirm.js +0 -13
  121. package/lib/cjs/components/confirm/utils.js +0 -11
  122. package/lib/cjs/components/confirm/withConfirm.d.ts.map +0 -1
  123. package/lib/cjs/components/confirm/withConfirm.js +0 -43
  124. package/lib/cjs/components/icon/Icon.d.ts +0 -24
  125. package/lib/cjs/components/icon/Icon.d.ts.map +0 -1
  126. package/lib/cjs/components/icon/Icon.js +0 -116
  127. package/lib/cjs/components/input/Checkbox.d.ts.map +0 -1
  128. package/lib/cjs/components/input/Checkbox.js +0 -75
  129. package/lib/cjs/components/input/SearchBox.d.ts +0 -21
  130. package/lib/cjs/components/input/SearchBox.d.ts.map +0 -1
  131. package/lib/cjs/components/input/SearchBox.js +0 -90
  132. package/lib/cjs/components/label/Label.d.ts +0 -23
  133. package/lib/cjs/components/label/Label.js +0 -24
  134. package/lib/cjs/components/modal/Modal.d.ts +0 -29
  135. package/lib/cjs/components/modal/Modal.d.ts.map +0 -1
  136. package/lib/cjs/components/modal/Modal.js +0 -65
  137. package/lib/cjs/components/modalComponents/ModalContainer.d.ts +0 -6
  138. package/lib/cjs/components/modalComponents/ModalContainer.js +0 -12
  139. package/lib/cjs/components/modalComponents/ModalWindow.d.ts +0 -4
  140. package/lib/cjs/components/modalComponents/ModalWindow.d.ts.map +0 -1
  141. package/lib/cjs/components/modalComponents/ModalWindow.js +0 -50
  142. package/lib/cjs/components/popup/Popup.d.ts +0 -38
  143. package/lib/cjs/components/popup/Popup.d.ts.map +0 -1
  144. package/lib/cjs/components/popup/Popup.js +0 -78
  145. package/lib/cjs/components/popupComponents/PopupArea.d.ts +0 -18
  146. package/lib/cjs/components/popupComponents/PopupArea.d.ts.map +0 -1
  147. package/lib/cjs/components/popupComponents/PopupArea.js +0 -46
  148. package/lib/cjs/components/spinner/Spinner.d.ts +0 -20
  149. package/lib/cjs/components/spinner/Spinner.d.ts.map +0 -1
  150. package/lib/cjs/components/spinner/Spinner.js +0 -34
  151. package/lib/cjs/components/spinner/SpinnerContainer.d.ts.map +0 -1
  152. package/lib/cjs/components/spinner/SpinnerContainer.js +0 -24
  153. package/lib/cjs/components/tabs/Tabs.d.ts +0 -34
  154. package/lib/cjs/components/tabs/Tabs.d.ts.map +0 -1
  155. package/lib/cjs/components/tabs/Tabs.js +0 -75
  156. package/lib/cjs/components/tooltip/Tooltip.d.ts +0 -28
  157. package/lib/cjs/components/tooltip/Tooltip.d.ts.map +0 -1
  158. package/lib/cjs/components/tooltip/Tooltip.js +0 -39
  159. package/lib/cjs/hooks/useOutsideClick.d.ts.map +0 -1
  160. package/lib/cjs/hooks/useOutsideClick.js +0 -42
  161. package/lib/cjs/index.js +0 -46
  162. package/lib/cjs/types/i18n.d.ts +0 -5
  163. package/lib/cjs/types/i18n.d.ts.map +0 -1
  164. package/lib/cjs/types/i18n.js +0 -2
  165. package/lib/esm/__mocks__/react-i18next.d.ts +0 -2
  166. package/lib/esm/__mocks__/react-i18next.d.ts.map +0 -1
  167. package/lib/esm/__mocks__/react-i18next.js +0 -17
  168. package/lib/esm/assets/img/icon-arrow-back.png +0 -0
  169. package/lib/esm/assets/img/icon_folder_closed.png +0 -0
  170. package/lib/esm/assets/img/icon_folder_closed_light.png +0 -0
  171. package/lib/esm/assets/img/icon_folder_open.png +0 -0
  172. package/lib/esm/assets/img/icon_folder_open_light.png +0 -0
  173. package/lib/esm/assets/img/icon_help_light_24.png +0 -0
  174. package/lib/esm/assets/img/icon_variablenode.png +0 -0
  175. package/lib/esm/assets/img/icon_variablenode_light.png +0 -0
  176. package/lib/esm/assets/img/toastify_msg_error_24.png +0 -0
  177. package/lib/esm/assets/img/toastify_msg_success_24.png +0 -0
  178. package/lib/esm/assets/search-box.css +0 -29
  179. package/lib/esm/assets/style.css +0 -219
  180. package/lib/esm/assets/svg/icon_add.svg +0 -3
  181. package/lib/esm/assets/svg/icon_calendar.svg +0 -50
  182. package/lib/esm/assets/svg/icon_chevron_left.svg +0 -6
  183. package/lib/esm/assets/svg/icon_chevron_right.svg +0 -6
  184. package/lib/esm/assets/svg/icon_cross.svg +0 -3
  185. package/lib/esm/assets/svg/icon_download.svg +0 -5
  186. package/lib/esm/assets/svg/icon_duplicate.svg +0 -10
  187. package/lib/esm/assets/svg/icon_edit.svg +0 -6
  188. package/lib/esm/assets/svg/icon_folder_loading.svg +0 -21
  189. package/lib/esm/assets/svg/icon_fullscreen.svg +0 -6
  190. package/lib/esm/assets/svg/icon_gear.svg +0 -5
  191. package/lib/esm/assets/svg/icon_help_light.svg +0 -3
  192. package/lib/esm/assets/svg/icon_key.svg +0 -3
  193. package/lib/esm/assets/svg/icon_lupe.svg +0 -14
  194. package/lib/esm/assets/svg/icon_menu_horizontal.svg +0 -5
  195. package/lib/esm/assets/svg/icon_menu_vertical.svg +0 -5
  196. package/lib/esm/assets/svg/icon_reload.svg +0 -6
  197. package/lib/esm/assets/svg/icon_star.svg +0 -4
  198. package/lib/esm/assets/svg/icon_upload.svg +0 -7
  199. package/lib/esm/assets/svg/icon_warning_triangle.svg +0 -12
  200. package/lib/esm/assets/svg/triangle_down.svg +0 -3
  201. package/lib/esm/assets/svg/triangle_left.svg +0 -3
  202. package/lib/esm/assets/svg/triangle_right.svg +0 -3
  203. package/lib/esm/assets/svg/triangle_up.svg +0 -3
  204. package/lib/esm/assets/svg/triangle_up_and_down.svg +0 -4
  205. package/lib/esm/components/accordion/Accordion.d.ts.map +0 -1
  206. package/lib/esm/components/accordion/Accordion.js +0 -34
  207. package/lib/esm/components/accordionComponents/AccordionItem.d.ts +0 -32
  208. package/lib/esm/components/accordionComponents/AccordionItem.d.ts.map +0 -1
  209. package/lib/esm/components/accordionComponents/AccordionItem.js +0 -24
  210. package/lib/esm/components/bubble/Bubble.d.ts.map +0 -1
  211. package/lib/esm/components/bubble/Bubble.js +0 -36
  212. package/lib/esm/components/button/Button.d.ts +0 -33
  213. package/lib/esm/components/button/Button.d.ts.map +0 -1
  214. package/lib/esm/components/button/Button.js +0 -17
  215. package/lib/esm/components/button/ButtonRow.d.ts +0 -23
  216. package/lib/esm/components/button/ButtonRow.d.ts.map +0 -1
  217. package/lib/esm/components/button/ButtonRow.js +0 -10
  218. package/lib/esm/components/confirm/Confirm.d.ts.map +0 -1
  219. package/lib/esm/components/confirm/Confirm.js +0 -20
  220. package/lib/esm/components/confirm/ConfirmProvider.d.ts.map +0 -1
  221. package/lib/esm/components/confirm/ConfirmProvider.js +0 -34
  222. package/lib/esm/components/confirm/useConfirm.d.ts +0 -9
  223. package/lib/esm/components/confirm/useConfirm.d.ts.map +0 -1
  224. package/lib/esm/components/confirm/useConfirm.js +0 -10
  225. package/lib/esm/components/confirm/utils.d.ts +0 -4
  226. package/lib/esm/components/confirm/utils.d.ts.map +0 -1
  227. package/lib/esm/components/confirm/utils.js +0 -7
  228. package/lib/esm/components/confirm/withConfirm.d.ts +0 -7
  229. package/lib/esm/components/confirm/withConfirm.d.ts.map +0 -1
  230. package/lib/esm/components/confirm/withConfirm.js +0 -37
  231. package/lib/esm/components/icon/Icon.d.ts.map +0 -1
  232. package/lib/esm/components/icon/Icon.js +0 -110
  233. package/lib/esm/components/input/Checkbox.d.ts +0 -29
  234. package/lib/esm/components/input/Checkbox.d.ts.map +0 -1
  235. package/lib/esm/components/input/Checkbox.js +0 -50
  236. package/lib/esm/components/input/SearchBox.d.ts.map +0 -1
  237. package/lib/esm/components/input/SearchBox.js +0 -62
  238. package/lib/esm/components/label/Label.d.ts.map +0 -1
  239. package/lib/esm/components/label/Label.js +0 -18
  240. package/lib/esm/components/modal/Modal.d.ts.map +0 -1
  241. package/lib/esm/components/modal/Modal.js +0 -59
  242. package/lib/esm/components/modalComponents/ModalContainer.d.ts +0 -6
  243. package/lib/esm/components/modalComponents/ModalContainer.d.ts.map +0 -1
  244. package/lib/esm/components/modalComponents/ModalContainer.js +0 -6
  245. package/lib/esm/components/modalComponents/ModalWindow.d.ts +0 -4
  246. package/lib/esm/components/modalComponents/ModalWindow.d.ts.map +0 -1
  247. package/lib/esm/components/modalComponents/ModalWindow.js +0 -21
  248. package/lib/esm/components/popup/Popup.d.ts +0 -38
  249. package/lib/esm/components/popup/Popup.d.ts.map +0 -1
  250. package/lib/esm/components/popup/Popup.js +0 -49
  251. package/lib/esm/components/popupComponents/PopupArea.d.ts +0 -18
  252. package/lib/esm/components/popupComponents/PopupArea.d.ts.map +0 -1
  253. package/lib/esm/components/popupComponents/PopupArea.js +0 -17
  254. package/lib/esm/components/spinner/Spinner.d.ts.map +0 -1
  255. package/lib/esm/components/spinner/Spinner.js +0 -28
  256. package/lib/esm/components/spinner/SpinnerContainer.d.ts +0 -23
  257. package/lib/esm/components/spinner/SpinnerContainer.d.ts.map +0 -1
  258. package/lib/esm/components/spinner/SpinnerContainer.js +0 -18
  259. package/lib/esm/components/tabs/Tabs.d.ts.map +0 -1
  260. package/lib/esm/components/tabs/Tabs.js +0 -46
  261. package/lib/esm/components/tooltip/Tooltip.d.ts.map +0 -1
  262. package/lib/esm/components/tooltip/Tooltip.js +0 -33
  263. package/lib/esm/hooks/useOutsideClick.d.ts +0 -3
  264. package/lib/esm/hooks/useOutsideClick.d.ts.map +0 -1
  265. package/lib/esm/hooks/useOutsideClick.js +0 -40
  266. package/lib/esm/index.d.ts +0 -22
  267. package/lib/esm/index.d.ts.map +0 -1
  268. package/lib/esm/index.js +0 -21
  269. package/lib/esm/types/i18n.d.ts +0 -5
  270. package/lib/esm/types/i18n.d.ts.map +0 -1
  271. package/lib/esm/types/i18n.js +0 -1
  272. /package/{lib/cjs → dist/types}/components/confirm/utils.d.ts +0 -0
  273. /package/{lib/cjs → dist/types}/components/confirm/utils.d.ts.map +0 -0
  274. /package/{lib/cjs → dist/types}/hooks/useOutsideClick.d.ts +0 -0
@@ -1,10 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
- <g>
3
- <path d="M22.1,4.91a3,3,0,0,0-3-3H6.44a2.4,2.4,0,0,1,1.34-.4h12.6A2.12,2.12,0,0,1,22.5,3.62V17.26a1.42,1.42,0,0,1-.4,1Z"/>
4
- <path d="M20.38,1H7.78A3,3,0,0,0,5.26,2.4H19.09A2.51,2.51,0,0,1,21.6,4.91V19.12A1.94,1.94,0,0,0,23,17.26V3.62A2.62,2.62,0,0,0,20.38,1Z"/>
5
- </g>
6
- <g>
7
- <path d="M4,21.5A1.5,1.5,0,0,1,2.5,20V5.8A1.5,1.5,0,0,1,4,4.3H18.2a1.5,1.5,0,0,1,1.5,1.5V20a1.5,1.5,0,0,1-1.5,1.5ZM9.5,18a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,.5-.5V14.5H16a.5.5,0,0,0,.5-.5V12a.5.5,0,0,0-.5-.5H12.5V8a.5.5,0,0,0-.5-.5H10a.5.5,0,0,0-.5.5v3.5H6a.5.5,0,0,0-.5.5v2a.5.5,0,0,0,.5.5H9.5Z"/>
8
- <path d="M18.2,4.8a1,1,0,0,1,1,1V20a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V5.8a1,1,0,0,1,1-1H18.2M9,11H6a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v3a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V15h3a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H13V8a1,1,0,0,0-1-1H10A1,1,0,0,0,9,8v3m9.2-7.2H4a2,2,0,0,0-2,2V20a2,2,0,0,0,2,2H18.2a2,2,0,0,0,2-2V5.8a2,2,0,0,0-2-2ZM6,14V12h4V8h2v4h4v2H12v4H10V14Z"/>
9
- </g>
10
- </svg>
@@ -1,6 +0,0 @@
1
- <svg id="icon-edit-24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
- <g id="stift">
3
- <path d="M7.35,12.65a.5.5,0,0,0,0,.7l3.3,3.3a.5.5,0,0,0,.7,0l8.3-8.3A1.4,1.4,0,0,0,20,7.5v-1a1.4,1.4,0,0,0-.35-.85l-1.3-1.3A1.4,1.4,0,0,0,17.5,4h-1a1.4,1.4,0,0,0-.85.35Z"/>
4
- </g>
5
- <path d="M5.9,14.49c.06-.27.26-.33.45-.14l3.3,3.3c.19.19.13.39-.14.45l-4,.8a.3.3,0,0,1-.39-.39Z"/>
6
- </svg>
@@ -1,21 +0,0 @@
1
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
- width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 50 50;" xml:space="preserve">
3
- <rect x="0" y="0" width="5" height="10" fill="#000">
4
- <animateTransform attributeType="xml"
5
- attributeName="transform" type="translate"
6
- values="0 0; 0 14; 0 0"
7
- begin="0" dur="0.6s" repeatCount="indefinite" />
8
- </rect>
9
- <rect x="9" y="0" width="5" height="10" fill="#000">
10
- <animateTransform attributeType="xml"
11
- attributeName="transform" type="translate"
12
- values="0 0; 0 14; 0 0"
13
- begin="0.2s" dur="0.6s" repeatCount="indefinite" />
14
- </rect>
15
- <rect x="19" y="0" width="5" height="10" fill="#000">
16
- <animateTransform attributeType="xml"
17
- attributeName="transform" type="translate"
18
- values="0 0; 0 14; 0 0"
19
- begin="0.4s" dur="0.6s" repeatCount="indefinite" />
20
- </rect>
21
- </svg>
@@ -1,6 +0,0 @@
1
- <svg data-name="icon_fullscreen_sga" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
2
- <polygon id="ecke" points="2 14 2 10 0 10 0 16 6 16 6 14 2 14"/>
3
- <polygon id="ecke-2" data-name="ecke" points="2 2 6 2 6 0 0 0 0 6 2 6 2 2"/>
4
- <polygon id="ecke-3" data-name="ecke" points="14 14 10 14 10 16 16 16 16 10 14 10 14 14"/>
5
- <polygon id="ecke-4" data-name="ecke" points="10 0 10 2 14 2 14 6 16 6 16 0 10 0"/>
6
- </svg>
@@ -1,5 +0,0 @@
1
- <svg id="icon-gear-24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
- <g id="icon-gear-24_sga-2" data-name="icon-gear-24_sga">
3
- <path d="M22.82,14.06A1.25,1.25,0,0,0,24,13,7.66,7.66,0,0,0,24,12,7.66,7.66,0,0,0,24,11a1.25,1.25,0,0,0-1.13-1l-1.09,0A1.49,1.49,0,0,1,20.44,9c-.15-.47-.44-2-.07-2.37l.74-.81a1.16,1.16,0,0,0,0-1.5L19.7,2.87a1.16,1.16,0,0,0-1.5,0l-.81.74a1.5,1.5,0,0,1-1.54.27c-.44-.23-1.72-1.08-1.74-1.63l0-1.09A1.25,1.25,0,0,0,13,.05a7.66,7.66,0,0,0-1,0,7.66,7.66,0,0,0-1,.05,1.25,1.25,0,0,0-1,1.13l0,1.09A1.52,1.52,0,0,1,9,3.56c-.47.15-2,.44-2.37.07L5.8,2.89a1.16,1.16,0,0,0-1.5,0L2.86,4.3a1.18,1.18,0,0,0,0,1.5l.74.81A1.5,1.5,0,0,1,3.9,8.15c-.23.44-1.08,1.72-1.63,1.74l-1.09,0A1.25,1.25,0,0,0,.05,11a7.66,7.66,0,0,0,0,1,7.66,7.66,0,0,0,.05,1,1.25,1.25,0,0,0,1.13,1l1.09,0A1.47,1.47,0,0,1,3.55,15c.16.48.45,2,.08,2.37l-.74.81a1.16,1.16,0,0,0,0,1.5L4.3,21.13a1.16,1.16,0,0,0,1.5,0l.81-.74a1.5,1.5,0,0,1,1.54-.27c.44.23,1.72,1.08,1.75,1.63l0,1.09A1.25,1.25,0,0,0,11,24,7.66,7.66,0,0,0,12,24,7.66,7.66,0,0,0,13,24a1.25,1.25,0,0,0,1-1.13l0-1.09A1.49,1.49,0,0,1,15,20.44c.47-.15,2-.44,2.37-.07l.81.74a1.16,1.16,0,0,0,1.5,0l1.43-1.43a1.16,1.16,0,0,0,0-1.5l-.74-.81a1.5,1.5,0,0,1-.27-1.54c.23-.44,1.08-1.72,1.63-1.74ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"/>
4
- </g>
5
- </svg>
@@ -1,3 +0,0 @@
1
- <svg id="Icon_help" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
- <path id="icon_help-2" data-name="icon_help" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,16H11V15h2Zm1.7-6.26a4.85,4.85,0,0,1-.49.81l-1,1.37a1.36,1.36,0,0,0-.18.34,1,1,0,0,0-.07.38L13,14H11l.1-.49a2,2,0,0,1,.13-.77,3.18,3.18,0,0,1,.4-.69l1-1.33a3.21,3.21,0,0,0,.29-.46,1.19,1.19,0,0,0,.11-.47,1.17,1.17,0,0,0-.3-.82,1.07,1.07,0,0,0-.83-.33A1,1,0,0,0,11.1,9a1.25,1.25,0,0,0-.28.83H9a2.94,2.94,0,0,1,.23-1.17,2.45,2.45,0,0,1,.63-.88,2.9,2.9,0,0,1,.93-.55A3.13,3.13,0,0,1,11.94,7a3.31,3.31,0,0,1,1.13.19,2.82,2.82,0,0,1,.94.54,2.62,2.62,0,0,1,.65.88A3,3,0,0,1,14.9,9.8,2.16,2.16,0,0,1,14.7,10.74Z" style="opacity: 0.2"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg data-name="icon_key" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.02 27">
2
- <path d="M35.07,16.5a8.52,8.52,0,0,0-7.69,12L17.2,38.8a2.46,2.46,0,0,0,0,3.46,2.41,2.41,0,0,0,3.42,0l1.69-1.7,2.91,2.94L31,37.63l-2.92-3,2.44-2.46a8.31,8.31,0,0,0,4.51,1.33,8.53,8.53,0,0,0,0-17Zm0,3.91A4.62,4.62,0,1,1,30.5,25,4.6,4.6,0,0,1,35.07,20.41Z" transform="translate(-16.49 -16.5)"/>
3
- </svg>
@@ -1,14 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <defs>
3
- <style>
4
- .cls-1 {
5
- fill: #fff;
6
- }
7
- </style>
8
- </defs>
9
- <g>
10
- <circle class="cls-1" cx="5.5" cy="5.5" r="4.5"/>
11
- <path d="M5.5,2A3.5,3.5,0,1,1,2,5.5,3.5,3.5,0,0,1,5.5,2m0-1A4.5,4.5,0,1,0,10,5.5,4.49,4.49,0,0,0,5.5,1Z"/>
12
- </g>
13
- <rect x="6.79" y="10.04" width="7.74" height="2.16" transform="translate(10.98 -4.28) rotate(45)"/>
14
- </svg>
@@ -1,5 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <circle cx="12.5" cy="7.5" r="1.5"/>
3
- <circle cx="8.5" cy="7.5" r="1.5"/>
4
- <circle cx="4.5" cy="7.5" r="1.5"/>
5
- </svg>
@@ -1,5 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <circle cx="7.5" cy="3.5" r="1.5"/>
3
- <circle cx="7.5" cy="7.5" r="1.5"/>
4
- <circle cx="7.5" cy="11.5" r="1.5"/>
5
- </svg>
@@ -1,6 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
- <g id="Pfeilende">
3
- <path d="M24,10H15l9-8.93Z"/>
4
- </g>
5
- <path d="M18.45,18.78A9.33,9.33,0,0,1,2.62,14.86,9.8,9.8,0,0,1,8.89,2.69,9.42,9.42,0,0,1,20.72,9.14H23A11.72,11.72,0,0,0,11.68,0,11.74,11.74,0,0,0,.34,9.14,12,12,0,0,0,8.89,23.65a11.43,11.43,0,0,0,11.16-3.31Z"/>
6
- </svg>
@@ -1,4 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg id="icon_star_16" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
3
- <path id="star" d="M8,0l2.45,4.97,5.55,.76-4.04,3.83,.99,5.44-4.94-2.61-4.94,2.61,.99-5.44L0,5.73l5.55-.76L8,0Z"/>
4
- </svg>
@@ -1,7 +0,0 @@
1
- <svg id="upload_cloud_32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
2
- <path id="wolke" d="M25.08,12.31A9.54,9.54,0,0,0,7.26,9.76,7.64,7.64,0,0,0,8.08,25H24.63a6.35,6.35,0,0,0,.45-12.69Z"/>
3
- <g id="Pfeil">
4
- <polyline points="10 20 16 14 22 20" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 2px"/>
5
- <rect x="14" y="15" width="4" height="11" style="fill: #fff"/>
6
- </g>
7
- </svg>
@@ -1,12 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
- <defs>
3
- <style>
4
- .cls-1 {
5
- fill: #fff;
6
- }
7
- </style>
8
- </defs>
9
- <path d="M11.22,2.93,1,20.82a1,1,0,0,0,.86,1.5H22.32a1,1,0,0,0,.87-1.5L13,2.93A1,1,0,0,0,11.22,2.93Z"/>
10
- <rect class="cls-1" x="10.6" y="16.34" width="2.99" height="2.99"/>
11
- <rect class="cls-1" x="10.6" y="8.88" width="2.99" height="5.98"/>
12
- </svg>
@@ -1,3 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <polygon points="7.5 10 4 6 11 6 7.5 10"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <polygon points="6 8.02 10 12 10 4.04 6 8.02"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <polygon points="10 8.04 6 4 6 12.08 10 8.04"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <polygon points="7.5 6 4 10 11 10 7.5 6"/>
3
- </svg>
@@ -1,4 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <polygon id="triangle_up" data-name="triangle up" points="7.5 3 4 7 11 7 7.5 3"/>
3
- <polygon id="triangle_down" data-name="triangle down" points="7.5 13 4 9 11 9 7.5 13"/>
4
- </svg>
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,KAAK,GAAG;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAElC,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,GAAG,CAAC;IAE9C,oGAAoG;IACpG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,gBAAgB,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACnE,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB;IAQjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAU5C;IAEF,MAAM;CAoBN"}
@@ -1,34 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Accordions are best used to display homogenous information, e.g. multiple configurations which would take up a lot of space otherwise.
4
- */
5
- export default class Accordion extends React.Component {
6
- constructor() {
7
- super(...arguments);
8
- this.state = {
9
- currentPageIndex: -1
10
- };
11
- this.handleAccordionToggle = (index) => {
12
- const { onPageChange } = this.props;
13
- const newPageIndex = this.state.currentPageIndex !== index ? index : -1;
14
- this.setState({
15
- currentPageIndex: newPageIndex
16
- });
17
- if (onPageChange) {
18
- onPageChange(newPageIndex);
19
- }
20
- };
21
- }
22
- componentDidMount() {
23
- const { defaultOpenPageIndex } = this.props;
24
- if (defaultOpenPageIndex !== null && defaultOpenPageIndex !== undefined) {
25
- this.handleAccordionToggle(defaultOpenPageIndex);
26
- }
27
- }
28
- render() {
29
- const { children, accordionClass } = this.props;
30
- const { currentPageIndex } = this.state;
31
- return (React.createElement("div", { className: accordionClass ? `di accordion ${accordionClass}` : 'di accordion' }, children &&
32
- children.map((child, index) => child ? (React.createElement(child.type, { key: index, index: index, isOpen: currentPageIndex === index, toggle: () => this.handleAccordionToggle(index), ...child.props })) : null)));
33
- }
34
- }
@@ -1,32 +0,0 @@
1
- import * as React from 'react';
2
- declare type Info = {
3
- text: string;
4
- cssStyle: Record<string, any>;
5
- };
6
- export declare type Props = {
7
- /** (Optional) Displays either numeric- or text-based badge in front of the &lt;AccordionItems/&gt; */
8
- badge?: (number | string | React.ReactNode) | null | undefined;
9
- /** @ignore */
10
- children?: React.ReactNode;
11
- /** (Optional) Displays additional information, which is visible in "closed" state */
12
- info1?: Info;
13
- /** If true, expands &lt;AccordionItems/&gt; */
14
- isOpen?: boolean;
15
- /** (Optional) Sets additional classes for styling purposes */
16
- itemClasses?: string;
17
- /** Title of &lt;AccordionItems/&gt; */
18
- title: string | React.ReactNode;
19
- /** (Optional) Tooltip of &lt;AccordionItems/&gt; */
20
- titleTooltip?: string;
21
- /** Function which is called to open/close &lt;AccordionItems/&gt; */
22
- toggle?: () => void;
23
- /** (Optional) Enables additional handler, e.g., for editing or deleting &lt;AccordionItems/&gt; */
24
- tools?: Array<React.ReactNode>;
25
- /** @ignore */
26
- 'data-testid'?: string | undefined;
27
- };
28
- export default class AccordionItem extends React.PureComponent<Props> {
29
- render(): JSX.Element;
30
- }
31
- export {};
32
- //# sourceMappingURL=AccordionItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordionComponents/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/D,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACpE,MAAM;CAsCN"}
@@ -1,24 +0,0 @@
1
- import * as React from 'react';
2
- export default class AccordionItem extends React.PureComponent {
3
- render() {
4
- const { badge, children, isOpen, info1, itemClasses, title, titleTooltip, toggle, tools, ...rest } = this.props;
5
- const accordionItemClasses = ['item'];
6
- if (itemClasses)
7
- accordionItemClasses.push(itemClasses);
8
- if (isOpen)
9
- accordionItemClasses.push('open');
10
- return (React.createElement("div", { className: accordionItemClasses.join(' ') },
11
- React.createElement("div", { className: "head" },
12
- React.createElement("span", { className: "title", onClick: toggle, "data-testid": rest['data-testid'] },
13
- React.createElement("h1", { title: titleTooltip }, title),
14
- badge && (React.createElement("span", { className: "di label", style: {
15
- margin: '0 0 0 10px',
16
- backgroundColor: '#ddd',
17
- borderColor: 'transparent'
18
- } }, badge)),
19
- info1 && React.createElement("span", { style: info1.cssStyle }, info1.text)),
20
- React.createElement("span", { className: "tools" }, tools &&
21
- tools.map((toolComponent, index) => (React.createElement("span", { key: index, className: "tool" }, toolComponent))))),
22
- React.createElement("div", { className: "cont" }, children)));
23
- }
24
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAErD,oBAAY,KAAK,GAAG;IACnB,yBAAyB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE;QACpB,QAAQ,EAAE,OAAO,CAAC;KAClB,CAEC;IAEF,KAAK,EAAE,KAAK,CAEV;IAEF,gBAAgB,aAQd;IAEF,gBAAgB,aAId;IAEF,MAAM;CAmBN"}
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import Popup from '../popup/Popup';
3
- /**
4
- * Bubbles are best used to provide some additional information like short instructions or help texts, which are then going to be displayed on Mouse-Over.
5
- */
6
- export default class Bubble extends React.Component {
7
- constructor() {
8
- super(...arguments);
9
- this.state = {
10
- active: false
11
- };
12
- this.handleMouseEnter = () => {
13
- const { disabled } = this.props;
14
- if (!disabled) {
15
- this.setState({
16
- active: true
17
- });
18
- }
19
- };
20
- this.handleMouseLeave = () => {
21
- this.setState({
22
- active: false
23
- });
24
- };
25
- }
26
- render() {
27
- const { content, inverted, children, style, direction, className } = this.props;
28
- const { active } = this.state;
29
- return (React.createElement("span", { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
30
- React.createElement(Popup, { active: active, onHide: () => { }, handler: children, direction: direction ? direction : 'top', onHandlerClick: () => { }, className: `bubble ${inverted ? 'inverted' : ''} ${className ? className : ''}` },
31
- React.createElement("span", { className: `bubble-content`, style: style }, content))));
32
- }
33
- }
34
- Bubble.defaultProps = {
35
- inverted: false
36
- };
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { TranslationDescriptor } from '../../types/i18n';
3
- export declare type Props = {
4
- /** primary style, mutually exclusive with _danger_ and _naked_ */
5
- primary?: boolean;
6
- /** danger style, mutually exclusive with _primary_ and _naked_ */
7
- danger?: boolean;
8
- /** render the button without border and background color, mutually exclusive with _primary_ and _danger_ */
9
- naked?: boolean;
10
- /** a title tooltip */
11
- title?: (TranslationDescriptor | null | undefined) | string;
12
- /** button | submit | reset */
13
- type?: 'button' | 'submit' | 'reset';
14
- /** a click handler */
15
- onClick?: (...args: Array<any>) => any;
16
- /** a smaller button */
17
- small?: boolean;
18
- /** disable the button */
19
- disabled?: boolean;
20
- /** @ignore */
21
- children?: React.ReactNode;
22
- /** @ignore */
23
- className?: string;
24
- /** @ignore */
25
- style?: React.CSSProperties;
26
- /** @ignore */
27
- 'data-testid'?: string;
28
- /** @ignore */
29
- tabIndex?: number;
30
- };
31
- declare const _default: React.ComponentType<Props>;
32
- export default _default;
33
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAE5D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;;AA6CF,wBAAiE"}
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import cx from 'classnames';
3
- import { withTranslation } from 'react-i18next';
4
- /**
5
- * Buttons are used to inform the user about a potential user interaction, which then on interaction causes an action.
6
- * To create a standardized look and feel, different props can be passed to the Button.
7
- */
8
- function Button({ children, title, type, disabled, onClick, style, tabIndex, t, primary, danger, naked, className, small, ...rest }) {
9
- let btnTitle = title;
10
- if (title && typeof title !== 'string') {
11
- btnTitle = t(title.id, {
12
- defaultValue: title.defaultValue
13
- });
14
- }
15
- return (React.createElement("button", { "data-testid": rest['data-testid'], type: type || 'button', className: cx('di button', className, { small, primary, danger, link: naked }), title: typeof btnTitle === 'string' ? btnTitle : undefined, disabled: disabled, onClick: onClick, style: style, tabIndex: tabIndex }, children));
16
- }
17
- export default withTranslation()(Button);
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- export declare type Props = {
3
- /** should contain &lt;Button /&gt; elements */
4
- children: React.ReactNode;
5
- /** show a horizontal row above the buttons */
6
- dividing?: boolean;
7
- /** @ignore */
8
- className?: string;
9
- /** @ignore */
10
- style?: React.CSSProperties;
11
- };
12
- /**
13
- * ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
14
- * To separate the ButtonRow from the content, the extra property `dividing` can be used.
15
- */
16
- declare const ButtonRow: {
17
- ({ children, dividing, className, style }: Props): JSX.Element;
18
- defaultProps: {
19
- dividing: boolean;
20
- };
21
- };
22
- export default ButtonRow;
23
- //# sourceMappingURL=ButtonRow.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonRow.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,KAAK,GAAG;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,SAAS;+CAA4C,KAAK;;;;CAI/D,CAAC;AAMF,eAAe,SAAS,CAAC"}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
4
- * To separate the ButtonRow from the content, the extra property `dividing` can be used.
5
- */
6
- const ButtonRow = ({ children, dividing, className, style }) => (React.createElement("div", { style: style, className: `di button-row ${dividing ? 'dividing' : ''} ${className || ''}` }, children));
7
- ButtonRow.defaultProps = {
8
- dividing: false
9
- };
10
- export default ButtonRow;
@@ -1 +0,0 @@
1
- {"version":3,"file":"Confirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/Confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,oBAAY,KAAK,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACtC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,qBAAqB,CAAC;IAE7D,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,cAAc;IACd,SAAS,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACpD,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAWF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,iBAA6B,EAC7B,EAAE,KAAK,eA6BP"}
@@ -1,20 +0,0 @@
1
- import * as React from 'react';
2
- import { Trans } from 'react-i18next';
3
- import Modal from '../modal/Modal';
4
- import Button from '../button/Button';
5
- import { isTranslationDescriptor } from './utils';
6
- function transformTextToElement(message) {
7
- if (isTranslationDescriptor(message)) {
8
- return React.createElement(Trans, { i18nKey: message.id }, message.defaultValue);
9
- }
10
- return message;
11
- }
12
- /**
13
- * Confirm enables the possibility to open up a dialog within a modal, requiring additional user actions.
14
- * This component should not be used directly, instead use `@withConfirm` to inject a promise based confirm method
15
- */
16
- export default function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle = 'primary' }) {
17
- return (React.createElement(Modal, { header: transformTextToElement(title), content: transformTextToElement(message), footer: React.createElement("div", null,
18
- React.createElement(Button, { primary: acceptButtonStyle === 'primary', danger: acceptButtonStyle === 'danger', onClick: onAccept }, acceptButtonLabel ? (transformTextToElement(acceptButtonLabel)) : (React.createElement(Trans, { i18nKey: "form.accept" }, "Accept"))),
19
- React.createElement(Button, { onClick: onDecline }, declineButtonLabel ? (transformTextToElement(declineButtonLabel)) : (React.createElement(Trans, { i18nKey: "form.decline" }, "Decline")))), width: 500 }));
20
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConfirmProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/ConfirmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,aAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc;uBACP,cAAc,KAAK,QAAQ,OAAO,CAAC;EAGrD,CAAC;AAEH,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,eAgCpF;AAED,eAAe,eAAe,CAAC"}
@@ -1,34 +0,0 @@
1
- import React, { createContext, useState } from 'react';
2
- import Confirm from './Confirm';
3
- export const ConfirmContext = createContext({
4
- confirm: () => Promise.reject(new Error('ConfirmProvider is missing!'))
5
- });
6
- function ConfirmProvider({ children }) {
7
- const [visible, setVisible] = useState(false);
8
- const [confirmProps, setConfirmProps] = useState({
9
- title: '',
10
- message: '',
11
- onAccept: () => { },
12
- onDecline: () => { }
13
- });
14
- async function confirm(options) {
15
- return new Promise((resolve) => {
16
- setVisible(true);
17
- setConfirmProps({
18
- ...options,
19
- onAccept: () => {
20
- setVisible(false);
21
- resolve(true);
22
- },
23
- onDecline: () => {
24
- setVisible(false);
25
- resolve(false);
26
- }
27
- });
28
- });
29
- }
30
- return (React.createElement(ConfirmContext.Provider, { value: { confirm } },
31
- children,
32
- visible && React.createElement(Confirm, { ...confirmProps })));
33
- }
34
- export default ConfirmProvider;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export default function useConfirm(): (options: {
3
- title: string;
4
- message: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
5
- acceptButtonLabel?: string | undefined;
6
- declineButtonLabel?: string | undefined;
7
- acceptButtonStyle?: "primary" | "danger" | undefined;
8
- }) => Promise<boolean>;
9
- //# sourceMappingURL=useConfirm.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/useConfirm.ts"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;uBAOjC"}
@@ -1,10 +0,0 @@
1
- import { useContext } from 'react';
2
- import { ConfirmContext } from './ConfirmProvider';
3
- export default function useConfirm() {
4
- const context = useContext(ConfirmContext);
5
- if (!context) {
6
- throw new Error('ConfirmProvider is missing');
7
- }
8
- const { confirm } = context;
9
- return confirm;
10
- }
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import { TranslationDescriptor } from '../../types/i18n';
3
- export declare function isTranslationDescriptor(arg: TranslationDescriptor | string | React.ReactElement): arg is TranslationDescriptor;
4
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,qBAAqB,GAAG,MAAM,GAAG,KAAK,CAAC,YAAY,GACtD,GAAG,IAAI,qBAAqB,CAW9B"}
@@ -1,7 +0,0 @@
1
- export function isTranslationDescriptor(arg) {
2
- const result = typeof arg === 'object' && typeof arg.id === 'string' && typeof arg.defaultValue === 'string';
3
- if (result) {
4
- console.warn('Please use strings instead of TranslationDescriptors to initialize the Confirm modal, because TranslationDescriptors are deprecated');
5
- }
6
- return result;
7
- }
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { TranslationDescriptor } from '../../types/i18n';
3
- export declare type ConfirmProps = {
4
- confirm: (title: string | TranslationDescriptor, message: string | TranslationDescriptor | React.ReactElement, acceptButtonLabel?: string | TranslationDescriptor, declineButtonLabel?: string | TranslationDescriptor, resolveWithConfirmation?: boolean, acceptButtonStyle?: 'primary' | 'danger') => Promise<void | boolean>;
5
- };
6
- export default function withConfirm<P>(WrappedComponent: React.ComponentType<P & ConfirmProps>): (props: P) => JSX.Element;
7
- //# sourceMappingURL=withConfirm.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"withConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/withConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAKvD,oBAAY,YAAY,GAAG;IAC1B,OAAO,EAAE,CACR,KAAK,EAAE,MAAM,GAAG,qBAAqB,EACrC,OAAO,EAAE,MAAM,GAAG,qBAAqB,GAAG,KAAK,CAAC,YAAY,EAC5D,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EAClD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EACnD,uBAAuB,CAAC,EAAE,OAAO,EACjC,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,KACpC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,YAAY,CAAC,WAsCnD,CAAC,iBAO3C"}
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import { useTranslation } from 'react-i18next';
3
- import useConfirm from './useConfirm';
4
- import ConfirmProvider from './ConfirmProvider';
5
- import { isTranslationDescriptor } from './utils';
6
- export default function withConfirm(WrappedComponent) {
7
- function WithConfirm(props) {
8
- const confirm = useConfirm();
9
- const { t } = useTranslation();
10
- function trans(arg) {
11
- if (isTranslationDescriptor(arg)) {
12
- return t(arg.id, { defaultValue: arg.defaultValue });
13
- }
14
- return arg;
15
- }
16
- async function deprecatedConfirm(title, message, acceptButtonLabel, declineButtonLabel, resolveWithConfirmation, acceptButtonStyle) {
17
- const accepted = await confirm({
18
- title: trans(title),
19
- message: isTranslationDescriptor(message) ? trans(message) : message,
20
- acceptButtonLabel: acceptButtonLabel ? trans(acceptButtonLabel) : undefined,
21
- declineButtonLabel: declineButtonLabel ? trans(declineButtonLabel) : undefined,
22
- acceptButtonStyle
23
- });
24
- if (resolveWithConfirmation) {
25
- return accepted;
26
- }
27
- else if (!accepted) {
28
- return new Promise(() => { });
29
- }
30
- }
31
- return React.createElement(WrappedComponent, { ...props, confirm: deprecatedConfirm });
32
- }
33
- return function WithConfirmWrapper(props) {
34
- return (React.createElement(ConfirmProvider, null,
35
- React.createElement(WithConfirm, { ...props })));
36
- };
37
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AAeA,oBAAY,KAAK,GAAG;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,KAAK,eAYxC"}