ydb-embedded-ui 22.0.0 → 22.1.0

package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.d.ts

@@ -1,6 +1,7 @@
 import type { IconData } from '@gravity-ui/uikit';
 interface AllModeCapacityAlertIndicatorProps {
     indicator?: IconData | string;
+    iconSize?: number;
 }
-export declare function AllModeCapacityAlertIndicator({ indicator }: AllModeCapacityAlertIndicatorProps): string | import("react/jsx-runtime").JSX.Element | null;
+export declare function AllModeCapacityAlertIndicator({ indicator, iconSize, }: AllModeCapacityAlertIndicatorProps): string | import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js

@@ -1,14 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleQuestionFill } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 const b = cn('storage-disk-progress-bar');
-export function AllModeCapacityAlertIndicator({ indicator }) {
+export function AllModeCapacityAlertIndicator({ indicator, iconSize = 12, }) {
     if (!indicator) {
         return null;
     }
     if (typeof indicator === 'string') {
         return indicator;
     }
-    return (_jsx(Icon, { className: b('all-mode-capacity-alert-indicator-icon'), data: indicator, size: 12 }));
+    return (_jsx(Icon, { className: indicator === CircleQuestionFill
+            ? b('all-mode-missing-data-indicator-icon')
+            : undefined, data: indicator, size: iconSize }));
 }
 //# sourceMappingURL=AllModeCapacityAlertIndicator.js.map

package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllModeCapacityAlertIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,6BAA6B,CAAC,EAAC,SAAS,EAAqC;IACzF,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9F,CAAC;AACN,CAAC"}
+{"version":3,"file":"AllModeCapacityAlertIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,6BAA6B,CAAC,EAC1C,SAAS,EACT,QAAQ,GAAG,EAAE,GACoB;IACjC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EACL,SAAS,KAAK,kBAAkB;YAC5B,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC;YAC3C,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,GAChB,CACL,CAAC;AACN,CAAC"}

package/dist/components/DiskStateProgressBar/AllModeIndicators.d.ts

@@ -1,6 +1,7 @@
 import type { AllModeIndicatorsState } from '../../utils/disks/displayState';
 interface AllModeIndicatorsProps {
     indicators: AllModeIndicatorsState;
+    size?: 's' | 'm';
 }
-export declare function AllModeIndicators({ indicators }: AllModeIndicatorsProps): import("react/jsx-runtime").JSX.Element;
+export declare function AllModeIndicators({ indicators, size }: AllModeIndicatorsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DiskStateProgressBar/AllModeIndicators.js

@@ -4,7 +4,9 @@ import { cn } from '../../utils/cn';
 import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
 import { DiskIconGroup } from './DiskIndicator';
 const b = cn('storage-disk-progress-bar');
-export function AllModeIndicators({ indicators }) {
-    return (_jsxs("div", { className: b('all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: indicators.frontQueues && _jsx(Icon, { data: indicators.frontQueues, size: 12 }) }), _jsx("div", { className: b('all-mode-compaction-indicator-slot'), children: indicators.compaction && _jsx(DiskIconGroup, { icons: indicators.compaction }) })] }));
+export function AllModeIndicators({ indicators, size = 'm' }) {
+    const iconSize = size === 's' ? 8 : 12;
+    const iconGroupSize = size === 's' ? 8 : 10;
+    return (_jsxs("div", { className: b('all-mode-indicators', { size }), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot', { size }), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert, iconSize: iconSize }) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: indicators.frontQueues && _jsx(Icon, { data: indicators.frontQueues, size: iconSize }) }), _jsx("div", { className: b('all-mode-compaction-indicator-slot'), children: indicators.compaction && (_jsx(DiskIconGroup, { icons: indicators.compaction, size: iconGroupSize, className: b('all-mode-compaction-icons', { size }) })) })] }));
 }
 //# sourceMappingURL=AllModeIndicators.js.map

package/dist/components/DiskStateProgressBar/AllModeIndicators.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,iBAAiB,CAAC,EAAC,UAAU,EAAyB;IAClE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,aACpC,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,YAEtD,KAAC,6BAA6B,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,GAAI,GACnE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,WAAW,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAI,GACxE,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,oCAAoC,CAAC,YAClD,UAAU,CAAC,UAAU,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,CAAC,UAAU,GAAI,GACvE,IACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"AllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,iBAAiB,CAAC,EAAC,UAAU,EAAE,IAAI,GAAG,GAAG,EAAyB;IAC9E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAC,IAAI,EAAC,CAAC,aAC5C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,wCAAwC,EAAE,EAAC,IAAI,EAAC,CAAC,YAE9D,KAAC,6BAA6B,IAC1B,SAAS,EAAE,UAAU,CAAC,aAAa,EACnC,QAAQ,EAAE,QAAQ,GACpB,GACC,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,WAAW,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAI,GAC9E,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,oCAAoC,CAAC,YAClD,UAAU,CAAC,UAAU,IAAI,CACtB,KAAC,aAAa,IACV,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,IAAI,EAAE,aAAa,EACnB,SAAS,EAAE,CAAC,CAAC,2BAA2B,EAAE,EAAC,IAAI,EAAC,CAAC,GACnD,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/DiskStateProgressBar/DiskIndicator.d.ts

@@ -2,11 +2,16 @@ import type { DiskIndicatorValue } from '../../utils/disks/displayState';
 import type { IconWithColor } from '../../utils/disks/iconCalculators';
 interface DiskIconGroupProps {
     icons: IconWithColor[];
+    size?: number;
+    className?: string;
 }
-export declare function DiskIconGroup({ icons }: DiskIconGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiskIconGroup({ icons, size, className }: DiskIconGroupProps): import("react/jsx-runtime").JSX.Element;
 interface DiskIndicatorProps {
     value: DiskIndicatorValue;
     placement?: 'inline' | 'overlap';
+    iconSize?: number;
+    iconGroupSize?: number;
+    className?: string;
 }
-export declare function DiskIndicator({ value, placement }: DiskIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiskIndicator({ value, placement, iconSize, iconGroupSize, className, }: DiskIndicatorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DiskStateProgressBar/DiskIndicator.js

@@ -2,16 +2,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 const b = cn('storage-disk-progress-bar');
-export function DiskIconGroup({ icons }) {
-    return (_jsx("div", { className: b('icon-group'), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size: 10, style: color ? { color } : undefined }, index))) }));
+export function DiskIconGroup({ icons, size = 10, className }) {
+    return (_jsx("div", { className: b('icon-group', className), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size: size, style: color ? { color } : undefined }, index))) }));
 }
-export function DiskIndicator({ value, placement = 'inline' }) {
+export function DiskIndicator({ value, placement = 'inline', iconSize = 12, iconGroupSize, className, }) {
     if (typeof value === 'string') {
-        return _jsx("div", { className: b('text-label'), children: value });
+        return _jsx("div", { className: b('text-label', className), children: value });
     }
     if (Array.isArray(value)) {
-        return _jsx(DiskIconGroup, { icons: value });
+        return _jsx(DiskIconGroup, { icons: value, size: iconGroupSize, className: className });
     }
-    return (_jsx(Icon, { className: b('icon', { 'overlap-top-left': placement === 'overlap' }), data: value, size: 12 }));
+    return (_jsx(Icon, { className: b('icon', { 'overlap-top-left': placement === 'overlap' }, className), data: value, size: iconSize }));
 }
 //# sourceMappingURL=DiskIndicator.js.map

package/dist/components/DiskStateProgressBar/DiskIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiskIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAqB;IACrD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,IAAI,IAED,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,UAAU,EAAE,KAAK,GAAG,CAAC,EAAC,CAAC,EAC7C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,IAJ7B,KAAK,CAKZ,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAOD,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,EAAqB;IAC3E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,KAAK,GAAO,CAAC;IAC1D,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC3C,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,kBAAkB,EAAE,SAAS,KAAK,SAAS,EAAC,CAAC,EACnE,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,EAAE,GACV,CACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"DiskIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAQ1C,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAqB;IAC3E,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,IAAI,IAED,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,UAAU,EAAE,KAAK,GAAG,CAAC,EAAC,CAAC,EAC7C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,IAJ7B,KAAK,CAKZ,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAUD,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,SAAS,GACQ;IACjB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YAAG,KAAK,GAAO,CAAC;IACrE,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACtF,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,kBAAkB,EAAE,SAAS,KAAK,SAAS,EAAC,EAAE,SAAS,CAAC,EAC9E,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,QAAQ,GAChB,CACL,CAAC;AACN,CAAC"}

package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js

@@ -20,8 +20,8 @@ export function DiskStateProgressBar({ allocation, tone, mode, compact, faded, i
         striped,
         filled,
         highlighted,
+        borderless,
         'all-mode-has-issues': mode === 'all' && strongFill,
-        'legend-inactive': borderless,
         'overlap-icon-at-top-left': overflowVisible,
         [getToneModifier(tone)]: true,
     };

package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAsB1C,SAAS,eAAe,CAAC,IAAiB;IACtC,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GACS;IACxB,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAsB,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhF,MAAM,IAAI,GAAwC;QAC9C,QAAQ;QACR,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO;QACP,MAAM;QACN,WAAW;QACX,qBAAqB,EAAE,IAAI,KAAK,KAAK,IAAI,UAAU;QACnD,iBAAiB,EAAE,UAAU;QAC7B,0BAA0B,EAAE,eAAe;QAC3C,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI;KAChC,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACP,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;QAC1C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,UAAU,IAAI,CAAC,CAAC;IAE/D,IAAI,iBAAiB,GAAoB,IAAI,CAAC;IAC9C,IAAI,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC;QAC5B,qCAAqC;QACrC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACX,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,iBAAiB,GAAG,CAChB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,SAAS,GAAG,EAAC,GAAI,CAC3E,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EACtD,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,OAAO,gBACD,sBAAsB,mBAClB,CAAC,mBACD,GAAG,mBACH,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,aAEpD,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,OAAO,IACL,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAsB1C,SAAS,eAAe,CAAC,IAAiB;IACtC,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GACS;IACxB,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAsB,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhF,MAAM,IAAI,GAAwC;QAC9C,QAAQ;QACR,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO;QACP,MAAM;QACN,WAAW;QACX,UAAU;QACV,qBAAqB,EAAE,IAAI,KAAK,KAAK,IAAI,UAAU;QACnD,0BAA0B,EAAE,eAAe;QAC3C,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI;KAChC,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACP,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;QAC1C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,UAAU,IAAI,CAAC,CAAC;IAE/D,IAAI,iBAAiB,GAAoB,IAAI,CAAC;IAC9C,IAAI,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC;QAC5B,qCAAqC;QACrC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACX,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,iBAAiB,GAAG,CAChB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,SAAS,GAAG,EAAC,GAAI,CAC3E,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EACtD,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,OAAO,gBACD,sBAAsB,mBAClB,CAAC,mBACD,GAAG,mBACH,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,aAEpD,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,OAAO,IACL,CACV,CAAC;AACN,CAAC"}

package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss

@@ -51,28 +51,22 @@
     &_expert-mode {
         --entity-state-compact-background-color: var(--entity-state-background-color);
 
-        &#{$block}_grey {
-            --entity-state-background-color: var(--g-color-base-generic-medium);
-            --entity-state-border-color: none;
-            --entity-state-fill-color: var(--g-color-base-neutral-medium);
-
-            border: none;
-
-            &#{$block}_highlighted {
-                --entity-state-background-color: var(--g-color-base-generic-medium-hover);
-                --entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
-            }
-        }
-
         &#{$block}_light-grey {
+            --entity-state-font-color: var(--g-color-text-secondary);
             --entity-state-border-color: var(--g-color-line-generic);
             --entity-state-background-color: var(--g-color-base-neutral-light);
+            --entity-state-fill-color: var(--g-color-base-neutral-light);
             --entity-state-icon-color: var(--g-color-text-secondary);
 
             border: $border-width solid var(--entity-state-border-color);
 
+            &#{$block}_striped {
+                border: none;
+            }
+
             &#{$block}_highlighted {
                 --entity-state-background-color: var(--g-color-base-neutral-light-hover);
+                --entity-state-fill-color: var(--g-color-base-neutral-light-hover);
             }
 
             &#{$block}_mode-space {
@@ -104,7 +98,7 @@
         }
     }
 
-    &_legend-inactive {
+    &_borderless {
         border: none;
     }
 
@@ -193,22 +187,6 @@
             }
         }
 
-        &#{$block}_grey {
-            --entity-state-background-color: var(--g-color-base-neutral-medium);
-            --entity-state-border-color: none;
-            --entity-state-fill-color: var(--g-color-base-neutral-medium);
-
-            border: none;
-
-            &#{$block}_highlighted {
-                --entity-state-background-color: var(--g-color-base-neutral-medium-hover);
-                --entity-state-border-color: none;
-                --entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
-
-                border: none;
-            }
-        }
-
         #{$block}__fill-bar {
             border-radius: calc(var(--disk-border-radius, var(--g-border-radius-m)) - 1px) 0 0
                 calc(var(--disk-border-radius, var(--g-border-radius-m)) - 1px);
