@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,186 +1,121 @@
1
- 'use strict';
2
-
3
- const prepareRow = ({
4
- getCanExpand,
5
- getIsExpanded,
6
- getToggleExpandedHandler,
7
- original,
8
- subRows,
9
- id,
10
- index,
11
- getValue
12
- }) => ({
13
- id,
14
- getCanExpand,
15
- getIsExpanded,
16
- getToggleExpandedHandler,
17
- original,
18
- index,
19
- getValue,
20
- subRows: subRows.map(prepareRow)
1
+ export const prepareRow = ({ getCanExpand, getIsExpanded, getToggleExpandedHandler, original, subRows, id, index, getValue, }) => ({
2
+ id,
3
+ getCanExpand,
4
+ getIsExpanded,
5
+ getToggleExpandedHandler,
6
+ original,
7
+ index,
8
+ getValue,
9
+ subRows: subRows.map(prepareRow),
21
10
  });
22
- const prepareColumn = ({
23
- id,
24
- columns,
25
- getIndex,
26
- getCanHide,
27
- getIsVisible
28
- }) => ({
29
- id,
30
- index: getIndex(),
31
- canHide: getCanHide(),
32
- hidden: !getIsVisible(),
33
- columns: columns.map(prepareColumn)
11
+ export const prepareColumn = ({ id, columns, getIndex, getCanHide, getIsVisible }) => ({
12
+ id,
13
+ index: getIndex(),
14
+ canHide: getCanHide(),
15
+ hidden: !getIsVisible(),
16
+ columns: columns.map(prepareColumn),
34
17
  });
35
- const prepareCell = ({
36
- getValue,
37
- row,
38
- column
39
- }) => ({
40
- column: prepareColumn(column),
41
- value: getValue(),
42
- row: prepareRow(row)
18
+ export const prepareCell = ({ getValue, row, column }) => ({
19
+ column: prepareColumn(column),
20
+ value: getValue(),
21
+ row: prepareRow(row),
43
22
  });
44
- const getRendererProps = props => {
45
- const rendererProps = {
46
- rows: [],
47
- data: []
48
- };
49
- props.table.getRowModel().rows.forEach(row => {
50
- const item = prepareRow(row);
51
- rendererProps.rows.push(item);
52
- rendererProps.data.push(item.original);
53
- });
54
- return rendererProps;
23
+ const getRendererProps = (props) => {
24
+ const rendererProps = {
25
+ rows: [],
26
+ data: [],
27
+ };
28
+ props.table.getRowModel().rows.forEach((row) => {
29
+ const item = prepareRow(row);
30
+ rendererProps.rows.push(item);
31
+ rendererProps.data.push(item.original);
32
+ });
33
+ return rendererProps;
55
34
  };
56
- const getColumnDef = ({
57
- id,
58
- width: size,
59
- minWidth: minSize,
60
- maxWidth: maxSize,
61
- Header,
62
- Footer,
63
- Cell,
64
- align,
65
- filterable,
66
- disableSortBy,
67
- disableResizing,
68
- canHide: enableHiding,
69
- sortType: sortingFn,
70
- accessor
71
- }) => {
72
- const commonDef = {
73
- id,
74
- header: typeof Header === 'function' ? props => Header(getRendererProps(props)) : Header,
75
- footer: typeof Footer === 'function' ? props => Footer(getRendererProps(props)) : Footer,
76
- enableHiding,
77
- sortDescFirst: false,
78
- enableSorting: true,
79
- meta: {
80
- align
81
- },
82
- enableResizing: !disableResizing
83
- };
84
- if (size != undefined) {
85
- commonDef.size = size;
86
- }
87
- if (minSize != undefined) {
88
- commonDef.minSize = minSize;
89
- }
90
- if (maxSize !== undefined) {
91
- commonDef.maxSize = maxSize;
92
- }
93
- if (sortingFn != undefined) {
94
- commonDef.sortingFn = (rowA, rowB) => sortingFn(prepareRow(rowA), prepareRow(rowB));
95
- }
96
- if (Cell != undefined) {
97
- commonDef.cell = typeof Cell === 'function' ? props => Cell({
98
- column: prepareColumn(props.column),
99
- row: prepareRow(props.row),
100
- value: props.getValue()
101
- }) : Cell;
102
- }
103
- if (filterable !== undefined) {
104
- commonDef.enableColumnFilter = filterable;
105
- }
106
- if (disableSortBy !== undefined) {
107
- commonDef.enableSorting = !disableSortBy;
108
- }
109
- if (accessor != undefined) {
110
- if (typeof accessor === 'function') {
111
- return {
112
- id: '',
113
- ...commonDef,
114
- accessorFn: value => accessor(value)
115
- };
116
- }
117
- return {
118
- ...commonDef,
119
- accessorKey: accessor
35
+ export const getColumnDef = ({ id, width: size, minWidth: minSize, maxWidth: maxSize, Header, Footer, Cell, align, filterable, disableSortBy, disableResizing, canHide: enableHiding, sortType: sortingFn, accessor, }) => {
36
+ const commonDef = {
37
+ id,
38
+ header: typeof Header === 'function' ? (props) => Header(getRendererProps(props)) : Header,
39
+ footer: typeof Footer === 'function' ? (props) => Footer(getRendererProps(props)) : Footer,
40
+ enableHiding,
41
+ sortDescFirst: false,
42
+ enableSorting: true,
43
+ meta: { align },
44
+ enableResizing: !disableResizing,
120
45
  };
121
- }
122
- return commonDef;
46
+ if (size != undefined) {
47
+ commonDef.size = size;
48
+ }
49
+ if (minSize != undefined) {
50
+ commonDef.minSize = minSize;
51
+ }
52
+ if (maxSize !== undefined) {
53
+ commonDef.maxSize = maxSize;
54
+ }
55
+ if (sortingFn != undefined) {
56
+ commonDef.sortingFn = (rowA, rowB) => sortingFn(prepareRow(rowA), prepareRow(rowB));
57
+ }
58
+ if (Cell != undefined) {
59
+ commonDef.cell =
60
+ typeof Cell === 'function'
61
+ ? (props) => Cell({ column: prepareColumn(props.column), row: prepareRow(props.row), value: props.getValue() })
62
+ : Cell;
63
+ }
64
+ if (filterable !== undefined) {
65
+ commonDef.enableColumnFilter = filterable;
66
+ }
67
+ if (disableSortBy !== undefined) {
68
+ commonDef.enableSorting = !disableSortBy;
69
+ }
70
+ if (accessor != undefined) {
71
+ if (typeof accessor === 'function') {
72
+ return {
73
+ id: '',
74
+ ...commonDef,
75
+ accessorFn: (value) => accessor(value),
76
+ };
77
+ }
78
+ return {
79
+ ...commonDef,
80
+ accessorKey: accessor,
81
+ };
82
+ }
83
+ return commonDef;
123
84
  };
124
- const getColumnVisibility = hiddenColumns => {
125
- const result = {};
126
- hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.forEach(column => {
127
- result[column] = false;
128
- });
129
- return result;
85
+ const getColumnVisibility = (hiddenColumns) => {
86
+ const result = {};
87
+ hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.forEach((column) => {
88
+ result[column] = false;
89
+ });
90
+ return result;
130
91
  };
131
- const getTableInitialState = ({
132
- hiddenColumns,
133
- columnOrder,
134
- sortBy,
135
- columnResizing,
136
- paginationOptions: pagination
137
- }) => {
138
- var _a, _b;
139
- return {
140
- pagination,
141
- columnOrder,
142
- columnSizing: (_a = columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.columnWidths) !== null && _a !== void 0 ? _a : {},
143
- columnVisibility: getColumnVisibility(hiddenColumns),
144
- sorting: (_b = sortBy === null || sortBy === void 0 ? void 0 : sortBy.map(({
145
- id,
146
- desc
147
- }) => ({
148
- id,
149
- desc: !!desc
150
- }))) !== null && _b !== void 0 ? _b : []
151
- };
92
+ export const getTableInitialState = ({ hiddenColumns, columnOrder, sortBy, columnResizing, paginationOptions: pagination, }) => {
93
+ var _a, _b;
94
+ return ({
95
+ pagination,
96
+ columnOrder,
97
+ columnSizing: (_a = columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.columnWidths) !== null && _a !== void 0 ? _a : {},
98
+ columnVisibility: getColumnVisibility(hiddenColumns),
99
+ sorting: (_b = sortBy === null || sortBy === void 0 ? void 0 : sortBy.map(({ id, desc }) => ({ id, desc: !!desc }))) !== null && _b !== void 0 ? _b : [],
100
+ });
152
101
  };
153
- const getCellStyle = ({
154
- size: width,
155
- minSize: minWidth,
156
- maxSize: maxWidth
157
- }) => {
158
- const style = {
159
- width,
160
- minWidth: minWidth || width,
161
- flex: `${width} 0 auto`,
162
- boxSizing: 'border-box'
163
- };
164
- if (maxWidth) {
165
- style.maxWidth = maxWidth;
166
- }
167
- return style;
102
+ export const getCellStyle = ({ size: width, minSize: minWidth, maxSize: maxWidth, }) => {
103
+ const style = {
104
+ width,
105
+ minWidth: minWidth || width,
106
+ flex: `${width} 0 auto`,
107
+ boxSizing: 'border-box',
108
+ };
109
+ if (maxWidth) {
110
+ style.maxWidth = maxWidth;
111
+ }
112
+ return style;
168
113
  };
169
- const getRowStyle = ({
170
- totalSize
171
- }) => {
172
- // fix unit tests console error "`NaN` is an invalid value"
173
- const minWidth = isNaN(totalSize) ? 0 : totalSize;
174
- return {
175
- minWidth
176
- };
114
+ export const getRowStyle = ({ totalSize }) => {
115
+ // fix unit tests console error "`NaN` is an invalid value"
116
+ const minWidth = isNaN(totalSize) ? 0 : totalSize;
117
+ return {
118
+ minWidth,
119
+ };
177
120
  };
178
-
179
- exports.getCellStyle = getCellStyle;
180
- exports.getColumnDef = getColumnDef;
181
- exports.getRowStyle = getRowStyle;
182
- exports.getTableInitialState = getTableInitialState;
183
- exports.prepareCell = prepareCell;
184
- exports.prepareColumn = prepareColumn;
185
- exports.prepareRow = prepareRow;
186
- //# sourceMappingURL=utils.js.map
121
+ //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../../src/components/Table/utils.tsx"],"sourcesContent":[null],"names":["prepareRow","getCanExpand","getIsExpanded","getToggleExpandedHandler","original","subRows","id","index","getValue","map","prepareColumn","columns","getIndex","getCanHide","getIsVisible","canHide","hidden","prepareCell","row","column","value","getRendererProps","props","rendererProps","rows","data","table","getRowModel","forEach","item","push","getColumnDef","width","size","minWidth","minSize","maxWidth","maxSize","Header","Footer","Cell","align","filterable","disableSortBy","disableResizing","enableHiding","sortType","sortingFn","accessor","commonDef","header","footer","sortDescFirst","enableSorting","meta","enableResizing","undefined","rowA","rowB","cell","enableColumnFilter","accessorFn","accessorKey","getColumnVisibility","hiddenColumns","result","getTableInitialState","columnOrder","sortBy","columnResizing","paginationOptions","pagination","columnSizing","_a","columnWidths","columnVisibility","sorting","_b","desc","getCellStyle","style","flex","boxSizing","getRowStyle","totalSize","isNaN"],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Table/utils.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAoB,EAC5C,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,QAAQ,EACR,OAAO,EACP,EAAE,EACF,KAAK,EACL,QAAQ,GACI,EAAc,EAAE,CAAC,CAAC;IAC9B,EAAE;IACF,YAAY;IACZ,aAAa;IACb,wBAAwB;IACxB,QAAQ;IACR,KAAK;IACL,QAAQ;IACR,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;CACjC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAoB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAkB,EAAa,EAAE,CAAC,CAAC;IACnI,EAAE;IACF,KAAK,EAAE,QAAQ,EAAE;IACjB,OAAO,EAAE,UAAU,EAAE;IACrB,MAAM,EAAE,CAAC,YAAY,EAAE;IACvB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC;CACpC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAiC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAc,EAAkB,EAAE,CAAC,CAAC;IACrH,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,QAAQ,EAAE;IACjB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC;CACrB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CAAoB,KAAgC,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAmB;QACpC,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAE;KACT,CAAA;IAED,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC7C,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;QAE5B,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC7B,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAoB,EAC9C,EAAE,EACF,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,eAAe,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,SAAS,EACnB,QAAQ,GACM,EAAgB,EAAE;IAChC,MAAM,SAAS,GAAqD;QAClE,EAAE;QACF,MAAM,EAAE,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM;QAC1F,MAAM,EAAE,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM;QAC1F,YAAY;QACZ,aAAa,EAAE,KAAK;QACpB,aAAa,EAAE,IAAI;QACnB,IAAI,EAAE,EAAE,KAAK,EAAE;QACf,cAAc,EAAE,CAAC,eAAe;KACjC,CAAA;IAED,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;QACtB,SAAS,CAAC,IAAI,GAAG,IAAI,CAAA;IACvB,CAAC;IAED,IAAI,OAAO,IAAI,SAAS,EAAE,CAAC;QACzB,SAAS,CAAC,OAAO,GAAG,OAAO,CAAA;IAC7B,CAAC;IAED,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,SAAS,CAAC,OAAO,GAAG,OAAO,CAAA;IAC7B,CAAC;IAED,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;QAC3B,SAAS,CAAC,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;IACrF,CAAC;IAED,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;QACtB,SAAS,CAAC,IAAI;YACZ,OAAO,IAAI,KAAK,UAAU;gBACxB,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAC/G,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;IAED,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,SAAS,CAAC,kBAAkB,GAAG,UAAU,CAAA;IAC3C,CAAC;IAED,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAChC,SAAS,CAAC,aAAa,GAAG,CAAC,aAAa,CAAA;IAC1C,CAAC;IAED,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;QAC1B,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,OAAO;gBACL,EAAE,EAAE,EAAE;gBACN,GAAG,SAAS;gBACZ,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;aACvC,CAAA;QACH,CAAC;QAED,OAAO;YACL,GAAG,SAAS;YACZ,WAAW,EAAE,QAAQ;SACtB,CAAA;IACH,CAAC;IAED,OAAO,SAAyB,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,aAAwB,EAAE,EAAE;IACvD,MAAM,MAAM,GAA4B,EAAE,CAAA;IAE1C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAChC,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;IACxB,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,aAAa,EACb,WAAW,EACX,MAAM,EACN,cAAc,EACd,iBAAiB,EAAE,UAAU,GAChB,EAAqB,EAAE;;IAAC,OAAA,CAAC;QACtC,UAAU;QACV,WAAW;QACX,YAAY,EAAE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,mCAAI,EAAE;QAChD,gBAAgB,EAAE,mBAAmB,CAAC,aAAa,CAAC;QACpD,OAAO,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,mCAAI,EAAE;KACrE,CAAC,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,GAKlB,EAAiB,EAAE;IAClB,MAAM,KAAK,GAAkB;QAC3B,KAAK;QACL,QAAQ,EAAE,QAAQ,IAAI,KAAK;QAC3B,IAAI,EAAE,GAAG,KAAK,SAAS;QACvB,SAAS,EAAE,YAAY;KACxB,CAAA;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC3B,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAyB,EAAiB,EAAE;IACjF,2DAA2D;IAC3D,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjD,OAAO;QACL,QAAQ;KACT,CAAA;AACH,CAAC,CAAA"}
@@ -1,11 +1,8 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var cn = require('classnames');
5
- var components_Tabs_TabContext = require('./TabContext.js');
6
- var utils_keyboard = require('../../utils/keyboard.js');
7
- var Tab_module = require('./Tab.module.scss.js');
8
-
1
+ import React, { useCallback } from 'react';
2
+ import cn from 'classnames';
3
+ import { useTabContext, getTabId, getPanelId } from './TabContext';
4
+ import { keyIsOneOf } from '../../utils/keyboard';
5
+ import styles from './Tab.module.scss';
9
6
  /**
10
7
  * ### Purpose
11
8
  * A single tab implementation that works together with TabContext and TabList components.
@@ -17,57 +14,26 @@ var Tab_module = require('./Tab.module.scss.js');
17
14
  * More info - https://www.w3.org/TR/wai-aria-practices/#kbd_selection_follows_focus
18
15
  *
19
16
  */
20
- const Tab = ({
21
- component: Component = 'button',
22
- value,
23
- href,
24
- onClick,
25
- children,
26
- ariaLabel,
27
- className
28
- }) => {
29
- const {
30
- onChange,
31
- value: activeValue,
32
- idPrefix,
33
- fullWidth
34
- } = components_Tabs_TabContext.useTabContext();
35
- const selected = value === activeValue;
36
- const handleClick = React.useCallback(event => {
37
- if (selected) {
38
- return;
39
- }
40
- if (onClick) {
41
- onClick(event);
42
- }
43
- onChange(value);
44
- }, [value, selected, onChange, onClick]);
45
- // Since we're not automatically following focus we have
46
- // to handle keyboard selection with Enter and Space ourselves.
47
- const onKeyPress = React.useCallback(event => {
48
- event.preventDefault();
49
- if (utils_keyboard.keyIsOneOf(event, 'Enter', 'Space')) {
50
- handleClick(event);
51
- }
52
- }, [handleClick]);
53
- return /*#__PURE__*/React.createElement(Component, {
54
- className: cn(Tab_module.default.tab, {
55
- [Tab_module.default.selected]: selected,
56
- [Tab_module.default.fullWidth]: fullWidth
57
- }, className),
58
- role: "tab",
59
- id: components_Tabs_TabContext.getTabId(idPrefix, value.toString()),
60
- "aria-controls": components_Tabs_TabContext.getPanelId(idPrefix, value.toString()),
61
- "aria-selected": selected,
62
- tabIndex: selected ? 0 : -1,
63
- onKeyPress: onKeyPress,
64
- onClick: handleClick,
65
- ...(Component === 'a' && !selected && {
66
- href
67
- }),
68
- "aria-label": ariaLabel
69
- }, children);
17
+ export const Tab = ({ component: Component = 'button', value, href, onClick, children, ariaLabel, className }) => {
18
+ const { onChange, value: activeValue, idPrefix, fullWidth } = useTabContext();
19
+ const selected = value === activeValue;
20
+ const handleClick = useCallback((event) => {
21
+ if (selected) {
22
+ return;
23
+ }
24
+ if (onClick) {
25
+ onClick(event);
26
+ }
27
+ onChange(value);
28
+ }, [value, selected, onChange, onClick]);
29
+ // Since we're not automatically following focus we have
30
+ // to handle keyboard selection with Enter and Space ourselves.
31
+ const onKeyPress = useCallback((event) => {
32
+ event.preventDefault();
33
+ if (keyIsOneOf(event, 'Enter', 'Space')) {
34
+ handleClick(event);
35
+ }
36
+ }, [handleClick]);
37
+ return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }, className), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, ...(Component === 'a' && !selected && { href }), "aria-label": ariaLabel }, children));
70
38
  };
71
-
72
- exports.Tab = Tab;
73
- //# sourceMappingURL=Tab.js.map
39
+ //# sourceMappingURL=Tab.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sources":["../../../src/components/Tabs/Tab.tsx"],"sourcesContent":[null],"names":["Tab","component","Component","value","href","onClick","children","ariaLabel","className","onChange","activeValue","idPrefix","fullWidth","useTabContext","selected","handleClick","useCallback","event","onKeyPress","preventDefault","keyIsOneOf","React","cn","styles","tab","role","id","getTabId","toString","getPanelId","tabIndex"],"mappings":";;;;;;;;AAgCA;;;;;;;;;;AAUG;AAEI,MAAMA,GAAG,GAAiBA,CAAC;EAAEC,SAAS,EAAEC,SAAS,GAAG,QAAQ;EAAEC,KAAK;EAAEC,IAAI;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;AAAEC,EAAAA;AAAS,CAAE,KAAI;EAC7H,MAAM;IAAEC,QAAQ;AAAEN,IAAAA,KAAK,EAAEO,WAAW;IAAEC,QAAQ;AAAEC,IAAAA;GAAW,GAAGC,wCAAa,EAAE;AAC7E,EAAA,MAAMC,QAAQ,GAAGX,KAAK,KAAKO,WAAW;AAEtC,EAAA,MAAMK,WAAW,GAAGC,iBAAW,CAC5BC,KAA+G,IAAI;AAClH,IAAA,IAAIH,QAAQ,EAAE;AACZ,MAAA;AACF,IAAA;AAEA,IAAA,IAAIT,OAAO,EAAE;MACXA,OAAO,CAACY,KAAK,CAAC;AAChB,IAAA;IAEAR,QAAQ,CAACN,KAAK,CAAC;EACjB,CAAC,EACD,CAACA,KAAK,EAAEW,QAAQ,EAAEL,QAAQ,EAAEJ,OAAO,CAAC,CACrC;AAED;AACA;AACA,EAAA,MAAMa,UAAU,GAAGF,iBAAW,CAC3BC,KAA2D,IAAI;IAC9DA,KAAK,CAACE,cAAc,EAAE;IAEtB,IAAIC,yBAAU,CAACH,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE;MACvCF,WAAW,CAACE,KAAK,CAAC;AACpB,IAAA;AACF,EAAA,CAAC,EACD,CAACF,WAAW,CAAC,CACd;AAED,EAAA,oBACEM,oBAACnB,SAAS,EAAA;AACRM,IAAAA,SAAS,EAAEc,EAAE,CAACC,kBAAM,CAACC,GAAG,EAAE;AAAE,MAAA,CAACD,kBAAM,CAACT,QAAQ,GAAGA,QAAQ;MAAE,CAACS,kBAAM,CAACX,SAAS,GAAGA;KAAW,EAAEJ,SAAS,CAAC;AACpGiB,IAAAA,IAAI,EAAC,KAAK;IACVC,EAAE,EAAEC,mCAAQ,CAAChB,QAAQ,EAAER,KAAK,CAACyB,QAAQ,EAAE,CAAC;IAAA,eAAA,EACzBC,qCAAU,CAAClB,QAAQ,EAAER,KAAK,CAACyB,QAAQ,EAAE,CAAC;AAAA,IAAA,eAAA,EACtCd,QAAQ;AACvBgB,IAAAA,QAAQ,EAAEhB,QAAQ,GAAG,CAAC,GAAG,EAAE;AAC3BI,IAAAA,UAAU,EAAEA,UAAU;AACtBb,IAAAA,OAAO,EAAEU,WAAW;AAAA,IAAA,IACfb,SAAS,KAAK,GAAG,IAAI,CAACY,QAAQ,IAAI;AAAEV,MAAAA;KAAM,CAAC;AAAA,IAAA,YAAA,EACpCG;GAAS,EAEpBD,QAAQ,CACC;AAEhB;;;;"}
1
+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAwC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AA0BtC;;;;;;;;;;GAUG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA+G,EAAE,EAAE;QAClH,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACrC,CAAA;IAED,wDAAwD;IACxD,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA2D,EAAE,EAAE;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EACpG,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACzB,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACtC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,KAChB,CAAC,SAAS,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,gBACpC,SAAS,IAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,58 @@
1
+ @use '../../../styles/constants' as c;
2
+ @use '../../../styles/helpers' as h;
3
+
4
+ .tab {
5
+ display: flex;
6
+ flex-direction: row;
7
+ align-items: center;
8
+ justify-content: center;
9
+ position: relative;
10
+ box-sizing: border-box;
11
+ height: c.$grid * 10;
12
+ min-width: c.$grid * 40;
13
+ padding: c.$grid c.$grid * 5;
14
+ border: none;
15
+ border-bottom: 1px solid;
16
+ border-color: c.$colorNeutralLight;
17
+ color: c.$colorText;
18
+ background-color: transparent;
19
+ cursor: pointer;
20
+
21
+ // for <a> element
22
+ text-decoration: none;
23
+
24
+ @include c.typographyH3;
25
+ @include h.overflowEllipsis;
26
+
27
+ &.selected {
28
+ color: c.$colorPrimary;
29
+ border-radius: 0;
30
+ border-color: c.$colorPrimary;
31
+ box-shadow: inset 0 -4px 0 0 c.$colorPrimary;
32
+ }
33
+
34
+ &.selected:focus-visible {
35
+ border-color: c.$colorPrimary;
36
+ border-bottom-width: c.$grid;
37
+ padding-bottom: 0;
38
+ }
39
+
40
+ &.fullWidth {
41
+ flex: 1 1 auto;
42
+ }
43
+
44
+ &:hover {
45
+ color: c.$colorPrimary;
46
+ }
47
+
48
+ &:focus-visible {
49
+ // Do not remove outline for high-contrast modes
50
+ // https://stackoverflow.com/a/52616313
51
+ outline: c.$outlineWidth solid transparent;
52
+ color: c.$colorPrimary;
53
+ border-radius: c.$borderRadius;
54
+ border-color: transparent;
55
+
56
+ @include h.outlineSimple;
57
+ }
58
+ }
@@ -1,68 +1,43 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var reactUid = require('react-uid');
5
-
6
- const tabContextDefaultValue = {
7
- onChange: () => {
8
- // default function - do nothing ¯\_(ツ)_/¯
9
- },
10
- value: 0,
11
- idPrefix: '',
12
- fullWidth: false
1
+ import React, { createContext, useContext, useMemo, useState } from 'react';
2
+ import { useUID } from 'react-uid';
3
+ export const tabContextDefaultValue = {
4
+ onChange: () => {
5
+ // default function - do nothing ¯\_(ツ)_/¯
6
+ },
7
+ value: 0,
8
+ idPrefix: '',
9
+ fullWidth: false,
13
10
  };
14
11
  /**
15
12
  * A context used to pass valid values to Tab and TabPanel components.
16
13
  */
17
- const TabContext = /*#__PURE__*/React.createContext(tabContextDefaultValue);
14
+ export const TabContext = createContext(tabContextDefaultValue);
18
15
  /**
19
16
  * A custom hook utilizing context for easy usage.
20
17
  */
21
- const useTabContext = () => React.useContext(TabContext);
18
+ export const useTabContext = () => useContext(TabContext);
22
19
  /**
23
20
  * A basic component that keeps track of selected tab.
24
21
  * If you want more control over the value state (active tab) you can use TabContextProviderControlled.
25
22
  */
26
- const TabContextProvider = ({
27
- fullWidth,
28
- children
29
- }) => {
30
- const [value, setValue] = React.useState(0);
31
- return /*#__PURE__*/React.createElement(TabContextProviderControlled, {
32
- value: value,
33
- onChange: setValue,
34
- fullWidth: fullWidth
35
- }, children);
23
+ export const TabContextProvider = ({ fullWidth, children }) => {
24
+ const [value, setValue] = useState(0);
25
+ return (React.createElement(TabContextProviderControlled, { value: value, onChange: setValue, fullWidth: fullWidth }, children));
36
26
  };
37
27
  /**
38
28
  * If you want to control the value state (active tab) from outside, this component might come in handy.
39
29
  */
40
- const TabContextProviderControlled = ({
41
- onChange,
42
- value,
43
- fullWidth,
44
- children
45
- }) => {
46
- const id = reactUid.useUID();
47
- const contextValue = React.useMemo(() => ({
48
- onChange,
49
- value,
50
- idPrefix: id,
51
- fullWidth
52
- }), [onChange, value, id, fullWidth]);
53
- return /*#__PURE__*/React.createElement(TabContext.Provider, {
54
- value: contextValue
55
- }, children);
30
+ export const TabContextProviderControlled = ({ onChange, value, fullWidth, children }) => {
31
+ const id = useUID();
32
+ const contextValue = useMemo(() => ({
33
+ onChange,
34
+ value,
35
+ idPrefix: id,
36
+ fullWidth,
37
+ }), [onChange, value, id, fullWidth]);
38
+ return React.createElement(TabContext.Provider, { value: contextValue }, children);
56
39
  };
57
40
  // Helpers which provide ids from passed values
58
- const getTabId = (prefix, value) => `${prefix}-tab-${value}`;
59
- const getPanelId = (prefix, value) => `${prefix}-panel-${value}`;
60
-
61
- exports.TabContext = TabContext;
62
- exports.TabContextProvider = TabContextProvider;
63
- exports.TabContextProviderControlled = TabContextProviderControlled;
64
- exports.getPanelId = getPanelId;
65
- exports.getTabId = getTabId;
66
- exports.tabContextDefaultValue = tabContextDefaultValue;
67
- exports.useTabContext = useTabContext;
68
- //# sourceMappingURL=TabContext.js.map
41
+ export const getTabId = (prefix, value) => `${prefix}-tab-${value}`;
42
+ export const getPanelId = (prefix, value) => `${prefix}-panel-${value}`;
43
+ //# sourceMappingURL=TabContext.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabContext.js","sources":["../../../src/components/Tabs/TabContext.tsx"],"sourcesContent":[null],"names":["tabContextDefaultValue","onChange","value","idPrefix","fullWidth","TabContext","createContext","useTabContext","useContext","TabContextProvider","children","setValue","useState","React","createElement","TabContextProviderControlled","id","useUID","contextValue","useMemo","Provider","getTabId","prefix","getPanelId"],"mappings":";;;;;AAUO,MAAMA,sBAAsB,GAAoB;EACrDC,QAAQ,EAAEA,MAAK;AACb;EAAA,CACD;AACDC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,SAAS,EAAE;;AAGb;;AAEG;MACUC,UAAU,gBAAGC,mBAAa,CAAkBN,sBAAsB;AAE/E;;AAEG;AACI,MAAMO,aAAa,GAAGA,MAAMC,gBAAU,CAACH,UAAU;AAIxD;;;AAGG;AACI,MAAMI,kBAAkB,GAAgCA,CAAC;EAAEL,SAAS;AAAEM,EAAAA;AAAQ,CAAE,KAAI;EACzF,MAAM,CAACR,KAAK,EAAES,QAAQ,CAAC,GAAGC,cAAQ,CAAS,CAAC,CAAC;AAE7C,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,4BAA4B;AAACb,IAAAA,KAAK,EAAEA,KAAK;AAAED,IAAAA,QAAQ,EAAEU,QAAQ;AAAEP,IAAAA,SAAS,EAAEA;KACxEM,QAAQ,CACoB;AAEnC;AAIA;;AAEG;AACI,MAAMK,4BAA4B,GAA0CA,CAAC;EAAEd,QAAQ;EAAEC,KAAK;EAAEE,SAAS;AAAEM,EAAAA;AAAQ,CAAE,KAAI;AAC9H,EAAA,MAAMM,EAAE,GAAGC,eAAM,EAAE;AACnB,EAAA,MAAMC,YAAY,GAAoBC,aAAO,CAC3C,OAAO;IACLlB,QAAQ;IACRC,KAAK;AACLC,IAAAA,QAAQ,EAAEa,EAAE;AACZZ,IAAAA;GACD,CAAC,EACF,CAACH,QAAQ,EAAEC,KAAK,EAAEc,EAAE,EAAEZ,SAAS,CAAC,CACjC;AAED,EAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACT,UAAU,CAACe,QAAQ,EAAA;AAAClB,IAAAA,KAAK,EAAEgB;GAAY,EAAGR,QAAQ,CAAuB;AACnF;AAEA;AACO,MAAMW,QAAQ,GAAGA,CAACC,MAAc,EAAEpB,KAAa,KAAK,CAAA,EAAGoB,MAAM,CAAA,KAAA,EAAQpB,KAAK,CAAA;AAE1E,MAAMqB,UAAU,GAAGA,CAACD,MAAc,EAAEpB,KAAa,KAAK,CAAA,EAAGoB,MAAM,CAAA,OAAA,EAAUpB,KAAK,CAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"TabContext.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAM,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AASlC,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,QAAQ,EAAE,GAAG,EAAE;QACb,0CAA0C;IAC5C,CAAC;IACD,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAA;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AAIzD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,IACjF,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAID;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA0C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9H,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,YAAY,GAAoB,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,KAAK;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS;KACV,CAAC,EACF,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,CAAC,CACjC,CAAA;IAED,OAAO,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAuB,CAAA;AACnF,CAAC,CAAA;AAED,+CAA+C;AAC/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,QAAQ,KAAK,EAAE,CAAA;AAEnF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,UAAU,KAAK,EAAE,CAAA"}