ydb-embedded-ui 15.7.0 → 16.0.0

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.js

@@ -3,11 +3,9 @@ import { Flex } from '@gravity-ui/uikit';
 import { InfoViewer } from '../../../../../components/InfoViewer/InfoViewer';
 import { LabelWithPopover } from '../../../../../components/LabelWithPopover';
 import { ProgressWrapper } from '../../../../../components/ProgressWrapper';
-import { getTenantPath } from '../../../../../routes';
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { formatStorageValues } from '../../../../../utils/dataFormatters/dataFormatters';
-import { useSearchQuery } from '../../../../../utils/hooks';
-import { TenantTabsGroups } from '../../../TenantPages';
+import { useDiagnosticsPageLinkGetter } from '../../DiagnosticsPages';
 import { StatsWrapper } from '../StatsWrapper/StatsWrapper';
 import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
 import { TopGroups } from './TopGroups';
@@ -16,7 +14,7 @@ import i18n from './i18n';
 import { storageDashboardConfig } from './storageDashboardConfig';
 export function TenantStorage({ database, metrics, databaseType }) {
     const { blobStorageUsed, tabletStorageUsed, blobStorageLimit, tabletStorageLimit } = metrics;
-    const query = useSearchQuery();
+    const getDiagnosticsPageLink = useDiagnosticsPageLinkGetter();
     const info = [
         {
             label: (_jsx(LabelWithPopover, { text: i18n('title_tablet-storage'), popoverContent: i18n('context_tablet-storage-description') })),
@@ -28,14 +26,8 @@ export function TenantStorage({ database, metrics, databaseType }) {
         },
     ];
     if (databaseType === 'Serverless') {
-        return (_jsx(Flex, { direction: "column", gap: 4, children: _jsx(StatsWrapper, { title: i18n('title_top-tables-by-size'), allEntitiesLink: getTenantPath({
-                    ...query,
-                    [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.storage,
-                }), children: _jsx(TopTables, { database: database }) }) }));
+        return (_jsx(Flex, { direction: "column", gap: 4, children: _jsx(StatsWrapper, { title: i18n('title_top-tables-by-size'), allEntitiesLink: getDiagnosticsPageLink(TENANT_DIAGNOSTICS_TABS_IDS.storage), children: _jsx(TopTables, { database: database }) }) }));
     }
-    return (_jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(TenantDashboard, { database: database, charts: storageDashboardConfig }), _jsx(InfoViewer, { variant: "small", title: i18n('title_storage-details'), info: info }), _jsx(StatsWrapper, { title: i18n('title_top-tables-by-size'), children: _jsx(TopTables, { database: database }) }), _jsx(StatsWrapper, { title: i18n('title_top-groups-by-usage'), allEntitiesLink: getTenantPath({
-                    ...query,
-                    [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.storage,
-                }), children: _jsx(TopGroups, { tenant: database }) })] }));
+    return (_jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(TenantDashboard, { database: database, charts: storageDashboardConfig }), _jsx(InfoViewer, { variant: "small", title: i18n('title_storage-details'), info: info }), _jsx(StatsWrapper, { title: i18n('title_top-tables-by-size'), children: _jsx(TopTables, { database: database }) }), _jsx(StatsWrapper, { title: i18n('title_top-groups-by-usage'), allEntitiesLink: getDiagnosticsPageLink(TENANT_DIAGNOSTICS_TABS_IDS.storage), children: _jsx(TopGroups, { tenant: database }) })] }));
 }
 //# sourceMappingURL=TenantStorage.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.js.map

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

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageNew.js

@@ -1,17 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Flex } from '@gravity-ui/uikit';
+import { Alert, Flex } from '@gravity-ui/uikit';
 import { ResponseError } from '../../../../../components/Errors/ResponseError';
 import { Skeleton } from '../../../../../components/Skeleton/Skeleton';
+import { EStorageStatsProblem } from '../../../../../types/api/storage';
 import { cn } from '../../../../../utils/cn';
+import { useIsViewerUser } from '../../../../../utils/hooks/useIsUserAllowedToMakeChanges';
 import { TenantStorageGroupedMediaSectionsView, TenantStorageMediaSectionView, } from './TenantStorageSummarySections';
 import { TenantStorageTopUsageTable } from './TenantStorageTopUsageTable';
+import i18n from './i18n';
 import { useTenantStorageNewData } from './useTenantStorageNewData';
 import { buildTenantStorageMediaSections } from './utils';
 import './TenantStorageNew.scss';
 const b = cn('ydb-tenant-storage-new');
