ydb-embedded-ui 21.1.0 → 22.1.0

package/dist/components/ComponentsProvider/ComponentsProvider.d.ts

@@ -13,8 +13,6 @@ export declare function useComponent<T extends Parameters<ComponentsRegistry['ge
     ErrorBoundary: typeof import("../ErrorBoundary/ErrorBoundary").ErrorBoundaryInner;
 } & {
     ShardsTable: typeof import("../ShardsTable/ShardsTable").ShardsTable;
-} & {
-    ChatPanel: () => null;
 })[T] extends infer T_1 ? T_1 extends ({
     StaffCard: typeof import("../User/StaffCard").StaffCard;
 } & {
@@ -23,7 +21,5 @@ export declare function useComponent<T extends Parameters<ComponentsRegistry['ge
     ErrorBoundary: typeof import("../ErrorBoundary/ErrorBoundary").ErrorBoundaryInner;
 } & {
     ShardsTable: typeof import("../ShardsTable/ShardsTable").ShardsTable;
-} & {
-    ChatPanel: () => null;
 })[T] ? T_1 extends React.ComponentType<any> ? React.ComponentType<React.PropsWithoutRef<React.ComponentProps<T_1>>> : never : never : never;
 export {};

package/dist/components/ComponentsProvider/componentsRegistry.d.ts

@@ -12,8 +12,6 @@ declare const componentsRegistryInner: Registry<{
     ErrorBoundary: typeof ErrorBoundaryInner;
 } & {
     ShardsTable: typeof ShardsTable;
-} & {
-    ChatPanel: () => null;
 }>;
 export type ComponentsRegistry = ComponentsRegistryTemplate<typeof componentsRegistryInner>;
 export declare const componentsRegistry: ComponentsRegistry;

package/dist/components/ComponentsProvider/componentsRegistry.js

@@ -3,12 +3,10 @@ import { ErrorBoundaryInner } from '../ErrorBoundary/ErrorBoundary';
 import { ShardsTable } from '../ShardsTable/ShardsTable';
 import { StaffCard } from '../User/StaffCard';
 import { Registry } from './registry';
-const EmptyPlaceholder = () => null;
 const componentsRegistryInner = new Registry()
     .register('StaffCard', StaffCard)
     .register('AsideNavigation', AsideNavigation)
     .register('ErrorBoundary', ErrorBoundaryInner)
-    .register('ShardsTable', ShardsTable)
-    .register('ChatPanel', EmptyPlaceholder);
+    .register('ShardsTable', ShardsTable);
 export const componentsRegistry = componentsRegistryInner;
 //# sourceMappingURL=componentsRegistry.js.map

package/dist/components/ComponentsProvider/componentsRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentsRegistry.js","sourceRoot":"","sources":["../../../src/components/ComponentsProvider/componentsRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kDAAkD,CAAC;AACjF,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAEpC,MAAM,uBAAuB,GAAG,IAAI,QAAQ,EAAE;KACzC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;KAChC,QAAQ,CAAC,iBAAiB,EAAE,eAAe,CAAC;KAC5C,QAAQ,CAAC,eAAe,EAAE,kBAAkB,CAAC;KAC7C,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC;KACpC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;AAI7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,uBAA6C,CAAC"}
+{"version":3,"file":"componentsRegistry.js","sourceRoot":"","sources":["../../../src/components/ComponentsProvider/componentsRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kDAAkD,CAAC;AACjF,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,MAAM,uBAAuB,GAAG,IAAI,QAAQ,EAAE;KACzC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;KAChC,QAAQ,CAAC,iBAAiB,EAAE,eAAe,CAAC;KAC5C,QAAQ,CAAC,eAAe,EAAE,kBAAkB,CAAC;KAC7C,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAI1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,uBAA6C,CAAC"}

package/dist/components/ContentWithPopup/ContentWithPopup.d.ts

@@ -6,5 +6,5 @@ interface ContentWithPopupProps extends PopupProps {
     children?: React.ReactNode;
     pinOnClick?: boolean;
 }
-export declare const ContentWithPopup: ({ children, content, className, pinOnClick, hasArrow, placement, ...props }: ContentWithPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentWithPopup: ({ children, content, className, pinOnClick, hasArrow, placement, floatingStyles, ...props }: ContentWithPopupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ContentWithPopup/ContentWithPopup.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Popup } from '@gravity-ui/uikit';
-export const ContentWithPopup = ({ children, content, className, pinOnClick, hasArrow = true, placement = ['top', 'bottom'], ...props }) => {
+import { getPopupScrollContainer } from '../HoverPopup/getPopupScrollContainer';
+export const ContentWithPopup = ({ children, content, className, pinOnClick, hasArrow = true, placement = ['top', 'bottom'], floatingStyles, ...props }) => {
     const [isPopupVisible, setIsPopupVisible] = React.useState(false);
     const [isPinned, setIsPinned] = React.useState(false);
     const anchor = React.useRef(null);
+    const container = getPopupScrollContainer(anchor.current);
     const showPopup = () => {
         setIsPopupVisible(true);
     };
@@ -17,6 +19,6 @@ export const ContentWithPopup = ({ children, content, className, pinOnClick, has
     const unpinPopup = () => {
         setIsPinned(false);
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(Popup, { anchorElement: anchor.current, open: isPinned || isPopupVisible, placement: placement, hasArrow: hasArrow, onOutsideClick: unpinPopup, ...props, children: content }), _jsx("span", { className: className, ref: anchor, onClick: pinOnClick ? pinPopup : undefined, onMouseEnter: showPopup, onMouseLeave: hidePopup, children: children })] }));
+    return (_jsxs(React.Fragment, { children: [_jsx(Popup, { container: container, strategy: "fixed", floatingStyles: { fontFamily: 'var(--g-text-body-font-family)', ...floatingStyles }, anchorElement: anchor.current, open: isPinned || isPopupVisible, placement: placement, hasArrow: hasArrow, onOutsideClick: unpinPopup, ...props, children: content }), _jsx("span", { className: className, ref: anchor, onClick: pinOnClick ? pinPopup : undefined, onMouseEnter: showPopup, onMouseLeave: hidePopup, children: children })] }));
 };
 //# sourceMappingURL=ContentWithPopup.js.map

package/dist/components/ContentWithPopup/ContentWithPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentWithPopup.js","sourceRoot":"","sources":["../../../src/components/ContentWithPopup/ContentWithPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC7B,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,KAAK,IACF,aAAa,EAAE,MAAM,CAAC,OAAO,EAC7B,IAAI,EAAE,QAAQ,IAAI,cAAc,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,UAAU,KACtB,KAAK,YAER,OAAO,GACJ,EACR,eACI,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,YAAY,EAAE,SAAS,EACvB,YAAY,EAAE,SAAS,YAEtB,QAAQ,GACN,IACM,CACpB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"ContentWithPopup.js","sourceRoot":"","sources":["../../../src/components/ContentWithPopup/ContentWithPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,uBAAuB,EAAC,MAAM,uCAAuC,CAAC;AAS9E,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC7B,cAAc,EACd,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,uBAAuB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,KAAK,IACF,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAC,OAAO,EAChB,cAAc,EAAE,EAAC,UAAU,EAAE,gCAAgC,EAAE,GAAG,cAAc,EAAC,EACjF,aAAa,EAAE,MAAM,CAAC,OAAO,EAC7B,IAAI,EAAE,QAAQ,IAAI,cAAc,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,UAAU,KACtB,KAAK,YAER,OAAO,GACJ,EACR,eACI,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,YAAY,EAAE,SAAS,EACvB,YAAY,EAAE,SAAS,YAEtB,QAAQ,GACN,IACM,CACpB,CAAC;AACN,CAAC,CAAC"}

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