ydb-embedded-ui 11.3.0 → 11.5.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/DoughnutMetrics/DoughnutMetrics.d.ts +3 -1
- package/dist/components/DoughnutMetrics/DoughnutMetrics.js +16 -20
- package/dist/components/DoughnutMetrics/DoughnutMetrics.js.map +1 -1
- package/dist/components/DoughnutMetrics/DoughnutMetrics.scss +25 -28
- package/dist/components/DoughnutMetrics/SvgCircle.d.ts +14 -0
- package/dist/components/DoughnutMetrics/SvgCircle.js +5 -0
- package/dist/components/DoughnutMetrics/SvgCircle.js.map +1 -0
- package/dist/components/DoughnutMetrics/utils.d.ts +36 -0
- package/dist/components/DoughnutMetrics/utils.js +40 -0
- package/dist/components/DoughnutMetrics/utils.js.map +1 -0
- package/dist/components/EntityStatus/EntityStatus.js +2 -1
- package/dist/components/EntityStatus/EntityStatus.js.map +1 -1
- package/dist/components/EntityStatus/EntityStatus.scss +0 -4
- package/dist/components/FixedHeightQuery/FixedHeightQuery.d.ts +3 -1
- package/dist/components/FixedHeightQuery/FixedHeightQuery.js +5 -3
- package/dist/components/FixedHeightQuery/FixedHeightQuery.js.map +1 -1
- package/dist/components/FixedHeightQuery/FixedHeightQuery.scss +5 -1
- package/dist/components/HoverPopup/HoverPopup.d.ts +0 -1
- package/dist/components/HoverPopup/HoverPopup.js +2 -4
- package/dist/components/HoverPopup/HoverPopup.js.map +1 -1
- package/dist/components/InfoViewer/InfoViewer.d.ts +2 -1
- package/dist/components/InfoViewer/InfoViewer.js +2 -2
- package/dist/components/InfoViewer/InfoViewer.js.map +1 -1
- package/dist/components/InfoViewer/InfoViewer.scss +20 -0
- package/dist/components/MemoryViewer/MemoryViewer.d.ts +1 -1
- package/dist/components/MemoryViewer/MemoryViewer.js +3 -3
- package/dist/components/MemoryViewer/MemoryViewer.js.map +1 -1
- package/dist/components/MemoryViewer/MemoryViewer.scss +5 -13
- package/dist/components/MemoryViewer/i18n/en.json +2 -1
- package/dist/components/MemoryViewer/i18n/index.d.ts +1 -1
- package/dist/components/MemoryViewer/utils.d.ts +3 -3
- package/dist/components/MemoryViewer/utils.js +12 -1
- package/dist/components/MemoryViewer/utils.js.map +1 -1
- package/dist/components/ProgressViewer/ProgressViewer.d.ts +1 -1
- package/dist/components/ProgressViewer/ProgressViewer.js +2 -9
- package/dist/components/ProgressViewer/ProgressViewer.js.map +1 -1
- package/dist/components/ProgressWrapper/ProgressContainer.d.ts +2 -0
- package/dist/components/ProgressWrapper/ProgressContainer.js +8 -0
- package/dist/components/ProgressWrapper/ProgressContainer.js.map +1 -0
- package/dist/components/ProgressWrapper/ProgressWrapper.d.ts +2 -0
- package/dist/components/ProgressWrapper/ProgressWrapper.js +10 -0
- package/dist/components/ProgressWrapper/ProgressWrapper.js.map +1 -0
- package/dist/components/ProgressWrapper/SingleProgress.d.ts +2 -0
- package/dist/components/ProgressWrapper/SingleProgress.js +24 -0
- package/dist/components/ProgressWrapper/SingleProgress.js.map +1 -0
- package/dist/components/ProgressWrapper/StackProgress.d.ts +2 -0
- package/dist/components/ProgressWrapper/StackProgress.js +39 -0
- package/dist/components/ProgressWrapper/StackProgress.js.map +1 -0
- package/dist/components/ProgressWrapper/i18n/en.json +4 -0
- package/dist/components/ProgressWrapper/i18n/index.d.ts +2 -0
- package/dist/components/ProgressWrapper/i18n/index.js +8 -0
- package/dist/components/ProgressWrapper/i18n/index.js.map +1 -0
- package/dist/components/ProgressWrapper/index.d.ts +6 -0
- package/dist/components/ProgressWrapper/index.js +9 -0
- package/dist/components/ProgressWrapper/index.js.map +1 -0
- package/dist/components/ProgressWrapper/progressUtils.d.ts +13 -0
- package/dist/components/ProgressWrapper/progressUtils.js +35 -0
- package/dist/components/ProgressWrapper/progressUtils.js.map +1 -0
- package/dist/components/ProgressWrapper/types.d.ts +29 -0
- package/dist/components/ProgressWrapper/types.js +2 -0
- package/dist/components/ProgressWrapper/types.js.map +1 -0
- package/dist/components/QueriesActivityBar/QueriesActivityAlert.d.ts +8 -0
- package/dist/components/QueriesActivityBar/QueriesActivityAlert.js +26 -0
- package/dist/components/QueriesActivityBar/QueriesActivityAlert.js.map +1 -0
- package/dist/components/QueriesActivityBar/QueriesActivityAlert.scss +25 -0
- package/dist/components/QueriesActivityBar/QueriesActivityBar.js +16 -96
- package/dist/components/QueriesActivityBar/QueriesActivityBar.js.map +1 -1
- package/dist/components/QueriesActivityBar/QueriesActivityBar.scss +2 -48
- package/dist/components/QueriesActivityBar/QueriesActivityCharts.js +5 -2
- package/dist/components/QueriesActivityBar/QueriesActivityCharts.js.map +1 -1
- package/dist/components/QueriesActivityBar/QueriesActivityExpandable.d.ts +21 -0
- package/dist/components/QueriesActivityBar/QueriesActivityExpandable.js +34 -0
- package/dist/components/QueriesActivityBar/QueriesActivityExpandable.js.map +1 -0
- package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.d.ts +2 -0
- package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.js +9 -0
- package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.js.map +1 -0
- package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.scss +6 -0
- package/dist/components/QueriesActivityBar/useQueriesActivityData.d.ts +11 -0
- package/dist/components/QueriesActivityBar/useQueriesActivityData.js +71 -0
- package/dist/components/QueriesActivityBar/useQueriesActivityData.js.map +1 -0
- package/dist/components/SeeAllButton/SeeAllButton.d.ts +7 -0
- package/dist/components/SeeAllButton/SeeAllButton.js +9 -0
- package/dist/components/SeeAllButton/SeeAllButton.js.map +1 -0
- package/dist/components/SeeAllButton/i18n/en.json +3 -0
- package/dist/components/SeeAllButton/i18n/index.d.ts +2 -0
- package/dist/components/SeeAllButton/i18n/index.js +5 -0
- package/dist/components/SeeAllButton/i18n/index.js.map +1 -0
- package/dist/components/ShardsTable/columns.js +1 -1
- package/dist/components/ShardsTable/columns.js.map +1 -1
- package/dist/components/SpeedMultiMeter/SpeedMultiMeter.js +2 -1
- package/dist/components/SpeedMultiMeter/SpeedMultiMeter.js.map +1 -1
- package/dist/components/SpeedMultiMeter/SpeedMultiMeter.scss +0 -3
- package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.d.ts +2 -0
- package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js +4 -9
- package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map +1 -1
- package/dist/components/SyntaxHighlighter/themes.d.ts +6 -6
- package/dist/components/SyntaxHighlighter/themes.js +8 -0
- package/dist/components/SyntaxHighlighter/themes.js.map +1 -1
- package/dist/components/TitleWithHelpmark/TitleWithHelpmark.d.ts +6 -0
- package/dist/components/TitleWithHelpmark/TitleWithHelpmark.js +6 -0
- package/dist/components/TitleWithHelpmark/TitleWithHelpmark.js.map +1 -0
- package/dist/components/VersionsBar/VersionsBar.d.ts +7 -0
- package/dist/components/VersionsBar/VersionsBar.js +83 -0
- package/dist/components/VersionsBar/VersionsBar.js.map +1 -0
- package/dist/components/VersionsBar/VersionsBar.scss +36 -0
- package/dist/components/VersionsBar/i18n/en.json +8 -0
- package/dist/components/VersionsBar/i18n/index.d.ts +2 -0
- package/dist/components/VersionsBar/i18n/index.js +5 -0
- package/dist/components/VersionsBar/i18n/index.js.map +1 -0
- package/dist/components/nodesColumns/columns.js +3 -3
- package/dist/components/nodesColumns/columns.js.map +1 -1
- package/dist/containers/App/App.scss +4 -0
- package/dist/containers/AsideNavigation/AsideNavigation.scss +1 -1
- package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.js +0 -8
- package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.js.map +1 -1
- package/dist/containers/AsideNavigation/i18n/en.json +0 -2
- package/dist/containers/AsideNavigation/i18n/index.d.ts +1 -1
- package/dist/containers/Cluster/VersionsBar/VersionsBar.d.ts +1 -1
- package/dist/containers/Cluster/VersionsBar/VersionsBar.js.map +1 -1
- package/dist/containers/Clusters/Clusters.scss +0 -4
- package/dist/containers/Clusters/columns.js +3 -11
- package/dist/containers/Clusters/columns.js.map +1 -1
- package/dist/containers/Clusters/i18n/en.json +4 -1
- package/dist/containers/Node/Node.js +4 -0
- package/dist/containers/Node/Node.js.map +1 -1
- 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/CpuUsageBar/CpuUsageBar.d.ts +8 -0
- package/dist/containers/Node/Threads/CpuUsageBar/CpuUsageBar.js +14 -0
- package/dist/containers/Node/Threads/CpuUsageBar/CpuUsageBar.js.map +1 -0
- package/dist/containers/Node/Threads/CpuUsageBar/CpuUsageBar.scss +6 -0
- package/dist/containers/Node/Threads/ThreadStatesBar/ThreadStatesBar.d.ts +8 -0
- package/dist/containers/Node/Threads/ThreadStatesBar/ThreadStatesBar.js +72 -0
- package/dist/containers/Node/Threads/ThreadStatesBar/ThreadStatesBar.js.map +1 -0
- package/dist/containers/Node/Threads/ThreadStatesBar/ThreadStatesBar.scss +10 -0
- package/dist/containers/Node/Threads/Threads.d.ts +6 -0
- package/dist/containers/Node/Threads/Threads.js +17 -0
- package/dist/containers/Node/Threads/Threads.js.map +1 -0
- package/dist/containers/Node/Threads/columns.d.ts +3 -0
- package/dist/containers/Node/Threads/columns.js +52 -0
- package/dist/containers/Node/Threads/columns.js.map +1 -0
- package/dist/containers/Node/Threads/i18n/en.json +11 -0
- package/dist/containers/Node/Threads/i18n/index.d.ts +2 -0
- package/dist/containers/Node/Threads/i18n/index.js +5 -0
- package/dist/containers/Node/Threads/i18n/index.js.map +1 -0
- package/dist/containers/Node/i18n/en.json +1 -0
- package/dist/containers/Node/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js +3 -3
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/AccessRights/AccessRights.scss +0 -6
- package/dist/containers/Tenant/Diagnostics/AccessRights/components/RightsTable/columns.js +4 -6
- package/dist/containers/Tenant/Diagnostics/AccessRights/components/RightsTable/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js +2 -1
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.scss +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/{MetricsCards/MetricsCards.d.ts → MetricsTabs/MetricsTabs.d.ts} +4 -3
- package/dist/containers/Tenant/Diagnostics/TenantOverview/{MetricsCards/MetricsCards.js → MetricsTabs/MetricsTabs.js} +16 -9
- package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/{MetricsCards/MetricsCards.scss → MetricsTabs/MetricsTabs.scss} +5 -5
- package/dist/containers/Tenant/Diagnostics/TenantOverview/StatsWrapper/StatsWrapper.d.ts +11 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/StatsWrapper/StatsWrapper.js +10 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/StatsWrapper/StatsWrapper.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/StatsWrapper/StatsWrapper.scss +14 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.d.ts +2 -4
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.js +2 -2
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.scss +2 -4
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TenantCpu.js +13 -2
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TenantCpu.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.js +2 -14
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.js +2 -14
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js +13 -46
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.js +1 -17
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.js +9 -2
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.scss +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemoryDetailsSection.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemoryDetailsSection.js +34 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemoryDetailsSection.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemoryDetailsSection.scss +44 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemorySegmentsList.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemorySegmentsList.js +28 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/MemorySegmentsList.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.d.ts +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.js +28 -5
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.scss +20 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.js +2 -14
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.d.ts +8 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.js +26 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.scss +9 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.js +28 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.js +28 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.d.ts +76 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.js +38 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js +9 -3
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss +6 -7
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.d.ts +0 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.js +13 -7
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js +2 -15
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.d.ts +0 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.js +14 -19
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/en.json +19 -21
- package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.d.ts +22 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.js +29 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/QueriesTableWithDrawer.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js +2 -24
- package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js +2 -13
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.js +10 -13
- package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.js +0 -2
- package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/keybindings.d.ts +0 -2
- package/dist/containers/Tenant/Query/QueryEditor/keybindings.js +0 -2
- package/dist/containers/Tenant/Query/QueryEditor/keybindings.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryResult/QueryResultViewer.js +25 -19
- package/dist/containers/Tenant/Query/QueryResult/QueryResultViewer.js.map +1 -1
- package/dist/containers/Versions/GroupedNodesTree/GroupedNodesTree.d.ts +1 -1
- package/dist/containers/Versions/GroupedNodesTree/GroupedNodesTree.js.map +1 -1
- package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.d.ts +1 -1
- package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.js.map +1 -1
- package/dist/containers/Versions/Versions.js +8 -8
- package/dist/containers/Versions/Versions.js.map +1 -1
- package/dist/containers/Versions/groupNodes.d.ts +4 -4
- package/dist/containers/Versions/groupNodes.js +9 -9
- package/dist/containers/Versions/groupNodes.js.map +1 -1
- package/dist/containers/Versions/groupNodes.test.js +22 -20
- package/dist/containers/Versions/groupNodes.test.js.map +1 -1
- package/dist/containers/Versions/types.d.ts +1 -1
- package/dist/containers/Versions/utils.d.ts +4 -4
- package/dist/containers/Versions/utils.js +15 -15
- package/dist/containers/Versions/utils.js.map +1 -1
- package/dist/services/api/index.d.ts +6 -3
- package/dist/services/api/index.js +19 -2
- package/dist/services/api/index.js.map +1 -1
- package/dist/services/api/viewer.js +1 -0
- package/dist/services/api/viewer.js.map +1 -1
- package/dist/store/reducers/capabilities/capabilities.d.ts +125 -0
- package/dist/store/reducers/capabilities/capabilities.js +1 -0
- package/dist/store/reducers/capabilities/capabilities.js.map +1 -1
- package/dist/store/reducers/capabilities/hooks.d.ts +1 -0
- package/dist/store/reducers/capabilities/hooks.js +5 -1
- package/dist/store/reducers/capabilities/hooks.js.map +1 -1
- package/dist/store/reducers/clusters/types.d.ts +2 -2
- package/dist/store/reducers/clusters/utils.js +3 -3
- package/dist/store/reducers/clusters/utils.js.map +1 -1
- package/dist/store/reducers/query/__test__/tabPersistence.test.d.ts +1 -0
- package/dist/store/reducers/query/__test__/tabPersistence.test.js +62 -0
- package/dist/store/reducers/query/__test__/tabPersistence.test.js.map +1 -0
- package/dist/store/reducers/query/query.d.ts +14 -1
- package/dist/store/reducers/query/query.js +10 -2
- package/dist/store/reducers/query/query.js.map +1 -1
- package/dist/store/reducers/query/types.d.ts +4 -0
- package/dist/store/reducers/tenant/constants.d.ts +1 -0
- package/dist/store/reducers/tenant/constants.js +1 -0
- package/dist/store/reducers/tenant/constants.js.map +1 -1
- package/dist/store/reducers/tenant/tenant.js +2 -1
- package/dist/store/reducers/tenant/tenant.js.map +1 -1
- package/dist/store/reducers/tenant/types.d.ts +1 -1
- package/dist/styles/mixins.scss +6 -0
- package/dist/styles/versions.scss +110 -86
- package/dist/types/api/capabilities.d.ts +3 -0
- package/dist/types/api/nodes.d.ts +3 -0
- package/dist/types/api/nodes.js.map +1 -1
- package/dist/types/api/systemState.d.ts +3 -0
- package/dist/types/api/threads.d.ts +60 -0
- package/dist/types/api/threads.js +32 -0
- package/dist/types/api/threads.js.map +1 -0
- package/dist/utils/constants.d.ts +2 -1
- package/dist/utils/constants.js +2 -1
- package/dist/utils/constants.js.map +1 -1
- package/dist/utils/hooks/index.d.ts +1 -0
- package/dist/utils/hooks/index.js +1 -0
- package/dist/utils/hooks/index.js.map +1 -1
- package/dist/utils/hooks/useScrollPosition.d.ts +7 -0
- package/dist/utils/hooks/useScrollPosition.js +100 -0
- package/dist/utils/hooks/useScrollPosition.js.map +1 -0
- package/dist/utils/metrics/formatMetricLegend.d.ts +1 -0
- package/dist/utils/metrics/formatMetricLegend.js +21 -0
- package/dist/utils/metrics/formatMetricLegend.js.map +1 -1
- package/dist/utils/metrics.d.ts +1 -1
- package/dist/utils/metrics.js +1 -1
- package/dist/utils/prepareErrorMessage.js +9 -2
- package/dist/utils/prepareErrorMessage.js.map +1 -1
- package/dist/utils/progress.d.ts +2 -0
- package/dist/utils/progress.js +7 -0
- package/dist/utils/progress.js.map +1 -1
- package/dist/utils/versions/__test__/sortVersions.test.d.ts +1 -0
- package/dist/utils/versions/__test__/sortVersions.test.js +106 -0
- package/dist/utils/versions/__test__/sortVersions.test.js.map +1 -0
- package/dist/utils/versions/clusterVersionColors.d.ts +5 -0
- package/dist/utils/versions/clusterVersionColors.js +71 -0
- package/dist/utils/versions/clusterVersionColors.js.map +1 -0
- package/dist/utils/versions/getVersionsColors.d.ts +5 -4
- package/dist/utils/versions/getVersionsColors.js +63 -36
- package/dist/utils/versions/getVersionsColors.js.map +1 -1
- package/dist/utils/versions/parseNodesToVersionsValues.d.ts +3 -3
- package/dist/utils/versions/parseNodesToVersionsValues.js +5 -5
- package/dist/utils/versions/parseNodesToVersionsValues.js.map +1 -1
- package/dist/utils/versions/sortVersions.d.ts +18 -0
- package/dist/utils/versions/sortVersions.js +41 -0
- package/dist/utils/versions/sortVersions.js.map +1 -0
- package/dist/utils/versions/types.d.ts +22 -0
- package/dist/utils/versions/types.js +2 -0
- package/dist/utils/versions/types.js.map +1 -0
- package/package.json +2 -2
- package/dist/components/HoverPopup/HoverPopup.scss +0 -3
- package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.js.map +0 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/getSectionTitle.d.ts +0 -9
- package/dist/containers/Tenant/Diagnostics/TenantOverview/getSectionTitle.js +0 -12
- package/dist/containers/Tenant/Diagnostics/TenantOverview/getSectionTitle.js.map +0 -1
- package/dist/types/versions.d.ts +0 -8
- package/dist/types/versions.js +0 -2
- package/dist/types/versions.js.map +0 -1
- package/dist/utils/clusterVersionColors.d.ts +0 -11
- package/dist/utils/clusterVersionColors.js +0 -53
- package/dist/utils/clusterVersionColors.js.map +0 -1
@@ -1,5 +1,3 @@
|
|
1
|
-
@use '../../styles/mixins.scss';
|
2
|
-
|
3
1
|
.queries-activity-bar {
|
4
2
|
$b: &;
|
5
3
|
|
@@ -15,11 +13,6 @@
|
|
15
13
|
}
|
16
14
|
|
17
15
|
&__header {
|
18
|
-
display: flex;
|
19
|
-
justify-content: space-between;
|
20
|
-
align-items: center;
|
21
|
-
gap: var(--g-spacing-3);
|
22
|
-
|
23
16
|
padding: var(--g-spacing-3) var(--g-spacing-4);
|
24
17
|
|
25
18
|
cursor: pointer;
|
@@ -44,63 +37,24 @@
|
|
44
37
|
}
|
45
38
|
}
|
46
39
|
|
47
|
-
&__content-wrapper {
|
48
|
-
display: flex;
|
49
|
-
flex-grow: 1;
|
50
|
-
align-items: center;
|
51
|
-
gap: var(--g-spacing-2);
|
52
|
-
}
|
53
|
-
|
54
|
-
&__metrics {
|
55
|
-
display: flex;
|
56
|
-
align-items: center;
|
57
|
-
gap: var(--g-spacing-1);
|
58
|
-
}
|
59
|
-
|
60
40
|
&__content {
|
61
|
-
display: flex;
|
62
|
-
flex-direction: column;
|
63
|
-
gap: var(--g-spacing-4);
|
64
|
-
|
65
41
|
padding-top: var(--g-spacing-3);
|
66
42
|
padding-bottom: var(--g-spacing-3);
|
67
43
|
}
|
68
44
|
|
69
45
|
&__stats {
|
70
|
-
display: flex;
|
71
|
-
flex-wrap: wrap;
|
72
|
-
align-items: center;
|
73
|
-
gap: var(--g-spacing-1);
|
74
|
-
|
75
46
|
padding: 0 var(--g-spacing-4);
|
76
47
|
}
|
77
48
|
|
78
49
|
&__open-queries-button {
|
79
|
-
margin-left:
|
50
|
+
margin-left: var(--g-spacing-1);
|
80
51
|
}
|
81
52
|
|
82
53
|
&__charts {
|
83
|
-
display: flex;
|
84
|
-
gap: var(--g-spacing-4);
|
85
|
-
|
86
54
|
padding: 0 var(--g-spacing-4);
|
87
55
|
|
88
56
|
@media (max-width: 1200px) {
|
89
|
-
flex-direction: column;
|
57
|
+
flex-direction: column !important;
|
90
58
|
}
|
91
59
|
}
|
92
|
-
|
93
|
-
&__chart-container {
|
94
|
-
display: flex;
|
95
|
-
flex: 1;
|
96
|
-
flex-direction: column;
|
97
|
-
gap: var(--g-spacing-3);
|
98
|
-
}
|
99
|
-
|
100
|
-
// Focus states for accessibility
|
101
|
-
&__header:focus-visible,
|
102
|
-
&__open-queries-button:focus-visible {
|
103
|
-
outline: 2px solid var(--g-color-line-focus);
|
104
|
-
outline-offset: 2px;
|
105
|
-
}
|
106
60
|
}
|
@@ -1,11 +1,14 @@
|
|
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
4
|
import { defaultDashboardConfig } from '../../containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig';
|
4
5
|
import { cn } from '../../utils/cn';
|
5
6
|
import { useAutoRefreshInterval } from '../../utils/hooks';
|
6
7
|
import { MetricChart } from '../MetricChart/MetricChart';
|
7
8
|
const b = cn('queries-activity-bar');
|
8
|
-
const
|
9
|
+
const LEGEND_HEIGHT = 34.5;
|
10
|
+
const QUERIES_PER_SECOND_CHART_HEIGHT = 292;
|
11
|
+
const QUERIES_LATENCIES_CHART_HEIGHT = 292 + LEGEND_HEIGHT;
|
9
12
|
export function QueriesActivityCharts({ tenantName, expanded, onChartDataStatusChange, }) {
|
10
13
|
const [autoRefreshInterval] = useAutoRefreshInterval();
|
11
14
|
const [hasChartsLoaded, setHasChartsLoaded] = React.useState(false);
|
@@ -35,6 +38,6 @@ export function QueriesActivityCharts({ tenantName, expanded, onChartDataStatusC
|
|
35
38
|
// that use CSS transforms or have complex nested DOM structures. The tooltip initialization
|
36
39
|
// fails when the chart is not immediately visible during mounting.
|
37
40
|
// TODO: Remove this workaround once the upstream issue is fixed
|
38
|
-
return (_jsxs(
|
41
|
+
return (_jsxs(Flex, { className: b('charts'), gap: 4, direction: "row", style: { display: expanded ? undefined : 'none' }, children: [_jsx(Flex, { direction: "column", gap: 3, grow: true, children: _jsx(MetricChart, { database: tenantName, metrics: queriesChartConfig.metrics, autorefresh: shouldRefresh, height: QUERIES_PER_SECOND_CHART_HEIGHT, chartOptions: queriesChartConfig.options, onChartDataStatusChange: handleChartDataStatusChange, isChartVisible: hasChartsLoaded && expanded, title: queriesChartConfig.title }) }), _jsx(Flex, { direction: "column", gap: 3, grow: true, children: _jsx(MetricChart, { database: tenantName, metrics: latenciesChartConfig.metrics, autorefresh: shouldRefresh, height: QUERIES_LATENCIES_CHART_HEIGHT, chartOptions: latenciesChartConfig.options, onChartDataStatusChange: handleChartDataStatusChange, isChartVisible: hasChartsLoaded && expanded, title: latenciesChartConfig.title }) })] }));
|
39
42
|
}
|
40
43
|
//# sourceMappingURL=QueriesActivityCharts.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"QueriesActivityCharts.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivityCharts.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,kGAAkG,CAAC;AACxI,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAGvD,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAQrC,MAAM,
|
1
|
+
{"version":3,"file":"QueriesActivityCharts.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivityCharts.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,sBAAsB,EAAC,MAAM,kGAAkG,CAAC;AACxI,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAGvD,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAQrC,MAAM,aAAa,GAAG,IAAI,CAAC;AAC3B,MAAM,+BAA+B,GAAG,GAAG,CAAC;AAC5C,MAAM,8BAA8B,GAAG,GAAG,GAAG,aAAa,CAAC;AAE3D,MAAM,UAAU,qBAAqB,CAAC,EAClC,UAAU,EACV,QAAQ,EACR,uBAAuB,GACE;IACzB,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,2DAA2D;IAC3D,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAE,EAAE;QACxC,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CACzC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,CAC3D,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAChE,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAEvE,gDAAgD;IAChD,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC/C,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAC;QAClF,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,qEAAqE;IACrE,MAAM,aAAa,GAAG,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CACjD,CAAC,MAAuB,EAAE,EAAE;QACxB,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;QACD,wCAAwC;QACxC,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,MAAM,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC5B,CAAC;IAEF,uFAAuF;IACvF,uDAAuD;IAEvD,0FAA0F;IAC1F,4FAA4F;IAC5F,mEAAmE;IAEnE,gEAAgE;IAEhE,OAAO,CACH,MAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAC,aAE/C,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,kBACjC,KAAC,WAAW,IACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,WAAW,EAAE,aAAa,EAC1B,MAAM,EAAE,+BAA+B,EACvC,YAAY,EAAE,kBAAkB,CAAC,OAAO,EACxC,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,eAAe,IAAI,QAAQ,EAC3C,KAAK,EAAE,kBAAkB,CAAC,KAAK,GACjC,GACC,EAEP,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,kBACjC,KAAC,WAAW,IACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EACrC,WAAW,EAAE,aAAa,EAC1B,MAAM,EAAE,8BAA8B,EACtC,YAAY,EAAE,oBAAoB,CAAC,OAAO,EAC1C,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,eAAe,IAAI,QAAQ,EAC3C,KAAK,EAAE,oBAAoB,CAAC,KAAK,GACnC,GACC,IACJ,CACV,CAAC;AACN,CAAC"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import './QueriesActivityBar.scss';
|
2
|
+
interface QueriesActivityExpandableProps {
|
3
|
+
tenantName: string;
|
4
|
+
runningQueriesCount: number;
|
5
|
+
uniqueApplications: number;
|
6
|
+
uniqueUsers: number;
|
7
|
+
qps?: {
|
8
|
+
value?: string;
|
9
|
+
trend?: {
|
10
|
+
value?: number;
|
11
|
+
};
|
12
|
+
};
|
13
|
+
latency?: {
|
14
|
+
value?: string;
|
15
|
+
trend?: {
|
16
|
+
value?: number;
|
17
|
+
};
|
18
|
+
};
|
19
|
+
}
|
20
|
+
export declare function QueriesActivityExpandable({ tenantName, runningQueriesCount, uniqueApplications, uniqueUsers, qps, latency, }: QueriesActivityExpandableProps): import("react/jsx-runtime").JSX.Element;
|
21
|
+
export {};
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import React from 'react';
|
3
|
+
import { CirclePlay, Clock, Display, Person, Rocket } from '@gravity-ui/icons';
|
4
|
+
import { ArrowToggle, Button, Card, Flex, Icon, Label, Text } from '@gravity-ui/uikit';
|
5
|
+
import { useHistory, useLocation } from 'react-router-dom';
|
6
|
+
import { TenantTabsGroups, getTenantPath } from '../../containers/Tenant/TenantPages';
|
7
|
+
import { parseQuery } from '../../routes';
|
8
|
+
import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../store/reducers/tenant/constants';
|
9
|
+
import { cn } from '../../utils/cn';
|
10
|
+
import { QueriesActivityCharts } from './QueriesActivityCharts';
|
11
|
+
import i18n from './i18n';
|
12
|
+
import { formatTrendValue } from './utils';
|
13
|
+
import './QueriesActivityBar.scss';
|
14
|
+
const b = cn('queries-activity-bar');
|
15
|
+
export function QueriesActivityExpandable({ tenantName, runningQueriesCount, uniqueApplications, uniqueUsers, qps, latency, }) {
|
16
|
+
var _a, _b, _c, _d, _e, _f;
|
17
|
+
const history = useHistory();
|
18
|
+
const location = useLocation();
|
19
|
+
const [expanded, setExpanded] = React.useState(false);
|
20
|
+
const handleOpenRunningQueries = () => {
|
21
|
+
const queryParams = parseQuery(location);
|
22
|
+
const path = getTenantPath({
|
23
|
+
...queryParams,
|
24
|
+
[TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
|
25
|
+
queryMode: 'running',
|
26
|
+
});
|
27
|
+
history.push(path);
|
28
|
+
};
|
29
|
+
const handleToggleExpanded = () => {
|
30
|
+
setExpanded(!expanded);
|
31
|
+
};
|
32
|
+
return (_jsx("div", { className: b({ expanded }), children: _jsxs(Card, { className: b('card'), type: "container", view: expanded ? 'outlined' : 'raised', children: [_jsxs(Flex, { className: b('header'), onClick: handleToggleExpanded, justifyContent: "space-between", alignItems: "center", gap: 3, children: [_jsxs(Flex, { direction: "column", children: [_jsx(Text, { variant: "subheader-2", className: b('title'), children: i18n('title_queries-activity') }), _jsx(Text, { color: "secondary", variant: "caption-2", className: b('subtitle'), children: i18n('context_monitor-changes-realtime') })] }), _jsxs(Flex, { alignItems: "center", gap: 4, children: [_jsxs(Flex, { alignItems: "center", gap: 1, children: [_jsx(Label, { theme: runningQueriesCount > 0 ? 'success' : 'unknown', size: "s", icon: _jsx(Icon, { data: CirclePlay, size: 14 }), children: runningQueriesCount }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Rocket }), size: "s", value: formatTrendValue((_b = (_a = qps === null || qps === void 0 ? void 0 : qps.trend) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 0), children: i18n('value_per-sec', { count: (_c = qps === null || qps === void 0 ? void 0 : qps.value) !== null && _c !== void 0 ? _c : '0' }) }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Clock }), size: "s", value: formatTrendValue((_e = (_d = latency === null || latency === void 0 ? void 0 : latency.trend) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : 0), children: i18n('value_ms', { time: (_f = latency === null || latency === void 0 ? void 0 : latency.value) !== null && _f !== void 0 ? _f : '0' }) })] }), _jsx(ArrowToggle, { direction: expanded ? 'top' : 'bottom', size: 16 })] })] }), expanded && (_jsx(Flex, { direction: "column", gap: 4, className: b('content'), children: _jsxs(Flex, { wrap: true, alignItems: "center", gap: 1, className: b('stats'), children: [_jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: CirclePlay }), size: "s", value: String(runningQueriesCount), children: i18n('field_running-queries') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Display }), size: "s", value: String(uniqueApplications), children: i18n('field_applications') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Person }), size: "s", value: String(uniqueUsers), children: i18n('field_users') }), runningQueriesCount > 0 && (_jsx(Button, { view: "outlined", size: "s", onClick: handleOpenRunningQueries, className: b('open-queries-button'), children: i18n('action_open-running-queries') }))] }) })), _jsx(QueriesActivityCharts, { tenantName: tenantName, expanded: expanded })] }) }));
|
33
|
+
}
|
34
|
+
//# sourceMappingURL=QueriesActivityExpandable.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"QueriesActivityExpandable.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivityExpandable.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Skeleton } from '@gravity-ui/uikit';
|
3
|
+
import { cn } from '../../utils/cn';
|
4
|
+
import './QueriesActivitySkeleton.scss';
|
5
|
+
const b = cn('queries-activity-skeleton');
|
6
|
+
export function QueriesActivitySkeleton() {
|
7
|
+
return _jsx(Skeleton, { className: b('skeleton') });
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=QueriesActivitySkeleton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"QueriesActivitySkeleton.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivitySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAE1C,MAAM,UAAU,uBAAuB;IACnC,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI,CAAC;AAClD,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { calculateLatency, calculateQueriesPerSecond } from './utils';
|
2
|
+
interface UseQueriesActivityDataResult {
|
3
|
+
runningQueriesCount: number;
|
4
|
+
uniqueApplications: number;
|
5
|
+
uniqueUsers: number;
|
6
|
+
qps: ReturnType<typeof calculateQueriesPerSecond>;
|
7
|
+
latency: ReturnType<typeof calculateLatency>;
|
8
|
+
areChartsAvailable: boolean | null;
|
9
|
+
}
|
10
|
+
export declare function useQueriesActivityData(tenantName: string): UseQueriesActivityDataResult;
|
11
|
+
export {};
|
@@ -0,0 +1,71 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { topQueriesApi } from '../../store/reducers/executeTopQueries/executeTopQueries';
|
3
|
+
import { useAutoRefreshInterval } from '../../utils/hooks';
|
4
|
+
import { chartApi } from '../MetricChart/reducer';
|
5
|
+
import { calculateLatency, calculateQueriesPerSecond } from './utils';
|
6
|
+
// Configuration constants for chart timeframes
|
7
|
+
const QUERIES_TIME_FRAME = '1h';
|
8
|
+
const LATENCIES_TIME_FRAME = '1h';
|
9
|
+
export function useQueriesActivityData(tenantName) {
|
10
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
11
|
+
const [autoRefreshInterval] = useAutoRefreshInterval();
|
12
|
+
const shouldRefresh = autoRefreshInterval;
|
13
|
+
const { data: runningQueriesData } = topQueriesApi.useGetRunningQueriesQuery({
|
14
|
+
database: tenantName,
|
15
|
+
filters: {},
|
16
|
+
}, { pollingInterval: shouldRefresh });
|
17
|
+
const { data: queriesPerSecData, isSuccess: queriesSuccess, isError: queriesError, } = chartApi.useGetChartDataQuery({
|
18
|
+
database: tenantName,
|
19
|
+
metrics: [{ target: 'queries.requests' }],
|
20
|
+
timeFrame: QUERIES_TIME_FRAME,
|
21
|
+
maxDataPoints: 30,
|
22
|
+
}, { pollingInterval: shouldRefresh });
|
23
|
+
const { data: latencyData } = chartApi.useGetChartDataQuery({
|
24
|
+
database: tenantName,
|
25
|
+
metrics: [{ target: 'queries.latencies.p99' }],
|
26
|
+
timeFrame: LATENCIES_TIME_FRAME,
|
27
|
+
maxDataPoints: 30,
|
28
|
+
}, { pollingInterval: shouldRefresh });
|
29
|
+
const runningQueriesCount = ((_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.length) || 0;
|
30
|
+
// Determine chart availability from queries API success/error state
|
31
|
+
const areChartsAvailable = React.useMemo(() => {
|
32
|
+
if (queriesSuccess) {
|
33
|
+
return true;
|
34
|
+
}
|
35
|
+
if (queriesError) {
|
36
|
+
return false;
|
37
|
+
}
|
38
|
+
return null; // Still loading
|
39
|
+
}, [queriesSuccess, queriesError]);
|
40
|
+
const qps = React.useMemo(() => { var _a, _b; return calculateQueriesPerSecond((_b = (_a = queriesPerSecData === null || queriesPerSecData === void 0 ? void 0 : queriesPerSecData.metrics) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data); }, [(_e = (_d = queriesPerSecData === null || queriesPerSecData === void 0 ? void 0 : queriesPerSecData.metrics) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.data]);
|
41
|
+
const latency = React.useMemo(() => { var _a, _b; return calculateLatency((_b = (_a = latencyData === null || latencyData === void 0 ? void 0 : latencyData.metrics) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data); }, [(_g = (_f = latencyData === null || latencyData === void 0 ? void 0 : latencyData.metrics) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.data]);
|
42
|
+
const uniqueApplications = React.useMemo(() => {
|
43
|
+
var _a, _b, _c;
|
44
|
+
const apps = new Set();
|
45
|
+
(_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
|
46
|
+
if (row.ApplicationName) {
|
47
|
+
apps.add(String(row.ApplicationName));
|
48
|
+
}
|
49
|
+
});
|
50
|
+
return apps.size;
|
51
|
+
}, [runningQueriesData]);
|
52
|
+
const uniqueUsers = React.useMemo(() => {
|
53
|
+
var _a, _b, _c;
|
54
|
+
const users = new Set();
|
55
|
+
(_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
|
56
|
+
if (row.UserSID) {
|
57
|
+
users.add(String(row.UserSID));
|
58
|
+
}
|
59
|
+
});
|
60
|
+
return users.size;
|
61
|
+
}, [runningQueriesData]);
|
62
|
+
return {
|
63
|
+
runningQueriesCount,
|
64
|
+
uniqueApplications,
|
65
|
+
uniqueUsers,
|
66
|
+
qps,
|
67
|
+
latency,
|
68
|
+
areChartsAvailable,
|
69
|
+
};
|
70
|
+
}
|
71
|
+
//# sourceMappingURL=useQueriesActivityData.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useQueriesActivityData.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/useQueriesActivityData.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { ArrowRight } from '@gravity-ui/icons';
|
3
|
+
import { Flex, Icon, Text } from '@gravity-ui/uikit';
|
4
|
+
import { InternalLink } from '../InternalLink';
|
5
|
+
import i18n from './i18n';
|
6
|
+
export function SeeAllButton({ to, className, onClick }) {
|
7
|
+
return (_jsx(InternalLink, { className: className, to: to, onClick: onClick, children: _jsxs(Flex, { alignItems: "center", gap: 1, children: [_jsx(Text, { children: i18n('action_see-all') }), _jsx(Icon, { data: ArrowRight, size: 16 })] }) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SeeAllButton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SeeAllButton.js","sourceRoot":"","sources":["../../../src/components/SeeAllButton/SeeAllButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAQ1B,MAAM,UAAU,YAAY,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAoB;IACpE,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,YACxD,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC5B,KAAC,IAAI,cAAE,IAAI,CAAC,gBAAgB,CAAC,GAAQ,EACrC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,GAAI,IACjC,GACI,CAClB,CAAC;AACN,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SeeAllButton/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,oBAAoB,CAAC;AAEvC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}
|
@@ -65,7 +65,7 @@ export const getCpuCoresColumn = () => {
|
|
65
65
|
const usage = Number(row.CPUCores) * 100 || 0;
|
66
66
|
return (_jsx(UsageLabel, { value: roundToPrecision(usage, 2), theme: getUsageSeverity(usage) }));
|
67
67
|
},
|
68
|
-
align: DataTable.
|
68
|
+
align: DataTable.LEFT,
|
69
69
|
width: 110,
|
70
70
|
resizeMinWidth: 110,
|
71
71
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ShardsTable/columns.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ShardsTable/columns.tsx"],"names":[],"mappings":"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"}
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
3
3
|
import { Popover } from '@gravity-ui/uikit';
|
4
4
|
import { formatBytes } from '../../utils/bytesParsers';
|
5
5
|
import { cn } from '../../utils/cn';
|
6
|
+
import { YDB_POPOVER_CLASS_NAME } from '../../utils/constants';
|
6
7
|
import i18n from './i18n';
|
7
8
|
import './SpeedMultiMeter.scss';
|
8
9
|
const b = cn('speed-multimeter');
|
@@ -42,6 +43,6 @@ export const SpeedMultiMeter = ({ data, speedSize = 'kb', withValue = true, with
|
|
42
43
|
const renderPopoverContent = () => {
|
43
44
|
return (_jsxs("div", { className: b('popover-content'), children: [_jsx("span", { className: b('popover-header'), children: i18n('averageSpeed') }), formattedValues.map((formattedValue, index) => (_jsx("span", { className: b('popover-row', getModifier(isValueHighlighted(index))), children: `${formattedValue.label}: ${formattedValue.value}` }, index)))] }));
|
44
45
|
};
|
45
|
-
return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('content'), children: [withValue && (_jsx("div", { className: b('displayed-value'), children: formatValue(valueToDisplay) })), _jsx(Popover, { content: renderPopoverContent(), className: b('popover-container'), placement: 'bottom', disabled: !withPopover, hasArrow: true, children: _jsx("div", { className: b('bars'), onMouseLeave: onLeaveDiagram, children: renderValues() }) })] }) }));
|
46
|
+
return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('content'), children: [withValue && (_jsx("div", { className: b('displayed-value'), children: formatValue(valueToDisplay) })), _jsx(Popover, { content: renderPopoverContent(), className: b('popover-container', YDB_POPOVER_CLASS_NAME), placement: 'bottom', disabled: !withPopover, hasArrow: true, children: _jsx("div", { className: b('bars'), onMouseLeave: onLeaveDiagram, children: renderValues() }) })] }) }));
|
46
47
|
};
|
47
48
|
//# sourceMappingURL=SpeedMultiMeter.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SpeedMultiMeter.js","sourceRoot":"","sources":["../../../src/components/SpeedMultiMeter/SpeedMultiMeter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAG1C,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"SpeedMultiMeter.js","sourceRoot":"","sources":["../../../src/components/SpeedMultiMeter/SpeedMultiMeter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAG1C,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAE7D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC;AASjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,IAAI,GACC,EAAE,EAAE;IACvB,MAAM,EAAC,SAAS,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAClC,WAAW,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAC,CAAC,CAAC;IAEvE,MAAM,eAAe,GAAG;QACpB,EAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAC;QACzD,EAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,EAAC;QACrD,EAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAC;KACtD,CAAC;IAEF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAC5B,CAAC;IACF,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAE3F,MAAM,cAAc,GAAG,CAAC,MAAgB,EAAE,KAAa,EAAE,EAAE;QACvD,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACjC,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpD,4BAA4B,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,qBAAqB,KAAK,KAAK,CAAC;IAC9E,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,yBAAyB,KAAK,KAAK,CAAC;IAEtF,MAAM,WAAW,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,CAAC;IAE1F,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QAE3C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,cAEI,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE;gBAC1B,WAAW,EAAE,sBAAsB,CAAC,KAAK,CAAC;aAC7C,CAAC,EACF,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,YAEzD,cACI,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE;oBAChB,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACtD,CAAC,EACF,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAC,GAC3C,IAXG,KAAK,CAYR,CACT,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,aAChC,eAAM,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAAG,IAAI,CAAC,cAAc,CAAC,GAAQ,EAClE,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,eAEI,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,YAElE,GAAG,cAAc,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,EAAE,IAH9C,KAAK,CAIP,CACV,CAAC,IACA,CACT,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,SAAS,IAAI,CACV,cAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAAG,WAAW,CAAC,cAAc,CAAC,GAAO,CAC5E,EACD,KAAC,OAAO,IACJ,OAAO,EAAE,oBAAoB,EAAE,EAC/B,SAAS,EAAE,CAAC,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,EACzD,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,CAAC,WAAW,EACtB,QAAQ,EAAE,IAAI,YAEd,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,cAAc,YAClD,YAAY,EAAE,GACb,GACA,IACR,GACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
@@ -1,9 +1,11 @@
|
|
1
|
+
import type { ButtonSize } from '@gravity-ui/uikit';
|
1
2
|
import type { Language } from './types';
|
2
3
|
import './YDBSyntaxHighlighter.scss';
|
3
4
|
interface ClipboardButtonOptions {
|
4
5
|
alwaysVisible?: boolean;
|
5
6
|
copyText?: string;
|
6
7
|
withLabel?: boolean;
|
8
|
+
size?: ButtonSize;
|
7
9
|
}
|
8
10
|
export type WithClipboardButtonProp = ClipboardButtonOptions | boolean;
|
9
11
|
type YDBSyntaxHighlighterProps = {
|
@@ -27,17 +27,12 @@ export function YDBSyntaxHighlighter({ text, language, className, transparentBac
|
|
27
27
|
}
|
28
28
|
registerLangAndUpdateKey();
|
29
29
|
}, [language]);
|
30
|
+
const clipboardButtonProps = typeof withClipboardButton === 'object' ? withClipboardButton : undefined;
|
30
31
|
const renderCopyButton = () => {
|
31
32
|
if (withClipboardButton) {
|
32
|
-
return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size:
|
33
|
-
visible:
|
34
|
-
|
35
|
-
}), text: (typeof withClipboardButton === 'object' &&
|
36
|
-
withClipboardButton.copyText) ||
|
37
|
-
text, children: typeof withClipboardButton === 'object' &&
|
38
|
-
withClipboardButton.withLabel === false
|
39
|
-
? null
|
40
|
-
: i18n('copy') }) }));
|
33
|
+
return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.size) || 'xs', className: b('copy', {
|
34
|
+
visible: clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.alwaysVisible,
|
35
|
+
}), text: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.copyText) || text, children: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.withLabel) === false ? null : i18n('copy') }) }));
|
41
36
|
}
|
42
37
|
return null;
|
43
38
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":"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"}
|
@@ -2,6 +2,7 @@ export declare const lightTransparent: {
|
|
2
2
|
'pre[class*="language-"]': {
|
3
3
|
background: string;
|
4
4
|
margin: number;
|
5
|
+
lineHeight: string;
|
5
6
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
6
7
|
alignContent?: import("csstype").Property.AlignContent | undefined;
|
7
8
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
@@ -186,7 +187,6 @@ export declare const lightTransparent: {
|
|
186
187
|
left?: import("csstype").Property.Left<string | number> | undefined;
|
187
188
|
letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
|
188
189
|
lineBreak?: import("csstype").Property.LineBreak | undefined;
|
189
|
-
lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
|
190
190
|
lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
|
191
191
|
listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
|
192
192
|
listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
|
@@ -830,6 +830,7 @@ export declare const lightTransparent: {
|
|
830
830
|
background: string;
|
831
831
|
color: string;
|
832
832
|
whiteSpace: "pre-wrap";
|
833
|
+
fontSize: string;
|
833
834
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
834
835
|
alignContent?: import("csstype").Property.AlignContent | undefined;
|
835
836
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
@@ -959,7 +960,6 @@ export declare const lightTransparent: {
|
|
959
960
|
fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
|
960
961
|
fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
|
961
962
|
fontPalette?: import("csstype").Property.FontPalette | undefined;
|
962
|
-
fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
|
963
963
|
fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
|
964
964
|
fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
|
965
965
|
fontStretch?: import("csstype").Property.FontStretch | undefined;
|
@@ -1685,6 +1685,7 @@ export declare const darkTransparent: {
|
|
1685
1685
|
'pre[class*="language-"]': {
|
1686
1686
|
background: string;
|
1687
1687
|
margin: number;
|
1688
|
+
lineHeight: string;
|
1688
1689
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
1689
1690
|
alignContent?: import("csstype").Property.AlignContent | undefined;
|
1690
1691
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
@@ -1869,7 +1870,6 @@ export declare const darkTransparent: {
|
|
1869
1870
|
left?: import("csstype").Property.Left<string | number> | undefined;
|
1870
1871
|
letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
|
1871
1872
|
lineBreak?: import("csstype").Property.LineBreak | undefined;
|
1872
|
-
lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
|
1873
1873
|
lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
|
1874
1874
|
listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
|
1875
1875
|
listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
|
@@ -2513,6 +2513,7 @@ export declare const darkTransparent: {
|
|
2513
2513
|
background: string;
|
2514
2514
|
color: string;
|
2515
2515
|
whiteSpace: "pre-wrap";
|
2516
|
+
fontSize: string;
|
2516
2517
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
2517
2518
|
alignContent?: import("csstype").Property.AlignContent | undefined;
|
2518
2519
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
@@ -2642,7 +2643,6 @@ export declare const darkTransparent: {
|
|
2642
2643
|
fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
|
2643
2644
|
fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
|
2644
2645
|
fontPalette?: import("csstype").Property.FontPalette | undefined;
|
2645
|
-
fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
|
2646
2646
|
fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
|
2647
2647
|
fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
|
2648
2648
|
fontStretch?: import("csstype").Property.FontStretch | undefined;
|
@@ -3368,6 +3368,7 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
|
|
3368
3368
|
'pre[class*="language-"]': {
|
3369
3369
|
background: string;
|
3370
3370
|
margin: number;
|
3371
|
+
lineHeight: string;
|
3371
3372
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
3372
3373
|
alignContent?: import("csstype").Property.AlignContent | undefined;
|
3373
3374
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
@@ -3552,7 +3553,6 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
|
|
3552
3553
|
left?: import("csstype").Property.Left<string | number> | undefined;
|
3553
3554
|
letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
|
3554
3555
|
lineBreak?: import("csstype").Property.LineBreak | undefined;
|
3555
|
-
lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
|
3556
3556
|
lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
|
3557
3557
|
listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
|
3558
3558
|
listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
|
@@ -4196,6 +4196,7 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
|
|
4196
4196
|
background: string;
|
4197
4197
|
color: string;
|
4198
4198
|
whiteSpace: "pre-wrap";
|
4199
|
+
fontSize: string;
|
4199
4200
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
4200
4201
|
alignContent?: import("csstype").Property.AlignContent | undefined;
|
4201
4202
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
@@ -4325,7 +4326,6 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
|
|
4325
4326
|
fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
|
4326
4327
|
fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
|
4327
4328
|
fontPalette?: import("csstype").Property.FontPalette | undefined;
|
4328
|
-
fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
|
4329
4329
|
fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
|
4330
4330
|
fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
|
4331
4331
|
fontStretch?: import("csstype").Property.FontStretch | undefined;
|