@@ -224,7 +202,9 @@
     }
 
     &_mode-space {
-        &:not(#{$block}_legend-inactive):not(#{$block}_darkgrey) {
+        --entity-state-font-color: var(--ydb-progress-bar-font-color);
+
+        &:not(#{$block}_borderless):not(#{$block}_darkgrey) {
             --entity-state-stripe-border-color: var(--entity-state-border-color);
         }
 
@@ -315,16 +295,6 @@
             }
         }
 
-        &#{$block}_grey {
-            --entity-state-background-color: var(--ydb-space-no-data-bg);
-            --entity-state-fill-color: var(--ydb-space-no-data-fill-color);
-
-            &#{$block}_highlighted {
-                --entity-state-background-color: var(--ydb-space-no-data-bg-hover);
-                --entity-state-fill-color: var(--ydb-space-no-data-fill-color-hover);
-            }
-        }
-
         &#{$block}_light-grey {
             --entity-state-icon-color: var(--ydb-progress-bar-font-color);
         }
@@ -386,6 +356,23 @@
         }
     }
 
+    // Keep N/D colors independent from expert mode-specific backgrounds.
+    &_grey {
+        --ydb-progress-bar-font-color: var(--g-color-text-secondary);
+        --entity-state-icon-color: var(--g-color-text-secondary);
+        --entity-state-border-color: none;
+        --entity-state-background-color: var(--g-color-base-neutral-light);
+        --entity-state-fill-color: var(--g-color-base-neutral-light);
+
+        color: var(--g-color-text-secondary);
+        border: none;
+
+        &#{$block}_highlighted {
+            --entity-state-background-color: var(--g-color-base-neutral-light-hover);
+            --entity-state-fill-color: var(--g-color-base-neutral-light-hover);
+        }
+    }
+
     &_compact {
         min-width: 8px;
         height: var(--progress-bar-compact-height);
@@ -478,6 +465,8 @@
     }
 
     &__all-mode-indicators {
+        --all-mode-indicators-padding: var(--g-spacing-1);
+
         position: absolute;
         z-index: 2;
         inset: 0;
@@ -488,13 +477,20 @@
         column-gap: var(--g-spacing-1);
 
         box-sizing: border-box;
-        padding-inline: calc(var(--g-spacing-1) - $border-width);
+        padding-inline: calc(var(--all-mode-indicators-padding) - $border-width);
 
         pointer-events: none;
 
         #{$block}_grey &,
         #{$block}_striped & {
-            padding-inline: var(--g-spacing-1);
+            padding-inline: var(--all-mode-indicators-padding);
+        }
+
+        &_size_s {
+            --all-mode-indicators-padding: var(--g-spacing-half);
+
+            grid-template-columns: 14px 8px 13px;
+            column-gap: var(--g-spacing-half);
         }
     }
 
