ydb-embedded-ui 21.1.0 → 22.1.0

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 (658) hide show
  1. package/dist/components/ComponentsProvider/ComponentsProvider.d.ts +0 -4
  2. package/dist/components/ComponentsProvider/componentsRegistry.d.ts +0 -2
  3. package/dist/components/ComponentsProvider/componentsRegistry.js +1 -3
  4. package/dist/components/ComponentsProvider/componentsRegistry.js.map +1 -1
  5. package/dist/components/ContentWithPopup/ContentWithPopup.d.ts +1 -1
  6. package/dist/components/ContentWithPopup/ContentWithPopup.js +4 -2
  7. package/dist/components/ContentWithPopup/ContentWithPopup.js.map +1 -1
  8. package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.d.ts +2 -1
  9. package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js +5 -2
  10. package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js.map +1 -1
  11. package/dist/components/DiskStateProgressBar/AllModeIndicators.d.ts +2 -1
  12. package/dist/components/DiskStateProgressBar/AllModeIndicators.js +4 -2
  13. package/dist/components/DiskStateProgressBar/AllModeIndicators.js.map +1 -1
  14. package/dist/components/DiskStateProgressBar/DiskIndicator.d.ts +7 -2
  15. package/dist/components/DiskStateProgressBar/DiskIndicator.js +6 -6
  16. package/dist/components/DiskStateProgressBar/DiskIndicator.js.map +1 -1
  17. package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js +1 -1
  18. package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map +1 -1
  19. package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +53 -45
  20. package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js +9 -1
  21. package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js.map +1 -1
  22. package/dist/components/EvictVDiskButton/EvictVDiskButton.js +7 -3
  23. package/dist/components/EvictVDiskButton/EvictVDiskButton.js.map +1 -1
  24. package/dist/components/FullNodeViewer/FullNodeViewer.js +40 -17
  25. package/dist/components/FullNodeViewer/FullNodeViewer.js.map +1 -1
  26. package/dist/components/FullNodeViewer/FullNodeViewer.scss +3 -3
  27. package/dist/components/FullNodeViewer/i18n/en.json +2 -1
  28. package/dist/components/FullNodeViewer/i18n/index.d.ts +1 -1
  29. package/dist/components/HoverPopup/HoverPopup.js +36 -6
  30. package/dist/components/HoverPopup/HoverPopup.js.map +1 -1
  31. package/dist/components/HoverPopup/getPopupScrollContainer.d.ts +1 -0
  32. package/dist/components/HoverPopup/getPopupScrollContainer.js +20 -0
  33. package/dist/components/HoverPopup/getPopupScrollContainer.js.map +1 -0
  34. package/dist/components/InfoViewer/InfoViewer.js +1 -1
  35. package/dist/components/InfoViewer/InfoViewer.js.map +1 -1
  36. package/dist/components/InfoViewer/formatters/pqGroup.js +6 -1
  37. package/dist/components/InfoViewer/formatters/pqGroup.js.map +1 -1
  38. package/dist/components/InfoViewer/schemaInfo/i18n/en.json +1 -0
  39. package/dist/components/InfoViewer/schemaInfo/i18n/index.d.ts +1 -1
  40. package/dist/components/InfoViewer/schemaInfo/utils.js +6 -1
  41. package/dist/components/InfoViewer/schemaInfo/utils.js.map +1 -1
  42. package/dist/components/MetricChart/reducer.d.ts +2 -2
  43. package/dist/components/NodeHostWrapper/NodeHostWrapper.d.ts +4 -1
  44. package/dist/components/NodeHostWrapper/NodeHostWrapper.js +13 -9
  45. package/dist/components/NodeHostWrapper/NodeHostWrapper.js.map +1 -1
  46. package/dist/components/PDiskInfo/i18n/index.d.ts +1 -1
  47. package/dist/components/PaginatedTable/KeyboardNavigation.d.ts +9 -0
  48. package/dist/components/PaginatedTable/KeyboardNavigation.js +14 -0
  49. package/dist/components/PaginatedTable/KeyboardNavigation.js.map +1 -0
  50. package/dist/components/PaginatedTable/PaginatedTable.d.ts +4 -1
  51. package/dist/components/PaginatedTable/PaginatedTable.js +77 -4
  52. package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
  53. package/dist/components/PaginatedTable/PaginatedTable.scss +10 -0
  54. package/dist/components/PaginatedTable/PaginatedTableWithLayout.d.ts +2 -1
  55. package/dist/components/PaginatedTable/PaginatedTableWithLayout.js +2 -2
  56. package/dist/components/PaginatedTable/PaginatedTableWithLayout.js.map +1 -1
  57. package/dist/components/PaginatedTable/ResizeablePaginatedTable.js +2 -1
  58. package/dist/components/PaginatedTable/ResizeablePaginatedTable.js.map +1 -1
  59. package/dist/components/PaginatedTable/TableChunk.js +6 -10
  60. package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
  61. package/dist/components/PaginatedTable/TableChunksRenderer.d.ts +2 -1
  62. package/dist/components/PaginatedTable/TableChunksRenderer.js +6 -1
  63. package/dist/components/PaginatedTable/TableChunksRenderer.js.map +1 -1
  64. package/dist/components/PaginatedTable/TableRow.d.ts +3 -1
  65. package/dist/components/PaginatedTable/TableRow.js +24 -8
  66. package/dist/components/PaginatedTable/TableRow.js.map +1 -1
  67. package/dist/components/PaginatedTable/getTableChunkQueryParams.d.ts +23 -0
  68. package/dist/components/PaginatedTable/getTableChunkQueryParams.js +12 -0
  69. package/dist/components/PaginatedTable/getTableChunkQueryParams.js.map +1 -0
  70. package/dist/components/PaginatedTable/rowLookup.d.ts +8 -0
  71. package/dist/components/PaginatedTable/rowLookup.js +35 -0
  72. package/dist/components/PaginatedTable/rowLookup.js.map +1 -0
  73. package/dist/components/PaginatedTable/useKeyboardNavigation.d.ts +27 -0
  74. package/dist/components/PaginatedTable/useKeyboardNavigation.js +70 -0
  75. package/dist/components/PaginatedTable/useKeyboardNavigation.js.map +1 -0
  76. package/dist/components/ResizeableDataTable/DataTableKeyboardNavigation.d.ts +24 -0
  77. package/dist/components/ResizeableDataTable/DataTableKeyboardNavigation.js +144 -0
  78. package/dist/components/ResizeableDataTable/DataTableKeyboardNavigation.js.map +1 -0
  79. package/dist/components/ResizeableDataTable/ResizeableDataTable.d.ts +4 -1
  80. package/dist/components/ResizeableDataTable/ResizeableDataTable.js +28 -4
  81. package/dist/components/ResizeableDataTable/ResizeableDataTable.js.map +1 -1
  82. package/dist/components/ResizeableDataTable/ResizeableDataTable.scss +10 -0
  83. package/dist/components/ResizeableDataTable/getDataTableOrder.d.ts +2 -0
  84. package/dist/components/ResizeableDataTable/getDataTableOrder.js +12 -0
  85. package/dist/components/ResizeableDataTable/getDataTableOrder.js.map +1 -0
  86. package/dist/components/Search/Search.d.ts +2 -1
  87. package/dist/components/Search/Search.js +6 -2
  88. package/dist/components/Search/Search.js.map +1 -1
  89. package/dist/components/SegmentedProgress/SegmentedProgress.d.ts +22 -1
  90. package/dist/components/SegmentedProgress/SegmentedProgress.js +44 -3
  91. package/dist/components/SegmentedProgress/SegmentedProgress.js.map +1 -1
  92. package/dist/components/SegmentedProgress/SegmentedProgress.scss +5 -0
  93. package/dist/components/ShardsTable/columns.js +6 -3
  94. package/dist/components/ShardsTable/columns.js.map +1 -1
  95. package/dist/components/ShardsTable/i18n/en.json +1 -0
  96. package/dist/components/ShardsTable/i18n/index.d.ts +1 -1
  97. package/dist/components/StorageGroupInfo/StorageGroupInfo.js +1 -13
  98. package/dist/components/StorageGroupInfo/StorageGroupInfo.js.map +1 -1
  99. package/dist/components/StorageGroupInfo/i18n/en.json +0 -1
  100. package/dist/components/StorageGroupInfo/i18n/index.d.ts +1 -1
  101. package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.d.ts +54 -0
  102. package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.js +389 -0
  103. package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.js.map +1 -0
  104. package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.scss +16 -0
  105. package/dist/components/TableKeyboardNavigation/i18n/en.json +4 -0
  106. package/dist/components/TableKeyboardNavigation/i18n/index.d.ts +2 -0
  107. package/dist/components/TableKeyboardNavigation/i18n/index.js +4 -0
  108. package/dist/components/TableKeyboardNavigation/i18n/index.js.map +1 -0
  109. package/dist/components/TableKeyboardNavigation/utils.d.ts +3 -0
  110. package/dist/components/TableKeyboardNavigation/utils.js +24 -0
  111. package/dist/components/TableKeyboardNavigation/utils.js.map +1 -0
  112. package/dist/components/TableWithControlsLayout/TableWithControlsLayout.d.ts +4 -1
  113. package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js +4 -2
  114. package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js.map +1 -1
  115. package/dist/components/TenantNameWrapper/TenantNameWrapper.d.ts +3 -1
  116. package/dist/components/TenantNameWrapper/TenantNameWrapper.js +8 -12
  117. package/dist/components/TenantNameWrapper/TenantNameWrapper.js.map +1 -1
  118. package/dist/components/TenantNameWrapper/utils.d.ts +10 -0
  119. package/dist/components/TenantNameWrapper/utils.js +11 -0
  120. package/dist/components/TenantNameWrapper/utils.js.map +1 -1
  121. package/dist/components/UptimeViewer/UptimeViewer.d.ts +2 -2
  122. package/dist/components/VDisk/VDisk.d.ts +5 -1
  123. package/dist/components/VDisk/VDisk.js +84 -29
  124. package/dist/components/VDisk/VDisk.js.map +1 -1
  125. package/dist/components/VDisk/VDiskWithDonorsStack.d.ts +4 -1
  126. package/dist/components/VDisk/VDiskWithDonorsStack.js +8 -4
  127. package/dist/components/VDisk/VDiskWithDonorsStack.js.map +1 -1
  128. package/dist/components/VDisk/i18n/en.json +11 -0
  129. package/dist/components/VDisk/i18n/index.d.ts +1 -1
  130. package/dist/components/VDiskInfo/i18n/index.d.ts +1 -1
  131. package/dist/components/nodesColumns/columns.d.ts +4 -1
  132. package/dist/components/nodesColumns/columns.js +13 -0
  133. package/dist/components/nodesColumns/columns.js.map +1 -1
  134. package/dist/components/nodesColumns/constants.d.ts +2 -0
  135. package/dist/components/nodesColumns/constants.js +6 -0
  136. package/dist/components/nodesColumns/constants.js.map +1 -1
  137. package/dist/components/nodesColumns/i18n/en.json +2 -1
  138. package/dist/components/nodesColumns/i18n/index.d.ts +1 -1
  139. package/dist/containers/App/App.js +3 -3
  140. package/dist/containers/App/App.js.map +1 -1
  141. package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js +8 -5
  142. package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js.map +1 -1
  143. package/dist/containers/Cluster/ClusterInfo/ClusterInfo.scss +8 -0
  144. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.d.ts +4 -3
  145. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.js +62 -25
  146. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.js.map +1 -1
  147. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.scss +18 -0
  148. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/utils.d.ts +22 -0
  149. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/utils.js +49 -0
  150. package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/utils.js.map +1 -0
  151. package/dist/containers/Cluster/i18n/en.json +13 -4
  152. package/dist/containers/Cluster/i18n/index.d.ts +1 -1
  153. package/dist/containers/Clusters/Clusters.js +11 -7
  154. package/dist/containers/Clusters/Clusters.js.map +1 -1
  155. package/dist/containers/Node/Node.js +20 -17
  156. package/dist/containers/Node/Node.js.map +1 -1
  157. package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.js +1 -1
  158. package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.js.map +1 -1
  159. package/dist/containers/Node/NodeNetwork/NodeNetworkTable.js +11 -1
  160. package/dist/containers/Node/NodeNetwork/NodeNetworkTable.js.map +1 -1
  161. package/dist/containers/Node/NodePages.d.ts +3 -9
  162. package/dist/containers/Node/NodePages.js +2 -10
  163. package/dist/containers/Node/NodePages.js.map +1 -1
  164. package/dist/containers/Node/Threads/ThreadStatesBar/ThreadStatesBar.d.ts +1 -1
  165. package/dist/containers/Node/i18n/en.json +0 -3
  166. package/dist/containers/Node/i18n/index.d.ts +1 -1
  167. package/dist/containers/Nodes/NodesControls/NodesControls.js +1 -1
  168. package/dist/containers/Nodes/NodesControls/NodesControls.js.map +1 -1
  169. package/dist/containers/Nodes/NodesTable.js +13 -2
  170. package/dist/containers/Nodes/NodesTable.js.map +1 -1
  171. package/dist/containers/Nodes/PaginatedNodes/GroupedNodesComponent.js +1 -1
  172. package/dist/containers/Nodes/PaginatedNodes/GroupedNodesComponent.js.map +1 -1
  173. package/dist/containers/Nodes/columns/columns.js +2 -1
  174. package/dist/containers/Nodes/columns/columns.js.map +1 -1
  175. package/dist/containers/Storage/Disks/Disks.d.ts +2 -1
  176. package/dist/containers/Storage/Disks/Disks.js +34 -23
  177. package/dist/containers/Storage/Disks/Disks.js.map +1 -1
  178. package/dist/containers/Storage/Disks/Disks.scss +5 -0
  179. package/dist/containers/Storage/PDisk/PDisk.d.ts +6 -9
  180. package/dist/containers/Storage/PDisk/PDisk.js +92 -37
  181. package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
  182. package/dist/containers/Storage/PDisk/PDisk.scss +79 -1
  183. package/dist/containers/Storage/PDisk/PDiskWithVDisks.d.ts +17 -0
  184. package/dist/containers/Storage/PDisk/PDiskWithVDisks.js +48 -0
  185. package/dist/containers/Storage/PDisk/PDiskWithVDisks.js.map +1 -0
  186. package/dist/containers/Storage/PDisk/i18n/en.json +8 -0
  187. package/dist/containers/Storage/PDisk/i18n/index.d.ts +1 -1
  188. package/dist/containers/Storage/PDisk/index.d.ts +1 -0
  189. package/dist/containers/Storage/PDisk/index.js +1 -0
  190. package/dist/containers/Storage/PDisk/index.js.map +1 -1
  191. package/dist/containers/Storage/PDisks/PDisks.d.ts +4 -1
  192. package/dist/containers/Storage/PDisks/PDisks.js +52 -6
  193. package/dist/containers/Storage/PDisks/PDisks.js.map +1 -1
  194. package/dist/containers/Storage/PaginatedStorage.js +3 -1
  195. package/dist/containers/Storage/PaginatedStorage.js.map +1 -1
  196. package/dist/containers/Storage/PaginatedStorageGroups/GroupedStorageGroupsComponent.js +1 -2
  197. package/dist/containers/Storage/PaginatedStorageGroups/GroupedStorageGroupsComponent.js.map +1 -1
  198. package/dist/containers/Storage/PaginatedStorageGroups/StorageGroupsControls.js +2 -2
  199. package/dist/containers/Storage/PaginatedStorageGroups/StorageGroupsControls.js.map +1 -1
  200. package/dist/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.js +12 -4
  201. package/dist/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.js.map +1 -1
  202. package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/constants.d.ts +2 -2
  203. package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/i18n/index.d.ts +1 -1
  204. package/dist/containers/Storage/PaginatedStorageGroupsTable/getGroups.d.ts +1 -1
  205. package/dist/containers/Storage/PaginatedStorageGroupsTable/getGroups.js +2 -3
  206. package/dist/containers/Storage/PaginatedStorageGroupsTable/getGroups.js.map +1 -1
  207. package/dist/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.d.ts +1 -0
  208. package/dist/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.js +8 -5
  209. package/dist/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.js.map +1 -1
  210. package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesComponent.js +6 -3
  211. package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesComponent.js.map +1 -1
  212. package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesControls.js +17 -5
  213. package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesControls.js.map +1 -1
  214. package/dist/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.d.ts +16 -0
  215. package/dist/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.js +68 -0
  216. package/dist/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.js.map +1 -0
  217. package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.d.ts +2 -1
  218. package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js +14 -2
  219. package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js.map +1 -1
  220. package/dist/containers/Storage/PaginatedStorageNodesTable/columns/columns.js +2 -2
  221. package/dist/containers/Storage/PaginatedStorageNodesTable/columns/columns.js.map +1 -1
  222. package/dist/containers/Storage/PaginatedStorageNodesTable/columns/hooks.js +7 -2
  223. package/dist/containers/Storage/PaginatedStorageNodesTable/columns/hooks.js.map +1 -1
  224. package/dist/containers/Storage/PaginatedStorageNodesTable/columns/types.d.ts +2 -0
  225. package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.d.ts +5 -0
  226. package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.js +31 -0
  227. package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.js.map +1 -0
  228. package/dist/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.d.ts +5 -0
  229. package/dist/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.js +31 -0
  230. package/dist/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.js.map +1 -0
  231. package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.d.ts +21 -0
  232. package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.js +13 -0
  233. package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.js.map +1 -0
  234. package/dist/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.js +1 -0
  235. package/dist/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.js.map +1 -1
  236. package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js +1 -0
  237. package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js.map +1 -1
  238. package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.js +3 -2
  239. package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.js.map +1 -1
  240. package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js +1 -0
  241. package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js.map +1 -1
  242. package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.js +4 -4
  243. package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.js.map +1 -1
  244. package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.js +3 -3
  245. package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.js.map +1 -1
  246. package/dist/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.d.ts +1 -1
  247. package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.d.ts +4 -0
  248. package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.js +49 -0
  249. package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.js.map +1 -0
  250. package/dist/containers/Storage/StorageExpertModePanel/constants.d.ts +20 -0
  251. package/dist/containers/Storage/StorageExpertModePanel/constants.js +22 -0
  252. package/dist/containers/Storage/StorageExpertModePanel/constants.js.map +1 -1
  253. package/dist/containers/Storage/StorageExpertModePanel/i18n/en.json +2 -2
  254. package/dist/containers/Storage/StorageExpertModePanel/i18n/index.d.ts +1 -1
  255. package/dist/containers/Storage/TableGroup/TableGroup.js +2 -1
  256. package/dist/containers/Storage/TableGroup/TableGroup.js.map +1 -1
  257. package/dist/containers/Storage/VDisks/VDisks.d.ts +2 -1
  258. package/dist/containers/Storage/VDisks/VDisks.js +11 -4
  259. package/dist/containers/Storage/VDisks/VDisks.js.map +1 -1
  260. package/dist/containers/Storage/VDisks/VDisks.scss +3 -0
  261. package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.d.ts +1 -0
  262. package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js +73 -102
  263. package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js.map +1 -1
  264. package/dist/containers/Storage/useStorageQueryParams.d.ts +9 -1
  265. package/dist/containers/Storage/useStorageQueryParams.js +50 -2
  266. package/dist/containers/Storage/useStorageQueryParams.js.map +1 -1
  267. package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.d.ts +1 -0
  268. package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js +50 -13
  269. package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js.map +1 -1
  270. package/dist/containers/Storage/utils/useStorageColumnsSettings.d.ts +4 -1
  271. package/dist/containers/Storage/utils/useStorageColumnsSettings.js +49 -39
  272. package/dist/containers/Storage/utils/useStorageColumnsSettings.js.map +1 -1
  273. package/dist/containers/Storage/utils/useVirtualizedDiskList.d.ts +10 -0
  274. package/dist/containers/Storage/utils/useVirtualizedDiskList.js +131 -0
  275. package/dist/containers/Storage/utils/useVirtualizedDiskList.js.map +1 -0
  276. package/dist/containers/StorageGroupPage/StorageGroupPage.js +2 -3
  277. package/dist/containers/StorageGroupPage/StorageGroupPage.js.map +1 -1
  278. package/dist/containers/Tablet/Tablet.js +4 -2
  279. package/dist/containers/Tablet/Tablet.js.map +1 -1
  280. package/dist/containers/Tablet/components/TabletControls/TabletControls.js +3 -1
  281. package/dist/containers/Tablet/components/TabletControls/TabletControls.js.map +1 -1
  282. package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js +9 -3
  283. package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js.map +1 -1
  284. package/dist/containers/Tablets/TabletsTable.js +25 -1
  285. package/dist/containers/Tablets/TabletsTable.js.map +1 -1
  286. package/dist/containers/Tablets/i18n/en.json +2 -1
  287. package/dist/containers/Tablets/i18n/index.d.ts +1 -1
  288. package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/i18n/index.d.ts +1 -1
  289. package/dist/containers/Tenant/Diagnostics/Overview/Overview.js +2 -1
  290. package/dist/containers/Tenant/Diagnostics/Overview/Overview.js.map +1 -1
  291. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.d.ts +7 -0
  292. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.js +69 -0
  293. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.js.map +1 -0
  294. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/en.json +9 -0
  295. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.d.ts +2 -0
  296. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.js +5 -0
  297. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.js.map +1 -0
  298. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.d.ts +1 -0
  299. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.js +2 -0
  300. package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.js.map +1 -0
  301. package/dist/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.js +3 -3
  302. package/dist/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.js.map +1 -1
  303. package/dist/containers/Tenant/Diagnostics/Partitions/utils/constants.d.ts +2 -2
  304. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js +1 -3
  305. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js.map +1 -1
  306. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/useTenantStorageNewData.d.ts +5 -5
  307. package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.d.ts +2 -1
  308. package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.js +3 -2
  309. package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.js.map +1 -1
  310. package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js +1 -1
  311. package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js.map +1 -1
  312. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js +1 -1
  313. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js.map +1 -1
  314. package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js +1 -1
  315. package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js.map +1 -1
  316. package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.d.ts +3 -3
  317. package/dist/containers/Tenant/Diagnostics/useDiagnosticsPages.js +2 -4
  318. package/dist/containers/Tenant/Diagnostics/useDiagnosticsPages.js.map +1 -1
  319. package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js +2 -1
  320. package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js.map +1 -1
  321. package/dist/containers/Tenant/Query/SavedQueries/SavedQueries.js +1 -1
  322. package/dist/containers/Tenant/Query/SavedQueries/SavedQueries.js.map +1 -1
  323. package/dist/containers/Tenants/TenantsTable.js +37 -6
  324. package/dist/containers/Tenants/TenantsTable.js.map +1 -1
  325. package/dist/containers/VDiskPage/VDiskPage.js +1 -1
  326. package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
  327. package/dist/routes.d.ts +1 -0
  328. package/dist/routes.js.map +1 -1
  329. package/dist/services/api/tablets.d.ts +6 -4
  330. package/dist/services/api/tablets.js +9 -8
  331. package/dist/services/api/tablets.js.map +1 -1
  332. package/dist/services/api/viewer.d.ts +1 -2
  333. package/dist/services/api/viewer.js +0 -11
  334. package/dist/services/api/viewer.js.map +1 -1
  335. package/dist/store/configureStore.d.ts +12 -12
  336. package/dist/store/defaultStore.d.ts +6 -6
  337. package/dist/store/reducers/api.d.ts +1 -1
  338. package/dist/store/reducers/api.js +3 -0
  339. package/dist/store/reducers/api.js.map +1 -1
  340. package/dist/store/reducers/authentication/authentication.d.ts +4 -4
  341. package/dist/store/reducers/cancelQuery.d.ts +2 -2
  342. package/dist/store/reducers/capabilities/capabilities.d.ts +47 -47
  343. package/dist/store/reducers/capabilities/hooks.d.ts +6 -6
  344. package/dist/store/reducers/capabilities/hooks.js +8 -3
  345. package/dist/store/reducers/capabilities/hooks.js.map +1 -1
  346. package/dist/store/reducers/cluster/cluster.d.ts +5 -5
  347. package/dist/store/reducers/cluster/cluster.js +3 -2
  348. package/dist/store/reducers/cluster/cluster.js.map +1 -1
  349. package/dist/store/reducers/clusters/clusters.d.ts +2 -2
  350. package/dist/store/reducers/clusters/clusters.js +2 -1
  351. package/dist/store/reducers/clusters/clusters.js.map +1 -1
  352. package/dist/store/reducers/codeAssist/codeAssist.d.ts +6 -6
  353. package/dist/store/reducers/configs.d.ts +3 -3
  354. package/dist/store/reducers/entityDataTags.d.ts +21 -0
  355. package/dist/store/reducers/entityDataTags.js +24 -0
  356. package/dist/store/reducers/entityDataTags.js.map +1 -0
  357. package/dist/store/reducers/environments/environments.d.ts +2 -2
  358. package/dist/store/reducers/executeTopQueries/executeTopQueries.d.ts +4 -4
  359. package/dist/store/reducers/healthcheckInfo/healthcheckInfo.d.ts +111 -111
  360. package/dist/store/reducers/heatmap.d.ts +2 -2
  361. package/dist/store/reducers/hotKeys/hotKeys.d.ts +2 -2
  362. package/dist/store/reducers/index.d.ts +8 -8
  363. package/dist/store/reducers/network/network.d.ts +2 -2
  364. package/dist/store/reducers/node/node.d.ts +2 -5
  365. package/dist/store/reducers/node/node.js +0 -12
  366. package/dist/store/reducers/node/node.js.map +1 -1
  367. package/dist/store/reducers/node/types.d.ts +0 -14
  368. package/dist/store/reducers/nodes/nodes.d.ts +2 -2
  369. package/dist/store/reducers/nodesList.d.ts +6 -264
  370. package/dist/store/reducers/nodesList.js +1 -1
  371. package/dist/store/reducers/nodesList.js.map +1 -1
  372. package/dist/store/reducers/operations.d.ts +5 -5
  373. package/dist/store/reducers/overview/overview.d.ts +2 -2
  374. package/dist/store/reducers/partitions/partitions.d.ts +3 -3
  375. package/dist/store/reducers/pdisk/pdisk.d.ts +2 -2
  376. package/dist/store/reducers/planToSvg.d.ts +2 -2
  377. package/dist/store/reducers/preview.d.ts +2 -2
  378. package/dist/store/reducers/query/api.d.ts +4 -4
  379. package/dist/store/reducers/replication.d.ts +2 -2
  380. package/dist/store/reducers/schema/schema.d.ts +16 -16
  381. package/dist/store/reducers/schemaAcl/schemaAcl.d.ts +40 -40
  382. package/dist/store/reducers/settings/api.d.ts +4 -4
  383. package/dist/store/reducers/settings/constants.d.ts +4 -0
  384. package/dist/store/reducers/settings/constants.js +4 -0
  385. package/dist/store/reducers/settings/constants.js.map +1 -1
  386. package/dist/store/reducers/settings/settings.d.ts +1 -1
  387. package/dist/store/reducers/shardsWorkload/shardsWorkload.d.ts +2 -2
  388. package/dist/store/reducers/showCreateTable/showCreateTable.d.ts +2 -2
  389. package/dist/store/reducers/storage/prepareGroupsDisks.d.ts +1 -0
  390. package/dist/store/reducers/storage/prepareGroupsDisks.js +17 -13
  391. package/dist/store/reducers/storage/prepareGroupsDisks.js.map +1 -1
  392. package/dist/store/reducers/storage/requestStorageData.d.ts +2 -4
  393. package/dist/store/reducers/storage/requestStorageData.js +4 -10
  394. package/dist/store/reducers/storage/requestStorageData.js.map +1 -1
  395. package/dist/store/reducers/storage/storage.d.ts +4 -6
  396. package/dist/store/reducers/storage/storage.js.map +1 -1
  397. package/dist/store/reducers/storage/types.d.ts +0 -9
  398. package/dist/store/reducers/storage/utils.d.ts +1 -2
  399. package/dist/store/reducers/storage/utils.js +11 -116
  400. package/dist/store/reducers/storage/utils.js.map +1 -1
  401. package/dist/store/reducers/storageUsage/StorageUsage.d.ts +2 -2
  402. package/dist/store/reducers/streamingQuery/streamingQuery.d.ts +2 -2
  403. package/dist/store/reducers/table/table.d.ts +4 -4
  404. package/dist/store/reducers/tableData.d.ts +2 -2
  405. package/dist/store/reducers/tableData.js.map +1 -1
  406. package/dist/store/reducers/tablePartitioning/tablePartitioning.d.ts +2 -2
  407. package/dist/store/reducers/tableSchemaData.d.ts +2 -2
  408. package/dist/store/reducers/tablet.d.ts +11 -8
  409. package/dist/store/reducers/tablet.js +6 -6
  410. package/dist/store/reducers/tablet.js.map +1 -1
  411. package/dist/store/reducers/tablets.d.ts +3 -3
  412. package/dist/store/reducers/tenant/tenant.d.ts +2 -2
  413. package/dist/store/reducers/tenant/tenant.js +14 -1
  414. package/dist/store/reducers/tenant/tenant.js.map +1 -1
  415. package/dist/store/reducers/tenantOverview/executeTopTables/executeTopTables.d.ts +2 -2
  416. package/dist/store/reducers/tenantOverview/storage/tenantOverviewStorage.d.ts +2 -2
  417. package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.d.ts +2 -2
  418. package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.js +1 -1
  419. package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.js.map +1 -1
  420. package/dist/store/reducers/tenants/tenants.d.ts +3 -3
  421. package/dist/store/reducers/tenants/tenants.js +2 -1
  422. package/dist/store/reducers/tenants/tenants.js.map +1 -1
  423. package/dist/store/reducers/topic/topic.d.ts +84 -84
  424. package/dist/store/reducers/vdisk/vdisk.d.ts +3 -3
  425. package/dist/store/reducers/viewSchema/viewSchema.d.ts +2 -2
  426. package/dist/store/state-url-mapping.js +5 -1
  427. package/dist/store/state-url-mapping.js.map +1 -1
  428. package/dist/types/api/capabilities.d.ts +2 -2
  429. package/dist/types/api/pdisk.d.ts +2 -0
  430. package/dist/types/api/pdisk.js.map +1 -1
  431. package/dist/types/api/schema/persQueueGroup.d.ts +2 -2
  432. package/dist/types/api/schema/schema.d.ts +15 -0
  433. package/dist/types/api/schema/schema.js.map +1 -1
  434. package/dist/types/api/schema/tableIndex.d.ts +1 -0
  435. package/dist/types/api/storage.d.ts +6 -111
  436. package/dist/types/api/storage.js.map +1 -1
  437. package/dist/types/api/vdisk.d.ts +2 -0
  438. package/dist/types/api/vdisk.js.map +1 -1
  439. package/dist/uiFactory/types.d.ts +2 -0
  440. package/dist/utils/developerUI/tabletDevUi.d.ts +1 -0
  441. package/dist/utils/developerUI/tabletDevUi.js +4 -0
  442. package/dist/utils/developerUI/tabletDevUi.js.map +1 -0
  443. package/dist/utils/disks/displayState.d.ts +2 -0
  444. package/dist/utils/disks/displayState.js.map +1 -1
  445. package/dist/utils/disks/getDiskBarTone.d.ts +2 -1
  446. package/dist/utils/disks/getDiskBarTone.js +5 -1
  447. package/dist/utils/disks/getDiskBarTone.js.map +1 -1
  448. package/dist/utils/disks/pdiskState.js +2 -2
  449. package/dist/utils/disks/pdiskState.js.map +1 -1
  450. package/dist/utils/disks/prepareDisks.js +19 -9
  451. package/dist/utils/disks/prepareDisks.js.map +1 -1
  452. package/dist/utils/disks/types.d.ts +2 -1
  453. package/dist/utils/hooks/useWhoami.d.ts +5 -5
  454. package/dist/utils/query.d.ts +1 -0
  455. package/dist/utils/query.js +6 -0
  456. package/dist/utils/query.js.map +1 -1
  457. package/package.json +1 -1
  458. package/src/components/ComponentsProvider/componentsRegistry.ts +1 -4
  459. package/src/components/ContentWithPopup/ContentWithPopup.tsx +7 -0
  460. package/src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx +15 -2
  461. package/src/components/DiskStateProgressBar/AllModeIndicators.tsx +19 -6
  462. package/src/components/DiskStateProgressBar/DiskIndicator.tsx +19 -8
  463. package/src/components/DiskStateProgressBar/DiskStateProgressBar.scss +53 -45
  464. package/src/components/DiskStateProgressBar/DiskStateProgressBar.tsx +1 -1
  465. package/src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx +16 -3
  466. package/src/components/EvictVDiskButton/EvictVDiskButton.tsx +10 -3
  467. package/src/components/FullNodeViewer/FullNodeViewer.scss +3 -3
  468. package/src/components/FullNodeViewer/FullNodeViewer.tsx +81 -34
  469. package/src/components/FullNodeViewer/i18n/en.json +2 -1
  470. package/src/components/HoverPopup/HoverPopup.tsx +53 -19
  471. package/src/components/HoverPopup/getPopupScrollContainer.ts +20 -0
  472. package/src/components/InfoViewer/InfoViewer.tsx +4 -2
  473. package/src/components/InfoViewer/formatters/pqGroup.ts +6 -2
  474. package/src/components/InfoViewer/schemaInfo/i18n/en.json +1 -0
  475. package/src/components/InfoViewer/schemaInfo/utils.tsx +9 -0
  476. package/src/components/NodeHostWrapper/NodeHostWrapper.tsx +23 -13
  477. package/src/components/PaginatedTable/KeyboardNavigation.tsx +30 -0
  478. package/src/components/PaginatedTable/PaginatedTable.scss +10 -0
  479. package/src/components/PaginatedTable/PaginatedTable.tsx +128 -4
  480. package/src/components/PaginatedTable/PaginatedTableWithLayout.tsx +6 -1
  481. package/src/components/PaginatedTable/ResizeablePaginatedTable.tsx +6 -1
  482. package/src/components/PaginatedTable/TableChunk.tsx +6 -14
  483. package/src/components/PaginatedTable/TableChunksRenderer.tsx +12 -0
  484. package/src/components/PaginatedTable/TableRow.tsx +54 -20
  485. package/src/components/PaginatedTable/getTableChunkQueryParams.ts +25 -0
  486. package/src/components/PaginatedTable/rowLookup.ts +63 -0
  487. package/src/components/PaginatedTable/useKeyboardNavigation.ts +115 -0
  488. package/src/components/ResizeableDataTable/DataTableKeyboardNavigation.tsx +194 -0
  489. package/src/components/ResizeableDataTable/ResizeableDataTable.scss +10 -0
  490. package/src/components/ResizeableDataTable/ResizeableDataTable.tsx +100 -5
  491. package/src/components/ResizeableDataTable/getDataTableOrder.ts +18 -0
  492. package/src/components/Search/Search.tsx +8 -1
  493. package/src/components/SegmentedProgress/SegmentedProgress.scss +5 -0
  494. package/src/components/SegmentedProgress/SegmentedProgress.tsx +99 -10
  495. package/src/components/ShardsTable/columns.tsx +14 -5
  496. package/src/components/ShardsTable/i18n/en.json +1 -0
  497. package/src/components/StorageGroupInfo/StorageGroupInfo.tsx +0 -13
  498. package/src/components/StorageGroupInfo/i18n/en.json +0 -1
  499. package/src/components/TableKeyboardNavigation/TableKeyboardNavigation.scss +16 -0
  500. package/src/components/TableKeyboardNavigation/TableKeyboardNavigation.tsx +519 -0
  501. package/src/components/TableKeyboardNavigation/i18n/en.json +4 -0
  502. package/src/components/TableKeyboardNavigation/i18n/index.ts +5 -0
  503. package/src/components/TableKeyboardNavigation/utils.ts +36 -0
  504. package/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx +26 -1
  505. package/src/components/TenantNameWrapper/TenantNameWrapper.tsx +14 -15
  506. package/src/components/TenantNameWrapper/utils.ts +26 -0
  507. package/src/components/VDisk/VDisk.tsx +115 -41
  508. package/src/components/VDisk/VDiskWithDonorsStack.tsx +18 -3
  509. package/src/components/VDisk/i18n/en.json +11 -0
  510. package/src/components/nodesColumns/columns.tsx +13 -1
  511. package/src/components/nodesColumns/constants.ts +6 -0
  512. package/src/components/nodesColumns/i18n/en.json +2 -1
  513. package/src/containers/App/App.tsx +3 -3
  514. package/src/containers/Cluster/ClusterInfo/ClusterInfo.scss +8 -0
  515. package/src/containers/Cluster/ClusterInfo/ClusterInfo.tsx +12 -11
  516. package/src/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.scss +18 -0
  517. package/src/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.tsx +143 -58
  518. package/src/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/utils.ts +89 -0
  519. package/src/containers/Cluster/i18n/en.json +13 -4
  520. package/src/containers/Clusters/Clusters.tsx +47 -29
  521. package/src/containers/Node/Node.tsx +32 -18
  522. package/src/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.tsx +1 -0
  523. package/src/containers/Node/NodeNetwork/NodeNetworkTable.tsx +17 -0
  524. package/src/containers/Node/NodePages.ts +5 -10
  525. package/src/containers/Node/i18n/en.json +0 -4
  526. package/src/containers/Nodes/NodesControls/NodesControls.tsx +1 -0
  527. package/src/containers/Nodes/NodesTable.tsx +23 -1
  528. package/src/containers/Nodes/PaginatedNodes/GroupedNodesComponent.tsx +1 -0
  529. package/src/containers/Nodes/columns/columns.tsx +2 -0
  530. package/src/containers/Storage/Disks/Disks.scss +5 -0
  531. package/src/containers/Storage/Disks/Disks.tsx +156 -92
  532. package/src/containers/Storage/PDisk/PDisk.scss +79 -1
  533. package/src/containers/Storage/PDisk/PDisk.tsx +157 -81
  534. package/src/containers/Storage/PDisk/PDiskWithVDisks.tsx +181 -0
  535. package/src/containers/Storage/PDisk/i18n/en.json +8 -0
  536. package/src/containers/Storage/PDisk/index.ts +1 -0
  537. package/src/containers/Storage/PDisks/PDisks.tsx +157 -22
  538. package/src/containers/Storage/PaginatedStorage.tsx +4 -0
  539. package/src/containers/Storage/PaginatedStorageGroups/GroupedStorageGroupsComponent.tsx +1 -1
  540. package/src/containers/Storage/PaginatedStorageGroups/StorageGroupsControls.tsx +3 -2
  541. package/src/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.tsx +15 -6
  542. package/src/containers/Storage/PaginatedStorageGroupsTable/columns/constants.ts +2 -2
  543. package/src/containers/Storage/PaginatedStorageGroupsTable/getGroups.ts +40 -47
  544. package/src/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.tsx +10 -2
  545. package/src/containers/Storage/PaginatedStorageNodes/StorageNodesComponent.tsx +6 -2
  546. package/src/containers/Storage/PaginatedStorageNodes/StorageNodesControls.tsx +76 -41
  547. package/src/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.ts +103 -0
  548. package/src/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.tsx +24 -1
  549. package/src/containers/Storage/PaginatedStorageNodesTable/columns/columns.tsx +3 -1
  550. package/src/containers/Storage/PaginatedStorageNodesTable/columns/hooks.ts +8 -1
  551. package/src/containers/Storage/PaginatedStorageNodesTable/columns/types.ts +2 -0
  552. package/src/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.tsx +63 -0
  553. package/src/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.tsx +67 -0
  554. package/src/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.tsx +63 -0
  555. package/src/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.tsx +1 -0
  556. package/src/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.tsx +1 -0
  557. package/src/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.tsx +3 -2
  558. package/src/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.tsx +1 -0
  559. package/src/containers/Storage/StorageExpertModePanel/components/SpaceLegend.tsx +3 -0
  560. package/src/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.tsx +7 -9
  561. package/src/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.ts +1 -1
  562. package/src/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.tsx +58 -0
  563. package/src/containers/Storage/StorageExpertModePanel/constants.ts +26 -0
  564. package/src/containers/Storage/StorageExpertModePanel/i18n/en.json +2 -2
  565. package/src/containers/Storage/TableGroup/TableGroup.tsx +6 -1
  566. package/src/containers/Storage/VDisks/VDisks.scss +3 -0
  567. package/src/containers/Storage/VDisks/VDisks.tsx +29 -7
  568. package/src/containers/Storage/useStoragePDiskDisplayStateGetter.ts +94 -135
  569. package/src/containers/Storage/useStorageQueryParams.ts +120 -1
  570. package/src/containers/Storage/useStorageVDiskDisplayStateGetter.ts +65 -10
  571. package/src/containers/Storage/utils/useStorageColumnsSettings.ts +77 -49
  572. package/src/containers/Storage/utils/useVirtualizedDiskList.ts +156 -0
  573. package/src/containers/StorageGroupPage/StorageGroupPage.tsx +2 -6
  574. package/src/containers/Tablet/Tablet.tsx +4 -2
  575. package/src/containers/Tablet/components/TabletControls/TabletControls.tsx +7 -3
  576. package/src/containers/Tablet/components/TabletInfo/TabletInfo.tsx +13 -3
  577. package/src/containers/Tablets/TabletsTable.tsx +50 -10
  578. package/src/containers/Tablets/i18n/en.json +2 -1
  579. package/src/containers/Tenant/Diagnostics/Overview/Overview.tsx +2 -1
  580. package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.tsx +106 -0
  581. package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/en.json +9 -0
  582. package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.ts +7 -0
  583. package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.ts +1 -0
  584. package/src/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.ts +3 -3
  585. package/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx +1 -6
  586. package/src/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.tsx +6 -0
  587. package/src/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.tsx +4 -0
  588. package/src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx +7 -1
  589. package/src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx +1 -1
  590. package/src/containers/Tenant/Diagnostics/useDiagnosticsPages.ts +1 -4
  591. package/src/containers/Tenant/Query/QueriesHistory/QueriesHistory.tsx +5 -0
  592. package/src/containers/Tenant/Query/SavedQueries/SavedQueries.tsx +6 -0
  593. package/src/containers/Tenants/TenantsTable.tsx +70 -12
  594. package/src/containers/VDiskPage/VDiskPage.tsx +1 -1
  595. package/src/routes.ts +1 -1
  596. package/src/services/api/tablets.ts +16 -7
  597. package/src/services/api/viewer.ts +1 -25
  598. package/src/store/reducers/api.ts +4 -0
  599. package/src/store/reducers/capabilities/hooks.ts +9 -4
  600. package/src/store/reducers/cluster/cluster.ts +3 -2
  601. package/src/store/reducers/clusters/clusters.ts +2 -1
  602. package/src/store/reducers/entityDataTags.ts +34 -0
  603. package/src/store/reducers/node/node.ts +0 -11
  604. package/src/store/reducers/node/types.ts +0 -18
  605. package/src/store/reducers/nodesList.ts +2 -3
  606. package/src/store/reducers/settings/constants.ts +4 -0
  607. package/src/store/reducers/storage/prepareGroupsDisks.ts +16 -11
  608. package/src/store/reducers/storage/requestStorageData.ts +5 -17
  609. package/src/store/reducers/storage/storage.ts +2 -6
  610. package/src/store/reducers/storage/types.ts +0 -9
  611. package/src/store/reducers/storage/utils.ts +14 -180
  612. package/src/store/reducers/tableData.ts +1 -1
  613. package/src/store/reducers/tablet.ts +25 -6
  614. package/src/store/reducers/tenant/tenant.ts +17 -1
  615. package/src/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.ts +1 -1
  616. package/src/store/reducers/tenants/tenants.ts +2 -1
  617. package/src/store/state-url-mapping.ts +5 -1
  618. package/src/types/api/capabilities.ts +2 -2
  619. package/src/types/api/pdisk.ts +2 -0
  620. package/src/types/api/schema/persQueueGroup.ts +2 -2
  621. package/src/types/api/schema/schema.ts +18 -0
  622. package/src/types/api/schema/tableIndex.ts +1 -0
  623. package/src/types/api/storage.ts +11 -131
  624. package/src/types/api/vdisk.ts +2 -0
  625. package/src/uiFactory/types.ts +3 -0
  626. package/src/utils/developerUI/tabletDevUi.ts +3 -0
  627. package/src/utils/disks/displayState.ts +2 -0
  628. package/src/utils/disks/getDiskBarTone.ts +8 -0
  629. package/src/utils/disks/pdiskState.ts +2 -2
  630. package/src/utils/disks/prepareDisks.ts +25 -9
  631. package/src/utils/disks/types.ts +2 -1
  632. package/src/utils/query.ts +7 -0
  633. package/dist/containers/Node/NodeStructure/NodeStructure.d.ts +0 -7
  634. package/dist/containers/Node/NodeStructure/NodeStructure.js +0 -76
  635. package/dist/containers/Node/NodeStructure/NodeStructure.js.map +0 -1
  636. package/dist/containers/Node/NodeStructure/NodeStructure.scss +0 -155
  637. package/dist/containers/Node/NodeStructure/PDiskTitleBadge.d.ts +0 -7
  638. package/dist/containers/Node/NodeStructure/PDiskTitleBadge.js +0 -7
  639. package/dist/containers/Node/NodeStructure/PDiskTitleBadge.js.map +0 -1
  640. package/dist/containers/Node/NodeStructure/Pdisk.d.ts +0 -10
  641. package/dist/containers/Node/NodeStructure/Pdisk.js +0 -125
  642. package/dist/containers/Node/NodeStructure/Pdisk.js.map +0 -1
  643. package/dist/containers/Storage/PDisk/PDiskVDisks.d.ts +0 -13
  644. package/dist/containers/Storage/PDisk/PDiskVDisks.js +0 -20
  645. package/dist/containers/Storage/PDisk/PDiskVDisks.js.map +0 -1
  646. package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.d.ts +0 -6
  647. package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js +0 -66
  648. package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js.map +0 -1
  649. package/dist/store/reducers/node/selectors.d.ts +0 -47
  650. package/dist/store/reducers/node/selectors.js +0 -43
  651. package/dist/store/reducers/node/selectors.js.map +0 -1
  652. package/src/containers/Node/NodeStructure/NodeStructure.scss +0 -155
  653. package/src/containers/Node/NodeStructure/NodeStructure.tsx +0 -121
  654. package/src/containers/Node/NodeStructure/PDiskTitleBadge.tsx +0 -18
  655. package/src/containers/Node/NodeStructure/Pdisk.tsx +0 -274
  656. package/src/containers/Storage/PDisk/PDiskVDisks.tsx +0 -65
  657. package/src/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.tsx +0 -151
  658. package/src/store/reducers/node/selectors.ts +0 -68
