@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.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 (528) hide show
  1. package/lib/components/Alert.js +50 -116
  2. package/lib/components/Alert.js.map +1 -1
  3. package/lib/components/Alert.module.scss +141 -0
  4. package/lib/components/AppHeader/AppHeader.js +17 -39
  5. package/lib/components/AppHeader/AppHeader.js.map +1 -1
  6. package/lib/components/AppHeader/AppHeader.module.scss +29 -0
  7. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +7 -24
  8. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
  9. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +29 -0
  10. package/lib/components/AppHeader/AppHeaderLogo/index.js +2 -8
  11. package/lib/components/AppHeader/AppHeaderLogo/index.js.map +1 -1
  12. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +14 -46
  13. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
  14. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +20 -0
  15. package/lib/components/AppHeader/AppHeaderMenu/index.js +2 -8
  16. package/lib/components/AppHeader/AppHeaderMenu/index.js.map +1 -1
  17. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +9 -19
  18. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
  19. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +13 -0
  20. package/lib/components/AppHeader/EnvironmentBadge/index.js +2 -8
  21. package/lib/components/AppHeader/EnvironmentBadge/index.js.map +1 -1
  22. package/lib/components/AppHeader/SelectCluster/SelectCluster.js +32 -72
  23. package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
  24. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +101 -0
  25. package/lib/components/AppHeader/SelectCluster/index.js +2 -8
  26. package/lib/components/AppHeader/SelectCluster/index.js.map +1 -1
  27. package/lib/components/AppHeader/index.js +2 -8
  28. package/lib/components/AppHeader/index.js.map +1 -1
  29. package/lib/components/AppSidebar/AppSidebar.js +30 -56
  30. package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
  31. package/lib/components/AppSidebar/AppSidebar.module.scss +66 -0
  32. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +21 -37
  33. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
  34. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +16 -0
  35. package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js +2 -8
  36. package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -1
  37. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +10 -31
  38. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
  39. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +13 -0
  40. package/lib/components/AppSidebar/AppSidebarFavorites/index.js +2 -8
  41. package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map +1 -1
  42. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +22 -77
  43. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
  44. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +92 -0
  45. package/lib/components/AppSidebar/AppSidebarItem/index.js +2 -8
  46. package/lib/components/AppSidebar/AppSidebarItem/index.js.map +1 -1
  47. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +6 -17
  48. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
  49. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +24 -0
  50. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js +2 -8
  51. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -1
  52. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +14 -39
  53. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
  54. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +58 -0
  55. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +53 -94
  56. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
  57. package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +3 -8
  58. package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -1
  59. package/lib/components/AppSidebar/AppSidebarSection/index.js +2 -8
  60. package/lib/components/AppSidebar/AppSidebarSection/index.js.map +1 -1
  61. package/lib/components/AppSidebar/appSidebarContext.js +9 -14
  62. package/lib/components/AppSidebar/appSidebarContext.js.map +1 -1
  63. package/lib/components/AppSidebar/index.js +6 -16
  64. package/lib/components/AppSidebar/index.js.map +1 -1
  65. package/lib/components/AutocompleteField.js +154 -229
  66. package/lib/components/AutocompleteField.js.map +1 -1
  67. package/lib/components/AutocompleteField.module.scss +164 -0
  68. package/lib/components/AutocompleteFieldFormik.js +18 -41
  69. package/lib/components/AutocompleteFieldFormik.js.map +1 -1
  70. package/lib/components/Badge.js +42 -66
  71. package/lib/components/Badge.js.map +1 -1
  72. package/lib/components/Badge.module.scss +55 -0
  73. package/lib/components/Button.js +42 -115
  74. package/lib/components/Button.js.map +1 -1
  75. package/lib/components/Button.module.scss +329 -0
  76. package/lib/components/Calendar/Calendar.js +23 -77
  77. package/lib/components/Calendar/Calendar.js.map +1 -1
  78. package/lib/components/Calendar/Calendar.module.scss +185 -0
  79. package/lib/components/Calendar/CalendarRange.js +12 -60
  80. package/lib/components/Calendar/CalendarRange.js.map +1 -1
  81. package/lib/components/Calendar/CalendarRange.module.scss +21 -0
  82. package/lib/components/Calendar/components/CalendarHeader.js +12 -35
  83. package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
  84. package/lib/components/Calendar/components/CalendarInput.js +9 -39
  85. package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
  86. package/lib/components/Calendar/components/CalendarTime.js +66 -104
  87. package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
  88. package/lib/components/Calendar/components/CalendarTime.module.scss +72 -0
  89. package/lib/components/Calendar/helpers/consts.js +100 -8
  90. package/lib/components/Calendar/helpers/consts.js.map +1 -1
  91. package/lib/components/Card.js +14 -60
  92. package/lib/components/Card.js.map +1 -1
  93. package/lib/components/Card.module.scss +92 -0
  94. package/lib/components/Carousel.js +27 -60
  95. package/lib/components/Carousel.js.map +1 -1
  96. package/lib/components/Carousel.module.scss +43 -0
  97. package/lib/components/CenteredLoader.js +6 -18
  98. package/lib/components/CenteredLoader.js.map +1 -1
  99. package/lib/components/CenteredLoader.module.scss +11 -0
  100. package/lib/components/Checkbox.js +26 -87
  101. package/lib/components/Checkbox.js.map +1 -1
  102. package/lib/components/Checkbox.module.scss +106 -0
  103. package/lib/components/CheckboxFormik.js +16 -37
  104. package/lib/components/CheckboxFormik.js.map +1 -1
  105. package/lib/components/CircularProgressBar.js +27 -78
  106. package/lib/components/CircularProgressBar.js.map +1 -1
  107. package/lib/components/CircularProgressBar.module.scss +37 -0
  108. package/lib/components/ContextMenu.js +60 -86
  109. package/lib/components/ContextMenu.js.map +1 -1
  110. package/lib/components/ContextMenu.module.scss +37 -0
  111. package/lib/components/Dialog.js +30 -50
  112. package/lib/components/Dialog.js.map +1 -1
  113. package/lib/components/Dialog.module.scss +62 -0
  114. package/lib/components/EmptyState.js +20 -66
  115. package/lib/components/EmptyState.js.map +1 -1
  116. package/lib/components/EmptyState.module.scss +87 -0
  117. package/lib/components/Error.js +7 -28
  118. package/lib/components/Error.js.map +1 -1
  119. package/lib/components/Error.module.scss +12 -0
  120. package/lib/components/FieldHeader.js +14 -43
  121. package/lib/components/FieldHeader.js.map +1 -1
  122. package/lib/components/FieldHeader.module.scss +20 -0
  123. package/lib/components/Help.js +13 -42
  124. package/lib/components/Help.js.map +1 -1
  125. package/lib/components/Help.module.scss +9 -0
  126. package/lib/components/Icon.js +25 -48
  127. package/lib/components/Icon.js.map +1 -1
  128. package/lib/components/Icon.module.scss +33 -0
  129. package/lib/components/IconButton.js +23 -81
  130. package/lib/components/IconButton.js.map +1 -1
  131. package/lib/components/IconButton.module.scss +59 -0
  132. package/lib/components/InteractiveList.js +41 -115
  133. package/lib/components/InteractiveList.js.map +1 -1
  134. package/lib/components/InteractiveList.module.scss +72 -0
  135. package/lib/components/InteractiveListFormik.js +81 -110
  136. package/lib/components/InteractiveListFormik.js.map +1 -1
  137. package/lib/components/Label.js +5 -20
  138. package/lib/components/Label.js.map +1 -1
  139. package/lib/components/Label.module.scss +12 -0
  140. package/lib/components/Link.js +31 -59
  141. package/lib/components/Link.js.map +1 -1
  142. package/lib/components/Link.module.scss +64 -0
  143. package/lib/components/Loader.js +23 -82
  144. package/lib/components/Loader.js.map +1 -1
  145. package/lib/components/Loader.module.scss +74 -0
  146. package/lib/components/Modal.js +26 -93
  147. package/lib/components/Modal.js.map +1 -1
  148. package/lib/components/Modal.module.scss +109 -0
  149. package/lib/components/Notification.js +37 -75
  150. package/lib/components/Notification.js.map +1 -1
  151. package/lib/components/Notification.module.scss +97 -0
  152. package/lib/components/NumberBadge.js +7 -18
  153. package/lib/components/NumberBadge.js.map +1 -1
  154. package/lib/components/NumberBadge.module.scss +13 -0
  155. package/lib/components/NumberField.js +140 -181
  156. package/lib/components/NumberField.js.map +1 -1
  157. package/lib/components/NumberField.module.scss +76 -0
  158. package/lib/components/NumberFieldFormik.js +49 -69
  159. package/lib/components/NumberFieldFormik.js.map +1 -1
  160. package/lib/components/Overlay.js +29 -92
  161. package/lib/components/Overlay.js.map +1 -1
  162. package/lib/components/Overlay.module.scss +108 -0
  163. package/lib/components/Pagination.js +91 -198
  164. package/lib/components/Pagination.js.map +1 -1
  165. package/lib/components/Pagination.module.scss +117 -0
  166. package/lib/components/PasswordField.js +25 -61
  167. package/lib/components/PasswordField.js.map +1 -1
  168. package/lib/components/PasswordField.module.scss +26 -0
  169. package/lib/components/PasswordFieldFormik.js +16 -37
  170. package/lib/components/PasswordFieldFormik.js.map +1 -1
  171. package/lib/components/Popover.js +67 -85
  172. package/lib/components/Popover.js.map +1 -1
  173. package/lib/components/Popover.module.scss +12 -0
  174. package/lib/components/Radio.js +26 -67
  175. package/lib/components/Radio.js.map +1 -1
  176. package/lib/components/Radio.module.scss +112 -0
  177. package/lib/components/RadioFormik.js +11 -26
  178. package/lib/components/RadioFormik.js.map +1 -1
  179. package/lib/components/RadioGroup.js +18 -51
  180. package/lib/components/RadioGroup.js.map +1 -1
  181. package/lib/components/RadioGroup.module.scss +21 -0
  182. package/lib/components/RadioGroupContext.js +3 -10
  183. package/lib/components/RadioGroupContext.js.map +1 -1
  184. package/lib/components/RadioGroupFormik.js +16 -34
  185. package/lib/components/RadioGroupFormik.js.map +1 -1
  186. package/lib/components/SegmentedControl.js +9 -43
  187. package/lib/components/SegmentedControl.js.map +1 -1
  188. package/lib/components/SegmentedControl.module.scss +81 -0
  189. package/lib/components/SegmentedControlFormik.js +12 -30
  190. package/lib/components/SegmentedControlFormik.js.map +1 -1
  191. package/lib/components/Select/CheckableSelectField.js +74 -178
  192. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  193. package/lib/components/Select/CheckableSelectField.module.scss +100 -0
  194. package/lib/components/Select/CheckableSelectFieldFormik.js +18 -41
  195. package/lib/components/Select/CheckableSelectFieldFormik.js.map +1 -1
  196. package/lib/components/Select/Common.js +44 -87
  197. package/lib/components/Select/Common.js.map +1 -1
  198. package/lib/components/Select/Common.module.scss +69 -0
  199. package/lib/components/Select/MultiSelectField.js +107 -187
  200. package/lib/components/Select/MultiSelectField.js.map +1 -1
  201. package/lib/components/Select/MultiSelectField.module.scss +72 -0
  202. package/lib/components/Select/MultiSelectFieldFormik.js +18 -41
  203. package/lib/components/Select/MultiSelectFieldFormik.js.map +1 -1
  204. package/lib/components/Select/SelectField.js +100 -169
  205. package/lib/components/Select/SelectField.js.map +1 -1
  206. package/lib/components/Select/SelectField.module.scss +194 -0
  207. package/lib/components/Select/SelectFieldFormik.js +18 -38
  208. package/lib/components/Select/SelectFieldFormik.js.map +1 -1
  209. package/lib/components/Select/helpers.js +25 -30
  210. package/lib/components/Select/helpers.js.map +1 -1
  211. package/lib/components/Select/index.js +8 -21
  212. package/lib/components/Select/index.js.map +1 -1
  213. package/lib/components/SimpleTable.js +13 -36
  214. package/lib/components/SimpleTable.js.map +1 -1
  215. package/lib/components/SimpleTable.module.scss +28 -0
  216. package/lib/components/Slider.js +173 -294
  217. package/lib/components/Slider.js.map +1 -1
  218. package/lib/components/Slider.module.scss +277 -0
  219. package/lib/components/SliderFormik.js +13 -30
  220. package/lib/components/SliderFormik.js.map +1 -1
  221. package/lib/components/Table/Cell.js +58 -111
  222. package/lib/components/Table/Cell.js.map +1 -1
  223. package/lib/components/Table/Cell.module.scss +61 -0
  224. package/lib/components/Table/CellWrapper.js +27 -44
  225. package/lib/components/Table/CellWrapper.js.map +1 -1
  226. package/lib/components/Table/EnhancedRenderers.js +12 -31
  227. package/lib/components/Table/EnhancedRenderers.js.map +1 -1
  228. package/lib/components/Table/Header.js +92 -141
  229. package/lib/components/Table/Header.js.map +1 -1
  230. package/lib/components/Table/Header.module.scss +128 -0
  231. package/lib/components/Table/Row.js +22 -77
  232. package/lib/components/Table/Row.js.map +1 -1
  233. package/lib/components/Table/Row.module.scss +59 -0
  234. package/lib/components/Table/Table.js +245 -456
  235. package/lib/components/Table/Table.js.map +1 -1
  236. package/lib/components/Table/Table.module.scss +31 -0
  237. package/lib/components/Table/TableContent.js +57 -129
  238. package/lib/components/Table/TableContent.js.map +1 -1
  239. package/lib/components/Table/TableContent.module.scss +21 -0
  240. package/lib/components/Table/constants.js +3 -8
  241. package/lib/components/Table/constants.js.map +1 -1
  242. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +12 -39
  243. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
  244. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss +12 -0
  245. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +16 -23
  246. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
  247. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +6 -0
  248. package/lib/components/Table/features/columnsSelection/ContextMenu/index.js +2 -8
  249. package/lib/components/Table/features/columnsSelection/ContextMenu/index.js.map +1 -1
  250. package/lib/components/Table/features/columnsSelection/columnsSelection.js +68 -76
  251. package/lib/components/Table/features/columnsSelection/columnsSelection.js.map +1 -1
  252. package/lib/components/Table/features/columnsSelection/helpers.js +22 -28
  253. package/lib/components/Table/features/columnsSelection/helpers.js.map +1 -1
  254. package/lib/components/Table/features/columnsSelection/index.js +5 -16
  255. package/lib/components/Table/features/columnsSelection/index.js.map +1 -1
  256. package/lib/components/Table/helpers.js +9 -17
  257. package/lib/components/Table/helpers.js.map +1 -1
  258. package/lib/components/Table/tableTypes.js +2 -3
  259. package/lib/components/Table/tableTypes.js.map +1 -1
  260. package/lib/components/Table/useTrackTableState.js +29 -43
  261. package/lib/components/Table/useTrackTableState.js.map +1 -1
  262. package/lib/components/Table/utils.js +111 -176
  263. package/lib/components/Table/utils.js.map +1 -1
  264. package/lib/components/Tabs/Tab.js +27 -61
  265. package/lib/components/Tabs/Tab.js.map +1 -1
  266. package/lib/components/Tabs/Tab.module.scss +58 -0
  267. package/lib/components/Tabs/TabContext.js +26 -51
  268. package/lib/components/Tabs/TabContext.js.map +1 -1
  269. package/lib/components/Tabs/TabList.js +49 -62
  270. package/lib/components/Tabs/TabList.js.map +1 -1
  271. package/lib/components/Tabs/TabList.module.scss +3 -0
  272. package/lib/components/Tabs/TabPanel.js +9 -29
  273. package/lib/components/Tabs/TabPanel.js.map +1 -1
  274. package/lib/components/Tabs/TabPanel.module.scss +7 -0
  275. package/lib/components/Tabs/index.js +5 -20
  276. package/lib/components/Tabs/index.js.map +1 -1
  277. package/lib/components/Terminal.js +108 -179
  278. package/lib/components/Terminal.js.map +1 -1
  279. package/lib/components/Terminal.module.scss +109 -0
  280. package/lib/components/TextArea.js +24 -79
  281. package/lib/components/TextArea.js.map +1 -1
  282. package/lib/components/TextArea.module.scss +144 -0
  283. package/lib/components/TextAreaFormik.js +10 -26
  284. package/lib/components/TextAreaFormik.js.map +1 -1
  285. package/lib/components/TextField.js +48 -154
  286. package/lib/components/TextField.js.map +1 -1
  287. package/lib/components/TextField.module.scss +209 -0
  288. package/lib/components/TextFieldFormik.js +22 -46
  289. package/lib/components/TextFieldFormik.js.map +1 -1
  290. package/lib/components/TimeField.js +14 -62
  291. package/lib/components/TimeField.js.map +1 -1
  292. package/lib/components/TimeField.module.scss +4 -0
  293. package/lib/components/TimeFieldFormik.js +10 -26
  294. package/lib/components/TimeFieldFormik.js.map +1 -1
  295. package/lib/components/Toast.js +44 -79
  296. package/lib/components/Toast.js.map +1 -1
  297. package/lib/components/Toast.module.scss +53 -0
  298. package/lib/components/Toggle.js +21 -71
  299. package/lib/components/Toggle.js.map +1 -1
  300. package/lib/components/Toggle.module.scss +175 -0
  301. package/lib/components/ToggleFormik.js +11 -27
  302. package/lib/components/ToggleFormik.js.map +1 -1
  303. package/lib/components/Tooltip.js +39 -79
  304. package/lib/components/Tooltip.js.map +1 -1
  305. package/lib/components/Tooltip.module.scss +44 -0
  306. package/lib/components/TruncatedText.js +22 -49
  307. package/lib/components/TruncatedText.js.map +1 -1
  308. package/lib/components/TruncatedText.module.scss +9 -0
  309. package/lib/helpers/array.js +17 -26
  310. package/lib/helpers/array.js.map +1 -1
  311. package/lib/helpers/escapeHtml.js +6 -10
  312. package/lib/helpers/escapeHtml.js.map +1 -1
  313. package/lib/helpers/forms.js +14 -20
  314. package/lib/helpers/forms.js.map +1 -1
  315. package/lib/helpers/math.js +6 -10
  316. package/lib/helpers/math.js.map +1 -1
  317. package/lib/helpers/types.js +2 -6
  318. package/lib/helpers/types.js.map +1 -1
  319. package/lib/hooks/index.js +7 -17
  320. package/lib/hooks/index.js.map +1 -1
  321. package/lib/hooks/useCloseOnResize.js +12 -17
  322. package/lib/hooks/useCloseOnResize.js.map +1 -1
  323. package/lib/hooks/useDeepCompareMemo.js +7 -12
  324. package/lib/hooks/useDeepCompareMemo.js.map +1 -1
  325. package/lib/hooks/useDeepEqual.js +9 -14
  326. package/lib/hooks/useDeepEqual.js.map +1 -1
  327. package/lib/hooks/useDimensions.js +15 -26
  328. package/lib/hooks/useDimensions.js.map +1 -1
  329. package/lib/hooks/useIsMounted.js +11 -16
  330. package/lib/hooks/useIsMounted.js.map +1 -1
  331. package/lib/hooks/useOnClickOutside.js +32 -41
  332. package/lib/hooks/useOnClickOutside.js.map +1 -1
  333. package/lib/hooks/useOpenCloseState.js +13 -18
  334. package/lib/hooks/useOpenCloseState.js.map +1 -1
  335. package/lib/hooks/usePagination.js +60 -64
  336. package/lib/hooks/usePagination.js.map +1 -1
  337. package/lib/hooks/usePersistedState.js +33 -35
  338. package/lib/hooks/usePersistedState.js.map +1 -1
  339. package/lib/hooks/usePrevious.js +8 -13
  340. package/lib/hooks/usePrevious.js.map +1 -1
  341. package/lib/hooks/useRefValue.js +8 -13
  342. package/lib/hooks/useRefValue.js.map +1 -1
  343. package/lib/icons/Cluster.js +7 -44
  344. package/lib/icons/Cluster.js.map +1 -1
  345. package/lib/icons/Compare.js +7 -46
  346. package/lib/icons/Compare.js.map +1 -1
  347. package/lib/icons/Compute.js +7 -43
  348. package/lib/icons/Compute.js.map +1 -1
  349. package/lib/icons/Folder.js +4 -25
  350. package/lib/icons/Folder.js.map +1 -1
  351. package/lib/icons/PlusCircle.js +6 -37
  352. package/lib/icons/PlusCircle.js.map +1 -1
  353. package/lib/icons/Streaming.js +8 -45
  354. package/lib/icons/Streaming.js.map +1 -1
  355. package/lib/index.js +71 -178
  356. package/lib/index.js.map +1 -1
  357. package/lib/services/logger.js +75 -85
  358. package/lib/services/logger.js.map +1 -1
  359. package/lib/services/time.js +14 -18
  360. package/lib/services/time.js.map +1 -1
  361. package/lib/test-helpers/index.d.ts +3 -0
  362. package/lib/test-helpers/index.js +4 -0
  363. package/lib/test-helpers/index.js.map +1 -0
  364. package/lib/test-helpers/render.d.ts +10 -0
  365. package/lib/test-helpers/render.js +24 -0
  366. package/lib/test-helpers/render.js.map +1 -0
  367. package/lib/test-helpers/time.d.ts +1 -0
  368. package/lib/test-helpers/time.js +2 -0
  369. package/lib/test-helpers/time.js.map +1 -0
  370. package/lib/test-helpers/utils.d.ts +5 -0
  371. package/lib/test-helpers/utils.js +11 -0
  372. package/lib/test-helpers/utils.js.map +1 -0
  373. package/lib/types.js +2 -3
  374. package/lib/types.js.map +1 -1
  375. package/lib/utils/formik.js +7 -12
  376. package/lib/utils/formik.js.map +1 -1
  377. package/lib/utils/keyboard.js +3 -8
  378. package/lib/utils/keyboard.js.map +1 -1
  379. package/lib/utils/portal.js +14 -19
  380. package/lib/utils/portal.js.map +1 -1
  381. package/lib/utils/ssr.js +2 -6
  382. package/lib/utils/ssr.js.map +1 -1
  383. package/lib/utils/types.js +2 -3
  384. package/lib/utils/types.js.map +1 -1
  385. package/package.json +3 -2
  386. package/lib/components/Alert.module.scss.js +0 -8
  387. package/lib/components/Alert.module.scss.js.map +0 -1
  388. package/lib/components/AppHeader/AppHeader.module.scss.js +0 -8
  389. package/lib/components/AppHeader/AppHeader.module.scss.js.map +0 -1
  390. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js +0 -8
  391. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js.map +0 -1
  392. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js +0 -8
  393. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js.map +0 -1
  394. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js +0 -8
  395. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js.map +0 -1
  396. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js +0 -8
  397. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js.map +0 -1
  398. package/lib/components/AppSidebar/AppSidebar.module.scss.js +0 -8
  399. package/lib/components/AppSidebar/AppSidebar.module.scss.js.map +0 -1
  400. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js +0 -8
  401. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js.map +0 -1
  402. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js +0 -8
  403. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js.map +0 -1
  404. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js +0 -8
  405. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js.map +0 -1
  406. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js +0 -8
  407. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js.map +0 -1
  408. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js +0 -8
  409. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js.map +0 -1
  410. package/lib/components/AutocompleteField.module.scss.js +0 -8
  411. package/lib/components/AutocompleteField.module.scss.js.map +0 -1
  412. package/lib/components/Badge.module.scss.js +0 -8
  413. package/lib/components/Badge.module.scss.js.map +0 -1
  414. package/lib/components/Button.module.scss.js +0 -8
  415. package/lib/components/Button.module.scss.js.map +0 -1
  416. package/lib/components/Calendar/Calendar.module.scss.js +0 -8
  417. package/lib/components/Calendar/Calendar.module.scss.js.map +0 -1
  418. package/lib/components/Calendar/CalendarRange.module.scss.js +0 -8
  419. package/lib/components/Calendar/CalendarRange.module.scss.js.map +0 -1
  420. package/lib/components/Calendar/components/CalendarTime.module.scss.js +0 -8
  421. package/lib/components/Calendar/components/CalendarTime.module.scss.js.map +0 -1
  422. package/lib/components/Card.module.scss.js +0 -8
  423. package/lib/components/Card.module.scss.js.map +0 -1
  424. package/lib/components/Carousel.module.scss.js +0 -8
  425. package/lib/components/Carousel.module.scss.js.map +0 -1
  426. package/lib/components/CenteredLoader.module.scss.js +0 -8
  427. package/lib/components/CenteredLoader.module.scss.js.map +0 -1
  428. package/lib/components/Checkbox.module.scss.js +0 -8
  429. package/lib/components/Checkbox.module.scss.js.map +0 -1
  430. package/lib/components/CircularProgressBar.module.scss.js +0 -8
  431. package/lib/components/CircularProgressBar.module.scss.js.map +0 -1
  432. package/lib/components/ContextMenu.module.scss.js +0 -8
  433. package/lib/components/ContextMenu.module.scss.js.map +0 -1
  434. package/lib/components/Dialog.module.scss.js +0 -8
  435. package/lib/components/Dialog.module.scss.js.map +0 -1
  436. package/lib/components/EmptyState.module.scss.js +0 -8
  437. package/lib/components/EmptyState.module.scss.js.map +0 -1
  438. package/lib/components/Error.module.scss.js +0 -8
  439. package/lib/components/Error.module.scss.js.map +0 -1
  440. package/lib/components/FieldHeader.module.scss.js +0 -8
  441. package/lib/components/FieldHeader.module.scss.js.map +0 -1
  442. package/lib/components/Help.module.scss.js +0 -8
  443. package/lib/components/Help.module.scss.js.map +0 -1
  444. package/lib/components/Icon.module.scss.js +0 -8
  445. package/lib/components/Icon.module.scss.js.map +0 -1
  446. package/lib/components/IconButton.module.scss.js +0 -8
  447. package/lib/components/IconButton.module.scss.js.map +0 -1
  448. package/lib/components/InteractiveList.module.scss.js +0 -8
  449. package/lib/components/InteractiveList.module.scss.js.map +0 -1
  450. package/lib/components/Label.module.scss.js +0 -8
  451. package/lib/components/Label.module.scss.js.map +0 -1
  452. package/lib/components/Link.module.scss.js +0 -8
  453. package/lib/components/Link.module.scss.js.map +0 -1
  454. package/lib/components/Loader.module.scss.js +0 -8
  455. package/lib/components/Loader.module.scss.js.map +0 -1
  456. package/lib/components/Modal.module.scss.js +0 -8
  457. package/lib/components/Modal.module.scss.js.map +0 -1
  458. package/lib/components/Notification.module.scss.js +0 -8
  459. package/lib/components/Notification.module.scss.js.map +0 -1
  460. package/lib/components/NumberBadge.module.scss.js +0 -8
  461. package/lib/components/NumberBadge.module.scss.js.map +0 -1
  462. package/lib/components/NumberField.module.scss.js +0 -8
  463. package/lib/components/NumberField.module.scss.js.map +0 -1
  464. package/lib/components/Overlay.module.scss.js +0 -8
  465. package/lib/components/Overlay.module.scss.js.map +0 -1
  466. package/lib/components/Pagination.module.scss.js +0 -8
  467. package/lib/components/Pagination.module.scss.js.map +0 -1
  468. package/lib/components/PasswordField.module.scss.js +0 -8
  469. package/lib/components/PasswordField.module.scss.js.map +0 -1
  470. package/lib/components/Popover.module.scss.js +0 -8
  471. package/lib/components/Popover.module.scss.js.map +0 -1
  472. package/lib/components/Radio.module.scss.js +0 -8
  473. package/lib/components/Radio.module.scss.js.map +0 -1
  474. package/lib/components/RadioGroup.module.scss.js +0 -8
  475. package/lib/components/RadioGroup.module.scss.js.map +0 -1
  476. package/lib/components/SegmentedControl.module.scss.js +0 -8
  477. package/lib/components/SegmentedControl.module.scss.js.map +0 -1
  478. package/lib/components/Select/CheckableSelectField.module.scss.js +0 -8
  479. package/lib/components/Select/CheckableSelectField.module.scss.js.map +0 -1
  480. package/lib/components/Select/Common.module.scss.js +0 -8
  481. package/lib/components/Select/Common.module.scss.js.map +0 -1
  482. package/lib/components/Select/MultiSelectField.module.scss.js +0 -8
  483. package/lib/components/Select/MultiSelectField.module.scss.js.map +0 -1
  484. package/lib/components/Select/SelectField.module.scss.js +0 -8
  485. package/lib/components/Select/SelectField.module.scss.js.map +0 -1
  486. package/lib/components/SimpleTable.module.scss.js +0 -8
  487. package/lib/components/SimpleTable.module.scss.js.map +0 -1
  488. package/lib/components/Slider.module.scss.js +0 -8
  489. package/lib/components/Slider.module.scss.js.map +0 -1
  490. package/lib/components/Table/Cell.module.scss.js +0 -8
  491. package/lib/components/Table/Cell.module.scss.js.map +0 -1
  492. package/lib/components/Table/Header.module.scss.js +0 -8
  493. package/lib/components/Table/Header.module.scss.js.map +0 -1
  494. package/lib/components/Table/Row.module.scss.js +0 -8
  495. package/lib/components/Table/Row.module.scss.js.map +0 -1
  496. package/lib/components/Table/Table.module.scss.js +0 -8
  497. package/lib/components/Table/Table.module.scss.js.map +0 -1
  498. package/lib/components/Table/TableContent.module.scss.js +0 -8
  499. package/lib/components/Table/TableContent.module.scss.js.map +0 -1
  500. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js +0 -8
  501. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js.map +0 -1
  502. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js +0 -8
  503. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js.map +0 -1
  504. package/lib/components/Tabs/Tab.module.scss.js +0 -8
  505. package/lib/components/Tabs/Tab.module.scss.js.map +0 -1
  506. package/lib/components/Tabs/TabList.module.scss.js +0 -8
  507. package/lib/components/Tabs/TabList.module.scss.js.map +0 -1
  508. package/lib/components/Tabs/TabPanel.module.scss.js +0 -8
  509. package/lib/components/Tabs/TabPanel.module.scss.js.map +0 -1
  510. package/lib/components/Terminal.module.scss.js +0 -8
  511. package/lib/components/Terminal.module.scss.js.map +0 -1
  512. package/lib/components/TextArea.module.scss.js +0 -8
  513. package/lib/components/TextArea.module.scss.js.map +0 -1
  514. package/lib/components/TextField.module.scss.js +0 -8
  515. package/lib/components/TextField.module.scss.js.map +0 -1
  516. package/lib/components/TimeField.module.scss.js +0 -8
  517. package/lib/components/TimeField.module.scss.js.map +0 -1
  518. package/lib/components/Toast.module.scss.js +0 -8
  519. package/lib/components/Toast.module.scss.js.map +0 -1
  520. package/lib/components/Toggle.module.scss.js +0 -8
  521. package/lib/components/Toggle.module.scss.js.map +0 -1
  522. package/lib/components/Tooltip.module.scss.js +0 -8
  523. package/lib/components/Tooltip.module.scss.js.map +0 -1
  524. package/lib/components/TruncatedText.module.scss.js +0 -8
  525. package/lib/components/TruncatedText.module.scss.js.map +0 -1
  526. package/lib/styles/constants/export.module.scss.js +0 -8
  527. package/lib/styles/constants/export.module.scss.js.map +0 -1
  528. package/lib/styles.css +0 -1
