ydb-embedded-ui 22.3.0 → 22.5.0

package/dist/components/PDiskInfo/statuses.js.map

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

package/dist/components/PDiskPopup/PDiskPopup.d.ts

@@ -1,14 +1,11 @@
 import React from 'react';
+import type { NodeMetadata } from '../../types/store/nodesList';
 import type { PreparedPDisk } from '../../utils/disks/types';
-import type { YDBDefinitionListHeaderLabel, YDBDefinitionListItem } from '../YDBDefinitionList/YDBDefinitionList';
-export declare const preparePDiskData: (data: PreparedPDisk, nodeData?: {
-    Host?: string;
-    DC?: string;
-}, capacityMetricsEnabled?: boolean) => YDBDefinitionListItem[];
-export declare const preparePDiskHeaderLabels: (data: PreparedPDisk) => YDBDefinitionListHeaderLabel[];
 export declare const buildPDiskFooter: (data: PreparedPDisk, withDeveloperUILink?: boolean) => React.ReactNode | null;
 interface PDiskPopupProps {
     data: PreparedPDisk;
+    nodeData?: NodeMetadata;
 }
-export declare const PDiskPopup: ({ data }: PDiskPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare function PDiskPopupContent({ data, nodeData: parentNodeData }: PDiskPopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function PDiskPopup(props: PDiskPopupProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PDiskPopup/PDiskPopup.js

@@ -1,103 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Wrench } from '@gravity-ui/icons';
-import { Flex, Label } from '@gravity-ui/uikit';
+import { Divider, Flex } from '@gravity-ui/uikit';
 import { isNil } from 'lodash';
 import { getPDiskPagePath } from '../../routes';
 import { useBlobStorageCapacityMetricsEnabled } from '../../store/reducers/capabilities/hooks';
-import { selectNodesMap } from '../../store/reducers/nodesList';
-import { EFlag } from '../../types/api/enums';
-import { BRAND_BUTTON_CLASS, EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
+import { BRAND_BUTTON_CLASS } from '../../utils/constants';
 import { createPDiskDeveloperUILink, useHasDeveloperUi } from '../../utils/developerUI/developerUI';
-import { getStateSeverity } from '../../utils/disks/calculatePDiskSeverity';
-import { NUMERIC_SEVERITY_TO_LABEL_VIEW } from '../../utils/disks/constants';
-import { formatPDiskType } from '../../utils/disks/getPDiskType';
-import { useTypedSelector } from '../../utils/hooks';
-import { useDatabaseFromQuery } from '../../utils/hooks/useDatabaseFromQuery';
-import { bytesToGB, isNumeric } from '../../utils/utils';
-import { getPDiskCapacityInfoItems, toDefinitionListItems, } from '../DiskCapacityInfo/DiskCapacityInfo';
+import { getDiskLocationItems } from '../../utils/disks/diskInfo/getDiskLocationItems';
+import { useNodeMetadata } from '../../utils/hooks/useNodeMetadata';
+import { getPDiskCapacityItems } from '../DiskCapacityInfo/DiskCapacityInfo';
+import { DiskPopup, DiskPopupHeader, DiskPopupLocation, DiskPopupPanel, } from '../DiskPopup/DiskPopup';
+import { DiskStatusLabel } from '../DiskStatus/DiskStatus';
 import { InternalLinkButton } from '../InternalLinkButton';
 import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
-import { StatusIcon } from '../StatusIcon/StatusIcon';
+import { getPDiskLogItems, getPDiskRuntimeItems } from '../PDiskInfo/getPDiskDetails';
+import { getPDiskDecommitLabel, getPDiskDriveLabel, getPDiskMaintenanceLabel, getPDiskStateLabel, } from '../PDiskInfo/statuses';
 import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
 import { pDiskPopupKeyset } from './i18n';
-const errorColors = [EFlag.Orange, EFlag.Red, EFlag.Yellow];
-export const preparePDiskData = (data, nodeData, capacityMetricsEnabled = false) => {
-    const { AvailableSize, TotalSize, NodeId, Path, Realtime, Type, Device } = data;
-    const pdiskData = [
-        {
-            name: pDiskPopupKeyset('label_type'),
-            content: formatPDiskType(Type) || pDiskPopupKeyset('value_unknown'),
-        },
-    ];
-    if (NodeId) {
-        pdiskData.push({
-            name: pDiskPopupKeyset('label_node-id'),
-            content: NodeId,
-            copyText: NodeId,
-        });
-    }
-    if (nodeData === null || nodeData === void 0 ? void 0 : nodeData.Host) {
-        pdiskData.push({
-            name: pDiskPopupKeyset('label_host'),
-            content: nodeData.Host,
-            copyText: nodeData.Host,
-        });
-    }
-    if (nodeData === null || nodeData === void 0 ? void 0 : nodeData.DC) {
-        pdiskData.push({ name: pDiskPopupKeyset('label_dc'), content: _jsx(Label, { children: nodeData.DC }) });
-    }
-    if (Path) {
-        pdiskData.push({ name: pDiskPopupKeyset('label_path'), content: Path, copyText: Path });
-    }
-    if (capacityMetricsEnabled) {
-        pdiskData.push(...toDefinitionListItems(getPDiskCapacityInfoItems(data, {
-            withUsage: true,
-            withCapacityAlert: true,
-        })));
-    }
-    else if (isNumeric(TotalSize) && isNumeric(AvailableSize)) {
-        pdiskData.push({
-            name: pDiskPopupKeyset('label_available'),
-            content: `${bytesToGB(AvailableSize)} ${pDiskPopupKeyset('value_of')} ${bytesToGB(TotalSize)}`,
-        });
-    }
-    if (Realtime && errorColors.includes(Realtime)) {
-        pdiskData.push({
-            name: pDiskPopupKeyset('label_realtime'),
-            content: _jsx(StatusIcon, { mode: "icons", status: Realtime }),
-        });
-    }
-    if (Device && errorColors.includes(Device)) {
-        pdiskData.push({
-            name: pDiskPopupKeyset('label_device'),
-            content: _jsx(StatusIcon, { mode: "icons", status: Device }),
-        });
-    }
-    return pdiskData;
-};
-export const preparePDiskHeaderLabels = (data) => {
-    const labels = [];
-    const { State } = data;
-    if (!State) {
-        labels.push({
-            id: 'state',
-            value: pDiskPopupKeyset('context_not-available'),
-        });
-        return labels;
-    }
-    if (State) {
-        const severity = getStateSeverity(State);
-        const { theme, icon } = NUMERIC_SEVERITY_TO_LABEL_VIEW[severity];
-        labels.push({
-            id: 'state',
-            value: State,
-            theme: theme,
-            icon: icon,
-        });
-    }
-    return labels;
-};
+function getStorageItems(data, capacityMetricsEnabled) {
+    const items = getPDiskCapacityItems(data, { useWhiteboardSize: capacityMetricsEnabled }).filter(({ id }) => capacityMetricsEnabled || id === 'space');
+    return [...items, ...getPDiskLogItems(data)];
+}
 export const buildPDiskFooter = (data, withDeveloperUILink) => {
     const { NodeId, PDiskId } = data;
     if (isNil(NodeId) || isNil(PDiskId)) {
@@ -112,16 +36,21 @@ export const buildPDiskFooter = (data, withDeveloperUILink) => {
     const pDiskPagePath = getPDiskPagePath(PDiskId, NodeId);
     return (_jsxs(Flex, { direction: "column", gap: 5, alignItems: "flex-start", children: [pDiskInternalViewerPath && (_jsx(LinkWithIcon, { title: pDiskPopupKeyset('action_open-in-developer-ui'), url: pDiskInternalViewerPath, icon: Wrench, hideEndIcon: true })), _jsx(InternalLinkButton, { href: pDiskPagePath, view: "action", size: "m", className: BRAND_BUTTON_CLASS, children: pDiskPopupKeyset('action_go-to-pdisk') })] }));
 };
-export const PDiskPopup = ({ data }) => {
-    const database = useDatabaseFromQuery();
+export function PDiskPopupContent({ data, nodeData: parentNodeData }) {
+    const nodeData = useNodeMetadata(data.NodeId, parentNodeData);
     const hasDeveloperUi = useHasDeveloperUi();
     const capacityMetricsEnabled = useBlobStorageCapacityMetricsEnabled();
-    const nodesMap = useTypedSelector((state) => selectNodesMap(state, database));
-    const nodeData = isNil(data.NodeId) ? undefined : nodesMap === null || nodesMap === void 0 ? void 0 : nodesMap.get(data.NodeId);
-    const info = React.useMemo(() => preparePDiskData(data, nodeData, capacityMetricsEnabled), [data, nodeData, capacityMetricsEnabled]);
-    const headerLabels = React.useMemo(() => preparePDiskHeaderLabels(data), [data]);
-    const footer = React.useMemo(() => buildPDiskFooter(data, hasDeveloperUi), [data, hasDeveloperUi]);
-    const pdiskId = data.StringifiedId;
-    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: capacityMetricsEnabled ? 220 : 100 }));
-};
+    const storageItems = getStorageItems(data, capacityMetricsEnabled);
+    const locationItems = getDiskLocationItems(data, nodeData);
+    const statusLabels = [
+        { id: 'state', label: getPDiskStateLabel(data.State) },
+        { id: 'drive', label: getPDiskDriveLabel(data.DriveStatus) },
+        { id: 'decommit', label: getPDiskDecommitLabel(data.DecommitStatus) },
+        { id: 'maintenance', label: getPDiskMaintenanceLabel(data.MaintenanceStatus) },
+    ];
+    return (_jsxs(DiskPopupPanel, { footer: buildPDiskFooter(data, hasDeveloperUi), children: [_jsx(DiskPopupHeader, { title: pDiskPopupKeyset('label_pdisk'), id: data.StringifiedId, type: data.Type, statuses: statusLabels.map(({ id, label }) => label ? _jsx(DiskStatusLabel, { ...label, size: "xs" }, id) : null) }), _jsx(DiskPopupLocation, { items: locationItems }), _jsx(YDBDefinitionList, { items: getPDiskRuntimeItems(data), nameMaxWidth: 150 }), storageItems.length > 0 && (_jsxs(React.Fragment, { children: [_jsx(Divider, {}), _jsx(YDBDefinitionList, { items: storageItems, nameMaxWidth: 150 })] }))] }));
+}
+export function PDiskPopup(props) {
+    return (_jsx(DiskPopup, { children: _jsx(PDiskPopupContent, { ...props }) }));
+}
 //# sourceMappingURL=PDiskPopup.js.map

package/dist/components/PDiskPopup/PDiskPopup.js.map

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

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

@@ -1,15 +1,5 @@
 {
-    "context_not-available": "Not available",
-    "label_type": "Type",
-    "label_node-id": "Node Id",
-    "label_host": "Host",
-    "label_dc": "DC",
-    "label_path": "Path",
-    "label_available": "Available",
-    "label_realtime": "Realtime",
-    "label_device": "Device",
-    "value_unknown": "unknown",
-    "value_of": "of",
     "action_open-in-developer-ui": "Open in Developer UI",
-    "action_go-to-pdisk": "Go to PDisk"
+    "action_go-to-pdisk": "Go to PDisk",
+    "label_pdisk": "PDisk"
 }

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

@@ -1 +1 @@
-export declare const pDiskPopupKeyset: (key: "label_node-id" | "context_not-available" | "label_type" | "label_host" | "label_dc" | "label_path" | "label_available" | "label_realtime" | "label_device" | "value_unknown" | "value_of" | "action_open-in-developer-ui" | "action_go-to-pdisk", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const pDiskPopupKeyset: (key: "action_open-in-developer-ui" | "action_go-to-pdisk" | "label_pdisk", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/Search/Search.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { TextInput } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import { DebouncedTextInput } from '../DebouncedInput/DebouncedTextInput';
 import { useTableSearch } from '../TableKeyboardNavigation/TableKeyboardNavigation';
@@ -12,6 +13,7 @@ export const Search = ({ onChange, value = '', width, className, debounce, input
     const onUpdate = React.useCallback((newValue) => {
         onChange(newValue);
     }, [onChange]);
-    return (_jsx(DebouncedTextInput, { debounce: debounce, hasClear: true, autoFocus: true, controlRef: controlRef, style: { width }, className: b(null, className), value: value, onUpdate: onUpdate, ...props }));
+    const Input = debounce === 0 ? TextInput : DebouncedTextInput;
+    return (_jsx(Input, { ...(debounce === 0 ? {} : { debounce }), hasClear: true, autoFocus: true, controlRef: controlRef, style: { width }, className: b(null, className), value: value, onUpdate: onUpdate, ...props }));
 };
 //# sourceMappingURL=Search.js.map

package/dist/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,oDAAoD,CAAC;AAElF,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAW3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM,CAAC;IACtC,cAAc,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,QAAgB,EAAE,EAAE;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,KAAC,kBAAkB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,SAAS,QACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAC,KAAK,EAAC,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,oDAAoD,CAAC;AAElF,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAW3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM,CAAC;IACtC,cAAc,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,QAAgB,EAAE,EAAE;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,KAAK,GAAG,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAE9D,OAAO,CACH,KAAC,KAAK,OACE,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAC,CAAC,EACtC,QAAQ,QACR,SAAS,QACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAC,KAAK,EAAC,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/StorageGroupInfo/StorageGroupInfo.d.ts

@@ -1,8 +1,8 @@
 import type { PreparedStorageGroup } from '../../store/reducers/storage/types';
-import type { InfoViewerProps } from '../InfoViewer/InfoViewer';
-interface StorageGroupInfoProps extends Omit<InfoViewerProps, 'info'> {
+import './StorageGroupInfo.scss';
+interface StorageGroupInfoProps {
     data?: PreparedStorageGroup;
     className?: string;
 }
-export declare function StorageGroupInfo({ data, className, ...infoViewerProps }: StorageGroupInfoProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorageGroupInfo({ data, className }: StorageGroupInfoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/StorageGroupInfo/StorageGroupInfo.js

@@ -1,233 +1,88 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex } from '@gravity-ui/uikit';
+import { Flex, Text, Tooltip } from '@gravity-ui/uikit';
 import { useBlobStorageCapacityMetricsEnabled } from '../../store/reducers/capabilities/hooks';
-import { valueIsDefined } from '../../utils';
-import { formatStorageValuesToGb } from '../../utils/dataFormatters/dataFormatters';
-import { getDocsLink } from '../../utils/docs';
+import { isNonEmptyValue } from '../../utils';
+import { formatBytes } from '../../utils/bytesParsers';
+import { cn } from '../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
+import { formatMetricPercent, formatStorageMetricPair, formatStorageThroughput, } from '../../utils/storageMetrics';
 import { formatToMs } from '../../utils/timeParsers';
-import { bytesToSpeed } from '../../utils/utils';
-import { getStorageGroupCapacityInfoItems, toInfoViewerItems, } from '../DiskCapacityInfo/DiskCapacityInfo';
+import { parseOptionalNonNegativeNumber } from '../../utils/utils';
+import { getStorageGroupCapacityInfoItems } from '../DiskCapacityInfo/DiskCapacityInfo';
 import diskCapacityInfoKeyset from '../DiskCapacityInfo/i18n';
-import { InfoViewer } from '../InfoViewer';
 import { StatusIcon } from '../StatusIcon/StatusIcon';
-import { TitleWithHelpMark } from '../TitleWithHelpmark/TitleWithHelpmark';
+import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
 import { CAPACITY_CONFIGURATION_HELP_TEXT } from '../capacityMetricsColumns/constants';
 import { formatCapacityUnitCount } from '../capacityMetricsColumns/formatters';
 import { storageGroupInfoKeyset } from './i18n';
-// eslint-disable-next-line complexity
-export function StorageGroupInfo({ data, className, ...infoViewerProps }) {
+import './StorageGroupInfo.scss';
+const b = cn('ydb-storage-group-info');
+export function StorageGroupInfo({ data, className }) {
     const capacityMetricsEnabled = useBlobStorageCapacityMetricsEnabled();
-    const { Encryption, Overall, DiskSpace, MediaType, ErasureSpecies, Used, Limit, Usage, Read, Write, GroupGeneration, AllocationUnits, State, MissingDisks, Available, LatencyPutTabletLogMs, LatencyPutUserDataMs, LatencyGetFastMs, GroupSizeInUnits, } = data || {};
-    const distributedStorageChannelDocsLink = getDocsLink('distributedStorageChannel');
-    const allocationUnitsLabel = (_jsx(TitleWithHelpMark, { header: storageGroupInfoKeyset('allocation-units'), note: storageGroupInfoKeyset('context_allocation-units'), docsLink: distributedStorageChannelDocsLink }));
+    const { PoolName, GroupGeneration, ErasureSpecies, MissingDisks, LatencyPutTabletLogMs, LatencyPutUserDataMs, LatencyGetFastMs, Read, Write, GroupSizeInUnits, Used, Limit, Available, Usage, DiskSpace, } = data || {};
+    const configurationItems = [
+        {
+            name: storageGroupInfoKeyset('field_pool-name'),
+            content: PoolName ? (_jsx(Tooltip, { content: PoolName, children: _jsx(Text, { ellipsisLines: 2, wordBreak: "break-word", children: PoolName }) })) : (EMPTY_DATA_PLACEHOLDER),
+        },
+        ...[
+            [storageGroupInfoKeyset('group-generation'), GroupGeneration],
+            [storageGroupInfoKeyset('erasure-species'), ErasureSpecies],
+            [storageGroupInfoKeyset('missing-disks'), MissingDisks],
+        ].map(([name, value]) => ({
+            name,
+            content: isNonEmptyValue(value) ? value : EMPTY_DATA_PLACEHOLDER,
+        })),
+    ];
+    const latencyItems = [
+        [storageGroupInfoKeyset('latency-put-tablet-log'), LatencyPutTabletLogMs],
+        [storageGroupInfoKeyset('latency-put-user-data'), LatencyPutUserDataMs],
+        [storageGroupInfoKeyset('latency-get-fast'), LatencyGetFastMs],
+    ].map(([name, value]) => {
+        const latency = parseOptionalNonNegativeNumber(value);
+        return {
+            name,
+            content: latency === undefined ? EMPTY_DATA_PLACEHOLDER : formatToMs(latency),
+        };
+    });
+    const throughputItems = [
+        [storageGroupInfoKeyset('read-throughput'), Read],
+        [storageGroupInfoKeyset('write-throughput'), Write],
+    ].map(([name, value]) => ({
+        name,
+        content: formatStorageThroughput(value),
+    }));
+    const capacityItems = [];
     if (capacityMetricsEnabled) {
-        const configurationInfo = [];
-        const runtimeInfo = [];
-        if (valueIsDefined(GroupGeneration)) {
-            configurationInfo.push({
-                label: storageGroupInfoKeyset('group-generation'),
-                value: GroupGeneration,
-            });
-        }
-        if (valueIsDefined(ErasureSpecies)) {
-            configurationInfo.push({
-                label: storageGroupInfoKeyset('erasure-species'),
-                value: ErasureSpecies,
-            });
-        }
-        if (valueIsDefined(MediaType)) {
-            configurationInfo.push({
-                label: storageGroupInfoKeyset('media-type'),
-                value: MediaType,
-            });
-        }
-        if (valueIsDefined(Encryption)) {
-            configurationInfo.push({
-                label: storageGroupInfoKeyset('encryption'),
-                value: Encryption ? storageGroupInfoKeyset('yes') : storageGroupInfoKeyset('no'),
-            });
-        }
-        configurationInfo.push({
-            label: (_jsx(TitleWithHelpMark, { header: diskCapacityInfoKeyset('field_group-size-in-units'), note: CAPACITY_CONFIGURATION_HELP_TEXT.GroupSizeInUnits })),
-            value: formatCapacityUnitCount(GroupSizeInUnits),
-        });
-        if (valueIsDefined(Overall)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('overall'),
-                value: _jsx(StatusIcon, { status: Overall }),
-            });
-        }
-        if (valueIsDefined(State)) {
-            runtimeInfo.push({ label: storageGroupInfoKeyset('state'), value: State });
-        }
-        if (valueIsDefined(MissingDisks)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('missing-disks'),
-                value: MissingDisks,
-            });
-        }
-        if (valueIsDefined(Used) && valueIsDefined(Limit)) {
-            const usedNum = Number(Used);
-            const limitNum = Number(Limit);
-            const hasSpaceData = Number.isFinite(usedNum) && Number.isFinite(limitNum);
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('used-space'),
-                value: hasSpaceData
-                    ? formatStorageValuesToGb(usedNum, limitNum).join(' / ')
-                    : storageGroupInfoKeyset('no-data'),
-            });
-        }
-        if (valueIsDefined(Available)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('available'),
-                value: formatStorageValuesToGb(Number(Available)),
-            });
-        }
-        if (valueIsDefined(AllocationUnits)) {
-            runtimeInfo.push({
-                label: allocationUnitsLabel,
-                value: AllocationUnits,
-            });
-        }
-        runtimeInfo.push(...toInfoViewerItems(getStorageGroupCapacityInfoItems(data)));
-        if (valueIsDefined(LatencyPutTabletLogMs)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('latency-put-tablet-log'),
-                value: formatToMs(LatencyPutTabletLogMs),
-            });
-        }
-        if (valueIsDefined(LatencyPutUserDataMs)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('latency-put-user-data'),
-                value: formatToMs(LatencyPutUserDataMs),
-            });
-        }
-        if (valueIsDefined(LatencyGetFastMs)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('latency-get-fast'),
-                value: formatToMs(LatencyGetFastMs),
-            });
-        }
-        if (valueIsDefined(Read)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('read-throughput'),
-                value: bytesToSpeed(Number(Read)),
-            });
-        }
-        if (valueIsDefined(Write)) {
-            runtimeInfo.push({
-                label: storageGroupInfoKeyset('write-throughput'),
-                value: bytesToSpeed(Number(Write)),
-            });
-        }
-        return (_jsxs(Flex, { className: className, gap: 2, direction: "row", wrap: true, children: [_jsx(InfoViewer, { info: configurationInfo, ...infoViewerProps }), _jsx(InfoViewer, { info: runtimeInfo, ...infoViewerProps })] }));
-    }
-    const storageGroupInfoFirstColumn = [];
-    if (valueIsDefined(GroupGeneration)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('group-generation'),
-            value: GroupGeneration,
-        });
-    }
-    if (valueIsDefined(ErasureSpecies)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('erasure-species'),
-            value: ErasureSpecies,
-        });
-    }
-    if (valueIsDefined(MediaType)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('media-type'),
-            value: MediaType,
-        });
-    }
-    if (valueIsDefined(Encryption)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('encryption'),
-            value: Encryption ? storageGroupInfoKeyset('yes') : storageGroupInfoKeyset('no'),
-        });
-    }
-    if (valueIsDefined(Overall)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('overall'),
-            value: _jsx(StatusIcon, { status: Overall }),
-        });
-    }
-    if (valueIsDefined(State)) {
-        storageGroupInfoFirstColumn.push({ label: storageGroupInfoKeyset('state'), value: State });
-    }
-    if (valueIsDefined(MissingDisks)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('missing-disks'),
-            value: MissingDisks,
-        });
-    }
-    const storageGroupInfoSecondColumn = [];
-    if (valueIsDefined(Used) && valueIsDefined(Limit)) {
-        const usedNum = Number(Used);
-        const limitNum = Number(Limit);
-        const hasSpaceData = Number.isFinite(usedNum) && Number.isFinite(limitNum);
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('used-space'),
-            value: hasSpaceData
-                ? formatStorageValuesToGb(usedNum, limitNum).join(' / ')
-                : storageGroupInfoKeyset('no-data'),
-        });
-    }
-    if (valueIsDefined(Available)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('available'),
-            value: formatStorageValuesToGb(Number(Available)),
-        });
-    }
-    if (valueIsDefined(Usage)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('usage'),
-            value: `${Usage.toFixed(2)}%`,
-        });
-    }
-    if (valueIsDefined(DiskSpace)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('disk-space'),
-            value: _jsx(StatusIcon, { status: DiskSpace }),
-        });
-    }
-    if (valueIsDefined(LatencyPutTabletLogMs)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('latency-put-tablet-log'),
-            value: formatToMs(LatencyPutTabletLogMs),
-        });
-    }
-    if (valueIsDefined(LatencyPutUserDataMs)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('latency-put-user-data'),
-            value: formatToMs(LatencyPutUserDataMs),
-        });
-    }
-    if (valueIsDefined(LatencyGetFastMs)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('latency-get-fast'),
-            value: formatToMs(LatencyGetFastMs),
-        });
-    }
-    if (valueIsDefined(AllocationUnits)) {
-        storageGroupInfoSecondColumn.push({
-            label: allocationUnitsLabel,
-            value: AllocationUnits,
-        });
-    }
-    if (valueIsDefined(Read)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('read-throughput'),
-            value: bytesToSpeed(Number(Read)),
-        });
+        capacityItems.push({
+            name: diskCapacityInfoKeyset('field_group-size-in-units'),
+            content: formatCapacityUnitCount(GroupSizeInUnits),
+            note: CAPACITY_CONFIGURATION_HELP_TEXT.GroupSizeInUnits,
+        });
+    }
+    capacityItems.push({
+        name: storageGroupInfoKeyset('used-space'),
+        content: formatStorageMetricPair(Used, Limit, 2),
+    }, {
+        name: storageGroupInfoKeyset('available'),
+        content: formatBytes({
+            value: parseOptionalNonNegativeNumber(Available),
+            size: 'gb',
+            fixedDecimalPlaces: 2,
+        }) || EMPTY_DATA_PLACEHOLDER,
+    });
+    if (capacityMetricsEnabled) {
+        capacityItems.push(...getStorageGroupCapacityInfoItems(data));
     }