-function TenantStorageSummarySkeleton() {
-    return (_jsx(Flex, { direction: "column", className: b('sections-group'), children: _jsx(Flex, { direction: "column", gap: 3, className: b('sections-inner'), children: [0, 1].map((cardIndex) => (_jsxs(Flex, { direction: "column", gap: 3, className: b('summary-skeleton-card'), children: [_jsx(Skeleton, { className: b('summary-skeleton-title'), delay: 0 }), _jsx(Skeleton, { className: b('summary-skeleton-description'), delay: 0 }), _jsx(Flex, { direction: "column", gap: 3, className: b('summary-skeleton-rows'), children: _jsxs(Flex, { direction: "column", gap: 3, className: b('summary-skeleton-row'), children: [_jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", gap: 4, className: b('summary-skeleton-header'), children: [_jsx("div", {}), _jsx(Flex, { wrap: true, justifyContent: "flex-end", gap: 3, className: b('summary-skeleton-metrics'), children: [0, 1, 2].map((metricIndex) => (_jsx(Skeleton, { className: b('summary-skeleton-metric'), delay: 0 }, metricIndex))) })] }), _jsx(Skeleton, { className: b('summary-skeleton-progress'), delay: 0 }), _jsx(Flex, { justifyContent: "flex-end", className: b('summary-skeleton-footer'), children: _jsx(Skeleton, { className: b('summary-skeleton-percent'), delay: 0 }) })] }) })] }, cardIndex))) }) }));
+function TenantStorageSummarySkeleton({ showPhysicalDiskUsage }) {
+    const skeletonCards = React.useMemo(() => {
+        return Array.from({ length: showPhysicalDiskUsage ? 2 : 1 }, (_, index) => index);
+    }, [showPhysicalDiskUsage]);
+    return (_jsx(Flex, { direction: "column", className: b('sections-group'), children: _jsx(Flex, { direction: "column", gap: 3, className: b('sections-inner'), children: skeletonCards.map((cardIndex) => (_jsxs(Flex, { direction: "column", gap: 3, className: b('summary-skeleton-card'), children: [_jsx(Skeleton, { className: b('summary-skeleton-title'), delay: 0 }), _jsx(Skeleton, { className: b('summary-skeleton-description'), delay: 0 }), _jsx(Flex, { direction: "column", gap: 3, className: b('summary-skeleton-rows'), children: _jsxs(Flex, { direction: "column", gap: 3, className: b('summary-skeleton-row'), children: [_jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", gap: 4, className: b('summary-skeleton-header'), children: [_jsx("div", {}), _jsx(Flex, { wrap: true, justifyContent: "flex-end", gap: 3, className: b('summary-skeleton-metrics'), children: [0, 1, 2].map((metricIndex) => (_jsx(Skeleton, { className: b('summary-skeleton-metric'), delay: 0 }, metricIndex))) })] }), _jsx(Skeleton, { className: b('summary-skeleton-progress'), delay: 0 }), _jsx(Flex, { justifyContent: "flex-end", className: b('summary-skeleton-footer'), children: _jsx(Skeleton, { className: b('summary-skeleton-percent'), delay: 0 }) })] }) })] }, cardIndex))) }) }));
 }
 export function TenantStorageNew({ database, databaseFullPath, metrics, blobStorageStats, tabletStorageStats, }) {
     var _a;
@@ -21,6 +27,7 @@ export function TenantStorageNew({ database, databaseFullPath, metrics, blobStor
         metrics,
     });
     const loading = isFetching && currentData === undefined;
+    const isViewerUser = useIsViewerUser();
     const mediaSections = React.useMemo(() => {
         return buildTenantStorageMediaSections({
             blobStorageStats,
@@ -28,14 +35,18 @@ export function TenantStorageNew({ database, databaseFullPath, metrics, blobStor
             tabletStorageStats,
         });
     }, [blobStorageStats, metrics, tabletStorageStats]);
+    const showDataIncompleteAlert = React.useMemo(() => {
+        var _a;
+        return ((_a = currentData === null || currentData === void 0 ? void 0 : currentData.problems) !== null && _a !== void 0 ? _a : []).includes(EStorageStatsProblem.DataIncomplete);
+    }, [currentData === null || currentData === void 0 ? void 0 : currentData.problems]);
     if (error && !currentData) {
         return _jsx(ResponseError, { error: error });
     }
     const topRowsError = (_a = data.topRowsError) !== null && _a !== void 0 ? _a : error;
     const grouped = mediaSections.length > 1;
     if (loading) {
-        return (_jsxs(Flex, { direction: "column", gap: 4, className: b(), children: [_jsx(TenantStorageSummarySkeleton, {}), _jsx(TenantStorageTopUsageTable, { loading: true, error: undefined, rows: [], withData: false })] }));
+        return (_jsxs(Flex, { direction: "column", gap: 4, className: b(), children: [_jsx(TenantStorageSummarySkeleton, { showPhysicalDiskUsage: isViewerUser }), _jsx(TenantStorageTopUsageTable, { loading: true, error: undefined, rows: [], withData: false })] }));
     }
-    return (_jsxs(Flex, { direction: "column", gap: 4, className: b(), children: [_jsx("div", { className: b('sections-group'), children: _jsx("div", { className: b('sections-inner'), children: grouped ? (_jsx(TenantStorageGroupedMediaSectionsView, { sections: mediaSections, data: data })) : (mediaSections.map((section, index) => (_jsx(TenantStorageMediaSectionView, { section: section, showMediaTypeLabel: false, data: data }, `${section.mediaType}-${index}`)))) }) }), _jsx(TenantStorageTopUsageTable, { loading: false, error: topRowsError, rows: data.topRows, withData: Boolean(currentData) })] }));
+    return (_jsxs(Flex, { direction: "column", gap: 4, className: b(), children: [showDataIncompleteAlert ? (_jsx(Alert, { theme: "warning", view: "filled", message: i18n('alert_data-incomplete') })) : null, _jsx("div", { className: b('sections-group'), children: _jsx("div", { className: b('sections-inner'), children: grouped ? (_jsx(TenantStorageGroupedMediaSectionsView, { sections: mediaSections, data: data, showPhysicalDiskUsage: isViewerUser })) : (mediaSections.map((section, index) => (_jsx(TenantStorageMediaSectionView, { section: section, showMediaTypeLabel: false, data: data, showPhysicalDiskUsage: isViewerUser }, `${section.mediaType}-${index}`)))) }) }), _jsx(TenantStorageTopUsageTable, { loading: false, error: topRowsError, rows: data.topRows, withData: Boolean(currentData) })] }));
 }
 //# sourceMappingURL=TenantStorageNew.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageNew.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantStorageNew.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageNew.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TenantStorageNew.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageNew.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSegments.d.ts

@@ -1,5 +1,7 @@
 import type { TenantStorageSegment, TenantStorageSegmentKey, TenantStorageSystemDetail } from './utils';
 import './TenantStorageSegments.scss';
+export type TenantStorageSegmentOpenSource = 'progress' | 'legend' | 'system-details';
+export type TenantStorageSegmentOpenChange = (segmentKey: TenantStorageSegmentKey, open: boolean, source: TenantStorageSegmentOpenSource) => void;
 export declare function SegmentTooltipContent({ formatValue, segment, total, totalLabel, }: {
     formatValue: (value: number) => string;
     segment: TenantStorageSegment;
@@ -10,7 +12,7 @@ export declare function SegmentedProgressBar({ activeSegmentKey, formatValue, fo
     activeSegmentKey?: TenantStorageSegmentKey;
     formatValue: (value: number) => string;
     formatTooltipValue: (value: number) => string;
-    onSegmentOpenChange: (segmentKey: TenantStorageSegmentKey, open: boolean) => void;
+    onSegmentOpenChange: TenantStorageSegmentOpenChange;
     segments: TenantStorageSegment[];
     tooltipTotal: number;
     tooltipTotalLabel: string;
@@ -22,7 +24,7 @@ export declare function LegendItems({ activeSegmentKey, segments, formatValue, f
     formatValue: (value: number) => string;
     formatTooltipValue: (value: number) => string;
     formatSystemDetailValue?: (value: number) => string;
-    onSegmentOpenChange: (segmentKey: TenantStorageSegmentKey, open: boolean) => void;
+    onSegmentOpenChange: TenantStorageSegmentOpenChange;
     systemDetails?: TenantStorageSystemDetail[];
     tooltipTotal: number;
     tooltipTotalLabel: string;

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSegments.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Flex, HelpMark, Progress, Text, Tooltip } from '@gravity-ui/uikit';
 import { cn } from '../../../../../utils/cn';
 import { formatPercent } from '../../../../../utils/dataFormatters/dataFormatters';
@@ -8,7 +9,9 @@ import './TenantStorageSegments.scss';
 const b = cn('ydb-tenant-storage-segments');
 const SEGMENT_TOOLTIP_OPEN_DELAY = 100;
 const SEGMENT_TOOLTIP_CLOSE_DELAY = 100;
-const SEGMENT_TOOLTIP_PLACEMENT = ['top', 'bottom'];
+const SEGMENT_TOOLTIP_WITH_HELP_MARK_CLOSE_DELAY = 250;
+const PROGRESS_TOOLTIP_PLACEMENT = ['top', 'bottom'];
+const LEGEND_TOOLTIP_PLACEMENT = ['bottom', 'top'];
 const SEGMENT_COLORS = {
     [TENANT_STORAGE_SEGMENT_KEYS.rowTables]: 'var(--ydb-storage-segment-row-tables)',
     [TENANT_STORAGE_SEGMENT_KEYS.columnTables]: 'var(--ydb-storage-segment-column-tables)',
@@ -64,8 +67,8 @@ export function SegmentTooltipContent({ formatValue, segment, total, totalLabel,
     const percent = formatSegmentPercent(getSegmentProgressValue(segment), total);
     return (_jsxs("ul", { className: b('tooltip'), children: [_jsx("li", { children: formatValue(getTenantStorageSegmentDisplayValue(segment)) }), percent ? (_jsx("li", { children: i18n('context_segment-share', { value: percent, totalLabel }) })) : null] }));
 }
-function SegmentTooltip({ children, formatValue, onOpenChange, segment, total, totalLabel, }) {
-    return (_jsx(Tooltip, { placement: SEGMENT_TOOLTIP_PLACEMENT, openDelay: SEGMENT_TOOLTIP_OPEN_DELAY, closeDelay: SEGMENT_TOOLTIP_CLOSE_DELAY, content: _jsx(SegmentTooltipContent, { formatValue: formatValue, segment: segment, total: total, totalLabel: totalLabel }), onOpenChange: (open) => onOpenChange(segment.key, open), children: children }));
+function SegmentTooltip({ children, closeDelay = SEGMENT_TOOLTIP_CLOSE_DELAY, formatValue, onOpenChange, placement, segment, source, total, totalLabel, }) {
+    return (_jsx(Tooltip, { placement: placement, openDelay: SEGMENT_TOOLTIP_OPEN_DELAY, closeDelay: closeDelay, content: _jsx(SegmentTooltipContent, { formatValue: formatValue, segment: segment, total: total, totalLabel: totalLabel }), onOpenChange: (open) => onOpenChange(segment.key, open, source), children: children }));
 }
 export function SegmentedProgressBar({ activeSegmentKey, formatValue, formatTooltipValue, onSegmentOpenChange, segments, tooltipTotal, tooltipTotalLabel, total, }) {
     const activeSegments = getActiveDisplaySegments(segments);
@@ -77,12 +80,40 @@ export function SegmentedProgressBar({ activeSegmentKey, formatValue, formatTool
     const cappedTotal = Math.max(effectiveTotal, segmentSum);
     return (_jsxs("div", { className: b('progress'), children: [activeSegments.map((segment) => {
                 const inactive = activeSegmentKey !== undefined && activeSegmentKey !== segment.key;
-                return (_jsx(SegmentTooltip, { formatValue: formatTooltipValue, onOpenChange: onSegmentOpenChange, segment: segment, total: tooltipTotal, totalLabel: tooltipTotalLabel, children: _jsx("div", { "aria-label": `${SEGMENT_LABELS[segment.key]}: ${formatValue(getTenantStorageSegmentDisplayValue(segment))}`, className: b('item', { inactive }), onMouseDown: (event) => event.preventDefault(), style: {
+                return (_jsx(SegmentTooltip, { formatValue: formatTooltipValue, onOpenChange: onSegmentOpenChange, placement: PROGRESS_TOOLTIP_PLACEMENT, segment: segment, source: "progress", total: tooltipTotal, totalLabel: tooltipTotalLabel, children: _jsx("div", { "aria-label": `${SEGMENT_LABELS[segment.key]}: ${formatValue(getTenantStorageSegmentDisplayValue(segment))}`, className: b('item', { inactive }), onMouseDown: (event) => event.preventDefault(), style: {
                             width: `${(getSegmentProgressValue(segment) / cappedTotal) * 100}%`,
                             background: SEGMENT_COLORS[segment.key],
                         }, tabIndex: 0 }) }, segment.key));
             }), _jsx("div", { className: b('empty', { inactive: activeSegmentKey !== undefined }) })] }));
 }
+const LegendItemContent = React.forwardRef(({ className, formatValue, onMouseDown, segment, ...props }, ref) => {
+    const formattedValue = formatValue(getTenantStorageSegmentDisplayValue(segment));
+    const handleMouseDown = React.useCallback((event) => {
+        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+        event.preventDefault();
+    }, [onMouseDown]);
+    return (_jsxs("div", { ...props, ref: ref, className: b('legend-content', className), onMouseDown: handleMouseDown, tabIndex: 0, children: [_jsx("div", { "aria-hidden": "true", className: b('legend-dot'), style: { background: SEGMENT_COLORS[segment.key] } }), _jsx("div", { className: b('legend-label'), children: _jsx(Text, { children: SEGMENT_LABELS[segment.key] }) }), _jsx(Text, { color: "secondary", children: formattedValue })] }));
+});
+LegendItemContent.displayName = 'LegendItemContent';
+function SystemDetailsHelpMark({ describedBy, details, formatSystemDetailValue, formatValue, onOpenChange, segmentKey, }) {
+    const handleOpenChange = React.useCallback((open) => {
+        onOpenChange(segmentKey, open, 'system-details');
+    }, [onOpenChange, segmentKey]);
+    return (_jsx(HelpMark, { "aria-describedby": describedBy, iconSize: "s", popoverProps: {
+            placement: LEGEND_TOOLTIP_PLACEMENT,
+            openDelay: SEGMENT_TOOLTIP_OPEN_DELAY,
+            onOpenChange: handleOpenChange,
+        }, children: _jsx(Flex, { direction: "column", gap: "1", className: b('system-tooltip'), children: details.map((detail) => {
+                var _a;
+                return (_jsxs(Flex, { justifyContent: "space-between", gap: "4", className: b('system-tooltip-row'), children: [_jsx(Text, { children: SYSTEM_DETAIL_LABELS[detail.key] }), _jsx(Text, { color: "secondary", children: (_a = formatSystemDetailValue === null || formatSystemDetailValue === void 0 ? void 0 : formatSystemDetailValue(detail.value)) !== null && _a !== void 0 ? _a : formatValue(detail.value) })] }, detail.key));
+            }) }) }));
+}
+function LegendItem({ activeSegmentKey, formatSystemDetailValue, formatTooltipValue, formatValue, onSegmentOpenChange, segment, showSystemDetails, systemDetails, tooltipTotal, tooltipTotalLabel, }) {
+    const contentId = React.useId();
+    const inactive = activeSegmentKey !== undefined && activeSegmentKey !== segment.key;
+    const closeDelay = showSystemDetails ? SEGMENT_TOOLTIP_WITH_HELP_MARK_CLOSE_DELAY : undefined;
+    return (_jsxs("div", { "aria-labelledby": contentId, className: b('legend-item', { inactive }), role: "group", children: [_jsx(SegmentTooltip, { closeDelay: closeDelay, formatValue: formatTooltipValue, onOpenChange: onSegmentOpenChange, placement: LEGEND_TOOLTIP_PLACEMENT, segment: segment, source: "legend", total: tooltipTotal, totalLabel: tooltipTotalLabel, children: _jsx(LegendItemContent, { id: contentId, formatValue: formatValue, segment: segment }) }), showSystemDetails ? (_jsx(SystemDetailsHelpMark, { describedBy: contentId, details: systemDetails, formatSystemDetailValue: formatSystemDetailValue, formatValue: formatValue, onOpenChange: onSegmentOpenChange, segmentKey: segment.key })) : null] }));
+}
 export function LegendItems({ activeSegmentKey, segments, formatValue, formatTooltipValue, formatSystemDetailValue, onSegmentOpenChange, systemDetails, tooltipTotal, tooltipTotalLabel, }) {
     const activeSegments = getActiveDisplaySegments(segments);
     const visibleSystemDetails = (systemDetails !== null && systemDetails !== void 0 ? systemDetails : []).filter((detail) => detail.value > 0);
@@ -92,11 +123,7 @@ export function LegendItems({ activeSegmentKey, segments, formatValue, formatToo
     return (_jsx("div", { className: b('legend-items'), children: activeSegments.map((segment) => {
             const isSystemSegment = segment.key === TENANT_STORAGE_SEGMENT_KEYS.system;
             const showSystemDetails = isSystemSegment && visibleSystemDetails.length > 0;
-            const inactive = activeSegmentKey !== undefined && activeSegmentKey !== segment.key;
-            return (_jsx(SegmentTooltip, { formatValue: formatTooltipValue, onOpenChange: onSegmentOpenChange, segment: segment, total: tooltipTotal, totalLabel: tooltipTotalLabel, children: _jsxs("div", { "aria-label": `${SEGMENT_LABELS[segment.key]}: ${formatValue(getTenantStorageSegmentDisplayValue(segment))}`, className: b('legend-item', { inactive }), onMouseDown: (event) => event.preventDefault(), tabIndex: 0, children: [_jsx("div", { className: b('legend-dot'), style: { background: SEGMENT_COLORS[segment.key] } }), _jsx("div", { className: b('legend-label'), children: _jsx(Text, { children: SEGMENT_LABELS[segment.key] }) }), _jsx(Text, { color: "secondary", children: formatValue(getTenantStorageSegmentDisplayValue(segment)) }), showSystemDetails ? (_jsx(HelpMark, { iconSize: "s", children: _jsx(Flex, { direction: "column", gap: "1", className: b('system-tooltip'), children: visibleSystemDetails.map((detail) => {
-                                    var _a;
-                                    return (_jsxs(Flex, { justifyContent: "space-between", gap: "4", className: b('system-tooltip-row'), children: [_jsx(Text, { children: SYSTEM_DETAIL_LABELS[detail.key] }), _jsx(Text, { color: "secondary", children: (_a = formatSystemDetailValue === null || formatSystemDetailValue === void 0 ? void 0 : formatSystemDetailValue(detail.value)) !== null && _a !== void 0 ? _a : formatValue(detail.value) })] }, detail.key));
-                                }) }) })) : null] }) }, segment.key));
+            return (_jsx(LegendItem, { activeSegmentKey: activeSegmentKey, formatSystemDetailValue: formatSystemDetailValue, formatTooltipValue: formatTooltipValue, formatValue: formatValue, onSegmentOpenChange: onSegmentOpenChange, segment: segment, showSystemDetails: showSystemDetails, systemDetails: visibleSystemDetails, tooltipTotal: tooltipTotal, tooltipTotalLabel: tooltipTotalLabel }, segment.key));
         }) }));
 }
 //# sourceMappingURL=TenantStorageSegments.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSegments.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantStorageSegments.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSegments.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TenantStorageSegments.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSegments.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSegments.scss

@@ -81,17 +81,22 @@
         min-width: 0;
     }
 
-    &__legend-item {
+    &__legend-item,
+    &__legend-content {
         display: flex;
         align-items: center;
         gap: var(--g-spacing-2);
 
         white-space: nowrap;
+    }
 
+    &__legend-item {
         &_inactive {
             opacity: 0.5;
         }
+    }
 
+    &__legend-content {
         &:focus-visible {
             outline: 2px solid var(--g-color-line-focus);
             outline-offset: 2px;

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummaryCard.d.ts

@@ -5,6 +5,7 @@ export interface SummaryMetricProps {
     note?: string;
     notePlacement?: 'label' | 'value';
     noteTitle?: string;
+    noData?: boolean;
     value: string;
     emphasize?: boolean;
     hideDivider?: boolean;
@@ -25,6 +26,7 @@ interface SummaryCardProps {
     description: string;
     descriptionHelpText?: string;
     position?: 'first' | 'last';
+    qa?: string;
 }
 type SummaryCardPropsWithRow = SummaryCardProps & SummaryCardRowBaseProps;
 export interface GroupedSummaryCardRow extends SummaryCardRowBaseProps {
@@ -34,6 +36,6 @@ export interface GroupedSummaryCardRow extends SummaryCardRowBaseProps {
 interface GroupedSummaryCardProps extends SummaryCardProps {
     rows: GroupedSummaryCardRow[];
 }
-export declare function SummaryCard({ title, description, descriptionHelpText, position, ...rowProps }: SummaryCardPropsWithRow): import("react/jsx-runtime").JSX.Element;
-export declare function GroupedSummaryCard({ title, description, descriptionHelpText, position, rows, }: GroupedSummaryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function SummaryCard({ title, description, descriptionHelpText, position, qa, ...rowProps }: SummaryCardPropsWithRow): import("react/jsx-runtime").JSX.Element;
+export declare function GroupedSummaryCard({ title, description, descriptionHelpText, position, qa, rows, }: GroupedSummaryCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummaryCard.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Flex, HelpMark, Label, Progress, Text } from '@gravity-ui/uikit';
+import { CloudSlash } from '@gravity-ui/icons';
+import { Flex, HelpMark, Icon, Label, Progress, Text } from '@gravity-ui/uikit';
 import { cn } from '../../../../../utils/cn';
 import { formatNumber } from '../../../../../utils/dataFormatters/dataFormatters';
 import { LegendItems, SegmentedProgressBar } from './TenantStorageSegments';
@@ -15,16 +16,20 @@ function SummaryMetricNote({ note, noteTitle }) {
     const content = noteTitle ? (_jsxs("div", { className: b('metric-note'), children: [_jsx(Text, { variant: "subheader-2", children: noteTitle }), note ? _jsx(Text, { children: note }) : null] })) : (note);
     return _jsx(HelpMark, { iconSize: "s", children: content });
 }
-function SummaryMetric({ label, note, notePlacement = 'label', noteTitle, value, emphasize, hideDivider, }) {
+function NoDataLabel({ label }) {
+    const content = label ? `${label}: ${i18n('value_no-data')}` : i18n('value_no-data');
+    return (_jsx(Label, { theme: "unknown", size: "xs", icon: _jsx(Icon, { data: CloudSlash }), children: content }));
+}
+function SummaryMetric({ label, note, notePlacement = 'label', noteTitle, noData, value, emphasize, hideDivider, }) {
     const noteElement = _jsx(SummaryMetricNote, { note: note, noteTitle: noteTitle });
-    return (_jsxs("div", { className: b('metric', { emphasize, 'hide-divider': hideDivider }), children: [_jsxs(Flex, { alignItems: "center", gap: "1", children: [_jsx(Text, { variant: "subheader-2", className: b('metric-value'), children: value }), notePlacement === 'value' ? noteElement : null] }), _jsxs(Flex, { alignItems: "center", gap: "1", className: b('metric-label'), children: [_jsx(Text, { color: "secondary", children: label }), notePlacement === 'label' ? noteElement : null] })] }));
+    return (_jsxs("div", { className: b('metric', { emphasize, 'hide-divider': hideDivider, 'no-data': noData }), children: [_jsxs(Flex, { alignItems: "center", gap: "1", children: [noData ? (_jsx(NoDataLabel, {})) : (_jsx(Text, { variant: "subheader-2", className: b('metric-value'), children: value })), notePlacement === 'value' ? noteElement : null] }), _jsxs(Flex, { alignItems: "center", gap: "1", className: b('metric-label'), children: [_jsx(Text, { color: "secondary", children: label }), notePlacement === 'label' ? noteElement : null] })] }));
 }
-function GroupedSummaryMetric({ label, note, notePlacement = 'label', noteTitle, value, emphasize, hideDivider, }) {
+function GroupedSummaryMetric({ label, note, notePlacement = 'label', noteTitle, noData, value, emphasize, hideDivider, }) {
     const noteElement = _jsx(SummaryMetricNote, { note: note, noteTitle: noteTitle });
     if (emphasize) {
-        return (_jsxs("div", { className: b('metric', { emphasize, grouped: true, 'hide-divider': hideDivider }), children: [_jsx(Label, { theme: "normal", size: "xs", value: value, children: label }), noteElement] }));
+        return (_jsxs("div", { className: b('metric', { emphasize, grouped: true, 'hide-divider': hideDivider }), children: [noData ? (_jsx(NoDataLabel, { label: label })) : (_jsx(Label, { theme: "normal", size: "xs", value: value, children: label })), noteElement] }));
     }
-    return (_jsxs("div", { className: b('metric', { grouped: true, 'hide-divider': hideDivider }), children: [_jsxs(Flex, { alignItems: "center", gap: "1", className: b('metric-label'), children: [_jsx(Text, { color: "secondary", children: label }), notePlacement === 'label' ? noteElement : null] }), _jsxs(Flex, { alignItems: "center", gap: "1", children: [_jsx(Text, { variant: "subheader-1", className: b('metric-value'), children: value }), notePlacement === 'value' ? noteElement : null] })] }));
+    return (_jsxs("div", { className: b('metric', { grouped: true, 'hide-divider': hideDivider }), children: [_jsxs(Flex, { alignItems: "center", gap: "1", className: b('metric-label'), children: [_jsx(Text, { color: "secondary", children: label }), notePlacement === 'label' ? noteElement : null] }), _jsxs(Flex, { alignItems: "center", gap: "1", children: [noData ? (_jsx(NoDataLabel, {})) : (_jsx(Text, { variant: "subheader-1", className: b('metric-value'), children: value })), notePlacement === 'value' ? noteElement : null] })] }));
 }
 function SummaryCardCopy({ description, descriptionHelpText, title, }) {
     return (_jsxs("div", { className: b('copy'), children: [_jsx(Text, { variant: "subheader-3", children: title }), _jsxs(Flex, { alignItems: "center", gap: "1", children: [_jsx(Text, { color: "secondary", children: description }), descriptionHelpText ? (_jsx(HelpMark, { iconSize: "s", children: descriptionHelpText })) : null] })] }));
@@ -34,13 +39,16 @@ function SummaryCardRow({ displayNoLimit, formatLegendValue, formatSystemDetailV
     const total = (_a = summary.quota) !== null && _a !== void 0 ? _a : summary.total;
     const activeSegments = (segments !== null && segments !== void 0 ? segments : []).filter((s) => s.value > 0);
     const hasSegments = activeSegments.length > 0;
-    const [activeSegmentKey, setActiveSegmentKey] = React.useState();
-    const handleSegmentOpenChange = React.useCallback((segmentKey, open) => {
-        setActiveSegmentKey((currentKey) => {
+    const [activeSegment, setActiveSegment] = React.useState();
+    const activeSegmentKey = activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.key;
+    const handleSegmentOpenChange = React.useCallback((segmentKey, open, source) => {
+        setActiveSegment((currentSegment) => {
             if (open) {
-                return segmentKey;
+                return { key: segmentKey, source };
             }
-            return currentKey === segmentKey ? undefined : currentKey;
+            return (currentSegment === null || currentSegment === void 0 ? void 0 : currentSegment.key) === segmentKey && currentSegment.source === source
+                ? undefined
+                : currentSegment;
         });
     }, []);
     let percent = 0;
@@ -54,10 +62,10 @@ function SummaryCardRow({ displayNoLimit, formatLegendValue, formatSystemDetailV
                             ? i18n('value_no-limit')
                             : formatSummaryPercent(summary.usedPercent) })] })] }));
 }
-export function SummaryCard({ title, description, descriptionHelpText, position, ...rowProps }) {
-    return (_jsx("div", { className: b({ first: position === 'first', last: position === 'last' }), children: _jsx(SummaryCardRow, { ...rowProps, header: _jsx(SummaryCardCopy, { title: title, description: description, descriptionHelpText: descriptionHelpText }) }) }));
+export function SummaryCard({ title, description, descriptionHelpText, position, qa, ...rowProps }) {
+    return (_jsx("div", { className: b({ first: position === 'first', last: position === 'last' }), "data-qa": qa, children: _jsx(SummaryCardRow, { ...rowProps, header: _jsx(SummaryCardCopy, { title: title, description: description, descriptionHelpText: descriptionHelpText }) }) }));
 }
-export function GroupedSummaryCard({ title, description, descriptionHelpText, position, rows, }) {
-    return (_jsxs("div", { className: b({ first: position === 'first', grouped: true, last: position === 'last' }), children: [_jsx(SummaryCardCopy, { title: title, description: description, descriptionHelpText: descriptionHelpText }), _jsx("div", { className: b('rows'), children: rows.map(({ id, mediaLabel, ...rowProps }) => (_jsx(SummaryCardRow, { ...rowProps, grouped: true, header: _jsx(Text, { variant: "subheader-2", className: b('row-label'), children: mediaLabel }) }, id))) })] }));
+export function GroupedSummaryCard({ title, description, descriptionHelpText, position, qa, rows, }) {
+    return (_jsxs("div", { className: b({ first: position === 'first', grouped: true, last: position === 'last' }), "data-qa": qa, children: [_jsx(SummaryCardCopy, { title: title, description: description, descriptionHelpText: descriptionHelpText }), _jsx("div", { className: b('rows'), children: rows.map(({ id, mediaLabel, ...rowProps }) => (_jsx(SummaryCardRow, { ...rowProps, grouped: true, header: _jsx(Text, { variant: "subheader-2", className: b('row-label'), children: mediaLabel }) }, id))) })] }));
 }
 //# sourceMappingURL=TenantStorageSummaryCard.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummaryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantStorageSummaryCard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummaryCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TenantStorageSummaryCard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummaryCard.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummaryCard.scss

@@ -77,8 +77,7 @@
         flex-direction: column;
         justify-content: center;
 
-        width: 101px;
-        min-width: 0;
+        min-width: 101px;
         padding-left: var(--g-spacing-10);
 
         border-left: 1px solid var(--g-color-line-generic);
@@ -94,8 +93,12 @@
             background: var(--g-color-base-generic-accent);
         }
 
+        &_no-data {
+            background: transparent;
+        }
+
         &_hide-divider {
-            width: 70px;
+            min-width: 70px;
             padding-left: 0;
 
             border-left: 0;

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorageSummarySections.d.ts

@@ -1,11 +1,16 @@
 import type { TenantStorageData, TenantStorageMediaSection } from './utils';
 import './TenantStorageSummarySections.scss';
-export declare function TenantStorageMediaSectionView({ section, showMediaTypeLabel, data, }: {
+interface TenantStorageMediaSectionViewProps {
     section: TenantStorageMediaSection;
     showMediaTypeLabel: boolean;
     data: TenantStorageData;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TenantStorageGroupedMediaSectionsView({ data, sections, }: {
+    showPhysicalDiskUsage?: boolean;
+}
+export declare function TenantStorageMediaSectionView({ section, showMediaTypeLabel, data, showPhysicalDiskUsage, }: TenantStorageMediaSectionViewProps): import("react/jsx-runtime").JSX.Element;
+interface TenantStorageGroupedMediaSectionsViewProps {
     data: TenantStorageData;
     sections: TenantStorageMediaSection[];
-}): import("react/jsx-runtime").JSX.Element;
+    showPhysicalDiskUsage?: boolean;
+}
+export declare function TenantStorageGroupedMediaSectionsView({ data, sections, showPhysicalDiskUsage, }: TenantStorageGroupedMediaSectionsViewProps): import("react/jsx-runtime").JSX.Element;
+export {};