ydb-embedded-ui 22.3.0 → 22.5.0

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.d.ts

@@ -3,7 +3,8 @@ import type { ButtonProps, PopoverProps } from '@gravity-ui/uikit';
 interface ButtonWithConfirmDialogProps<T, K> {
     children: React.ReactNode;
     onConfirmAction: (isRetry?: boolean) => Promise<T>;
-    onConfirmActionSuccess?: (() => Promise<K>) | VoidFunction;
+    onConfirmActionSuccess?: ((isDialogOpen: boolean) => Promise<K>) | ((isDialogOpen: boolean) => void);
+    onDialogOpen?: () => VoidFunction;
     dialogHeader: string;
     dialogText?: string;
     dialogWarning?: string;
@@ -19,5 +20,5 @@ interface ButtonWithConfirmDialogProps<T, K> {
     popoverPlacement?: PopoverProps['placement'];
     popoverDisabled?: PopoverProps['disabled'];
 }
-export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogHeader, dialogText, dialogWarning, applyButtonText, retryButtonText, buttonDisabled, buttonView, buttonWidth, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, applyButtonView, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, onDialogOpen, dialogHeader, dialogText, dialogWarning, applyButtonText, retryButtonText, buttonDisabled, buttonView, buttonWidth, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, applyButtonView, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js

@@ -3,18 +3,27 @@ import React from 'react';
 import { Button, Popover } from '@gravity-ui/uikit';
 import { CriticalActionDialog } from '../CriticalActionDialog/CriticalActionDialog';
 import { isErrorWithRetry } from '../CriticalActionDialog/utils';
-export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogHeader, dialogText, dialogWarning, applyButtonText, retryButtonText, buttonDisabled = false, buttonView = 'action', buttonWidth, buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, applyButtonView, }) {
+export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, onDialogOpen, dialogHeader, dialogText, dialogWarning, applyButtonText, retryButtonText, buttonDisabled = false, buttonView = 'action', buttonWidth, buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, applyButtonView, }) {
     const [isConfirmDialogVisible, setIsConfirmDialogVisible] = React.useState(false);
     const [buttonLoading, setButtonLoading] = React.useState(false);
     const [withRetry, setWithRetry] = React.useState(false);
+    const dialogInteraction = React.useRef();
+    const releaseDialog = React.useCallback(() => {
+        var _a;
+        const interaction = dialogInteraction.current;
+        dialogInteraction.current = undefined;
+        (_a = interaction === null || interaction === void 0 ? void 0 : interaction.release) === null || _a === void 0 ? void 0 : _a.call(interaction);
+    }, []);
+    React.useEffect(() => releaseDialog, [releaseDialog]);
     const handleConfirmAction = async (isRetry) => {
         setButtonLoading(true);
         await onConfirmAction(isRetry);
     };
     const handleConfirmActionSuccess = async () => {
+        var _a, _b;
         setWithRetry(false);
         try {
-            await (onConfirmActionSuccess === null || onConfirmActionSuccess === void 0 ? void 0 : onConfirmActionSuccess());
+            await (onConfirmActionSuccess === null || onConfirmActionSuccess === void 0 ? void 0 : onConfirmActionSuccess((_b = (_a = dialogInteraction.current) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : false));
         }
         finally {
             setButtonLoading(false);
@@ -25,7 +34,10 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
         setButtonLoading(false);
     };
     const renderButton = () => {
-        return (_jsx(Button, { onClick: () => setIsConfirmDialogVisible(true), view: buttonView, width: buttonWidth, disabled: buttonDisabled, loading: !buttonDisabled && buttonLoading, className: buttonClassName, children: children }));
+        return (_jsx(Button, { onClick: () => {
+                dialogInteraction.current = { open: true, release: onDialogOpen === null || onDialogOpen === void 0 ? void 0 : onDialogOpen() };
+                setIsConfirmDialogVisible(true);
+            }, view: buttonView, width: buttonWidth, disabled: buttonDisabled, loading: !buttonDisabled && buttonLoading, className: buttonClassName, children: children }));
     };
     // keep <span>: if button is disabled, popover won't open without this wrapper
     const renderContent = () => {
@@ -35,7 +47,10 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
         return renderButton();
     };
     return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, header: dialogHeader, description: dialogText, warningText: dialogWarning, applyButtonText: applyButtonText, withRetry: withRetry, retryButtonText: retryButtonText, onConfirm: handleConfirmAction, applyButtonView: applyButtonView, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
+                    if (dialogInteraction.current) {
+                        dialogInteraction.current.open = false;
+                    }
                     setIsConfirmDialogVisible(false);
-                } }), renderContent()] }));
+                }, onTransitionOutComplete: releaseDialog }), renderContent()] }));
 }
 //# sourceMappingURL=ButtonWithConfirmDialog.js.map

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonWithConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/CopyableValue/CopyableValue.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import './CopyableValue.scss';
+interface CopyableValueProps {
+    children: React.ReactNode;
+    copyText?: string | null;
+    fieldName: string;
+    copyButtonLabel?: string;
+}
+export declare function CopyableValue({ children, copyText, fieldName, copyButtonLabel, }: CopyableValueProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CopyableValue/CopyableValue.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClipboardButton, Flex } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import i18n from './i18n';
+import './CopyableValue.scss';
+const b = cn('ydb-copyable-value');
+export function CopyableValue({ children, copyText, fieldName, copyButtonLabel, }) {
+    return (_jsxs(Flex, { inline: true, alignItems: "center", className: b({ 'with-copy': Boolean(copyText) }), children: [children, copyText && (_jsx(ClipboardButton, { className: b('button'), text: copyText, size: "s", view: "flat-secondary", "aria-label": copyButtonLabel !== null && copyButtonLabel !== void 0 ? copyButtonLabel : i18n('action_copy-field', { field: fieldName }) }))] }));
+}
+//# sourceMappingURL=CopyableValue.js.map

