ydb-embedded-ui 11.2.0 → 11.4.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.
Files changed (120) hide show
  1. package/dist/components/DoughnutMetrics/DoughnutMetrics.d.ts +7 -3
  2. package/dist/components/DoughnutMetrics/DoughnutMetrics.js +22 -16
  3. package/dist/components/DoughnutMetrics/DoughnutMetrics.js.map +1 -1
  4. package/dist/components/DoughnutMetrics/DoughnutMetrics.scss +41 -33
  5. package/dist/components/DoughnutMetrics/SvgCircle.d.ts +14 -0
  6. package/dist/components/DoughnutMetrics/SvgCircle.js +5 -0
  7. package/dist/components/DoughnutMetrics/SvgCircle.js.map +1 -0
  8. package/dist/components/DoughnutMetrics/utils.d.ts +36 -0
  9. package/dist/components/DoughnutMetrics/utils.js +40 -0
  10. package/dist/components/DoughnutMetrics/utils.js.map +1 -0
  11. package/dist/components/MetricChart/MetricChart.d.ts +4 -9
  12. package/dist/components/MetricChart/MetricChart.js +10 -6
  13. package/dist/components/MetricChart/MetricChart.js.map +1 -1
  14. package/dist/components/MetricChart/MetricChart.scss +5 -7
  15. package/dist/components/QueriesActivityBar/QueriesActivityBar.js +5 -2
  16. package/dist/components/QueriesActivityBar/QueriesActivityBar.js.map +1 -1
  17. package/dist/components/QueriesActivityBar/QueriesActivityBar.scss +18 -21
  18. package/dist/components/QueriesActivityBar/QueriesActivityCharts.js +1 -13
  19. package/dist/components/QueriesActivityBar/QueriesActivityCharts.js.map +1 -1
  20. package/dist/components/SpeedMultiMeter/SpeedMultiMeter.scss +3 -0
  21. package/dist/components/VDiskInfo/VDiskInfo.js +43 -2
  22. package/dist/components/VDiskInfo/VDiskInfo.js.map +1 -1
  23. package/dist/components/VDiskInfo/i18n/en.json +3 -0
  24. package/dist/components/VDiskInfo/i18n/index.d.ts +1 -1
  25. package/dist/components/VDiskPopup/VDiskPopup.js +21 -2
  26. package/dist/components/VDiskPopup/VDiskPopup.js.map +1 -1
  27. package/dist/containers/App/App.d.ts +3 -10
  28. package/dist/containers/App/App.js +11 -8
  29. package/dist/containers/App/App.js.map +1 -1
  30. package/dist/containers/App/App.scss +1 -1
  31. package/dist/containers/App/AppTitleContext.d.ts +11 -0
  32. package/dist/containers/App/AppTitleContext.js +14 -0
  33. package/dist/containers/App/AppTitleContext.js.map +1 -0
  34. package/dist/containers/App/Providers.d.ts +2 -1
  35. package/dist/containers/App/Providers.js +3 -2
  36. package/dist/containers/App/Providers.js.map +1 -1
  37. package/dist/containers/AppWithClusters/AppWithClusters.d.ts +2 -1
  38. package/dist/containers/AppWithClusters/AppWithClusters.js +2 -2
  39. package/dist/containers/AppWithClusters/AppWithClusters.js.map +1 -1
  40. package/dist/containers/Cluster/Cluster.js +3 -1
  41. package/dist/containers/Cluster/Cluster.js.map +1 -1
  42. package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCores.js +1 -11
  43. package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCores.js.map +1 -1
  44. package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsMemory.js +1 -5
  45. package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsMemory.js.map +1 -1
  46. package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsStorage.js +1 -5
  47. package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsStorage.js.map +1 -1
  48. package/dist/containers/Node/Node.js +3 -1
  49. package/dist/containers/Node/Node.js.map +1 -1
  50. package/dist/containers/PDiskPage/PDiskPage.js +3 -1
  51. package/dist/containers/PDiskPage/PDiskPage.js.map +1 -1
  52. package/dist/containers/StorageGroupPage/StorageGroupPage.js +3 -1
  53. package/dist/containers/StorageGroupPage/StorageGroupPage.js.map +1 -1
  54. package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig.js +1 -1
  55. package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig.js.map +1 -1
  56. package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.scss +1 -0
  57. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.d.ts +0 -8
  58. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.js +26 -93
  59. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.js.map +1 -1
  60. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.scss +219 -5
  61. package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.d.ts +16 -0
  62. package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.js +16 -0
  63. package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.js.map +1 -0
  64. package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.scss +29 -0
  65. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.js +3 -11
  66. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.js.map +1 -1
  67. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.scss +0 -8
  68. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js +2 -6
  69. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js.map +1 -1
  70. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss +13 -2
  71. package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/en.json +11 -3
  72. package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/index.d.ts +1 -1
  73. package/dist/containers/Tenant/Tenant.js +3 -1
  74. package/dist/containers/Tenant/Tenant.js.map +1 -1
  75. package/dist/containers/VDiskPage/VDiskPage.js +3 -1
  76. package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
  77. package/dist/services/api/index.d.ts +2 -1
  78. package/dist/services/api/index.js +18 -1
  79. package/dist/services/api/index.js.map +1 -1
  80. package/dist/store/reducers/tenant/tenant.d.ts +1 -0
  81. package/dist/store/reducers/tenant/tenant.js +7 -2
  82. package/dist/store/reducers/tenant/tenant.js.map +1 -1
  83. package/dist/store/reducers/tenant/types.d.ts +1 -1
  84. package/dist/store/state-url-mapping.d.ts +1 -0
  85. package/dist/store/state-url-mapping.js +2 -0
  86. package/dist/store/state-url-mapping.js.map +1 -1
  87. package/dist/styles/versions.scss +110 -86
  88. package/dist/utils/disks/prepareDisks.js +20 -1
  89. package/dist/utils/disks/prepareDisks.js.map +1 -1
  90. package/dist/utils/metrics/formatMetricLegend.d.ts +6 -0
  91. package/dist/utils/metrics/formatMetricLegend.js +17 -0
  92. package/dist/utils/metrics/formatMetricLegend.js.map +1 -0
  93. package/dist/utils/metrics/i18n/en.json +4 -0
  94. package/dist/utils/metrics/i18n/index.d.ts +2 -0
  95. package/dist/utils/metrics/i18n/index.js +5 -0
  96. package/dist/utils/metrics/i18n/index.js.map +1 -0
  97. package/dist/utils/metrics.d.ts +42 -0
  98. package/dist/utils/metrics.js +58 -0
  99. package/dist/utils/metrics.js.map +1 -0
  100. package/dist/utils/prepareErrorMessage.js +9 -2
  101. package/dist/utils/prepareErrorMessage.js.map +1 -1
  102. package/dist/utils/versions/getVersionsColors.d.ts +1 -1
  103. package/dist/utils/versions/getVersionsColors.js +39 -27
  104. package/dist/utils/versions/getVersionsColors.js.map +1 -1
  105. package/package.json +1 -1
  106. package/dist/components/DiagnosticCard/DiagnosticCard.d.ts +0 -9
  107. package/dist/components/DiagnosticCard/DiagnosticCard.js +0 -8
  108. package/dist/components/DiagnosticCard/DiagnosticCard.js.map +0 -1
  109. package/dist/components/DiagnosticCard/DiagnosticCard.scss +0 -35
  110. package/dist/components/TimeFrameSelector/TimeFrameSelector.d.ts +0 -9
  111. package/dist/components/TimeFrameSelector/TimeFrameSelector.js +0 -12
  112. package/dist/components/TimeFrameSelector/TimeFrameSelector.js.map +0 -1
  113. package/dist/components/TimeFrameSelector/TimeFrameSelector.scss +0 -4
  114. package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/DefaultOverviewContent.d.ts +0 -5
  115. package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/DefaultOverviewContent.js +0 -7
  116. package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/DefaultOverviewContent.js.map +0 -1
  117. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.d.ts +0 -16
  118. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.js +0 -37
  119. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.js.map +0 -1
  120. package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.scss +0 -48