@@ -524,9 +520,14 @@
         display: inline-flex;
         justify-content: center;
         align-items: center;
+
+        &_size_s {
+            font-size: 10px;
+            line-height: 12px;
+        }
     }
 
-    &__all-mode-capacity-alert-indicator-icon {
+    &__all-mode-missing-data-indicator-icon {
         color: rgba(162, 162, 162, 1);
     }
 
@@ -580,8 +581,11 @@
         }
 
         &_compact {
+            overflow: hidden;
+
+            min-width: 0;
             margin-right: auto;
-            margin-left: var(--g-spacing-1);
+            margin-left: var(--progress-bar-compact-placeholder-margin-left, var(--g-spacing-1));
         }
     }
 
@@ -605,6 +609,10 @@
         }
     }
 
+    &__all-mode-compaction-icons_size_s {
+        margin-left: 0;
+    }
+
     &__icon {
         position: relative;
         z-index: 2;

package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js

@@ -1,10 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleQuestionFill } from '@gravity-ui/icons';
 import { Icon, Text } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
 import { DiskIconGroup } from './DiskIndicator';
 const b = cn('storage-disk-progress-bar');
+function PDiskAllModeStatusIndicator({ indicator }) {
+    if (!indicator) {
+        return null;
+    }
+    const className = indicator === CircleQuestionFill ? b('all-mode-missing-data-indicator-icon') : undefined;
+    return _jsx(Icon, { className: className, data: indicator, size: 12 });
+}
 export function PDiskAllModeIndicators({ indicators }) {
-    return (_jsxs("div", { className: b('pdisk-all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('pdisk-all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('pdisk-all-mode-drive-indicator-slot'), children: indicators.drive && _jsx(Icon, { data: indicators.drive, size: 12 }) }), _jsx("span", { className: b('pdisk-all-mode-decommit-indicator-slot'), children: indicators.decommit && _jsx(Icon, { data: indicators.decommit, size: 12 }) }), _jsx("span", { className: b('pdisk-all-mode-maintenance-indicator-slot'), children: indicators.maintenance && _jsx(Icon, { data: indicators.maintenance, size: 12 }) }), _jsx("span", { className: b('pdisk-all-mode-device-indicator-slot'), children: indicators.device && _jsx(DiskIconGroup, { icons: indicators.device }) })] }));
+    return (_jsxs("div", { className: b('pdisk-all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('pdisk-all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('pdisk-all-mode-drive-indicator-slot'), children: _jsx(PDiskAllModeStatusIndicator, { indicator: indicators.drive }) }), _jsx("span", { className: b('pdisk-all-mode-decommit-indicator-slot'), children: _jsx(PDiskAllModeStatusIndicator, { indicator: indicators.decommit }) }), _jsx("span", { className: b('pdisk-all-mode-maintenance-indicator-slot'), children: _jsx(PDiskAllModeStatusIndicator, { indicator: indicators.maintenance }) }), _jsx("span", { className: b('pdisk-all-mode-device-indicator-slot'), children: indicators.device && _jsx(DiskIconGroup, { icons: indicators.device }) })] }));
 }
 //# sourceMappingURL=PDiskAllModeIndicators.js.map