package/dist/components/CopyableValue/CopyableValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyableValue.js","sourceRoot":"","sources":["../../../src/components/CopyableValue/CopyableValue.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,eAAe,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AASnC,MAAM,UAAU,aAAa,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,GACE;IACjB,OAAO,CACH,MAAC,IAAI,IAAC,MAAM,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAC,CAAC,aAC1E,QAAQ,EACR,QAAQ,IAAI,CACT,KAAC,eAAe,IACZ,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,gBAAgB,gBACT,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,IAAI,CAAC,mBAAmB,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,GAC9E,CACL,IACE,CACV,CAAC;AACN,CAAC"}

package/dist/components/CopyableValue/CopyableValue.scss

@@ -0,0 +1,16 @@
+.ydb-copyable-value {
+    position: relative;
+
+    width: fit-content;
+    min-width: 0;
+    max-width: 100%;
+
+    &_with-copy {
+        padding-inline-end: var(--g-spacing-7);
+    }
+
+    &__button {
+        position: absolute;
+        inset-inline-end: 0;
+    }
+}

package/dist/components/CopyableValue/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "action_copy-field": "Copy {{field}}"
+}

package/dist/components/CopyableValue/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "action_copy-field", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/CopyableValue/i18n/index.js

@@ -0,0 +1,6 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+// Shared copy controls for values in entity headers and detail lists.
+const COMPONENT = 'ydb-copyable-value';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/CopyableValue/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CopyableValue/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,sEAAsE;AACtE,MAAM,SAAS,GAAG,oBAAoB,CAAC;AAEvC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/components/CriticalActionDialog/CriticalActionDialog.d.ts

@@ -12,9 +12,10 @@ interface CriticalActionDialogProps<T> {
     applyButtonView?: ButtonView;
     withCheckBox?: boolean;
     onClose: VoidFunction;
+    onTransitionOutComplete?: VoidFunction;
     onConfirm: (isRetry?: boolean) => Promise<T>;
     onConfirmActionSuccess: VoidFunction;
     onConfirmActionError: (error: unknown) => void;
 }