@@ -1,10 +1,7 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var formik = require('formik');
5
- var components_InteractiveList = require('./InteractiveList.js');
6
- var utils_formik = require('../utils/formik.js');
7
-
1
+ import React, { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
2
+ import { FieldArray, useField, useFormikContext } from 'formik';
3
+ import { InteractiveList } from './InteractiveList';
4
+ import { getFieldError } from '../utils/formik';
8
5
  /**
9
6
  * InteractiveListFormik
10
7
  *
@@ -17,109 +14,83 @@ var utils_formik = require('../utils/formik.js');
17
14
  *
18
15
  * Passing an InteractiveListInputRef as inputControlRef property allows you to modify the value of text input.
19
16
  */
20
- const InteractiveListFormik = ({
21
- name,
22
- validate,
23
- children,
24
- inputControlRef,
25
- ...props
26
- }) => {
27
- const {
28
- validateForm,
29
- values: valuesFormik
30
- } = formik.useFormikContext();
31
- const [field, meta, {
32
- setTouched,
33
- setError,
34
- setValue
35
- }] = formik.useField({
36
- name,
37
- validate
38
- });
39
- const [inputValue, setInputValue] = React.useState('');
40
- // We want to revalidate on change only after un-successful insert
41
- const [inputTouched, setInputTouched] = React.useState(false);
42
- const normalizedValue = React.useMemo(() => inputValue.trim(), [inputValue]);
43
- const getValidationError = React.useCallback(async () => {
44
- let validationError = undefined;
45
- if (normalizedValue.length === 0) {
46
- validationError = 'You need to provide a non empty value';
47
- }
48
- if (validationError === undefined && field.value.includes(normalizedValue)) {
49
- validationError = 'You need to provide a unique value';
50
- }
51
- if (validationError === undefined && validate) {
52
- // let's check validate error
53
- const error = await validate(normalizedValue);
54
- if (error) {
55
- validationError = error;
56
- }
57
- }
58
- if (validationError === undefined) {
59
- // If we passed with previous checks, let's check against Formik's validation error
60
- // We do that by checking future state with validateForm
61
- const formikErrors = await validateForm({
62
- ...valuesFormik,
63
- [name]: [...field.value, normalizedValue]
64
- });
65
- const fieldErrors = formikErrors[name];
66
- validationError = typeof fieldErrors === 'string' ? fieldErrors : fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors.find(x => !!x);
67
- }
68
- return validationError;
69
- }, [field.value, name, normalizedValue, validate, validateForm, valuesFormik]);
70
- const onError = React.useCallback(value => {
71
- setTouched(true, false);
72
- // @ts-expect-error Formik expects the string[], while documentation says
73
- // it can be string | string[] which also makes more sense
74
- setError(value);
75
- }, [setTouched, setError]);
76
- const addItem = React.useCallback(async () => {
77
- const validationError = await getValidationError();
78
- if (validationError) {
79
- onError(validationError);
80
- setInputTouched(true);
81
- return validationError;
82
- } else {
83
- field.value.push(normalizedValue);
84
- setValue(field.value);
85
- setInputTouched(false);
86
- setInputValue('');
87
- return undefined;
88
- }
89
- }, [field.value, getValidationError, normalizedValue, onError, setValue]);
90
- React.useImperativeHandle(inputControlRef, () => ({
91
- setValue: value => {
92
- setInputValue(value);
93
- },
94
- addItem: addItem,
95
- getValue: () => inputValue
96
- }));
97
- React.useEffect(() => {
98
- if (inputTouched) {
99
- void getValidationError().then(validationError => {
17
+ export const InteractiveListFormik = ({ name, validate, children, inputControlRef, ...props }) => {
18
+ const { validateForm, values: valuesFormik } = useFormikContext();
19
+ const [field, meta, { setTouched, setError, setValue }] = useField({
20
+ name,
21
+ validate,
22
+ });
23
+ const [inputValue, setInputValue] = useState('');
24
+ // We want to revalidate on change only after un-successful insert
25
+ const [inputTouched, setInputTouched] = useState(false);
26
+ const normalizedValue = useMemo(() => inputValue.trim(), [inputValue]);
27
+ const getValidationError = useCallback(async () => {
28
+ let validationError = undefined;
29
+ if (normalizedValue.length === 0) {
30
+ validationError = 'You need to provide a non empty value';
31
+ }
32
+ if (validationError === undefined && field.value.includes(normalizedValue)) {
33
+ validationError = 'You need to provide a unique value';
34
+ }
35
+ if (validationError === undefined && validate) {
36
+ // let's check validate error
37
+ const error = await validate(normalizedValue);
38
+ if (error) {
39
+ validationError = error;
40
+ }
41
+ }
42
+ if (validationError === undefined) {
43
+ // If we passed with previous checks, let's check against Formik's validation error
44
+ // We do that by checking future state with validateForm
45
+ const formikErrors = await validateForm({
46
+ ...valuesFormik,
47
+ [name]: [...field.value, normalizedValue],
48
+ });
49
+ const fieldErrors = formikErrors[name];
50
+ validationError = typeof fieldErrors === 'string' ? fieldErrors : fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors.find((x) => !!x);
51
+ }
52
+ return validationError;
53
+ }, [field.value, name, normalizedValue, validate, validateForm, valuesFormik]);
54
+ const onError = useCallback((value) => {
55
+ setTouched(true, false);
56
+ // @ts-expect-error Formik expects the string[], while documentation says
57
+ // it can be string | string[] which also makes more sense
58
+ setError(value);
59
+ }, [setTouched, setError]);
60
+ const addItem = useCallback(async () => {
61
+ const validationError = await getValidationError();
100
62
  if (validationError) {
101
- onError(validationError);
63
+ onError(validationError);
64
+ setInputTouched(true);
65
+ return validationError;
66
+ }
67
+ else {
68
+ field.value.push(normalizedValue);
69
+ setValue(field.value);
70
+ setInputTouched(false);
71
+ setInputValue('');
72
+ return undefined;
73
+ }
74
+ }, [field.value, getValidationError, normalizedValue, onError, setValue]);
75
+ useImperativeHandle(inputControlRef, () => ({
76
+ setValue: (value) => {
77
+ setInputValue(value);
78
+ },
79
+ addItem: addItem,
80
+ getValue: () => inputValue,
81
+ }));
82
+ useEffect(() => {
83
+ if (inputTouched) {
84
+ void getValidationError().then((validationError) => {
85
+ if (validationError) {
86
+ onError(validationError);
87
+ }
88
+ });
102
89
  }
103
- });
104
- }
105
- // eslint-disable-next-line react-hooks/exhaustive-deps
106
- }, [inputTouched, inputValue]);
107
- return /*#__PURE__*/React.createElement(formik.FieldArray, {
108
- name: name,
109
- render: arrayHelpers => {
110
- return /*#__PURE__*/React.createElement(components_InteractiveList.InteractiveList, {
111
- ...props,
112
- name: name,
113
- value: field.value,
114
- inputValue: inputValue,
115
- setInputValue: setInputValue,
116
- error: utils_formik.getFieldError(meta),
117
- onAddItem: addItem,
118
- onRemoveItem: idx => !!arrayHelpers.remove(idx)
119
- }, children);
120
- }
121
- });
90
+ // eslint-disable-next-line react-hooks/exhaustive-deps
91
+ }, [inputTouched, inputValue]);
92
+ return (React.createElement(FieldArray, { name: name, render: (arrayHelpers) => {
93
+ return (React.createElement(InteractiveList, { ...props, name: name, value: field.value, inputValue: inputValue, setInputValue: setInputValue, error: getFieldError(meta), onAddItem: addItem, onRemoveItem: (idx) => !!arrayHelpers.remove(idx) }, children));
94
+ } }));
122
95
  };
123
-
124
- exports.InteractiveListFormik = InteractiveListFormik;
125
- //# sourceMappingURL=InteractiveListFormik.js.map
96
+ //# sourceMappingURL=InteractiveListFormik.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InteractiveListFormik.js","sources":["../../src/components/InteractiveListFormik.tsx"],"sourcesContent":[null],"names":["InteractiveListFormik","name","validate","children","inputControlRef","props","validateForm","values","valuesFormik","useFormikContext","field","meta","setTouched","setError","setValue","useField","inputValue","setInputValue","useState","inputTouched","setInputTouched","normalizedValue","useMemo","trim","getValidationError","useCallback","validationError","undefined","length","value","includes","error","formikErrors","fieldErrors","find","x","onError","addItem","push","useImperativeHandle","getValue","useEffect","then","React","createElement","FieldArray","render","arrayHelpers","InteractiveList","getFieldError","onAddItem","onRemoveItem","idx","remove"],"mappings":"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"}
1
+ {"version":3,"file":"InteractiveListFormik.js","sourceRoot":"","sources":["../../src/components/InteractiveListFormik.tsx"],"names":[],"mappings":"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"}
@@ -1,20 +1,5 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var cn = require('classnames');
5
- var Label_module = require('./Label.module.scss.js');
6
-
7
- const Label = ({
8
- id,
9
- label,
10
- className,
11
- variant = 'primary',
12
- 'data-test': dataTest = 'label'
13
- }) => (/*#__PURE__*/React.createElement("label", {
14
- "data-test": dataTest,
15
- htmlFor: id,
16
- className: cn(Label_module.default.label, Label_module.default[variant], className)
17
- }, label));
18
-
19
- exports.Label = Label;
20
- //# sourceMappingURL=Label.js.map
1
+ import React from 'react';
2
+ import cn from 'classnames';
3
+ import styles from './Label.module.scss';
4
+ export const Label = ({ id, label, className, variant = 'primary', 'data-test': dataTest = 'label' }) => (React.createElement("label", { "data-test": dataTest, htmlFor: id, className: cn(styles.label, styles[variant], className) }, label));
5
+ //# sourceMappingURL=Label.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Label.js","sources":["../../src/components/Label.tsx"],"sourcesContent":[null],"names":["Label","id","label","className","variant","dataTest","React","htmlFor","cn","styles"],"mappings":";;;;;;AAcO,MAAMA,KAAK,GAAmBA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,SAAS;AAAEC,EAAAA,OAAO,GAAG,SAAS;EAAE,WAAW,EAAEC,QAAQ,GAAG;AAAO,CAAE,mBAClHC;eAAkBD,QAAQ;AAAEE,EAAAA,OAAO,EAAEN,EAAE;AAAEE,EAAAA,SAAS,EAAEK,EAAE,CAACC,oBAAM,CAACP,KAAK,EAAEO,oBAAM,CAACL,OAAO,CAAC,EAAED,SAAS;AAAC,CAAA,EAC7FD,KAAK,CACA;;;;"}
1
+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC,CACvH,4CAAkB,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,IAC7F,KAAK,CACA,CACT,CAAA"}
@@ -0,0 +1,12 @@
1
+ @use '../../styles/constants' as c;
2
+
3
+ .label {
4
+ @include c.typographyBodyNormal;
5
+
6
+ color: c.$colorTextSecondary;
7
+ padding: 0;
8
+
9
+ &.secondary {
10
+ color: c.$colorNeutralWhite;
11
+ }
12
+ }
@@ -1,10 +1,13 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var cn = require('classnames');
5
- var components_Icon = require('./Icon.js');
6
- var Link_module = require('./Link.module.scss.js');
7
-
1
+ import React, { forwardRef } from 'react';
2
+ import cn from 'classnames';
3
+ import { Icon } from './Icon';
4
+ import styles from './Link.module.scss';
5
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
6
+ const sizes = {
7
+ normal: styles.normal,
8
+ small: styles.small,
9
+ inherit: styles.inherit,
10
+ };
8
11
  /**
9
12
  * ### Purpose
10
13
  * Makes text in paragraphs actionable. Sometimes you want text that is actionable but not as attention-grabbing as a button. Maybe it sits inside a paragraph of text.
@@ -17,57 +20,26 @@ var Link_module = require('./Link.module.scss.js');
17
20
  * - Link can be used as a stand-alone component with right chevron icon.
18
21
  * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
19
22
  */
20
- const Link = /*#__PURE__*/React.forwardRef(({
21
- component = 'a',
22
- kind = 'primary',
23
- size = 'normal',
24
- bold = false,
25
- icon,
26
- ariaLabel,
27
- iconClassName,
28
- href,
29
- rel = 'noopener',
30
- target = '_self',
31
- type = 'button',
32
- onClick,
33
- className,
34
- children,
35
- 'data-test': dataTest = 'link'
36
- }, ref) => {
37
- const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
38
- const commonProps = {
39
- className: cn(Link_module.default.link, Link_module.default[size], {
40
- // kind
41
- [Link_module.default.primary]: kind === 'primary',
42
- [Link_module.default.secondary]: kind === 'secondary',
43
- [Link_module.default.contrast]: kind === 'contrast',
44
- // bold
45
- [Link_module.default.bold]: bold
46
- }, className),
47
- href: href,
48
- onClick: onClick
49
- };
50
- const iconComponent = icon && ariaLabel ? (/*#__PURE__*/React.createElement(components_Icon.Icon, {
51
- bold: bold,
52
- icon: icon,
53
- ariaLabel: ariaLabel,
54
- size: size === 'normal' ? 'medium' : 'small',
55
- className: iconClassName
56
- })) : undefined;
57
- return component === 'a' ? (/*#__PURE__*/React.createElement("a", {
58
- ...commonProps,
59
- rel: relFinal,
60
- target: target,
61
- ref: ref,
62
- "data-test": dataTest
63
- }, children, iconComponent)) : (/*#__PURE__*/React.createElement("button", {
64
- ...commonProps,
65
- type: type,
66
- ref: ref,
67
- "data-test": dataTest
68
- }, children, iconComponent));
23
+ export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, 'data-test': dataTest = 'link', }, ref) => {
24
+ const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
25
+ const commonProps = {
26
+ className: cn(styles.link, styles[size], {
27
+ // kind
28
+ [styles.primary]: kind === 'primary',
29
+ [styles.secondary]: kind === 'secondary',
30
+ [styles.contrast]: kind === 'contrast',
31
+ // bold
32
+ [styles.bold]: bold,
33
+ }, className),
34
+ href: href,
35
+ onClick: onClick,
36
+ };
37
+ const iconComponent = icon && ariaLabel ? (React.createElement(Icon, { bold: bold, icon: icon, ariaLabel: ariaLabel, size: size === 'normal' ? 'medium' : 'small', className: iconClassName })) : undefined;
38
+ return component === 'a' ? (React.createElement("a", { ...commonProps, rel: relFinal, target: target, ref: ref, "data-test": dataTest },
39
+ children,
40
+ iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref, "data-test": dataTest },
41
+ children,
42
+ iconComponent));
69
43
  });