package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js.map

@@ -1 +1 @@
-{"version":3,"file":"PDiskAllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,sBAAsB,CAAC,EAAC,UAAU,EAA8B;IAC5E,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,2BAA2B,CAAC,aAC1C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,8CAA8C,CAAC,YAE5D,KAAC,6BAA6B,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,GAAI,GACnE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,qCAAqC,CAAC,YACpD,UAAU,CAAC,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,GAC5D,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,YACvD,UAAU,CAAC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,GAClE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,2CAA2C,CAAC,YAC1D,UAAU,CAAC,WAAW,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAI,GACxE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,MAAM,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAI,GAC9D,IACL,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"PDiskAllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,SAAS,2BAA2B,CAAC,EAAC,SAAS,EAAyB;IACpE,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,SAAS,GACX,SAAS,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7F,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAC,UAAU,EAA8B;IAC5E,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,2BAA2B,CAAC,aAC1C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,8CAA8C,CAAC,YAE5D,KAAC,6BAA6B,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,GAAI,GACnE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,qCAAqC,CAAC,YACrD,KAAC,2BAA2B,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,GACzD,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,YACxD,KAAC,2BAA2B,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,GAC5D,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,2CAA2C,CAAC,YAC3D,KAAC,2BAA2B,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,GAAI,GAC/D,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,MAAM,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAI,GAC9D,IACL,CACT,CAAC;AACN,CAAC"}

package/dist/components/EvictVDiskButton/EvictVDiskButton.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ArrowsOppositeToDots } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { isNil } from 'lodash';
-import { useDiskPagesAvailable } from '../../store/reducers/capabilities/hooks';
+import { useDiskPagesAvailable, useTabletDevUiSecurePath, } from '../../store/reducers/capabilities/hooks';
 import { useIsUserAllowedToMakeChanges } from '../../utils/hooks/useIsUserAllowedToMakeChanges';
 import { ButtonWithConfirmDialog } from '../ButtonWithConfirmDialog/ButtonWithConfirmDialog';
 import { evictVDiskButtonKeyset } from './i18n';
