ydb-embedded-ui 9.10.0 → 10.0.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/ComponentsProvider/ComponentsProvider.d.ts +0 -4
- package/dist/components/ComponentsProvider/componentsRegistry.d.ts +0 -2
- package/dist/components/ComponentsProvider/componentsRegistry.js +0 -1
- package/dist/components/ComponentsProvider/componentsRegistry.js.map +1 -1
- package/dist/components/MetricChart/reducer.d.ts +2 -2
- package/dist/components/Search/Search.d.ts +3 -4
- package/dist/components/Search/Search.js +2 -2
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/VDiskInfo/VDiskInfo.d.ts +4 -3
- package/dist/components/VDiskInfo/VDiskInfo.js +48 -45
- package/dist/components/VDiskInfo/VDiskInfo.js.map +1 -1
- package/dist/components/VDiskInfo/VDiskInfo.scss +4 -0
- package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.d.ts +6 -9
- package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.js +5 -5
- package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.js.map +1 -1
- package/dist/containers/Clusters/Clusters.js +5 -3
- package/dist/containers/Clusters/Clusters.js.map +1 -1
- package/dist/containers/Clusters/Clusters.scss +12 -66
- package/dist/containers/Clusters/columns.d.ts +1 -0
- package/dist/containers/Clusters/columns.js +64 -55
- package/dist/containers/Clusters/columns.js.map +1 -1
- package/dist/containers/Clusters/constants.d.ts +2 -6
- package/dist/containers/Clusters/constants.js +1 -7
- package/dist/containers/Clusters/constants.js.map +1 -1
- package/dist/containers/Clusters/i18n/en.json +3 -1
- package/dist/containers/Clusters/i18n/index.d.ts +1 -1
- package/dist/containers/Header/Header.js +0 -5
- package/dist/containers/Header/Header.js.map +1 -1
- package/dist/containers/Operations/useOperationsInfiniteQuery.d.ts +1 -1
- package/dist/containers/Operations/useOperationsInfiniteQuery.js +8 -3
- package/dist/containers/Operations/useOperationsInfiniteQuery.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.js +3 -8
- package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.scss +0 -6
- package/dist/containers/VDiskPage/VDiskPage.js +2 -2
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/store/configureStore.d.ts +4 -4
- package/dist/store/defaultStore.d.ts +2 -2
- package/dist/store/reducers/api.d.ts +1 -1
- package/dist/store/reducers/api.js +1 -0
- package/dist/store/reducers/api.js.map +1 -1
- package/dist/store/reducers/authentication/authentication.d.ts +4 -4
- package/dist/store/reducers/cancelQuery.d.ts +2 -2
- package/dist/store/reducers/capabilities/capabilities.d.ts +31 -31
- package/dist/store/reducers/cluster/cluster.d.ts +5 -5
- package/dist/store/reducers/clusters/clusters.d.ts +2 -2
- package/dist/store/reducers/codeAssist/codeAssist.d.ts +6 -6
- package/dist/store/reducers/executeTopQueries/executeTopQueries.d.ts +3 -3
- package/dist/store/reducers/healthcheckInfo/healthcheckInfo.d.ts +44 -44
- package/dist/store/reducers/heatmap.d.ts +2 -2
- package/dist/store/reducers/hotKeys/hotKeys.d.ts +2 -2
- package/dist/store/reducers/index.d.ts +3 -3
- package/dist/store/reducers/network/network.d.ts +2 -2
- package/dist/store/reducers/node/node.d.ts +3 -3
- package/dist/store/reducers/node/selectors.d.ts +1 -1
- package/dist/store/reducers/nodes/nodes.d.ts +2 -2
- package/dist/store/reducers/nodesList.d.ts +3 -3
- package/dist/store/reducers/operations.d.ts +5 -4
- package/dist/store/reducers/operations.js +1 -1
- package/dist/store/reducers/operations.js.map +1 -1
- package/dist/store/reducers/overview/overview.d.ts +2 -2
- package/dist/store/reducers/partitions/partitions.d.ts +2 -2
- package/dist/store/reducers/pdisk/pdisk.d.ts +2 -2
- package/dist/store/reducers/planToSvg.d.ts +2 -2
- package/dist/store/reducers/preview.d.ts +2 -2
- package/dist/store/reducers/query/query.d.ts +3 -3
- package/dist/store/reducers/replication.d.ts +2 -2
- package/dist/store/reducers/schema/schema.d.ts +16 -16
- package/dist/store/reducers/schemaAcl/schemaAcl.d.ts +39 -39
- package/dist/store/reducers/shardsWorkload/shardsWorkload.d.ts +2 -2
- package/dist/store/reducers/storage/storage.d.ts +3 -3
- package/dist/store/reducers/tableData.d.ts +1 -1
- package/dist/store/reducers/tableSchemaData.d.ts +2 -2
- package/dist/store/reducers/tablet.d.ts +7 -7
- package/dist/store/reducers/tablets.d.ts +3 -3
- package/dist/store/reducers/tenant/tenant.d.ts +3 -3
- package/dist/store/reducers/tenantOverview/executeTopTables/executeTopTables.d.ts +2 -2
- package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.d.ts +2 -2
- package/dist/store/reducers/tenants/selectors.d.ts +21 -21
- package/dist/store/reducers/tenants/tenants.d.ts +2 -2
- package/dist/store/reducers/topic.d.ts +45 -45
- package/dist/store/reducers/vdisk/vdisk.d.ts +2 -2
- package/dist/store/reducers/viewSchema/viewSchema.d.ts +2 -2
- package/dist/types/api/common.d.ts +1 -1
- package/dist/uiFactory/types.d.ts +1 -0
- package/dist/utils/__test__/parseBalancer.test.js +10 -1
- package/dist/utils/__test__/parseBalancer.test.js.map +1 -1
- package/dist/utils/parseBalancer.js +1 -1
- package/dist/utils/parseBalancer.js.map +1 -1
- package/package.json +1 -1
@@ -13,8 +13,6 @@ export declare function useComponent<T extends Parameters<ComponentsRegistry['ge
|
|
13
13
|
ErrorBoundary: typeof import("../ErrorBoundary/ErrorBoundary").ErrorBoundaryInner;
|
14
14
|
} & {
|
15
15
|
ShardsTable: typeof import("../ShardsTable/ShardsTable").ShardsTable;
|
16
|
-
} & {
|
17
|
-
AIAssistantButton: () => null;
|
18
16
|
} & {
|
19
17
|
ChatPanel: () => null;
|
20
18
|
})[T] extends infer T_1 ? T_1 extends ({
|
@@ -25,8 +23,6 @@ export declare function useComponent<T extends Parameters<ComponentsRegistry['ge
|
|
25
23
|
ErrorBoundary: typeof import("../ErrorBoundary/ErrorBoundary").ErrorBoundaryInner;
|
26
24
|
} & {
|
27
25
|
ShardsTable: typeof import("../ShardsTable/ShardsTable").ShardsTable;
|
28
|
-
} & {
|
29
|
-
AIAssistantButton: () => null;
|
30
26
|
} & {
|
31
27
|
ChatPanel: () => null;
|
32
28
|
})[T] ? T_1 extends React.ComponentType<any> ? React.ComponentType<React.PropsWithoutRef<React.ComponentProps<T_1>>> : never : never : never;
|
@@ -9,7 +9,6 @@ const componentsRegistryInner = new Registry()
|
|
9
9
|
.register('AsideNavigation', AsideNavigation)
|
10
10
|
.register('ErrorBoundary', ErrorBoundaryInner)
|
11
11
|
.register('ShardsTable', ShardsTable)
|
12
|
-
.register('AIAssistantButton', EmptyPlaceholder)
|
13
12
|
.register('ChatPanel', EmptyPlaceholder);
|
14
13
|
export const componentsRegistry = componentsRegistryInner;
|
15
14
|
//# sourceMappingURL=componentsRegistry.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"componentsRegistry.js","sourceRoot":"","sources":["../../../src/components/ComponentsProvider/componentsRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kDAAkD,CAAC;AACjF,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAEpC,MAAM,uBAAuB,GAAG,IAAI,QAAQ,EAAE;KACzC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;KAChC,QAAQ,CAAC,iBAAiB,EAAE,eAAe,CAAC;KAC5C,QAAQ,CAAC,eAAe,EAAE,kBAAkB,CAAC;KAC7C,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC;KACpC,QAAQ,CAAC,
|
1
|
+
{"version":3,"file":"componentsRegistry.js","sourceRoot":"","sources":["../../../src/components/ComponentsProvider/componentsRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kDAAkD,CAAC;AACjF,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAEpC,MAAM,uBAAuB,GAAG,IAAI,QAAQ,EAAE;KACzC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;KAChC,QAAQ,CAAC,iBAAiB,EAAE,eAAe,CAAC;KAC5C,QAAQ,CAAC,eAAe,EAAE,kBAAkB,CAAC;KAC7C,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC;KACpC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;AAI7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,uBAA6C,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { GetChartDataParams } from './getChartData';
|
2
2
|
export declare const chartApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, {
|
3
|
-
getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "All" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "AccessRights" | "Backups", import("./types").PreparedMetricsData | undefined, "api", any>;
|
4
|
-
}, "api", "All" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "AccessRights" | "Backups", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
|
3
|
+
getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "All" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "AccessRights" | "Backups" | "BackupsSchedule", import("./types").PreparedMetricsData | undefined, "api", any>;
|
4
|
+
}, "api", "All" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "AccessRights" | "Backups" | "BackupsSchedule", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
|
@@ -1,13 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import type { TextInputProps } from '@gravity-ui/uikit';
|
2
3
|
import './Search.scss';
|
3
|
-
interface SearchProps {
|
4
|
+
interface SearchProps extends Omit<TextInputProps, 'onUpdate' | 'onChange'> {
|
4
5
|
onChange: (value: string) => void;
|
5
6
|
value?: string;
|
6
7
|
width?: React.CSSProperties['width'];
|
7
|
-
className?: string;
|
8
8
|
debounce?: number;
|
9
|
-
placeholder?: string;
|
10
9
|
inputRef?: React.RefObject<HTMLInputElement>;
|
11
10
|
}
|
12
|
-
export declare const Search: ({ onChange, value, width, className, debounce,
|
11
|
+
export declare const Search: ({ onChange, value, width, className, debounce, inputRef, ...props }: SearchProps) => import("react/jsx-runtime").JSX.Element;
|
13
12
|
export {};
|
@@ -3,7 +3,7 @@ import { cn } from '../../utils/cn';
|
|
3
3
|
import { DebouncedInput } from '../DebouncedInput/DebouncedTextInput';
|
4
4
|
import './Search.scss';
|
5
5
|
const b = cn('ydb-search');
|
6
|
-
export const Search = ({ onChange, value = '', width, className, debounce,
|
7
|
-
return (_jsx(DebouncedInput, { debounce: debounce, hasClear: true, autoFocus: true, controlRef: inputRef, style: { width }, className: b(null, className),
|
6
|
+
export const Search = ({ onChange, value = '', width, className, debounce, inputRef, ...props }) => {
|
7
|
+
return (_jsx(DebouncedInput, { debounce: debounce, hasClear: true, autoFocus: true, controlRef: inputRef, style: { width }, className: b(null, className), value: value, onUpdate: onChange, ...props }));
|
8
8
|
};
|
9
9
|
//# sourceMappingURL=Search.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAEpE,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAU3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACE,EAAE,EAAE;IACd,OAAO,CACH,KAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,SAAS,QACT,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,EAAC,KAAK,EAAC,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import type { PreparedVDisk } from '../../utils/disks/types';
|
2
|
-
import type { InfoViewerProps } from '../InfoViewer/InfoViewer';
|
3
2
|
import './VDiskInfo.scss';
|
4
|
-
interface VDiskInfoProps<T extends PreparedVDisk>
|
3
|
+
interface VDiskInfoProps<T extends PreparedVDisk> {
|
5
4
|
data?: T;
|
6
5
|
withVDiskPageLink?: boolean;
|
7
6
|
withTitle?: boolean;
|
7
|
+
className?: string;
|
8
|
+
wrap?: true;
|
8
9
|
}
|
9
|
-
export declare function VDiskInfo<T extends PreparedVDisk>({ data, withVDiskPageLink, withTitle,
|
10
|
+
export declare function VDiskInfo<T extends PreparedVDisk>({ data, withVDiskPageLink, withTitle, className, wrap, }: VDiskInfoProps<T>): import("react/jsx-runtime").JSX.Element;
|
10
11
|
export {};
|
@@ -16,89 +16,90 @@ import { vDiskInfoKeyset } from './i18n';
|
|
16
16
|
import './VDiskInfo.scss';
|
17
17
|
const b = cn('ydb-vdisk-info');
|
18
18
|
// eslint-disable-next-line complexity
|
19
|
-
export function VDiskInfo({ data, withVDiskPageLink, withTitle,
|
19
|
+
export function VDiskInfo({ data, withVDiskPageLink, withTitle, className, wrap, }) {
|
20
20
|
var _a, _b, _c, _d;
|
21
21
|
const isUserAllowedToMakeChanges = useIsUserAllowedToMakeChanges();
|
22
22
|
const { AllocatedSize, DiskSpace, FrontQueues, Guid, Replicated, VDiskState, VDiskSlotId, Kind, SatisfactionRank, AvailableSize, HasUnreadableBlobs, IncarnationGuid, InstanceGuid, StoragePoolName, ReadThroughput, WriteThroughput, PDiskId, NodeId, } = data || {};
|
23
|
-
const
|
24
|
-
if (valueIsDefined(VDiskSlotId)) {
|
25
|
-
vdiskInfo.push({ label: vDiskInfoKeyset('slot-id'), value: VDiskSlotId });
|
26
|
-
}
|
23
|
+
const leftColumn = [];
|
27
24
|
if (valueIsDefined(StoragePoolName)) {
|
28
|
-
|
25
|
+
leftColumn.push({ label: vDiskInfoKeyset('pool-name'), value: StoragePoolName });
|
29
26
|
}
|
30
27
|
if (valueIsDefined(VDiskState)) {
|
31
|
-
|
28
|
+
leftColumn.push({
|
32
29
|
label: vDiskInfoKeyset('state-status'),
|
33
30
|
value: VDiskState,
|
34
31
|
});
|
35
32
|
}
|
36
33
|
if (Number(AllocatedSize) >= 0 && Number(AvailableSize) >= 0) {
|
37
|
-
|
34
|
+
leftColumn.push({
|
38
35
|
label: vDiskInfoKeyset('size'),
|
39
36
|
value: (_jsx(ProgressViewer, { value: AllocatedSize, capacity: Number(AllocatedSize) + Number(AvailableSize), formatValues: formatStorageValuesToGb, colorizeProgress: true })),
|
40
37
|
});
|
41
38
|
}
|
42
|
-
if (valueIsDefined(Kind)) {
|
43
|
-
vdiskInfo.push({ label: vDiskInfoKeyset('kind'), value: Kind });
|
44
|
-
}
|
45
|
-
if (valueIsDefined(Guid)) {
|
46
|
-
vdiskInfo.push({ label: vDiskInfoKeyset('guid'), value: Guid });
|
47
|
-
}
|
48
|
-
if (valueIsDefined(IncarnationGuid)) {
|
49
|
-
vdiskInfo.push({ label: vDiskInfoKeyset('incarnation-guid'), value: IncarnationGuid });
|
50
|
-
}
|
51
|
-
if (valueIsDefined(InstanceGuid)) {
|
52
|
-
vdiskInfo.push({ label: vDiskInfoKeyset('instance-guid'), value: InstanceGuid });
|
53
|
-
}
|
54
|
-
if (valueIsDefined(Replicated)) {
|
55
|
-
vdiskInfo.push({
|
56
|
-
label: vDiskInfoKeyset('replication-status'),
|
57
|
-
value: Replicated ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
|
58
|
-
});
|
59
|
-
}
|
60
39
|
if (valueIsDefined(DiskSpace)) {
|
61
|
-
|
40
|
+
leftColumn.push({
|
62
41
|
label: vDiskInfoKeyset('space-status'),
|
63
42
|
value: _jsx(StatusIcon, { status: DiskSpace }),
|
64
43
|
});
|
65
44
|
}
|
45
|
+
if (valueIsDefined(FrontQueues)) {
|
46
|
+
leftColumn.push({
|
47
|
+
label: vDiskInfoKeyset('front-queues'),
|
48
|
+
value: _jsx(StatusIcon, { status: FrontQueues }),
|
49
|
+
});
|
50
|
+
}
|
66
51
|
if (valueIsDefined((_a = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.FreshRank) === null || _a === void 0 ? void 0 : _a.Flag)) {
|
67
|
-
|
52
|
+
leftColumn.push({
|
68
53
|
label: vDiskInfoKeyset('fresh-rank-satisfaction'),
|
69
54
|
value: _jsx(StatusIcon, { status: (_b = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.FreshRank) === null || _b === void 0 ? void 0 : _b.Flag }),
|
70
55
|
});
|
71
56
|
}
|
72
57
|
if (valueIsDefined((_c = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.LevelRank) === null || _c === void 0 ? void 0 : _c.Flag)) {
|
73
|
-
|
58
|
+
leftColumn.push({
|
74
59
|
label: vDiskInfoKeyset('level-rank-satisfaction'),
|
75
60
|
value: _jsx(StatusIcon, { status: (_d = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.LevelRank) === null || _d === void 0 ? void 0 : _d.Flag }),
|
76
61
|
});
|
77
62
|
}
|
78
|
-
if (valueIsDefined(FrontQueues)) {
|
79
|
-
vdiskInfo.push({
|
80
|
-
label: vDiskInfoKeyset('front-queues'),
|
81
|
-
value: _jsx(StatusIcon, { status: FrontQueues }),
|
82
|
-
});
|
83
|
-
}
|
84
|
-
if (valueIsDefined(HasUnreadableBlobs)) {
|
85
|
-
vdiskInfo.push({
|
86
|
-
label: vDiskInfoKeyset('has-unreadable-blobs'),
|
87
|
-
value: HasUnreadableBlobs ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
|
88
|
-
});
|
89
|
-
}
|
90
63
|
if (valueIsDefined(ReadThroughput)) {
|
91
|
-
|
64
|
+
leftColumn.push({
|
92
65
|
label: vDiskInfoKeyset('read-throughput'),
|
93
66
|
value: bytesToSpeed(ReadThroughput),
|
94
67
|
});
|
95
68
|
}
|
96
69
|
if (valueIsDefined(WriteThroughput)) {
|
97
|
-
|
70
|
+
leftColumn.push({
|
98
71
|
label: vDiskInfoKeyset('write-throughput'),
|
99
72
|
value: bytesToSpeed(WriteThroughput),
|
100
73
|
});
|
101
74
|
}
|
75
|
+
const rightColumn = [];
|
76
|
+
if (valueIsDefined(Replicated)) {
|
77
|
+
rightColumn.push({
|
78
|
+
label: vDiskInfoKeyset('replication-status'),
|
79
|
+
value: Replicated ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
|
80
|
+
});
|
81
|
+
}
|
82
|
+
if (valueIsDefined(VDiskSlotId)) {
|
83
|
+
rightColumn.push({ label: vDiskInfoKeyset('slot-id'), value: VDiskSlotId });
|
84
|
+
}
|
85
|
+
if (valueIsDefined(Kind)) {
|
86
|
+
rightColumn.push({ label: vDiskInfoKeyset('kind'), value: Kind });
|
87
|
+
}
|
88
|
+
if (valueIsDefined(Guid)) {
|
89
|
+
rightColumn.push({ label: vDiskInfoKeyset('guid'), value: Guid });
|
90
|
+
}
|
91
|
+
if (valueIsDefined(IncarnationGuid)) {
|
92
|
+
rightColumn.push({ label: vDiskInfoKeyset('incarnation-guid'), value: IncarnationGuid });
|
93
|
+
}
|
94
|
+
if (valueIsDefined(InstanceGuid)) {
|
95
|
+
rightColumn.push({ label: vDiskInfoKeyset('instance-guid'), value: InstanceGuid });
|
96
|
+
}
|
97
|
+
if (valueIsDefined(HasUnreadableBlobs)) {
|
98
|
+
rightColumn.push({
|
99
|
+
label: vDiskInfoKeyset('has-unreadable-blobs'),
|
100
|
+
value: HasUnreadableBlobs ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
|
101
|
+
});
|
102
|
+
}
|
102
103
|
const diskParamsDefined = valueIsDefined(PDiskId) && valueIsDefined(NodeId) && valueIsDefined(VDiskSlotId);
|
103
104
|
if (diskParamsDefined) {
|
104
105
|
const links = [];
|
@@ -119,14 +120,16 @@ export function VDiskInfo({ data, withVDiskPageLink, withTitle, ...infoViewerPro
|
|
119
120
|
links.push(_jsx(LinkWithIcon, { title: vDiskInfoKeyset('developer-ui'), url: vDiskInternalViewerPath }, vDiskInternalViewerPath));
|
120
121
|
}
|
121
122
|
if (links.length) {
|
122
|
-
|
123
|
+
rightColumn.push({
|
123
124
|
label: vDiskInfoKeyset('links'),
|
124
125
|
value: (_jsx(Flex, { wrap: "wrap", gap: 2, children: links })),
|
125
126
|
});
|
126
127
|
}
|
127
128
|
}
|
128
129
|
const title = data && withTitle ? _jsx(VDiskTitle, { data: data }) : null;
|
129
|
-
|
130
|
+
// Component is used both on vdisk page and in popups
|
131
|
+
// Display in two columns on page (row + wrap) and in one column in popups (column + nowrap)
|
132
|
+
return (_jsxs(Flex, { className: className, gap: 2, direction: wrap ? 'row' : 'column', wrap: wrap, children: [_jsx(InfoViewer, { title: title, info: leftColumn, renderEmptyState: () => null, className: b('info') }), _jsx(InfoViewer, { info: rightColumn, renderEmptyState: () => null, className: b('info') })] }));
|
130
133
|
}
|
131
134
|
function VDiskTitle({ data }) {
|
132
135
|
return (_jsxs("div", { className: b('title'), children: [vDiskInfoKeyset('vdiks-title'), _jsx(StatusIcon, { status: getSeverityColor(data.Severity) }), data.StringifiedId] }));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VDiskInfo.js","sourceRoot":"","sources":["../../../src/components/VDiskInfo/VDiskInfo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,uBAAuB,EAAC,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAC,0BAA0B,EAAC,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"VDiskInfo.js","sourceRoot":"","sources":["../../../src/components/VDiskInfo/VDiskInfo.tsx"],"names":[],"mappings":"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"}
|
@@ -1,15 +1,11 @@
|
|
1
|
+
import type { HotkeysGroup } from '@gravity-ui/navigation';
|
1
2
|
export declare const isMac: () => boolean;
|
2
3
|
export declare const SHORTCUTS_HOTKEY: string;
|
3
|
-
export declare const
|
4
|
-
title: string;
|
5
|
-
items: {
|
6
|
-
title: string;
|
7
|
-
value: string;
|
8
|
-
}[];
|
9
|
-
}[];
|
4
|
+
export declare const DEFAULT_HOTKEY_GROUPS: HotkeysGroup[];
|
10
5
|
export interface HotkeysPanelProps {
|
11
6
|
visible: boolean;
|
12
7
|
closePanel: () => void;
|
8
|
+
hotkeyGroups?: HotkeysGroup[];
|
13
9
|
}
|
14
10
|
/**
|
15
11
|
* HotkeysPanelWrapper creates a render cycle separation between mounting and visibility change.
|
@@ -21,13 +17,14 @@ export interface HotkeysPanelProps {
|
|
21
17
|
* This wrapper ensures the component mounts first, then sets visible=true in a subsequent render cycle
|
22
18
|
* to make transition actually happen.
|
23
19
|
*/
|
24
|
-
export declare const HotkeysPanelWrapper: ({ visible: propsVisible, closePanel }: HotkeysPanelProps) => import("react/jsx-runtime").JSX.Element;
|
20
|
+
export declare const HotkeysPanelWrapper: ({ visible: propsVisible, closePanel, hotkeyGroups, }: HotkeysPanelProps) => import("react/jsx-runtime").JSX.Element;
|
25
21
|
interface UseHotkeysPanel {
|
26
22
|
isPanelVisible: boolean;
|
27
23
|
openPanel: () => void;
|
28
24
|
closePanel: () => void;
|
25
|
+
hotkeyGroups?: HotkeysGroup[];
|
29
26
|
}
|
30
|
-
export declare const useHotkeysPanel: ({ isPanelVisible, openPanel, closePanel }: UseHotkeysPanel) => {
|
27
|
+
export declare const useHotkeysPanel: ({ isPanelVisible, openPanel, closePanel, hotkeyGroups, }: UseHotkeysPanel) => {
|
31
28
|
renderPanel: () => import("react/jsx-runtime").JSX.Element;
|
32
29
|
};
|
33
30
|
export {};
|
@@ -8,7 +8,7 @@ import i18n from '../i18n';
|
|
8
8
|
const b = cn('kv-navigation');
|
9
9
|
export const isMac = () => navigator.platform.toUpperCase().includes('MAC');
|
10
10
|
export const SHORTCUTS_HOTKEY = isMac() ? 'cmd+K' : 'ctrl+K';
|
11
|
-
export const
|
11
|
+
export const DEFAULT_HOTKEY_GROUPS = [
|
12
12
|
{
|
13
13
|
title: 'Query Editor',
|
14
14
|
items: [
|
@@ -49,14 +49,14 @@ export const HOTKEYS = [
|
|
49
49
|
* This wrapper ensures the component mounts first, then sets visible=true in a subsequent render cycle
|
50
50
|
* to make transition actually happen.
|
51
51
|
*/
|
52
|
-
export const HotkeysPanelWrapper = ({ visible: propsVisible, closePanel }) => {
|
52
|
+
export const HotkeysPanelWrapper = ({ visible: propsVisible, closePanel, hotkeyGroups = DEFAULT_HOTKEY_GROUPS, }) => {
|
53
53
|
const [visible, setVisible] = React.useState(false);
|
54
54
|
React.useEffect(() => {
|
55
55
|
setVisible(propsVisible);
|
56
56
|
}, [propsVisible]);
|
57
|
-
return (_jsx(UIKitHotkeysPanel, { visible: visible, hotkeys:
|
57
|
+
return (_jsx(UIKitHotkeysPanel, { visible: visible, hotkeys: hotkeyGroups, className: b('hotkeys-panel'), title: _jsxs("div", { className: b('hotkeys-panel-title'), children: [i18n('hotkeys.title'), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }), onClose: closePanel }));
|
58
58
|
};
|
59
|
-
export const useHotkeysPanel = ({ isPanelVisible, openPanel, closePanel }) => {
|
59
|
+
export const useHotkeysPanel = ({ isPanelVisible, openPanel, closePanel, hotkeyGroups = DEFAULT_HOTKEY_GROUPS, }) => {
|
60
60
|
React.useEffect(() => {
|
61
61
|
hotkeys(SHORTCUTS_HOTKEY, openPanel);
|
62
62
|
window.addEventListener('openKeyboardShortcutsPanel', openPanel);
|
@@ -65,7 +65,7 @@ export const useHotkeysPanel = ({ isPanelVisible, openPanel, closePanel }) => {
|
|
65
65
|
window.removeEventListener('openKeyboardShortcutsPanel', openPanel);
|
66
66
|
};
|
67
67
|
}, [openPanel]);
|
68
|
-
const renderPanel = React.useCallback(() => _jsx(HotkeysPanelWrapper, { visible: isPanelVisible, closePanel: closePanel }), [isPanelVisible, closePanel]);
|
68
|
+
const renderPanel = React.useCallback(() => (_jsx(HotkeysPanelWrapper, { visible: isPanelVisible, closePanel: closePanel, hotkeyGroups: hotkeyGroups })), [isPanelVisible, closePanel, hotkeyGroups]);
|
69
69
|
return {
|
70
70
|
renderPanel,
|
71
71
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useHotkeysPanel.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/hooks/useHotkeysPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"useHotkeysPanel.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/hooks/useHotkeysPanel.tsx"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,8 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import React from 'react';
|
3
|
+
import { Magnifier } from '@gravity-ui/icons';
|
3
4
|
import DataTable from '@gravity-ui/react-data-table';
|
4
|
-
import { Flex, Select, TableColumnSetup, Text } from '@gravity-ui/uikit';
|
5
|
+
import { Flex, Icon, Select, TableColumnSetup, Text } from '@gravity-ui/uikit';
|
5
6
|
import { Helmet } from 'react-helmet-async';
|
6
7
|
import { AutoRefreshControl } from '../../components/AutoRefreshControl/AutoRefreshControl';
|
7
8
|
import { ResponseError } from '../../components/Errors/ResponseError';
|
@@ -84,9 +85,10 @@ export function Clusters() {
|
|
84
85
|
.map((el) => ({ value: el, content: el }));
|
85
86
|
}, [clusters]);
|
86
87
|
const renderPageTitle = () => {
|
87
|
-
|
88
|
+
var _a;
|
89
|
+
return (_jsxs(Flex, { justifyContent: "space-between", className: b('title-wrapper'), children: [_jsx(Text, { variant: "header-1", children: (_a = uiFactory.clustersPageTitle) !== null && _a !== void 0 ? _a : i18n('page_title') }), _jsx(AutoRefreshControl, { className: b('autorefresh') })] }));
|
88
90
|
};
|
89
|
-
return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), renderPageTitle(), _jsxs(Flex, { className: b('controls-wrapper'), children: [_jsx("div", { className: b('control', { wide: true }), children: _jsx(Search, { placeholder: i18n('controls_search-placeholder'), onChange: changeClusterName, value: clusterName }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: statuses, onUpdate: changeStatus, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }, "TableColumnSetup") })] }),
|
91
|
+
return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), renderPageTitle(), _jsxs(Flex, { className: b('controls-wrapper'), children: [_jsx("div", { className: b('control', { wide: true }), children: _jsx(Search, { placeholder: i18n('controls_search-placeholder'), endContent: _jsx(Icon, { data: Magnifier, className: b('search-icon') }), onChange: changeClusterName, value: clusterName }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: statuses, onUpdate: changeStatus, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }, "TableColumnSetup") })] }), (clusters === null || clusters === void 0 ? void 0 : clusters.length) ? (_jsx(Text, { color: "secondary", children: i18n('clusters-count', { count: filteredClusters === null || filteredClusters === void 0 ? void 0 : filteredClusters.length }) })) : null, query.isError ? _jsx(ResponseError, { error: query.error }) : null, query.isLoading ? _jsx(Loader, { size: "l" }) : null, query.fulfilledTimeStamp ? (_jsx("div", { className: b('table-wrapper'), children: _jsx("div", { className: b('table-content'), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: columnsToShow, settings: { ...DEFAULT_TABLE_SETTINGS, dynamicRender: false }, initialSortOrder: {
|
90
92
|
columnId: COLUMNS_NAMES.TITLE,
|
91
93
|
order: DataTable.ASCENDING,
|
92
94
|
} }) }) })) : null] }));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Clusters.js","sourceRoot":"","sources":["../../../src/containers/Clusters/Clusters.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"Clusters.js","sourceRoot":"","sources":["../../../src/containers/Clusters/Clusters.tsx"],"names":[],"mappings":"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"}
|
@@ -17,37 +17,6 @@
|
|
17
17
|
&__autorefresh {
|
18
18
|
margin-left: auto;
|
19
19
|
}
|
20
|
-
&__cluster-status {
|
21
|
-
width: 18px;
|
22
|
-
height: 18px;
|
23
|
-
margin-right: 8px;
|
24
|
-
|
25
|
-
border-radius: 3px;
|
26
|
-
|
27
|
-
& span {
|
28
|
-
display: flex;
|
29
|
-
align-items: center;
|
30
|
-
}
|
31
|
-
|
32
|
-
&_type_green {
|
33
|
-
background-color: var(--ydb-color-status-green);
|
34
|
-
}
|
35
|
-
&_type_yellow {
|
36
|
-
background-color: var(--ydb-color-status-yellow);
|
37
|
-
}
|
38
|
-
&_type_blue {
|
39
|
-
background-color: var(--ydb-color-status-blue);
|
40
|
-
}
|
41
|
-
&_type_red {
|
42
|
-
background: var(--ydb-color-status-red);
|
43
|
-
}
|
44
|
-
&_type_grey {
|
45
|
-
background: var(--ydb-color-status-grey);
|
46
|
-
}
|
47
|
-
&_type_orange {
|
48
|
-
background: var(--ydb-color-status-orange);
|
49
|
-
}
|
50
|
-
}
|
51
20
|
&__cluster-name {
|
52
21
|
white-space: normal;
|
53
22
|
text-decoration: none;
|
@@ -71,29 +40,17 @@
|
|
71
40
|
margin-right: 15px;
|
72
41
|
|
73
42
|
&_wide {
|
74
|
-
width:
|
43
|
+
width: 320px;
|
75
44
|
}
|
76
45
|
}
|
77
46
|
&__empty-cell {
|
78
47
|
color: var(--g-color-text-secondary);
|
79
48
|
}
|
80
|
-
&__tooltip-content {
|
81
|
-
word-break: break-all;
|
82
|
-
}
|
83
49
|
|
84
50
|
& .g-progress__item {
|
85
51
|
transition: none;
|
86
52
|
}
|
87
53
|
|
88
|
-
&__text {
|
89
|
-
color: var(--g-color-text-primary);
|
90
|
-
@include mixins.body-2-typography();
|
91
|
-
|
92
|
-
&::first-letter {
|
93
|
-
color: var(--g-color-text-danger);
|
94
|
-
}
|
95
|
-
}
|
96
|
-
|
97
54
|
&__description {
|
98
55
|
max-width: 200px;
|
99
56
|
|
@@ -113,36 +70,25 @@
|
|
113
70
|
}
|
114
71
|
|
115
72
|
&__table {
|
73
|
+
--data-table-cell-align: top;
|
74
|
+
--data-table-cell-vertical-padding: var(--g-spacing-3);
|
116
75
|
@include mixins.freeze-nth-column(1);
|
117
76
|
}
|
118
77
|
|
119
|
-
&__balancer-
|
120
|
-
|
121
|
-
flex-direction: row;
|
122
|
-
align-items: center;
|
123
|
-
}
|
124
|
-
|
125
|
-
&__balancer-text {
|
126
|
-
display: inline-block;
|
127
|
-
overflow: hidden;
|
128
|
-
|
129
|
-
max-width: 92%;
|
130
|
-
margin-right: 5px;
|
131
|
-
|
132
|
-
text-overflow: ellipsis;
|
133
|
-
overflow-wrap: break-word !important;
|
134
|
-
}
|
135
|
-
&__balancer-icon {
|
136
|
-
display: flex;
|
137
|
-
align-items: center;
|
78
|
+
&__balancer-copy-icon {
|
79
|
+
color: var(--g-color-text-secondary);
|
138
80
|
}
|
81
|
+
&__search-icon {
|
82
|
+
margin: 0 var(--g-spacing-1);
|
139
83
|
|
140
|
-
|
141
|
-
margin-left: 15px;
|
142
|
-
@include mixins.body-2-typography();
|
84
|
+
color: var(--g-color-text-secondary);
|
143
85
|
}
|
144
86
|
|
145
87
|
&__remove-cluster {
|
146
88
|
color: var(--ydb-color-status-red);
|
147
89
|
}
|
90
|
+
|
91
|
+
&__progress {
|
92
|
+
--g-progress-filled-background-color: var(--ydb-color-status-green);
|
93
|
+
}
|
148
94
|
}
|
@@ -10,6 +10,7 @@ export declare function getClustersColumns(params: ClustersColumnsParams): (Colu
|
|
10
10
|
header: "Cluster";
|
11
11
|
width: number;
|
12
12
|
defaultOrder: 1;
|
13
|
+
sortAccessor: (row: PreparedCluster) => string | undefined;
|
13
14
|
render: ({ row }: {
|
14
15
|
value?: unknown;
|
15
16
|
row: PreparedCluster;
|