ydb-embedded-ui 11.5.0 → 11.7.0

package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.d.ts

@@ -1,13 +1,16 @@
 import type { PreparedNodeSystemState } from '../../../utils/nodes';
-import type { VersionValue } from '../../../utils/versions/types';
+import type { PreparedVersion } from '../../../utils/versions/types';
 import type { GroupedNodesItem } from '../types';
 import './NodesTreeTitle.scss';
 interface NodesTreeTitleProps {
     title?: string;
+    isDatabase?: boolean;
+    expanded?: boolean;
     nodes?: PreparedNodeSystemState[];
     items?: GroupedNodesItem[];
     versionColor?: string;
-    versionsValues?: VersionValue[];
+    preparedVersions?: PreparedVersion[];
+    onClick?: () => void;
 }
-export declare const NodesTreeTitle: ({ title, nodes, items, versionColor, versionsValues, }: NodesTreeTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NodesTreeTitle: ({ title, isDatabase, expanded, nodes, items, versionColor, preparedVersions, onClick, }: NodesTreeTitleProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.js

@@ -1,21 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ClipboardButton, Progress } from '@gravity-ui/uikit';
+import React from 'react';
+import { ChevronDown, ChevronUp, Database } from '@gravity-ui/icons';
+import { ClipboardButton, Flex, Icon, Text } from '@gravity-ui/uikit';
+import { VersionsBar } from '../../../components/VersionsBar/VersionsBar';
 import { cn } from '../../../utils/cn';
+import i18n from '../i18n';
 import './NodesTreeTitle.scss';
 const b = cn('ydb-versions-nodes-tree-title');
-export const NodesTreeTitle = ({ title, nodes, items, versionColor, versionsValues, }) => {
-    let nodesAmount;
-    if (items) {
-        nodesAmount = items.reduce((acc, curr) => {
-            if (!curr.nodes) {
-                return acc;
-            }
-            return acc + curr.nodes.length;
-        }, 0);
-    }
-    else {
-        nodesAmount = nodes ? nodes.length : 0;
-    }
-    return (_jsxs("div", { className: b('overview'), children: [_jsxs("div", { className: b('overview-container'), children: [versionColor ? (_jsx("div", { className: b('version-color'), style: { background: versionColor } })) : null, title ? (_jsxs("span", { className: b('overview-title'), children: [title, _jsx(ClipboardButton, { text: title, size: "s", className: b('clipboard-button'), view: "normal" })] })) : null] }), _jsxs("div", { className: b('overview-info'), children: [_jsxs("div", { children: [_jsx("span", { className: b('info-value'), children: nodesAmount }), _jsx("span", { className: b('info-label', { margin: 'left' }), children: "Nodes" })] }), versionsValues ? (_jsxs("div", { className: b('version-progress'), children: [_jsx("span", { className: b('info-label', { margin: 'right' }), children: "Versions" }), _jsx(Progress, { size: "s", value: 100, stack: versionsValues })] })) : null] })] }));
+export const NodesTreeTitle = ({ title, isDatabase, expanded, nodes, items, versionColor, preparedVersions, onClick, }) => {
+    const nodesAmount = React.useMemo(() => {
+        if (items) {
+            return items.reduce((acc, curr) => {
+                if (!curr.nodes) {
+                    return acc;
+                }
+                return acc + curr.nodes.length;
+            }, 0);
+        }
+        else {
+            return nodes ? nodes.length : 0;
+        }
+    }, [items, nodes]);
+    return (_jsxs("div", { className: b('overview'), onClick: onClick, children: [_jsxs(Flex, { gap: 2, alignItems: 'center', children: [versionColor && !isDatabase ? (_jsx("div", { className: b('version-color'), style: { background: versionColor } })) : null, isDatabase ? _jsx(Icon, { data: Database }) : null, title ? (_jsxs(React.Fragment, { children: [title, _jsx(ClipboardButton, { text: title, size: "s", className: b('clipboard-button'), view: "flat", onClickCapture: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                } })] })) : null, _jsx(Text, { variant: "body-2", color: "hint", children: i18n('nodes-count', { count: nodesAmount }) })] }), _jsxs(Flex, { alignItems: 'center', gap: 4, children: [preparedVersions ? (_jsx("div", { className: b('version-progress'), children: _jsx(VersionsBar, { preparedVersions: preparedVersions, withTitles: false }) })) : null, _jsx(Icon, { className: b('icon'), data: expanded ? ChevronUp : ChevronDown })] })] }));
 };
 //# sourceMappingURL=NodesTreeTitle.js.map

package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodesTreeTitle.js","sourceRoot":"","sources":["../../../../src/containers/Versions/NodesTreeTitle/NodesTreeTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAKrC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,+BAA+B,CAAC,CAAC;AAU9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,cAAc,GACI,EAAE,EAAE;IACtB,IAAI,WAAW,CAAC;IAChB,IAAI,KAAK,EAAE,CAAC;QACR,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACd,OAAO,GAAG,CAAC;YACf,CAAC;YACD,OAAO,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACnC,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC;SAAM,CAAC;QACJ,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,aACzB,eAAK,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,aAClC,YAAY,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,EAAC,UAAU,EAAE,YAAY,EAAC,GAAI,CAC5E,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACL,gBAAM,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,aAC/B,KAAK,EACN,KAAC,eAAe,IACZ,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAChC,IAAI,EAAC,QAAQ,GACf,IACC,CACV,CAAC,CAAC,CAAC,IAAI,IACN,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,0BACI,eAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,WAAW,GAAQ,EACtD,eAAM,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,sBAAc,IAC9D,EACL,cAAc,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,aACjC,eAAM,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC,yBAAiB,EACpE,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,GAAI,IACtD,CACT,CAAC,CAAC,CAAC,IAAI,IACN,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"NodesTreeTitle.js","sourceRoot":"","sources":["../../../../src/containers/Versions/NodesTreeTitle/NodesTreeTitle.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.scss

@@ -5,54 +5,26 @@
         align-items: center;
 
         width: 100%;
-    }
-
-    &__overview-info {
-        display: flex;
-        align-items: center;
-
-        margin-left: 25px;
-
-        & > *:not(:first-child) {
-            margin-left: 30px;
-        }
-    }
-
-    &__overview-container {
-        display: flex;
-        align-items: center;
-    }
+        padding: var(--g-spacing-4);
 
-    &__info-label {
-        font-weight: 200;
+        cursor: pointer;
 
-        color: var(--g-color-text-complementary);
+        border-radius: var(--g-border-radius-m);
 
-        &_margin_left {
-            margin-left: 5px;
-        }
-        &_margin_right {
-            margin-right: 5px;
+        &:hover {
+            background-color: var(--g-color-base-generic-hover);
         }
     }
 
     &__version-color {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
+        width: 12px;
+        height: 12px;
 
         border-radius: 100%;
     }
 
     &__version-progress {
-        display: flex;
-        align-items: center;
-
         width: 250px;
-
-        & .g-progress {
-            width: 200px;
-        }
     }
 
     &__overview-title {
@@ -60,14 +32,8 @@
         align-items: center;
     }
 
-    &__clipboard-button {
-        margin-left: 8px;
-
-        opacity: 0;
+    &__clipboard-button,
+    &__icon {
         color: var(--g-color-text-secondary);
-        .ydb-tree-view__item:hover &,
-        &:focus-visible {
-            opacity: 1;
-        }
     }
 }

package/dist/containers/Versions/Versions.js

@@ -1,44 +1,115 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Checkbox, SegmentedRadioGroup } from '@gravity-ui/uikit';
+import { ChevronsCollapseVertical, ChevronsExpandVertical } from '@gravity-ui/icons';
+import { Button, Flex, Icon, SegmentedRadioGroup, Select, Text } from '@gravity-ui/uikit';
+import { StringParam, useQueryParams } from 'use-query-params';
+import { z } from 'zod';
 import { LoaderWrapper } from '../../components/LoaderWrapper/LoaderWrapper';
+import { VersionsBar } from '../../components/VersionsBar/VersionsBar';
 import { nodesApi } from '../../store/reducers/nodes/nodes';
 import { cn } from '../../utils/cn';
 import { useAutoRefreshInterval } from '../../utils/hooks';
-import { VersionsBar } from '../Cluster/VersionsBar/VersionsBar';
 import { GroupedNodesTree } from './GroupedNodesTree/GroupedNodesTree';
+import { NODE_TYPES, NODE_TYPES_TITLE } from './constants';
 import { getGroupedStorageNodes, getGroupedTenantNodes, getOtherNodes } from './groupNodes';
 import i18n from './i18n';
 import { GroupByValue } from './types';
-import { useGetVersionValues, useVersionsDataMap } from './utils';
+import { useGetPreparedVersions, useVersionsDataMap } from './utils';
 import './Versions.scss';
 const b = cn('ydb-versions');
 export function VersionsContainer({ cluster, loading }) {
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const { currentData, isLoading: isNodesLoading } = nodesApi.useGetNodesQuery({ tablets: false, fieldsRequired: ['SystemState', 'SubDomainKey'] }, { pollingInterval: autoRefreshInterval });
     const versionsDataMap = useVersionsDataMap(cluster);
-    const versionsValues = useGetVersionValues({ cluster, versionsDataMap, clusterLoading: loading });
-    return (_jsx(LoaderWrapper, { loading: loading || isNodesLoading, children: _jsx(Versions, { versionsValues: versionsValues, nodes: currentData === null || currentData === void 0 ? void 0 : currentData.Nodes, versionsDataMap: versionsDataMap }) }));
+    const preparedVersions = useGetPreparedVersions({
+        cluster,
+        versionsDataMap,
+        clusterLoading: loading,
+    });
+    return (_jsx(LoaderWrapper, { loading: loading || isNodesLoading, children: _jsx(Versions, { preparedVersions: preparedVersions, nodes: currentData === null || currentData === void 0 ? void 0 : currentData.Nodes, versionsDataMap: versionsDataMap }) }));
 }
-function Versions({ versionsValues, nodes, versionsDataMap }) {
-    const [groupByValue, setGroupByValue] = React.useState(GroupByValue.VERSION);
+const nodeTypeSchema = z.nativeEnum(NODE_TYPES).catch(NODE_TYPES.storage);
+const groupByValueSchema = z.nativeEnum(GroupByValue).catch(GroupByValue.VERSION);
+function Versions({ preparedVersions, nodes, versionsDataMap }) {
+    const [{ nodeType: rawNodeType, groupBy: rawGroupByValue }, setQueryParams] = useQueryParams({
+        nodeType: StringParam,
+        groupBy: StringParam,
+    });
+    const nodeType = nodeTypeSchema.parse(rawNodeType);
+    const groupByValue = groupByValueSchema.parse(rawGroupByValue);
     const [expanded, setExpanded] = React.useState(false);
+    const tenantNodes = React.useMemo(() => {
+        return getGroupedTenantNodes(nodes, versionsDataMap, groupByValue);
+    }, [groupByValue, nodes, versionsDataMap]);
+    const storageNodes = React.useMemo(() => {
+        return getGroupedStorageNodes(nodes, versionsDataMap);
+    }, [nodes, versionsDataMap]);
+    const otherNodes = React.useMemo(() => {
+        return getOtherNodes(nodes, versionsDataMap);
+    }, [nodes, versionsDataMap]);
     const handleGroupByValueChange = (value) => {
-        setGroupByValue(value);
+        setQueryParams({ groupBy: value }, 'replaceIn');
+    };
+    const handleNodeTypeChange = (value) => {
+        setQueryParams({ nodeType: value }, 'replaceIn');
+    };
+    const renderExpandButton = () => {
+        return (_jsxs(Button, { onClick: () => setExpanded((value) => !value), children: [_jsx(Icon, { data: expanded ? ChevronsCollapseVertical : ChevronsExpandVertical }), expanded ? i18n('action_collapse') : i18n('action_expand')] }));
+    };
+    const renderNodeTypeRadio = () => {
+        const options = [
+            _jsx(SegmentedRadioGroup.Option, { value: NODE_TYPES.storage, children: NODE_TYPES_TITLE.storage }),
+            _jsx(SegmentedRadioGroup.Option, { value: NODE_TYPES.database, children: NODE_TYPES_TITLE.database }),
+        ];
+        if (otherNodes === null || otherNodes === void 0 ? void 0 : otherNodes.length) {
+            options.push(_jsx(SegmentedRadioGroup.Option, { value: NODE_TYPES.other, children: NODE_TYPES_TITLE.other }));
+        }
+        return (_jsx(SegmentedRadioGroup, { value: nodeType, onUpdate: handleNodeTypeChange, children: options }));
     };
     const renderGroupControl = () => {
-        return (_jsxs("div", { className: b('group'), children: [_jsx("span", { className: b('label'), children: "Group by:" }), _jsxs(SegmentedRadioGroup, { value: groupByValue, onUpdate: handleGroupByValueChange, children: [_jsx(SegmentedRadioGroup.Option, { value: GroupByValue.TENANT, children: GroupByValue.TENANT }), _jsx(SegmentedRadioGroup.Option, { value: GroupByValue.VERSION, children: GroupByValue.VERSION })] })] }));
+        if (nodeType === NODE_TYPES.database) {
+            const options = [
+                { value: GroupByValue.TENANT, content: i18n('title_database') },
+                { value: GroupByValue.VERSION, content: i18n('title_version') },
+            ];
+            return (_jsx(Select, { label: i18n('group-by'), value: [groupByValue], options: options, onUpdate: (values) => handleGroupByValueChange(values[0]), width: 200, size: "m" }));
+        }
+        return null;
     };
     const renderControls = () => {
-        return (_jsxs("div", { className: b('controls'), children: [renderGroupControl(), _jsx(Checkbox, { className: b('checkbox'), onChange: () => setExpanded((value) => !value), checked: expanded, children: "All expanded" })] }));
-    };
-    const tenantNodes = getGroupedTenantNodes(nodes, versionsDataMap, groupByValue);
-    const storageNodes = getGroupedStorageNodes(nodes, versionsDataMap);
-    const otherNodes = getOtherNodes(nodes, versionsDataMap);
-    const storageNodesContent = (storageNodes === null || storageNodes === void 0 ? void 0 : storageNodes.length) ? (_jsxs(React.Fragment, { children: [_jsx("h4", { children: i18n('title_storage') }), storageNodes.map(({ title, nodes: itemNodes, items, versionColor }) => (_jsx(GroupedNodesTree, { title: title, nodes: itemNodes, items: items, versionColor: versionColor }, `storage-nodes-${title}`)))] })) : null;
-    const tenantNodesContent = (tenantNodes === null || tenantNodes === void 0 ? void 0 : tenantNodes.length) ? (_jsxs(React.Fragment, { children: [_jsx("h4", { children: i18n('title_database') }), renderControls(), tenantNodes.map(({ title, nodes: itemNodes, items, versionColor, versionsValues }) => (_jsx(GroupedNodesTree, { title: title, nodes: itemNodes, items: items, expanded: expanded, versionColor: versionColor, versionsValues: versionsValues }, `tenant-nodes-${title}`)))] })) : null;
-    const otherNodesContent = (otherNodes === null || otherNodes === void 0 ? void 0 : otherNodes.length) ? (_jsxs(React.Fragment, { children: [_jsx("h4", { children: i18n('title_other') }), otherNodes.map(({ title, nodes: itemNodes, items, versionColor, versionsValues }) => (_jsx(GroupedNodesTree, { title: title, nodes: itemNodes, items: items, versionColor: versionColor, versionsValues: versionsValues }, `other-nodes-${title}`)))] })) : null;
-    const overallContent = (_jsxs(React.Fragment, { children: [_jsx("h4", { children: i18n('title_overall') }), _jsx("div", { className: b('overall-wrapper'), children: _jsx(VersionsBar, { progressClassName: b('overall-progress'), versionsValues: versionsValues.filter((el) => el.title !== 'unknown'), size: "m" }) })] }));
-    return (_jsxs("div", { className: b(), children: [overallContent, storageNodesContent, tenantNodesContent, otherNodesContent] }));
+        return (_jsxs(Flex, { gap: 3, className: b('controls'), children: [renderNodeTypeRadio(), renderGroupControl(), renderExpandButton()] }));
+    };
+    const renderStorageNodes = () => {
+        if (storageNodes === null || storageNodes === void 0 ? void 0 : storageNodes.length) {
+            return storageNodes.map(({ title, nodes: itemNodes, items, versionColor }) => (_jsx(GroupedNodesTree, { title: title, nodes: itemNodes, items: items, expanded: expanded, versionColor: versionColor }, `storage-nodes-${title}`)));
+        }
+        return null;
+    };
+    const renderDatabaseNodes = () => {
+        if (tenantNodes === null || tenantNodes === void 0 ? void 0 : tenantNodes.length) {
+            return tenantNodes.map(({ title, isDatabase, nodes: itemNodes, items, versionColor, preparedVersions: nodesVersions, }) => (_jsx(GroupedNodesTree, { title: title, isDatabase: isDatabase, nodes: itemNodes, items: items, expanded: expanded, versionColor: versionColor, preparedVersions: nodesVersions }, `tenant-nodes-${title}`)));
+        }
+        return null;
+    };
+    const renderOtherNodes = () => {
+        if (otherNodes === null || otherNodes === void 0 ? void 0 : otherNodes.length) {
+            return otherNodes.map(({ title, nodes: itemNodes, items, versionColor, preparedVersions: nodesVersions, }) => (_jsx(GroupedNodesTree, { title: title, nodes: itemNodes, items: items, versionColor: versionColor, expanded: expanded, preparedVersions: nodesVersions }, `other-nodes-${title}`)));
+        }
+        return null;
+    };
+    const renderContent = () => {
+        switch (nodeType) {
+            case NODE_TYPES.storage:
+                return renderStorageNodes();
+            case NODE_TYPES.database:
+                return renderDatabaseNodes();
+            case NODE_TYPES.other:
+                return renderOtherNodes();
+            default:
+                return null;
+        }
+    };
+    const overallContent = (_jsxs(Flex, { gap: 3, direction: 'column', className: b('overall'), children: [_jsx(Text, { variant: "subheader-3", children: i18n('title_overall') }), _jsx(VersionsBar, { preparedVersions: preparedVersions, size: "m" })] }));
+    return (_jsxs("div", { className: b(), children: [overallContent, renderControls(), _jsx(Flex, { direction: 'column', gap: 3, children: renderContent() })] }));
 }
 //# sourceMappingURL=Versions.js.map

package/dist/containers/Versions/Versions.js.map

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

package/dist/containers/Versions/Versions.scss

@@ -4,49 +4,16 @@
     --ydb-info-viewer-font-size: var(--g-text-body-2-font-size);
     --ydb-info-viewer-line-height: var(--g-text-body-2-line-height);
 
+    padding-right: var(--g-spacing-5);
+
     font-size: var(--ydb-info-viewer-font-size);
     line-height: var(--ydb-info-viewer-line-height);
 
     &__controls {
-        display: flex;
-        align-items: center;
-
-        padding: 0 0 20px;
-
-        #{$_} {
-            &__label {
-                margin-right: 10px;
-
-                font-weight: 500;
-            }
-
-            &__checkbox {
-                margin: 0;
-            }
-        }
-
-        & > * {
-            margin-right: 25px;
-        }
+        margin-bottom: var(--g-spacing-3);
     }
