ydb-embedded-ui 6.19.0 → 6.20.0

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

@@ -6,10 +6,11 @@ interface CriticalActionDialogProps<T> {
     text?: string;
     withRetry?: boolean;
     retryButtonText?: string;
+    withCheckBox?: boolean;
     onClose: VoidFunction;
     onConfirm: (isRetry?: boolean) => Promise<T>;
     onConfirmActionSuccess: VoidFunction;
     onConfirmActionError: (error: unknown) => void;
 }
-export declare function CriticalActionDialog<T>({ visible, header, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CriticalActionDialog<T>({ visible, header, text, withRetry, retryButtonText, withCheckBox, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CriticalActionDialog/CriticalActionDialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { CircleXmarkFill, TriangleExclamationFill } from '@gravity-ui/icons';
-import { Dialog, Icon } from '@gravity-ui/uikit';
+import { Checkbox, Dialog, Icon } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import { criticalActionDialogKeyset } from './i18n';
 import './CriticalActionDialog.scss';
@@ -15,9 +15,10 @@ const parseError = (error) => {
     }
     return criticalActionDialogKeyset('default-error');
 };
-export function CriticalActionDialog({ visible, header, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
+export function CriticalActionDialog({ visible, header, text, withRetry, retryButtonText, withCheckBox, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
+    const [checkBoxChecked, setCheckBoxChecked] = React.useState(false);
     const onApply = async (isRetry) => {
         setIsLoading(true);
         return onConfirm(isRetry)
@@ -35,6 +36,13 @@ export function CriticalActionDialog({ visible, header, text, withRetry, retryBu
     };
     const handleTransitionExited = () => {
         setError(undefined);
+        setCheckBoxChecked(false);
+    };
+    const renderCheckBox = () => {
+        if (withCheckBox) {
+            return (_jsx(Checkbox, { checked: checkBoxChecked, onUpdate: setCheckBoxChecked, children: criticalActionDialogKeyset('checkbox-text') }));
+        }
+        return null;
     };
     const renderDialogContent = () => {
         if (error) {
@@ -42,7 +50,7 @@ export function CriticalActionDialog({ visible, header, text, withRetry, retryBu
                             ? retryButtonText || criticalActionDialogKeyset('button-retry')
                             : undefined, textButtonCancel: criticalActionDialogKeyset('button-close'), onClickButtonApply: () => onApply(true), onClickButtonCancel: onClose })] }));
         }
-        return (_jsxs(React.Fragment, { children: [_jsx(Dialog.Header, { caption: header }), _jsx(Dialog.Body, { className: b('body'), children: _jsxs("div", { className: b('body-message', { warning: true }), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }) }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit' }, onClickButtonCancel: onClose, onClickButtonApply: () => onApply() })] }));
+        return (_jsxs(React.Fragment, { children: [_jsx(Dialog.Header, { caption: header }), _jsxs(Dialog.Body, { className: b('body'), children: [_jsxs("div", { className: b('body-message', { warning: true }), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }), renderCheckBox()] }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit', disabled: withCheckBox && !checkBoxChecked }, onClickButtonCancel: onClose, onClickButtonApply: () => onApply() })] }));
     };
     return (_jsx(Dialog, { open: visible, hasCloseButton: false, className: b(), size: "s", onClose: onClose, onTransitionExited: handleTransitionExited, children: renderDialogContent() }));
 }

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

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

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

@@ -4,5 +4,6 @@
     "button-confirm": "Confirm",
     "button-retry": "Retry",
     "button-cancel": "Cancel",
-    "button-close": "Close"
+    "button-close": "Close",
+    "checkbox-text": "I understand what I'm doing"
 }

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

@@ -1 +1 @@
-export declare const criticalActionDialogKeyset: (key: "default-error" | "no-rights-error" | "button-confirm" | "button-retry" | "button-cancel" | "button-close", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const criticalActionDialogKeyset: (key: "default-error" | "no-rights-error" | "button-confirm" | "button-retry" | "button-cancel" | "button-close" | "checkbox-text", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss

@@ -1,3 +1,5 @@
+@import '../../styles/mixins';
+
 .storage-disk-progress-bar {
     $block: &;
 
@@ -5,9 +7,6 @@
     $outer-border-radius: 4px;
     $inner-border-radius: $outer-border-radius - $border-width;
 
-    --progress-bar-border-color: var(--g-color-base-misc-heavy);
-    --progress-bar-background-color: var(--g-color-base-misc-light);
-    --progress-bar-fill-color: var(--g-color-base-misc-medium);
     --progress-bar-full-height: var(--g-text-body-3-line-height);
     --progress-bar-compact-height: 12px;
 
@@ -20,9 +19,10 @@
     text-align: center;
 
     color: var(--g-color-text-primary);
-    border: $border-width solid var(--progress-bar-border-color);
+    border: $border-width solid var(--entity-state-border-color);
     border-radius: $outer-border-radius;
-    background-color: var(--progress-bar-background-color);
+    background-color: var(--entity-state-background-color);
+    @include entity-state-colors();
 
     &_compact {
         min-width: 0;
@@ -31,35 +31,6 @@
         border-radius: 2px;
     }
 
-    &_green {
-        --progress-bar-border-color: var(--g-color-base-positive-heavy);
-        --progress-bar-background-color: var(--g-color-base-positive-light);
-        --progress-bar-fill-color: var(--g-color-base-positive-medium);
-    }
-
-    &_blue {
-        --progress-bar-border-color: var(--g-color-base-info-heavy);
-        --progress-bar-background-color: var(--g-color-base-info-light);
-        --progress-bar-fill-color: var(--g-color-base-info-medium);
-    }
-
-    &_yellow {
-        --progress-bar-border-color: var(--g-color-base-warning-heavy);
-        --progress-bar-background-color: var(--g-color-base-yellow-light);
-        --progress-bar-fill-color: var(--g-color-base-yellow-medium);
-    }
-
-    &_orange {
-        --progress-bar-border-color: var(--ydb-color-status-orange);
-        --progress-bar-background-color: var(--g-color-base-warning-light);
-        --progress-bar-fill-color: var(--g-color-base-warning-medium);
-    }
-    &_red {
-        --progress-bar-border-color: var(--g-color-base-danger-heavy);
-        --progress-bar-background-color: var(--g-color-base-danger-light);
-        --progress-bar-fill-color: var(--g-color-base-danger-medium);
-    }
-
     &_faded {
         background-color: unset;
     }
@@ -78,11 +49,11 @@
         height: 100%;
 
         border-radius: $inner-border-radius 0 0 $inner-border-radius;
-        background-color: var(--progress-bar-fill-color);
+        background-color: var(--entity-state-fill-color);
 
         &_faded {
             // Bg color is light variant, use it to make bar less bright
-            background-color: var(--progress-bar-background-color);
+            background-color: var(--entity-state-background-color);
         }
 
         &_compact {

package/dist/components/TabletsStatistic/TabletsStatistic.d.ts

@@ -1,9 +1,7 @@
-import type { TTabletStateInfo as TComputeTabletStateInfo } from '../../types/api/compute';
-import type { TTabletStateInfo as TFullTabletStateInfo } from '../../types/api/tablet';
+import type { TTabletStateInfo } from '../../types/api/tablet';
 import './TabletsStatistic.scss';
-type Tablets = TFullTabletStateInfo[] | TComputeTabletStateInfo[];
 interface TabletsStatisticProps {
-    tablets: Tablets;
+    tablets: TTabletStateInfo[];
     path: string | undefined;
     nodeId: string | number;
     backend?: string;

package/dist/components/TabletsStatistic/TabletsStatistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabletsStatistic.js","sourceRoot":"","sources":["../../../src/components/TabletsStatistic/TabletsStatistic.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EAAC,OAAO,EAAC,MAAM,iCAAiC,CAAC;AACxD,OAAO,MAAM,EAAE,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC;AAE9D,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAIlC,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAE,EAAE;IACxC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC/B,OAAO;YACH,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC;YAClC,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,0BAA0B,CAAC,MAAM,CAAC,KAAK,CAAC;SAClD,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC7F,MAAM,gBAAgB,GAAG,CAAC,IAA+C,EAAE,KAAa,EAAE,EAAE;;QACxF,MAAM,WAAW,GAAG,UAAU,CAC1B,MAAM,CAAC,IAAI,EACX,EAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAC,EAChC;YACI,UAAU,EAAE,IAAI;YAChB,OAAO;SACV,CACJ,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,EAAE,EAAC,CAAC,CAAC;QAElE,OAAO,OAAO,CAAC,CAAC,CAAC,CACb,YAAG,IAAI,EAAE,WAAW,EAAc,SAAS,EAAE,SAAS,YACjD,KAAK,IADiB,KAAK,CAE5B,CACP,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,EAAE,EAAE,WAAW,EAAc,SAAS,EAAE,SAAS,YAClD,KAAK,IADkB,KAAK,CAE1B,CACV,CAAC;IACN,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,eAAe,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAO,CAAC;AAC9E,CAAC,CAAC"}
+{"version":3,"file":"TabletsStatistic.js","sourceRoot":"","sources":["../../../src/components/TabletsStatistic/TabletsStatistic.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EAAC,OAAO,EAAC,MAAM,iCAAiC,CAAC;AACxD,OAAO,MAAM,EAAE,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC;AAE9D,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,OAA2B,EAAE,EAAE;IACnD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC/B,OAAO;YACH,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC;YAClC,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,0BAA0B,CAAC,MAAM,CAAC,KAAK,CAAC;SAClD,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC7F,MAAM,gBAAgB,GAAG,CAAC,IAA+C,EAAE,KAAa,EAAE,EAAE;;QACxF,MAAM,WAAW,GAAG,UAAU,CAC1B,MAAM,CAAC,IAAI,EACX,EAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAC,EAChC;YACI,UAAU,EAAE,IAAI;YAChB,OAAO;SACV,CACJ,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,EAAE,EAAC,CAAC,CAAC;QAElE,OAAO,OAAO,CAAC,CAAC,CAAC,CACb,YAAG,IAAI,EAAE,WAAW,EAAc,SAAS,EAAE,SAAS,YACjD,KAAK,IADiB,KAAK,CAE5B,CACP,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,EAAE,EAAE,WAAW,EAAc,SAAS,EAAE,SAAS,YAClD,KAAK,IADkB,KAAK,CAE1B,CACV,CAAC;IACN,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,eAAe,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAO,CAAC;AAC9E,CAAC,CAAC"}

package/dist/components/Tag/Tag.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './Tag.scss';
 export type TagType = 'blue';
 interface TagProps {
-    text: string;
+    text: React.ReactNode;
     type?: TagType;
 }
 export declare const Tag: ({ text, type }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AASpB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,EAAW,EAAE,EAAE;IAC1C,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,YAAG,IAAI,GAAO,CAAC;AACnD,CAAC,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AASpB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,EAAW,EAAE,EAAE;IAC1C,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,YAAG,IAAI,GAAO,CAAC;AACnD,CAAC,CAAC"}

package/dist/components/Tags/Tags.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { TagType } from '../Tag';
 import './Tags.scss';
 interface TagsProps {
-    tags: string[];
+    tags: React.ReactNode[];
     tagsType?: TagType;
     className?: string;
 }

package/dist/components/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;AAQrB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAY,EAAE,EAAE;IAChE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC7B,IAAI;YACD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,GAAG,EAAiB,IAAI,EAAE,QAAQ,IAAxB,QAAQ,CAAwB,CAAC,GACpF,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;AAQrB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAY,EAAE,EAAE;IAChE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC7B,IAAI;YACD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,GAAG,EAAiB,IAAI,EAAE,QAAQ,IAAxB,QAAQ,CAAwB,CAAC,GACpF,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js

@@ -1,125 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ContentWithPopup } from '../../../components/ContentWithPopup/ContentWithPopup';
 import { ResponseError } from '../../../components/Errors/ResponseError';
 import { InfoViewer } from '../../../components/InfoViewer/InfoViewer';
 import { InfoViewerSkeleton } from '../../../components/InfoViewerSkeleton/InfoViewerSkeleton';
-import { LinkWithIcon } from '../../../components/LinkWithIcon/LinkWithIcon';
-import { ProgressViewer } from '../../../components/ProgressViewer/ProgressViewer';
-import { Tablet } from '../../../components/Tablet';
-import { Tags } from '../../../components/Tags';
 import { backend, customBackend } from '../../../store';
-import { nodesApi } from '../../../store/reducers/nodes/nodes';
-import { formatBytes, getSizeWithSignificantDigits } from '../../../utils/bytesParsers';
-import { cn } from '../../../utils/cn';
 import { DEVELOPER_UI_TITLE } from '../../../utils/constants';
-import { formatStorageValues } from '../../../utils/dataFormatters/dataFormatters';
 import { useTypedSelector } from '../../../utils/hooks';
-import { parseNodeGroupsToVersionsValues, parseNodesToVersionsValues } from '../../../utils/versions';
-import { VersionsBar } from '../VersionsBar/VersionsBar';
-import i18n from '../i18n';
-import { compareTablets } from './utils';
+import { b } from './shared';
+import { getInfo, useGetVersionValues } from './utils';
 import './ClusterInfo.scss';
-const b = cn('cluster-info');
-const GroupsStatsPopupContent = ({ stats }) => {
-    const { diskType, erasure, allocatedSize, availableSize } = stats;
-    const sizeToConvert = getSizeWithSignificantDigits(Math.max(allocatedSize, availableSize), 2);
-    const convertedAllocatedSize = formatBytes({ value: allocatedSize, size: sizeToConvert });
-    const convertedAvailableSize = formatBytes({ value: availableSize, size: sizeToConvert });
-    const usage = Math.round((allocatedSize / (allocatedSize + availableSize)) * 100);
-    const info = [
-        {
-            label: i18n('disk-type'),
-            value: diskType,
-        },
-        {
-            label: i18n('erasure'),
-            value: erasure,
-        },
-        {
-            label: i18n('allocated'),
-            value: convertedAllocatedSize,
-        },
-        {
-            label: i18n('available'),
-            value: convertedAvailableSize,
-        },
-        {
-            label: i18n('usage'),
-            value: usage + '%',
-        },
-    ];
-    return (_jsx(InfoViewer, { dots: true, info: info, className: b('groups-stats-popup-content'), size: "s" }));
-};
-const DiskGroupsStatsBars = ({ stats }) => {
-    return (_jsx("div", { className: b('storage-groups-stats'), children: Object.values(stats).map((erasureStats) => (_jsx(ContentWithPopup, { placement: ['right'], content: _jsx(GroupsStatsPopupContent, { stats: erasureStats }), children: _jsx(ProgressViewer, { className: b('groups-stats-bar'), value: erasureStats.createdGroups, capacity: erasureStats.totalGroups }) }, erasureStats.erasure))) }));
-};
-const getGroupsStatsFields = (groupsStats) => {
-    return Object.keys(groupsStats).map((diskType) => {
-        return {
-            label: i18n('storage-groups', { diskType }),
-            value: _jsx(DiskGroupsStatsBars, { stats: groupsStats[diskType] }),
-        };
-    });
-};
-const getInfo = (cluster, versionsValues, groupsStats, additionalInfo, links) => {
-    const info = [];
-    if (cluster.DataCenters) {
-        info.push({
-            label: i18n('dc'),
-            value: _jsx(Tags, { tags: cluster.DataCenters }),
-        });
-    }
-    if (cluster.SystemTablets) {
-        const tablets = cluster.SystemTablets.slice(0).sort(compareTablets);
-        info.push({
-            label: i18n('tablets'),
-            value: (_jsx("div", { className: b('system-tablets'), children: tablets.map((tablet, tabletIndex) => (_jsx(Tablet, { tablet: tablet }, tabletIndex))) })),
-        });
-    }
-    if (cluster.Tenants) {
-        info.push({
-            label: i18n('databases'),
-            value: cluster.Tenants,
-        });
-    }
-    info.push({
-        label: i18n('nodes'),
-        value: _jsx(ProgressViewer, { value: cluster === null || cluster === void 0 ? void 0 : cluster.NodesAlive, capacity: cluster === null || cluster === void 0 ? void 0 : cluster.NodesTotal }),
-    }, {
-        label: i18n('load'),
-        value: _jsx(ProgressViewer, { value: cluster === null || cluster === void 0 ? void 0 : cluster.LoadAverage, capacity: cluster === null || cluster === void 0 ? void 0 : cluster.NumberOfCpus }),
-    }, {
-        label: i18n('storage-size'),
-        value: (_jsx(ProgressViewer, { value: cluster === null || cluster === void 0 ? void 0 : cluster.StorageUsed, capacity: cluster === null || cluster === void 0 ? void 0 : cluster.StorageTotal, formatValues: formatStorageValues })),
-    });
-    if (Object.keys(groupsStats).length) {
-        info.push(...getGroupsStatsFields(groupsStats));
-    }
-    info.push(...additionalInfo, {
-        label: i18n('links'),
-        value: (_jsx("div", { className: b('links'), children: links.map(({ title, url }) => (_jsx(LinkWithIcon, { title: title, url: url }, title))) })),
-    }, {
-        label: i18n('versions'),
-        value: _jsx(VersionsBar, { versionsValues: versionsValues }),
-    });
-    return info;
-};
 export const ClusterInfo = ({ cluster, versionToColor, groupsStats = {}, loading, error, additionalClusterProps = {}, }) => {
     const singleClusterMode = useTypedSelector((state) => state.singleClusterMode);
-    const { currentData } = nodesApi.useGetNodesQuery({
-        tablets: false,
-        group: 'Version',
-    });
-    const versionsValues = React.useMemo(() => {
-        if (!currentData) {
-            return [];
-        }
-        if (Array.isArray(currentData.NodeGroups)) {
-            return parseNodeGroupsToVersionsValues(currentData.NodeGroups, versionToColor);
-        }
-        return parseNodesToVersionsValues(currentData.Nodes, versionToColor);
-    }, [currentData, versionToColor]);
+    const versionsValues = useGetVersionValues(cluster, versionToColor);
     let internalLink = backend + '/internal';
     if (singleClusterMode && !customBackend) {
         internalLink = `/internal`;

package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterInfo.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterInfo/ClusterInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAC,aAAa,EAAC,MAAM,0CAA0C,CAAC;AAEvE,OAAO,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AACrE,OAAO,EAAC,kBAAkB,EAAC,MAAM,2DAA2D,CAAC;AAC7F,OAAO,EAAC,YAAY,EAAC,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAC,cAAc,EAAC,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAMtD,OAAO,EAAC,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AAK7D,OAAO,EAAC,WAAW,EAAE,4BAA4B,EAAC,MAAM,6BAA6B,CAAC;AACtF,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,+BAA+B,EAAE,0BAA0B,EAAC,MAAM,yBAAyB,CAAC;AACpG,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC;AAM7B,MAAM,uBAAuB,GAAG,CAAC,EAAC,KAAK,EAA+B,EAAE,EAAE;IACtE,MAAM,EAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAEhE,MAAM,aAAa,GAAG,4BAA4B,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9F,MAAM,sBAAsB,GAAG,WAAW,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAC,CAAC,CAAC;IACxF,MAAM,sBAAsB,GAAG,WAAW,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAC,CAAC,CAAC;IAExF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAElF,MAAM,IAAI,GAAG;QACT;YACI,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,QAAQ;SAClB;QACD;YACI,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;YACtB,KAAK,EAAE,OAAO;SACjB;QACD;YACI,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,sBAAsB;SAChC;QACD;YACI,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,sBAAsB;SAChC;QACD;YACI,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;YACpB,KAAK,EAAE,KAAK,GAAG,GAAG;SACrB;KACJ,CAAC;IAEF,OAAO,CACH,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,IAAI,EAAC,GAAG,GAAG,CAC9F,CAAC;AACN,CAAC,CAAC;AAMF,MAAM,mBAAmB,GAAG,CAAC,EAAC,KAAK,EAAuB,EAAE,EAAE;IAC1D,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACpC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACxC,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,OAAO,CAAC,EAEpB,OAAO,EAAE,KAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY,GAAI,YAEzD,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAChC,KAAK,EAAE,YAAY,CAAC,aAAa,EACjC,QAAQ,EAAE,YAAY,CAAC,WAAW,GACpC,IAPG,YAAY,CAAC,OAAO,CAQV,CACtB,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,WAA+B,EAAE,EAAE;IAC7D,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC7C,OAAO;YACH,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAC,QAAQ,EAAC,CAAC;YACzC,KAAK,EAAE,KAAC,mBAAmB,IAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAI;SAC/D,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CACZ,OAAqB,EACrB,cAA8B,EAC9B,WAA+B,EAC/B,cAAgC,EAChC,KAAoB,EACtB,EAAE;IACA,MAAM,IAAI,GAAqB,EAAE,CAAC;IAElC,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC;YACN,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;YACjB,KAAK,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,WAAW,GAAI;SAC7C,CAAC,CAAC;IACP,CAAC;IAED,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACpE,IAAI,CAAC,IAAI,CAAC;YACN,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;YACtB,KAAK,EAAE,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC9B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CAClC,KAAC,MAAM,IAAmB,MAAM,EAAE,MAAM,IAA3B,WAAW,CAAoB,CAC/C,CAAC,GACA,CACT;SACJ,CAAC,CAAC;IACP,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,CAAC;YACN,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,OAAO,CAAC,OAAO;SACzB,CAAC,CAAC;IACP,CAAC;IAED,IAAI,CAAC,IAAI,CACL;QACI,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;QACpB,KAAK,EAAE,KAAC,cAAc,IAAC,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,GAAI;KACvF,EACD;QACI,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;QACnB,KAAK,EAAE,KAAC,cAAc,IAAC,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,GAAI;KAC1F,EACD;QACI,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;QAC3B,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAC3B,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAC/B,YAAY,EAAE,mBAAmB,GACnC,CACL;KACJ,CACJ,CAAC;IAEF,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,CAAC,IAAI,CACL,GAAG,cAAc,EACjB;QACI,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;QACpB,KAAK,EAAE,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,CACzB,KAAC,YAAY,IAAa,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAA7B,KAAK,CAA4B,CACvD,CAAC,GACA,CACT;KACJ,EACD;QACI,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;QACvB,KAAK,EAAE,KAAC,WAAW,IAAC,cAAc,EAAE,cAAc,GAAI;KACzD,CACJ,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAWF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,OAAO,EACP,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,KAAK,EACL,sBAAsB,GAAG,EAAE,GACZ,EAAE,EAAE;IACnB,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE/E,MAAM,EAAC,WAAW,EAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC;QAC5C,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,SAAS;KACnB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACd,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC;YACxC,OAAO,+BAA+B,CAAC,WAAW,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QACnF,CAAC;QACD,OAAO,0BAA0B,CAAC,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,IAAI,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC;IAEzC,IAAI,iBAAiB,IAAI,CAAC,aAAa,EAAE,CAAC;QACtC,YAAY,GAAG,WAAW,CAAC;IAC/B,CAAC;IAED,MAAM,EAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAC,GAAG,sBAAsB,CAAC;IAEvD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,IAAI,EAAE;QAC1E,EAAC,KAAK,EAAE,kBAAkB,EAAE,GAAG,EAAE,YAAY,EAAC;QAC9C,GAAG,KAAK;KACX,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;QACrE,CAAC;QAED,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;IACzD,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACtE,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,UAAU,EAAE,GAAO,IAC7C,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"ClusterInfo.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterInfo/ClusterInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AACrE,OAAO,EAAC,kBAAkB,EAAC,MAAM,2DAA2D,CAAC;AAC7F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAMtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,OAAO,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAErD,OAAO,oBAAoB,CAAC;AAW5B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,OAAO,EACP,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,KAAK,EACL,sBAAsB,GAAG,EAAE,GACZ,EAAE,EAAE;IACnB,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE/E,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAEpE,IAAI,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC;IAEzC,IAAI,iBAAiB,IAAI,CAAC,aAAa,EAAE,CAAC;QACtC,YAAY,GAAG,WAAW,CAAC;IAC/B,CAAC;IAED,MAAM,EAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAC,GAAG,sBAAsB,CAAC;IAEvD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,IAAI,EAAE;QAC1E,EAAC,KAAK,EAAE,kBAAkB,EAAE,GAAG,EAAE,YAAY,EAAC;QAC9C,GAAG,KAAK;KACX,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;QACrE,CAAC;QAED,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;IACzD,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACtE,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,UAAU,EAAE,GAAO,IAC7C,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Cluster/ClusterInfo/ClusterInfo.scss

@@ -47,24 +47,17 @@
         gap: var(--g-spacing-2);
     }
 
-    &__storage-groups-stats {
-        display: flex;
-        flex-direction: column;
-        gap: 11px;
-    }
-
-    &__groups-stats-bar {
-        cursor: pointer;
-    }
-
-    &__groups-stats-popup-content {
-        padding: 12px;
-    }
-
     &__clipboard-button {
         display: flex;
         align-items: center;
 
         margin-left: 5px;
     }
+    &__dc-count {
+        text-transform: lowercase;
+    }
+    &__nodes-states {
+        display: flex;
+        gap: var(--g-spacing-half);
+    }
 }

package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.d.ts

@@ -0,0 +1,7 @@
+import type { DiskGroupsStats } from '../../../../../store/reducers/cluster/types';
+import './DiskGroupsStatsBars.scss';
+interface DiskGroupsStatsProps {
+    stats: DiskGroupsStats;
+}
+export declare const DiskGroupsStatsBars: ({ stats }: DiskGroupsStatsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContentWithPopup } from '../../../../../components/ContentWithPopup/ContentWithPopup';
+import { InfoViewer } from '../../../../../components/InfoViewer';
+import { ProgressViewer } from '../../../../../components/ProgressViewer/ProgressViewer';
+import { formatBytes, getSizeWithSignificantDigits } from '../../../../../utils/bytesParsers';
+import { cn } from '../../../../../utils/cn';
+import i18n from '../../../i18n';
+import './DiskGroupsStatsBars.scss';
+const b = cn('ydb-disk-groups-stats');
+export const DiskGroupsStatsBars = ({ stats }) => {
+    return (_jsx("div", { className: b(), children: Object.values(stats).map((erasureStats) => (_jsx(ContentWithPopup, { placement: ['right'], content: _jsx(GroupsStatsPopupContent, { stats: erasureStats }), children: _jsx(ProgressViewer, { className: b('bar'), value: erasureStats.createdGroups, capacity: erasureStats.totalGroups }) }, erasureStats.erasure))) }));
+};
+function GroupsStatsPopupContent({ stats }) {
+    const { diskType, erasure, allocatedSize, availableSize } = stats;
+    const sizeToConvert = getSizeWithSignificantDigits(Math.max(allocatedSize, availableSize), 2);
+    const convertedAllocatedSize = formatBytes({ value: allocatedSize, size: sizeToConvert });
+    const convertedAvailableSize = formatBytes({ value: availableSize, size: sizeToConvert });
+    const usage = Math.round((allocatedSize / (allocatedSize + availableSize)) * 100);
+    const info = [
+        {
+            label: i18n('disk-type'),
+            value: diskType,
+        },
+        {
+            label: i18n('erasure'),
+            value: erasure,
+        },
+        {
+            label: i18n('allocated'),
+            value: convertedAllocatedSize,
+        },
+        {
+            label: i18n('available'),
+            value: convertedAvailableSize,
+        },
+        {
+            label: i18n('usage'),
+            value: usage + '%',
+        },
+    ];
+    return _jsx(InfoViewer, { dots: true, info: info, className: b('popup-content'), size: "s" });
+}
+//# sourceMappingURL=DiskGroupsStatsBars.js.map

package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiskGroupsStatsBars.js","sourceRoot":"","sources":["../../../../../../src/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,6DAA6D,CAAC;AAC7F,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAC,cAAc,EAAC,MAAM,yDAAyD,CAAC;AAKvF,OAAO,EAAC,WAAW,EAAE,4BAA4B,EAAC,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAC;AAEjC,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC;AAMtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,KAAK,EAAuB,EAAE,EAAE;IACjE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACd,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACxC,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,OAAO,CAAC,EAEpB,OAAO,EAAE,KAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY,GAAI,YAEzD,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,EACnB,KAAK,EAAE,YAAY,CAAC,aAAa,EACjC,QAAQ,EAAE,YAAY,CAAC,WAAW,GACpC,IAPG,YAAY,CAAC,OAAO,CAQV,CACtB,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAMF,SAAS,uBAAuB,CAAC,EAAC,KAAK,EAA+B;IAClE,MAAM,EAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAEhE,MAAM,aAAa,GAAG,4BAA4B,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9F,MAAM,sBAAsB,GAAG,WAAW,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAC,CAAC,CAAC;IACxF,MAAM,sBAAsB,GAAG,WAAW,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAC,CAAC,CAAC;IAExF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAElF,MAAM,IAAI,GAAG;QACT;YACI,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,QAAQ;SAClB;QACD;YACI,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;YACtB,KAAK,EAAE,OAAO;SACjB;QACD;YACI,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,sBAAsB;SAChC;QACD;YACI,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,KAAK,EAAE,sBAAsB;SAChC;QACD;YACI,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;YACpB,KAAK,EAAE,KAAK,GAAG,GAAG;SACrB;KACJ,CAAC;IAEF,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,GAAG,GAAG,CAAC;AAC1F,CAAC"}

package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.scss

@@ -0,0 +1,11 @@
+.ydb-disk-groups-stats {
+    display: flex;
+    flex-direction: column;
+    gap: var(--g-spacing-3);
+    &__bar {
+        cursor: pointer;
+    }
+    &__popup-content {
+        padding: var(--g-spacing-3);
+    }
+}

package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.d.ts

@@ -0,0 +1,8 @@
+import type { EFlag } from '../../../../../types/api/enums';
+import './NodesState.scss';
+interface NodesStateProps {
+    state: EFlag;
+    children: React.ReactNode;
+}
+export declare function NodesState({ state, children }: NodesStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../../../utils/cn';
+import './NodesState.scss';
+const b = cn('ydb-nodes-state');
+export function NodesState({ state, children }) {
+    return _jsx("div", { className: b({ [state.toLowerCase()]: true }), children: children });
+}
+//# sourceMappingURL=NodesState.js.map

package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodesState.js","sourceRoot":"","sources":["../../../../../../src/containers/Cluster/ClusterInfo/components/NodesState/NodesState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAE3C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAOhC,MAAM,UAAU,UAAU,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAkB;IACzD,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI,EAAC,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC9E,CAAC"}

package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.scss

@@ -0,0 +1,16 @@
+@import '../../../../../styles/mixins.scss';
+
+.ydb-nodes-state {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    min-width: 30px;
+    padding: 0 var(--g-spacing-1);
+
+    color: var(--entity-state-font-color);
+    border: 1px solid var(--entity-state-border-color);
+    border-radius: var(--g-spacing-1);
+    background-color: var(--entity-state-background-color);
+    @include entity-state-colors();
+}

package/dist/containers/Cluster/ClusterInfo/shared.d.ts

@@ -0,0 +1 @@
+export declare const b: import("@bem-react/classname").ClassNameFormatter;

package/dist/containers/Cluster/ClusterInfo/shared.js

@@ -0,0 +1,3 @@
+import { cn } from '../../../utils/cn';
+export const b = cn('cluster-info');
+//# sourceMappingURL=shared.js.map

package/dist/containers/Cluster/ClusterInfo/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterInfo/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC"}

package/dist/containers/Cluster/ClusterInfo/utils.d.ts

@@ -1,2 +1,14 @@
+import type { InfoViewerItem } from '../../../components/InfoViewer/InfoViewer';
+import type { ClusterGroupsStats } from '../../../store/reducers/cluster/types';
+import type { ClusterLink } from '../../../types/additionalProps';
+import type { TClusterInfo } from '../../../types/api/cluster';
 import type { TTabletStateInfo } from '../../../types/api/tablet';
+import type { VersionToColorMap, VersionValue } from '../../../types/versions';
 export declare const compareTablets: (tablet1: TTabletStateInfo, tablet2: TTabletStateInfo) => 0 | 1 | -1;
+export declare const getInfo: (cluster: TClusterInfo, versionsValues: VersionValue[], groupsStats: ClusterGroupsStats, additionalInfo: InfoViewerItem[], links: ClusterLink[]) => InfoViewerItem[];
+export declare const useGetVersionValues: (cluster?: TClusterInfo, versionToColor?: VersionToColorMap) => {
+    title: string;
+    version: string;
+    color: string | undefined;
+    value: number;
+}[];