ydb-embedded-ui 12.21.0 → 12.24.1
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/DiskStateProgressBar.d.ts +4 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js +30 -7
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +28 -0
- package/dist/components/Fullscreen/Fullscreen.js +3 -5
- package/dist/components/Fullscreen/Fullscreen.js.map +1 -1
- package/dist/components/Illustration/Illustration.js +13 -10
- package/dist/components/Illustration/Illustration.js.map +1 -1
- package/dist/components/PDiskPopup/PDiskPopup.d.ts +5 -2
- package/dist/components/PDiskPopup/PDiskPopup.js +62 -31
- package/dist/components/PDiskPopup/PDiskPopup.js.map +1 -1
- package/dist/components/PDiskPopup/i18n/en.json +13 -0
- package/dist/components/PDiskPopup/i18n/index.d.ts +1 -0
- package/dist/components/PDiskPopup/i18n/index.js +5 -0
- package/dist/components/PDiskPopup/i18n/index.js.map +1 -0
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +2 -1
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunk.d.ts +2 -1
- package/dist/components/PaginatedTable/TableChunk.js +5 -2
- package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.d.ts +2 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.js.map +1 -1
- package/dist/components/PaginatedTable/constants.d.ts +10 -0
- package/dist/components/PaginatedTable/constants.js +18 -0
- package/dist/components/PaginatedTable/constants.js.map +1 -1
- package/dist/components/ProgressWrapper/i18n/index.d.ts +1 -1
- package/dist/components/StatusIcon/StatusIcon.js +4 -4
- package/dist/components/StatusIcon/StatusIcon.js.map +1 -1
- package/dist/components/StatusIcon/StatusIcon.scss +2 -2
- package/dist/components/StatusIconNew/StatusIcon.js +5 -5
- package/dist/components/StatusIconNew/StatusIcon.js.map +1 -1
- package/dist/components/StorageGroupInfo/i18n/index.d.ts +1 -1
- package/dist/components/VDisk/VDisk.d.ts +2 -1
- package/dist/components/VDisk/VDisk.js +6 -2
- package/dist/components/VDisk/VDisk.js.map +1 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.d.ts +1 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.js +4 -4
- package/dist/components/VDisk/VDiskWithDonorsStack.js.map +1 -1
- package/dist/components/VDiskPopup/VDiskPopup.js +156 -96
- package/dist/components/VDiskPopup/VDiskPopup.js.map +1 -1
- package/dist/components/VDiskPopup/VDiskPopup.scss +2 -2
- package/dist/components/VDiskPopup/i18n/en.json +5 -2
- package/dist/components/VDiskPopup/i18n/index.d.ts +1 -1
- package/dist/components/YDBDefinitionList/YDBDefinitionList.d.ts +15 -2
- package/dist/components/YDBDefinitionList/YDBDefinitionList.js +15 -7
- package/dist/components/YDBDefinitionList/YDBDefinitionList.js.map +1 -1
- package/dist/components/YDBDefinitionList/YDBDefinitionList.scss +25 -0
- package/dist/components/nodesColumns/__test__/utils.test.js +1 -1
- package/dist/components/nodesColumns/__test__/utils.test.js.map +1 -1
- package/dist/components/nodesColumns/columns.d.ts +6 -0
- package/dist/components/nodesColumns/columns.js +28 -2
- package/dist/components/nodesColumns/columns.js.map +1 -1
- package/dist/containers/App/App.scss +4 -0
- package/dist/containers/App/Content.js +4 -6
- package/dist/containers/App/Content.js.map +1 -1
- package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js +1 -7
- package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js.map +1 -1
- package/dist/containers/Authentication/Authentication.js +12 -1
- package/dist/containers/Authentication/Authentication.js.map +1 -1
- package/dist/containers/Authentication/Authentication.scss +7 -0
- package/dist/containers/Cluster/ClusterOverview/ClusterOverview.js +3 -0
- package/dist/containers/Cluster/ClusterOverview/ClusterOverview.js.map +1 -1
- package/dist/containers/Clusters/columns.js +6 -12
- package/dist/containers/Clusters/columns.js.map +1 -1
- package/dist/containers/Clusters/utils.d.ts +3 -0
- package/dist/containers/Clusters/utils.js +13 -0
- package/dist/containers/Clusters/utils.js.map +1 -0
- package/dist/containers/Header/Header.js +10 -3
- package/dist/containers/Header/Header.js.map +1 -1
- package/dist/containers/Node/Node.js +28 -3
- package/dist/containers/Node/Node.js.map +1 -1
- package/dist/containers/Node/NodeNetwork/NodeNetwork.d.ts +7 -0
- package/dist/containers/Node/NodeNetwork/NodeNetwork.js +31 -0
- package/dist/containers/Node/NodeNetwork/NodeNetwork.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.d.ts +9 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.js +9 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControls.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControlsWithTableState.d.ts +6 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControlsWithTableState.js +9 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkControls/NodeNetworkControlsWithTableState.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkTable.d.ts +13 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkTable.js +16 -0
- package/dist/containers/Node/NodeNetwork/NodeNetworkTable.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/columns.d.ts +4 -0
- package/dist/containers/Node/NodeNetwork/columns.js +66 -0
- package/dist/containers/Node/NodeNetwork/columns.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/constants.d.ts +36 -0
- package/dist/containers/Node/NodeNetwork/constants.js +58 -0
- package/dist/containers/Node/NodeNetwork/constants.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/helpers/getNodePeers.d.ts +7 -0
- package/dist/containers/Node/NodeNetwork/helpers/getNodePeers.js +31 -0
- package/dist/containers/Node/NodeNetwork/helpers/getNodePeers.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/helpers/nodeNetworkMapper.d.ts +13 -0
- package/dist/containers/Node/NodeNetwork/helpers/nodeNetworkMapper.js +22 -0
- package/dist/containers/Node/NodeNetwork/helpers/nodeNetworkMapper.js.map +1 -0
- package/dist/containers/Node/NodeNetwork/i18n/en.json +8 -0
- package/dist/containers/Node/NodeNetwork/i18n/index.d.ts +2 -0
- package/dist/containers/Node/NodeNetwork/i18n/index.js +5 -0
- package/dist/containers/Node/NodeNetwork/i18n/index.js.map +1 -0
- package/dist/containers/Node/NodePages.d.ts +5 -0
- package/dist/containers/Node/NodePages.js +7 -0
- package/dist/containers/Node/NodePages.js.map +1 -1
- package/dist/containers/Node/Threads/i18n/index.d.ts +1 -1
- package/dist/containers/Node/i18n/en.json +1 -0
- package/dist/containers/Node/i18n/index.d.ts +1 -1
- package/dist/containers/Nodes/NodesTable.js +2 -2
- package/dist/containers/Nodes/NodesTable.js.map +1 -1
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.scss +2 -0
- package/dist/containers/Storage/Disks/Disks.d.ts +2 -1
- package/dist/containers/Storage/Disks/Disks.js +7 -7
- package/dist/containers/Storage/Disks/Disks.js.map +1 -1
- package/dist/containers/Storage/Disks/Disks.scss +0 -1
- package/dist/containers/Storage/PDisk/PDisk.d.ts +2 -1
- package/dist/containers/Storage/PDisk/PDisk.js +5 -5
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.scss +0 -13
- package/dist/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.js +2 -2
- package/dist/containers/Storage/PaginatedStorageGroupsTable/PaginatedStorageGroupsTable.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js +7 -7
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js +2 -2
- package/dist/containers/Storage/PaginatedStorageNodesTable/PaginatedStorageNodesTable.js.map +1 -1
- package/dist/containers/Storage/VDisks/VDisks.d.ts +2 -1
- package/dist/containers/Storage/VDisks/VDisks.js +2 -2
- package/dist/containers/Storage/VDisks/VDisks.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js +4 -2
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/StreamingQueryInfo/StreamingQueryInfo.d.ts +1 -4
- package/dist/containers/Tenant/Diagnostics/Overview/StreamingQueryInfo/StreamingQueryInfo.js +7 -9
- package/dist/containers/Tenant/Diagnostics/Overview/StreamingQueryInfo/StreamingQueryInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/StreamingQueryInfo/i18n/en.json +0 -1
- package/dist/containers/Tenant/Diagnostics/Overview/StreamingQueryInfo/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/components/PlaceholderTab.js +2 -2
- package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/components/PlaceholderTab.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js +4 -2
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js +2 -2
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js.map +1 -1
- package/dist/containers/Tenant/GrantAccess/GrantAccess.js +2 -1
- package/dist/containers/Tenant/GrantAccess/GrantAccess.js.map +1 -1
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js +2 -2
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js.map +1 -1
- package/dist/containers/Tenant/ObjectSummary/ObjectSummary.js +3 -1
- package/dist/containers/Tenant/ObjectSummary/ObjectSummary.js.map +1 -1
- package/dist/containers/Tenant/ObjectSummary/SchemaActions.js +5 -3
- package/dist/containers/Tenant/ObjectSummary/SchemaActions.js.map +1 -1
- package/dist/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.js +19 -2
- package/dist/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.js.map +1 -1
- package/dist/containers/Tenant/Query/NewSQL/NewSQL.js +8 -0
- package/dist/containers/Tenant/Query/NewSQL/NewSQL.js.map +1 -1
- package/dist/containers/Tenant/Query/NewSQL/i18n/en.json +2 -0
- package/dist/containers/Tenant/Query/NewSQL/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.d.ts +3 -1
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js +6 -4
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js.map +1 -1
- package/dist/containers/Tenant/Query/Query.js +4 -2
- package/dist/containers/Tenant/Query/Query.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.d.ts +3 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js +19 -9
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.d.ts +5 -1
- package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.js +5 -6
- package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/helpers.d.ts +2 -1
- package/dist/containers/Tenant/Query/QueryEditor/helpers.js +4 -6
- package/dist/containers/Tenant/Query/QueryEditor/helpers.js.map +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.js +6 -2
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.js.map +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.scss +5 -0
- package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.d.ts +3 -0
- package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.js +3 -0
- package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.js.map +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/en.json +2 -0
- package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/ru.json +2 -0
- package/dist/containers/Tenant/Query/SaveQuery/SaveQuery.d.ts +3 -0
- package/dist/containers/Tenant/Query/SaveQuery/SaveQuery.js +13 -8
- package/dist/containers/Tenant/Query/SaveQuery/SaveQuery.js.map +1 -1
- package/dist/containers/Tenant/Query/SavedQueries/SavedQueries.js +5 -5
- package/dist/containers/Tenant/Query/SavedQueries/SavedQueries.js.map +1 -1
- package/dist/containers/Tenant/Query/utils/useSavedQueries.d.ts +6 -2
- package/dist/containers/Tenant/Query/utils/useSavedQueries.js +33 -9
- package/dist/containers/Tenant/Query/utils/useSavedQueries.js.map +1 -1
- package/dist/containers/Tenant/TenantDrawerRights.js +1 -1
- package/dist/containers/Tenant/TenantDrawerRights.js.map +1 -1
- package/dist/containers/Tenant/TenantNavigation/useTenantNavigation.d.ts +5 -0
- package/dist/containers/Tenant/TenantNavigation/useTenantNavigation.js +38 -9
- package/dist/containers/Tenant/TenantNavigation/useTenantNavigation.js.map +1 -1
- package/dist/containers/Tenant/TenantPages.d.ts +2 -0
- package/dist/containers/Tenant/TenantPages.js.map +1 -1
- package/dist/containers/Tenant/i18n/en.json +2 -0
- package/dist/containers/Tenant/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/utils/controls.d.ts +2 -0
- package/dist/containers/Tenant/utils/controls.js +3 -3
- package/dist/containers/Tenant/utils/controls.js.map +1 -1
- package/dist/containers/Tenant/utils/newSQLQueryActions.d.ts +2 -0
- package/dist/containers/Tenant/utils/newSQLQueryActions.js +3 -1
- package/dist/containers/Tenant/utils/newSQLQueryActions.js.map +1 -1
- package/dist/containers/Tenant/utils/paneVisibilityToggleHelpers.js +2 -0
- package/dist/containers/Tenant/utils/paneVisibilityToggleHelpers.js.map +1 -1
- package/dist/containers/Tenant/utils/schema.d.ts +1 -0
- package/dist/containers/Tenant/utils/schema.js +4 -0
- package/dist/containers/Tenant/utils/schema.js.map +1 -1
- package/dist/containers/Tenant/utils/schemaActions.d.ts +4 -0
- package/dist/containers/Tenant/utils/schemaActions.js +20 -8
- package/dist/containers/Tenant/utils/schemaActions.js.map +1 -1
- package/dist/containers/Tenant/utils/schemaQueryTemplates.d.ts +3 -0
- package/dist/containers/Tenant/utils/schemaQueryTemplates.js +33 -8
- package/dist/containers/Tenant/utils/schemaQueryTemplates.js.map +1 -1
- package/dist/routes.d.ts +2 -2
- package/dist/routes.js +5 -5
- package/dist/routes.js.map +1 -1
- package/dist/services/api/viewer.d.ts +2 -0
- package/dist/services/api/viewer.js +8 -0
- package/dist/services/api/viewer.js.map +1 -1
- package/dist/store/__test__/getUrlData.test.js +11 -88
- package/dist/store/__test__/getUrlData.test.js.map +1 -1
- package/dist/store/configureStore.d.ts +4 -4
- package/dist/store/configureStore.js +12 -7
- package/dist/store/configureStore.js.map +1 -1
- package/dist/store/reducers/capabilities/capabilities.js +3 -1
- package/dist/store/reducers/capabilities/capabilities.js.map +1 -1
- package/dist/store/reducers/capabilities/hooks.d.ts +2 -0
- package/dist/store/reducers/capabilities/hooks.js +9 -0
- package/dist/store/reducers/capabilities/hooks.js.map +1 -1
- package/dist/store/reducers/cluster/cluster.js +1 -1
- package/dist/store/reducers/cluster/cluster.js.map +1 -1
- package/dist/store/reducers/cluster/parseFields.js +1 -0
- package/dist/store/reducers/cluster/parseFields.js.map +1 -1
- package/dist/store/reducers/clusters/types.d.ts +1 -0
- package/dist/store/reducers/clusters/utils.js +4 -0
- package/dist/store/reducers/clusters/utils.js.map +1 -1
- package/dist/store/reducers/executeTopQueries/executeTopQueries.js +2 -2
- package/dist/store/reducers/executeTopQueries/executeTopQueries.js.map +1 -1
- package/dist/store/reducers/nodes/types.d.ts +1 -0
- package/dist/store/reducers/query/__test__/tabPersistence.test.js +0 -4
- package/dist/store/reducers/query/__test__/tabPersistence.test.js.map +1 -1
- package/dist/store/reducers/query/query.d.ts +9 -63
- package/dist/store/reducers/query/query.js +16 -83
- package/dist/store/reducers/query/query.js.map +1 -1
- package/dist/store/reducers/query/types.d.ts +6 -5
- package/dist/store/reducers/query/useQueriesHistory.d.ts +10 -0
- package/dist/store/reducers/query/useQueriesHistory.js +108 -0
- package/dist/store/reducers/query/useQueriesHistory.js.map +1 -0
- package/dist/store/reducers/query/utils.js +9 -1
- package/dist/store/reducers/query/utils.js.map +1 -1
- package/dist/store/reducers/queryActions/queryActions.d.ts +0 -3
- package/dist/store/reducers/queryActions/queryActions.js +0 -34
- package/dist/store/reducers/queryActions/queryActions.js.map +1 -1
- package/dist/store/reducers/shardsWorkload/shardsWorkload.js +1 -1
- package/dist/store/reducers/shardsWorkload/shardsWorkload.js.map +1 -1
- package/dist/store/reducers/showCreateTable/showCreateTable.d.ts +6 -0
- package/dist/store/reducers/showCreateTable/showCreateTable.js +37 -0
- package/dist/store/reducers/showCreateTable/showCreateTable.js.map +1 -0
- package/dist/store/reducers/storage/utils.js +59 -0
- package/dist/store/reducers/storage/utils.js.map +1 -1
- package/dist/store/reducers/streamingQuery/streamingQuery.js +1 -1
- package/dist/store/reducers/streamingQuery/streamingQuery.js.map +1 -1
- package/dist/store/reducers/tenant/tenant.d.ts +1 -1
- package/dist/store/reducers/tenant/tenant.js +1 -11
- package/dist/store/reducers/tenant/tenant.js.map +1 -1
- package/dist/store/reducers/tenant/types.d.ts +0 -1
- package/dist/store/reducers/tenantOverview/executeTopTables/executeTopTables.js +1 -1
- package/dist/store/reducers/tenantOverview/executeTopTables/executeTopTables.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/viewSchema/viewSchema.js +1 -1
- package/dist/store/reducers/viewSchema/viewSchema.js.map +1 -1
- package/dist/store/state-url-mapping.d.ts +0 -6
- package/dist/store/state-url-mapping.js +0 -6
- package/dist/store/state-url-mapping.js.map +1 -1
- package/dist/styles/mixins.scss +10 -6
- package/dist/types/api/capabilities.d.ts +1 -1
- package/dist/types/api/meta.d.ts +1 -0
- package/dist/types/api/nodes.d.ts +2 -1
- package/dist/types/api/nodes.js.map +1 -1
- package/dist/types/api/peers.d.ts +46 -0
- package/dist/types/api/peers.js +2 -0
- package/dist/types/api/peers.js.map +1 -0
- package/dist/uiFactory/types.d.ts +1 -0
- package/dist/utils/__test__/parseBalancer.test.js +4 -27
- package/dist/utils/__test__/parseBalancer.test.js.map +1 -1
- package/dist/utils/bytesParsers/__test__/formatBytes.test.js +1 -1
- package/dist/utils/bytesParsers/__test__/formatBytes.test.js.map +1 -1
- package/dist/utils/bytesParsers/formatBytes.js +2 -2
- package/dist/utils/bytesParsers/formatBytes.js.map +1 -1
- package/dist/utils/constants.d.ts +1 -1
- package/dist/utils/constants.js +1 -1
- package/dist/utils/constants.js.map +1 -1
- package/dist/utils/dataFormatters/__test__/formatNumbers.test.js +1 -1
- package/dist/utils/dataFormatters/__test__/formatNumbers.test.js.map +1 -1
- package/dist/utils/dataFormatters/__test__/formatStorageValues.test.js +1 -1
- package/dist/utils/dataFormatters/__test__/formatStorageValues.test.js.map +1 -1
- package/dist/utils/dataFormatters/__test__/formatUptime.test.js +1 -1
- package/dist/utils/dataFormatters/__test__/formatUptime.test.js.map +1 -1
- package/dist/utils/dataFormatters/dataFormatters.js +2 -2
- package/dist/utils/dataFormatters/dataFormatters.js.map +1 -1
- package/dist/utils/dataFormatters/formatNumber.js +2 -1
- package/dist/utils/dataFormatters/formatNumber.js.map +1 -1
- package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js +2 -2
- package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js.map +1 -1
- package/dist/utils/disks/calculatePDiskSeverity.d.ts +1 -0
- package/dist/utils/disks/calculatePDiskSeverity.js +1 -1
- package/dist/utils/disks/calculatePDiskSeverity.js.map +1 -1
- package/dist/utils/disks/calculateVDiskSeverity.d.ts +2 -0
- package/dist/utils/disks/calculateVDiskSeverity.js +4 -4
- package/dist/utils/disks/calculateVDiskSeverity.js.map +1 -1
- package/dist/utils/disks/constants.d.ts +11 -0
- package/dist/utils/disks/constants.js +36 -0
- package/dist/utils/disks/constants.js.map +1 -1
- package/dist/utils/disks/helpers.d.ts +2 -0
- package/dist/utils/disks/helpers.js +19 -4
- package/dist/utils/disks/helpers.js.map +1 -1
- package/dist/utils/disks/prepareDisks.js +1 -2
- package/dist/utils/disks/prepareDisks.js.map +1 -1
- package/dist/utils/disks/types.d.ts +5 -0
- package/dist/utils/hooks/useChangedQuerySettings.d.ts +2 -2
- package/dist/utils/hooks/useLastQueryExecutionSettings.d.ts +2 -0
- package/dist/utils/hooks/useQueryExecutionSettings.d.ts +1 -0
- package/dist/utils/hooks/useResizeObserverTrigger.d.ts +18 -0
- package/dist/utils/hooks/useResizeObserverTrigger.js +41 -0
- package/dist/utils/hooks/useResizeObserverTrigger.js.map +1 -0
- package/dist/utils/monaco/constats.d.ts +2 -2
- package/dist/utils/monaco/constats.js +2 -2
- package/dist/utils/monaco/constats.js.map +1 -1
- package/dist/utils/numeral.js +1 -1
- package/dist/utils/numeral.js.map +1 -1
- package/dist/utils/query.d.ts +6 -0
- package/dist/utils/query.js +2 -0
- package/dist/utils/query.js.map +1 -1
- package/dist/utils/utils.d.ts +3 -4
- package/dist/utils/utils.js +11 -5
- package/dist/utils/utils.js.map +1 -1
- package/package.json +23 -38
|
@@ -7,8 +7,11 @@ interface DiskStateProgressBarProps {
|
|
|
7
7
|
faded?: boolean;
|
|
8
8
|
inactive?: boolean;
|
|
9
9
|
empty?: boolean;
|
|
10
|
+
striped?: boolean;
|
|
10
11
|
content?: React.ReactNode;
|
|
11
12
|
className?: string;
|
|
13
|
+
isDonor?: boolean;
|
|
14
|
+
withIcon?: boolean;
|
|
12
15
|
}
|
|
13
|
-
export declare function DiskStateProgressBar({ diskAllocatedPercent, severity, compact, faded, inactive, empty, content, className, }: DiskStateProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function DiskStateProgressBar({ diskAllocatedPercent, severity, compact, faded, inactive, empty, content, striped, className, isDonor, withIcon, }: DiskStateProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
14
17
|
export {};
|
|
@@ -1,16 +1,30 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex, Icon } from '@gravity-ui/uikit';
|
|
2
3
|
import { SETTING_KEYS } from '../../store/reducers/settings/constants';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
|
-
import {
|
|
5
|
+
import { DONOR_COLOR } from '../../utils/disks/constants';
|
|
6
|
+
import { getSeverityColor, getVDiskStatusIcon } from '../../utils/disks/helpers';
|
|
5
7
|
import { useSetting } from '../../utils/hooks';
|
|
6
8
|
import './DiskStateProgressBar.scss';
|
|
7
9
|
const b = cn('storage-disk-progress-bar');
|
|
8
|
-
export function DiskStateProgressBar({ diskAllocatedPercent = -1, severity, compact, faded, inactive, empty, content, className, }) {
|
|
10
|
+
export function DiskStateProgressBar({ diskAllocatedPercent = -1, severity, compact, faded, inactive, empty, content, striped, className, isDonor, withIcon, }) {
|
|
9
11
|
const [inverted] = useSetting(SETTING_KEYS.INVERTED_DISKS);
|
|
10
|
-
const mods = {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
const mods = {
|
|
13
|
+
inverted,
|
|
14
|
+
compact,
|
|
15
|
+
faded,
|
|
16
|
+
empty,
|
|
17
|
+
inactive,
|
|
18
|
+
striped,
|
|
19
|
+
};
|
|
20
|
+
if (isDonor) {
|
|
21
|
+
mods[DONOR_COLOR.toLocaleLowerCase()] = true;
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
const color = severity !== undefined && getSeverityColor(severity);
|
|
25
|
+
if (color) {
|
|
26
|
+
mods[color.toLocaleLowerCase()] = true;
|
|
27
|
+
}
|
|
14
28
|
}
|
|
15
29
|
const renderAllocatedPercent = () => {
|
|
16
30
|
if (compact) {
|
|
@@ -35,6 +49,15 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, severity, comp
|
|
|
35
49
|
}
|
|
36
50
|
return null;
|
|
37
51
|
};
|
|
38
|
-
|
|
52
|
+
let iconElement = null;
|
|
53
|
+
if (withIcon) {
|
|
54
|
+
const icon = getVDiskStatusIcon(severity, isDonor);
|
|
55
|
+
if (icon) {
|
|
56
|
+
iconElement = _jsx(Icon, { className: b('icon'), data: icon, size: 12 });
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
const hasIcon = Boolean(iconElement);
|
|
60
|
+
const justifyContent = hasIcon ? 'space-between' : 'flex-end';
|
|
61
|
+
return (_jsxs(Flex, { alignItems: "center", justifyContent: justifyContent, className: b(mods, className), role: "meter", "aria-label": "Disk allocated space", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": diskAllocatedPercent, children: [iconElement, renderAllocatedPercent(), renderContent()] }));
|
|
39
62
|
}
|
|
40
63
|
//# sourceMappingURL=DiskStateProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
--progress-bar-full-height: var(--g-text-body-3-line-height);
|
|
11
11
|
--progress-bar-compact-height: 12px;
|
|
12
12
|
|
|
13
|
+
--stripe-width: 4px;
|
|
14
|
+
--stripe-step: 8px;
|
|
15
|
+
|
|
13
16
|
position: relative;
|
|
14
17
|
z-index: 0;
|
|
15
18
|
|
|
@@ -45,6 +48,20 @@
|
|
|
45
48
|
background-color: unset;
|
|
46
49
|
}
|
|
47
50
|
|
|
51
|
+
&_striped {
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
// Inset shadow = border overlay without shrinking the striped fill
|
|
54
|
+
border: none;
|
|
55
|
+
background-image: repeating-linear-gradient(
|
|
56
|
+
135deg,
|
|
57
|
+
transparent 0,
|
|
58
|
+
transparent var(--stripe-width),
|
|
59
|
+
var(--entity-state-fill-color) var(--stripe-width),
|
|
60
|
+
var(--entity-state-fill-color) var(--stripe-step)
|
|
61
|
+
);
|
|
62
|
+
box-shadow: 0 0 0 $border-width var(--entity-state-shadow-color) inset;
|
|
63
|
+
}
|
|
64
|
+
|
|
48
65
|
&__fill-bar {
|
|
49
66
|
position: absolute;
|
|
50
67
|
top: 0;
|
|
@@ -76,10 +93,21 @@
|
|
|
76
93
|
position: relative;
|
|
77
94
|
z-index: 2;
|
|
78
95
|
|
|
96
|
+
margin-right: var(--g-spacing-1);
|
|
97
|
+
|
|
79
98
|
font-size: var(--g-text-body-1-font-size);
|
|
80
99
|
// bar height minus borders
|
|
81
100
|
line-height: calc(var(--progress-bar-full-height) - #{$border-width * 2});
|
|
82
101
|
|
|
83
102
|
color: inherit;
|
|
84
103
|
}
|
|
104
|
+
|
|
105
|
+
&__icon {
|
|
106
|
+
position: relative;
|
|
107
|
+
z-index: 2;
|
|
108
|
+
|
|
109
|
+
margin-left: var(--g-spacing-1);
|
|
110
|
+
|
|
111
|
+
color: var(--entity-state-border-color);
|
|
112
|
+
}
|
|
85
113
|
}
|
|
@@ -4,6 +4,7 @@ import { Button, Icon } from '@gravity-ui/uikit';
|
|
|
4
4
|
import { disableFullscreen } from '../../store/reducers/fullscreen';
|
|
5
5
|
import { cn } from '../../utils/cn';
|
|
6
6
|
import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
|
|
7
|
+
import { useResizeObserverTrigger } from '../../utils/hooks/useResizeObserverTrigger';
|
|
7
8
|
import { Portal } from '../Portal/Portal';
|
|
8
9
|
import { useFullscreenContext } from './FullscreenContext';
|
|
9
10
|
import disableFullscreenIcon from '../../assets/icons/disableFullscreen.svg';
|
|
@@ -49,13 +50,10 @@ export function Fullscreen({ children, className }) {
|
|
|
49
50
|
else {
|
|
50
51
|
(_b = ref.current) === null || _b === void 0 ? void 0 : _b.appendChild(container);
|
|
51
52
|
}
|
|
52
|
-
// Trigger recalculation for components relying on window resize
|
|
53
|
-
// Dispatch after DOM repaint to ensure correct measurements
|
|
54
|
-
requestAnimationFrame(() => {
|
|
55
|
-
window.dispatchEvent(new Event('resize'));
|
|
56
|
-
});
|
|
57
53
|
}
|
|
58
54
|
}, [container, fullscreenRootRef, isFullscreen]);
|
|
55
|
+
// Trigger resize event when fullscreen state changes to force virtualization recalculation
|
|
56
|
+
useResizeObserverTrigger([isFullscreen]);
|
|
59
57
|
if (!container) {
|
|
60
58
|
return null;
|
|
61
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fullscreen.js","sourceRoot":"","sources":["../../../src/components/Fullscreen/Fullscreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AAEzD,OAAO,qBAAqB,MAAM,0CAA0C,CAAC;AAE7E,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAO/B,MAAM,UAAU,UAAU,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAkB;IAC7D,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACzB,mBAAmB,EAAE,CAAC;YAC1B,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC9E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACjB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAA,iBAAiB,CAAC,OAAO,0CAAE,WAAW,CAAC,GAAG,CAAC,CAAC;QAC5C,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;QAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,GAAG,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;;QACvB,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,YAAY,EAAE,CAAC;gBACf,MAAA,iBAAiB,CAAC,OAAO,0CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACJ,MAAA,GAAG,CAAC,OAAO,0CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YACxC,CAAC;
|
|
1
|
+
{"version":3,"file":"Fullscreen.js","sourceRoot":"","sources":["../../../src/components/Fullscreen/Fullscreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,24 +5,27 @@ import { isNil } from 'lodash';
|
|
|
5
5
|
import { cn } from '../../utils/cn';
|
|
6
6
|
import './Illustration.scss';
|
|
7
7
|
const store = {
|
|
8
|
+
// Using ?react query parameter is required for dynamic imports to ensure SVGR processes
|
|
9
|
+
// SVG files as React components (IconData) instead of treating them as asset URLs.
|
|
10
|
+
// Static imports work without ?react, but dynamic imports need it explicitly.
|
|
8
11
|
light: {
|
|
9
|
-
403: () => import('../../assets/illustrations/light/403.svg'),
|
|
10
|
-
thumbsUp: () => import('../../assets/illustrations/light/thumbsUp.svg'),
|
|
11
|
-
error: () => import('../../assets/illustrations/light/error.svg'),
|
|
12
|
+
403: () => import('../../assets/illustrations/light/403.svg?react'),
|
|
13
|
+
thumbsUp: () => import('../../assets/illustrations/light/thumbsUp.svg?react'),
|
|
14
|
+
error: () => import('../../assets/illustrations/light/error.svg?react'),
|
|
12
15
|
},
|
|
13
16
|
dark: {
|
|
14
|
-
403: () => import('../../assets/illustrations/dark/403.svg'),
|
|
15
|
-
thumbsUp: () => import('../../assets/illustrations/dark/thumbsUp.svg'),
|
|
16
|
-
error: () => import('../../assets/illustrations/dark/error.svg'),
|
|
17
|
+
403: () => import('../../assets/illustrations/dark/403.svg?react'),
|
|
18
|
+
thumbsUp: () => import('../../assets/illustrations/dark/thumbsUp.svg?react'),
|
|
19
|
+
error: () => import('../../assets/illustrations/dark/error.svg?react'),
|
|
17
20
|
},
|
|
18
21
|
};
|
|
19
22
|
const b = cn('ydb-illustration');
|
|
20
23
|
export const Illustration = ({ name, className, width, height }) => {
|
|
21
24
|
const theme = useThemeValue();
|
|
22
|
-
//
|
|
23
|
-
// SVGR
|
|
24
|
-
//
|
|
25
|
-
//
|
|
25
|
+
// Store icon data in an object wrapper to preserve the correct type.
|
|
26
|
+
// SVGR transforms SVG files into React components (functions), but when stored directly
|
|
27
|
+
// in useState, they can be incorrectly typed as objects, causing the Icon component
|
|
28
|
+
// to render them as sprite elements instead of proper SVG components.
|
|
26
29
|
const [{ iconData }, setIconData] = React.useState({});
|
|
27
30
|
React.useEffect(() => {
|
|
28
31
|
const loadIcon = async () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../../src/components/Illustration/Illustration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,qBAAqB,CAAC;AAW7B,MAAM,KAAK,GAAsB;IAC7B,KAAK,EAAE;QACH,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../../src/components/Illustration/Illustration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,qBAAqB,CAAC;AAW7B,MAAM,KAAK,GAAsB;IAC7B,wFAAwF;IACxF,mFAAmF;IACnF,8EAA8E;IAC9E,KAAK,EAAE;QACH,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gDAAgD,CAAC;QACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qDAAqD,CAAC;QAC7E,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,kDAAkD,CAAC;KAC1E;IACD,IAAI,EAAE;QACF,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,+CAA+C,CAAC;QAClE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC;QAC5E,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iDAAiD,CAAC;KACzE;CACJ,CAAC;AAEF,MAAM,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAoB,EAAE,EAAE;IAChF,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAE9B,qEAAqE;IACrE,wFAAwF;IACxF,oFAAoF;IACpF,sEAAsE;IACtE,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,EAAE,CAAC,CAAC;IAE5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;;YACxB,IAAI,CAAC;gBACD,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,KAAK,CAAC,0CAAG,IAAI,CAAC,CAAC;gBAExC,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;oBACjD,MAAM,MAAM,GAAG,MAAM,UAAU,EAAE,CAAC;oBAClC,WAAW,CAAC,EAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAC,CAAC,CAAC;gBAC5C,CAAC;YACL,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;gBACzD,WAAW,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GAC3C,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import type { PreparedPDisk } from '../../utils/disks/types';
|
|
2
|
-
import type {
|
|
3
|
+
import type { YDBDefinitionListHeaderLabel, YDBDefinitionListItem } from '../YDBDefinitionList/YDBDefinitionList';
|
|
3
4
|
export declare const preparePDiskData: (data: PreparedPDisk, nodeData?: {
|
|
4
5
|
Host?: string;
|
|
5
6
|
DC?: string;
|
|
6
|
-
}
|
|
7
|
+
}) => YDBDefinitionListItem[];
|
|
8
|
+
export declare const preparePDiskHeaderLabels: (data: PreparedPDisk) => YDBDefinitionListHeaderLabel[];
|
|
9
|
+
export declare const buildPDiskFooter: (data: PreparedPDisk, withDeveloperUILink?: boolean) => React.ReactNode | null;
|
|
7
10
|
interface PDiskPopupProps {
|
|
8
11
|
data: PreparedPDisk;
|
|
9
12
|
}
|
|
@@ -1,72 +1,103 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Flex } from '@gravity-ui/uikit';
|
|
3
|
+
import { Flex, Label } from '@gravity-ui/uikit';
|
|
4
|
+
import { isNil } from 'lodash';
|
|
4
5
|
import { selectNodesMap } from '../../store/reducers/nodesList';
|
|
5
6
|
import { EFlag } from '../../types/api/enums';
|
|
6
|
-
import { valueIsDefined } from '../../utils';
|
|
7
7
|
import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
|
|
8
8
|
import { createPDiskDeveloperUILink } from '../../utils/developerUI/developerUI';
|
|
9
|
+
import { getStateSeverity } from '../../utils/disks/calculatePDiskSeverity';
|
|
10
|
+
import { NUMERIC_SEVERITY_TO_LABEL_VIEW } from '../../utils/disks/constants';
|
|
9
11
|
import { useTypedSelector } from '../../utils/hooks';
|
|
10
12
|
import { useDatabaseFromQuery } from '../../utils/hooks/useDatabaseFromQuery';
|
|
11
13
|
import { useIsUserAllowedToMakeChanges } from '../../utils/hooks/useIsUserAllowedToMakeChanges';
|
|
12
14
|
import { bytesToGB, isNumeric } from '../../utils/utils';
|
|
13
|
-
import { InfoViewer } from '../InfoViewer';
|
|
14
15
|
import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
|
|
15
16
|
import { pDiskInfoKeyset } from '../PDiskInfo/i18n';
|
|
16
17
|
import { PDiskPageLink } from '../PDiskPageLink/PDiskPageLink';
|
|
18
|
+
import { StatusIcon } from '../StatusIcon/StatusIcon';
|
|
19
|
+
import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
|
|
20
|
+
import { pDiskPopupKeyset } from './i18n';
|
|
17
21
|
const errorColors = [EFlag.Orange, EFlag.Red, EFlag.Yellow];
|
|
18
|
-
export const preparePDiskData = (data, nodeData
|
|
19
|
-
const { AvailableSize, TotalSize,
|
|
22
|
+
export const preparePDiskData = (data, nodeData) => {
|
|
23
|
+
const { AvailableSize, TotalSize, NodeId, Path, Realtime, Type, Device } = data;
|
|
20
24
|
const pdiskData = [
|
|
21
|
-
{
|
|
22
|
-
label: 'PDisk',
|
|
23
|
-
value: StringifiedId !== null && StringifiedId !== void 0 ? StringifiedId : EMPTY_DATA_PLACEHOLDER,
|
|
24
|
-
},
|
|
25
|
-
{ label: 'State', value: State || 'not available' },
|
|
26
|
-
{ label: 'Type', value: Type || 'unknown' },
|
|
25
|
+
{ name: pDiskPopupKeyset('label_type'), content: Type || pDiskPopupKeyset('value_unknown') },
|
|
27
26
|
];
|
|
28
27
|
if (NodeId) {
|
|
29
|
-
pdiskData.push({
|
|
28
|
+
pdiskData.push({ name: pDiskPopupKeyset('label_node-id'), content: NodeId });
|
|
30
29
|
}
|
|
31
30
|
if (nodeData === null || nodeData === void 0 ? void 0 : nodeData.Host) {
|
|
32
|
-
pdiskData.push({
|
|
31
|
+
pdiskData.push({ name: pDiskPopupKeyset('label_host'), content: nodeData.Host });
|
|
33
32
|
}
|
|
34
33
|
if (nodeData === null || nodeData === void 0 ? void 0 : nodeData.DC) {
|
|
35
|
-
pdiskData.push({
|
|
34
|
+
pdiskData.push({ name: pDiskPopupKeyset('label_dc'), content: _jsx(Label, { children: nodeData.DC }) });
|
|
36
35
|
}
|
|
37
36
|
if (Path) {
|
|
38
|
-
pdiskData.push({
|
|
37
|
+
pdiskData.push({ name: pDiskPopupKeyset('label_path'), content: Path });
|
|
39
38
|
}
|
|
40
|
-
if (isNumeric(TotalSize)) {
|
|
39
|
+
if (isNumeric(TotalSize) && isNumeric(AvailableSize)) {
|
|
41
40
|
pdiskData.push({
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
name: pDiskPopupKeyset('label_available'),
|
|
42
|
+
content: `${bytesToGB(AvailableSize)} ${pDiskPopupKeyset('value_of')} ${bytesToGB(TotalSize)}`,
|
|
44
43
|
});
|
|
45
44
|
}
|
|
46
45
|
if (Realtime && errorColors.includes(Realtime)) {
|
|
47
|
-
pdiskData.push({
|
|
46
|
+
pdiskData.push({
|
|
47
|
+
name: pDiskPopupKeyset('label_realtime'),
|
|
48
|
+
content: _jsx(StatusIcon, { mode: "icons", status: Realtime }),
|
|
49
|
+
});
|
|
48
50
|
}
|
|
49
51
|
if (Device && errorColors.includes(Device)) {
|
|
50
|
-
pdiskData.push({ label: 'Device', value: Device });
|
|
51
|
-
}
|
|
52
|
-
if (withDeveloperUILink && valueIsDefined(NodeId) && valueIsDefined(PDiskId)) {
|
|
53
|
-
const pDiskInternalViewerPath = createPDiskDeveloperUILink({
|
|
54
|
-
nodeId: NodeId,
|
|
55
|
-
pDiskId: PDiskId,
|
|
56
|
-
});
|
|
57
52
|
pdiskData.push({
|
|
58
|
-
|
|
59
|
-
|
|
53
|
+
name: pDiskPopupKeyset('label_device'),
|
|
54
|
+
content: _jsx(StatusIcon, { mode: "icons", status: Device }),
|
|
60
55
|
});
|
|
61
56
|
}
|
|
62
57
|
return pdiskData;
|
|
63
58
|
};
|
|
59
|
+
export const preparePDiskHeaderLabels = (data) => {
|
|
60
|
+
const labels = [];
|
|
61
|
+
const { State } = data;
|
|
62
|
+
if (!State) {
|
|
63
|
+
labels.push({
|
|
64
|
+
id: 'state',
|
|
65
|
+
value: pDiskPopupKeyset('context_not-available'),
|
|
66
|
+
});
|
|
67
|
+
return labels;
|
|
68
|
+
}
|
|
69
|
+
if (State) {
|
|
70
|
+
const severity = getStateSeverity(State);
|
|
71
|
+
const { theme, icon } = NUMERIC_SEVERITY_TO_LABEL_VIEW[severity];
|
|
72
|
+
labels.push({
|
|
73
|
+
id: 'state',
|
|
74
|
+
value: State,
|
|
75
|
+
theme: theme,
|
|
76
|
+
icon: icon,
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return labels;
|
|
80
|
+
};
|
|
81
|
+
export const buildPDiskFooter = (data, withDeveloperUILink) => {
|
|
82
|
+
const { NodeId, PDiskId } = data;
|
|
83
|
+
if (!withDeveloperUILink || isNil(NodeId) || isNil(PDiskId)) {
|
|
84
|
+
return null;
|
|
85
|
+
}
|
|
86
|
+
const pDiskInternalViewerPath = createPDiskDeveloperUILink({
|
|
87
|
+
nodeId: NodeId,
|
|
88
|
+
pDiskId: PDiskId,
|
|
89
|
+
});
|
|
90
|
+
return (_jsxs(Flex, { gap: 2, wrap: "wrap", children: [_jsx(PDiskPageLink, { pDiskId: PDiskId, nodeId: NodeId }), _jsx(LinkWithIcon, { title: pDiskInfoKeyset('developer-ui'), url: pDiskInternalViewerPath })] }));
|
|
91
|
+
};
|
|
64
92
|
export const PDiskPopup = ({ data }) => {
|
|
65
93
|
const database = useDatabaseFromQuery();
|
|
66
94
|
const isUserAllowedToMakeChanges = useIsUserAllowedToMakeChanges();
|
|
67
95
|
const nodesMap = useTypedSelector((state) => selectNodesMap(state, database));
|
|
68
|
-
const nodeData =
|
|
69
|
-
const info = React.useMemo(() => preparePDiskData(data, nodeData
|
|
70
|
-
|
|
96
|
+
const nodeData = isNil(data.NodeId) ? undefined : nodesMap === null || nodesMap === void 0 ? void 0 : nodesMap.get(data.NodeId);
|
|
97
|
+
const info = React.useMemo(() => preparePDiskData(data, nodeData), [data, nodeData]);
|
|
98
|
+
const headerLabels = React.useMemo(() => preparePDiskHeaderLabels(data), [data]);
|
|
99
|
+
const footer = React.useMemo(() => buildPDiskFooter(data, isUserAllowedToMakeChanges), [data, isUserAllowedToMakeChanges]);
|
|
100
|
+
const pdiskId = data.StringifiedId;
|
|
101
|
+
return (_jsx(YDBDefinitionList, { compact: true, title: "PDisk", titleSuffix: pdiskId !== null && pdiskId !== void 0 ? pdiskId : EMPTY_DATA_PLACEHOLDER, items: info, headerLabels: headerLabels, footer: footer, nameMaxWidth: 100 }));
|
|
71
102
|
};
|
|
72
103
|
//# sourceMappingURL=PDiskPopup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"context_not-available": "Not available",
|
|
3
|
+
"label_type": "Type",
|
|
4
|
+
"label_node-id": "Node Id",
|
|
5
|
+
"label_host": "Host",
|
|
6
|
+
"label_dc": "DC",
|
|
7
|
+
"label_path": "Path",
|
|
8
|
+
"label_available": "Available",
|
|
9
|
+
"label_realtime": "Realtime",
|
|
10
|
+
"label_device": "Device",
|
|
11
|
+
"value_unknown": "unknown",
|
|
12
|
+
"value_of": "of"
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const pDiskPopupKeyset: (key: "label_node-id" | "label_dc" | "context_not-available" | "label_type" | "label_host" | "label_path" | "label_available" | "label_realtime" | "label_device" | "value_unknown" | "value_of", params?: import("@gravity-ui/i18n").Params) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PDiskPopup/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,iBAAiB,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { PaginatedTableId } from './constants';
|
|
2
3
|
import type { Column, FetchData, GetRowClassName, HandleTableColumnsResize, PaginatedTableData, RenderEmptyDataMessage, RenderErrorMessage } from './types';
|
|
3
4
|
import './PaginatedTable.scss';
|
|
4
5
|
export interface PaginatedTableProps<T, F> {
|
|
@@ -6,7 +7,7 @@ export interface PaginatedTableProps<T, F> {
|
|
|
6
7
|
initialEntitiesCount?: number;
|
|
7
8
|
fetchData: FetchData<T, F>;
|
|
8
9
|
filters?: F;
|
|
9
|
-
tableName:
|
|
10
|
+
tableName: PaginatedTableId;
|
|
10
11
|
columns: Column<T>[];
|
|
11
12
|
getRowClassName?: GetRowClassName<T>;
|
|
12
13
|
rowHeight?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { PaginatedTableId } from './constants';
|
|
1
2
|
import type { Column, FetchData, GetRowClassName, PaginatedTableData, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
|
2
3
|
interface TableChunkProps<T, F> {
|
|
3
4
|
id: number;
|
|
@@ -9,7 +10,7 @@ interface TableChunkProps<T, F> {
|
|
|
9
10
|
sortParams?: SortParams;
|
|
10
11
|
shouldFetch: boolean;
|
|
11
12
|
shouldRender: boolean;
|
|
12
|
-
tableName:
|
|
13
|
+
tableName: PaginatedTableId;
|
|
13
14
|
fetchData: FetchData<T, F>;
|
|
14
15
|
getRowClassName?: GetRowClassName<T>;
|
|
15
16
|
renderErrorMessage?: RenderErrorMessage;
|
|
@@ -6,6 +6,7 @@ import { useAutoRefreshInterval } from '../../utils/hooks';
|
|
|
6
6
|
import { ResponseError } from '../Errors/ResponseError';
|
|
7
7
|
import { usePaginatedTableState } from './PaginatedTableContext';
|
|
8
8
|
import { EmptyTableRow, LoadingTableRow, TableRow } from './TableRow';
|
|
9
|
+
import { shouldSendColumnIds } from './constants';
|
|
9
10
|
import i18n from './i18n';
|
|
10
11
|
import { typedMemo } from './utils';
|
|
11
12
|
const DEBOUNCE_TIMEOUT = 200;
|
|
@@ -15,8 +16,10 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
|
|
|
15
16
|
const [isTimeoutActive, setIsTimeoutActive] = React.useState(true);
|
|
16
17
|
const [autoRefreshInterval] = useAutoRefreshInterval();
|
|
17
18
|
const { noBatching } = usePaginatedTableState();
|
|
18
|
-
|
|
19
|
-
const columnsIds =
|
|
19
|
+
const hasColumnsIdsInRequest = shouldSendColumnIds(tableName);
|
|
20
|
+
const columnsIds = React.useMemo(() =>
|
|
21
|
+
// sort ids to prevent refetch if only order was changed
|
|
22
|
+
hasColumnsIdsInRequest ? columns.map((column) => column.name).toSorted() : [], [columns, hasColumnsIdsInRequest]);
|
|
20
23
|
const queryParams = {
|
|
21
24
|
offset: id * chunkSize,
|
|
22
25
|
limit: chunkSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { PaginatedTableId } from './constants';
|
|
2
3
|
import type { Column, FetchData, GetRowClassName, PaginatedTableData, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
|
3
4
|
export interface TableChunksRendererProps<T, F> {
|
|
4
5
|
scrollContainerRef: React.RefObject<HTMLElement>;
|
|
@@ -9,7 +10,7 @@ export interface TableChunksRendererProps<T, F> {
|
|
|
9
10
|
columns: Column<T>[];
|
|
10
11
|
fetchData: FetchData<T, F>;
|
|
11
12
|
filters?: F;
|
|
12
|
-
tableName:
|
|
13
|
+
tableName: PaginatedTableId;
|
|
13
14
|
sortParams?: SortParams;
|
|
14
15
|
getRowClassName?: GetRowClassName<T>;
|
|
15
16
|
renderErrorMessage?: RenderErrorMessage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAU3B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAoB5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAO,EACtC,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,SAAS,GACoB,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACrC,kBAAkB;QAClB,QAAQ;QACR,UAAU,EAAE,aAAa,IAAI,CAAC;QAC9B,SAAS;QACT,SAAS;KACZ,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,oDAAoD;QACpD,uDAAuD;QACvD,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,aAAa,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,MAAM,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC9E,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACjF,OAAO,EAAC,gBAAgB,EAAE,eAAe,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/E,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,UAAkB,EAAE,QAAgB,EAAE,EAAE;QACrC,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,gBAAgB,GAAG,CAAC,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;YAClF,WAAW,IAAI,gBAAgB,GAAG,SAAS,CAAC;QAChD,CAAC;QACD,OAAO,WAAW,CAAC;IACvB,CAAC,EACD,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAC5D,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,UAAkB,EAAE,QAAgB,EAAE,GAAW,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC9D,OAAO,CACH,aAAI,KAAK,EAAE,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,YACjD,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,GAAI,IADZ,GAAG,CAE1D,CACR,CAAC;IACN,CAAC,EACD,CAAC,wBAAwB,EAAE,OAAO,CAAC,MAAM,CAAC,CAC7C,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,UAAkB,EAAE,EAAE;QACnB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,OAAO,CACH,KAAC,UAAU,IAEP,EAAE,EAAE,UAAU,EACd,eAAe,EACX,UAAU,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAErE,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,UAAU,CAAC,YAAY,EACrC,SAAS,EAAE,SAAS,IAlBf,UAAU,CAmBjB,CACL,CAAC;IACN,CAAC,EACD;QACI,SAAS;QACT,WAAW;QACX,OAAO;QACP,SAAS;QACT,OAAO;QACP,eAAe;QACf,SAAS;QACT,aAAa;QACb,aAAa;QACb,sBAAsB;QACtB,kBAAkB;QAClB,SAAS;QACT,UAAU;QACV,SAAS;KACZ,CACJ,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,qHAAqH;QACrH,8CAA8C;QAC9C,MAAM,EAAC,eAAe,EAAE,cAAc,EAAC,GAAG,mBAAmB,EAAE,CAAC;QAChE,MAAM,EAAC,gBAAgB,EAAE,eAAe,EAAC,GAAG,oBAAoB,EAAE,CAAC;QACnE,MAAM,QAAQ,GAAyB,EAAE,CAAC;QAE1C,wBAAwB;QACxB,IAAI,eAAe,KAAK,CAAC,CAAC,EAAE,CAAC;YACzB,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED,6DAA6D;QAC7D,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,CAAC;QAC/E,CAAC;QAED,8EAA8E;QAC9E,KAAK,IAAI,CAAC,GAAG,eAAe,EAAE,CAAC,IAAI,cAAc,EAAE,CAAC,EAAE,EAAE,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;QAED,qDAAqD;QACrD,IAAI,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,QAAQ,CAAC,IAAI,CACT,eAAe,CAAC,eAAe,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,CAAC,CAC5E,CAAC;QACN,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,EAAE;QACC,WAAW,CAAC,MAAM;QAClB,WAAW;QACX,eAAe;QACf,mBAAmB;QACnB,oBAAoB;KACvB,CAAC,CAAC;IAEH,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,YAAY,EAAE,GAAkB,CAAC;AAC7D,CAAC,CAAC"}
|
|
@@ -9,3 +9,13 @@ export declare const DEFAULT_SORT_ORDER = -1;
|
|
|
9
9
|
export declare const DEFAULT_REQUEST_TIMEOUT = 200;
|
|
10
10
|
export declare const DEFAULT_TABLE_ROW_HEIGHT = 41;
|
|
11
11
|
export declare const DEFAULT_INTERSECTION_OBSERVER_MARGIN = "100%";
|
|
12
|
+
export declare const PAGINATED_TABLE_IDS: {
|
|
13
|
+
readonly NODES: "nodes";
|
|
14
|
+
readonly STORAGE_NODES: "storage-nodes";
|
|
15
|
+
readonly STORAGE_GROUPS: "storage-groups";
|
|
16
|
+
readonly TOPIC_DATA: "topic-data";
|
|
17
|
+
readonly NODE_PEERS: "node-peers";
|
|
18
|
+
};
|
|
19
|
+
export type PaginatedTableId = (typeof PAGINATED_TABLE_IDS)[keyof typeof PAGINATED_TABLE_IDS];
|
|
20
|
+
export declare const PAGINATED_TABLE_COLUMN_IDS_IN_REQUEST: Record<PaginatedTableId, boolean>;
|
|
21
|
+
export declare function shouldSendColumnIds(tableId: PaginatedTableId): boolean;
|
|
@@ -10,4 +10,22 @@ export const DEFAULT_SORT_ORDER = DESCENDING;
|
|
|
10
10
|
export const DEFAULT_REQUEST_TIMEOUT = 200;
|
|
11
11
|
export const DEFAULT_TABLE_ROW_HEIGHT = 41;
|
|
12
12
|
export const DEFAULT_INTERSECTION_OBSERVER_MARGIN = '100%';
|
|
13
|
+
export const PAGINATED_TABLE_IDS = {
|
|
14
|
+
NODES: 'nodes',
|
|
15
|
+
STORAGE_NODES: 'storage-nodes',
|
|
16
|
+
STORAGE_GROUPS: 'storage-groups',
|
|
17
|
+
TOPIC_DATA: 'topic-data',
|
|
18
|
+
NODE_PEERS: 'node-peers',
|
|
19
|
+
};
|
|
20
|
+
export const PAGINATED_TABLE_COLUMN_IDS_IN_REQUEST = {
|
|
21
|
+
[PAGINATED_TABLE_IDS.NODES]: true,
|
|
22
|
+
[PAGINATED_TABLE_IDS.STORAGE_NODES]: true,
|
|
23
|
+
[PAGINATED_TABLE_IDS.STORAGE_GROUPS]: true,
|
|
24
|
+
[PAGINATED_TABLE_IDS.TOPIC_DATA]: true,
|
|
25
|
+
[PAGINATED_TABLE_IDS.NODE_PEERS]: false,
|
|
26
|
+
};
|
|
27
|
+
export function shouldSendColumnIds(tableId) {
|
|
28
|
+
var _a;
|
|
29
|
+
return (_a = PAGINATED_TABLE_COLUMN_IDS_IN_REQUEST[tableId]) !== null && _a !== void 0 ? _a : false;
|
|
30
|
+
}
|
|
13
31
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC/B,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAE7B,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC;AAClC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;AAC3B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE7C,8CAA8C;AAC9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC/B,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAE7B,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC;AAClC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;AAC3B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE7C,8CAA8C;AAC9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAE3D,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;IAChC,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;CAClB,CAAC;AAIX,MAAM,CAAC,MAAM,qCAAqC,GAAsC;IACpF,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,IAAI;IACjC,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,IAAI;IACzC,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,IAAI;IAC1C,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAAE,IAAI;IACtC,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAAE,KAAK;CAC1C,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,OAAyB;;IACzD,OAAO,MAAA,qCAAqC,CAAC,OAAO,CAAC,mCAAI,KAAK,CAAC;AACnE,CAAC"}
|