ydb-embedded-ui 6.17.2 → 6.18.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/icons/decommission.svg +6 -0
- package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.d.ts +3 -2
- package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js +10 -16
- package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js.map +1 -1
- package/dist/components/CriticalActionDialog/CriticalActionDialog.d.ts +4 -2
- package/dist/components/CriticalActionDialog/CriticalActionDialog.js +7 -4
- package/dist/components/CriticalActionDialog/CriticalActionDialog.js.map +1 -1
- package/dist/components/CriticalActionDialog/CriticalActionDialog.scss +23 -1
- package/dist/components/CriticalActionDialog/utils.d.ts +5 -0
- package/dist/components/CriticalActionDialog/utils.js +4 -0
- package/dist/components/CriticalActionDialog/utils.js.map +1 -0
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +5 -3
- package/dist/components/EntityPageTitle/EntityPageTitle.d.ts +1 -2
- package/dist/components/EntityPageTitle/EntityPageTitle.js +2 -2
- package/dist/components/EntityPageTitle/EntityPageTitle.js.map +1 -1
- package/dist/components/InfoViewerSkeleton/InfoViewerSkeleton.js +1 -1
- package/dist/components/InfoViewerSkeleton/InfoViewerSkeleton.js.map +1 -1
- package/dist/components/LinkWithIcon/LinkWithIcon.d.ts +2 -1
- package/dist/components/LinkWithIcon/LinkWithIcon.js +3 -3
- package/dist/components/LinkWithIcon/LinkWithIcon.js.map +1 -1
- package/dist/components/Loader/Loader.js +1 -1
- package/dist/components/Loader/Loader.js.map +1 -1
- package/dist/components/PDiskInfo/PDiskInfo.js +1 -7
- package/dist/components/PDiskInfo/PDiskInfo.js.map +1 -1
- package/dist/components/PDiskInfo/i18n/en.json +0 -1
- package/dist/components/PDiskInfo/i18n/index.d.ts +1 -1
- package/dist/components/PDiskPopup/PDiskPopup.js +3 -5
- package/dist/components/PDiskPopup/PDiskPopup.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +2 -1
- package/dist/components/PaginatedTable/PaginatedTable.js +2 -2
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTable.scss +12 -14
- package/dist/components/PaginatedTable/ResizeablePaginatedTable.js +2 -1
- package/dist/components/PaginatedTable/ResizeablePaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunk.js +7 -2
- package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
- package/dist/components/PaginatedTable/TableHead.js +14 -10
- package/dist/components/PaginatedTable/TableHead.js.map +1 -1
- package/dist/components/PaginatedTable/TableRow.js +14 -6
- package/dist/components/PaginatedTable/TableRow.js.map +1 -1
- package/dist/components/PaginatedTable/types.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.scss +5 -0
- package/dist/components/VDisk/VDisk.d.ts +6 -3
- package/dist/components/VDisk/VDisk.js +6 -4
- package/dist/components/VDisk/VDisk.js.map +1 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.d.ts +3 -5
- package/dist/components/VDisk/VDiskWithDonorsStack.js +4 -4
- package/dist/components/VDisk/VDiskWithDonorsStack.js.map +1 -1
- package/dist/components/VDiskPopup/VDiskPopup.js +1 -1
- package/dist/components/VDiskPopup/VDiskPopup.js.map +1 -1
- package/dist/containers/PDiskPage/DecommissionButton/DecommissionButton.d.ts +11 -0
- package/dist/containers/PDiskPage/DecommissionButton/DecommissionButton.js +91 -0
- package/dist/containers/PDiskPage/DecommissionButton/DecommissionButton.js.map +1 -0
- package/dist/containers/PDiskPage/DecommissionButton/DecommissionButton.scss +6 -0
- package/dist/containers/PDiskPage/DecommissionLabel/DecommissionLabel.d.ts +6 -0
- package/dist/containers/PDiskPage/DecommissionLabel/DecommissionLabel.js +20 -0
- package/dist/containers/PDiskPage/DecommissionLabel/DecommissionLabel.js.map +1 -0
- package/dist/containers/PDiskPage/PDiskGroups/PDiskGroups.js +4 -8
- package/dist/containers/PDiskPage/PDiskGroups/PDiskGroups.js.map +1 -1
- package/dist/containers/PDiskPage/PDiskPage.js +32 -14
- package/dist/containers/PDiskPage/PDiskPage.js.map +1 -1
- package/dist/containers/PDiskPage/PDiskPage.scss +7 -0
- package/dist/containers/PDiskPage/i18n/en.json +16 -2
- package/dist/containers/PDiskPage/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/Disks/Disks.d.ts +9 -0
- package/dist/containers/Storage/Disks/Disks.js +37 -0
- package/dist/containers/Storage/Disks/Disks.js.map +1 -0
- package/dist/containers/Storage/Disks/Disks.scss +46 -0
- package/dist/containers/Storage/PDisk/PDisk.d.ts +6 -2
- package/dist/containers/Storage/PDisk/PDisk.js +14 -7
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.scss +4 -2
- package/dist/containers/Storage/PaginatedStorage.js +1 -4
- package/dist/containers/Storage/PaginatedStorage.js.map +1 -1
- package/dist/containers/Storage/Storage.js +2 -4
- package/dist/containers/Storage/Storage.js.map +1 -1
- package/dist/containers/Storage/StorageGroups/PaginatedStorageGroups.d.ts +1 -3
- package/dist/containers/Storage/StorageGroups/PaginatedStorageGroups.js +4 -5
- package/dist/containers/Storage/StorageGroups/PaginatedStorageGroups.js.map +1 -1
- package/dist/containers/Storage/StorageGroups/StorageGroups.d.ts +1 -4
- package/dist/containers/Storage/StorageGroups/StorageGroups.js +4 -7
- package/dist/containers/Storage/StorageGroups/StorageGroups.js.map +1 -1
- package/dist/containers/Storage/StorageGroups/{StorageGroups.scss → columns/StorageGroupsColumns.scss} +3 -2
- package/dist/containers/Storage/StorageGroups/columns/getStorageGroupsColumns.d.ts +21 -0
- package/dist/containers/Storage/StorageGroups/{getStorageGroupsColumns.js → columns/getStorageGroupsColumns.js} +41 -21
- package/dist/containers/Storage/StorageGroups/columns/getStorageGroupsColumns.js.map +1 -0
- package/dist/containers/Storage/StorageGroups/columns/hooks.d.ts +3 -0
- package/dist/containers/Storage/StorageGroups/columns/hooks.js +19 -0
- package/dist/containers/Storage/StorageGroups/columns/hooks.js.map +1 -0
- package/dist/containers/Storage/StorageGroups/columns/types.d.ts +14 -0
- package/dist/containers/Storage/StorageGroups/columns/types.js +2 -0
- package/dist/containers/Storage/StorageGroups/columns/types.js.map +1 -0
- package/dist/containers/Storage/StorageNodes/getStorageNodesColumns.d.ts +1 -1
- package/dist/containers/Storage/StorageNodes/getStorageNodesColumns.js +1 -1
- package/dist/containers/Storage/StorageNodes/getStorageNodesColumns.js.map +1 -1
- package/dist/containers/Tablet/Tablet.js +13 -11
- package/dist/containers/Tablet/Tablet.js.map +1 -1
- package/dist/containers/Tablet/components/TabletControls/TabletControls.js +1 -1
- package/dist/containers/Tablet/components/TabletControls/TabletControls.js.map +1 -1
- package/dist/containers/Tablet/i18n/en.json +6 -3
- package/dist/containers/Tablet/i18n/index.d.ts +1 -1
- package/dist/containers/Tablets/Tablets.js +1 -1
- package/dist/containers/Tablets/Tablets.js.map +1 -1
- package/dist/containers/Tablets/i18n/en.json +2 -1
- package/dist/containers/Tablets/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js.map +1 -1
- package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.js +3 -1
- package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.js.map +1 -1
- package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.scss +6 -0
- package/dist/containers/Tenant/Query/ExecuteResult/TraceButton.d.ts +5 -0
- package/dist/containers/Tenant/Query/ExecuteResult/TraceButton.js +43 -0
- package/dist/containers/Tenant/Query/ExecuteResult/TraceButton.js.map +1 -0
- package/dist/containers/Tenant/Query/ExecuteResult/i18n/en.json +2 -1
- package/dist/containers/Tenant/Query/ExecuteResult/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Query/utils/__test__/replaceParams.test.d.ts +1 -0
- package/dist/containers/Tenant/Query/utils/__test__/replaceParams.test.js +50 -0
- package/dist/containers/Tenant/Query/utils/__test__/replaceParams.test.js.map +1 -0
- package/dist/containers/Tenant/Query/utils/replaceParams.d.ts +1 -0
- package/dist/containers/Tenant/Query/utils/replaceParams.js +6 -0
- package/dist/containers/Tenant/Query/utils/replaceParams.js.map +1 -0
- package/dist/containers/UserSettings/i18n/en.json +2 -0
- package/dist/containers/UserSettings/i18n/index.d.ts +1 -1
- package/dist/containers/UserSettings/settings.d.ts +1 -0
- package/dist/containers/UserSettings/settings.js +12 -2
- package/dist/containers/UserSettings/settings.js.map +1 -1
- package/dist/containers/VDiskPage/VDiskPage.js +5 -8
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/containers/VDiskPage/i18n/en.json +2 -1
- package/dist/containers/VDiskPage/i18n/index.d.ts +1 -1
- package/dist/services/api.d.ts +10 -1
- package/dist/services/api.js +51 -8
- package/dist/services/api.js.map +1 -1
- package/dist/services/parsers/parseMetaCluster.js +34 -1
- package/dist/services/parsers/parseMetaCluster.js.map +1 -1
- package/dist/services/settings.d.ts +1 -0
- package/dist/services/settings.js +2 -1
- package/dist/services/settings.js.map +1 -1
- package/dist/store/reducers/cluster/cluster.js.map +1 -1
- package/dist/store/reducers/executeQuery.js +2 -0
- package/dist/store/reducers/executeQuery.js.map +1 -1
- package/dist/store/reducers/trace.d.ts +8 -0
- package/dist/store/reducers/trace.js +21 -0
- package/dist/store/reducers/trace.js.map +1 -0
- package/dist/types/api/cluster.d.ts +3 -0
- package/dist/types/api/meta.d.ts +2 -0
- package/dist/types/api/modifyDisk.d.ts +1 -0
- package/dist/types/api/pdisk.d.ts +1 -1
- package/dist/types/api/query.d.ts +7 -1
- package/dist/types/api/trace.d.ts +7 -0
- package/dist/types/api/trace.js +2 -0
- package/dist/types/api/trace.js.map +1 -0
- package/dist/types/store/query.d.ts +1 -0
- package/dist/utils/constants.d.ts +1 -0
- package/dist/utils/constants.js +1 -0
- package/dist/utils/constants.js.map +1 -1
- package/dist/utils/disks/helpers.d.ts +1 -1
- package/dist/utils/disks/helpers.js +5 -1
- package/dist/utils/disks/helpers.js.map +1 -1
- package/dist/utils/disks/prepareDisks.js +10 -5
- package/dist/utils/disks/prepareDisks.js.map +1 -1
- package/dist/utils/hooks/useDelayed.d.ts +1 -1
- package/dist/utils/hooks/useDelayed.js +6 -1
- package/dist/utils/hooks/useDelayed.js.map +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.js +5 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/query.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/CriticalActionDialog/index.d.ts +0 -1
- package/dist/components/CriticalActionDialog/index.js +0 -2
- package/dist/components/CriticalActionDialog/index.js.map +0 -1
- package/dist/containers/Storage/StorageGroups/getStorageGroupsColumns.d.ts +0 -62
- package/dist/containers/Storage/StorageGroups/getStorageGroupsColumns.js.map +0 -1
@@ -0,0 +1,6 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3783 7.77147C11.0947 7.77147 11.6756 8.38548 11.6756 9.1429V10.0572C11.6756 10.8146 11.0947 11.4286 10.3783 11.4286H3.45934C2.74286 11.4286 2.16204 10.8146 2.16204 10.0572V9.1429C2.16204 8.38548 2.74286 7.77147 3.45934 7.77147H10.3783ZM11.148 6.52278L9.93505 3.95815C9.7153 3.49353 9.26609 3.20004 8.77471 3.20004H5.06289C4.57151 3.20004 4.1223 3.49353 3.90255 3.95815L2.68955 6.52278C2.93277 6.44301 3.19131 6.40004 3.45934 6.40004H10.3783C10.6463 6.40004 10.9048 6.44301 11.148 6.52278ZM12.9729 8.3935V9.1429V10.0572C12.9729 11.572 11.8112 12.8 10.3783 12.8H3.45934C2.02639 12.8 0.864746 11.572 0.864746 10.0572V9.1429V8.3935C0.864746 7.6838 1.02105 6.98386 1.32128 6.34909L2.74221 3.34483C3.18172 2.41559 4.08013 1.82861 5.06289 1.82861H8.77471C9.75747 1.82861 10.6559 2.41559 11.0954 3.34483L12.5163 6.34909C12.8166 6.98386 12.9729 7.6838 12.9729 8.3935ZM7.78366 8.91433C7.42543 8.91433 7.13502 9.22133 7.13502 9.60004C7.13502 9.97875 7.42543 10.2858 7.78366 10.2858H9.94583C10.3041 10.2858 10.5945 9.97875 10.5945 9.60004C10.5945 9.22133 10.3041 8.91433 9.94583 8.91433H7.78366Z" fill="currentColor" fill-opacity="0.85"/>
|
3
|
+
<path d="M15.2502 11.4284C15.2502 13.5787 13.6112 15.2498 11.6759 15.2498C9.74057 15.2498 8.10156 13.5787 8.10156 11.4284C8.10156 9.27803 9.74057 7.60693 11.6759 7.60693C13.6112 7.60693 15.2502 9.27803 15.2502 11.4284Z" fill="var(--g-color-base-background)" stroke="currentColor" stroke-width="1.5"/>
|
4
|
+
<path d="M11.6759 16.4998C14.3661 16.4998 16.5002 14.2027 16.5002 11.4284C16.5002 8.65403 14.3661 6.35693 11.6759 6.35693C8.98567 6.35693 6.85156 8.65403 6.85156 11.4284C6.85156 14.2027 8.98567 16.4998 11.6759 16.4998Z" stroke="var(--g-color-base-background)"/>
|
5
|
+
<path d="M12.973 10.0571L10.3784 12.8M10.3784 10.0571L12.973 12.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
6
|
+
</svg>
|
@@ -4,7 +4,8 @@ interface ButtonWithConfirmDialogProps<T, K> {
|
|
4
4
|
children: React.ReactNode;
|
5
5
|
onConfirmAction: (isRetry?: boolean) => Promise<T>;
|
6
6
|
onConfirmActionSuccess?: (() => Promise<K>) | VoidFunction;
|
7
|
-
|
7
|
+
dialogHeader: string;
|
8
|
+
dialogText: string;
|
8
9
|
retryButtonText?: string;
|
9
10
|
buttonDisabled?: ButtonProps['disabled'];
|
10
11
|
buttonView?: ButtonProps['view'];
|
@@ -14,5 +15,5 @@ interface ButtonWithConfirmDialogProps<T, K> {
|
|
14
15
|
popoverPlacement?: PopoverProps['placement'];
|
15
16
|
popoverDisabled?: PopoverProps['disabled'];
|
16
17
|
}
|
17
|
-
export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess,
|
18
|
+
export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogHeader, dialogText, retryButtonText, buttonDisabled, buttonView, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
|
18
19
|
export {};
|
@@ -1,33 +1,27 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import React from 'react';
|
3
3
|
import { Button, Popover } from '@gravity-ui/uikit';
|
4
|
-
import { CriticalActionDialog } from '../CriticalActionDialog';
|
5
|
-
|
4
|
+
import { CriticalActionDialog } from '../CriticalActionDialog/CriticalActionDialog';
|
5
|
+
import { isErrorWithRetry } from '../CriticalActionDialog/utils';
|
6
|
+
export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogHeader, dialogText, retryButtonText, buttonDisabled = false, buttonView = 'action', buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, }) {
|
6
7
|
const [isConfirmDialogVisible, setIsConfirmDialogVisible] = React.useState(false);
|
7
8
|
const [buttonLoading, setButtonLoading] = React.useState(false);
|
8
9
|
const [withRetry, setWithRetry] = React.useState(false);
|
9
10
|
const handleConfirmAction = async (isRetry) => {
|
10
11
|
setButtonLoading(true);
|
11
12
|
await onConfirmAction(isRetry);
|
12
|
-
setButtonLoading(false);
|
13
13
|
};
|
14
14
|
const handleConfirmActionSuccess = async () => {
|
15
15
|
setWithRetry(false);
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
catch (_a) {
|
22
|
-
}
|
23
|
-
finally {
|
24
|
-
setButtonLoading(false);
|
25
|
-
}
|
16
|
+
try {
|
17
|
+
await (onConfirmActionSuccess === null || onConfirmActionSuccess === void 0 ? void 0 : onConfirmActionSuccess());
|
18
|
+
}
|
19
|
+
finally {
|
20
|
+
setButtonLoading(false);
|
26
21
|
}
|
27
22
|
};
|
28
23
|
const handleConfirmActionError = (error) => {
|
29
|
-
|
30
|
-
setWithRetry(isWithRetry);
|
24
|
+
setWithRetry(isErrorWithRetry(error));
|
31
25
|
setButtonLoading(false);
|
32
26
|
};
|
33
27
|
const renderButton = () => {
|
@@ -39,7 +33,7 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
|
|
39
33
|
}
|
40
34
|
return renderButton();
|
41
35
|
};
|
42
|
-
return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text:
|
36
|
+
return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, header: dialogHeader, text: dialogText, withRetry: withRetry, retryButtonText: retryButtonText, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
|
43
37
|
setIsConfirmDialogVisible(false);
|
44
38
|
} }), renderContent()] }));
|
45
39
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonWithConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,
|
1
|
+
{"version":3,"file":"ButtonWithConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAkB/D,MAAM,UAAU,uBAAuB,CAAO,EAC1C,QAAQ,EACR,eAAe,EACf,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,QAAQ,EACrB,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,cAAc,EACd,gBAAgB,GAAG,OAAO,EAC1B,eAAe,GAAG,IAAI,GACW;IACjC,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,mBAAmB,GAAG,KAAK,EAAE,OAAiB,EAAE,EAAE;QACpD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,eAAe,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,KAAK,IAAI,EAAE;QAC1C,YAAY,CAAC,KAAK,CAAC,CAAC;QAEpB,IAAI,CAAC;YACD,MAAM,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,EAAI,CAAA,CAAC;QACrC,CAAC;gBAAS,CAAC;YACP,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,KAAc,EAAE,EAAE;QAChD,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,CACH,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAC9C,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,CAAC,cAAc,IAAI,aAAa,EACzC,SAAS,EAAE,eAAe,YAEzB,QAAQ,GACJ,CACZ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW,EAAE,CAAC;YACd,OAAO,CACH,KAAC,OAAO,IACJ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,eAAe,YAExB,YAAY,EAAE,GACT,CACb,CAAC;QACN,CAAC;QAED,OAAO,YAAY,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IACjB,OAAO,EAAE,sBAAsB,EAC/B,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,mBAAmB,EAC9B,sBAAsB,EAAE,0BAA0B,EAClD,oBAAoB,EAAE,wBAAwB,EAC9C,OAAO,EAAE,GAAG,EAAE;oBACV,yBAAyB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,GACH,EACD,aAAa,EAAE,IACH,CACpB,CAAC;AACN,CAAC"}
|
@@ -1,7 +1,9 @@
|
|
1
|
+
import React from 'react';
|
1
2
|
import './CriticalActionDialog.scss';
|
2
3
|
interface CriticalActionDialogProps<T> {
|
3
4
|
visible: boolean;
|
4
|
-
|
5
|
+
header?: React.ReactNode;
|
6
|
+
text?: string;
|
5
7
|
withRetry?: boolean;
|
6
8
|
retryButtonText?: string;
|
7
9
|
onClose: VoidFunction;
|
@@ -9,5 +11,5 @@ interface CriticalActionDialogProps<T> {
|
|
9
11
|
onConfirmActionSuccess: VoidFunction;
|
10
12
|
onConfirmActionError: (error: unknown) => void;
|
11
13
|
}
|
12
|
-
export declare function CriticalActionDialog<T>({ visible, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
|
14
|
+
export declare function CriticalActionDialog<T>({ visible, header, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
|
13
15
|
export {};
|
@@ -15,7 +15,7 @@ const parseError = (error) => {
|
|
15
15
|
}
|
16
16
|
return criticalActionDialogKeyset('default-error');
|
17
17
|
};
|
18
|
-
export function CriticalActionDialog({ visible, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
|
18
|
+
export function CriticalActionDialog({ visible, header, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
|
19
19
|
const [isLoading, setIsLoading] = React.useState(false);
|
20
20
|
const [error, setError] = React.useState();
|
21
21
|
const onApply = async (isRetry) => {
|
@@ -33,14 +33,17 @@ export function CriticalActionDialog({ visible, text, withRetry, retryButtonText
|
|
33
33
|
setIsLoading(false);
|
34
34
|
});
|
35
35
|
};
|
36
|
+
const handleTransitionExited = () => {
|
37
|
+
setError(undefined);
|
38
|
+
};
|
36
39
|
const renderDialogContent = () => {
|
37
40
|
if (error) {
|
38
|
-
return (_jsxs(React.Fragment, { children: [
|
41
|
+
return (_jsxs(React.Fragment, { children: [_jsx(Dialog.Header, { caption: header }), _jsx(Dialog.Body, { className: b('body'), children: _jsxs("div", { className: b('body-message', { error: true }), children: [_jsx("span", { className: b('error-icon'), children: _jsx(CircleXmarkFill, { width: "24", height: "22" }) }), parseError(error)] }) }), _jsx(Dialog.Footer, { loading: false, preset: "default", textButtonApply: withRetry
|
39
42
|
? retryButtonText || criticalActionDialogKeyset('button-retry')
|
40
43
|
: undefined, textButtonCancel: criticalActionDialogKeyset('button-close'), onClickButtonApply: () => onApply(true), onClickButtonCancel: onClose })] }));
|
41
44
|
}
|
42
|
-
return (_jsxs(React.Fragment, { children: [
|
45
|
+
return (_jsxs(React.Fragment, { children: [_jsx(Dialog.Header, { caption: header }), _jsx(Dialog.Body, { className: b('body'), children: _jsxs("div", { className: b('body-message', { warning: true }), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }) }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit' }, onClickButtonCancel: onClose, onClickButtonApply: () => onApply() })] }));
|
43
46
|
};
|
44
|
-
return (_jsx(Dialog, { open: visible, hasCloseButton: false, className: b(), size: "s", onClose: onClose, onTransitionExited:
|
47
|
+
return (_jsx(Dialog, { open: visible, hasCloseButton: false, className: b(), size: "s", onClose: onClose, onTransitionExited: handleTransitionExited, children: renderDialogContent() }));
|
45
48
|
}
|
46
49
|
//# sourceMappingURL=CriticalActionDialog.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CriticalActionDialog.js","sourceRoot":"","sources":["../../../src/components/CriticalActionDialog/CriticalActionDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,0BAA0B,EAAC,MAAM,QAAQ,CAAC;AAElD,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAEpC,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzC,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QACvB,OAAO,0BAA0B,CAAC,iBAAiB,CAAC,CAAC;IACzD,CAAC;IACD,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC,UAAU,CAAC;IAC5B,CAAC;IAED,OAAO,0BAA0B,CAAC,eAAe,CAAC,CAAC;AACvD,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"CriticalActionDialog.js","sourceRoot":"","sources":["../../../src/components/CriticalActionDialog/CriticalActionDialog.tsx"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
.ydb-critical-dialog {
|
2
|
-
padding-top: var(--g-spacing-
|
2
|
+
padding-top: var(--g-spacing-3);
|
3
3
|
|
4
4
|
&__warning-icon {
|
5
5
|
margin-right: 16px;
|
@@ -15,7 +15,29 @@
|
|
15
15
|
}
|
16
16
|
|
17
17
|
&__body {
|
18
|
+
display: flex;
|
19
|
+
flex-direction: column;
|
20
|
+
gap: var(--g-spacing-6);
|
21
|
+
}
|
22
|
+
|
23
|
+
&__body-message {
|
18
24
|
display: flex;
|
19
25
|
align-items: center;
|
26
|
+
|
27
|
+
&_warning,
|
28
|
+
&_error {
|
29
|
+
padding: var(--g-spacing-4) var(--g-spacing-5);
|
30
|
+
|
31
|
+
border: 1px solid;
|
32
|
+
border-radius: var(--g-modal-border-radius, 5px);
|
33
|
+
}
|
34
|
+
|
35
|
+
&_warning {
|
36
|
+
border-color: var(--ydb-color-status-yellow);
|
37
|
+
}
|
38
|
+
|
39
|
+
&_error {
|
40
|
+
border-color: var(--ydb-color-status-red);
|
41
|
+
}
|
20
42
|
}
|
21
43
|
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/CriticalActionDialog/utils.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAA2B,EAAE;IACxE,OAAO,OAAO,CACV,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,eAAe,IAAI,KAAK,IAAI,KAAK,CAAC,aAAa,CACxF,CAAC;AACN,CAAC,CAAC"}
|
@@ -8,12 +8,14 @@
|
|
8
8
|
--progress-bar-border-color: var(--g-color-base-misc-heavy);
|
9
9
|
--progress-bar-background-color: var(--g-color-base-misc-light);
|
10
10
|
--progress-bar-fill-color: var(--g-color-base-misc-medium);
|
11
|
+
--progress-bar-full-height: var(--g-text-body-3-line-height);
|
12
|
+
--progress-bar-compact-height: 12px;
|
11
13
|
|
12
14
|
position: relative;
|
13
15
|
z-index: 0;
|
14
16
|
|
15
17
|
min-width: 50px;
|
16
|
-
height: var(--
|
18
|
+
height: var(--progress-bar-full-height);
|
17
19
|
|
18
20
|
text-align: center;
|
19
21
|
|
@@ -24,7 +26,7 @@
|
|
24
26
|
|
25
27
|
&_compact {
|
26
28
|
min-width: 0;
|
27
|
-
height:
|
29
|
+
height: var(--progress-bar-compact-height);
|
28
30
|
|
29
31
|
border-radius: 2px;
|
30
32
|
}
|
@@ -101,7 +103,7 @@
|
|
101
103
|
|
102
104
|
font-size: var(--g-text-body-1-font-size);
|
103
105
|
// bar height minus borders
|
104
|
-
line-height: calc(var(--
|
106
|
+
line-height: calc(var(--progress-bar-full-height) - #{$border-width * 2});
|
105
107
|
|
106
108
|
color: inherit;
|
107
109
|
}
|
@@ -5,7 +5,6 @@ interface EntityPageTitleProps {
|
|
5
5
|
status: EFlag;
|
6
6
|
id: React.ReactNode;
|
7
7
|
className?: string;
|
8
|
-
children?: React.ReactNode;
|
9
8
|
}
|
10
|
-
export declare function EntityPageTitle({ entityName, status, id, className
|
9
|
+
export declare function EntityPageTitle({ entityName, status, id, className }: EntityPageTitleProps): import("react/jsx-runtime").JSX.Element;
|
11
10
|
export {};
|
@@ -3,7 +3,7 @@ import { cn } from '../../utils/cn';
|
|
3
3
|
import { StatusIcon } from '../StatusIcon/StatusIcon';
|
4
4
|
import './EntityPageTitle.scss';
|
5
5
|
const b = cn('ydb-entity-page-title');
|
6
|
-
export function EntityPageTitle({ entityName, status, id, className
|
7
|
-
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
|
6
|
+
export function EntityPageTitle({ entityName, status, id, className }) {
|
7
|
+
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] }));
|
8
8
|
}
|
9
9
|
//# sourceMappingURL=EntityPageTitle.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EntityPageTitle.js","sourceRoot":"","sources":["../../../src/components/EntityPageTitle/EntityPageTitle.tsx"],"names":[],"mappings":";AACA,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":";AACA,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;AAStC,MAAM,UAAU,eAAe,CAAC,EAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAuB;IACrF,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,IACD,CACT,CAAC;AACN,CAAC"}
|
@@ -7,7 +7,7 @@ import './InfoViewerSkeleton.scss';
|
|
7
7
|
const b = cn('ydb-info-viewer-skeleton');
|
8
8
|
const SkeletonLabel = () => (_jsxs("div", { className: b('label'), children: [_jsx(Skeleton, { className: b('label__text') }), _jsx("div", { className: b('label__dots') })] }));
|
9
9
|
export const InfoViewerSkeleton = ({ rows = 8, className, delay = 600 }) => {
|
10
|
-
const show = useDelayed(delay);
|
10
|
+
const [show] = useDelayed(delay);
|
11
11
|
let skeletons = (_jsxs(React.Fragment, { children: [_jsx(SkeletonLabel, {}), _jsx(Skeleton, { className: b('value') })] }));
|
12
12
|
if (!show) {
|
13
13
|
skeletons = null;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfoViewerSkeleton.js","sourceRoot":"","sources":["../../../src/components/InfoViewerSkeleton/InfoViewerSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACxB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,GAAI,EACzC,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,GAAI,IAClC,CACT,CAAC;AAQF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,EAA0B,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"InfoViewerSkeleton.js","sourceRoot":"","sources":["../../../src/components/InfoViewerSkeleton/InfoViewerSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACxB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,GAAI,EACzC,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,GAAI,IAClC,CACT,CAAC;AAQF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,EAA0B,EAAE,EAAE;IAC9F,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,SAAS,GAAoB,CAC7B,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,aAAa,KAAG,EACjB,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACtB,CACpB,CAAC;IACF,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,SAAS,GAAG,IAAI,CAAC;IACrB,CAAC;IACD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC7B,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YACnB,SAAS,IADiB,gBAAgB,KAAK,EAAE,CAEhD,CACT,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
@@ -3,6 +3,7 @@ interface ExternalLinkWithIconProps {
|
|
3
3
|
title: string;
|
4
4
|
url: string;
|
5
5
|
external?: boolean;
|
6
|
+
className?: string;
|
6
7
|
}
|
7
|
-
export declare const LinkWithIcon: ({ title, url, external }: ExternalLinkWithIconProps) => import("react/jsx-runtime").JSX.Element;
|
8
|
+
export declare const LinkWithIcon: ({ title, url, external, className, }: ExternalLinkWithIconProps) => import("react/jsx-runtime").JSX.Element;
|
8
9
|
export {};
|
@@ -6,11 +6,11 @@ import { cn } from '../../utils/cn';
|
|
6
6
|
import { InternalLink } from '../InternalLink';
|
7
7
|
import './LinkWithIcon.scss';
|
8
8
|
const b = cn('ydb-link-with-icon');
|
9
|
-
export const LinkWithIcon = ({ title, url, external = true }) => {
|
9
|
+
export const LinkWithIcon = ({ title, url, external = true, className, }) => {
|
10
10
|
const linkContent = (_jsxs(React.Fragment, { children: [title, '\u00a0', _jsx(ArrowUpRightFromSquare, {})] }));
|
11
11
|
if (external) {
|
12
|
-
return (_jsx(Link, { href: url, target: "_blank", className: b(), children: linkContent }));
|
12
|
+
return (_jsx(Link, { href: url, target: "_blank", className: b(null, className), children: linkContent }));
|
13
13
|
}
|
14
|
-
return (_jsx(InternalLink, { to: url, className: b(), children: linkContent }));
|
14
|
+
return (_jsx(InternalLink, { to: url, className: b(null, className), children: linkContent }));
|
15
15
|
};
|
16
16
|
//# sourceMappingURL=LinkWithIcon.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LinkWithIcon.js","sourceRoot":"","sources":["../../../src/components/LinkWithIcon/LinkWithIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"LinkWithIcon.js","sourceRoot":"","sources":["../../../src/components/LinkWithIcon/LinkWithIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AASnC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,GAAG,EACH,QAAQ,GAAG,IAAI,EACf,SAAS,GACe,EAAE,EAAE;IAC5B,MAAM,WAAW,GAAG,CAChB,MAAC,KAAK,CAAC,QAAQ,eACV,KAAK,EACL,QAAQ,EACT,KAAC,sBAAsB,KAAG,IACb,CACpB,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,CACH,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YACzD,WAAW,GACT,CACV,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,YAAY,IAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC/C,WAAW,GACD,CAClB,CAAC;AACN,CAAC,CAAC"}
|
@@ -5,7 +5,7 @@ import { useDelayed } from '../../utils/hooks/useDelayed';
|
|
5
5
|
import './Loader.scss';
|
6
6
|
const b = cn('ydb-loader');
|
7
7
|
export const Loader = ({ size = 'm', delay = 600, className }) => {
|
8
|
-
const show = useDelayed(delay);
|
8
|
+
const [show] = useDelayed(delay);
|
9
9
|
if (!show) {
|
10
10
|
return null;
|
11
11
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAQ3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAC,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,SAAS,EAAc,EAAE,EAAE;IACxE,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAQ3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAC,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,SAAS,EAAc,EAAE,EAAE;IACxE,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,GACvB,CACT,CAAC;AACN,CAAC,CAAC"}
|
@@ -17,14 +17,8 @@ import './PDiskInfo.scss';
|
|
17
17
|
const b = cn('ydb-pdisk-info');
|
18
18
|
// eslint-disable-next-line complexity
|
19
19
|
function getPDiskInfo({ pDisk, nodeId, withPDiskPageLink, isUserAllowedToMakeChanges, }) {
|
20
|
-
const { PDiskId, Path, Guid, Category, Type, Device, Realtime, State, SerialNumber, TotalSize, AllocatedSize,
|
20
|
+
const { PDiskId, Path, Guid, Category, Type, Device, Realtime, State, SerialNumber, TotalSize, AllocatedSize, StatusV2, NumActiveSlots, ExpectedSlotCount, LogUsedSize, LogTotalSize, SystemSize, SharedWithOs, } = pDisk || {};
|
21
21
|
const generalInfo = [];
|
22
|
-
if (valueIsDefined(DecommitStatus)) {
|
23
|
-
generalInfo.push({
|
24
|
-
label: pDiskInfoKeyset('decomission-status'),
|
25
|
-
value: DecommitStatus.replace('DECOMMIT_', ''),
|
26
|
-
});
|
27
|
-
}
|
28
22
|
if (valueIsDefined(Category)) {
|
29
23
|
generalInfo.push({ label: pDiskInfoKeyset('type'), value: Type });
|
30
24
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PDiskInfo.js","sourceRoot":"","sources":["../../../src/components/PDiskInfo/PDiskInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gCAAgC,EAAC,MAAM,oDAAoD,CAAC;AACpG,OAAO,EAAC,qBAAqB,EAAC,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,uBAAuB,EAAC,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAC,0BAA0B,EAAC,MAAM,qCAAqC,CAAC;AAE/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAS/B,sCAAsC;AACtC,SAAS,YAAY,CAA0B,EAC3C,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,0BAA0B,GACL;IACrB,MAAM,EACF,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,
|
1
|
+
{"version":3,"file":"PDiskInfo.js","sourceRoot":"","sources":["../../../src/components/PDiskInfo/PDiskInfo.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
export declare const pDiskInfoKeyset: (key: "type" | "path" | "space" | "state" | "yes" | "links" | "
|
1
|
+
export declare const pDiskInfoKeyset: (key: "type" | "path" | "space" | "state" | "yes" | "links" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "device" | "realtime" | "slots" | "log-size" | "system-size" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params) => string;
|
@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
3
3
|
import { Popup } from '@gravity-ui/uikit';
|
4
4
|
import { EFlag } from '../../types/api/enums';
|
5
|
-
import { valueIsDefined } from '../../utils';
|
6
5
|
import { cn } from '../../utils/cn';
|
7
6
|
import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
|
8
7
|
import { getPDiskId } from '../../utils/disks/helpers';
|
@@ -12,13 +11,12 @@ import './PDiskPopup.scss';
|
|
12
11
|
const b = cn('pdisk-storage-popup');
|
13
12
|
const errorColors = [EFlag.Orange, EFlag.Red, EFlag.Yellow];
|
14
13
|
export const preparePDiskData = (data, nodes) => {
|
14
|
+
var _a;
|
15
15
|
const { AvailableSize, TotalSize, State, PDiskId, NodeId, Path, Realtime, Type, Device } = data;
|
16
16
|
const pdiskData = [
|
17
17
|
{
|
18
18
|
label: 'PDisk',
|
19
|
-
value:
|
20
|
-
? getPDiskId(NodeId, PDiskId)
|
21
|
-
: EMPTY_DATA_PLACEHOLDER,
|
19
|
+
value: (_a = getPDiskId(NodeId, PDiskId)) !== null && _a !== void 0 ? _a : EMPTY_DATA_PLACEHOLDER,
|
22
20
|
},
|
23
21
|
{ label: 'State', value: State || 'not available' },
|
24
22
|
{ label: 'Type', value: Type || 'unknown' },
|
@@ -46,7 +44,7 @@ export const preparePDiskData = (data, nodes) => {
|
|
46
44
|
};
|
47
45
|
export const PDiskPopup = ({ data, nodes, ...props }) => {
|
48
46
|
const info = React.useMemo(() => preparePDiskData(data, nodes), [data, nodes]);
|
49
|
-
return (_jsx(Popup, { contentClassName: b(), placement: ['top', 'bottom'],
|
47
|
+
return (_jsx(Popup, { contentClassName: b(), placement: ['top', 'bottom'], hasArrow: true,
|
50
48
|
// bigger offset for easier switching to neighbour nodes
|
51
49
|
// matches the default offset for popup with arrow out of a sense of beauty
|
52
50
|
offset: [0, 12], ...props, children: _jsx(InfoViewer, { title: "PDisk", info: info, size: "s" }) }));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAC,
|
1
|
+
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":"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"}
|
@@ -14,5 +14,6 @@ export interface PaginatedTableProps<T, F> {
|
|
14
14
|
renderControls?: RenderControls;
|
15
15
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
16
16
|
renderErrorMessage?: RenderErrorMessage;
|
17
|
+
containerClassName?: string;
|
17
18
|
}
|
18
|
-
export declare const PaginatedTable: <T, F>({ limit, fetchData, filters, tableName, columns, getRowClassName, rowHeight, parentContainer, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
19
|
+
export declare const PaginatedTable: <T, F>({ limit, fetchData, filters, tableName, columns, getRowClassName, rowHeight, parentContainer, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, containerClassName, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
@@ -10,7 +10,7 @@ import i18n from './i18n';
|
|
10
10
|
import { b } from './shared';
|
11
11
|
import { useIntersectionObserver } from './useIntersectionObserver';
|
12
12
|
import './PaginatedTable.scss';
|
13
|
-
export const PaginatedTable = ({ limit, fetchData, filters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentContainer, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, }) => {
|
13
|
+
export const PaginatedTable = ({ limit, fetchData, filters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentContainer, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, containerClassName, }) => {
|
14
14
|
const [sortParams, setSortParams] = React.useState(initialSortParams);
|
15
15
|
const [totalEntities, setTotalEntities] = React.useState(limit);
|
16
16
|
const [foundEntities, setFoundEntities] = React.useState(0);
|
@@ -61,6 +61,6 @@ export const PaginatedTable = ({ limit, fetchData, filters, tableName, columns,
|
|
61
61
|
}
|
62
62
|
return renderTable();
|
63
63
|
};
|
64
|
-
return (_jsx("div", { ref: tableContainer, className: b(null), children: renderContent() }));
|
64
|
+
return (_jsx("div", { ref: tableContainer, className: b(null, containerClassName), children: renderContent() }));
|
65
65
|
};
|
66
66
|
//# sourceMappingURL=PaginatedTable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAE3F,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AACzC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE,OAAO,uBAAuB,CAAC;
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
|
@@ -25,15 +25,10 @@
|
|
25
25
|
}
|
26
26
|
}
|
27
27
|
|
28
|
-
&__colgroup {
|
29
|
-
display: table;
|
30
|
-
}
|
31
|
-
|
32
|
-
&__table-chunk {
|
33
|
-
display: block;
|
34
|
-
}
|
35
|
-
|
36
28
|
&__row {
|
29
|
+
position: relative;
|
30
|
+
z-index: 1;
|
31
|
+
|
37
32
|
&:hover {
|
38
33
|
background: var(--paginated-table-hover-color);
|
39
34
|
}
|
@@ -46,12 +41,8 @@
|
|
46
41
|
}
|
47
42
|
|
48
43
|
&__head {
|
49
|
-
z-index:
|
44
|
+
z-index: 2;
|
50
45
|
@include sticky-top();
|
51
|
-
|
52
|
-
&-row {
|
53
|
-
display: table;
|
54
|
-
}
|
55
46
|
}
|
56
47
|
|
57
48
|
&__sort-icon-container {
|
@@ -74,7 +65,7 @@
|
|
74
65
|
&__head-cell-wrapper {
|
75
66
|
position: relative;
|
76
67
|
|
77
|
-
display:
|
68
|
+
display: table-cell;
|
78
69
|
overflow-x: hidden;
|
79
70
|
|
80
71
|
border-bottom: $cell-border;
|
@@ -177,4 +168,11 @@
|
|
177
168
|
&__head-cell-wrapper:hover > &__resize-handler {
|
178
169
|
visibility: visible;
|
179
170
|
}
|
171
|
+
|
172
|
+
&__resizeable-table-container {
|
173
|
+
width: max-content;
|
174
|
+
|
175
|
+
// padding for easier resize of the last column
|
176
|
+
padding-right: 20px;
|
177
|
+
}
|
180
178
|
}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
2
|
import { useTableResize } from '../../utils/hooks/useTableResize';
|
3
3
|
import { PaginatedTable } from './PaginatedTable';
|
4
|
+
import { b } from './shared';
|
4
5
|
function updateColumnsWidth(columns, columnsWidthSetup) {
|
5
6
|
return columns.map((column) => {
|
6
7
|
var _a;
|
@@ -10,6 +11,6 @@ function updateColumnsWidth(columns, columnsWidthSetup) {
|
|
10
11
|
export function ResizeablePaginatedTable({ columnsWidthLSKey, columns, ...props }) {
|
11
12
|
const [tableColumnsWidth, setTableColumnsWidth] = useTableResize(columnsWidthLSKey);
|
12
13
|
const updatedColumns = updateColumnsWidth(columns, tableColumnsWidth);
|
13
|
-
return (_jsx(PaginatedTable, { columns: updatedColumns, onColumnsResize: setTableColumnsWidth, ...props }));
|
14
|
+
return (_jsx(PaginatedTable, { columns: updatedColumns, onColumnsResize: setTableColumnsWidth, containerClassName: b('resizeable-table-container'), ...props }));
|
14
15
|
}
|
15
16
|
//# sourceMappingURL=ResizeablePaginatedTable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ResizeablePaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/ResizeablePaginatedTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAGhE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"ResizeablePaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/ResizeablePaginatedTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAGhE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAG3B,SAAS,kBAAkB,CAAI,OAAoB,EAAE,iBAAoC;IACrF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QAC1B,OAAO,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,MAAA,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,mCAAI,MAAM,CAAC,KAAK,EAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACP,CAAC;AAOD,MAAM,UAAU,wBAAwB,CAAO,EAC3C,iBAAiB,EACjB,OAAO,EACP,GAAG,KAAK,EAC0B;IAClC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEtE,OAAO,CACH,KAAC,cAAc,IACX,OAAO,EAAE,cAAc,EACvB,eAAe,EAAE,oBAAoB,EACrC,kBAAkB,EAAE,CAAC,CAAC,4BAA4B,CAAC,KAC/C,KAAK,GACX,CACL,CAAC;AACN,CAAC"}
|