-    &__overall-wrapper {
-        margin-top: 10px;
-        margin-bottom: 10px;
-        padding: 20px;
-
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: 10px;
-    }
-    &__overall-progress {
-        height: 20px;
-
-        line-height: 20px;
-
-        border-radius: 5px;
-        .g-progress__stack {
-            height: 20px;
-
-            line-height: 20px;
-        }
+    &__overall {
+        margin-top: var(--g-spacing-4);
+        margin-bottom: var(--g-spacing-6);
     }
 }

package/dist/containers/Versions/VersionsBlock/VersionsBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './VersionsBlock.scss';
+interface VersionsBlockProps {
+    expanded: boolean;
+    renderHeader: () => React.ReactNode;
+    renderContent: () => React.ReactNode;
+}
+export declare const VersionsBlock: ({ expanded, renderHeader, renderContent }: VersionsBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Versions/VersionsBlock/VersionsBlock.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@gravity-ui/uikit';
+import { cn } from '../../../utils/cn';
+import './VersionsBlock.scss';
+const b = cn('ydb-versions-block');
+export const VersionsBlock = ({ expanded, renderHeader, renderContent }) => {
+    return (_jsxs("div", { className: b(null), children: [renderHeader(), expanded ? (_jsx(Flex, { direction: 'column', className: b('content'), children: renderContent() })) : null] }));
+};
+//# sourceMappingURL=VersionsBlock.js.map

package/dist/containers/Versions/VersionsBlock/VersionsBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionsBlock.js","sourceRoot":"","sources":["../../../../src/containers/Versions/VersionsBlock/VersionsBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAQnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAqB,EAAE,EAAE;IACzF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,aAClB,YAAY,EAAE,EACd,QAAQ,CAAC,CAAC,CAAC,CACR,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAC7C,aAAa,EAAE,GACb,CACV,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Versions/VersionsBlock/VersionsBlock.scss

@@ -0,0 +1,7 @@
+.ydb-versions-block {
+    &__content {
+        gap: var(--g-spacing-4);
+
+        padding: var(--g-spacing-4);
+    }
+}

package/dist/containers/Versions/constants.d.ts

@@ -0,0 +1,12 @@
+import type { ValueOf } from '../../types/common';
+export declare const NODE_TYPES: {
+    storage: string;
+    database: string;
+    other: string;
+};
+export type NodeType = ValueOf<typeof NODE_TYPES>;
+export declare const NODE_TYPES_TITLE: {
+    [NODE_TYPES.storage]: string;
+    [NODE_TYPES.database]: string;
+    [NODE_TYPES.other]: string;
+};

package/dist/containers/Versions/constants.js

@@ -0,0 +1,12 @@
+import i18n from './i18n';
+export const NODE_TYPES = {
+    storage: 'storage',
+    database: 'database',
+    other: 'other',
+};
+export const NODE_TYPES_TITLE = {
+    [NODE_TYPES.storage]: i18n('title_storage-nodes'),
+    [NODE_TYPES.database]: i18n('title_database-nodes'),
+    [NODE_TYPES.other]: i18n('title_other-nodes'),
+};
+//# sourceMappingURL=constants.js.map

package/dist/containers/Versions/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/containers/Versions/constants.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;CACjB,CAAC;AAIF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACjD,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,sBAAsB,CAAC;IACnD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CAChD,CAAC"}

package/dist/containers/Versions/groupNodes.js

@@ -1,5 +1,5 @@
 import groupBy from 'lodash/groupBy';
-import { getColorFromVersionsData, parseNodesToVersionsValues } from '../../utils/versions';
+import { getColorFromVersionsData, parseNodesToPreparedVersions } from '../../utils/versions';
 import { GroupByValue } from './types';
 const sortByTitle = (a, b) => { var _a; return ((_a = a.title) === null || _a === void 0 ? void 0 : _a.localeCompare(b.title || '')) || -1; };
 export const getGroupedTenantNodes = (nodes, versionsDataMap, groupByValue) => {
@@ -16,6 +16,7 @@ export const getGroupedTenantNodes = (nodes, versionsDataMap, groupByValue) => {
                 .map((tenant) => {
                 return {
                     title: tenant,
+                    isDatabase: true,
                     nodes: dividedByTenant[tenant],
                 };
             })
@@ -36,7 +37,7 @@ export const getGroupedTenantNodes = (nodes, versionsDataMap, groupByValue) => {
         const dividedByTenant = groupBy(filteredNodes, 'Tenants');
         return Object.keys(dividedByTenant)
             .map((tenant) => {
-            const versionsValues = parseNodesToVersionsValues(dividedByTenant[tenant], versionsDataMap);
+            const preparedVersions = parseNodesToPreparedVersions(dividedByTenant[tenant], versionsDataMap);
             const dividedByVersion = groupBy(dividedByTenant[tenant], 'Version');
             const preparedItems = Object.keys(dividedByVersion).map((version) => {
                 return {
@@ -50,8 +51,9 @@ export const getGroupedTenantNodes = (nodes, versionsDataMap, groupByValue) => {
             }
             return {
                 title: tenant,
+                isDatabase: true,
                 items: preparedItems,
-                versionsValues,
+                preparedVersions,
             };
         })
             .filter((item) => Boolean(item))

package/dist/containers/Versions/groupNodes.js.map

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

package/dist/containers/Versions/i18n/en.json

@@ -1,6 +1,15 @@
 {
     "title_overall": "Overall",
-    "title_storage": "Storage nodes",
-    "title_database": "Database nodes",
-    "title_other": "Other nodes"
+    "title_storage-nodes": "Storage Nodes",
+    "title_database-nodes": "Database Nodes",
+    "title_other-nodes": "Other Nodes",
+    "title_database": "Database",
+    "title_version": "Version",
+    "nodes-count": {
+        "one": "{{count}} node",
+        "other": "{{count}} nodes"
+    },
+    "group-by": "Group by:",
+    "action_expand": "Expand all",
+    "action_collapse": "Collapse all"
 }

package/dist/containers/Versions/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "title_overall" | "title_storage" | "title_database" | "title_other", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "title_overall" | "title_storage-nodes" | "title_database-nodes" | "title_other-nodes" | "title_database" | "title_version" | "nodes-count" | "group-by" | "action_expand" | "action_collapse", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Versions/types.d.ts

@@ -1,11 +1,12 @@
 import type { NodesPreparedEntity } from '../../store/reducers/nodes/types';
-import type { VersionValue } from '../../utils/versions/types';
+import type { PreparedVersion } from '../../utils/versions/types';
 export interface GroupedNodesItem {
     title?: string;
+    isDatabase?: boolean;
     nodes?: NodesPreparedEntity[];
     items?: GroupedNodesItem[];
     versionColor?: string;
-    versionsValues?: VersionValue[];
+    preparedVersions?: PreparedVersion[];
 }
 export declare enum GroupByValue {
     VERSION = "Version",

package/dist/containers/Versions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/containers/Versions/types.ts"],"names":[],"mappings":"AAWA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;AACvB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/containers/Versions/types.ts"],"names":[],"mappings":"AAYA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;AACvB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB"}

package/dist/containers/Versions/utils.d.ts

@@ -5,6 +5,6 @@ interface UseGetVersionValuesProps {
     versionsDataMap?: VersionsDataMap;
     clusterLoading?: boolean;
 }
-export declare const useGetVersionValues: ({ cluster, versionsDataMap, clusterLoading, }: UseGetVersionValuesProps) => import("../../utils/versions/types").VersionValue[];
+export declare function useGetPreparedVersions({ cluster, versionsDataMap, clusterLoading, }: UseGetVersionValuesProps): import("../../utils/versions/types").PreparedVersion[];
 export declare function useVersionsDataMap(cluster?: TClusterInfo): VersionsDataMap;
 export {};

package/dist/containers/Versions/utils.js

@@ -5,9 +5,9 @@ import { clustersApi } from '../../store/reducers/clusters/clusters';
 import { nodesApi } from '../../store/reducers/nodes/nodes';
 import { isClusterInfoV2 } from '../../types/api/cluster';
 import { useTypedSelector } from '../../utils/hooks';
-import { parseNodeGroupsToVersionsValues, parseNodesToVersionsValues, parseVersionsToVersionsDataMap, } from '../../utils/versions';
+import { parseNodeGroupsToPreparedVersions, parseNodesToPreparedVersions, parseVersionsToVersionsDataMap, } from '../../utils/versions';
 import { getVersionMap, getVersionsData } from '../../utils/versions/clusterVersionColors';
-export const useGetVersionValues = ({ cluster, versionsDataMap, clusterLoading, }) => {
+export function useGetPreparedVersions({ cluster, versionsDataMap, clusterLoading, }) {
     const { currentData } = nodesApi.useGetNodesQuery(isClusterInfoV2(cluster) || clusterLoading
         ? skipToken
         : {
@@ -15,24 +15,24 @@ export const useGetVersionValues = ({ cluster, versionsDataMap, clusterLoading,
             fieldsRequired: ['SystemState', 'SubDomainKey'],
             group: 'Version',
         });
-    const versionsValues = React.useMemo(() => {
+    const preparedVersions = React.useMemo(() => {
         if (isClusterInfoV2(cluster) && cluster.MapVersions) {
             const groups = Object.entries(cluster.MapVersions).map(([version, count]) => ({
                 name: version,
                 count,
             }));
-            return parseNodeGroupsToVersionsValues(groups, versionsDataMap, cluster.NodesTotal);
+            return parseNodeGroupsToPreparedVersions(groups, versionsDataMap);
         }
         if (!currentData) {
             return [];
         }
         if (Array.isArray(currentData.NodeGroups)) {
-            return parseNodeGroupsToVersionsValues(currentData.NodeGroups, versionsDataMap, cluster === null || cluster === void 0 ? void 0 : cluster.NodesTotal);
+            return parseNodeGroupsToPreparedVersions(currentData.NodeGroups, versionsDataMap);
         }
-        return parseNodesToVersionsValues(currentData.Nodes, versionsDataMap);
+        return parseNodesToPreparedVersions(currentData.Nodes, versionsDataMap);
     }, [currentData, versionsDataMap, cluster]);
-    return versionsValues;
-};
+    return preparedVersions;
+}
 export function useVersionsDataMap(cluster) {
     const getVersionsDataMap = useGetClusterVersionsDataMap();
     return React.useMemo(() => {