ydb-embedded-ui 22.0.0 → 22.2.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.
- package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.d.ts +2 -1
- package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js +5 -2
- package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js.map +1 -1
- package/dist/components/DiskStateProgressBar/AllModeIndicators.d.ts +2 -1
- package/dist/components/DiskStateProgressBar/AllModeIndicators.js +7 -2
- package/dist/components/DiskStateProgressBar/AllModeIndicators.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskIndicator.d.ts +7 -2
- package/dist/components/DiskStateProgressBar/DiskIndicator.js +10 -6
- package/dist/components/DiskStateProgressBar/DiskIndicator.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +96 -46
- package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js +9 -1
- package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js.map +1 -1
- package/dist/components/EvictVDiskButton/EvictVDiskButton.js +7 -3
- package/dist/components/EvictVDiskButton/EvictVDiskButton.js.map +1 -1
- package/dist/components/FullNodeViewer/FullNodeViewer.js +40 -17
- package/dist/components/FullNodeViewer/FullNodeViewer.js.map +1 -1
- package/dist/components/FullNodeViewer/FullNodeViewer.scss +3 -3
- package/dist/components/FullNodeViewer/i18n/en.json +2 -1
- package/dist/components/FullNodeViewer/i18n/index.d.ts +1 -1
- package/dist/components/HoverPopup/HoverPopup.js +9 -2
- package/dist/components/HoverPopup/HoverPopup.js.map +1 -1
- package/dist/components/InfoViewer/InfoViewer.js +1 -1
- package/dist/components/InfoViewer/InfoViewer.js.map +1 -1
- package/dist/components/InfoViewer/formatters/pqGroup.js +6 -1
- package/dist/components/InfoViewer/formatters/pqGroup.js.map +1 -1
- package/dist/components/InfoViewer/schemaInfo/i18n/en.json +1 -0
- package/dist/components/InfoViewer/schemaInfo/i18n/index.d.ts +1 -1
- package/dist/components/InfoViewer/schemaInfo/utils.js +6 -1
- package/dist/components/InfoViewer/schemaInfo/utils.js.map +1 -1
- package/dist/components/NodeHostWrapper/NodeHostWrapper.d.ts +4 -1
- package/dist/components/NodeHostWrapper/NodeHostWrapper.js +13 -9
- package/dist/components/NodeHostWrapper/NodeHostWrapper.js.map +1 -1
- package/dist/components/PDiskInfo/PDiskInfo.js +2 -1
- package/dist/components/PDiskInfo/PDiskInfo.js.map +1 -1
- package/dist/components/PDiskInfo/i18n/index.d.ts +1 -1
- package/dist/components/PDiskPopup/PDiskPopup.js +5 -1
- package/dist/components/PDiskPopup/PDiskPopup.js.map +1 -1
- package/dist/components/PaginatedTable/KeyboardNavigation.d.ts +9 -0
- package/dist/components/PaginatedTable/KeyboardNavigation.js +14 -0
- package/dist/components/PaginatedTable/KeyboardNavigation.js.map +1 -0
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +4 -1
- package/dist/components/PaginatedTable/PaginatedTable.js +103 -18
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTable.scss +10 -0
- package/dist/components/PaginatedTable/PaginatedTableContext.d.ts +2 -3
- package/dist/components/PaginatedTable/PaginatedTableContext.js +10 -11
- package/dist/components/PaginatedTable/PaginatedTableContext.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTableWithLayout.d.ts +2 -1
- package/dist/components/PaginatedTable/PaginatedTableWithLayout.js +2 -2
- package/dist/components/PaginatedTable/PaginatedTableWithLayout.js.map +1 -1
- package/dist/components/PaginatedTable/ResizeablePaginatedTable.js +2 -1
- package/dist/components/PaginatedTable/ResizeablePaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunk.d.ts +1 -1
- package/dist/components/PaginatedTable/TableChunk.js +8 -11
- package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.d.ts +3 -2
- package/dist/components/PaginatedTable/TableChunksRenderer.js +6 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.js.map +1 -1
- package/dist/components/PaginatedTable/TableRow.d.ts +3 -1
- package/dist/components/PaginatedTable/TableRow.js +24 -8
- package/dist/components/PaginatedTable/TableRow.js.map +1 -1
- package/dist/components/PaginatedTable/getTableChunkQueryParams.d.ts +23 -0
- package/dist/components/PaginatedTable/getTableChunkQueryParams.js +12 -0
- package/dist/components/PaginatedTable/getTableChunkQueryParams.js.map +1 -0
- package/dist/components/PaginatedTable/rowLookup.d.ts +8 -0
- package/dist/components/PaginatedTable/rowLookup.js +35 -0
- package/dist/components/PaginatedTable/rowLookup.js.map +1 -0
- package/dist/components/PaginatedTable/tableCounts.d.ts +19 -0
- package/dist/components/PaginatedTable/tableCounts.js +30 -0
- package/dist/components/PaginatedTable/tableCounts.js.map +1 -0
- package/dist/components/PaginatedTable/useKeyboardNavigation.d.ts +27 -0
- package/dist/components/PaginatedTable/useKeyboardNavigation.js +70 -0
- package/dist/components/PaginatedTable/useKeyboardNavigation.js.map +1 -0
- package/dist/components/ResizeableDataTable/DataTableKeyboardNavigation.d.ts +24 -0
- package/dist/components/ResizeableDataTable/DataTableKeyboardNavigation.js +144 -0
- package/dist/components/ResizeableDataTable/DataTableKeyboardNavigation.js.map +1 -0
- package/dist/components/ResizeableDataTable/ResizeableDataTable.d.ts +4 -1
- package/dist/components/ResizeableDataTable/ResizeableDataTable.js +28 -4
- package/dist/components/ResizeableDataTable/ResizeableDataTable.js.map +1 -1
- package/dist/components/ResizeableDataTable/ResizeableDataTable.scss +10 -0
- package/dist/components/ResizeableDataTable/getDataTableOrder.d.ts +2 -0
- package/dist/components/ResizeableDataTable/getDataTableOrder.js +12 -0
- package/dist/components/ResizeableDataTable/getDataTableOrder.js.map +1 -0
- package/dist/components/Search/Search.d.ts +2 -1
- package/dist/components/Search/Search.js +6 -2
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/ShardsTable/columns.js +6 -3
- package/dist/components/ShardsTable/columns.js.map +1 -1
- package/dist/components/ShardsTable/i18n/en.json +1 -0
- package/dist/components/ShardsTable/i18n/index.d.ts +1 -1
- package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.d.ts +54 -0
- package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.js +389 -0
- package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.js.map +1 -0
- package/dist/components/TableKeyboardNavigation/TableKeyboardNavigation.scss +16 -0
- package/dist/components/TableKeyboardNavigation/i18n/en.json +4 -0
- package/dist/components/TableKeyboardNavigation/i18n/index.d.ts +2 -0
- package/dist/components/TableKeyboardNavigation/i18n/index.js +4 -0
- package/dist/components/TableKeyboardNavigation/i18n/index.js.map +1 -0
- package/dist/components/TableKeyboardNavigation/utils.d.ts +3 -0
- package/dist/components/TableKeyboardNavigation/utils.js +24 -0
- package/dist/components/TableKeyboardNavigation/utils.js.map +1 -0
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.d.ts +4 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js +4 -2
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js.map +1 -1
- package/dist/components/TenantNameWrapper/TenantNameWrapper.d.ts +3 -1
- package/dist/components/TenantNameWrapper/TenantNameWrapper.js +8 -12
- package/dist/components/TenantNameWrapper/TenantNameWrapper.js.map +1 -1
- package/dist/components/TenantNameWrapper/utils.d.ts +10 -0
- package/dist/components/TenantNameWrapper/utils.js +11 -0
- package/dist/components/TenantNameWrapper/utils.js.map +1 -1
- package/dist/components/UptimeViewer/UptimeViewer.d.ts +2 -2
- package/dist/components/VDisk/VDisk.d.ts +6 -1
- package/dist/components/VDisk/VDisk.js +97 -32
- package/dist/components/VDisk/VDisk.js.map +1 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.d.ts +6 -2
- package/dist/components/VDisk/VDiskWithDonorsStack.js +9 -4
- package/dist/components/VDisk/VDiskWithDonorsStack.js.map +1 -1
- package/dist/components/VDisk/i18n/en.json +14 -1
- package/dist/components/VDisk/i18n/index.d.ts +1 -1
- package/dist/components/VDiskInfo/i18n/index.d.ts +1 -1
- package/dist/components/nodesColumns/columns.d.ts +4 -1
- package/dist/components/nodesColumns/columns.js +13 -0
- package/dist/components/nodesColumns/columns.js.map +1 -1
- package/dist/components/nodesColumns/constants.d.ts +2 -0
- package/dist/components/nodesColumns/constants.js +6 -0
- package/dist/components/nodesColumns/constants.js.map +1 -1
- package/dist/components/nodesColumns/i18n/en.json +2 -1
- package/dist/components/nodesColumns/i18n/index.d.ts +1 -1
- package/dist/containers/Clusters/Clusters.js +11 -7
- package/dist/containers/Clusters/Clusters.js.map +1 -1
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.js +1 -1
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.js.map +1 -1
- package/dist/containers/Node/NodeNetwork/NodeNetworkTable.js +11 -1
- package/dist/containers/Node/NodeNetwork/NodeNetworkTable.js.map +1 -1
- package/dist/containers/Node/Threads/ThreadStatesBar/ThreadStatesBar.d.ts +1 -1
- package/dist/containers/Nodes/NodesControls/NodesControls.js +1 -1
- package/dist/containers/Nodes/NodesControls/NodesControls.js.map +1 -1
- package/dist/containers/Nodes/NodesTable.js +12 -1
- package/dist/containers/Nodes/NodesTable.js.map +1 -1
- package/dist/containers/Nodes/PaginatedNodes/GroupedNodesComponent.js +1 -1
- package/dist/containers/Nodes/PaginatedNodes/GroupedNodesComponent.js.map +1 -1
- package/dist/containers/Nodes/columns/columns.js +2 -1
- package/dist/containers/Nodes/columns/columns.js.map +1 -1
- package/dist/containers/Storage/Disks/Disks.d.ts +2 -1
- package/dist/containers/Storage/Disks/Disks.js +32 -23
- package/dist/containers/Storage/Disks/Disks.js.map +1 -1
- package/dist/containers/Storage/Disks/Disks.scss +5 -0
- package/dist/containers/Storage/PDisk/PDisk.d.ts +6 -9
- package/dist/containers/Storage/PDisk/PDisk.js +99 -37
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.scss +79 -1
- package/dist/containers/Storage/PDisk/PDiskWithVDisks.d.ts +17 -0
- package/dist/containers/Storage/PDisk/PDiskWithVDisks.js +48 -0
- package/dist/containers/Storage/PDisk/PDiskWithVDisks.js.map +1 -0
- package/dist/containers/Storage/PDisk/i18n/en.json +9 -0
- package/dist/containers/Storage/PDisk/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/PDisk/index.d.ts +1 -0
- package/dist/containers/Storage/PDisk/index.js +1 -0
- package/dist/containers/Storage/PDisk/index.js.map +1 -1
- package/dist/containers/Storage/PDisks/PDisks.d.ts +4 -1
- package/dist/containers/Storage/PDisks/PDisks.js +52 -6
- package/dist/containers/Storage/PDisks/PDisks.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorage.js +3 -1
- package/dist/containers/Storage/PaginatedStorage.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroups/GroupedStorageGroupsComponent.js +1 -1
- package/dist/containers/Storage/PaginatedStorageGroups/GroupedStorageGroupsComponent.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroups/StorageGroupsControls.js +2 -2
- package/dist/containers/Storage/PaginatedStorageGroups/StorageGroupsControls.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.js +10 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.d.ts +1 -0
- package/dist/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.js +8 -5
- package/dist/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesComponent.js +6 -3
- package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesComponent.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesControls.js +17 -5
- package/dist/containers/Storage/PaginatedStorageNodes/StorageNodesControls.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.d.ts +16 -0
- package/dist/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.js +68 -0
- package/dist/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.js.map +1 -0
- package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.d.ts +2 -1
- package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js +14 -2
- package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodesTable/columns/columns.js +2 -2
- package/dist/containers/Storage/PaginatedStorageNodesTable/columns/columns.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodesTable/columns/hooks.js +7 -2
- package/dist/containers/Storage/PaginatedStorageNodesTable/columns/hooks.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodesTable/columns/types.d.ts +2 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.js +33 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.js +31 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.d.ts +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.js +7 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.d.ts +21 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.js +13 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.js +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.js +3 -2
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.js +4 -4
- package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.js +3 -3
- package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.d.ts +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.d.ts +4 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.js +54 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.d.ts +23 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.js +23 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/i18n/en.json +6 -2
- package/dist/containers/Storage/StorageExpertModePanel/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/TableGroup/TableGroup.js +2 -1
- package/dist/containers/Storage/TableGroup/TableGroup.js.map +1 -1
- package/dist/containers/Storage/VDisks/VDisks.d.ts +2 -1
- package/dist/containers/Storage/VDisks/VDisks.js +11 -4
- package/dist/containers/Storage/VDisks/VDisks.js.map +1 -1
- package/dist/containers/Storage/VDisks/VDisks.scss +3 -0
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.d.ts +1 -0
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js +80 -102
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js.map +1 -1
- package/dist/containers/Storage/useStorageQueryParams.d.ts +13 -5
- package/dist/containers/Storage/useStorageQueryParams.js +50 -2
- package/dist/containers/Storage/useStorageQueryParams.js.map +1 -1
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.d.ts +1 -0
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js +59 -13
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js.map +1 -1
- package/dist/containers/Storage/utils/useStorageColumnsSettings.d.ts +4 -1
- package/dist/containers/Storage/utils/useStorageColumnsSettings.js +49 -39
- package/dist/containers/Storage/utils/useStorageColumnsSettings.js.map +1 -1
- package/dist/containers/Storage/utils/useVirtualizedDiskList.d.ts +10 -0
- package/dist/containers/Storage/utils/useVirtualizedDiskList.js +131 -0
- package/dist/containers/Storage/utils/useVirtualizedDiskList.js.map +1 -0
- package/dist/containers/Tablet/Tablet.js +4 -2
- package/dist/containers/Tablet/Tablet.js.map +1 -1
- package/dist/containers/Tablet/components/TabletControls/TabletControls.js +3 -1
- package/dist/containers/Tablet/components/TabletControls/TabletControls.js.map +1 -1
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js +9 -3
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js.map +1 -1
- package/dist/containers/Tablets/TabletsTable.js +25 -1
- package/dist/containers/Tablets/TabletsTable.js.map +1 -1
- package/dist/containers/Tablets/i18n/en.json +2 -1
- package/dist/containers/Tablets/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js +2 -1
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.js +69 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/en.json +9 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.d.ts +2 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.js +5 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.d.ts +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.js +2 -0
- package/dist/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.js +3 -3
- package/dist/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.d.ts +2 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.js +3 -2
- package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.d.ts +3 -3
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js +2 -1
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js.map +1 -1
- package/dist/containers/Tenant/Query/SavedQueries/SavedQueries.js +1 -1
- package/dist/containers/Tenant/Query/SavedQueries/SavedQueries.js.map +1 -1
- package/dist/containers/Tenants/TenantsTable.js +37 -6
- package/dist/containers/Tenants/TenantsTable.js.map +1 -1
- package/dist/containers/VDiskPage/VDiskPage.js +10 -2
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/services/api/tablets.d.ts +6 -4
- package/dist/services/api/tablets.js +9 -8
- package/dist/services/api/tablets.js.map +1 -1
- package/dist/store/reducers/capabilities/capabilities.d.ts +4 -4
- package/dist/store/reducers/capabilities/hooks.d.ts +1 -0
- package/dist/store/reducers/capabilities/hooks.js +8 -0
- package/dist/store/reducers/capabilities/hooks.js.map +1 -1
- package/dist/store/reducers/nodesList.d.ts +3 -261
- package/dist/store/reducers/nodesList.js +1 -1
- package/dist/store/reducers/nodesList.js.map +1 -1
- package/dist/store/reducers/settings/constants.d.ts +4 -0
- package/dist/store/reducers/settings/constants.js +4 -0
- package/dist/store/reducers/settings/constants.js.map +1 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.d.ts +1 -0
- package/dist/store/reducers/storage/prepareGroupsDisks.js +17 -13
- package/dist/store/reducers/storage/prepareGroupsDisks.js.map +1 -1
- package/dist/store/reducers/storage/utils.js +11 -5
- package/dist/store/reducers/storage/utils.js.map +1 -1
- package/dist/store/reducers/table/table.js +6 -0
- package/dist/store/reducers/table/table.js.map +1 -1
- package/dist/store/reducers/tableData.d.ts +1 -1
- package/dist/store/reducers/tableData.js.map +1 -1
- package/dist/store/reducers/tablet.d.ts +3 -0
- package/dist/store/reducers/tablet.js +6 -6
- package/dist/store/reducers/tablet.js.map +1 -1
- package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.js +1 -1
- package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.js.map +1 -1
- package/dist/store/reducers/topic/topic.js +7 -1
- package/dist/store/reducers/topic/topic.js.map +1 -1
- package/dist/types/api/capabilities.d.ts +2 -2
- package/dist/types/api/pdisk.d.ts +2 -0
- package/dist/types/api/pdisk.js.map +1 -1
- package/dist/types/api/schema/persQueueGroup.d.ts +2 -2
- package/dist/types/api/schema/schema.d.ts +15 -0
- package/dist/types/api/schema/schema.js.map +1 -1
- package/dist/types/api/schema/tableIndex.d.ts +1 -0
- package/dist/types/api/storage.d.ts +4 -0
- package/dist/types/api/storage.js.map +1 -1
- package/dist/types/api/vdisk.d.ts +2 -0
- package/dist/types/api/vdisk.js.map +1 -1
- package/dist/uiFactory/types.d.ts +6 -0
- package/dist/utils/developerUI/tabletDevUi.d.ts +1 -0
- package/dist/utils/developerUI/tabletDevUi.js +4 -0
- package/dist/utils/developerUI/tabletDevUi.js.map +1 -0
- package/dist/utils/disks/displayState.d.ts +5 -2
- package/dist/utils/disks/displayState.js.map +1 -1
- package/dist/utils/disks/driveType.d.ts +3 -0
- package/dist/utils/disks/driveType.js +27 -0
- package/dist/utils/disks/driveType.js.map +1 -0
- package/dist/utils/disks/getDiskBarTone.d.ts +4 -2
- package/dist/utils/disks/getDiskBarTone.js +8 -1
- package/dist/utils/disks/getDiskBarTone.js.map +1 -1
- package/dist/utils/disks/getPDiskType.d.ts +1 -0
- package/dist/utils/disks/getPDiskType.js +3 -0
- package/dist/utils/disks/getPDiskType.js.map +1 -1
- package/dist/utils/disks/groupBy.d.ts +1 -0
- package/dist/utils/disks/groupBy.js +1 -0
- package/dist/utils/disks/groupBy.js.map +1 -1
- package/dist/utils/disks/iconCalculators.d.ts +1 -1
- package/dist/utils/disks/iconCalculators.js +2 -2
- package/dist/utils/disks/iconCalculators.js.map +1 -1
- package/dist/utils/disks/pdiskState.js +2 -2
- package/dist/utils/disks/pdiskState.js.map +1 -1
- package/dist/utils/disks/prepareDisks.js +19 -9
- package/dist/utils/disks/prepareDisks.js.map +1 -1
- package/dist/utils/disks/types.d.ts +3 -2
- package/dist/utils/objectCreationMetrics.d.ts +5 -0
- package/dist/utils/objectCreationMetrics.js +38 -0
- package/dist/utils/objectCreationMetrics.js.map +1 -0
- package/dist/utils/query.d.ts +1 -0
- package/dist/utils/query.js +6 -0
- package/dist/utils/query.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx +15 -2
- package/src/components/DiskStateProgressBar/AllModeIndicators.tsx +30 -6
- package/src/components/DiskStateProgressBar/DiskIndicator.tsx +27 -8
- package/src/components/DiskStateProgressBar/DiskStateProgressBar.scss +96 -46
- package/src/components/DiskStateProgressBar/DiskStateProgressBar.tsx +1 -1
- package/src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx +16 -3
- package/src/components/EvictVDiskButton/EvictVDiskButton.tsx +10 -3
- package/src/components/FullNodeViewer/FullNodeViewer.scss +3 -3
- package/src/components/FullNodeViewer/FullNodeViewer.tsx +81 -34
- package/src/components/FullNodeViewer/i18n/en.json +2 -1
- package/src/components/HoverPopup/HoverPopup.tsx +21 -16
- package/src/components/InfoViewer/InfoViewer.tsx +4 -2
- package/src/components/InfoViewer/formatters/pqGroup.ts +6 -2
- package/src/components/InfoViewer/schemaInfo/i18n/en.json +1 -0
- package/src/components/InfoViewer/schemaInfo/utils.tsx +9 -0
- package/src/components/NodeHostWrapper/NodeHostWrapper.tsx +23 -13
- package/src/components/PDiskInfo/PDiskInfo.tsx +2 -1
- package/src/components/PDiskPopup/PDiskPopup.tsx +5 -1
- package/src/components/PaginatedTable/KeyboardNavigation.tsx +30 -0
- package/src/components/PaginatedTable/PaginatedTable.scss +10 -0
- package/src/components/PaginatedTable/PaginatedTable.tsx +154 -20
- package/src/components/PaginatedTable/PaginatedTableContext.tsx +14 -19
- package/src/components/PaginatedTable/PaginatedTableWithLayout.tsx +6 -1
- package/src/components/PaginatedTable/ResizeablePaginatedTable.tsx +6 -1
- package/src/components/PaginatedTable/TableChunk.tsx +9 -16
- package/src/components/PaginatedTable/TableChunksRenderer.tsx +13 -1
- package/src/components/PaginatedTable/TableRow.tsx +54 -20
- package/src/components/PaginatedTable/getTableChunkQueryParams.ts +25 -0
- package/src/components/PaginatedTable/rowLookup.ts +63 -0
- package/src/components/PaginatedTable/tableCounts.ts +50 -0
- package/src/components/PaginatedTable/useKeyboardNavigation.ts +115 -0
- package/src/components/ResizeableDataTable/DataTableKeyboardNavigation.tsx +194 -0
- package/src/components/ResizeableDataTable/ResizeableDataTable.scss +10 -0
- package/src/components/ResizeableDataTable/ResizeableDataTable.tsx +100 -5
- package/src/components/ResizeableDataTable/getDataTableOrder.ts +18 -0
- package/src/components/Search/Search.tsx +8 -1
- package/src/components/ShardsTable/columns.tsx +14 -5
- package/src/components/ShardsTable/i18n/en.json +1 -0
- package/src/components/TableKeyboardNavigation/TableKeyboardNavigation.scss +16 -0
- package/src/components/TableKeyboardNavigation/TableKeyboardNavigation.tsx +519 -0
- package/src/components/TableKeyboardNavigation/i18n/en.json +4 -0
- package/src/components/TableKeyboardNavigation/i18n/index.ts +5 -0
- package/src/components/TableKeyboardNavigation/utils.ts +36 -0
- package/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx +26 -1
- package/src/components/TenantNameWrapper/TenantNameWrapper.tsx +14 -15
- package/src/components/TenantNameWrapper/utils.ts +26 -0
- package/src/components/VDisk/VDisk.tsx +141 -44
- package/src/components/VDisk/VDiskWithDonorsStack.tsx +23 -4
- package/src/components/VDisk/i18n/en.json +14 -1
- package/src/components/nodesColumns/columns.tsx +13 -1
- package/src/components/nodesColumns/constants.ts +6 -0
- package/src/components/nodesColumns/i18n/en.json +2 -1
- package/src/containers/Clusters/Clusters.tsx +47 -29
- package/src/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.tsx +1 -0
- package/src/containers/Node/NodeNetwork/NodeNetworkTable.tsx +17 -0
- package/src/containers/Nodes/NodesControls/NodesControls.tsx +1 -0
- package/src/containers/Nodes/NodesTable.tsx +17 -1
- package/src/containers/Nodes/PaginatedNodes/GroupedNodesComponent.tsx +1 -0
- package/src/containers/Nodes/columns/columns.tsx +2 -0
- package/src/containers/Storage/Disks/Disks.scss +5 -0
- package/src/containers/Storage/Disks/Disks.tsx +157 -95
- package/src/containers/Storage/PDisk/PDisk.scss +79 -1
- package/src/containers/Storage/PDisk/PDisk.tsx +166 -81
- package/src/containers/Storage/PDisk/PDiskWithVDisks.tsx +181 -0
- package/src/containers/Storage/PDisk/i18n/en.json +9 -0
- package/src/containers/Storage/PDisk/index.ts +1 -0
- package/src/containers/Storage/PDisks/PDisks.tsx +157 -22
- package/src/containers/Storage/PaginatedStorage.tsx +4 -0
- package/src/containers/Storage/PaginatedStorageGroups/GroupedStorageGroupsComponent.tsx +1 -0
- package/src/containers/Storage/PaginatedStorageGroups/StorageGroupsControls.tsx +3 -2
- package/src/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.tsx +13 -0
- package/src/containers/Storage/PaginatedStorageNodes/GroupedStorageNodesComponent.tsx +10 -2
- package/src/containers/Storage/PaginatedStorageNodes/StorageNodesComponent.tsx +6 -2
- package/src/containers/Storage/PaginatedStorageNodes/StorageNodesControls.tsx +76 -41
- package/src/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.ts +103 -0
- package/src/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.tsx +24 -1
- package/src/containers/Storage/PaginatedStorageNodesTable/columns/columns.tsx +3 -1
- package/src/containers/Storage/PaginatedStorageNodesTable/columns/hooks.ts +8 -1
- package/src/containers/Storage/PaginatedStorageNodesTable/columns/types.ts +2 -0
- package/src/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.tsx +65 -0
- package/src/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.tsx +67 -0
- package/src/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.tsx +22 -0
- package/src/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.tsx +63 -0
- package/src/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.tsx +1 -0
- package/src/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.tsx +1 -0
- package/src/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.tsx +3 -2
- package/src/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.tsx +1 -0
- package/src/containers/Storage/StorageExpertModePanel/components/SpaceLegend.tsx +3 -0
- package/src/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.tsx +7 -9
- package/src/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.ts +1 -1
- package/src/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.tsx +63 -0
- package/src/containers/Storage/StorageExpertModePanel/constants.ts +27 -0
- package/src/containers/Storage/StorageExpertModePanel/i18n/en.json +6 -2
- package/src/containers/Storage/TableGroup/TableGroup.tsx +6 -1
- package/src/containers/Storage/VDisks/VDisks.scss +3 -0
- package/src/containers/Storage/VDisks/VDisks.tsx +29 -7
- package/src/containers/Storage/useStoragePDiskDisplayStateGetter.ts +102 -135
- package/src/containers/Storage/useStorageQueryParams.ts +120 -1
- package/src/containers/Storage/useStorageVDiskDisplayStateGetter.ts +75 -10
- package/src/containers/Storage/utils/useStorageColumnsSettings.ts +77 -49
- package/src/containers/Storage/utils/useVirtualizedDiskList.ts +156 -0
- package/src/containers/Tablet/Tablet.tsx +4 -2
- package/src/containers/Tablet/components/TabletControls/TabletControls.tsx +7 -3
- package/src/containers/Tablet/components/TabletInfo/TabletInfo.tsx +13 -3
- package/src/containers/Tablets/TabletsTable.tsx +50 -10
- package/src/containers/Tablets/i18n/en.json +2 -1
- package/src/containers/Tenant/Diagnostics/Overview/Overview.tsx +2 -1
- package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/ResourcePoolInfo.tsx +106 -0
- package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/en.json +9 -0
- package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/i18n/index.ts +7 -0
- package/src/containers/Tenant/Diagnostics/Overview/ResourcePoolInfo/index.ts +1 -0
- package/src/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.ts +3 -3
- package/src/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.tsx +6 -0
- package/src/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.tsx +4 -0
- package/src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx +7 -1
- package/src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx +1 -1
- package/src/containers/Tenant/Query/QueriesHistory/QueriesHistory.tsx +5 -0
- package/src/containers/Tenant/Query/SavedQueries/SavedQueries.tsx +6 -0
- package/src/containers/Tenants/TenantsTable.tsx +70 -12
- package/src/containers/VDiskPage/VDiskPage.tsx +10 -2
- package/src/services/api/tablets.ts +16 -7
- package/src/store/reducers/capabilities/hooks.ts +9 -0
- package/src/store/reducers/nodesList.ts +2 -3
- package/src/store/reducers/settings/constants.ts +4 -0
- package/src/store/reducers/storage/prepareGroupsDisks.ts +16 -11
- package/src/store/reducers/storage/utils.ts +12 -5
- package/src/store/reducers/table/table.ts +6 -0
- package/src/store/reducers/tableData.ts +1 -1
- package/src/store/reducers/tablet.ts +25 -6
- package/src/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.ts +1 -1
- package/src/store/reducers/topic/topic.ts +7 -1
- package/src/types/api/capabilities.ts +2 -2
- package/src/types/api/pdisk.ts +2 -0
- package/src/types/api/schema/persQueueGroup.ts +2 -2
- package/src/types/api/schema/schema.ts +18 -0
- package/src/types/api/schema/tableIndex.ts +1 -0
- package/src/types/api/storage.ts +4 -0
- package/src/types/api/vdisk.ts +2 -0
- package/src/uiFactory/types.ts +6 -0
- package/src/utils/developerUI/tabletDevUi.ts +3 -0
- package/src/utils/disks/displayState.ts +5 -1
- package/src/utils/disks/driveType.ts +30 -0
- package/src/utils/disks/getDiskBarTone.ts +15 -1
- package/src/utils/disks/getPDiskType.ts +4 -0
- package/src/utils/disks/groupBy.ts +1 -0
- package/src/utils/disks/iconCalculators.ts +2 -2
- package/src/utils/disks/pdiskState.ts +2 -2
- package/src/utils/disks/prepareDisks.ts +25 -9
- package/src/utils/disks/types.ts +3 -2
- package/src/utils/objectCreationMetrics.ts +47 -0
- package/src/utils/query.ts +7 -0
- package/dist/containers/Storage/PDisk/PDiskVDisks.d.ts +0 -13
- package/dist/containers/Storage/PDisk/PDiskVDisks.js +0 -20
- package/dist/containers/Storage/PDisk/PDiskVDisks.js.map +0 -1
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.d.ts +0 -6
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js +0 -66
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js.map +0 -1
- package/src/containers/Storage/PDisk/PDiskVDisks.tsx +0 -65
- package/src/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.tsx +0 -151
|
@@ -1,32 +1,122 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import isEqual from 'lodash/isEqual';
|
|
4
|
+
import omit from 'lodash/omit';
|
|
5
|
+
import { useStore } from 'react-redux';
|
|
6
|
+
import { tableDataApi } from '../../store/reducers/tableData';
|
|
7
|
+
import { KeyboardNavigation } from './KeyboardNavigation';
|
|
3
8
|
import { usePaginatedTableState } from './PaginatedTableContext';
|
|
4
9
|
import { TableChunksRenderer } from './TableChunksRenderer';
|
|
5
10
|
import { TableHead } from './TableHead';
|
|
6
11
|
import { DEFAULT_TABLE_ROW_HEIGHT } from './constants';
|
|
12
|
+
import { getTableChunkQueryParams } from './getTableChunkQueryParams';
|
|
13
|
+
import { getChunkLookupRevision, isChunkLookupPending } from './rowLookup';
|
|
7
14
|
import { b } from './shared';
|
|
8
15
|
import { isSortColumnAvailable } from './utils';
|
|
9
16
|
import './PaginatedTable.scss';
|
|
10
17
|
const DEFAULT_PAGINATION_LIMIT = 20;
|
|
11
|
-
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, onRowClick, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, fetchOverscan, }) => {
|
|
18
|
+
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, onRowClick, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, fetchOverscan, onKeyboardActivate, getKeyboardRowKey, getKeyboardRowLabel, }) => {
|
|
19
|
+
const store = useStore();
|
|
12
20
|
// Get state and setters from context
|
|
13
|
-
const { tableState,
|
|
21
|
+
const { tableState, noBatching, setSortParams, dispatchCounts } = usePaginatedTableState();
|
|
14
22
|
const { sortParams, foundEntities } = tableState;
|
|
15
23
|
const activeSortParams = isSortColumnAvailable(sortParams, columns) ? sortParams : undefined;
|
|
16
24
|
const tableRef = React.useRef(null);
|
|
25
|
+
const activeChunkOffsetsRef = React.useRef([]);
|
|
17
26
|
// this prevent situation when filters are new, but active chunks is not yet recalculated (it will be done to the next rendrer, so we bring filters change on the next render too)
|
|
18
27
|
const [filters, setFilters] = React.useState(rawFilters);
|
|
19
28
|
React.useEffect(() => {
|
|
20
29
|
setFilters(rawFilters);
|
|
21
30
|
}, [rawFilters]);
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
31
|
+
const nextCountsQuery = omit(getTableChunkQueryParams({
|
|
32
|
+
offset: 0,
|
|
33
|
+
limit: chunkSize,
|
|
34
|
+
fetchData,
|
|
35
|
+
filters,
|
|
36
|
+
sortParams: activeSortParams,
|
|
37
|
+
columns,
|
|
38
|
+
tableName,
|
|
39
|
+
noBatching,
|
|
40
|
+
}), 'offset', 'fetchData');
|
|
41
|
+
const [countsQuery, setCountsQuery] = React.useState(nextCountsQuery);
|
|
42
|
+
// Resizing columns must not replay cached chunk responses through a new callback.
|
|
43
|
+
if (!isEqual(countsQuery, nextCountsQuery)) {
|
|
44
|
+
setCountsQuery(nextCountsQuery);
|
|
45
|
+
}
|
|
46
|
+
const getQueryParams = (offset) => getTableChunkQueryParams({
|
|
47
|
+
offset,
|
|
48
|
+
limit: chunkSize,
|
|
49
|
+
fetchData,
|
|
50
|
+
filters: rawFilters,
|
|
51
|
+
sortParams: activeSortParams,
|
|
52
|
+
columns,
|
|
53
|
+
tableName,
|
|
54
|
+
noBatching,
|
|
55
|
+
});
|
|
56
|
+
const getRow = (index) => {
|
|
57
|
+
const offset = Math.floor(index / chunkSize) * chunkSize;
|
|
58
|
+
const queryParams = getQueryParams(offset);
|
|
59
|
+
const { data } = tableDataApi.endpoints.fetchTableChunk.select(queryParams)(store.getState());
|
|
60
|
+
return data === null || data === void 0 ? void 0 : data.data[index - offset];
|
|
61
|
+
};
|
|
62
|
+
const getRowKey = (index) => {
|
|
63
|
+
const row = getRow(index);
|
|
64
|
+
return row === undefined ? undefined : getKeyboardRowKey === null || getKeyboardRowKey === void 0 ? void 0 : getKeyboardRowKey(row);
|
|
65
|
+
};
|
|
66
|
+
const getRowLabel = (index) => {
|
|
67
|
+
const row = getRow(index);
|
|
68
|
+
return row === undefined ? undefined : getKeyboardRowLabel === null || getKeyboardRowLabel === void 0 ? void 0 : getKeyboardRowLabel(row);
|
|
69
|
+
};
|
|
70
|
+
const getActiveChunkLookupStates = () => {
|
|
71
|
+
const state = store.getState();
|
|
72
|
+
return activeChunkOffsetsRef.current.map((offset) => {
|
|
73
|
+
const queryState = tableDataApi.endpoints.fetchTableChunk.select(getQueryParams(offset))(state);
|
|
74
|
+
return {
|
|
75
|
+
offset,
|
|
76
|
+
status: queryState.status,
|
|
77
|
+
fulfilledTimeStamp: queryState.fulfilledTimeStamp,
|
|
78
|
+
};
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
const getRowLookupRevision = (revision) => getChunkLookupRevision(getActiveChunkLookupStates(), revision);
|
|
82
|
+
const findRowIndex = (key, previousIndex) => {
|
|
83
|
+
if (getRowKey(previousIndex) === key) {
|
|
84
|
+
return previousIndex;
|
|
85
|
+
}
|
|
86
|
+
const state = store.getState();
|
|
87
|
+
const queryParams = getQueryParams(0);
|
|
88
|
+
const cachedArgs = tableDataApi.util.selectCachedArgsForQuery(state, 'fetchTableChunk');
|
|
89
|
+
for (const args of cachedArgs) {
|
|
90
|
+
if (!isEqual({ ...args, offset: 0, fetchData: undefined }, { ...queryParams, fetchData: undefined })) {
|
|
91
|
+
continue;
|
|
92
|
+
}
|
|
93
|
+
const { data } = tableDataApi.endpoints.fetchTableChunk.select(args)(state);
|
|
94
|
+
const index = data === null || data === void 0 ? void 0 : data.data.findIndex((row) => (getKeyboardRowKey === null || getKeyboardRowKey === void 0 ? void 0 : getKeyboardRowKey(row)) === key);
|
|
95
|
+
if (index !== undefined && index >= 0) {
|
|
96
|
+
return args.offset + index;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
return undefined;
|
|
100
|
+
};
|
|
101
|
+
const isRowLookupPending = (revision) => isChunkLookupPending(getActiveChunkLookupStates(), revision);
|
|
102
|
+
const handleActiveChunkOffsetsChange = React.useCallback((offsets) => {
|
|
103
|
+
activeChunkOffsetsRef.current = offsets;
|
|
104
|
+
}, []);
|
|
105
|
+
const activateRow = (index) => {
|
|
106
|
+
const row = getRow(index);
|
|
107
|
+
if (row !== undefined) {
|
|
108
|
+
onKeyboardActivate === null || onKeyboardActivate === void 0 ? void 0 : onKeyboardActivate(row);
|
|
28
109
|
}
|
|
29
|
-
}
|
|
110
|
+
};
|
|
111
|
+
const handleDataFetched = React.useCallback((data) => {
|
|
112
|
+
dispatchCounts({
|
|
113
|
+
type: 'dataReceived',
|
|
114
|
+
query: countsQuery,
|
|
115
|
+
total: data.total,
|
|
116
|
+
found: data.found,
|
|
117
|
+
});
|
|
118
|
+
onDataFetched === null || onDataFetched === void 0 ? void 0 : onDataFetched(data);
|
|
119
|
+
}, [countsQuery, dispatchCounts, onDataFetched]);
|
|
30
120
|
// Set will-change: transform on scroll container if not already set
|
|
31
121
|
React.useLayoutEffect(() => {
|
|
32
122
|
const scrollContainer = scrollContainerRef.current;
|
|
@@ -37,15 +127,10 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
|
37
127
|
}
|
|
38
128
|
}
|
|
39
129
|
}, [scrollContainerRef.current]);
|
|
40
|
-
// Reset table on initialization and filters change
|
|
41
130
|
React.useLayoutEffect(() => {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
setIsInitialLoad(true);
|
|
47
|
-
}, [initialEntitiesCount, setTotalEntities, setFoundEntities, setIsInitialLoad]);
|
|
48
|
-
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), _jsx("tbody", { children: _jsx(TableChunksRenderer, { scrollContainerRef: scrollContainerRef, tableRef: tableRef, foundEntities: foundEntities, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: activeSortParams, getRowClassName: getRowClassName, onRowClick: onRowClick, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, keepCache: keepCache, fetchOverscan: fetchOverscan }) })] }));
|
|
49
|
-
return (_jsx("div", { ref: tableRef, className: b(null, containerClassName), children: renderTable() }));
|
|
131
|
+
dispatchCounts({ type: 'initialize', query: countsQuery, initialEntitiesCount });
|
|
132
|
+
}, [countsQuery, initialEntitiesCount, dispatchCounts]);
|
|
133
|
+
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), _jsx("tbody", { children: _jsx(TableChunksRenderer, { scrollContainerRef: scrollContainerRef, tableRef: tableRef, foundEntities: foundEntities, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: activeSortParams, getRowClassName: getRowClassName, onRowClick: onRowClick, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, onActiveChunkOffsetsChange: handleActiveChunkOffsetsChange, keepCache: keepCache, fetchOverscan: fetchOverscan }) })] }));
|
|
134
|
+
return (_jsx(KeyboardNavigation, { tableRef: tableRef, scrollContainerRef: scrollContainerRef, onActivate: onKeyboardActivate ? activateRow : undefined, getRowKey: getKeyboardRowKey ? getRowKey : undefined, getRowLabel: getKeyboardRowLabel ? getRowLabel : undefined, findRowIndex: getKeyboardRowKey ? findRowIndex : undefined, getRowLookupRevision: getKeyboardRowKey ? getRowLookupRevision : undefined, isRowLookupPending: getKeyboardRowKey ? isRowLookupPending : undefined, subscribe: store.subscribe, rowCount: foundEntities, rowHeight: rowHeight, filters: rawFilters, sortParams: activeSortParams, className: b(null, containerClassName), children: renderTable() }));
|
|
50
135
|
};
|
|
51
136
|
//# sourceMappingURL=PaginatedTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAE9C,OAAO,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,sBAAsB,EAAE,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACzE,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAE9C,OAAO,uBAAuB,CAAC;AAyB/B,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAO,EACjC,KAAK,EAAE,SAAS,GAAG,wBAAwB,EAC3C,oBAAoB,EACpB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,eAAe,EACf,UAAU,EACV,SAAS,GAAG,wBAAwB,EACpC,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,GACK,EAAE,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAa,CAAC;IACpC,qCAAqC;IACrC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAEzF,MAAM,EAAC,UAAU,EAAE,aAAa,EAAC,GAAG,UAAU,CAAC;IAC/C,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7F,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAW,EAAE,CAAC,CAAC;IAEzD,kLAAkL;IAClL,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,eAAe,GAAG,IAAI,CACxB,wBAAwB,CAAC;QACrB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,SAAS;QAChB,SAAS;QACT,OAAO;QACP,UAAU,EAAE,gBAAgB;QAC5B,OAAO;QACP,SAAS;QACT,UAAU;KACb,CAAC,EACF,QAAQ,EACR,WAAW,CACd,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtE,kFAAkF;IAClF,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,eAAe,CAAC,EAAE,CAAC;QACzC,cAAc,CAAC,eAAe,CAAC,CAAC;IACpC,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE,CACtC,wBAAwB,CAAC;QACrB,MAAM;QACN,KAAK,EAAE,SAAS;QAChB,SAAS;QACT,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,gBAAgB;QAC5B,OAAO;QACP,SAAS;QACT,UAAU;KACb,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;QAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;QACzD,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,EAAC,IAAI,EAAC,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC5F,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAkB,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,GAAG,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE;QACpC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC/B,OAAO,qBAAqB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAChD,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAC5D,cAAc,CAAC,MAAM,CAAC,CACzB,CAAC,KAAK,CAAC,CAAC;YACT,OAAO;gBACH,MAAM;gBACN,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,kBAAkB,EAAE,UAAU,CAAC,kBAAkB;aACpD,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAC/C,sBAAsB,CAAC,0BAA0B,EAAE,EAAE,QAAQ,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAC,GAAoB,EAAE,aAAqB,EAAE,EAAE;QACjE,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;YACnC,OAAO,aAAa,CAAC;QACzB,CAAC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QACxF,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC5B,IACI,CAAC,OAAO,CACJ,EAAC,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAC,EAC1C,EAAC,GAAG,WAAW,EAAE,SAAS,EAAE,SAAS,EAAC,CACzC,EACH,CAAC;gBACC,SAAS;YACb,CAAC;YACD,MAAM,EAAC,IAAI,EAAC,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;YAC1E,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAQ,CAAC,MAAK,GAAG,CAAC,CAAC;YACnF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBACpC,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAC/B,CAAC;QACL,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,QAA4B,EAAE,EAAE,CACxD,oBAAoB,CAAC,0BAA0B,EAAE,EAAE,QAAQ,CAAC,CAAC;IAEjE,MAAM,8BAA8B,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAiB,EAAE,EAAE;QAC3E,qBAAqB,CAAC,OAAO,GAAG,OAAO,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACpB,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,GAAG,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,IAA2B,EAAE,EAAE;QAC5B,cAAc,CAAC;YACX,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;SACpB,CAAC,CAAC;QACH,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,IAAI,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,WAAW,EAAE,cAAc,EAAE,aAAa,CAAC,CAC/C,CAAC;IAEF,oEAAoE;IACpE,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACnD,IAAI,eAAe,EAAE,CAAC;YAClB,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YAC/D,IAAI,aAAa,CAAC,UAAU,KAAK,WAAW,EAAE,CAAC;gBAC3C,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;YACnD,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,cAAc,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAC,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,WAAW,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACtB,iBAAO,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACxB,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI,EACxF,0BACI,KAAC,mBAAmB,IAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,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,gBAAgB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,0BAA0B,EAAE,8BAA8B,EAC1D,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC9B,GACE,IACJ,CACX,CAAC;IAEF,OAAO,CACH,KAAC,kBAAkB,IACf,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACxD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC1D,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC1D,oBAAoB,EAAE,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,EAC1E,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACtE,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,gBAAgB,EAC5B,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,kBAAkB,CAAC,YAErC,WAAW,EAAE,GACG,CACxB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -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();
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TableCountsAction } from './tableCounts';
|
|
2
3
|
import type { PaginatedTableState } from './types';
|
|
3
4
|
interface PaginatedTableStateContextType {
|
|
4
5
|
tableState: PaginatedTableState;
|
|
5
6
|
noBatching?: boolean;
|
|
6
7
|
setSortParams: (params: PaginatedTableState['sortParams']) => void;
|
|
7
|
-
|
|
8
|
-
setFoundEntities: (found: number) => void;
|
|
9
|
-
setIsInitialLoad: (isInitial: boolean) => void;
|
|
8
|
+
dispatchCounts: React.Dispatch<TableCountsAction>;
|
|
10
9
|
}
|
|
11
10
|
export declare const PaginatedTableStateContext: React.Context<PaginatedTableStateContextType>;
|
|
12
11
|
interface PaginatedTableStateProviderProps {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { tableCountsReducer } from './tableCounts';
|
|
3
4
|
// Default state for the table
|
|
4
5
|
const defaultTableState = {
|
|
5
6
|
sortParams: undefined,
|
|
@@ -11,18 +12,18 @@ const defaultTableState = {
|
|
|
11
12
|
export const PaginatedTableStateContext = React.createContext({
|
|
12
13
|
tableState: defaultTableState,
|
|
13
14
|
setSortParams: () => undefined,
|
|
14
|
-
|
|
15
|
-
setFoundEntities: () => undefined,
|
|
16
|
-
setIsInitialLoad: () => undefined,
|
|
15
|
+
dispatchCounts: () => undefined,
|
|
17
16
|
});
|
|
18
17
|
// Provider component
|
|
19
18
|
export const PaginatedTableProvider = ({ children, initialState = {}, noBatching, }) => {
|
|
20
19
|
var _a, _b, _c, _d;
|
|
21
|
-
// Use individual state variables for each field
|
|
22
20
|
const [sortParams, setSortParams] = React.useState((_a = initialState.sortParams) !== null && _a !== void 0 ? _a : defaultTableState.sortParams);
|
|
23
|
-
const [totalEntities,
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
const [{ totalEntities, foundEntities, isInitialLoad }, dispatchCounts] = React.useReducer(tableCountsReducer, {
|
|
22
|
+
totalEntities: (_b = initialState.totalEntities) !== null && _b !== void 0 ? _b : defaultTableState.totalEntities,
|
|
23
|
+
foundEntities: (_c = initialState.foundEntities) !== null && _c !== void 0 ? _c : defaultTableState.foundEntities,
|
|
24
|
+
isInitialLoad: (_d = initialState.isInitialLoad) !== null && _d !== void 0 ? _d : defaultTableState.isInitialLoad,
|
|
25
|
+
hasLoadedData: initialState.isInitialLoad === false,
|
|
26
|
+
});
|
|
26
27
|
// Construct tableState from individual state variables
|
|
27
28
|
const tableState = React.useMemo(() => ({
|
|
28
29
|
sortParams,
|
|
@@ -30,14 +31,12 @@ export const PaginatedTableProvider = ({ children, initialState = {}, noBatching
|
|
|
30
31
|
foundEntities,
|
|
31
32
|
isInitialLoad,
|
|
32
33
|
}), [sortParams, totalEntities, foundEntities, isInitialLoad]);
|
|
33
|
-
// Create the context value with the constructed tableState and
|
|
34
|
+
// Create the context value with the constructed tableState and its update functions
|
|
34
35
|
const contextValue = React.useMemo(() => ({
|
|
35
36
|
tableState,
|
|
36
37
|
noBatching,
|
|
37
38
|
setSortParams,
|
|
38
|
-
|
|
39
|
-
setFoundEntities,
|
|
40
|
-
setIsInitialLoad,
|
|
39
|
+
dispatchCounts,
|
|
41
40
|
}), [tableState, noBatching]);
|
|
42
41
|
return (_jsx(PaginatedTableStateContext.Provider, { value: contextValue, children: children }));
|
|
43
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTableContext.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTableContext.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGjD,8BAA8B;AAC9B,MAAM,iBAAiB,GAAwB;IAC3C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,IAAI;CACtB,CAAC;AAaF,2CAA2C;AAC3C,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAiC;IAC1F,UAAU,EAAE,iBAAiB;IAC7B,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;IAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;CAClC,CAAC,CAAC;AASH,qBAAqB;AACrB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,UAAU,GACqB,EAAE,EAAE;;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,MAAA,YAAY,CAAC,UAAU,mCAAI,iBAAiB,CAAC,UAAU,CAC1D,CAAC;IACF,MAAM,CAAC,EAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,UAAU,CACpF,kBAAkB,EAClB;QACI,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa;QAC5E,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa;QAC5E,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa;QAC5E,aAAa,EAAE,YAAY,CAAC,aAAa,KAAK,KAAK;KACtD,CACJ,CAAC;IAEF,uDAAuD;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,aAAa;QACb,aAAa;QACb,aAAa;KAChB,CAAC,EACF,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,oFAAoF;IACpF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,UAAU;QACV,aAAa;QACb,cAAc;KACjB,CAAC,EACF,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CACH,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACnD,QAAQ,GACyB,CACzC,CAAC;AACN,CAAC,CAAC;AAEF,wCAAwC;AACxC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAE7D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;IAChG,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
|
|
@@ -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;
|
|
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":";
|
|
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"}
|
|
@@ -16,7 +16,7 @@ interface TableChunkProps<T, F> {
|
|
|
16
16
|
onRowClick?: OnRowClick<T>;
|
|
17
17
|
renderErrorMessage?: RenderErrorMessage;
|
|
18
18
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
|
19
|
-
onDataFetched: (data
|
|
19
|
+
onDataFetched: (data: PaginatedTableData<T>) => void;
|
|
20
20
|
keepCache?: boolean;
|
|
21
21
|
}
|
|
22
22
|
export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, onRowClick, renderErrorMessage, renderEmptyDataMessage, onDataFetched, shouldFetch, shouldRender, keepCache, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[] | null;
|
|
@@ -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 {
|
|
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
|
|
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
|
|
22
|
+
fetchData,
|
|
27
23
|
filters,
|
|
28
24
|
sortParams,
|
|
29
|
-
|
|
25
|
+
columns,
|
|
30
26
|
tableName,
|
|
31
27
|
noBatching,
|
|
32
|
-
};
|
|
28
|
+
});
|
|
33
29
|
tableDataApi.useFetchTableChunkQuery(queryParams, {
|
|
34
30
|
skip: isTimeoutActive || !shouldFetch,
|
|
35
31
|
pollingInterval: autoRefreshInterval,
|
|
@@ -47,8 +43,9 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
|
|
|
47
43
|
window.clearTimeout(timeout);
|
|
48
44
|
};
|
|
49
45
|
}, [shouldFetch, isTimeoutActive]);
|
|
50
|
-
React.
|
|
46
|
+
React.useLayoutEffect(() => {
|
|
51
47
|
if (currentData) {
|
|
48
|
+
// Consumers derive row dimensions from the response before loaded rows are painted.
|
|
52
49
|
onDataFetched({
|
|
53
50
|
...currentData,
|
|
54
51
|
data: currentData.data,
|
|
@@ -73,7 +70,7 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
|
|
|
73
70
|
if (!((_a = currentData.data) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
74
71
|
return (_jsx(EmptyTableRow, { columns: columns, height: dataLength * rowHeight, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }));
|
|
75
72
|
}
|
|
76
|
-
return currentData.data.map((rowData, index) => (_jsx(TableRow, { row: rowData, columns: columns, height: rowHeight, getRowClassName: getRowClassName, onRowClick: onRowClick }, index)));
|
|
73
|
+
return currentData.data.map((rowData, index) => (_jsx(TableRow, { row: rowData, rowIndex: id * chunkSize + index, columns: columns, height: rowHeight, getRowClassName: getRowClassName, onRowClick: onRowClick }, index)));
|
|
77
74
|
};
|
|
78
75
|
return shouldRender ? renderContent() : null;
|
|
79
76
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpE,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,8 +16,9 @@ export interface TableChunksRendererProps<T, F> {
|
|
|
16
16
|
onRowClick?: OnRowClick<T>;
|
|
17
17
|
renderErrorMessage?: RenderErrorMessage;
|
|
18
18
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
|
19
|
-
onDataFetched: (data
|
|
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;
|
|
1
|
+
{"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
|
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
|
-
|
|
22
|
-
|
|
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
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAE3B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAWlC,MAAM,YAAY,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,KAAK,GAAG,aAAa,EACrB,UAAU,GACG,EAAE,EAAE;IACjB,OAAO,CACH,aACI,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,EACnD,KAAK,EAAE;YACH,MAAM,EAAE,GAAG,MAAM,IAAI;YACrB,KAAK,EAAE,GAAG,KAAK,IAAI;YACnB,gFAAgF;YAChF,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS;SAClD,YAEA,QAAQ,GACR,CACR,CAAC;AACN,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,UAAa,EAAC,OAAO,EAAE,MAAM,EAA0B;IAC5F,OAAO,CACH,aAAI,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,KAAK,EAAE,EAAC,MAAM,EAAC,YACpD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;YACpB,MAAM,UAAU,GAAG,MAAA,MAAM,CAAC,UAAU,mCAAI,kBAAkB,CAAC;YAE3D,OAAO,CACH,KAAC,YAAY,IAET,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,UAAU,EAAE,UAAU,YAEtB,KAAC,QAAQ,IACL,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAC,GACtC,IAVG,MAAM,CAAC,IAAI,CAWL,CAClB,CAAC;QACN,CAAC,CAAC,GACD,CACR,CAAC;AACN,CAAC,CAAC,CAAC;
|
|
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 {};
|