ydb-embedded-ui 14.14.0 → 14.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js +7 -4
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +18 -9
- package/dist/components/EntityPageTitle/EntityPageTitle.d.ts +2 -1
- package/dist/components/EntityPageTitle/EntityPageTitle.js +2 -2
- package/dist/components/EntityPageTitle/EntityPageTitle.js.map +1 -1
- package/dist/components/EntityPageTitle/EntityPageTitle.scss +2 -7
- package/dist/components/PDiskPopup/PDiskPopup.js +1 -1
- package/dist/components/PDiskPopup/PDiskPopup.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTable.scss +6 -0
- package/dist/components/Stack/Stack.scss +4 -17
- package/dist/components/VDisk/VDisk.d.ts +3 -1
- package/dist/components/VDisk/VDisk.js +3 -2
- package/dist/components/VDisk/VDisk.js.map +1 -1
- package/dist/components/VDisk/VDisk.scss +9 -2
- package/dist/components/VDisk/VDiskWithDonorsStack.d.ts +1 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.js +20 -6
- package/dist/components/VDisk/VDiskWithDonorsStack.js.map +1 -1
- package/dist/components/VDisk/i18n/en.json +3 -0
- package/dist/components/VDisk/i18n/index.d.ts +1 -0
- package/dist/components/VDisk/i18n/index.js +5 -0
- package/dist/components/VDisk/i18n/index.js.map +1 -0
- package/dist/components/VDiskInfo/VDiskInfo.d.ts +2 -1
- package/dist/components/VDiskInfo/VDiskInfo.js +57 -47
- package/dist/components/VDiskInfo/VDiskInfo.js.map +1 -1
- package/dist/components/VDiskInfo/VDiskInfo.scss +2 -6
- package/dist/components/VDiskInfo/i18n/en.json +1 -0
- package/dist/components/VDiskInfo/i18n/index.d.ts +1 -1
- package/dist/components/VDiskPopup/VDiskPopup.js +10 -13
- package/dist/components/VDiskPopup/VDiskPopup.js.map +1 -1
- package/dist/components/VDiskPopup/i18n/en.json +1 -2
- package/dist/components/VDiskPopup/i18n/index.d.ts +1 -1
- package/dist/components/YDBDefinitionList/YDBDefinitionList.d.ts +4 -1
- package/dist/components/YDBDefinitionList/YDBDefinitionList.js +2 -2
- package/dist/components/YDBDefinitionList/YDBDefinitionList.js.map +1 -1
- package/dist/components/YDBDefinitionList/YDBDefinitionList.scss +0 -19
- package/dist/containers/App/App.scss +0 -4
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.js +17 -14
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.js.map +1 -1
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.scss +17 -1
- package/dist/containers/Storage/Disks/Disks.js +2 -4
- package/dist/containers/Storage/Disks/Disks.js.map +1 -1
- package/dist/containers/Storage/Disks/Disks.scss +1 -3
- package/dist/containers/Storage/PDisk/PDisk.scss +0 -7
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/StorageGroupsColumns.scss +1 -0
- package/dist/containers/Tenant/Diagnostics/DetailedOverview/DetailedOverview.scss +4 -0
- package/dist/containers/VDiskPage/VDiskPage.js +13 -3
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/containers/VDiskPage/VDiskPage.scss +5 -0
- package/dist/containers/VDiskPage/i18n/en.json +3 -1
- package/dist/containers/VDiskPage/i18n/index.d.ts +1 -1
- package/dist/store/reducers/pdisk/utils.js +4 -5
- package/dist/store/reducers/pdisk/utils.js.map +1 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.js +7 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.js.map +1 -1
- package/dist/store/reducers/vdisk/utils.js +20 -8
- package/dist/store/reducers/vdisk/utils.js.map +1 -1
- package/dist/styles/mixins.scss +19 -14
- package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js +11 -11
- package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js.map +1 -1
- package/dist/utils/disks/__test__/prepareDisks.test.js +11 -0
- package/dist/utils/disks/__test__/prepareDisks.test.js.map +1 -1
- package/dist/utils/disks/calculateVDiskSeverity.js +5 -5
- package/dist/utils/disks/calculateVDiskSeverity.js.map +1 -1
- package/dist/utils/disks/prepareDisks.js +2 -1
- package/dist/utils/disks/prepareDisks.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Flex, Icon } from '@gravity-ui/uikit';
|
|
3
3
|
import { SETTING_KEYS } from '../../store/reducers/settings/constants';
|
|
4
4
|
import { cn } from '../../utils/cn';
|
|
5
|
-
import { DONOR_COLOR } from '../../utils/disks/constants';
|
|
5
|
+
import { DONOR_COLOR, NOT_AVAILABLE_SEVERITY } from '../../utils/disks/constants';
|
|
6
6
|
import { getSeverityColor, getVDiskStatusIcon } from '../../utils/disks/helpers';
|
|
7
7
|
import { useSetting } from '../../utils/hooks';
|
|
8
8
|
import { isNumeric } from '../../utils/utils';
|
|
@@ -23,7 +23,7 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, severity, comp
|
|
|
23
23
|
mods[DONOR_COLOR.toLocaleLowerCase()] = true;
|
|
24
24
|
}
|
|
25
25
|
else {
|
|
26
|
-
const color =
|
|
26
|
+
const color = getSeverityColor(severity);
|
|
27
27
|
if (color) {
|
|
28
28
|
mods[color.toLocaleLowerCase()] = true;
|
|
29
29
|
}
|
|
@@ -31,7 +31,7 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, severity, comp
|
|
|
31
31
|
const hasAllocatedPercent = isNumeric(diskAllocatedPercent) && diskAllocatedPercent >= 0;
|
|
32
32
|
const renderAllocatedPercent = () => {
|
|
33
33
|
if (compact) {
|
|
34
|
-
return
|
|
34
|
+
return null;
|
|
35
35
|
}
|
|
36
36
|
if (!hasAllocatedPercent) {
|
|
37
37
|
return null;
|
|
@@ -51,7 +51,10 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, severity, comp
|
|
|
51
51
|
return _jsx("div", { className: b('title'), children: `${Math.floor(diskAllocatedPercent)}%` });
|
|
52
52
|
}
|
|
53
53
|
if (!compact && !hasAllocatedPercent && noDataPlaceholder) {
|
|
54
|
-
return _jsx("div", { className: b('title'), children: noDataPlaceholder });
|
|
54
|
+
return _jsx("div", { className: b('title', { text: true }), children: noDataPlaceholder });
|
|
55
|
+
}
|
|
56
|
+
if (compact && severity === NOT_AVAILABLE_SEVERITY && noDataPlaceholder) {
|
|
57
|
+
return _jsx("div", { className: b('title', { compact: true }), children: noDataPlaceholder });
|
|
55
58
|
}
|
|
56
59
|
return null;
|
|
57
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
$block: &;
|
|
5
5
|
|
|
6
6
|
$border-width: 1px;
|
|
7
|
-
$outer-border-radius: var(--g-border-radius-
|
|
7
|
+
$outer-border-radius: var(--disk-border-radius, var(--g-border-radius-m));
|
|
8
8
|
$inner-border-radius: $outer-border-radius - $border-width;
|
|
9
|
-
$outer-compact-border-radius: var(--g-border-radius-xs);
|
|
9
|
+
$outer-compact-border-radius: var(--disk-border-radius-compact, var(--g-border-radius-xs));
|
|
10
10
|
$inner-compact-border-radius: $outer-compact-border-radius - $border-width;
|
|
11
11
|
|
|
12
12
|
--progress-bar-full-height: var(--g-text-subheader-2-line-height);
|
|
@@ -33,16 +33,15 @@
|
|
|
33
33
|
|
|
34
34
|
@include mixins.entity-state-colors($block);
|
|
35
35
|
|
|
36
|
-
&_darkgrey,
|
|
37
|
-
&_grey {
|
|
38
|
-
--ydb-progress-bar-font-color: var(--g-color-text-secondary);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
36
|
&_compact {
|
|
42
37
|
min-width: 8px;
|
|
43
38
|
height: var(--progress-bar-compact-height);
|
|
44
39
|
|
|
45
40
|
border-radius: $outer-compact-border-radius;
|
|
41
|
+
background-color: var(
|
|
42
|
+
--entity-state-compact-background-color,
|
|
43
|
+
var(--entity-state-fill-color)
|
|
44
|
+
);
|
|
46
45
|
}
|
|
47
46
|
|
|
48
47
|
&_faded {
|
|
@@ -60,6 +59,7 @@
|
|
|
60
59
|
}
|
|
61
60
|
|
|
62
61
|
&_striped {
|
|
62
|
+
--entity-state-icon-color: var(--g-color-base-neutral-heavy-hover);
|
|
63
63
|
overflow: hidden;
|
|
64
64
|
// Inset shadow = border overlay without shrinking the striped fill
|
|
65
65
|
border: none;
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
position: relative;
|
|
105
105
|
z-index: 2;
|
|
106
106
|
|
|
107
|
-
margin-right: var(--g-spacing-
|
|
107
|
+
margin-right: var(--g-spacing-1);
|
|
108
108
|
|
|
109
109
|
font-family: var(--g-text-caption-font-family);
|
|
110
110
|
font-size: var(--g-text-caption-1-font-size);
|
|
@@ -112,6 +112,15 @@
|
|
|
112
112
|
line-height: calc(var(--progress-bar-full-height) - #{$border-width * 2});
|
|
113
113
|
|
|
114
114
|
color: var(--ydb-progress-bar-font-color);
|
|
115
|
+
|
|
116
|
+
&_text {
|
|
117
|
+
margin-right: var(--g-spacing-1);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
&_compact {
|
|
121
|
+
margin-right: auto;
|
|
122
|
+
margin-left: var(--g-spacing-1);
|
|
123
|
+
}
|
|
115
124
|
}
|
|
116
125
|
|
|
117
126
|
&__icon {
|
|
@@ -120,6 +129,6 @@
|
|
|
120
129
|
|
|
121
130
|
margin-left: calc(var(--g-spacing-1) - $border-width);
|
|
122
131
|
|
|
123
|
-
color: var(--entity-state-border-color);
|
|
132
|
+
color: var(--entity-state-icon-color, var(--entity-state-border-color));
|
|
124
133
|
}
|
|
125
134
|
}
|
|
@@ -5,6 +5,7 @@ interface EntityPageTitleProps {
|
|
|
5
5
|
status?: EFlag;
|
|
6
6
|
id: React.ReactNode;
|
|
7
7
|
className?: string;
|
|
8
|
+
metaInfo?: React.ReactNode;
|
|
8
9
|
}
|
|
9
|
-
export declare function EntityPageTitle({ entityName, status, id, className, }: EntityPageTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function EntityPageTitle({ entityName, status, id, className, metaInfo, }: EntityPageTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -4,7 +4,7 @@ import { cn } from '../../utils/cn';
|
|
|
4
4
|
import { StatusIcon } from '../StatusIcon/StatusIcon';
|
|
5
5
|
import './EntityPageTitle.scss';
|
|
6
6
|
const b = cn('ydb-entity-page-title');
|
|
7
|
-
export function EntityPageTitle({ entityName, status = EFlag.Grey, id, className, }) {
|
|
8
|
-
return (_jsxs("div", { className: b(null, className), children: [_jsx("span", { className: b('prefix'), children: entityName }), _jsx(StatusIcon, { className: b('icon'), status: status, size: "s" }), id] }));
|
|
7
|
+
export function EntityPageTitle({ entityName, status = EFlag.Grey, id, className, metaInfo, }) {
|
|
8
|
+
return (_jsxs("div", { className: b(null, className), children: [_jsx("span", { className: b('prefix'), children: entityName }), _jsx(StatusIcon, { className: b('icon'), status: status, size: "s" }), id, metaInfo] }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=EntityPageTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityPageTitle.js","sourceRoot":"","sources":["../../../src/components/EntityPageTitle/EntityPageTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"EntityPageTitle.js","sourceRoot":"","sources":["../../../src/components/EntityPageTitle/EntityPageTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC;AAUtC,MAAM,UAAU,eAAe,CAAC,EAC5B,UAAU,EACV,MAAM,GAAG,KAAK,CAAC,IAAI,EACnB,EAAE,EACF,SAAS,EACT,QAAQ,GACW;IACnB,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,eAAM,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,UAAU,GAAQ,EACjD,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,GAAG,EAC5D,EAAE,EACF,QAAQ,IACP,CACT,CAAC;AACN,CAAC"}
|
|
@@ -3,19 +3,14 @@
|
|
|
3
3
|
.ydb-entity-page-title {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-flow: row nowrap;
|
|
6
|
-
align-items:
|
|
6
|
+
align-items: center;
|
|
7
|
+
gap: var(--g-spacing-2);
|
|
7
8
|
|
|
8
9
|
text-wrap: nowrap;
|
|
9
10
|
|
|
10
11
|
@include mixins.header-2-typography();
|
|
11
12
|
|
|
12
13
|
&__prefix {
|
|
13
|
-
margin-right: 6px;
|
|
14
|
-
|
|
15
14
|
color: var(--g-color-text-secondary);
|
|
16
15
|
}
|
|
17
|
-
|
|
18
|
-
&__icon {
|
|
19
|
-
margin-right: 8px;
|
|
20
|
-
}
|
|
21
16
|
}
|
|
@@ -107,6 +107,6 @@ export const PDiskPopup = ({ data }) => {
|
|
|
107
107
|
const headerLabels = React.useMemo(() => preparePDiskHeaderLabels(data), [data]);
|
|
108
108
|
const footer = React.useMemo(() => buildPDiskFooter(data, hasDeveloperUi), [data, hasDeveloperUi]);
|
|
109
109
|
const pdiskId = data.StringifiedId;
|
|
110
|
-
return (_jsx(YDBDefinitionList, { compact: true, title: "PDisk", titleSuffix: pdiskId !== null && pdiskId !== void 0 ? pdiskId : EMPTY_DATA_PLACEHOLDER, items: info, headerLabels: headerLabels, footer: footer, nameMaxWidth: 100 }));
|
|
110
|
+
return (_jsx(YDBDefinitionList, { compact: true, title: "PDisk", titleSuffix: { title: pdiskId !== null && pdiskId !== void 0 ? pdiskId : EMPTY_DATA_PLACEHOLDER, copyText: pdiskId }, items: info, headerLabels: headerLabels, footer: footer, nameMaxWidth: 100 }));
|
|
111
111
|
};
|
|
112
112
|
//# sourceMappingURL=PDiskPopup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,12 @@
|
|
|
37
37
|
background: var(--paginated-table-hover-color);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
+
// Elevate row z-index when a Stack inside it is hovered,
|
|
41
|
+
// so expanded donors appear above the next row
|
|
42
|
+
&:has(.stack:hover) {
|
|
43
|
+
z-index: 2;
|
|
44
|
+
}
|
|
45
|
+
|
|
40
46
|
&_empty {
|
|
41
47
|
&:hover {
|
|
42
48
|
background-color: initial;
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
--ydb-stack-offset-x: 4px;
|
|
4
4
|
--ydb-stack-offset-y: 4px;
|
|
5
5
|
--ydb-stack-offset-x-hover: 4px;
|
|
6
|
-
--ydb-stack-offset-y-hover:
|
|
6
|
+
--ydb-stack-offset-y-hover: 16px;
|
|
7
7
|
|
|
8
8
|
position: relative;
|
|
9
9
|
|
|
10
10
|
&__layer {
|
|
11
|
-
transition: transform 0.
|
|
11
|
+
transition: transform 0.15s ease-out;
|
|
12
12
|
|
|
13
13
|
&:first-child {
|
|
14
14
|
position: relative;
|
|
@@ -32,23 +32,10 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&:hover {
|
|
35
|
-
.stack__layer:first-child {
|
|
36
|
-
transform: translate(
|
|
37
|
-
calc(-1 * var(--ydb-stack-offset-x-hover)),
|
|
38
|
-
calc(-1 * var(--ydb-stack-offset-y-hover))
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
35
|
.stack__layer + .stack__layer {
|
|
43
36
|
transform: translate(
|
|
44
|
-
calc(
|
|
45
|
-
|
|
46
|
-
(var(--ydb-stack-offset-x-hover) * 2) - var(--ydb-stack-offset-x-hover)
|
|
47
|
-
),
|
|
48
|
-
calc(
|
|
49
|
-
var(--ydb-stack-level) *
|
|
50
|
-
(var(--ydb-stack-offset-y-hover) * 2) - var(--ydb-stack-offset-y-hover)
|
|
51
|
-
)
|
|
37
|
+
calc(var(--ydb-stack-level) * var(--ydb-stack-offset-x-hover)),
|
|
38
|
+
calc(var(--ydb-stack-level) * var(--ydb-stack-offset-y-hover))
|
|
52
39
|
);
|
|
53
40
|
}
|
|
54
41
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { PopupPlacement } from '@gravity-ui/uikit';
|
|
1
2
|
import type { PreparedVDisk } from '../../utils/disks/types';
|
|
2
3
|
import './VDisk.scss';
|
|
3
4
|
export interface VDiskProps {
|
|
@@ -12,5 +13,6 @@ export interface VDiskProps {
|
|
|
12
13
|
delayClose?: number;
|
|
13
14
|
withIcon?: boolean;
|
|
14
15
|
highlighted?: boolean;
|
|
16
|
+
placement?: PopupPlacement;
|
|
15
17
|
}
|
|
16
|
-
export declare const VDisk: ({ data, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, }: VDiskProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const VDisk: ({ data, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, placement, }: VDiskProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,9 +6,10 @@ import { DiskStateProgressBar } from '../DiskStateProgressBar/DiskStateProgressB
|
|
|
6
6
|
import { HoverPopup } from '../HoverPopup/HoverPopup';
|
|
7
7
|
import { InternalLink } from '../InternalLink';
|
|
8
8
|
import { VDiskPopup } from '../VDiskPopup/VDiskPopup';
|
|
9
|
+
import { i18n } from './i18n';
|
|
9
10
|
import './VDisk.scss';
|
|
10
11
|
const b = cn('ydb-vdisk-component');
|
|
11
|
-
export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, }) => {
|
|
12
|
+
export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, placement = ['top', 'bottom', 'left', 'right'], }) => {
|
|
12
13
|
const getVDiskLink = useVDiskPagePath();
|
|
13
14
|
const vDiskPath = getVDiskLink({ nodeId: data.NodeId, vDiskId: data.StringifiedId });
|
|
14
15
|
const severity = data.Severity;
|
|
@@ -16,6 +17,6 @@ export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, on
|
|
|
16
17
|
const isDonor = data.DonorMode;
|
|
17
18
|
return (_jsx(HoverPopup, { showPopup: showPopup, onShowPopup: onShowPopup, onHidePopup: onHidePopup, renderPopupContent: () => _jsx(VDiskPopup, { data: data }), offset: { mainAxis: 2, crossAxis: 0 }, delayClose: delayClose, delayOpen: delayOpen,
|
|
18
19
|
// Allow all placement options, component should choose first available
|
|
19
|
-
placement:
|
|
20
|
+
placement: placement, children: _jsx("div", { className: b(), children: _jsx(InternalLink, { to: vDiskPath, className: b('content', { compact }), children: _jsx(DiskStateProgressBar, { diskAllocatedPercent: data.AllocatedPercent, severity: severity, compact: compact, inactive: inactive, striped: isReplicatingColor || isDonor, isDonor: isDonor, className: progressBarClassName, withIcon: withIcon, highlighted: highlighted, noDataPlaceholder: i18n('context_no-data') }) }) }) }));
|
|
20
21
|
};
|
|
21
22
|
//# sourceMappingURL=VDisk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oCAAoC,EAAC,MAAM,6BAA6B,CAAC;AAEjF,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,GACrC,EAAE,EAAE;IACb,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAC,CAAC,CAAC;IAEnF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC/B,MAAM,kBAAkB,GAAG,QAAQ,KAAK,oCAAoC,CAAC,IAAI,CAAC;IAClF,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IAE/B,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACpD,MAAM,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,EACnC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS;QACpB,uEAAuE;QACvE,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,OAAO,EAAC,CAAC,YAC3D,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,IAAI,OAAO,EACtC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,GAC5C,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
.ydb-vdisk-component {
|
|
2
|
-
border-radius: var(--g-border-radius-
|
|
2
|
+
--disk-border-radius: var(--g-border-radius-m);
|
|
3
|
+
border-radius: var(--disk-border-radius); // to match interactive area with disk shape
|
|
3
4
|
|
|
4
5
|
&__content {
|
|
5
6
|
display: block;
|
|
6
7
|
|
|
7
|
-
border-radius: var(--
|
|
8
|
+
border-radius: var(--disk-border-radius); // to match interactive area with disk shape
|
|
8
9
|
background: var(--g-color-base-background);
|
|
9
10
|
}
|
|
11
|
+
&__content_compact {
|
|
12
|
+
border-radius: var(
|
|
13
|
+
--disk-border-radius-compact,
|
|
14
|
+
var(--g-border-radius-xs)
|
|
15
|
+
); // to match interactive area with disk shape
|
|
16
|
+
}
|
|
10
17
|
}
|
|
@@ -8,5 +8,5 @@ interface VDiskWithDonorsStackProps extends VDiskProps {
|
|
|
8
8
|
setHighlightedVDisk?: (id?: string) => void;
|
|
9
9
|
progressBarClassName?: string;
|
|
10
10
|
}
|
|
11
|
-
export declare function VDiskWithDonorsStack({ data, className, stackClassName, withIcon, highlightedVDisk, setHighlightedVDisk, ...restProps }: VDiskWithDonorsStackProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function VDiskWithDonorsStack({ data, className, stackClassName, withIcon, highlightedVDisk, setHighlightedVDisk, showPopup: _showPopup, onShowPopup: _onShowPopup, onHidePopup: _onHidePopup, highlighted: _highlighted, ...restProps }: VDiskWithDonorsStackProps): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -4,8 +4,9 @@ import { stringifyVdiskId } from '../../utils/dataFormatters/dataFormatters';
|
|
|
4
4
|
import { isFullVDiskData } from '../../utils/disks/helpers';
|
|
5
5
|
import { Stack } from '../Stack/Stack';
|
|
6
6
|
import { VDisk } from './VDisk';
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
const diskInStackPlacement = ['left', 'right'];
|
|
8
|
+
export function VDiskWithDonorsStack({ data, className, stackClassName, withIcon, highlightedVDisk, setHighlightedVDisk, showPopup: _showPopup, onShowPopup: _onShowPopup, onHidePopup: _onHidePopup, highlighted: _highlighted, ...restProps }) {
|
|
9
|
+
const donors = data === null || data === void 0 ? void 0 : data.Donors;
|
|
9
10
|
const stackId = data === null || data === void 0 ? void 0 : data.StringifiedId;
|
|
10
11
|
const isHighlighted = Boolean(stackId && highlightedVDisk === stackId);
|
|
11
12
|
const handleShowPopup = React.useCallback(() => {
|
|
@@ -16,17 +17,30 @@ export function VDiskWithDonorsStack({ data, className, stackClassName, withIcon
|
|
|
16
17
|
const handleHidePopup = React.useCallback(() => {
|
|
17
18
|
setHighlightedVDisk === null || setHighlightedVDisk === void 0 ? void 0 : setHighlightedVDisk(undefined);
|
|
18
19
|
}, [setHighlightedVDisk]);
|
|
19
|
-
|
|
20
|
+
// Spread restProps first, then explicitly override critical fields to prevent
|
|
21
|
+
// external code from breaking the stack's highlight/popup coordination.
|
|
22
|
+
const mainVDiskProps = {
|
|
23
|
+
...restProps,
|
|
20
24
|
withIcon,
|
|
25
|
+
showPopup: isHighlighted,
|
|
21
26
|
highlighted: isHighlighted,
|
|
22
27
|
onShowPopup: handleShowPopup,
|
|
23
28
|
onHidePopup: handleHidePopup,
|
|
29
|
+
};
|
|
30
|
+
// Donor VDisks intentionally omit popup handlers (showPopup, onShowPopup, onHidePopup).
|
|
31
|
+
// Only the main VDisk acts as the hover target for the entire stack to avoid
|
|
32
|
+
// conflicting interactions when hovering over stacked elements.
|
|
33
|
+
// Popup-related props are destructured and excluded from restProps above.
|
|
34
|
+
const donorVDiskProps = {
|
|
24
35
|
...restProps,
|
|
36
|
+
withIcon,
|
|
37
|
+
highlighted: isHighlighted,
|
|
25
38
|
};
|
|
26
|
-
const
|
|
39
|
+
const mainDiskPlacement = (donors === null || donors === void 0 ? void 0 : donors.length) ? diskInStackPlacement : undefined;
|
|
40
|
+
const content = donors && donors.length > 0 ? (_jsxs(Stack, { className: stackClassName, children: [_jsx(VDisk, { placement: mainDiskPlacement, data: data, ...mainVDiskProps }), donors.map((donor) => {
|
|
27
41
|
const isFullData = isFullVDiskData(donor);
|
|
28
|
-
return (_jsx(VDisk, { data: donor, ...
|
|
29
|
-
})] })) : (_jsx(VDisk, { data: data, withIcon: withIcon, ...
|
|
42
|
+
return (_jsx(VDisk, { data: donor, placement: diskInStackPlacement, ...donorVDiskProps }, stringifyVdiskId(isFullData ? donor.VDiskId : donor)));
|
|
43
|
+
})] })) : (_jsx(VDisk, { data: data, withIcon: withIcon, ...mainVDiskProps }));
|
|
30
44
|
return _jsx("div", { className: className, children: content });
|
|
31
45
|
}
|
|
32
46
|
//# sourceMappingURL=VDiskWithDonorsStack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VDiskWithDonorsStack.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDiskWithDonorsStack.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"VDiskWithDonorsStack.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDiskWithDonorsStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const i18n: (key: "context_no-data", params?: import("@gravity-ui/i18n").Params) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VDisk/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,WAAW,CAAC;AAE9B,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}
|
|
@@ -5,7 +5,8 @@ interface VDiskInfoProps<T extends PreparedVDisk> {
|
|
|
5
5
|
withVDiskPageLink?: boolean;
|
|
6
6
|
withTitle?: boolean;
|
|
7
7
|
className?: string;
|
|
8
|
+
titleClassName?: string;
|
|
8
9
|
wrap?: true;
|
|
9
10
|
}
|
|
10
|
-
export declare function VDiskInfo<T extends PreparedVDisk>({ data, withVDiskPageLink, withTitle, className, wrap, }: VDiskInfoProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function VDiskInfo<T extends PreparedVDisk>({ data, withVDiskPageLink, withTitle, className, wrap, titleClassName, }: VDiskInfoProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|