@@ -17,6 +17,7 @@ export function isAllVdiskParamsDefined(vDiskId) {
 export const EvictVDiskButton = ({ vDiskId, donorMode, fullWidth, onSuccess, }) => {
     const isUserAllowedToMakeChanges = useIsUserAllowedToMakeChanges();
     const newDiskApiAvailable = useDiskPagesAvailable();
+    const useSecurePath = useTabletDevUiSecurePath();
     const handleEvictVDisk = React.useCallback(async (isRetry) => {
         const requestParams = {
             groupId: vDiskId.GroupID,
@@ -31,7 +32,10 @@ export const EvictVDiskButton = ({ vDiskId, donorMode, fullWidth, onSuccess, })
             response = await window.api.vdisk.evictVDisk(requestParams);
         }
         else {
-            response = await window.api.tablets.evictVDiskOld(requestParams);
+            response = await window.api.tablets.evictVDiskOld({
+                ...requestParams,
+                useSecurePath,
+            });
         }
         if ((response === null || response === void 0 ? void 0 : response.result) === false) {
             const err = {
@@ -40,7 +44,7 @@ export const EvictVDiskButton = ({ vDiskId, donorMode, fullWidth, onSuccess, })
             };
             throw err;
         }
-    }, [vDiskId, newDiskApiAvailable]);
+    }, [vDiskId, newDiskApiAvailable, useSecurePath]);
     return (_jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: onSuccess, buttonDisabled: !isUserAllowedToMakeChanges || donorMode, buttonView: "normal", buttonWidth: fullWidth ? 'max' : undefined, dialogHeader: evictVDiskButtonKeyset('title_evict-dialog'), dialogText: evictVDiskButtonKeyset('confirm_evict'), dialogWarning: evictVDiskButtonKeyset('alert_evict'), applyButtonText: evictVDiskButtonKeyset('action_evict-short'), applyButtonView: "outlined-danger", retryButtonText: evictVDiskButtonKeyset('action_force-evict'), withPopover: true, popoverContent: donorMode
             ? evictVDiskButtonKeyset('alert_donor-mode-impossible')
             : evictVDiskButtonKeyset('alert_not-allowed'), popoverDisabled: isUserAllowedToMakeChanges && !donorMode, children: [_jsx(Icon, { data: ArrowsOppositeToDots }), evictVDiskButtonKeyset('action_evict')] }));

