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,6 +1,7 @@
|
|
|
1
1
|
import type { IconData } from '@gravity-ui/uikit';
|
|
2
2
|
interface AllModeCapacityAlertIndicatorProps {
|
|
3
3
|
indicator?: IconData | string;
|
|
4
|
+
iconSize?: number;
|
|
4
5
|
}
|
|
5
|
-
export declare function AllModeCapacityAlertIndicator({ indicator }: AllModeCapacityAlertIndicatorProps): string | import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
export declare function AllModeCapacityAlertIndicator({ indicator, iconSize, }: AllModeCapacityAlertIndicatorProps): string | import("react/jsx-runtime").JSX.Element | null;
|
|
6
7
|
export {};
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Icon } from '@gravity-ui/uikit';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
5
|
const b = cn('storage-disk-progress-bar');
|
|
5
|
-
export function AllModeCapacityAlertIndicator({ indicator }) {
|
|
6
|
+
export function AllModeCapacityAlertIndicator({ indicator, iconSize = 12, }) {
|
|
6
7
|
if (!indicator) {
|
|
7
8
|
return null;
|
|
8
9
|
}
|
|
9
10
|
if (typeof indicator === 'string') {
|
|
10
11
|
return indicator;
|
|
11
12
|
}
|
|
12
|
-
return (_jsx(Icon, { className:
|
|
13
|
+
return (_jsx(Icon, { className: indicator === CircleQuestionFill
|
|
14
|
+
? b('all-mode-missing-data-indicator-icon')
|
|
15
|
+
: undefined, data: indicator, size: iconSize }));
|
|
13
16
|
}
|
|
14
17
|
//# sourceMappingURL=AllModeCapacityAlertIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AllModeCapacityAlertIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AllModeCapacityAlertIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,6BAA6B,CAAC,EAC1C,SAAS,EACT,QAAQ,GAAG,EAAE,GACoB;IACjC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EACL,SAAS,KAAK,kBAAkB;YAC5B,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC;YAC3C,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,GAChB,CACL,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { AllModeIndicatorsState } from '../../utils/disks/displayState';
|
|
2
2
|
interface AllModeIndicatorsProps {
|
|
3
3
|
indicators: AllModeIndicatorsState;
|
|
4
|
+
size?: 's' | 'm';
|
|
4
5
|
}
|
|
5
|
-
export declare function AllModeIndicators({ indicators }: AllModeIndicatorsProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function AllModeIndicators({ indicators, size }: AllModeIndicatorsProps): import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export {};
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Icon, Text } from '@gravity-ui/uikit';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
5
|
import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
|
|
5
6
|
import { DiskIconGroup } from './DiskIndicator';
|
|
6
7
|
const b = cn('storage-disk-progress-bar');
|
|
7
|
-
export function AllModeIndicators({ indicators }) {
|
|
8
|
-
|
|
8
|
+
export function AllModeIndicators({ indicators, size = 'm' }) {
|
|
9
|
+
const iconSize = size === 's' ? 8 : 12;
|
|
10
|
+
const iconGroupSize = size === 's' ? 8 : 10;
|
|
11
|
+
return (_jsxs("div", { className: b('all-mode-indicators', { size }), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot', { size }), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert, iconSize: iconSize }) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: indicators.frontQueues && (_jsx(Icon, { className: indicators.frontQueues === CircleQuestionFill
|
|
12
|
+
? b('all-mode-missing-data-indicator-icon')
|
|
13
|
+
: undefined, data: indicators.frontQueues, size: iconSize })) }), _jsx("div", { className: b('all-mode-compaction-indicator-slot'), children: indicators.compaction && (_jsx(DiskIconGroup, { icons: indicators.compaction, size: iconGroupSize, className: b('all-mode-compaction-icons', { size }) })) })] }));
|
|
9
14
|
}
|
|
10
15
|
//# sourceMappingURL=AllModeIndicators.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,iBAAiB,CAAC,EAAC,UAAU,EAAE,IAAI,GAAG,GAAG,EAAyB;IAC9E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAC,IAAI,EAAC,CAAC,aAC5C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,wCAAwC,EAAE,EAAC,IAAI,EAAC,CAAC,YAE9D,KAAC,6BAA6B,IAC1B,SAAS,EAAE,UAAU,CAAC,aAAa,EACnC,QAAQ,EAAE,QAAQ,GACpB,GACC,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,WAAW,IAAI,CACvB,KAAC,IAAI,IACD,SAAS,EACL,UAAU,CAAC,WAAW,KAAK,kBAAkB;wBACzC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC;wBAC3C,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAE,UAAU,CAAC,WAAW,EAC5B,IAAI,EAAE,QAAQ,GAChB,CACL,GACE,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,oCAAoC,CAAC,YAClD,UAAU,CAAC,UAAU,IAAI,CACtB,KAAC,aAAa,IACV,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,IAAI,EAAE,aAAa,EACnB,SAAS,EAAE,CAAC,CAAC,2BAA2B,EAAE,EAAC,IAAI,EAAC,CAAC,GACnD,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -2,11 +2,16 @@ import type { DiskIndicatorValue } from '../../utils/disks/displayState';
|
|
|
2
2
|
import type { IconWithColor } from '../../utils/disks/iconCalculators';
|
|
3
3
|
interface DiskIconGroupProps {
|
|
4
4
|
icons: IconWithColor[];
|
|
5
|
+
size?: number;
|
|
6
|
+
className?: string;
|
|
5
7
|
}
|
|
6
|
-
export declare function DiskIconGroup({ icons }: DiskIconGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function DiskIconGroup({ icons, size, className }: DiskIconGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
interface DiskIndicatorProps {
|
|
8
10
|
value: DiskIndicatorValue;
|
|
9
11
|
placement?: 'inline' | 'overlap';
|
|
12
|
+
iconSize?: number;
|
|
13
|
+
iconGroupSize?: number;
|
|
14
|
+
className?: string;
|
|
10
15
|
}
|
|
11
|
-
export declare function DiskIndicator({ value, placement }: DiskIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function DiskIndicator({ value, placement, iconSize, iconGroupSize, className, }: DiskIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
12
17
|
export {};
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Icon } from '@gravity-ui/uikit';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
5
|
const b = cn('storage-disk-progress-bar');
|
|
5
|
-
export function DiskIconGroup({ icons }) {
|
|
6
|
-
return (_jsx("div", { className: b('icon-group'), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size:
|
|
6
|
+
export function DiskIconGroup({ icons, size = 10, className }) {
|
|
7
|
+
return (_jsx("div", { className: b('icon-group', className), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size: size, style: color ? { color } : undefined }, index))) }));
|
|
7
8
|
}
|
|
8
|
-
export function DiskIndicator({ value, placement = 'inline' }) {
|
|
9
|
+
export function DiskIndicator({ value, placement = 'inline', iconSize = 12, iconGroupSize, className, }) {
|
|
9
10
|
if (typeof value === 'string') {
|
|
10
|
-
return _jsx("div", { className: b('text-label'), children: value });
|
|
11
|
+
return _jsx("div", { className: b('text-label', className), children: value });
|
|
11
12
|
}
|
|
12
13
|
if (Array.isArray(value)) {
|
|
13
|
-
return _jsx(DiskIconGroup, { icons: value });
|
|
14
|
+
return _jsx(DiskIconGroup, { icons: value, size: iconGroupSize, className: className });
|
|
14
15
|
}
|
|
15
|
-
return (_jsx(Icon, { className: b('icon', {
|
|
16
|
+
return (_jsx(Icon, { className: b('icon', {
|
|
17
|
+
'overlap-top-left': placement === 'overlap',
|
|
18
|
+
'missing-data': value === CircleQuestionFill,
|
|
19
|
+
}, className), data: value, size: iconSize }));
|
|
16
20
|
}
|
|
17
21
|
//# sourceMappingURL=DiskIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiskIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DiskIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAQ1C,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAqB;IAC3E,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,IAAI,IAED,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,UAAU,EAAE,KAAK,GAAG,CAAC,EAAC,CAAC,EAC7C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,IAJ7B,KAAK,CAKZ,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAUD,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,SAAS,GACQ;IACjB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YAAG,KAAK,GAAO,CAAC;IACrE,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACtF,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CACR,MAAM,EACN;YACI,kBAAkB,EAAE,SAAS,KAAK,SAAS;YAC3C,cAAc,EAAE,KAAK,KAAK,kBAAkB;SAC/C,EACD,SAAS,CACZ,EACD,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,QAAQ,GAChB,CACL,CAAC;AACN,CAAC"}
|
|
@@ -20,8 +20,8 @@ export function DiskStateProgressBar({ allocation, tone, mode, compact, faded, i
|
|
|
20
20
|
striped,
|
|
21
21
|
filled,
|
|
22
22
|
highlighted,
|
|
23
|
+
borderless,
|
|
23
24
|
'all-mode-has-issues': mode === 'all' && strongFill,
|
|
24
|
-
'legend-inactive': borderless,
|
|
25
25
|
'overlap-icon-at-top-left': overflowVisible,
|
|
26
26
|
[getToneModifier(tone)]: true,
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAsB1C,SAAS,eAAe,CAAC,IAAiB;IACtC,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GACS;IACxB,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAsB,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhF,MAAM,IAAI,GAAwC;QAC9C,QAAQ;QACR,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO;QACP,MAAM;QACN,WAAW;QACX,qBAAqB,EAAE,IAAI,KAAK,KAAK,IAAI,UAAU;QACnD,
|
|
1
|
+
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAsB1C,SAAS,eAAe,CAAC,IAAiB;IACtC,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GACS;IACxB,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAsB,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhF,MAAM,IAAI,GAAwC;QAC9C,QAAQ;QACR,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO;QACP,MAAM;QACN,WAAW;QACX,UAAU;QACV,qBAAqB,EAAE,IAAI,KAAK,KAAK,IAAI,UAAU;QACnD,0BAA0B,EAAE,eAAe;QAC3C,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI;KAChC,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACP,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;QAC1C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,UAAU,IAAI,CAAC,CAAC;IAE/D,IAAI,iBAAiB,GAAoB,IAAI,CAAC;IAC9C,IAAI,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC;QAC5B,qCAAqC;QACrC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACX,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,iBAAiB,GAAG,CAChB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,SAAS,GAAG,EAAC,GAAI,CAC3E,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EACtD,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,OAAO,gBACD,sBAAsB,mBAClB,CAAC,mBACD,GAAG,mBACH,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,aAEpD,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,OAAO,IACL,CACV,CAAC;AACN,CAAC"}
|
|
@@ -51,28 +51,23 @@
|
|
|
51
51
|
&_expert-mode {
|
|
52
52
|
--entity-state-compact-background-color: var(--entity-state-background-color);
|
|
53
53
|
|
|
54
|
-
&#{$block}_grey {
|
|
55
|
-
--entity-state-background-color: var(--g-color-base-generic-medium);
|
|
56
|
-
--entity-state-border-color: none;
|
|
57
|
-
--entity-state-fill-color: var(--g-color-base-neutral-medium);
|
|
58
|
-
|
|
59
|
-
border: none;
|
|
60
|
-
|
|
61
|
-
&#{$block}_highlighted {
|
|
62
|
-
--entity-state-background-color: var(--g-color-base-generic-medium-hover);
|
|
63
|
-
--entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
54
|
&#{$block}_light-grey {
|
|
55
|
+
--entity-state-font-color: var(--g-color-text-secondary);
|
|
68
56
|
--entity-state-border-color: var(--g-color-line-generic);
|
|
69
57
|
--entity-state-background-color: var(--g-color-base-neutral-light);
|
|
58
|
+
--entity-state-fill-color: var(--g-color-base-neutral-light);
|
|
70
59
|
--entity-state-icon-color: var(--g-color-text-secondary);
|
|
71
60
|
|
|
72
61
|
border: $border-width solid var(--entity-state-border-color);
|
|
73
62
|
|
|
63
|
+
&#{$block}_striped,
|
|
64
|
+
&#{$block}_borderless {
|
|
65
|
+
border: none;
|
|
66
|
+
}
|
|
67
|
+
|
|
74
68
|
&#{$block}_highlighted {
|
|
75
69
|
--entity-state-background-color: var(--g-color-base-neutral-light-hover);
|
|
70
|
+
--entity-state-fill-color: var(--g-color-base-neutral-light-hover);
|
|
76
71
|
}
|
|
77
72
|
|
|
78
73
|
&#{$block}_mode-space {
|
|
@@ -104,7 +99,7 @@
|
|
|
104
99
|
}
|
|
105
100
|
}
|
|
106
101
|
|
|
107
|
-
&
|
|
102
|
+
&_borderless {
|
|
108
103
|
border: none;
|
|
109
104
|
}
|
|
110
105
|
|
|
@@ -139,6 +134,36 @@
|
|
|
139
134
|
--entity-state-icon-color: var(--g-color-text-info);
|
|
140
135
|
}
|
|
141
136
|
|
|
137
|
+
&_mode-drivetype {
|
|
138
|
+
@each $type, $theme, $intensity in (ssd misc medium, hdd utility light, nvme info light) {
|
|
139
|
+
&#{$block}_#{$type} {
|
|
140
|
+
--entity-state-background-color: var(--g-color-base-#{$theme}-#{$intensity});
|
|
141
|
+
--ydb-progress-bar-font-color: var(--g-color-text-#{$theme});
|
|
142
|
+
|
|
143
|
+
&#{$block}_highlighted {
|
|
144
|
+
--entity-state-background-color: var(
|
|
145
|
+
--g-color-base-#{$theme}-#{$intensity}-hover
|
|
146
|
+
);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
#{$block}__text-label {
|
|
151
|
+
overflow: hidden;
|
|
152
|
+
flex-shrink: 1;
|
|
153
|
+
|
|
154
|
+
min-width: 0;
|
|
155
|
+
padding-right: var(--g-spacing-1);
|
|
156
|
+
|
|
157
|
+
white-space: nowrap;
|
|
158
|
+
|
|
159
|
+
mask-image: linear-gradient(
|
|
160
|
+
to right,
|
|
161
|
+
#000 calc(100% - var(--g-spacing-1)),
|
|
162
|
+
transparent
|
|
163
|
+
);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
142
167
|
&_mode-all {
|
|
143
168
|
&#{$block}_green {
|
|
144
169
|
--entity-state-background-color: transparent;
|
|
@@ -193,22 +218,6 @@
|
|
|
193
218
|
}
|
|
194
219
|
}
|
|
195
220
|
|
|
196
|
-
&#{$block}_grey {
|
|
197
|
-
--entity-state-background-color: var(--g-color-base-neutral-medium);
|
|
198
|
-
--entity-state-border-color: none;
|
|
199
|
-
--entity-state-fill-color: var(--g-color-base-neutral-medium);
|
|
200
|
-
|
|
201
|
-
border: none;
|
|
202
|
-
|
|
203
|
-
&#{$block}_highlighted {
|
|
204
|
-
--entity-state-background-color: var(--g-color-base-neutral-medium-hover);
|
|
205
|
-
--entity-state-border-color: none;
|
|
206
|
-
--entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
|
|
207
|
-
|
|
208
|
-
border: none;
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
|
|
212
221
|
#{$block}__fill-bar {
|
|
213
222
|
border-radius: calc(var(--disk-border-radius, var(--g-border-radius-m)) - 1px) 0 0
|
|
214
223
|
calc(var(--disk-border-radius, var(--g-border-radius-m)) - 1px);
|
|
@@ -224,7 +233,9 @@
|
|
|
224
233
|
}
|
|
225
234
|
|
|
226
235
|
&_mode-space {
|
|
227
|
-
|
|
236
|
+
--entity-state-font-color: var(--ydb-progress-bar-font-color);
|
|
237
|
+
|
|
238
|
+
&:not(#{$block}_borderless):not(#{$block}_darkgrey) {
|
|
228
239
|
--entity-state-stripe-border-color: var(--entity-state-border-color);
|
|
229
240
|
}
|
|
230
241
|
|
|
@@ -315,16 +326,6 @@
|
|
|
315
326
|
}
|
|
316
327
|
}
|
|
317
328
|
|
|
318
|
-
&#{$block}_grey {
|
|
319
|
-
--entity-state-background-color: var(--ydb-space-no-data-bg);
|
|
320
|
-
--entity-state-fill-color: var(--ydb-space-no-data-fill-color);
|
|
321
|
-
|
|
322
|
-
&#{$block}_highlighted {
|
|
323
|
-
--entity-state-background-color: var(--ydb-space-no-data-bg-hover);
|
|
324
|
-
--entity-state-fill-color: var(--ydb-space-no-data-fill-color-hover);
|
|
325
|
-
}
|
|
326
|
-
}
|
|
327
|
-
|
|
328
329
|
&#{$block}_light-grey {
|
|
329
330
|
--entity-state-icon-color: var(--ydb-progress-bar-font-color);
|
|
330
331
|
}
|
|
@@ -386,6 +387,24 @@
|
|
|
386
387
|
}
|
|
387
388
|
}
|
|
388
389
|
|
|
390
|
+
// Keep N/D colors independent from expert mode-specific backgrounds.
|
|
391
|
+
&_grey {
|
|
392
|
+
--ydb-progress-bar-font-color: var(--g-color-text-primary);
|
|
393
|
+
--entity-state-font-color: var(--g-color-text-primary);
|
|
394
|
+
--entity-state-icon-color: var(--g-color-text-secondary);
|
|
395
|
+
--entity-state-border-color: none;
|
|
396
|
+
--entity-state-background-color: var(--g-color-base-neutral-medium);
|
|
397
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium);
|
|
398
|
+
|
|
399
|
+
color: var(--g-color-text-primary);
|
|
400
|
+
border: none;
|
|
401
|
+
|
|
402
|
+
&#{$block}_highlighted {
|
|
403
|
+
--entity-state-background-color: var(--g-color-base-neutral-medium-hover);
|
|
404
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
|
|
389
408
|
&_compact {
|
|
390
409
|
min-width: 8px;
|
|
391
410
|
height: var(--progress-bar-compact-height);
|
|
@@ -478,6 +497,8 @@
|
|
|
478
497
|
}
|
|
479
498
|
|
|
480
499
|
&__all-mode-indicators {
|
|
500
|
+
--all-mode-indicators-padding: var(--g-spacing-1);
|
|
501
|
+
|
|
481
502
|
position: absolute;
|
|
482
503
|
z-index: 2;
|
|
483
504
|
inset: 0;
|
|
@@ -488,13 +509,20 @@
|
|
|
488
509
|
column-gap: var(--g-spacing-1);
|
|
489
510
|
|
|
490
511
|
box-sizing: border-box;
|
|
491
|
-
padding-inline: calc(var(--
|
|
512
|
+
padding-inline: calc(var(--all-mode-indicators-padding) - $border-width);
|
|
492
513
|
|
|
493
514
|
pointer-events: none;
|
|
494
515
|
|
|
495
516
|
#{$block}_grey &,
|
|
496
517
|
#{$block}_striped & {
|
|
497
|
-
padding-inline: var(--
|
|
518
|
+
padding-inline: var(--all-mode-indicators-padding);
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
&_size_s {
|
|
522
|
+
--all-mode-indicators-padding: var(--g-spacing-half);
|
|
523
|
+
|
|
524
|
+
grid-template-columns: 14px 8px 13px;
|
|
525
|
+
column-gap: var(--g-spacing-half);
|
|
498
526
|
}
|
|
499
527
|
}
|
|
500
528
|
|
|
@@ -524,10 +552,15 @@
|
|
|
524
552
|
display: inline-flex;
|
|
525
553
|
justify-content: center;
|
|
526
554
|
align-items: center;
|
|
555
|
+
|
|
556
|
+
&_size_s {
|
|
557
|
+
font-size: 10px;
|
|
558
|
+
line-height: 12px;
|
|
559
|
+
}
|
|
527
560
|
}
|
|
528
561
|
|
|
529
|
-
&__all-mode-
|
|
530
|
-
color:
|
|
562
|
+
&__all-mode-missing-data-indicator-icon {
|
|
563
|
+
color: var(--g-color-text-hint);
|
|
531
564
|
}
|
|
532
565
|
|
|
533
566
|
&__all-mode-front-queues-indicator-slot {
|
|
@@ -575,13 +608,22 @@
|
|
|
575
608
|
|
|
576
609
|
color: var(--ydb-progress-bar-font-color);
|
|
577
610
|
|
|
611
|
+
&_text,
|
|
612
|
+
&_compact {
|
|
613
|
+
color: var(--g-color-text-primary);
|
|
614
|
+
@include mixins.text-caption-2();
|
|
615
|
+
}
|
|
616
|
+
|
|
578
617
|
&_text {
|
|
579
618
|
margin-right: var(--g-spacing-1);
|
|
580
619
|
}
|
|
581
620
|
|
|
582
621
|
&_compact {
|
|
622
|
+
overflow: hidden;
|
|
623
|
+
|
|
624
|
+
min-width: 0;
|
|
583
625
|
margin-right: auto;
|
|
584
|
-
margin-left: var(--g-spacing-1);
|
|
626
|
+
margin-left: var(--progress-bar-compact-placeholder-margin-left, var(--g-spacing-1));
|
|
585
627
|
}
|
|
586
628
|
}
|
|
587
629
|
|
|
@@ -605,6 +647,10 @@
|
|
|
605
647
|
}
|
|
606
648
|
}
|
|
607
649
|
|
|
650
|
+
&__all-mode-compaction-icons_size_s {
|
|
651
|
+
margin-left: 0;
|
|
652
|
+
}
|
|
653
|
+
|
|
608
654
|
&__icon {
|
|
609
655
|
position: relative;
|
|
610
656
|
z-index: 2;
|
|
@@ -613,6 +659,10 @@
|
|
|
613
659
|
|
|
614
660
|
color: var(--entity-state-icon-color, var(--entity-state-border-color));
|
|
615
661
|
|
|
662
|
+
&_missing-data {
|
|
663
|
+
color: var(--g-color-text-hint);
|
|
664
|
+
}
|
|
665
|
+
|
|
616
666
|
&_overlap-top-left {
|
|
617
667
|
position: absolute;
|
|
618
668
|
z-index: 3;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Icon, Text } from '@gravity-ui/uikit';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
5
|
import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
|
|
5
6
|
import { DiskIconGroup } from './DiskIndicator';
|
|
6
7
|
const b = cn('storage-disk-progress-bar');
|
|
8
|
+
function PDiskAllModeStatusIndicator({ indicator }) {
|
|
9
|
+
if (!indicator) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
const className = indicator === CircleQuestionFill ? b('all-mode-missing-data-indicator-icon') : undefined;
|
|
13
|
+
return _jsx(Icon, { className: className, data: indicator, size: 12 });
|
|
14
|
+
}
|
|
7
15
|
export function PDiskAllModeIndicators({ indicators }) {
|
|
8
|
-
return (_jsxs("div", { className: b('pdisk-all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('pdisk-all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('pdisk-all-mode-drive-indicator-slot'), children:
|
|
16
|
+
return (_jsxs("div", { className: b('pdisk-all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('pdisk-all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('pdisk-all-mode-drive-indicator-slot'), children: _jsx(PDiskAllModeStatusIndicator, { indicator: indicators.drive }) }), _jsx("span", { className: b('pdisk-all-mode-decommit-indicator-slot'), children: _jsx(PDiskAllModeStatusIndicator, { indicator: indicators.decommit }) }), _jsx("span", { className: b('pdisk-all-mode-maintenance-indicator-slot'), children: _jsx(PDiskAllModeStatusIndicator, { indicator: indicators.maintenance }) }), _jsx("span", { className: b('pdisk-all-mode-device-indicator-slot'), children: indicators.device && _jsx(DiskIconGroup, { icons: indicators.device }) })] }));
|
|
9
17
|
}
|
|
10
18
|
//# sourceMappingURL=PDiskAllModeIndicators.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskAllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"PDiskAllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,SAAS,2BAA2B,CAAC,EAAC,SAAS,EAAyB;IACpE,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,SAAS,GACX,SAAS,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7F,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAC,UAAU,EAA8B;IAC5E,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,2BAA2B,CAAC,aAC1C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,8CAA8C,CAAC,YAE5D,KAAC,6BAA6B,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,GAAI,GACnE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,qCAAqC,CAAC,YACrD,KAAC,2BAA2B,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,GACzD,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,YACxD,KAAC,2BAA2B,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,GAC5D,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,2CAA2C,CAAC,YAC3D,KAAC,2BAA2B,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,GAAI,GAC/D,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,MAAM,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAI,GAC9D,IACL,CACT,CAAC;AACN,CAAC"}
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { ArrowsOppositeToDots } from '@gravity-ui/icons';
|
|
4
4
|
import { Icon } from '@gravity-ui/uikit';
|
|
5
5
|
import { isNil } from 'lodash';
|
|
6
|
-
import { useDiskPagesAvailable } from '../../store/reducers/capabilities/hooks';
|
|
6
|
+
import { useDiskPagesAvailable, useTabletDevUiSecurePath, } from '../../store/reducers/capabilities/hooks';
|
|
7
7
|
import { useIsUserAllowedToMakeChanges } from '../../utils/hooks/useIsUserAllowedToMakeChanges';
|
|
8
8
|
import { ButtonWithConfirmDialog } from '../ButtonWithConfirmDialog/ButtonWithConfirmDialog';
|
|
9
9
|
import { evictVDiskButtonKeyset } from './i18n';
|
|
@@ -17,6 +17,7 @@ export function isAllVdiskParamsDefined(vDiskId) {
|
|
|
17
17
|
export const EvictVDiskButton = ({ vDiskId, donorMode, fullWidth, onSuccess, }) => {
|
|
18
18
|
const isUserAllowedToMakeChanges = useIsUserAllowedToMakeChanges();
|
|
19
19
|
const newDiskApiAvailable = useDiskPagesAvailable();
|
|
20
|
+
const useSecurePath = useTabletDevUiSecurePath();
|
|
20
21
|
const handleEvictVDisk = React.useCallback(async (isRetry) => {
|
|
21
22
|
const requestParams = {
|
|
22
23
|
groupId: vDiskId.GroupID,
|
|
@@ -31,7 +32,10 @@ export const EvictVDiskButton = ({ vDiskId, donorMode, fullWidth, onSuccess, })
|
|
|
31
32
|
response = await window.api.vdisk.evictVDisk(requestParams);
|
|
32
33
|
}
|
|
33
34
|
else {
|
|
34
|
-
response = await window.api.tablets.evictVDiskOld(
|
|
35
|
+
response = await window.api.tablets.evictVDiskOld({
|
|
36
|
+
...requestParams,
|
|
37
|
+
useSecurePath,
|
|
38
|
+
});
|
|
35
39
|
}
|
|
36
40
|
if ((response === null || response === void 0 ? void 0 : response.result) === false) {
|
|
37
41
|
const err = {
|
|
@@ -40,7 +44,7 @@ export const EvictVDiskButton = ({ vDiskId, donorMode, fullWidth, onSuccess, })
|
|
|
40
44
|
};
|
|
41
45
|
throw err;
|
|
42
46
|
}
|
|
43
|
-
}, [vDiskId, newDiskApiAvailable]);
|
|
47
|
+
}, [vDiskId, newDiskApiAvailable, useSecurePath]);
|
|
44
48
|
return (_jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: onSuccess, buttonDisabled: !isUserAllowedToMakeChanges || donorMode, buttonView: "normal", buttonWidth: fullWidth ? 'max' : undefined, dialogHeader: evictVDiskButtonKeyset('title_evict-dialog'), dialogText: evictVDiskButtonKeyset('confirm_evict'), dialogWarning: evictVDiskButtonKeyset('alert_evict'), applyButtonText: evictVDiskButtonKeyset('action_evict-short'), applyButtonView: "outlined-danger", retryButtonText: evictVDiskButtonKeyset('action_force-evict'), withPopover: true, popoverContent: donorMode
|
|
45
49
|
? evictVDiskButtonKeyset('alert_donor-mode-impossible')
|
|
46
50
|
: evictVDiskButtonKeyset('alert_not-allowed'), popoverDisabled: isUserAllowedToMakeChanges && !donorMode, children: [_jsx(Icon, { data: ArrowsOppositeToDots }), evictVDiskButtonKeyset('action_evict')] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EvictVDiskButton.js","sourceRoot":"","sources":["../../../src/components/EvictVDiskButton/EvictVDiskButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,
|
|
1
|
+
{"version":3,"file":"EvictVDiskButton.js","sourceRoot":"","sources":["../../../src/components/EvictVDiskButton/EvictVDiskButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +1,73 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Flex } from '@gravity-ui/uikit';
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
|
+
import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
|
|
5
|
+
import { formatStorageValues } from '../../utils/dataFormatters/dataFormatters';
|
|
4
6
|
import { useNodeDeveloperUIHref } from '../../utils/hooks/useNodeDeveloperUIHref';
|
|
5
|
-
import {
|
|
7
|
+
import { isNumeric } from '../../utils/utils';
|
|
6
8
|
import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
|
|
7
9
|
import { PoolUsage } from '../PoolUsage/PoolUsage';
|
|
8
10
|
import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
|
|
9
11
|
import { NodeUptime } from '../UptimeViewer/UptimeViewer';
|
|
12
|
+
import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
|
|
10
13
|
import i18n from './i18n';
|
|
11
14
|
import './FullNodeViewer.scss';
|
|
12
15
|
const b = cn('full-node-viewer');
|
|
13
16
|
const getLoadAverageIntervalTitle = (index) => {
|
|
14
17
|
return [i18n('la-interval-1m'), i18n('la-interval-5m'), i18n('la-interval-15m')][index];
|
|
15
18
|
};
|
|
19
|
+
const formatMemoryValues = (value, total) => formatStorageValues(value, total, 'gb', undefined, true);
|
|
16
20
|
// eslint-disable-next-line complexity
|
|
17
21
|
export const FullNodeViewer = ({ node, className }) => {
|
|
18
|
-
var _a, _b, _c, _d, _e;
|
|
22
|
+
var _a, _b, _c, _d, _e, _f;
|
|
19
23
|
const developerUIHref = useNodeDeveloperUIHref(node);
|
|
20
24
|
const commonInfo = [];
|
|
21
25
|
if ((_a = node === null || node === void 0 ? void 0 : node.Tenants) === null || _a === void 0 ? void 0 : _a.length) {
|
|
22
|
-
commonInfo.push({
|
|
26
|
+
commonInfo.push({
|
|
27
|
+
name: i18n('database'),
|
|
28
|
+
content: node.Tenants[0] || EMPTY_DATA_PLACEHOLDER,
|
|
29
|
+
});
|
|
23
30
|
}
|
|
24
|
-
commonInfo.push({
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}, {
|
|
31
|
+
commonInfo.push({ name: i18n('version'), content: (node === null || node === void 0 ? void 0 : node.Version) || EMPTY_DATA_PLACEHOLDER }, {
|
|
32
|
+
name: i18n('uptime'),
|
|
33
|
+
content: (_jsx(NodeUptime, { StartTime: node === null || node === void 0 ? void 0 : node.StartTime, DisconnectTime: node === null || node === void 0 ? void 0 : node.DisconnectTime })),
|
|
34
|
+
}, {
|
|
35
|
+
name: i18n('dc'),
|
|
36
|
+
content: (node === null || node === void 0 ? void 0 : node.DataCenterDescription) || (node === null || node === void 0 ? void 0 : node.DC) || EMPTY_DATA_PLACEHOLDER,
|
|
37
|
+
});
|
|
28
38
|
if (node === null || node === void 0 ? void 0 : node.Rack) {
|
|
29
|
-
commonInfo.push({
|
|
39
|
+
commonInfo.push({ name: i18n('rack'), content: node.Rack });
|
|
30
40
|
}
|
|
31
41
|
if (developerUIHref) {
|
|
32
42
|
commonInfo.push({
|
|
33
|
-
|
|
34
|
-
|
|
43
|
+
name: i18n('links'),
|
|
44
|
+
content: _jsx(LinkWithIcon, { url: developerUIHref, title: i18n('developer-ui') }),
|
|
35
45
|
});
|
|
36
46
|
}
|
|
37
47
|
const endpointsInfo = (_b = node === null || node === void 0 ? void 0 : node.Endpoints) === null || _b === void 0 ? void 0 : _b.map(({ Name, Address }) => ({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}));
|
|
41
|
-
const averageInfo = (_c = node === null || node === void 0 ? void 0 : node.LoadAveragePercents) === null || _c === void 0 ? void 0 : _c.map((load, loadIndex) => ({
|
|
42
|
-
label: getLoadAverageIntervalTitle(loadIndex),
|
|
43
|
-
value: (_jsx(ProgressViewer, { value: load, percents: true, colorizeProgress: true, capacity: 100 })),
|
|
48
|
+
name: Name || EMPTY_DATA_PLACEHOLDER,
|
|
49
|
+
content: Address || EMPTY_DATA_PLACEHOLDER,
|
|
44
50
|
}));
|
|
51
|
+
const averageInfo = (_d = (_c = node === null || node === void 0 ? void 0 : node.LoadAveragePercents) === null || _c === void 0 ? void 0 : _c.map((load, loadIndex) => ({
|
|
52
|
+
name: getLoadAverageIntervalTitle(loadIndex),
|
|
53
|
+
content: (_jsx(ProgressViewer, { value: load, percents: true, colorizeProgress: true, capacity: 100 })),
|
|
54
|
+
}))) !== null && _d !== void 0 ? _d : [];
|
|
45
55
|
if (!node) {
|
|
46
56
|
return _jsx("div", { className: "error", children: i18n('no-data') });
|
|
47
57
|
}
|
|
48
|
-
|
|
58
|
+
const memoryUsed = isNumeric(node.MemoryUsed) ? Number(node.MemoryUsed) : undefined;
|
|
59
|
+
const memoryLimit = isNumeric(node.MemoryLimit) ? Number(node.MemoryLimit) : undefined;
|
|
60
|
+
const hasMemoryUsed = memoryUsed !== undefined && Number.isFinite(memoryUsed) && memoryUsed >= 0;
|
|
61
|
+
const hasMemoryLimit = memoryLimit !== undefined && Number.isFinite(memoryLimit) && memoryLimit > 0;
|
|
62
|
+
const renderMemory = () => {
|
|
63
|
+
if (!hasMemoryUsed) {
|
|
64
|
+
return EMPTY_DATA_PLACEHOLDER;
|
|
65
|
+
}
|
|
66
|
+
if (!hasMemoryLimit) {
|
|
67
|
+
return formatMemoryValues(memoryUsed)[0];
|
|
68
|
+
}
|
|
69
|
+
return (_jsx(ProgressViewer, { value: memoryUsed, capacity: memoryLimit, formatValues: formatMemoryValues, colorizeProgress: true }));
|
|
70
|
+
};
|
|
71
|
+
return (_jsx("div", { className: b(null, className), children: _jsxs(Flex, { wrap: true, gap: 4, children: [_jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.common-info') }), _jsx(YDBDefinitionList, { items: commonInfo, nameMaxWidth: 100, compact: true })] }), endpointsInfo && endpointsInfo.length ? (_jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.endpoints') }), _jsx(YDBDefinitionList, { items: endpointsInfo, nameMaxWidth: 100, compact: true })] })) : null] }), _jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs("div", { children: [_jsx("div", { className: b('section-title'), children: i18n('title.pools') }), _jsx("div", { className: b('section', { pools: true }), children: (_e = node === null || node === void 0 ? void 0 : node.PoolStats) === null || _e === void 0 ? void 0 : _e.map((pool, poolIndex) => (_jsx(PoolUsage, { data: pool }, poolIndex))) })] }), _jsxs("div", { className: b('section', { average: true }), children: [_jsx("div", { className: b('section-title'), children: i18n('title.load-average') }), _jsx(YDBDefinitionList, { items: averageInfo, nameMaxWidth: 100, compact: true })] }), _jsxs("div", { className: b('section', { ram: true }), "data-qa": "node-ram", children: [_jsx("div", { className: b('section-title'), children: i18n('title_ram') }), renderMemory()] })] }), node.Roles && node.Roles.length ? (_jsx(Flex, { direction: "column", gap: 2, children: _jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.roles') }), (_f = node === null || node === void 0 ? void 0 : node.Roles) === null || _f === void 0 ? void 0 : _f.map((role) => (_jsx("div", { className: b('role'), children: role }, role)))] }) })) : null] }) }));
|
|
49
72
|
};
|
|
50
73
|
//# sourceMappingURL=FullNodeViewer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullNodeViewer.js","sourceRoot":"","sources":["../../../src/components/FullNodeViewer/FullNodeViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"FullNodeViewer.js","sourceRoot":"","sources":["../../../src/components/FullNodeViewer/FullNodeViewer.tsx"],"names":[],"mappings":"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"}
|