-    if (valueIsDefined(Write)) {
-        storageGroupInfoSecondColumn.push({
-            label: storageGroupInfoKeyset('write-throughput'),
-            value: bytesToSpeed(Number(Write)),
+    else {
+        capacityItems.push({
+            name: storageGroupInfoKeyset('usage'),
+            content: formatMetricPercent(Usage, 2),
+        }, {
+            name: storageGroupInfoKeyset('disk-space'),
+            content: DiskSpace ? _jsx(StatusIcon, { status: DiskSpace }) : EMPTY_DATA_PLACEHOLDER,
         });
     }
-    return (_jsxs(Flex, { className: className, gap: 2, direction: "row", wrap: true, children: [_jsx(InfoViewer, { info: storageGroupInfoFirstColumn, ...infoViewerProps }), _jsx(InfoViewer, { info: storageGroupInfoSecondColumn, ...infoViewerProps })] }));
+    return (_jsxs(Flex, { className: b(null, className), wrap: "wrap", children: [_jsxs(Flex, { direction: "column", gap: 4, className: b('configuration'), children: [_jsx(YDBDefinitionList, { items: configurationItems, nameMaxWidth: 200 }), _jsx(YDBDefinitionList, { items: latencyItems, nameMaxWidth: 200 }), _jsx(YDBDefinitionList, { items: throughputItems, nameMaxWidth: 200 })] }), _jsx(YDBDefinitionList, { items: capacityItems, nameMaxWidth: 200, wrapperClassName: b('capacity') })] }));
 }
 //# sourceMappingURL=StorageGroupInfo.js.map