70
44
  Link.displayName = 'Link';
71
-
72
- exports.Link = Link;
73
- //# sourceMappingURL=Link.js.map
45
+ //# sourceMappingURL=Link.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../src/components/Link.tsx"],"sourcesContent":[null],"names":["Link","forwardRef","component","kind","size","bold","icon","ariaLabel","iconClassName","href","rel","target","type","onClick","className","children","dataTest","ref","relFinal","Array","isArray","join","commonProps","cn","styles","link","primary","secondary","contrast","iconComponent","React","createElement","Icon","undefined","displayName"],"mappings":";;;;;;;AA4EA;;;;;;;;;;;AAWG;AACI,MAAMA,IAAI,gBAAGC,gBAAU,CAC5B,CACE;AACEC,EAAAA,SAAS,GAAG,GAAG;AACfC,EAAAA,IAAI,GAAG,SAAS;AAChBC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA,IAAI,GAAG,KAAK;EACZC,IAAI;EACJC,SAAS;EACTC,aAAa;EACbC,IAAI;AACJC,EAAAA,GAAG,GAAG,UAAU;AAChBC,EAAAA,MAAM,GAAG,OAAO;AAChBC,EAAAA,IAAI,GAAG,QAAQ;EACfC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACR,WAAW,EAAEC,QAAQ,GAAG;AAAM,CAC/B,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACV,GAAG,CAAC,GAAGA,GAAG,CAACW,IAAI,CAAC,GAAG,CAAC,GAAGX,GAAG;AAEzD,EAAA,MAAMY,WAAW,GAAG;IAClBR,SAAS,EAAES,EAAE,CACXC,mBAAM,CAACC,IAAI,EACXD,mBAAM,CAACpB,IAAI,CAAC,EACZ;AACE;AACA,MAAA,CAACoB,mBAAM,CAACE,OAAO,GAAGvB,IAAI,KAAK,SAAS;AACpC,MAAA,CAACqB,mBAAM,CAACG,SAAS,GAAGxB,IAAI,KAAK,WAAW;AACxC,MAAA,CAACqB,mBAAM,CAACI,QAAQ,GAAGzB,IAAI,KAAK,UAAU;AACtC;MACA,CAACqB,mBAAM,CAACnB,IAAI,GAAGA;KAChB,EACDS,SAAS,CACV;AACDL,IAAAA,IAAI,EAAEA,IAAI;AACVI,IAAAA,OAAO,EAAEA;GACV;EAED,MAAMgB,aAAa,GACjBvB,IAAI,IAAIC,SAAS,iBACfuB,KAAA,CAAAC,aAAA,CAACC,oBAAI,EAAA;AAAC3B,IAAAA,IAAI,EAAEA,IAAI;AAAEC,IAAAA,IAAI,EAAEA,IAAI;AAAEC,IAAAA,SAAS,EAAEA,SAAS;AAAEH,IAAAA,IAAI,EAAEA,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;AAAEU,IAAAA,SAAS,EAAEN;GAAa,CAAI,IAC5HyB,SAAS;EAEf,OAAO/B,SAAS,KAAK,GAAG,iBACtB4B,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAA,IAAA,GAAOT,WAAW;AAAEZ,IAAAA,GAAG,EAAEQ,QAAQ;AAAEP,IAAAA,MAAM,EAAEA,MAAM;AAAEM,IAAAA,GAAG,EAAEA,GAA0C;AAAA,IAAA,WAAA,EAAaD;GAAQ,EACpHD,QAAQ,EACRc,aAAa,CACZ,kBAEJC,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAA,IAAA,GAAYT,WAAW;AAAEV,IAAAA,IAAI,EAAEA,IAAI;AAAEK,IAAAA,GAAG,EAAEA,GAA0C;iBAAaD;AAAQ,GAAA,EACtGD,QAAQ,EACRc,aAAa,CACP,CACV;AACH,CAAC;AAEH7B,IAAI,CAACkC,WAAW,GAAG,MAAM;;;;"}
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,6DAA6D;AAC7D,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA8DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,MAAM,GAC/B,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;YACtC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACpH,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACtG,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
@@ -0,0 +1,64 @@
1
+ @use '../../styles/constants' as c;
2
+ @use '../../styles/helpers' as h;
3
+
4
+ @mixin link {
5
+ display: inline-flex;
6
+ justify-content: center;
7
+ align-items: center;
8
+ text-decoration: none;
9
+ border: none;
10
+ background: none;
11
+ cursor: pointer;
12
+
13
+ &:hover,
14
+ &.hover,
15
+ &:focus,
16
+ &.focus,
17
+ &:active,
18
+ &.active {
19
+ /* doiuse-disable text-decoration */
20
+ text-decoration: underline solid;
21
+ outline: transparent solid c.$outlineWidth;
22
+ }
23
+
24
+ &:focus,
25
+ &.focus {
26
+ @include h.outlineSimple;
27
+ }
28
+
29
+ &.primary {
30
+ color: c.$colorPrimary;
31
+ }
32
+
33
+ &.secondary {
34
+ color: c.$colorTextSecondary;
35
+ }
36
+
37
+ &.contrast {
38
+ color: c.$colorNeutralLighter;
39
+ }
40
+ }
41
+
42
+ .link {
43
+ @include link;
44
+ }
45
+
46
+ .normal {
47
+ @include c.typographyBodyNormal;
48
+ }
49
+
50
+ .small {
51
+ @include c.typographyBodySmall;
52
+ }
53
+
54
+ .inherit {
55
+ font-family: inherit;
56
+ font-size: inherit;
57
+ letter-spacing: inherit;
58
+ line-height: inherit;
59
+ font-weight: inherit;
60
+ }
61
+
62
+ .bold {
63
+ @include c.typographyBodyWeight('bold');
64
+ }
@@ -1,85 +1,26 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var cn = require('classnames');
5
- var Loader_module = require('./Loader.module.scss.js');
6
-
7
- const Loader = ({
8
- className,
9
- size = 'medium',
10
- kind = 'inherit',
11
- role = 'img',
12
- ariaLabel,
13
- 'data-test': dataTest = 'loader',
14
- ...props
15
- }) => (
16
- /*#__PURE__*/
1
+ import React from 'react';
2
+ import cn from 'classnames';
3
+ import styles from './Loader.module.scss';
4
+ export const Loader = ({ className, size = 'medium', kind = 'inherit', role = 'img', ariaLabel, 'data-test': dataTest = 'loader', ...props }) => (
17
5
  // https://github.com/feathericons/feather/blob/a718a7e9c39447202f703783336e8ba1c8e32405/icons/loader.svg#L1
18
6
  // We cannot use it directly as it has `line` elements not in a sequential order
19
7
  // And we need the sequential order to easily calculate animation delay
20
- React.createElement("svg", {
21
- xmlns: "http://www.w3.org/2000/svg",
22
- role: role,
23
- "data-test": dataTest,
24
- className: cn(Loader_module.default.loader, {
25
- [Loader_module.default.small]: size === 'small',
26
- [Loader_module.default.smallMedium]: size === 'smallMedium',
27
- [Loader_module.default.medium]: size === 'medium',
28
- [Loader_module.default.large]: size === 'large',
29
- [Loader_module.default.xlarge]: size === 'xlarge',
30
- [Loader_module.default.primary]: kind === 'primary',
31
- [Loader_module.default.contrast]: kind === 'contrast',
32
- [Loader_module.default.inherit]: kind === 'inherit'
33
- }, className),
34
- viewBox: "0 0 24 24",
35
- fill: "none",
36
- stroke: "currentColor",
37
- strokeWidth: "2",
38
- strokeLinecap: "round",
39
- strokeLinejoin: "round",
40
- "aria-label": ariaLabel ? ariaLabel : 'Loader icon',
41
- ...props
42
- }, /*#__PURE__*/React.createElement("line", {
43
- x1: "12",
44
- y1: "2",
45
- x2: "12",
46
- y2: "6"
47
- }), /*#__PURE__*/React.createElement("line", {
48
- x1: "4.93",
49
- y1: "4.93",
50
- x2: "7.76",
51
- y2: "7.76"
52
- }), /*#__PURE__*/React.createElement("line", {
53
- x1: "2",
54
- y1: "12",
55
- x2: "6",
56
- y2: "12"
57
- }), /*#__PURE__*/React.createElement("line", {
58
- x1: "4.93",
59
- y1: "19.07",
60
- x2: "7.76",
61
- y2: "16.24"
62
- }), /*#__PURE__*/React.createElement("line", {
63
- x1: "12",
64
- y1: "18",
65
- x2: "12",
66
- y2: "22"
67
- }), /*#__PURE__*/React.createElement("line", {
68
- x1: "16.24",
69
- y1: "16.24",
70
- x2: "19.07",
71
- y2: "19.07"
72
- }), /*#__PURE__*/React.createElement("line", {
73
- x1: "18",
74
- y1: "12",
75
- x2: "22",
76
- y2: "12"
77
- }), /*#__PURE__*/React.createElement("line", {
78
- x1: "16.24",
79
- y1: "7.76",
80
- x2: "19.07",
81
- y2: "4.93"
82
- })));
83
-
84
- exports.Loader = Loader;
85
- //# sourceMappingURL=Loader.js.map
8
+ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", role: role, "data-test": dataTest, className: cn(styles.loader, {
9
+ [styles.small]: size === 'small',
10
+ [styles.smallMedium]: size === 'smallMedium',
11
+ [styles.medium]: size === 'medium',
12
+ [styles.large]: size === 'large',
13
+ [styles.xlarge]: size === 'xlarge',
14
+ [styles.primary]: kind === 'primary',
15
+ [styles.contrast]: kind === 'contrast',
16
+ [styles.inherit]: kind === 'inherit',
17
+ }, className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-label": ariaLabel ? ariaLabel : 'Loader icon', ...props },
18
+ React.createElement("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
19
+ React.createElement("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
20
+ React.createElement("line", { x1: "2", y1: "12", x2: "6", y2: "12" }),
21
+ React.createElement("line", { x1: "4.93", y1: "19.07", x2: "7.76", y2: "16.24" }),
22
+ React.createElement("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
23
+ React.createElement("line", { x1: "16.24", y1: "16.24", x2: "19.07", y2: "19.07" }),
24
+ React.createElement("line", { x1: "18", y1: "12", x2: "22", y2: "12" }),
25
+ React.createElement("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })));
26
+ //# sourceMappingURL=Loader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Loader.js","sources":["../../src/components/Loader.tsx"],"sourcesContent":[null],"names":["Loader","className","size","kind","role","ariaLabel","dataTest","props","React","createElement","xmlns","cn","styles","loader","small","smallMedium","medium","large","xlarge","primary","contrast","inherit","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","x1","y1","x2","y2"],"mappings":"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"}
1
+ {"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/components/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAK3B,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAYzC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,QAAQ,EAChC,GAAG,KAAK,EACT,EAAE,EAAE,CAAC;AACJ,4GAA4G;AAC5G,gFAAgF;AAChF,uEAAuE;AACvE,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,IAAI,eACC,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb;QACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;QAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;QAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;QAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QAClC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;QACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;QACtC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACrC,EACD,SAAS,CACV,EACD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,gBACV,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,KAC7C,KAAK;IAET,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;IACtC,8BAAM,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;IAChD,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,8BAAM,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,OAAO,GAAG;IAClD,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;IACxC,8BAAM,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,GAAG;IACpD,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;IACxC,8BAAM,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,GAAG,CAC9C,CACP,CAAA"}