-export declare function CriticalActionDialog<T>({ visible, header, description, warningText, withRetry, retryButtonText, applyButtonText, applyButtonView, withCheckBox, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CriticalActionDialog<T>({ visible, header, description, warningText, withRetry, retryButtonText, applyButtonText, applyButtonView, withCheckBox, onClose, onTransitionOutComplete, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CriticalActionDialog/CriticalActionDialog.js

@@ -25,7 +25,7 @@ const parseError = (error) => {
     }
     return criticalActionDialogKeyset('default-error');
 };
-export function CriticalActionDialog({ visible, header, description, warningText, withRetry, retryButtonText, applyButtonText = criticalActionDialogKeyset('button-confirm'), applyButtonView, withCheckBox, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
+export function CriticalActionDialog({ visible, header, description, warningText, withRetry, retryButtonText, applyButtonText = criticalActionDialogKeyset('button-confirm'), applyButtonView, withCheckBox, onClose, onTransitionOutComplete, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
     const [checkBoxChecked, setCheckBoxChecked] = React.useState(false);
@@ -47,6 +47,7 @@ export function CriticalActionDialog({ visible, header, description, warningText
     const handleTransitionExited = () => {
         setError(undefined);
         setCheckBoxChecked(false);
+        onTransitionOutComplete === null || onTransitionOutComplete === void 0 ? void 0 : onTransitionOutComplete();
     };
     const renderCheckBox = () => {
         if (withCheckBox) {

package/dist/components/CriticalActionDialog/CriticalActionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CriticalActionDialog.js","sourceRoot":"","sources":["../../../src/components/CriticalActionDialog/CriticalActionDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CriticalActionDialog.js","sourceRoot":"","sources":["../../../src/components/CriticalActionDialog/CriticalActionDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/DiskCapacityInfo/DiskCapacityInfo.d.ts

@@ -1,21 +1,10 @@
-import React from 'react';
 import type { PreparedStorageGroup } from '../../store/reducers/storage/types';
+import type { DiskDetailItem } from '../../utils/disks/diskInfo/getDiskLocationItems';
 import type { PreparedPDisk, PreparedVDisk } from '../../utils/disks/types';
-import type { InfoViewerItem } from '../InfoViewer';
-import type { YDBDefinitionListItem } from '../YDBDefinitionList/YDBDefinitionList';
-export interface DiskCapacityInfoItem {
-    id: string;
-    title: string;
-    value: React.ReactNode;
-    note?: string;
-}
-export declare function getVDiskCapacityInfoItems(data: PreparedVDisk | undefined, { withRawUsage }: {
-    withRawUsage: boolean;
-}): DiskCapacityInfoItem[];
-export declare function getPDiskCapacityInfoItems(data: PreparedPDisk | undefined, { withUsage, withCapacityAlert }: {
-    withUsage: boolean;
-    withCapacityAlert: boolean;
-}): DiskCapacityInfoItem[];
-export declare function getStorageGroupCapacityInfoItems(data: PreparedStorageGroup | undefined): DiskCapacityInfoItem[];
-export declare function toDefinitionListItems(items: DiskCapacityInfoItem[]): YDBDefinitionListItem[];
-export declare function toInfoViewerItems(items: DiskCapacityInfoItem[]): InfoViewerItem[];
+export declare function getVDiskCapacityItems(data: PreparedVDisk, { capacityMetricsEnabled }: {
+    capacityMetricsEnabled: boolean;
+}): DiskDetailItem[];
+export declare function getPDiskCapacityItems(data: PreparedPDisk, { useWhiteboardSize }?: {
+    useWhiteboardSize?: boolean;
+}): DiskDetailItem[];
+export declare function getStorageGroupCapacityInfoItems(data: PreparedStorageGroup | undefined): DiskDetailItem[];

package/dist/components/DiskCapacityInfo/DiskCapacityInfo.js

@@ -1,129 +1,105 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Label } from '@gravity-ui/uikit';
-import { isCapacityAlert } from '../../types/api/enums';
-import { getCapacityAlertTheme, normalizeCapacityAlert } from '../../utils/capacityAlerts';
+import { normalizeCapacityAlert } from '../../utils/capacityAlerts';
 import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
 import { formatMetricCountPair, formatMetricPercent, formatNormalizedMetricPercent, formatStorageMetricPair, } from '../../utils/storageMetrics';
-import { TitleWithHelpMark } from '../TitleWithHelpmark/TitleWithHelpmark';
+import { DiskCapacityAlertLabel } from '../DiskStatus/DiskStatus';
+import { pDiskInfoKeyset } from '../PDiskInfo/i18n';
+import { vDiskInfoKeyset } from '../VDiskInfo/i18n';
 import { CAPACITY_CONFIGURATION_HELP_TEXT, CAPACITY_METRICS_COLUMN_TITLES, CAPACITY_METRICS_HELP_TEXT, } from '../capacityMetricsColumns/constants';
 import { formatCapacityUnitCount } from '../capacityMetricsColumns/formatters';
 import i18n from './i18n';
-function getCapacityAlertValue(value) {
-    var _a;
-    return (_a = normalizeCapacityAlert(value)) !== null && _a !== void 0 ? _a : EMPTY_DATA_PLACEHOLDER;
-}
-function getAlertAwareUsageValue(value, capacityAlertValue) {
-    if (value === EMPTY_DATA_PLACEHOLDER) {
-        return value;
-    }
-    const capacityAlert = normalizeCapacityAlert(capacityAlertValue);
-    const theme = isCapacityAlert(capacityAlert) ? getCapacityAlertTheme(capacityAlert) : 'normal';
-    return _jsx(Label, { theme: theme, children: value });
-}
-export function getVDiskCapacityInfoItems(data, { withRawUsage }) {
-    var _a;
-    const sizeData = (_a = data === null || data === void 0 ? void 0 : data.WhiteboardSize) !== null && _a !== void 0 ? _a : data;
+export function getVDiskCapacityItems(data, { capacityMetricsEnabled }) {
+    var _a, _b;
+    const size = (_b = (_a = (capacityMetricsEnabled ? data.WhiteboardSize : undefined)) !== null && _a !== void 0 ? _a : data.DisplaySize) !== null && _b !== void 0 ? _b : data;
     const items = [
+        {
+            id: 'group-size-in-units',
+            name: vDiskInfoKeyset('field_group-size-in-units'),
+            content: formatCapacityUnitCount(data.GroupSizeInUnits),
+            note: CAPACITY_CONFIGURATION_HELP_TEXT.GroupSizeInUnits,
+        },
         {
             id: 'size',
-            title: i18n('field_size'),
-            value: formatStorageMetricPair(sizeData === null || sizeData === void 0 ? void 0 : sizeData.AllocatedSize, sizeData === null || sizeData === void 0 ? void 0 : sizeData.SizeLimit),
+            name: vDiskInfoKeyset('size'),
+            content: formatStorageMetricPair(size.AllocatedSize, size.SizeLimit, 2),
+        },
+        {
+            id: 'capacity-alert',
+            name: vDiskInfoKeyset('field_capacity-alert'),
+            content: _jsx(DiskCapacityAlertLabel, { value: data.CapacityAlert }),
+            note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
         },
         {
             id: 'vdisk-slot-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
-            value: getAlertAwareUsageValue(formatMetricPercent(data === null || data === void 0 ? void 0 : data.VDiskSlotUsage), data === null || data === void 0 ? void 0 : data.CapacityAlert),
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
+            content: formatMetricPercent(data.VDiskSlotUsage, 2),
             note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskSlotUsage,
         },
-    ];
-    if (withRawUsage) {
-        items.push({
+        {
             id: 'vdisk-raw-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
-            value: formatMetricPercent(data === null || data === void 0 ? void 0 : data.VDiskRawUsage),
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
+            content: formatMetricPercent(data.VDiskRawUsage, 2),
             note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskRawUsage,
-        });
-    }
-    items.push({
-        id: 'group-size-in-units',
-        title: i18n('field_group-size-in-units'),
-        value: formatCapacityUnitCount(data === null || data === void 0 ? void 0 : data.GroupSizeInUnits),
-        note: CAPACITY_CONFIGURATION_HELP_TEXT.GroupSizeInUnits,
-    }, {
-        id: 'capacity-alert',
-        title: CAPACITY_METRICS_COLUMN_TITLES.CapacityAlert,
-        value: getCapacityAlertValue(data === null || data === void 0 ? void 0 : data.CapacityAlert),
-        note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
-    });
-    return items;
+        },
+    ];
+    return items.filter(({ id }) => capacityMetricsEnabled || id === 'size');
 }
-export function getPDiskCapacityInfoItems(data, { withUsage, withCapacityAlert }) {
+export function getPDiskCapacityItems(data, { useWhiteboardSize = true } = {}) {
     var _a;
-    const sizeData = (_a = data === null || data === void 0 ? void 0 : data.WhiteboardSize) !== null && _a !== void 0 ? _a : data;
-    const items = [
+    const size = useWhiteboardSize ? ((_a = data.WhiteboardSize) !== null && _a !== void 0 ? _a : data) : data;
+    return [
+        {
+            id: 'slot-size-in-units',
+            name: i18n('field_slot-size-in-units'),
+            content: formatCapacityUnitCount(data.SlotSizeInUnits),
+            note: CAPACITY_CONFIGURATION_HELP_TEXT.SlotSizeInUnits,
+        },
         {
             id: 'space',
-            title: i18n('field_space'),
-            value: formatStorageMetricPair(sizeData === null || sizeData === void 0 ? void 0 : sizeData.AllocatedSize, sizeData === null || sizeData === void 0 ? void 0 : sizeData.TotalSize),
+            name: i18n('field_space'),
+            content: formatStorageMetricPair(size.AllocatedSize, size.TotalSize, 2),
         },
-    ];
-    if (withUsage) {
-        items.push({
-            id: 'pdisk-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxPDiskUsage,
-            value: formatMetricPercent(data === null || data === void 0 ? void 0 : data.PDiskUsage),
-            note: CAPACITY_METRICS_HELP_TEXT.MaxPDiskUsage,
-        });
-    }
-    items.push({
-        id: 'slots',
-        title: i18n('field_slots'),
-        value: formatMetricCountPair(data === null || data === void 0 ? void 0 : data.NumActiveSlots, data === null || data === void 0 ? void 0 : data.ExpectedSlotCount),
-    }, {
-        id: 'slot-size-in-units',
-        title: i18n('field_slot-size-in-units'),
-        value: formatCapacityUnitCount(data === null || data === void 0 ? void 0 : data.SlotSizeInUnits),
-        note: CAPACITY_CONFIGURATION_HELP_TEXT.SlotSizeInUnits,
-    });
-    if (withCapacityAlert) {
-        items.push({
+        {
             id: 'capacity-alert',
-            title: CAPACITY_METRICS_COLUMN_TITLES.CapacityAlert,
-            value: getCapacityAlertValue(data === null || data === void 0 ? void 0 : data.PDiskCapacityAlert),
+            name: CAPACITY_METRICS_COLUMN_TITLES.CapacityAlert,
+            content: _jsx(DiskCapacityAlertLabel, { value: data.PDiskCapacityAlert }),
             note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
-        });
-    }
-    return items;
+        },
+        {
+            id: 'pdisk-usage',
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxPDiskUsage,
+            content: formatMetricPercent(data.PDiskUsage, 2),
+            note: CAPACITY_METRICS_HELP_TEXT.MaxPDiskUsage,
+        },
+        {
+            id: 'slots',
+            name: i18n('field_slots'),
+            content: formatMetricCountPair(data.NumActiveSlots, data.ExpectedSlotCount),
+            note: pDiskInfoKeyset('context_slots'),
+        },
+    ];
 }
 export function getStorageGroupCapacityInfoItems(data) {
+    const capacityAlert = normalizeCapacityAlert(data === null || data === void 0 ? void 0 : data.CapacityAlert);
     return [
+        {
+            id: 'capacity-alert',
+            name: CAPACITY_METRICS_COLUMN_TITLES.CapacityAlert,
+            content: capacityAlert ? (_jsx(DiskCapacityAlertLabel, { value: capacityAlert })) : (EMPTY_DATA_PLACEHOLDER),
+            note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
+        },
         {
             id: 'vdisk-slot-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
-            value: getAlertAwareUsageValue(formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskSlotUsage), data === null || data === void 0 ? void 0 : data.CapacityAlert),
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
+            content: formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskSlotUsage),
             note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskSlotUsage,
         },
         {
             id: 'vdisk-raw-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
-            value: formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskRawUsage),
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
+            content: formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskRawUsage),
             note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskRawUsage,
         },
-        {
-            id: 'capacity-alert',
-            title: CAPACITY_METRICS_COLUMN_TITLES.CapacityAlert,
-            value: getCapacityAlertValue(data === null || data === void 0 ? void 0 : data.CapacityAlert),
-            note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
-        },
     ];
 }
-export function toDefinitionListItems(items) {
-    return items.map(({ title, value, note }) => ({ name: title, content: value, note }));
-}
-export function toInfoViewerItems(items) {
-    return items.map(({ title, value, note }) => ({
-        label: note ? _jsx(TitleWithHelpMark, { header: title, note: note }) : title,
-        value,
-    }));
-}
 //# sourceMappingURL=DiskCapacityInfo.js.map

package/dist/components/DiskCapacityInfo/DiskCapacityInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiskCapacityInfo.js","sourceRoot":"","sources":["../../../src/components/DiskCapacityInfo/DiskCapacityInfo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DiskCapacityInfo.js","sourceRoot":"","sources":["../../../src/components/DiskCapacityInfo/DiskCapacityInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EACH,qBAAqB,EACrB,mBAAmB,EACnB,6BAA6B,EAC7B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACH,gCAAgC,EAChC,8BAA8B,EAC9B,0BAA0B,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAC,uBAAuB,EAAC,MAAM,sCAAsC,CAAC;AAE7E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,UAAU,qBAAqB,CACjC,IAAmB,EACnB,EAAC,sBAAsB,EAAoC;;IAE3D,MAAM,IAAI,GACN,MAAA,MAAA,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,mCAAI,IAAI,CAAC,WAAW,mCAAI,IAAI,CAAC;IAC3F,MAAM,KAAK,GAAqB;QAC5B;YACI,EAAE,EAAE,qBAAqB;YACzB,IAAI,EAAE,eAAe,CAAC,2BAA2B,CAAC;YAClD,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACvD,IAAI,EAAE,gCAAgC,CAAC,gBAAgB;SAC1D;QACD;YACI,EAAE,EAAE,MAAM;YACV,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC;YAC7B,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;SAC1E;QACD;YACI,EAAE,EAAE,gBAAgB;YACpB,IAAI,EAAE,eAAe,CAAC,sBAAsB,CAAC;YAC7C,OAAO,EAAE,KAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI;YAC9D,IAAI,EAAE,0BAA0B,CAAC,aAAa;SACjD;QACD;YACI,EAAE,EAAE,kBAAkB;YACtB,IAAI,EAAE,8BAA8B,CAAC,iBAAiB;YACtD,OAAO,EAAE,mBAAmB,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;YACpD,IAAI,EAAE,0BAA0B,CAAC,iBAAiB;SACrD;QACD;YACI,EAAE,EAAE,iBAAiB;YACrB,IAAI,EAAE,8BAA8B,CAAC,gBAAgB;YACrD,OAAO,EAAE,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACnD,IAAI,EAAE,0BAA0B,CAAC,gBAAgB;SACpD;KACJ,CAAC;IACF,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,sBAAsB,IAAI,EAAE,KAAK,MAAM,CAAC,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,qBAAqB,CACjC,IAAmB,EACnB,EAAC,iBAAiB,GAAG,IAAI,KAAmC,EAAE;;IAE9D,MAAM,IAAI,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,mCAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtE,OAAO;QACH;YACI,EAAE,EAAE,oBAAoB;YACxB,IAAI,EAAE,IAAI,CAAC,0BAA0B,CAAC;YACtC,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC,eAAe,CAAC;YACtD,IAAI,EAAE,gCAAgC,CAAC,eAAe;SACzD;QACD;YACI,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC;YACzB,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;SAC1E;QACD;YACI,EAAE,EAAE,gBAAgB;YACpB,IAAI,EAAE,8BAA8B,CAAC,aAAa;YAClD,OAAO,EAAE,KAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,GAAI;YACnE,IAAI,EAAE,0BAA0B,CAAC,aAAa;SACjD;QACD;YACI,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,8BAA8B,CAAC,aAAa;YAClD,OAAO,EAAE,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YAChD,IAAI,EAAE,0BAA0B,CAAC,aAAa;SACjD;QACD;YACI,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC;YACzB,OAAO,EAAE,qBAAqB,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC;YAC3E,IAAI,EAAE,eAAe,CAAC,eAAe,CAAC;SACzC;KACJ,CAAC;AACN,CAAC;AAED,MAAM,UAAU,gCAAgC,CAC5C,IAAsC;IAEtC,MAAM,aAAa,GAAG,sBAAsB,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC,CAAC;IAClE,OAAO;QACH;YACI,EAAE,EAAE,gBAAgB;YACpB,IAAI,EAAE,8BAA8B,CAAC,aAAa;YAClD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,sBAAsB,IAAC,KAAK,EAAE,aAAa,GAAI,CACnD,CAAC,CAAC,CAAC,CACA,sBAAsB,CACzB;YACD,IAAI,EAAE,0BAA0B,CAAC,aAAa;SACjD;QACD;YACI,EAAE,EAAE,kBAAkB;YACtB,IAAI,EAAE,8BAA8B,CAAC,iBAAiB;YACtD,OAAO,EAAE,6BAA6B,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC;YAC/D,IAAI,EAAE,0BAA0B,CAAC,iBAAiB;SACrD;QACD;YACI,EAAE,EAAE,iBAAiB;YACrB,IAAI,EAAE,8BAA8B,CAAC,gBAAgB;YACrD,OAAO,EAAE,6BAA6B,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC;YAC9D,IAAI,EAAE,0BAA0B,CAAC,gBAAgB;SACpD;KACJ,CAAC;AACN,CAAC"}

package/dist/components/DiskCapacityInfo/i18n/en.json

@@ -1,5 +1,4 @@
 {
-    "field_size": "Size",
     "field_space": "Space",
     "field_slots": "Slots",
     "field_group-size-in-units": "Group Size In Units",

package/dist/components/DiskCapacityInfo/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "field_size" | "field_space" | "field_slots" | "field_group-size-in-units" | "field_slot-size-in-units", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "field_group-size-in-units" | "field_space" | "field_slots" | "field_slot-size-in-units", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/DiskPopup/DiskPopup.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { DiskDetailItem } from '../../utils/disks/diskInfo/getDiskLocationItems';
+import './DiskPopup.scss';
+export declare function DiskPopup({ children, combined, className, }: {
+    children: React.ReactNode;
+    combined?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupPanel({ children, footer, }: {
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupHeader({ title, id, type, statuses, }: {
+    title: string;
+    id?: string;
+    type?: string;
+    statuses: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupText({ value, withLeftTrim, }: {
+    value?: string | number;
+    withLeftTrim?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupLocation({ items }: {
+    items: DiskDetailItem[];
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/DiskPopup/DiskPopup.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ClipboardButton, Flex, Text, Tooltip } from '@gravity-ui/uikit';
+import { isNil } from 'lodash';
+import { cn } from '../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
+import { DiskTypeLabel } from '../DiskStatus/DiskStatus';
+import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
+import i18n from './i18n';
+import './DiskPopup.scss';
+const b = cn('ydb-disk-popup');
+export function DiskPopup({ children, combined = false, className, }) {
+    return _jsx("div", { className: b({ combined }, className), children: children });
+}
+export function DiskPopupPanel({ children, footer, }) {
+    return (_jsxs("div", { className: b('panel'), children: [_jsx("div", { className: b('body'), children: children }), footer && _jsx("div", { className: b('footer'), children: footer })] }));
+}
+export function DiskPopupHeader({ title, id, type, statuses, }) {
+    return (_jsxs(React.Fragment, { children: [_jsxs(Flex, { gap: 1, alignItems: "center", wrap: "wrap", children: [_jsx(Text, { variant: "subheader-2", children: title }), _jsx(Text, { color: "secondary", children: "\u2022" }), _jsx(Text, { variant: "body-2", color: "secondary", className: b('id'), children: id || EMPTY_DATA_PLACEHOLDER }), id && (_jsx(ClipboardButton, { text: id, size: "s", view: "flat-secondary", "aria-label": i18n('action_copy-field', { field: title }) })), _jsx(DiskTypeLabel, { type: type, size: "xs" })] }), _jsx(Flex, { gap: 1, wrap: "wrap", alignItems: "center", children: statuses })] }));
+}
+export function DiskPopupText({ value, withLeftTrim = false, }) {
+    const hasValue = !isNil(value) && value !== '';
+    const text = hasValue ? value : EMPTY_DATA_PLACEHOLDER;
+    return (_jsx(Tooltip, { content: text, disabled: !hasValue, className: b('text-tooltip'), children: _jsx("span", { className: b('text', { 'with-left-trim': withLeftTrim }), tabIndex: hasValue ? 0 : undefined, children: withLeftTrim ? _jsx("span", { children: text }) : text }) }));
+}
+export function DiskPopupLocation({ items }) {
+    if (!items.length) {
+        return null;
+    }
+    const locationItems = items.map((item) => {
+        if (['fqdn', 'rack', 'datacenter'].includes(item.id)) {
+            return { ...item, content: _jsx(DiskPopupText, { value: item.copyText }) };
+        }
+        if (item.id === 'pdisk-path' && typeof item.copyText === 'string') {
+            return {
+                ...item,
+                content: _jsx(DiskPopupText, { value: item.copyText, withLeftTrim: true }),
+            };
+        }
+        return item;
+    });
+    return (_jsx("div", { className: b('location'), children: _jsx(YDBDefinitionList, { items: locationItems, nameMaxWidth: 100 }) }));
+}
+//# sourceMappingURL=DiskPopup.js.map

package/dist/components/DiskPopup/DiskPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiskPopup.js","sourceRoot":"","sources":["../../../src/components/DiskPopup/DiskPopup.tsx"],"names":[],"mappings":"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"}