@@ -1,9 +0,0 @@
1
- import type { TimeFrame } from '../../utils/timeframes';
2
- import './TimeFrameSelector.scss';
3
- interface TimeFrameSelectorProps {
4
- value: TimeFrame;
5
- onChange: (value: TimeFrame) => void;
6
- className?: string;
7
- }
8
- export declare const TimeFrameSelector: ({ value, onChange, className }: TimeFrameSelectorProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Button } from '@gravity-ui/uikit';
3
- import { cn } from '../../utils/cn';
4
- import { TIMEFRAMES } from '../../utils/timeframes';
5
- import './TimeFrameSelector.scss';
6
- const b = cn('ydb-timeframe-selector');
7
- export const TimeFrameSelector = ({ value, onChange, className }) => {
8
- return (_jsx("div", { className: b(null, className), children: Object.keys(TIMEFRAMES).map((timeFrame) => {
9
- return (_jsx(Button, { view: "flat", selected: value === timeFrame, onClick: () => onChange(timeFrame), children: timeFrame }, timeFrame));
10
- }) }));
11
- };
12
- //# sourceMappingURL=TimeFrameSelector.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimeFrameSelector.js","sourceRoot":"","sources":["../../../src/components/TimeFrameSelector/TimeFrameSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAGlD,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAQvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAyB,EAAE,EAAE;IACtF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC7B,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YACvC,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,KAAK,KAAK,SAAS,EAE7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAsB,CAAC,YAE9C,SAAS,IAHL,SAAS,CAIT,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,4 +0,0 @@
1
- .ydb-timeframe-selector {
2
- display: flex;
3
- gap: 2px;
4
- }
@@ -1,5 +0,0 @@
1
- interface DefaultOverviewContentProps {
2
- database: string;
3
- }
4
- export declare const DefaultOverviewContent: ({ database }: DefaultOverviewContentProps) => import("react/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
3
- import { defaultDashboardConfig } from './defaultDashboardConfig';
4
- export const DefaultOverviewContent = ({ database }) => {
5
- return _jsx(TenantDashboard, { database: database, charts: defaultDashboardConfig });
6
- };
7
- //# sourceMappingURL=DefaultOverviewContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultOverviewContent.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/DefaultOverviewContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAMhE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE;IAC9E,OAAO,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,sBAAsB,GAAI,CAAC;AACnF,CAAC,CAAC"}
@@ -1,16 +0,0 @@
1
- import type { ProgressViewerProps } from '../../../../../../components/ProgressViewer/ProgressViewer';
2
- import type { MetricStatus } from '../../../../../../store/reducers/tenants/types';
3
- import './MetricCard.scss';
4
- export interface DiagnosticsCardMetric extends ProgressViewerProps {
5
- title?: React.ReactNode;
6
- }
7
- interface MetricCardProps {
8
- active?: boolean;
9
- label?: string;
10
- status?: MetricStatus;
11
- metrics: DiagnosticsCardMetric[];
12
- interactive?: boolean;
13
- note?: string;
14
- }
15
- export declare function MetricCard({ active, label, status, metrics, interactive, note }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
16
- export {};
@@ -1,37 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Flex, HelpMark } from '@gravity-ui/uikit';
3
- import { DiagnosticCard } from '../../../../../../components/DiagnosticCard/DiagnosticCard';
4
- import { ProgressViewer } from '../../../../../../components/ProgressViewer/ProgressViewer';
5
- import { StatusIcon } from '../../../../../../components/StatusIcon/StatusIcon';
6
- import { EFlag } from '../../../../../../types/api/enums';
7
- import { cn } from '../../../../../../utils/cn';
8
- import './MetricCard.scss';
9
- const b = cn('ydb-metrics-card');
10
- const getStatusIcon = (status) => {
11
- let colorStatus;
12
- if (status === 'Warning') {
13
- colorStatus = EFlag.Yellow;
14
- }
15
- if (status === 'Danger') {
16
- colorStatus = EFlag.Red;
17
- }
18
- if (colorStatus) {
19
- return _jsx(StatusIcon, { status: colorStatus, mode: "icons", size: "l" });
20
- }
21
- return null;
22
- };
23
- export function MetricCard({ active, label, status, metrics, interactive, note }) {
24
- const renderContent = () => {
25
- return metrics.map(({ title, ...progressViewerProps }, index) => {
26
- return (_jsxs("div", { className: b('metric'), children: [_jsx("div", { className: b('metric-title'), children: title }), _jsx(ProgressViewer, { size: "xs", colorizeProgress: true, ...progressViewerProps })] }, index));
27
- });
28
- };
29
- const renderNote = () => {
30
- if (!note) {
31
- return null;
32
- }
33
- return (_jsx(HelpMark, { popoverProps: { placement: 'top' }, className: b('note'), children: note }));
34
- };
35
- return (_jsxs(DiagnosticCard, { className: b({ active }), active: active, interactive: interactive, children: [_jsxs("div", { className: b('header'), children: [label && (_jsxs(Flex, { gap: 1, alignItems: "center", className: b('label'), children: [label, renderNote()] })), getStatusIcon(status)] }), _jsx("div", { className: b('content'), children: renderContent() })] }));
36
- }
37
- //# sourceMappingURL=MetricCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,cAAc,EAAC,MAAM,4DAA4D,CAAC;AAC1F,OAAO,EAAC,cAAc,EAAC,MAAM,4DAA4D,CAAC;AAE1F,OAAO,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAE9E,OAAO,EAAC,KAAK,EAAC,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAC,EAAE,EAAC,MAAM,4BAA4B,CAAC;AAE9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,MAAqB,EAAE,EAAE;IAC5C,IAAI,WAA8B,CAAC;IAEnC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACtB,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC;IAC5B,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACd,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,GAAG,CAAC;IACrE,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAeF,MAAM,UAAU,UAAU,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB;IAC3F,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,mBAAmB,EAAC,EAAE,KAAK,EAAE,EAAE;YAC1D,OAAO,CACH,eAAiB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACnC,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,KAAK,GAAO,EAChD,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,gBAAgB,EAAE,IAAI,KAAM,mBAAmB,GAAI,KAFvE,KAAK,CAGT,CACT,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,CACH,KAAC,QAAQ,IAAC,YAAY,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAC3D,IAAI,GACE,CACd,CAAC;IACN,CAAC,CAAC;IACF,OAAO,CACH,MAAC,cAAc,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,aAC5E,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACtB,KAAK,IAAI,CACN,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aAClD,KAAK,EACL,UAAU,EAAE,IACV,CACV,EACA,aAAa,CAAC,MAAM,CAAC,IACpB,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,aAAa,EAAE,GAAO,IACxC,CACpB,CAAC;AACN,CAAC"}
@@ -1,48 +0,0 @@
1
- @use '../../../../../../styles/mixins.scss';
2
-
3
- .ydb-metrics-card {
4
- $b: &;
5
-
6
- min-height: 252px;
7
-
8
- &__header {
9
- display: flex;
10
- justify-content: space-between;
11
- align-items: center;
12
- gap: 8px;
13
-
14
- margin-bottom: 10px;
15
- }
16
-
17
- &__note {
18
- display: flex;
19
- .g-help-mark__button {
20
- display: flex;
21
- }
22
- }
23
-
24
- &__label {
25
- font-weight: 600;
26
-
27
- color: var(--g-color-text-link);
28
- @include mixins.lead-typography();
29
- }
30
-
31
- &__content {
32
- display: flex;
33
- flex-direction: column;
34
- gap: 10px;
35
-
36
- color: var(--g-color-text-secondary);
37
- }
38
-
39
- &__metric-title {
40
- height: var(--g-text-body-2-line-height);
41
- }
42
-
43
- &_active {
44
- #{$b}__content {
45
- color: var(--g-color-text-complementary);
46
- }
47
- }
48
- }