package/dist/components/EvictVDiskButton/EvictVDiskButton.js.map

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

package/dist/components/FullNodeViewer/FullNodeViewer.js

@@ -1,50 +1,73 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
+import { formatStorageValues } from '../../utils/dataFormatters/dataFormatters';
 import { useNodeDeveloperUIHref } from '../../utils/hooks/useNodeDeveloperUIHref';
-import { InfoViewer } from '../InfoViewer/InfoViewer';
+import { isNumeric } from '../../utils/utils';
 import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
 import { PoolUsage } from '../PoolUsage/PoolUsage';
 import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
 import { NodeUptime } from '../UptimeViewer/UptimeViewer';
+import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
 import i18n from './i18n';
 import './FullNodeViewer.scss';
 const b = cn('full-node-viewer');
 const getLoadAverageIntervalTitle = (index) => {
     return [i18n('la-interval-1m'), i18n('la-interval-5m'), i18n('la-interval-15m')][index];
 };
+const formatMemoryValues = (value, total) => formatStorageValues(value, total, 'gb', undefined, true);
 // eslint-disable-next-line complexity
 export const FullNodeViewer = ({ node, className }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const developerUIHref = useNodeDeveloperUIHref(node);
     const commonInfo = [];
     if ((_a = node === null || node === void 0 ? void 0 : node.Tenants) === null || _a === void 0 ? void 0 : _a.length) {
-        commonInfo.push({ label: i18n('database'), value: node.Tenants[0] });
+        commonInfo.push({
+            name: i18n('database'),
+            content: node.Tenants[0] || EMPTY_DATA_PLACEHOLDER,
+        });
     }
-    commonInfo.push({ label: i18n('version'), value: node === null || node === void 0 ? void 0 : node.Version }, {
-        label: i18n('uptime'),
-        value: _jsx(NodeUptime, { StartTime: node === null || node === void 0 ? void 0 : node.StartTime, DisconnectTime: node === null || node === void 0 ? void 0 : node.DisconnectTime }),
-    }, { label: i18n('dc'), value: (node === null || node === void 0 ? void 0 : node.DataCenterDescription) || (node === null || node === void 0 ? void 0 : node.DC) });
+    commonInfo.push({ name: i18n('version'), content: (node === null || node === void 0 ? void 0 : node.Version) || EMPTY_DATA_PLACEHOLDER }, {
+        name: i18n('uptime'),
+        content: (_jsx(NodeUptime, { StartTime: node === null || node === void 0 ? void 0 : node.StartTime, DisconnectTime: node === null || node === void 0 ? void 0 : node.DisconnectTime })),
+    }, {
+        name: i18n('dc'),
+        content: (node === null || node === void 0 ? void 0 : node.DataCenterDescription) || (node === null || node === void 0 ? void 0 : node.DC) || EMPTY_DATA_PLACEHOLDER,
+    });
     if (node === null || node === void 0 ? void 0 : node.Rack) {
-        commonInfo.push({ label: i18n('rack'), value: node === null || node === void 0 ? void 0 : node.Rack });
+        commonInfo.push({ name: i18n('rack'), content: node.Rack });
     }
     if (developerUIHref) {
         commonInfo.push({
-            label: i18n('links'),
-            value: _jsx(LinkWithIcon, { url: developerUIHref, title: i18n('developer-ui') }),
+            name: i18n('links'),
+            content: _jsx(LinkWithIcon, { url: developerUIHref, title: i18n('developer-ui') }),
         });
     }
     const endpointsInfo = (_b = node === null || node === void 0 ? void 0 : node.Endpoints) === null || _b === void 0 ? void 0 : _b.map(({ Name, Address }) => ({
-        label: Name,
-        value: Address,
-    }));
-    const averageInfo = (_c = node === null || node === void 0 ? void 0 : node.LoadAveragePercents) === null || _c === void 0 ? void 0 : _c.map((load, loadIndex) => ({
-        label: getLoadAverageIntervalTitle(loadIndex),
-        value: (_jsx(ProgressViewer, { value: load, percents: true, colorizeProgress: true, capacity: 100 })),
+        name: Name || EMPTY_DATA_PLACEHOLDER,
+        content: Address || EMPTY_DATA_PLACEHOLDER,
     }));
+    const averageInfo = (_d = (_c = node === null || node === void 0 ? void 0 : node.LoadAveragePercents) === null || _c === void 0 ? void 0 : _c.map((load, loadIndex) => ({
+        name: getLoadAverageIntervalTitle(loadIndex),
+        content: (_jsx(ProgressViewer, { value: load, percents: true, colorizeProgress: true, capacity: 100 })),
+    }))) !== null && _d !== void 0 ? _d : [];
     if (!node) {
         return _jsx("div", { className: "error", children: i18n('no-data') });
     }
-    return (_jsx("div", { className: b(null, className), children: _jsxs(Flex, { wrap: true, gap: 4, children: [_jsxs(Flex, { direction: "column", gap: 2, children: [_jsx(InfoViewer, { title: i18n('title.common-info'), className: b('section'), info: commonInfo }), endpointsInfo && endpointsInfo.length ? (_jsx(InfoViewer, { title: i18n('title.endpoints'), className: b('section'), info: endpointsInfo })) : null] }), _jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs("div", { children: [_jsx("div", { className: b('section-title'), children: i18n('title.pools') }), _jsx("div", { className: b('section', { pools: true }), children: (_d = node === null || node === void 0 ? void 0 : node.PoolStats) === null || _d === void 0 ? void 0 : _d.map((pool, poolIndex) => (_jsx(PoolUsage, { data: pool }, poolIndex))) })] }), _jsx(InfoViewer, { title: i18n('title.load-average'), className: b('section', { average: true }), info: averageInfo })] }), node.Roles && node.Roles.length ? (_jsx(Flex, { direction: "column", gap: 2, children: _jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.roles') }), (_e = node === null || node === void 0 ? void 0 : node.Roles) === null || _e === void 0 ? void 0 : _e.map((role) => (_jsx("div", { className: b('role'), children: role }, role)))] }) })) : null] }) }));
+    const memoryUsed = isNumeric(node.MemoryUsed) ? Number(node.MemoryUsed) : undefined;
+    const memoryLimit = isNumeric(node.MemoryLimit) ? Number(node.MemoryLimit) : undefined;
+    const hasMemoryUsed = memoryUsed !== undefined && Number.isFinite(memoryUsed) && memoryUsed >= 0;
+    const hasMemoryLimit = memoryLimit !== undefined && Number.isFinite(memoryLimit) && memoryLimit > 0;
+    const renderMemory = () => {
+        if (!hasMemoryUsed) {
+            return EMPTY_DATA_PLACEHOLDER;
+        }
+        if (!hasMemoryLimit) {
+            return formatMemoryValues(memoryUsed)[0];
+        }
+        return (_jsx(ProgressViewer, { value: memoryUsed, capacity: memoryLimit, formatValues: formatMemoryValues, colorizeProgress: true }));
+    };
+    return (_jsx("div", { className: b(null, className), children: _jsxs(Flex, { wrap: true, gap: 4, children: [_jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.common-info') }), _jsx(YDBDefinitionList, { items: commonInfo, nameMaxWidth: 100, compact: true })] }), endpointsInfo && endpointsInfo.length ? (_jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.endpoints') }), _jsx(YDBDefinitionList, { items: endpointsInfo, nameMaxWidth: 100, compact: true })] })) : null] }), _jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs("div", { children: [_jsx("div", { className: b('section-title'), children: i18n('title.pools') }), _jsx("div", { className: b('section', { pools: true }), children: (_e = node === null || node === void 0 ? void 0 : node.PoolStats) === null || _e === void 0 ? void 0 : _e.map((pool, poolIndex) => (_jsx(PoolUsage, { data: pool }, poolIndex))) })] }), _jsxs("div", { className: b('section', { average: true }), children: [_jsx("div", { className: b('section-title'), children: i18n('title.load-average') }), _jsx(YDBDefinitionList, { items: averageInfo, nameMaxWidth: 100, compact: true })] }), _jsxs("div", { className: b('section', { ram: true }), "data-qa": "node-ram", children: [_jsx("div", { className: b('section-title'), children: i18n('title_ram') }), renderMemory()] })] }), node.Roles && node.Roles.length ? (_jsx(Flex, { direction: "column", gap: 2, children: _jsxs("div", { className: b('section'), children: [_jsx("div", { className: b('section-title'), children: i18n('title.roles') }), (_f = node === null || node === void 0 ? void 0 : node.Roles) === null || _f === void 0 ? void 0 : _f.map((role) => (_jsx("div", { className: b('role'), children: role }, role)))] }) })) : null] }) }));
 };
 //# sourceMappingURL=FullNodeViewer.js.map