@@ -1 +1 @@
1
- {"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
@@ -57,6 +57,16 @@
57
57
  }
58
58
  }
59
59
 
60
+ .ydb-keyboard-focused-row {
61
+ background: var(--paginated-table-hover-color);
62
+ }
63
+
64
+ &.ydb-keyboard-focus-active {
65
+ #{$block}__row:hover:not(.ydb-keyboard-focused-row) {
66
+ background: transparent !important;
67
+ }
68
+ }
69
+
60
70
  &__head {
61
71
  z-index: 2;
62
72
  @include mixins.sticky-top();
@@ -11,5 +11,6 @@ export interface PaginatedTableWithLayoutProps {
11
11
  initialState?: Partial<PaginatedTableState>;
12
12
  fullHeight?: boolean;
13
13
  noBatching?: boolean;
14
+ inheritKeyboardNavigation?: boolean;
14
15
  }
15
- export declare const PaginatedTableWithLayout: ({ controls, extraControls, table, footer, tableWrapperProps, error, initialState, noBatching, fullHeight, }: PaginatedTableWithLayoutProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const PaginatedTableWithLayout: ({ controls, extraControls, table, footer, tableWrapperProps, error, initialState, noBatching, fullHeight, inheritKeyboardNavigation, }: PaginatedTableWithLayoutProps) => import("react/jsx-runtime").JSX.Element;
@@ -32,7 +32,7 @@ const FooterSection = ({ footer }) => {
32
32
  }
33
33
  return _jsx(TableWithControlsLayout.Footer, { children: footer });
34
34
  };
35
- export const PaginatedTableWithLayout = ({ controls, extraControls, table, footer, tableWrapperProps, error, initialState, noBatching, fullHeight = true, }) => {
36
- return (_jsx(PaginatedTableProvider, { initialState: initialState, noBatching: noBatching, children: _jsxs(TableWithControlsLayout, { fullHeight: fullHeight, children: [_jsx(ControlsSection, { controls: controls, extraControls: extraControls }), _jsx(ErrorSection, { error: error }), _jsx(TableWrapper, { table: table, tableWrapperProps: tableWrapperProps }), _jsx(FooterSection, { footer: footer })] }) }));
35
+ export const PaginatedTableWithLayout = ({ controls, extraControls, table, footer, tableWrapperProps, error, initialState, noBatching, fullHeight = true, inheritKeyboardNavigation = false, }) => {
36
+ return (_jsx(PaginatedTableProvider, { initialState: initialState, noBatching: noBatching, children: _jsxs(TableWithControlsLayout, { fullHeight: fullHeight, inheritKeyboardNavigation: inheritKeyboardNavigation, children: [_jsx(ControlsSection, { controls: controls, extraControls: extraControls }), _jsx(ErrorSection, { error: error }), _jsx(TableWrapper, { table: table, tableWrapperProps: tableWrapperProps }), _jsx(FooterSection, { footer: footer })] }) }));
37
37
  };
38
38
  //# sourceMappingURL=PaginatedTableWithLayout.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PaginatedTableWithLayout.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableWithLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAG3F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAevF,MAAM,YAAY,GAAG,CAAC,EAClB,KAAK,EACL,iBAAiB,GAIpB,EAAE,EAAE;IACD,MAAM,EAAC,UAAU,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,EAAC,UAAU,EAAC,GAAG,UAAU,CAAC;IAEhC,MAAM,yBAAyB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,MAAM,0BAA0B,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,KAAI,EAAE,CAAC;QAE/E,OAAO;YACH,GAAG,iBAAiB;YACpB,kBAAkB,EAAE,CAAC,GAAG,0BAA0B,EAAE,UAAU,CAAC;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,uBAAuB,CAAC,KAAK,OAAK,yBAAyB,YACvD,KAAK,GACsB,CACnC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACrB,QAAQ,EACR,aAAa,GAIhB,EAAE,EAAE;IACD,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,uBAAuB,CAAC,QAAQ,IAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,aAAa,YACrE,QAAQ,GACsB,CACtC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAA4B,EAAE,EAAE;IACxD,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,GAAkB,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAC,MAAM,EAA6B,EAAE,EAAE;IAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,uBAAuB,CAAC,MAAM,cAAE,MAAM,GAAkC,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,GAAG,IAAI,GACW,EAAE,EAAE;IAChC,OAAO,CACH,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,YACtE,MAAC,uBAAuB,IAAC,UAAU,EAAE,UAAU,aAC3C,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,EACrE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EACpE,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,IACX,GACL,CAC5B,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"PaginatedTableWithLayout.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableWithLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAG3F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAgBvF,MAAM,YAAY,GAAG,CAAC,EAClB,KAAK,EACL,iBAAiB,GAIpB,EAAE,EAAE;IACD,MAAM,EAAC,UAAU,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,EAAC,UAAU,EAAC,GAAG,UAAU,CAAC;IAEhC,MAAM,yBAAyB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,MAAM,0BAA0B,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,KAAI,EAAE,CAAC;QAE/E,OAAO;YACH,GAAG,iBAAiB;YACpB,kBAAkB,EAAE,CAAC,GAAG,0BAA0B,EAAE,UAAU,CAAC;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,uBAAuB,CAAC,KAAK,OAAK,yBAAyB,YACvD,KAAK,GACsB,CACnC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACrB,QAAQ,EACR,aAAa,GAIhB,EAAE,EAAE;IACD,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,uBAAuB,CAAC,QAAQ,IAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,aAAa,YACrE,QAAQ,GACsB,CACtC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAA4B,EAAE,EAAE;IACxD,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,GAAkB,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAC,MAAM,EAA6B,EAAE,EAAE;IAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,uBAAuB,CAAC,MAAM,cAAE,MAAM,GAAkC,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,yBAAyB,GAAG,KAAK,GACL,EAAE,EAAE;IAChC,OAAO,CACH,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,YACtE,MAAC,uBAAuB,IACpB,UAAU,EAAE,UAAU,EACtB,yBAAyB,EAAE,yBAAyB,aAEpD,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,EACrE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EACpE,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,IACX,GACL,CAC5B,CAAC;AACN,CAAC,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from 'react';
2
3
  import { useTableResize } from '../../utils/hooks/useTableResize';
3
4
  import { TableSkeleton } from '../TableSkeleton/TableSkeleton';
4
5
  import { PaginatedTable } from './PaginatedTable';
@@ -11,7 +12,7 @@ function updateColumnsWidth(columns, columnsWidthSetup) {
11
12
  }
12
13
  export function ResizeablePaginatedTable({ columnsWidthLSKey, columns, containerClassName, ...props }) {
13
14
  const [tableColumnsWidth, setTableColumnsWidth, isTableWidthLoading] = useTableResize(columnsWidthLSKey);
14
- const updatedColumns = updateColumnsWidth(columns, tableColumnsWidth);
15
+ const updatedColumns = React.useMemo(() => updateColumnsWidth(columns, tableColumnsWidth), [columns, tableColumnsWidth]);
15
16
  if (isTableWidthLoading) {
16
17
  return _jsx(TableSkeleton, {});
17
18
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ResizeablePaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/ResizeablePaginatedTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAG3B,SAAS,kBAAkB,CAAI,OAAoB,EAAE,iBAAoC;IACrF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QAC1B,OAAO,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,MAAA,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,mCAAI,MAAM,CAAC,KAAK,EAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACP,CAAC;AAQD,MAAM,UAAU,wBAAwB,CAAO,EAC3C,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,GAAG,KAAK,EAC0B;IAClC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC,GAChE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEtC,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEtE,IAAI,mBAAmB,EAAE,CAAC;QACtB,OAAO,KAAC,aAAa,KAAG,CAAC;IAC7B,CAAC;IAED,OAAO,CACH,KAAC,cAAc,IACX,OAAO,EAAE,cAAc,EACvB,eAAe,EAAE,oBAAoB,EACrC,kBAAkB,EAAE,CAAC,CAAC,4BAA4B,EAAE,kBAAkB,CAAC,KACnE,KAAK,GACX,CACL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ResizeablePaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/ResizeablePaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAG3B,SAAS,kBAAkB,CAAI,OAAoB,EAAE,iBAAoC;IACrF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QAC1B,OAAO,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,MAAA,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,mCAAI,MAAM,CAAC,KAAK,EAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACP,CAAC;AAQD,MAAM,UAAU,wBAAwB,CAAO,EAC3C,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,GAAG,KAAK,EAC0B;IAClC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC,GAChE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,EACpD,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAC/B,CAAC;IAEF,IAAI,mBAAmB,EAAE,CAAC;QACtB,OAAO,KAAC,aAAa,KAAG,CAAC;IAC7B,CAAC;IAED,OAAO,CACH,KAAC,cAAc,IACX,OAAO,EAAE,cAAc,EACvB,eAAe,EAAE,oBAAoB,EACrC,kBAAkB,EAAE,CAAC,CAAC,4BAA4B,EAAE,kBAAkB,CAAC,KACnE,KAAK,GACX,CACL,CAAC;AACN,CAAC"}
@@ -6,7 +6,7 @@ import { useAutoRefreshInterval } from '../../utils/hooks';
6
6
  import { ResponseError } from '../Errors/ResponseError';
7
7
  import { usePaginatedTableState } from './PaginatedTableContext';
8
8
  import { EmptyTableRow, LoadingTableRow, TableRow } from './TableRow';
9
- import { shouldSendColumnIds } from './constants';
9
+ import { getTableChunkQueryParams } from './getTableChunkQueryParams';
10
10
  import i18n from './i18n';
11
11
  import { typedMemo } from './utils';
12
12
  const DEBOUNCE_TIMEOUT = 200;
@@ -16,20 +16,16 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
16
16
  const [isTimeoutActive, setIsTimeoutActive] = React.useState(true);
17
17
  const [autoRefreshInterval] = useAutoRefreshInterval();
18
18
  const { noBatching } = usePaginatedTableState();
19
- const hasColumnsIdsInRequest = shouldSendColumnIds(tableName);
20
- const columnsIds = React.useMemo(() =>
21
- // sort ids to prevent refetch if only order was changed
22
- hasColumnsIdsInRequest ? columns.map((column) => column.name).toSorted() : [], [columns, hasColumnsIdsInRequest]);
23
- const queryParams = {
19
+ const queryParams = getTableChunkQueryParams({
24
20
  offset: id * chunkSize,
25
21
  limit: chunkSize,
26
- fetchData: fetchData,
22
+ fetchData,
27
23
  filters,
28
24
  sortParams,
29
- columnsIds,
25
+ columns,
30
26
  tableName,
31
27
  noBatching,
32
- };
28
+ });
33
29
  tableDataApi.useFetchTableChunkQuery(queryParams, {
34
30
  skip: isTimeoutActive || !shouldFetch,
35
31
  pollingInterval: autoRefreshInterval,
@@ -73,7 +69,7 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
73
69
  if (!((_a = currentData.data) === null || _a === void 0 ? void 0 : _a.length)) {
74
70
  return (_jsx(EmptyTableRow, { columns: columns, height: dataLength * rowHeight, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }));
75
71
  }
76
- return currentData.data.map((rowData, index) => (_jsx(TableRow, { row: rowData, columns: columns, height: rowHeight, getRowClassName: getRowClassName, onRowClick: onRowClick }, index)));
72
+ return currentData.data.map((rowData, index) => (_jsx(TableRow, { row: rowData, rowIndex: id * chunkSize + index, columns: columns, height: rowHeight, getRowClassName: getRowClassName, onRowClick: onRowClick }, index)));
77
73
  };
78
74
  return shouldRender ? renderContent() : null;
79
75
  });
@@ -1 +1 @@
1
- {"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}
@@ -17,7 +17,8 @@ export interface TableChunksRendererProps<T, F> {
17
17
  renderErrorMessage?: RenderErrorMessage;
18
18
  renderEmptyDataMessage?: RenderEmptyDataMessage;
19
19
  onDataFetched: (data?: PaginatedTableData<T>) => void;
20
+ onActiveChunkOffsetsChange: (offsets: number[]) => void;
20
21
  keepCache: boolean;
21
22
  fetchOverscan?: number;
22
23
  }
23
- export declare const TableChunksRenderer: <T, F>({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, onRowClick, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, fetchOverscan, }: TableChunksRendererProps<T, F>) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const TableChunksRenderer: <T, F>({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, onRowClick, renderErrorMessage, renderEmptyDataMessage, onDataFetched, onActiveChunkOffsetsChange, keepCache, fetchOverscan, }: TableChunksRendererProps<T, F>) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { TableChunk } from './TableChunk';
4
4
  import { b } from './shared';
5
5
  import { useScrollBasedChunks } from './useScrollBasedChunks';
6
- export const TableChunksRenderer = ({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, onRowClick, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, fetchOverscan, }) => {
6
+ export const TableChunksRenderer = ({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, onRowClick, renderErrorMessage, renderEmptyDataMessage, onDataFetched, onActiveChunkOffsetsChange, keepCache, fetchOverscan, }) => {
7
7
  const chunkStates = useScrollBasedChunks({
8
8
  scrollContainerRef,
9
9
  tableRef,
@@ -12,6 +12,11 @@ export const TableChunksRenderer = ({ scrollContainerRef, tableRef, foundEntitie
12
12
  chunkSize,
13
13
  fetchOverscan,
14
14
  });
15
+ const activeChunkOffsets = React.useMemo(() => chunkStates.flatMap((state, index) => (state.shouldFetch ? [index * chunkSize] : [])), [chunkSize, chunkStates]);
16
+ React.useLayoutEffect(() => {
17
+ onActiveChunkOffsetsChange(activeChunkOffsets);
18
+ return () => onActiveChunkOffsetsChange([]);
19
+ }, [activeChunkOffsets, onActiveChunkOffsetsChange]);
15
20
  const lastChunkSize = React.useMemo(() => {
16
21
  // If foundEntities = 0, there will only first chunk
17
22
  // Display it with 1 row, to display empty data message
@@ -1 +1 @@
1
- {"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAsB5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAO,EACtC,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,SAAS,EACT,aAAa,GACgB,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACrC,kBAAkB;QAClB,QAAQ;QACR,UAAU,EAAE,aAAa,IAAI,CAAC;QAC9B,SAAS;QACT,SAAS;QACT,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,oDAAoD;QACpD,uDAAuD;QACvD,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,aAAa,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,MAAM,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC9E,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACjF,OAAO,EAAC,gBAAgB,EAAE,eAAe,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/E,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,UAAkB,EAAE,QAAgB,EAAE,EAAE;QACrC,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,gBAAgB,GAAG,CAAC,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;YAClF,WAAW,IAAI,gBAAgB,GAAG,SAAS,CAAC;QAChD,CAAC;QACD,OAAO,WAAW,CAAC;IACvB,CAAC,EACD,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAC5D,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,UAAkB,EAAE,QAAgB,EAAE,GAAW,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC9D,OAAO,CACH,aAAI,KAAK,EAAE,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,YACjD,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,GAAI,IADZ,GAAG,CAE1D,CACR,CAAC;IACN,CAAC,EACD,CAAC,wBAAwB,EAAE,OAAO,CAAC,MAAM,CAAC,CAC7C,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,UAAkB,EAAE,EAAE;QACnB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,OAAO,CACH,KAAC,UAAU,IAEP,EAAE,EAAE,UAAU,EACd,eAAe,EACX,UAAU,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAErE,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,UAAU,CAAC,YAAY,EACrC,SAAS,EAAE,SAAS,IAnBf,UAAU,CAoBjB,CACL,CAAC;IACN,CAAC,EACD;QACI,SAAS;QACT,WAAW;QACX,OAAO;QACP,SAAS;QACT,OAAO;QACP,eAAe;QACf,SAAS;QACT,aAAa;QACb,aAAa;QACb,UAAU;QACV,sBAAsB;QACtB,kBAAkB;QAClB,SAAS;QACT,UAAU;QACV,SAAS;KACZ,CACJ,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,qHAAqH;QACrH,8CAA8C;QAC9C,MAAM,EAAC,eAAe,EAAE,cAAc,EAAC,GAAG,mBAAmB,EAAE,CAAC;QAChE,MAAM,EAAC,gBAAgB,EAAE,eAAe,EAAC,GAAG,oBAAoB,EAAE,CAAC;QACnE,MAAM,QAAQ,GAAyB,EAAE,CAAC;QAE1C,wBAAwB;QACxB,IAAI,eAAe,KAAK,CAAC,CAAC,EAAE,CAAC;YACzB,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED,6DAA6D;QAC7D,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,CAAC;QAC/E,CAAC;QAED,8EAA8E;QAC9E,KAAK,IAAI,CAAC,GAAG,eAAe,EAAE,CAAC,IAAI,cAAc,EAAE,CAAC,EAAE,EAAE,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;QAED,qDAAqD;QACrD,IAAI,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,QAAQ,CAAC,IAAI,CACT,eAAe,CAAC,eAAe,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,CAAC,CAC5E,CAAC;QACN,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,EAAE;QACC,WAAW,CAAC,MAAM;QAClB,WAAW;QACX,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB,CAAC,CAAC;IAEH,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,YAAY,EAAE,GAAkB,CAAC;AAC7D,CAAC,CAAC"}
1
+ {"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAuB5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAO,EACtC,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,0BAA0B,EAC1B,SAAS,EACT,aAAa,GACgB,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACrC,kBAAkB;QAClB,QAAQ;QACR,UAAU,EAAE,aAAa,IAAI,CAAC;QAC9B,SAAS;QACT,SAAS;QACT,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC3F,CAAC,SAAS,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAErD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,oDAAoD;QACpD,uDAAuD;QACvD,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,aAAa,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,MAAM,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC9E,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACjF,OAAO,EAAC,gBAAgB,EAAE,eAAe,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/E,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,UAAkB,EAAE,QAAgB,EAAE,EAAE;QACrC,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,gBAAgB,GAAG,CAAC,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;YAClF,WAAW,IAAI,gBAAgB,GAAG,SAAS,CAAC;QAChD,CAAC;QACD,OAAO,WAAW,CAAC;IACvB,CAAC,EACD,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAC5D,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,UAAkB,EAAE,QAAgB,EAAE,GAAW,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC9D,OAAO,CACH,aAAI,KAAK,EAAE,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,YACjD,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,GAAI,IADZ,GAAG,CAE1D,CACR,CAAC;IACN,CAAC,EACD,CAAC,wBAAwB,EAAE,OAAO,CAAC,MAAM,CAAC,CAC7C,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,UAAkB,EAAE,EAAE;QACnB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,OAAO,CACH,KAAC,UAAU,IAEP,EAAE,EAAE,UAAU,EACd,eAAe,EACX,UAAU,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAErE,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,UAAU,CAAC,YAAY,EACrC,SAAS,EAAE,SAAS,IAnBf,UAAU,CAoBjB,CACL,CAAC;IACN,CAAC,EACD;QACI,SAAS;QACT,WAAW;QACX,OAAO;QACP,SAAS;QACT,OAAO;QACP,eAAe;QACf,SAAS;QACT,aAAa;QACb,aAAa;QACb,UAAU;QACV,sBAAsB;QACtB,kBAAkB;QAClB,SAAS;QACT,UAAU;QACV,SAAS;KACZ,CACJ,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,qHAAqH;QACrH,8CAA8C;QAC9C,MAAM,EAAC,eAAe,EAAE,cAAc,EAAC,GAAG,mBAAmB,EAAE,CAAC;QAChE,MAAM,EAAC,gBAAgB,EAAE,eAAe,EAAC,GAAG,oBAAoB,EAAE,CAAC;QACnE,MAAM,QAAQ,GAAyB,EAAE,CAAC;QAE1C,wBAAwB;QACxB,IAAI,eAAe,KAAK,CAAC,CAAC,EAAE,CAAC;YACzB,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED,6DAA6D;QAC7D,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,CAAC;QAC/E,CAAC;QAED,8EAA8E;QAC9E,KAAK,IAAI,CAAC,GAAG,eAAe,EAAE,CAAC,IAAI,cAAc,EAAE,CAAC,EAAE,EAAE,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;QAED,qDAAqD;QACrD,IAAI,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,QAAQ,CAAC,IAAI,CACT,eAAe,CAAC,eAAe,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,CAAC,CAC5E,CAAC;QACN,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,EAAE;QACC,WAAW,CAAC,MAAM;QAClB,WAAW;QACX,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB,CAAC,CAAC;IAEH,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,YAAY,EAAE,GAAkB,CAAC;AAC7D,CAAC,CAAC"}
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import type { Column, GetRowClassName, OnRowClick } from './types';
2
3
  interface LoadingTableRowProps<T> {
3
4
  columns: Column<T>[];
@@ -7,11 +8,12 @@ export declare const LoadingTableRow: <T>({ columns, height }: LoadingTableRowPr
7
8
  interface TableRowProps<T> {
8
9
  columns: Column<T>[];
9
10
  row: T;
11
+ rowIndex?: number;
10
12
  height: number;
11
13
  getRowClassName?: GetRowClassName<T>;
12
14
  onRowClick?: OnRowClick<T>;
13
15
  }
14
- export declare const TableRow: <T>({ row, columns, getRowClassName, height, onRowClick, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
16
+ export declare function TableRow<T>(props: TableRowProps<T>): import("react/jsx-runtime").JSX.Element;
15
17
  interface EmptyTableRowProps<T> {
16
18
  columns: Column<T>[];
17
19
  children?: React.ReactNode;
@@ -1,7 +1,10 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from 'react';
2
3
  import { Skeleton } from '@gravity-ui/uikit';
4
+ import { KEYBOARD_FOCUSED_ROW_CLASS_NAME } from '../TableKeyboardNavigation/utils';
3
5
  import { DEFAULT_ALIGN, DEFAULT_RESIZEABLE } from './constants';
4
6
  import { b } from './shared';
7
+ import { KeyboardRowContext } from './useKeyboardNavigation';
5
8
  import { typedMemo } from './utils';
6
9
  const TableRowCell = ({ children, className, height, width, align = DEFAULT_ALIGN, resizeable, }) => {
7
10
  return (_jsx("td", { className: b('row-cell', { align: align }, className), style: {
@@ -18,8 +21,20 @@ export const LoadingTableRow = typedMemo(function ({ columns, height }) {
18
21
  return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: _jsx(Skeleton, { className: b('row-skeleton'), style: { width: '80%', height: '50%' } }) }, column.name));
19
22
  }) }));
20
23
  });
21
- export const TableRow = ({ row, columns, getRowClassName, height, onRowClick, }) => {
22
- const additionalClassName = getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(row);
24
+ const TableRowCells = typedMemo(function TableRowCells({ columns, row, height, }) {
25
+ return (_jsx(React.Fragment, { children: columns.map((column) => {
26
+ var _a;
27
+ const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
28
+ return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: column.render({ row }) }, column.name));
29
+ }) }));
30
+ });
31
+ const TableRowView = typedMemo(function TableRowView({ row, rowIndex, columns, getRowClassName, height, onRowClick, keyboardFocused, }) {
32
+ const additionalClassName = [
33
+ getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(row),
34
+ keyboardFocused ? KEYBOARD_FOCUSED_ROW_CLASS_NAME : undefined,
35
+ ]
36
+ .filter(Boolean)
37
+ .join(' ');
23
38
  const rowClickable = typeof onRowClick === 'function';
24
39
  const handleClick = (event) => {
25
40
  if (!rowClickable || event.defaultPrevented) {
@@ -27,12 +42,13 @@ export const TableRow = ({ row, columns, getRowClassName, height, onRowClick, })
27
42
  }
28
43
  onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row, event);
29
44
  };
30
- return (_jsx("tr", { className: b('row', { clickable: rowClickable }, additionalClassName), style: { height }, onClick: rowClickable ? handleClick : undefined, children: columns.map((column) => {
31
- var _a;
32
- const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
33
- return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: column.render({ row }) }, column.name));
34
- }) }));
35
- };
45
+ return (_jsx("tr", { className: b('row', { clickable: rowClickable }, additionalClassName), style: { height }, "data-row-index": rowIndex, "aria-selected": keyboardFocused || undefined, onClick: rowClickable ? handleClick : undefined, children: _jsx(TableRowCells, { columns: columns, row: row, height: height }) }));
46
+ });
47
+ export function TableRow(props) {
48
+ const focusedIndex = React.useContext(KeyboardRowContext);
49
+ const keyboardFocused = props.rowIndex !== undefined && props.rowIndex === focusedIndex;
50
+ return _jsx(TableRowView, { ...props, keyboardFocused: keyboardFocused });
51
+ }
36
52
  export const EmptyTableRow = ({ columns, children, height }) => {
37
53
  return (_jsx("tr", { className: b('row', { empty: true }), style: { height }, children: _jsx("td", { colSpan: columns.length, className: b('td'), children: children }) }));
38
54
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableRow.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableRow.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ import type { PaginatedTableId } from './constants';
2
+ import type { Column, FetchData, SortParams } from './types';
3
+ interface Params<T, F> {
4
+ offset: number;
5
+ limit: number;
6
+ fetchData: FetchData<T, F>;
7
+ filters: F | undefined;
8
+ sortParams?: SortParams;
9
+ columns: Column<T>[];
10
+ tableName: PaginatedTableId;
11
+ noBatching?: boolean;
12
+ }
13
+ export declare function getTableChunkQueryParams<T, F>({ columns, tableName, ...params }: Params<T, F>): {
14
+ fetchData: FetchData<T, unknown>;
15
+ tableName: PaginatedTableId;
16
+ columnsIds: string[];
17
+ offset: number;
18
+ limit: number;
19
+ filters: F | undefined;
20
+ sortParams?: SortParams;
21
+ noBatching?: boolean;
22
+ };
23
+ export {};
@@ -0,0 +1,12 @@
1
+ import { shouldSendColumnIds } from './constants';
2
+ export function getTableChunkQueryParams({ columns, tableName, ...params }) {
3
+ return {
4
+ ...params,
5
+ fetchData: params.fetchData,
6
+ tableName,
7
+ columnsIds: shouldSendColumnIds(tableName)
8
+ ? columns.map((column) => column.name).toSorted()
9
+ : [],
10
+ };
11
+ }
12
+ //# sourceMappingURL=getTableChunkQueryParams.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getTableChunkQueryParams.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/getTableChunkQueryParams.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAchD,MAAM,UAAU,wBAAwB,CAAO,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,EAAe;IACxF,OAAO;QACH,GAAG,MAAM;QACT,SAAS,EAAE,MAAM,CAAC,SAAkC;QACpD,SAAS;QACT,UAAU,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACtC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;YACjD,CAAC,CAAC,EAAE;KACX,CAAC;AACN,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { QueryStatus } from '@reduxjs/toolkit/query';
2
+ export interface ChunkLookupState {
3
+ offset: number;
4
+ status: QueryStatus;
5
+ fulfilledTimeStamp?: number;
6
+ }
7
+ export declare function getChunkLookupRevision(states: ChunkLookupState[], revision?: string): string;
8
+ export declare function isChunkLookupPending(states: ChunkLookupState[], revision?: string): boolean;
@@ -0,0 +1,35 @@
1
+ import { QueryStatus } from '@reduxjs/toolkit/query';
2
+ function serializeChunkLookupRevision(states) {
3
+ return JSON.stringify(states
4
+ .map(({ offset, fulfilledTimeStamp }) => [offset, fulfilledTimeStamp !== null && fulfilledTimeStamp !== void 0 ? fulfilledTimeStamp : null])
5
+ .sort(([leftOffset], [rightOffset]) => leftOffset - rightOffset));
6
+ }
7
+ function parseChunkLookupRevision(revision) {
8
+ return new Map(revision ? JSON.parse(revision) : []);
9
+ }
10
+ function hasChunkAdvanced({ offset, status, fulfilledTimeStamp }, previous) {
11
+ if (status !== QueryStatus.fulfilled || fulfilledTimeStamp === undefined) {
12
+ return false;
13
+ }
14
+ if (!previous.has(offset)) {
15
+ return true;
16
+ }
17
+ const previousFulfilledTimeStamp = previous.get(offset);
18
+ return (previousFulfilledTimeStamp === null ||
19
+ (previousFulfilledTimeStamp !== undefined &&
20
+ fulfilledTimeStamp > previousFulfilledTimeStamp));
21
+ }
22
+ export function getChunkLookupRevision(states, revision) {
23
+ if (!revision) {
24
+ return serializeChunkLookupRevision(states);
25
+ }
26
+ const previous = parseChunkLookupRevision(revision);
27
+ return states.length > 0 && states.every((state) => hasChunkAdvanced(state, previous))
28
+ ? serializeChunkLookupRevision(states)
29
+ : revision;
30
+ }
31
+ export function isChunkLookupPending(states, revision) {
32
+ const previous = parseChunkLookupRevision(revision);
33
+ return states.some((state) => !hasChunkAdvanced(state, previous));
34
+ }
35
+ //# sourceMappingURL=rowLookup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rowLookup.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/rowLookup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAUnD,SAAS,4BAA4B,CAAC,MAA0B;IAC5D,OAAO,IAAI,CAAC,SAAS,CACjB,MAAM;SACD,GAAG,CACA,CAAC,EAAC,MAAM,EAAE,kBAAkB,EAAC,EAAE,EAAE,CAC7B,CAAC,MAAM,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,IAAI,CAAuC,CACjF;SACA,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,GAAG,WAAW,CAAC,CACvE,CAAC;AACN,CAAC;AAED,SAAS,wBAAwB,CAAC,QAAiB;IAC/C,OAAO,IAAI,GAAG,CACV,QAAQ,CAAC,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAyB,CAAC,CAAC,CAAC,EAAE,CAChE,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CACrB,EAAC,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAmB,EACtD,QAAoC;IAEpC,IAAI,MAAM,KAAK,WAAW,CAAC,SAAS,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;QACvE,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,0BAA0B,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACxD,OAAO,CACH,0BAA0B,KAAK,IAAI;QACnC,CAAC,0BAA0B,KAAK,SAAS;YACrC,kBAAkB,GAAG,0BAA0B,CAAC,CACvD,CAAC;AACN,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,MAA0B,EAAE,QAAiB;IAChF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,4BAA4B,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IAED,MAAM,QAAQ,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACpD,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAClF,CAAC,CAAC,4BAA4B,CAAC,MAAM,CAAC;QACtC,CAAC,CAAC,QAAQ,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAA0B,EAAE,QAAiB;IAC9E,MAAM,QAAQ,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtE,CAAC"}
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import type { SortParams } from './types';
3
+ export declare const KeyboardRowContext: React.Context<number | undefined>;
4
+ export interface KeyboardNavigationParams {
5
+ tableRef: React.RefObject<HTMLElement>;
6
+ scrollContainerRef: React.RefObject<HTMLElement>;
7
+ onActivate?: (index: number) => void;
8
+ getRowKey?: (index: number) => string | number | undefined;
9
+ getRowLabel?: (index: number) => string | undefined;
10
+ findRowIndex?: (key: string | number, previousIndex: number) => number | undefined;
11
+ getRowLookupRevision?: (revision?: string) => string | undefined;
12
+ isRowLookupPending?: (revision: string | undefined) => boolean;
13
+ subscribe?: (listener: () => void) => () => void;
14
+ rowCount: number;
15
+ rowHeight: number;
16
+ filters?: unknown;
17
+ sortParams?: SortParams;
18
+ }
19
+ export declare function useKeyboardNavigation({ tableRef, scrollContainerRef, onActivate, getRowKey, getRowLabel, findRowIndex, getRowLookupRevision, isRowLookupPending, subscribe, rowCount, rowHeight, filters, sortParams, }: KeyboardNavigationParams): {
20
+ focusedIndex: number | undefined;
21
+ tableProps: {
22
+ ref: (node: HTMLElement | null) => void;
23
+ 'data-keyboard-navigation': string;
24
+ 'data-keyboard-row-count': number;
25
+ onMouseMove: (event: React.MouseEvent<HTMLElement>) => void;
26
+ };
27
+ };
@@ -0,0 +1,70 @@
1
+ import React from 'react';
2
+ import { useTableKeyboardAdapter } from '../TableKeyboardNavigation/TableKeyboardNavigation';
3
+ export const KeyboardRowContext = React.createContext(undefined);
4
+ function getNavigationRowCount(table) {
5
+ const loadedRows = table.querySelectorAll('[data-row-index]');
6
+ return Array.from(loadedRows).reduce((count, row) => Math.max(count, Number(row.dataset.rowIndex) + 1), Number(table.dataset.keyboardRowCount) || 0);
7
+ }
8
+ export function useKeyboardNavigation({ tableRef, scrollContainerRef, onActivate, getRowKey, getRowLabel, findRowIndex, getRowLookupRevision, isRowLookupPending, subscribe, rowCount, rowHeight, filters, sortParams, }) {
9
+ const getCount = () => (tableRef.current ? getNavigationRowCount(tableRef.current) : rowCount);
10
+ const keyboard = useTableKeyboardAdapter({
11
+ tableRef,
12
+ getFirst: () => (getCount() > 0 ? 0 : undefined),
13
+ getLast: () => (getCount() > 0 ? getCount() - 1 : undefined),
14
+ getNext: (index, step) => {
15
+ const next = index + step;
16
+ return next >= 0 && next < getCount() ? next : undefined;
17
+ },
18
+ activate: onActivate,
19
+ getRowKey,
20
+ getRowLabel,
21
+ findRowIndex,
22
+ getRowLookupRevision,
23
+ isRowLookupPending,
24
+ subscribe,
25
+ isValidIndex: (index) => index >= 0 && index < getCount(),
26
+ resetDeps: [filters, sortParams],
27
+ });
28
+ const focusedIndex = keyboard.selected;
29
+ const scrolledRevision = React.useRef(0);
30
+ React.useLayoutEffect(() => {
31
+ var _a, _b;
32
+ if (scrolledRevision.current === keyboard.scrollRevision) {
33
+ return;
34
+ }
35
+ scrolledRevision.current = keyboard.scrollRevision;
36
+ const table = tableRef.current;
37
+ const container = scrollContainerRef.current;
38
+ if (focusedIndex === undefined || !table || !container) {
39
+ return;
40
+ }
41
+ const head = table.querySelector('thead');
42
+ const body = table.querySelector('tbody');
43
+ if (!head || !body) {
44
+ return;
45
+ }
46
+ const row = table.querySelector(`[data-row-index="${focusedIndex}"]`);
47
+ const containerRect = container.getBoundingClientRect();
48
+ const headRect = head.getBoundingClientRect();
49
+ const stickyTop = Number.parseFloat(getComputedStyle(head).top) || 0;
50
+ const visibleTop = Math.max(headRect.bottom, containerRect.top + stickyTop + headRect.height);
51
+ const rowRect = row === null || row === void 0 ? void 0 : row.getBoundingClientRect();
52
+ const top = (_a = rowRect === null || rowRect === void 0 ? void 0 : rowRect.top) !== null && _a !== void 0 ? _a : body.getBoundingClientRect().top + focusedIndex * rowHeight;
53
+ const bottom = (_b = rowRect === null || rowRect === void 0 ? void 0 : rowRect.bottom) !== null && _b !== void 0 ? _b : top + rowHeight;
54
+ const visibleBottom = Math.min(window.innerHeight, containerRect.top + container.clientHeight);
55
+ const delta = top < visibleTop ? top - visibleTop : Math.max(0, bottom - visibleBottom);
56
+ if (delta) {
57
+ container.scrollBy({ top: delta, behavior: 'instant' });
58
+ }
59
+ }, [focusedIndex, keyboard.scrollRevision, rowHeight, scrollContainerRef, tableRef]);
60
+ return {
61
+ focusedIndex: keyboard.focusedIndex,
62
+ tableProps: {
63
+ ref: keyboard.ref,
64
+ 'data-keyboard-navigation': '',
65
+ 'data-keyboard-row-count': rowCount,
66
+ onMouseMove: keyboard.onMouseMove,
67
+ },
68
+ };
69
+ }
70
+ //# sourceMappingURL=useKeyboardNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useKeyboardNavigation.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import type DataTable from '@gravity-ui/react-data-table';
3
+ import type { Column, DynamicInnerRefT, Settings, SortOrder } from '@gravity-ui/react-data-table';
4
+ interface Props<T> {
5
+ data: T[];
6
+ columns: Column<T>[];
7
+ settings?: Settings;
8
+ nullBeforeNumbers?: boolean;
9
+ onActivate?: (row: T) => void;
10
+ getRowKey?: (row: T) => string | number | undefined;
11
+ getRowLabel?: (row: T) => string | undefined;
12
+ sortOrder?: SortOrder | SortOrder[];
13
+ children: (options: {
14
+ tableRef: React.RefCallback<HTMLDivElement>;
15
+ onTableReady: React.Ref<DataTable<T>>;
16
+ onMouseMove: React.MouseEventHandler<HTMLElement>;
17
+ dynamicInnerRef: React.Ref<DynamicInnerRefT>;
18
+ getRowClassName: (index: number) => string;
19
+ active: boolean;
20
+ onSort: (order: SortOrder | SortOrder[] | undefined) => void;
21
+ }) => React.ReactNode;
22
+ }
23
+ export declare function DataTableKeyboardNavigation<T>({ data, columns, settings, nullBeforeNumbers, onActivate, getRowKey, getRowLabel, sortOrder, children, }: Props<T>): React.ReactNode;
24
+ export {};