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
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export const NODE_EXPERT_PDISK_WIDTH = 165;
|
|
2
|
+
export const NODE_EXPERT_VDISKS_PER_ROW = 8;
|
|
3
|
+
export const NODE_EXPERT_ALL_VDISKS_PER_ROW = 4;
|
|
4
|
+
export const NODE_EXPERT_ALL_VDISK_WIDTH = 45;
|
|
5
|
+
const NODE_EXPERT_VDISK_MIN_WIDTH = 10;
|
|
6
|
+
const NODE_EXPERT_VDISK_GAP = 2;
|
|
7
|
+
const NODE_EXPERT_VDISK_HEIGHT = 14;
|
|
8
|
+
const NODE_EXPERT_VDISK_ROW_GAP = 2;
|
|
9
|
+
const NODE_EXPERT_VDISK_PDISK_GAP = 6;
|
|
10
|
+
const NODE_EXPERT_VDISK_SIZE_INDICATOR_HEIGHT = 2;
|
|
11
|
+
const NODE_EXPERT_VDISK_SIZE_INDICATOR_GAP = 2;
|
|
12
|
+
const PDISK_HEIGHT = 20;
|
|
13
|
+
const TABLE_CELL_VERTICAL_PADDING = 10;
|
|
14
|
+
const TABLE_ROW_BORDER = 1;
|
|
15
|
+
export const STORAGE_NODES_DEFAULT_ROW_HEIGHT = 51;
|
|
16
|
+
export const STORAGE_NODES_DEFAULT_PDISK_HEIGHT = 40;
|
|
17
|
+
export const NODE_EXPERT_ALL_PDISK_WIDTH = NODE_EXPERT_ALL_VDISKS_PER_ROW * NODE_EXPERT_ALL_VDISK_WIDTH +
|
|
18
|
+
(NODE_EXPERT_ALL_VDISKS_PER_ROW - 1) * NODE_EXPERT_VDISK_GAP;
|
|
19
|
+
function getVDiskWeight(vDisk) {
|
|
20
|
+
const allocatedSize = Number(vDisk.AllocatedSize);
|
|
21
|
+
return Number.isFinite(allocatedSize) && allocatedSize > 0 ? allocatedSize : 1;
|
|
22
|
+
}
|
|
23
|
+
export function calculateNodeExpertVDiskRows(vDisks, pDiskWidth = NODE_EXPERT_PDISK_WIDTH) {
|
|
24
|
+
const rows = [];
|
|
25
|
+
for (let index = 0; index < vDisks.length; index += NODE_EXPERT_VDISKS_PER_ROW) {
|
|
26
|
+
rows.push(vDisks.slice(index, index + NODE_EXPERT_VDISKS_PER_ROW));
|
|
27
|
+
}
|
|
28
|
+
if (rows.length === 0) {
|
|
29
|
+
return [];
|
|
30
|
+
}
|
|
31
|
+
// The densest row constrains one shared scale so VDisk widths stay comparable across rows.
|
|
32
|
+
const scale = Math.min(...rows.map((row) => {
|
|
33
|
+
const gapsWidth = NODE_EXPERT_VDISK_GAP * Math.max(row.length - 1, 0);
|
|
34
|
+
const minimumItemsWidth = NODE_EXPERT_VDISK_MIN_WIDTH * row.length;
|
|
35
|
+
const availableGrowth = Math.max(pDiskWidth - gapsWidth - minimumItemsWidth, 0);
|
|
36
|
+
const totalWeight = row.reduce((sum, vDisk) => sum + getVDiskWeight(vDisk), 0);
|
|
37
|
+
return availableGrowth / totalWeight;
|
|
38
|
+
}));
|
|
39
|
+
return rows.map((row) => row.map((vDisk) => ({
|
|
40
|
+
vDisk,
|
|
41
|
+
width: NODE_EXPERT_VDISK_MIN_WIDTH + getVDiskWeight(vDisk) * scale,
|
|
42
|
+
})));
|
|
43
|
+
}
|
|
44
|
+
export function getNodeExpertVDiskRowsCount(maximumSlotsPerDisk, isAllMode = false) {
|
|
45
|
+
const slotsCount = Number.isFinite(maximumSlotsPerDisk) && maximumSlotsPerDisk > 0
|
|
46
|
+
? Math.ceil(maximumSlotsPerDisk)
|
|
47
|
+
: 1;
|
|
48
|
+
const disksPerRow = isAllMode ? NODE_EXPERT_ALL_VDISKS_PER_ROW : NODE_EXPERT_VDISKS_PER_ROW;
|
|
49
|
+
return Math.max(1, Math.ceil(slotsCount / disksPerRow));
|
|
50
|
+
}
|
|
51
|
+
export function getNodeExpertPDiskHeight(maximumSlotsPerDisk, isAllMode = false) {
|
|
52
|
+
const rowsCount = getNodeExpertVDiskRowsCount(maximumSlotsPerDisk, isAllMode);
|
|
53
|
+
const vDiskHeight = isAllMode
|
|
54
|
+
? NODE_EXPERT_VDISK_HEIGHT +
|
|
55
|
+
NODE_EXPERT_VDISK_SIZE_INDICATOR_HEIGHT +
|
|
56
|
+
NODE_EXPERT_VDISK_SIZE_INDICATOR_GAP
|
|
57
|
+
: NODE_EXPERT_VDISK_HEIGHT;
|
|
58
|
+
return (rowsCount * vDiskHeight +
|
|
59
|
+
(rowsCount - 1) * NODE_EXPERT_VDISK_ROW_GAP +
|
|
60
|
+
NODE_EXPERT_VDISK_PDISK_GAP +
|
|
61
|
+
PDISK_HEIGHT);
|
|
62
|
+
}
|
|
63
|
+
export function getStorageNodesExpertRowHeight(maximumSlotsPerDisk, isAllMode = false) {
|
|
64
|
+
return (getNodeExpertPDiskHeight(maximumSlotsPerDisk, isAllMode) +
|
|
65
|
+
TABLE_CELL_VERTICAL_PADDING +
|
|
66
|
+
TABLE_ROW_BORDER);
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=nodeExpertModeLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nodeExpertModeLayout.js","sourceRoot":"","sources":["../../../../src/containers/Storage/PaginatedStorageNodes/nodeExpertModeLayout.ts"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,8 @@ interface PaginatedStorageNodesTableProps {
|
|
|
19
19
|
scrollContainerRef: React.RefObject<HTMLElement>;
|
|
20
20
|
renderErrorMessage: RenderErrorMessage;
|
|
21
21
|
initialEntitiesCount?: number;
|
|
22
|
+
rowHeight?: number;
|
|
22
23
|
onDataFetched?: (data: PaginatedTableData<PreparedStorageNode>) => void;
|
|
23
24
|
}
|
|
24
|
-
export declare const PaginatedStorageNodesTable: ({ columns, database, nodeId, groupId, filterGroup, filterGroupBy, searchValue, visibleEntities, nodesUptimeFilter, onShowAll, scrollContainerRef, renderErrorMessage, initialEntitiesCount, onDataFetched, }: PaginatedStorageNodesTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const PaginatedStorageNodesTable: ({ columns, database, nodeId, groupId, filterGroup, filterGroupBy, searchValue, visibleEntities, nodesUptimeFilter, onShowAll, scrollContainerRef, renderErrorMessage, initialEntitiesCount, rowHeight, onDataFetched, }: PaginatedStorageNodesTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
26
|
export {};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { useHistory } from 'react-router-dom';
|
|
4
|
+
import { getNodeHostLabel, getNodeHostPath, } from '../../../components/NodeHostWrapper/NodeHostWrapper';
|
|
3
5
|
import { PAGINATED_TABLE_IDS, ResizeablePaginatedTable } from '../../../components/PaginatedTable';
|
|
6
|
+
import { NODES_COLUMNS_IDS } from '../../../components/nodesColumns/constants';
|
|
4
7
|
import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
|
|
5
8
|
import { cn } from '../../../utils/cn';
|
|
6
9
|
import { NodesUptimeFilterValues, isUnavailableNode } from '../../../utils/nodes';
|
|
10
|
+
import { STORAGE_NODES_DEFAULT_ROW_HEIGHT } from '../PaginatedStorageNodes/nodeExpertModeLayout';
|
|
7
11
|
import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
|
|
8
12
|
import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
|
|
9
13
|
import { getStorageNodes } from './getNodes';
|
|
@@ -11,7 +15,8 @@ import i18n from './i18n';
|
|
|
11
15
|
import './StorageNodes.scss';
|
|
12
16
|
const b = cn('ydb-storage-nodes');
|
|
13
17
|
const getRowUnavailableClassName = (row) => b('node', { unavailable: isUnavailableNode(row) });
|
|
14
|
-
export const PaginatedStorageNodesTable = ({ columns, database, nodeId, groupId, filterGroup, filterGroupBy, searchValue, visibleEntities, nodesUptimeFilter, onShowAll, scrollContainerRef, renderErrorMessage, initialEntitiesCount, onDataFetched, }) => {
|
|
18
|
+
export const PaginatedStorageNodesTable = ({ columns, database, nodeId, groupId, filterGroup, filterGroupBy, searchValue, visibleEntities, nodesUptimeFilter, onShowAll, scrollContainerRef, renderErrorMessage, initialEntitiesCount, rowHeight = STORAGE_NODES_DEFAULT_ROW_HEIGHT, onDataFetched, }) => {
|
|
19
|
+
const history = useHistory();
|
|
15
20
|
const tableFilters = React.useMemo(() => {
|
|
16
21
|
return {
|
|
17
22
|
searchValue,
|
|
@@ -40,6 +45,13 @@ export const PaginatedStorageNodesTable = ({ columns, database, nodeId, groupId,
|
|
|
40
45
|
}
|
|
41
46
|
return i18n('empty.default');
|
|
42
47
|
};
|
|
43
|
-
return (_jsx(ResizeablePaginatedTable, {
|
|
48
|
+
return (_jsx(ResizeablePaginatedTable, { getKeyboardRowKey: (node) => node.NodeId, getKeyboardRowLabel: getNodeHostLabel, onKeyboardActivate: (node) => {
|
|
49
|
+
const nodePath = getNodeHostPath(node, database);
|
|
50
|
+
if (nodePath) {
|
|
51
|
+
history.push(nodePath);
|
|
52
|
+
}
|
|
53
|
+
}, columnsWidthLSKey: STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, scrollContainerRef: scrollContainerRef, columns: columns, fetchData: getStorageNodes, rowHeight: columns.some((column) => column.name === NODES_COLUMNS_IDS.PDisks)
|
|
54
|
+
? rowHeight
|
|
55
|
+
: undefined, initialEntitiesCount: initialEntitiesCount, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, getRowClassName: getRowUnavailableClassName, filters: tableFilters, tableName: PAGINATED_TABLE_IDS.STORAGE_NODES, onDataFetched: onDataFetched }));
|
|
44
56
|
};
|
|
45
57
|
//# sourceMappingURL=PaginatedStorageNodesTable.js.map
|
package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedStorageNodesTable.js","sourceRoot":"","sources":["../../../../src/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedStorageNodesTable.js","sourceRoot":"","sources":["../../../../src/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,9 +14,9 @@ export const getPDisksColumn = ({ viewContext, columnsSettings, }) => {
|
|
|
14
14
|
className: b('pdisks-column'),
|
|
15
15
|
width: columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.pDiskContainerWidth,
|
|
16
16
|
render: ({ row }) => {
|
|
17
|
-
return (_jsx(PDisks, { pDisks: row.PDisks, vDisks: row.VDisks, viewContext: viewContext, pDiskWidth: columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.pDiskWidth }));
|
|
17
|
+
return (_jsx(PDisks, { pDisks: row.PDisks, vDisks: row.VDisks, viewContext: viewContext, pDiskWidth: columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.pDiskWidth, pDiskHeight: columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.pDiskHeight, expertMode: columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.expertMode }));
|
|
18
18
|
},
|
|
19
|
-
align: DataTable.
|
|
19
|
+
align: DataTable.LEFT,
|
|
20
20
|
sortable: false,
|
|
21
21
|
resizeable: false,
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/PaginatedStorageNodesTable/columns/columns.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,8BAA8B,CAAC;AAErD,OAAO,EACH,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,GAC1B,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACH,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACnB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACH,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,GACxB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAI3C,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,GACY,EAAe,EAAE;IAC5C,OAAO;QACH,IAAI,EAAE,iBAAiB,CAAC,MAAM;QAC9B,MAAM,EAAE,oBAAoB,CAAC,MAAM;QACnC,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC;QAC7B,KAAK,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,mBAAmB;QAC3C,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,OAAO,CACH,KAAC,MAAM,IACH,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,UAAU,GACzC,CACL,CAAC;QACN,CAAC;QACD,KAAK,EAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/PaginatedStorageNodesTable/columns/columns.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,8BAA8B,CAAC;AAErD,OAAO,EACH,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,GAC1B,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACH,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACnB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACH,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,GACxB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAI3C,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,GACY,EAAe,EAAE;IAC5C,OAAO;QACH,IAAI,EAAE,iBAAiB,CAAC,MAAM;QAC9B,MAAM,EAAE,oBAAoB,CAAC,MAAM;QACnC,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC;QAC7B,KAAK,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,mBAAmB;QAC3C,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,OAAO,CACH,KAAC,MAAM,IACH,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,UAAU,EACvC,WAAW,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,EACzC,UAAU,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,UAAU,GACzC,CACL,CAAC;QACN,CAAC;QACD,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;KACpB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,eAAe,GACY,EAAiB,EAAE;IAC9C,MAAM,OAAO,GAAkB;QAC3B,eAAe,EAAE;QACjB,aAAa,CAAC,EAAC,QAAQ,EAAC,CAAC;QACzB,iBAAiB,EAAE;QACnB,mBAAmB,EAAE;QACrB,iBAAiB,EAAE;QACnB,aAAa,EAAE;QACf,eAAe,EAAE;QACjB,YAAY,EAAE;QACd,cAAc,EAAE;QAChB,YAAY,EAAE;QACd,eAAe,EAAE;QACjB,uBAAuB,EAAE;QACzB,gBAAgB,EAAE;QAClB,qBAAqB,EAAE;QACvB,eAAe,CAAC,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC;QAC/C,gBAAgB,CAAC,EAAC,QAAQ,EAAC,CAAC;QAC5B,mBAAmB,EAAE;QACrB,uBAAuB,EAAE;QACzB,sBAAsB,EAAE;QACxB,sBAAsB,EAAE;KAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC7C,GAAG,MAAM;QACT,QAAQ,EAAE,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC;KAC/C,CAAC,CAAC,CAAC;IAEJ,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC"}
|
|
@@ -20,12 +20,17 @@ export function useStorageNodesSelectedColumns({ visibleEntities, database, view
|
|
|
20
20
|
const allColumns = getStorageNodesColumns({ database, viewContext, columnsSettings });
|
|
21
21
|
return allColumns.filter((column) => !skippedColumnIds.some((id) => id === column.name));
|
|
22
22
|
}, [database, viewContext, columnsSettings, skippedColumnIds]);
|
|
23
|
-
const
|
|
23
|
+
const stickyColumns = React.useMemo(() => {
|
|
24
24
|
if (visibleEntities === VISIBLE_ENTITIES.missing) {
|
|
25
25
|
return [...REQUIRED_STORAGE_NODES_COLUMNS, NODES_COLUMNS_IDS.Missing];
|
|
26
26
|
}
|
|
27
27
|
return REQUIRED_STORAGE_NODES_COLUMNS;
|
|
28
28
|
}, [visibleEntities]);
|
|
29
|
+
const requiredColumns = React.useMemo(() => {
|
|
30
|
+
return (columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.expertMode)
|
|
31
|
+
? [...stickyColumns, NODES_COLUMNS_IDS.PDisks]
|
|
32
|
+
: stickyColumns;
|
|
33
|
+
}, [columnsSettings === null || columnsSettings === void 0 ? void 0 : columnsSettings.expertMode, stickyColumns]);
|
|
29
34
|
const defaultColumns = React.useMemo(() => {
|
|
30
35
|
if (!bridgeModeEnabled) {
|
|
31
36
|
return DEFAULT_STORAGE_NODES_COLUMNS;
|
|
@@ -34,7 +39,7 @@ export function useStorageNodesSelectedColumns({ visibleEntities, database, view
|
|
|
34
39
|
? DEFAULT_STORAGE_NODES_COLUMNS
|
|
35
40
|
: [...DEFAULT_STORAGE_NODES_COLUMNS, NODES_COLUMNS_IDS.PileName];
|
|
36
41
|
}, [bridgeModeEnabled]);
|
|
37
|
-
const selectedColumns = useSelectedColumns(columns, STORAGE_NODES_SELECTED_COLUMNS_LS_KEY, NODES_COLUMNS_TITLES, defaultColumns, requiredColumns);
|
|
42
|
+
const selectedColumns = useSelectedColumns(columns, STORAGE_NODES_SELECTED_COLUMNS_LS_KEY, NODES_COLUMNS_TITLES, defaultColumns, requiredColumns, stickyColumns);
|
|
38
43
|
const hiddenCapacityColumnIds = blobMetricsEnabled
|
|
39
44
|
? LEGACY_CAPACITY_COLUMN_IDS
|
|
40
45
|
: CAPACITY_METRICS_USER_SETTINGS_COLUMNS_IDS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/PaginatedStorageNodesTable/columns/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACH,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EACH,oCAAoC,EACpC,oBAAoB,GACvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,gBAAgB,EAAC,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EACH,qCAAqC,EACrC,kBAAkB,GACrB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAC;AACjD,OAAO,EACH,0CAA0C,EAC1C,6BAA6B,EAC7B,8BAA8B,EAC9B,qCAAqC,GACxC,MAAM,aAAa,CAAC;AAGrB,MAAM,0BAA0B,GAAoB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;AAEvF,MAAM,UAAU,8BAA8B,CAAC,EAC3C,eAAe,EACf,QAAQ,EACR,WAAW,EACX,eAAe,GACY;IAC3B,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,kBAAkB,GAAG,oCAAoC,EAAE,CAAC;IAElE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,OAAO,GAAoB,EAAE,CAAC;QAEpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,UAAU,GAAG,sBAAsB,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAC,CAAC,CAAC;QAEpF,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7F,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/D,MAAM,
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/PaginatedStorageNodesTable/columns/hooks.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,8 @@ import type { StorageViewContext } from '../../types';
|
|
|
3
3
|
export interface StorageNodesColumnsSettings {
|
|
4
4
|
pDiskWidth?: number;
|
|
5
5
|
pDiskContainerWidth?: number;
|
|
6
|
+
pDiskHeight?: number;
|
|
7
|
+
expertMode?: boolean;
|
|
6
8
|
}
|
|
7
9
|
export interface GetStorageNodesColumnsParams {
|
|
8
10
|
visibleEntities?: VisibleEntities;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useStorageQueryParams } from '../useStorageQueryParams';
|
|
3
|
+
import { ExpertModePanelLayout, ExpertModeRow } from './components/ExpertModePanelLayout';
|
|
4
|
+
import { renderPDiskLegend, renderVDiskLegend } from './components/renderExpertModeLegend';
|
|
5
|
+
import { PDisksGroupBy, VDisksGroupBy } from './constants';
|
|
6
|
+
import i18n from './i18n';
|
|
7
|
+
function getVDiskOptions() {
|
|
8
|
+
return [
|
|
9
|
+
{ value: VDisksGroupBy.State, content: i18n('value_state') },
|
|
10
|
+
{ value: VDisksGroupBy.Space, content: i18n('value_space') },
|
|
11
|
+
{ value: VDisksGroupBy.FrontQueues, content: i18n('value_front-queues') },
|
|
12
|
+
{ value: VDisksGroupBy.Compaction, content: i18n('value_compaction') },
|
|
13
|
+
{ value: VDisksGroupBy.DriveType, content: i18n('value_drive-type') },
|
|
14
|
+
{ value: VDisksGroupBy.All, content: i18n('value_all') },
|
|
15
|
+
];
|
|
16
|
+
}
|
|
17
|
+
function getPDiskOptions() {
|
|
18
|
+
return [
|
|
19
|
+
{ value: PDisksGroupBy.State, content: i18n('value_pdisks-state') },
|
|
20
|
+
{ value: PDisksGroupBy.Space, content: i18n('value_pdisks-space') },
|
|
21
|
+
{ value: PDisksGroupBy.Drive, content: i18n('value_pdisks-drive') },
|
|
22
|
+
{ value: PDisksGroupBy.Decommit, content: i18n('value_pdisks-decommit') },
|
|
23
|
+
{ value: PDisksGroupBy.Maintenance, content: i18n('value_pdisks-maintenance') },
|
|
24
|
+
{ value: PDisksGroupBy.Device, content: i18n('value_pdisks-device') },
|
|
25
|
+
{ value: PDisksGroupBy.DriveType, content: i18n('value_drive-type') },
|
|
26
|
+
{ value: PDisksGroupBy.All, content: i18n('value_pdisks-all') },
|
|
27
|
+
];
|
|
28
|
+
}
|
|
29
|
+
export function StorageGroupsExpertModePanel({ className }) {
|
|
30
|
+
const { vdisksGroupBy, pdisksGroupBy, handleVDisksGroupByChange, handlePDisksGroupByChange } = useStorageQueryParams();
|
|
31
|
+
return (_jsxs(ExpertModePanelLayout, { className: className, children: [_jsx(ExpertModeRow, { label: i18n('label_vdisks'), value: vdisksGroupBy, onUpdate: handleVDisksGroupByChange, options: getVDiskOptions(), legend: renderVDiskLegend(vdisksGroupBy, 'vdisks') }), _jsx(ExpertModeRow, { qa: "storage-pdisks-expert-mode", label: i18n('label_pdisks'), value: pdisksGroupBy, onUpdate: handlePDisksGroupByChange, options: getPDiskOptions(), legend: _jsx("div", { "data-qa": "storage-pdisks-expert-mode-legend", children: renderPDiskLegend(pdisksGroupBy, 'pdisks') }) })] }));
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=StorageGroupsExpertModePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StorageGroupsExpertModePanel.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useStorageQueryParams } from '../useStorageQueryParams';
|
|
3
|
+
import { ExpertModePanelLayout, ExpertModeRow } from './components/ExpertModePanelLayout';
|
|
4
|
+
import { renderPDiskLegend, renderVDiskLegend } from './components/renderExpertModeLegend';
|
|
5
|
+
import { PDisksGroupBy, VDisksGroupBy } from './constants';
|
|
6
|
+
import i18n from './i18n';
|
|
7
|
+
function getVDiskOptions() {
|
|
8
|
+
return [
|
|
9
|
+
{ value: VDisksGroupBy.State, content: i18n('value_state') },
|
|
10
|
+
{ value: VDisksGroupBy.Space, content: i18n('value_space') },
|
|
11
|
+
{ value: VDisksGroupBy.FrontQueues, content: i18n('value_front-queues') },
|
|
12
|
+
{ value: VDisksGroupBy.Compaction, content: i18n('value_compaction') },
|
|
13
|
+
{ value: VDisksGroupBy.All, content: i18n('value_all') },
|
|
14
|
+
];
|
|
15
|
+
}
|
|
16
|
+
function getPDiskOptions() {
|
|
17
|
+
return [
|
|
18
|
+
{ value: PDisksGroupBy.State, content: i18n('value_pdisks-state') },
|
|
19
|
+
{ value: PDisksGroupBy.Space, content: i18n('value_pdisks-space') },
|
|
20
|
+
{ value: PDisksGroupBy.Drive, content: i18n('value_pdisks-drive') },
|
|
21
|
+
{ value: PDisksGroupBy.Decommit, content: i18n('value_pdisks-decommit') },
|
|
22
|
+
{ value: PDisksGroupBy.Maintenance, content: i18n('value_pdisks-maintenance') },
|
|
23
|
+
{ value: PDisksGroupBy.Device, content: i18n('value_pdisks-device') },
|
|
24
|
+
{ value: PDisksGroupBy.All, content: i18n('value_pdisks-all') },
|
|
25
|
+
];
|
|
26
|
+
}
|
|
27
|
+
export function StorageNodesExpertModePanel({ className }) {
|
|
28
|
+
const { nodesVdisksGroupBy, nodesPdisksGroupBy, handleNodesVDisksGroupByChange, handleNodesPDisksGroupByChange, } = useStorageQueryParams();
|
|
29
|
+
return (_jsxs(ExpertModePanelLayout, { className: className, children: [_jsx(ExpertModeRow, { label: i18n('label_vdisks'), value: nodesVdisksGroupBy, onUpdate: handleNodesVDisksGroupByChange, options: getVDiskOptions(), legend: renderVDiskLegend(nodesVdisksGroupBy, 'nodes-vdisks') }), _jsx(ExpertModeRow, { qa: "storage-nodes-pdisks-expert-mode", label: i18n('label_pdisks'), value: nodesPdisksGroupBy, onUpdate: handleNodesPDisksGroupByChange, options: getPDiskOptions(), legend: _jsx("div", { "data-qa": "storage-nodes-pdisks-expert-mode-legend", children: renderPDiskLegend(nodesPdisksGroupBy, 'nodes-pdisks') }) })] }));
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=StorageNodesExpertModePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StorageNodesExpertModePanel.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageExpertModePanel/StorageNodesExpertModePanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAC,qBAAqB,EAAE,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAExF,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAEzD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAM1B,SAAS,eAAe;IACpB,OAAO;QACH,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,EAAC;QAC1D,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,EAAC;QAC1D,EAAC,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,EAAC;QACvE,EAAC,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAAC;QACpE,EAAC,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,EAAC;KACzD,CAAC;AACN,CAAC;AAED,SAAS,eAAe;IACpB,OAAO;QACH,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,EAAC;QACjE,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,EAAC;QACjE,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,EAAC;QACjE,EAAC,KAAK,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,uBAAuB,CAAC,EAAC;QACvE,EAAC,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,EAAC;QAC7E,EAAC,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAC;QACnE,EAAC,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAAC;KAChE,CAAC;AACN,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,EAAC,SAAS,EAAmC;IACrF,MAAM,EACF,kBAAkB,EAClB,kBAAkB,EAClB,8BAA8B,EAC9B,8BAA8B,GACjC,GAAG,qBAAqB,EAAE,CAAC;IAE5B,OAAO,CACH,MAAC,qBAAqB,IAAC,SAAS,EAAE,SAAS,aACvC,KAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,EAC3B,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,8BAA8B,EACxC,OAAO,EAAE,eAAe,EAAE,EAC1B,MAAM,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAC/D,EACF,KAAC,aAAa,IACV,EAAE,EAAC,kCAAkC,EACrC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,EAC3B,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,8BAA8B,EACxC,OAAO,EAAE,eAAe,EAAE,EAC1B,MAAM,EACF,yBAAa,yCAAyC,YACjD,iBAAiB,CAAC,kBAAkB,EAAE,cAAc,CAAC,GACpD,GAEZ,IACkB,CAC3B,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function DriveTypeLegend(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex, Label } from '@gravity-ui/uikit';
|
|
3
|
+
import i18n from '../i18n';
|
|
4
|
+
export function DriveTypeLegend() {
|
|
5
|
+
return (_jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [_jsx(Label, { size: "xs", theme: "normal", children: i18n('value_ssd') }), _jsx(Label, { size: "xs", theme: "utility", children: i18n('value_hdd') }), _jsx(Label, { size: "xs", theme: "info", children: i18n('value_nvme') }), _jsx(Label, { size: "xs", theme: "unknown", children: i18n('value_no-data') })] }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=DriveTypeLegend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DriveTypeLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,UAAU,eAAe;IAC3B,OAAO,CACH,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACzC,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAC1B,IAAI,CAAC,WAAW,CAAC,GACd,EACR,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,YAC3B,IAAI,CAAC,WAAW,CAAC,GACd,EACR,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,YACxB,IAAI,CAAC,YAAY,CAAC,GACf,EACR,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,YAC3B,IAAI,CAAC,eAAe,CAAC,GAClB,IACL,CACV,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '../StorageExpertModePanel.scss';
|
|
3
|
+
export interface ExpertModeOption<T extends string> {
|
|
4
|
+
value: T;
|
|
5
|
+
content: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
interface ExpertModePanelLayoutProps {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function ExpertModePanelLayout({ children, className }: ExpertModePanelLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
interface ExpertModeRowProps<T extends string> {
|
|
13
|
+
label: React.ReactNode;
|
|
14
|
+
value: T;
|
|
15
|
+
onUpdate: (value: T) => void;
|
|
16
|
+
options: readonly ExpertModeOption<T>[];
|
|
17
|
+
legend: React.ReactNode;
|
|
18
|
+
qa?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function ExpertModeRow<T extends string>({ label, value, onUpdate, options, legend, qa, }: ExpertModeRowProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Flex, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
|
|
4
|
+
import { b } from '../constants';
|
|
5
|
+
import '../StorageExpertModePanel.scss';
|
|
6
|
+
export function ExpertModePanelLayout({ children, className }) {
|
|
7
|
+
return _jsx("div", { className: b(null, className), children: children });
|
|
8
|
+
}
|
|
9
|
+
export function ExpertModeRow({ label, value, onUpdate, options, legend, qa, }) {
|
|
10
|
+
const labelId = React.useId();
|
|
11
|
+
return (_jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(Text, { id: labelId, variant: "subheader-1", children: label }), _jsx(SegmentedRadioGroup, { "aria-labelledby": labelId, qa: qa, value: value, onUpdate: (nextValue) => onUpdate(nextValue), size: "s", children: options.map((option) => (_jsx(SegmentedRadioGroup.Option, { value: option.value, children: option.content }, option.value))) }), legend] }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=ExpertModePanelLayout.js.map
|
package/dist/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpertModePanelLayout.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/ExpertModePanelLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAE/B,OAAO,gCAAgC,CAAC;AAYxC,MAAM,UAAU,qBAAqB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA6B;IACnF,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAChE,CAAC;AAWD,MAAM,UAAU,aAAa,CAAmB,EAC5C,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,EAAE,GACkB;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAE9B,OAAO,CACH,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAC,aAAa,YACnC,KAAK,GACH,EACP,KAAC,mBAAmB,uBACC,OAAO,EACxB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAc,CAAC,EACjD,IAAI,EAAC,GAAG,YAEP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,KAAC,mBAAmB,CAAC,MAAM,IAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,YAC7D,MAAM,CAAC,OAAO,IADc,MAAM,CAAC,KAAK,CAEhB,CAChC,CAAC,GACgB,EACrB,MAAM,IACJ,CACV,CAAC;AACN,CAAC"}
|
|
@@ -14,6 +14,7 @@ const legendItems = [
|
|
|
14
14
|
icon: Dots9,
|
|
15
15
|
className: b('label-danger-heavy'),
|
|
16
16
|
},
|
|
17
|
+
{ text: i18n('value_no-data'), theme: 'unknown' },
|
|
17
18
|
];
|
|
18
19
|
export function FrontQueuesLegend({ className }) {
|
|
19
20
|
return (_jsxs(Flex, { className: className, gap: 3, alignItems: "center", wrap: "wrap", children: [_jsx(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: legendItems.map(({ text, theme, icon, className: labelClassName }) => (_jsx(Label, { size: "xs", theme: theme, className: labelClassName, icon: icon ? _jsx(Icon, { data: icon, size: iconSize }) : undefined, children: text }, text))) }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrontQueuesLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAa3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAA4B;IACzC,EAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;IACjD,EAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAC;IACrE,EAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC;IAC3E;QACI,IAAI,EAAE,IAAI,CAAC,uBAAuB,CAAC;QACnC,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC;KACrC;
|
|
1
|
+
{"version":3,"file":"FrontQueuesLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/FrontQueuesLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAa3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAA4B;IACzC,EAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;IACjD,EAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAC;IACrE,EAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC;IAC3E;QACI,IAAI,EAAE,IAAI,CAAC,uBAAuB,CAAC;QACnC,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC;KACrC;IACD,EAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;CAClD,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAAC,SAAS,EAAyB;IACjE,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aAC/D,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YACxC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,EAAE,EAAE,CAAC,CACjE,KAAC,KAAK,IAEF,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,YAE5D,IAAI,IANA,IAAI,CAOL,CACX,CAAC,GACC,EACP,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAC,WAAW,YACpD,IAAI,CAAC,uBAAuB,CAAC,GAC3B,IACJ,CACV,CAAC;AACN,CAAC"}
|
|
@@ -9,6 +9,7 @@ const legendItems = [
|
|
|
9
9
|
{ text: i18n('value_decommit-rejected'), theme: 'warning', icon: Xmark },
|
|
10
10
|
{ text: i18n('value_decommit-pending'), theme: 'info', icon: HourglassStart },
|
|
11
11
|
{ text: i18n('value_decommit-none'), theme: 'success' },
|
|
12
|
+
{ text: i18n('value_no-data'), theme: 'unknown' },
|
|
12
13
|
];
|
|
13
14
|
export function PDiskDecommitLegend({ className }) {
|
|
14
15
|
return (_jsxs(Flex, { className: className, gap: 3, alignItems: "center", wrap: "wrap", children: [_jsx(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: legendItems.map(({ text, theme, icon }) => (_jsx(Label, { size: "xs", theme: theme, icon: icon ? _jsx(Icon, { data: icon, size: iconSize }) : undefined, children: text }, text))) }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskDecommitLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAY3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAA8B;IAC3C,EAAC,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAC;IAC/E,EAAC,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAC;IACtE,EAAC,IAAI,EAAE,IAAI,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAC;IAC3E,EAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;
|
|
1
|
+
{"version":3,"file":"PDiskDecommitLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAY3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAA8B;IAC3C,EAAC,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAC;IAC/E,EAAC,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAC;IACtE,EAAC,IAAI,EAAE,IAAI,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAC;IAC3E,EAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;IACrD,EAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;CAClD,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,EAAC,SAAS,EAA2B;IACrE,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aAC/D,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YACxC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACtC,KAAC,KAAK,IAEF,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,YAE5D,IAAI,IALA,IAAI,CAML,CACX,CAAC,GACC,EACP,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAC,WAAW,YACpD,IAAI,CAAC,uBAAuB,CAAC,GAC3B,IACJ,CACV,CAAC;AACN,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { CircleXmark, Clock, TrashBin, TriangleExclamation } from '@gravity-ui/icons';
|
|
3
3
|
import { Flex, Icon, Label, Text } from '@gravity-ui/uikit';
|
|
4
4
|
import { b } from '../constants';
|
|
5
5
|
import i18n from '../i18n';
|
|
@@ -8,8 +8,9 @@ const legendItems = [
|
|
|
8
8
|
{ text: i18n('drive_active'), theme: 'success' },
|
|
9
9
|
{ text: i18n('drive_inactive'), theme: 'warning', icon: Clock },
|
|
10
10
|
{ text: i18n('drive_to-be-removed'), theme: 'warning', icon: TrashBin },
|
|
11
|
-
{ text: i18n('drive_faulty'), theme: 'danger', icon:
|
|
11
|
+
{ text: i18n('drive_faulty'), theme: 'danger', icon: TriangleExclamation },
|
|
12
12
|
{ text: i18n('drive_broken'), theme: 'danger', icon: CircleXmark },
|
|
13
|
+
{ text: i18n('value_no-data'), theme: 'unknown' },
|
|
13
14
|
];
|
|
14
15
|
export function PDiskDriveLegend({ className }) {
|
|
15
16
|
return (_jsxs(Flex, { className: className, gap: 3, alignItems: "center", wrap: "wrap", children: [_jsx(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: legendItems.map(({ text, theme, icon }) => (_jsx(Label, { size: "xs", theme: theme, icon: icon ? _jsx(Icon, { data: icon, size: iconSize }) : undefined, children: text }, text))) }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskDriveLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"PDiskDriveLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAEpF,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAY3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAA2B;IACxC,EAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;IAC9C,EAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAC;IAC7D,EAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAC;IACrE,EAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,mBAAmB,EAAC;IACxE,EAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAC;IAChE,EAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;CAClD,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,EAAC,SAAS,EAAwB;IAC/D,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aAC/D,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YACxC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACtC,KAAC,KAAK,IAEF,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,YAE5D,IAAI,IALA,IAAI,CAML,CACX,CAAC,GACC,EACP,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAC,WAAW,YACpD,IAAI,CAAC,uBAAuB,CAAC,GAC3B,IACJ,CACV,CAAC;AACN,CAAC"}
|
|
@@ -16,6 +16,7 @@ const legendItems = [
|
|
|
16
16
|
icon: Ban,
|
|
17
17
|
},
|
|
18
18
|
{ text: i18n('value_maintenance-no-request'), theme: 'success' },
|
|
19
|
+
{ text: i18n('value_no-data'), theme: 'unknown' },
|
|
19
20
|
];
|
|
20
21
|
export function PDiskMaintenanceLegend({ className }) {
|
|
21
22
|
return (_jsxs(Flex, { className: className, gap: 3, alignItems: "center", wrap: "wrap", children: [_jsx(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: legendItems.map(({ text, theme, icon }) => (_jsx(Label, { size: "xs", theme: theme, icon: icon ? _jsx(Icon, { data: icon, size: iconSize }) : undefined, children: text }, text))) }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskMaintenanceLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAY3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAAiC;IAC9C;QACI,IAAI,EAAE,IAAI,CAAC,qCAAqC,CAAC;QACjD,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,MAAM;KACf;IACD;QACI,IAAI,EAAE,IAAI,CAAC,iCAAiC,CAAC;QAC7C,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,GAAG;KACZ;IACD,EAAC,IAAI,EAAE,IAAI,CAAC,8BAA8B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;
|
|
1
|
+
{"version":3,"file":"PDiskMaintenanceLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAY3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAAiC;IAC9C;QACI,IAAI,EAAE,IAAI,CAAC,qCAAqC,CAAC;QACjD,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,MAAM;KACf;IACD;QACI,IAAI,EAAE,IAAI,CAAC,iCAAiC,CAAC;QAC7C,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,GAAG;KACZ;IACD,EAAC,IAAI,EAAE,IAAI,CAAC,8BAA8B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;IAC9D,EAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;CAClD,CAAC;AAEF,MAAM,UAAU,sBAAsB,CAAC,EAAC,SAAS,EAA8B;IAC3E,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aAC/D,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YACxC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACtC,KAAC,KAAK,IAEF,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,YAE5D,IAAI,IALA,IAAI,CAML,CACX,CAAC,GACC,EACP,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAC,WAAW,YACpD,IAAI,CAAC,uBAAuB,CAAC,GAC3B,IACJ,CACV,CAAC;AACN,CAAC"}
|
|
@@ -54,9 +54,9 @@ export function SpaceLegend({ className, selectionScope = 'vdisks' }) {
|
|
|
54
54
|
return next;
|
|
55
55
|
});
|
|
56
56
|
}, [selectionScope]);
|
|
57
|
-
return (_jsxs(Flex, { className: className, gap: 2, alignItems: "center", wrap: "wrap", children: [
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
return (_jsxs(Flex, { className: className, gap: 2, alignItems: "center", wrap: "wrap", children: [_jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [legendItems.map(({ id, text, theme, customClass }) => {
|
|
58
|
+
const isActive = !inactiveAlerts.has(id);
|
|
59
|
+
return (_jsx(Label, { size: "xs", theme: theme, className: customClass, onClick: () => toggleItem(id), icon: _jsx("div", { className: b('label-icon', { selected: isActive }), children: isActive ? _jsx(Icon, { data: Check, size: 12 }) : null }), children: text }, id));
|
|
60
|
+
}), _jsx(Label, { size: "xs", theme: "unknown", children: i18n('value_no-data') })] }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
|
61
61
|
}
|
|
62
62
|
//# sourceMappingURL=SpaceLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/SpaceLegend.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SpaceLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/SpaceLegend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { CircleExclamationFill, CircleXmarkFill, TriangleExclamationFill } from '@gravity-ui/icons';
|
|
3
3
|
import { Flex, Icon, Label, Text } from '@gravity-ui/uikit';
|
|
4
4
|
import { b } from '../constants';
|
|
5
5
|
import i18n from '../i18n';
|
|
6
6
|
const iconSize = 12;
|
|
7
7
|
const legendItems = [
|
|
8
|
-
{ text: i18n('compaction_ok'), theme: 'success'
|
|
8
|
+
{ text: i18n('compaction_ok'), theme: 'success' },
|
|
9
9
|
{ text: i18n('compaction_notice'), theme: 'warning', icon: TriangleExclamationFill },
|
|
10
10
|
{ text: i18n('compaction_warning'), theme: 'danger', icon: CircleExclamationFill },
|
|
11
11
|
{
|
|
@@ -16,6 +16,6 @@ const legendItems = [
|
|
|
16
16
|
},
|
|
17
17
|
];
|
|
18
18
|
export function StatusPairLegend({ className, label }) {
|
|
19
|
-
return (_jsxs(Flex, { className: className, gap: 3, alignItems: "center", wrap: "wrap", children: [_jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [_jsx(Text, { color: "secondary", children: label }), legendItems.map(({ text, theme, icon, className: labelClassName }) => (_jsx(Label, { size: "xs", theme: theme, className: labelClassName, icon: _jsx(Icon, { data: icon, size: iconSize }), children: text }, text)))] }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
|
19
|
+
return (_jsxs(Flex, { className: className, gap: 3, alignItems: "center", wrap: "wrap", children: [_jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [_jsx(Text, { color: "secondary", children: label }), legendItems.map(({ text, theme, icon, className: labelClassName }) => (_jsx(Label, { size: "xs", theme: theme, className: labelClassName, icon: icon ? _jsx(Icon, { data: icon, size: iconSize }) : undefined, children: text }, text))), _jsx(Label, { size: "xs", theme: "unknown", children: i18n('value_no-data') })] }), _jsx(Text, { className: b('empty-statistics'), color: "secondary", children: i18n('context_no-statistics') })] }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=StatusPairLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusPairLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"StatusPairLegend.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAElG,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAc3B,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,WAAW,GAA2B;IACxC,EAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;IAC/C,EAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,uBAAuB,EAAC;IAClF,EAAC,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAC;IAChF;QACI,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC;QACjC,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC;KACrC;CACJ,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAwB;IACtE,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aAC/D,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACzC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,KAAK,GAAQ,EACrC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,EAAE,EAAE,CAAC,CACjE,KAAC,KAAK,IAEF,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,YAE5D,IAAI,IANA,IAAI,CAOL,CACX,CAAC,EACF,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,YAC3B,IAAI,CAAC,eAAe,CAAC,GAClB,IACL,EACP,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAC,WAAW,YACpD,IAAI,CAAC,uBAAuB,CAAC,GAC3B,IACJ,CACV,CAAC;AACN,CAAC"}
|
package/dist/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ECapacityAlert } from '../../../../types/api/enums';
|
|
2
2
|
export declare const SPACE_LEGEND_STORAGE_KEY = "ydb-space-legend-inactive";
|
|
3
3
|
export declare const SPACE_LEGEND_CHANGE_EVENT = "spaceLegendChange";
|
|
4
|
-
export type SpaceLegendSelectionScope = 'vdisks' | 'pdisks';
|
|
4
|
+
export type SpaceLegendSelectionScope = 'vdisks' | 'pdisks' | 'nodes-vdisks' | 'nodes-pdisks';
|
|
5
5
|
/**
|
|
6
6
|
* Get the set of inactive (deselected) capacityAlert values for Space mode legend
|
|
7
7
|
* Returns a Set of ECapacityAlert values that are currently deselected in the legend
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PDisksGroupByValue, VDisksGroupByValue } from '../constants';
|
|
2
|
+
import type { SpaceLegendSelectionScope } from './getSpaceLegendSelection';
|
|
3
|
+
export declare function renderVDiskLegend(vdisksGroupBy: VDisksGroupByValue, selectionScope: SpaceLegendSelectionScope): import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
export declare function renderPDiskLegend(pdisksGroupBy: PDisksGroupByValue, selectionScope: SpaceLegendSelectionScope): import("react/jsx-runtime").JSX.Element | null;
|