package/dist/components/FullNodeViewer/FullNodeViewer.js.map

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

package/dist/components/FullNodeViewer/FullNodeViewer.scss

@@ -17,10 +17,10 @@
 
             grid-template-columns: 110px 110px;
         }
-    }
 
-    .info-viewer__label {
-        min-width: 100px;
+        &_ram {
+            align-items: flex-start;
+        }
     }
 
     &__section-title {

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

@@ -14,5 +14,6 @@
     "title.endpoints": "Endpoints",
     "title.roles": "Roles",
     "title.pools": "Pools",
-    "title.load-average": "Load average"
+    "title.load-average": "Load average",
+    "title_ram": "RAM"
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "links" | "database" | "version" | "no-data" | "dc" | "uptime" | "rack" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "developer-ui" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "links" | "database" | "version" | "no-data" | "dc" | "uptime" | "rack" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "developer-ui" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average" | "title_ram", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/HoverPopup/HoverPopup.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Popup } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
 import { YDB_POPOVER_CLASS_NAME } from '../../utils/constants';
+import { useEventHandler } from '../../utils/hooks/useEventHandler';
 import { getPopupScrollContainer } from './getPopupScrollContainer';
 const DEBOUNCE_TIMEOUT = 100;
 function useVisibleAnchor(anchorElement, open) {
@@ -26,7 +27,7 @@ export const HoverPopup = ({ children, renderPopupContent, showPopup, offset, an
     const [isFocused, setIsFocused] = React.useState(false);
     const anchor = React.useRef(null);
     const reportedOpenRef = React.useRef(false);
-    const reportOpen = React.useCallback((nextOpen, force = false) => {
+    const reportOpen = useEventHandler((nextOpen, force = false) => {
         if (!force && reportedOpenRef.current === nextOpen) {
             return;
         }
@@ -37,7 +38,7 @@ export const HoverPopup = ({ children, renderPopupContent, showPopup, offset, an
         else {
             onHidePopup === null || onHidePopup === void 0 ? void 0 : onHidePopup();
         }
-    }, [onShowPopup, onHidePopup]);
+    });
     const debouncedHandleShowPopup = React.useMemo(() => debounce(() => {
         setIsPopupVisible(true);
         reportOpen(true);
@@ -49,6 +50,12 @@ export const HoverPopup = ({ children, renderPopupContent, showPopup, offset, an
         hidePopup();
         reportOpen(false);
     }, delayClose), [delayClose, reportOpen, hidePopup]);
+    React.useEffect(() => {
+        return () => {
+            debouncedHandleShowPopup.cancel();
+            debouncedHandleHidePopup.cancel();
+        };
+    }, [debouncedHandleShowPopup, debouncedHandleHidePopup]);
     const closePopup = React.useCallback(() => {
         debouncedHandleShowPopup.cancel();
         debouncedHandleHidePopup.cancel();