ydb-embedded-ui 11.6.0 → 11.7.0

package/dist/containers/Tenants/Tenants.js

@@ -94,7 +94,7 @@ export const Tenants = ({ additionalTenantsProps, scrollContainerRef }) => {
             {
                 name: 'State',
                 width: 150,
-                render: ({ row }) => (row.State ? row.State.toLowerCase() : '—'),
+                render: ({ row }) => (row.State ? row.State.toLowerCase() : EMPTY_DATA_PLACEHOLDER),
                 customStyle: () => ({ textTransform: 'capitalize' }),
             },
             {
@@ -106,7 +106,7 @@ export const Tenants = ({ additionalTenantsProps, scrollContainerRef }) => {
                     if (row.cpu && row.cpu > 10000) {
                         return formatCPU(row.cpu);
                     }
-                    return '—';
+                    return EMPTY_DATA_PLACEHOLDER;
                 },
                 align: DataTable.RIGHT,
                 defaultOrder: DataTable.DESCENDING,
@@ -115,7 +115,7 @@ export const Tenants = ({ additionalTenantsProps, scrollContainerRef }) => {
                 name: 'memory',
                 header: 'Memory',
                 width: 120,
-                render: ({ row }) => (row.memory ? formatStorageValuesToGb(row.memory) : '—'),
+                render: ({ row }) => row.memory ? formatStorageValuesToGb(row.memory) : EMPTY_DATA_PLACEHOLDER,
                 align: DataTable.RIGHT,
                 defaultOrder: DataTable.DESCENDING,
             },
@@ -123,7 +123,7 @@ export const Tenants = ({ additionalTenantsProps, scrollContainerRef }) => {
                 name: 'storage',
                 header: 'Storage',
                 width: 120,
-                render: ({ row }) => (row.storage ? formatStorageValuesToGb(row.storage) : '—'),
+                render: ({ row }) => row.storage ? formatStorageValuesToGb(row.storage) : EMPTY_DATA_PLACEHOLDER,
                 align: DataTable.RIGHT,
                 defaultOrder: DataTable.DESCENDING,
             },
@@ -154,14 +154,14 @@ export const Tenants = ({ additionalTenantsProps, scrollContainerRef }) => {
             name: 'nodesCount',
             header: 'Nodes',
             width: 100,
-            render: ({ row }) => (row.nodesCount ? formatNumber(row.nodesCount) : '—'),
+            render: ({ row }) => row.nodesCount ? formatNumber(row.nodesCount) : EMPTY_DATA_PLACEHOLDER,
             align: DataTable.RIGHT,
             defaultOrder: DataTable.DESCENDING,
         }, {
             name: 'groupsCount',
             header: 'Groups',
             width: 100,
-            render: ({ row }) => (row.groupsCount ? formatNumber(row.groupsCount) : '—'),
+            render: ({ row }) => row.groupsCount ? formatNumber(row.groupsCount) : EMPTY_DATA_PLACEHOLDER,
             align: DataTable.RIGHT,
             defaultOrder: DataTable.DESCENDING,
         }, {

package/dist/containers/Tenants/Tenants.js.map

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

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

@@ -1,15 +1,15 @@
 import type { NodesPreparedEntity } from '../../../store/reducers/nodes/types';
-import type { VersionValue } from '../../../utils/versions/types';
+import type { PreparedVersion } from '../../../utils/versions/types';
 import type { GroupedNodesItem } from '../types';
 import './GroupedNodesTree.scss';
 interface GroupedNodesTreeProps {
     title?: string;
+    isDatabase?: boolean;
     nodes?: NodesPreparedEntity[];
     items?: GroupedNodesItem[];
     expanded?: boolean;
     versionColor?: string;
-    versionsValues?: VersionValue[];
-    level?: number;
+    preparedVersions?: PreparedVersion[];
 }
-export declare const GroupedNodesTree: ({ title, nodes, items, expanded, versionColor, versionsValues, level, }: GroupedNodesTreeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupedNodesTree: ({ title, isDatabase, nodes, items, expanded, versionColor, preparedVersions, }: GroupedNodesTreeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Versions/GroupedNodesTree/GroupedNodesTree.js

@@ -1,23 +1,34 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { TreeView } from 'ydb-ui-components';
 import { cn } from '../../../utils/cn';
 import { NodesTable } from '../NodesTable/NodesTable';
 import { NodesTreeTitle } from '../NodesTreeTitle/NodesTreeTitle';
+import { VersionsBlock } from '../VersionsBlock/VersionsBlock';
 import './GroupedNodesTree.scss';
 const b = cn('ydb-versions-grouped-node-tree');
-export const GroupedNodesTree = ({ title, nodes, items, expanded = false, versionColor, versionsValues, level = 0, }) => {
-    const [isOpened, toggleBlock] = React.useState(false);
+export const GroupedNodesTree = ({ title, isDatabase, nodes, items, expanded = false, versionColor, preparedVersions, }) => {
+    const [isOpened, setIsOpened] = React.useState(false);
     React.useEffect(() => {
-        toggleBlock(expanded);
+        setIsOpened(expanded);
     }, [expanded]);
-    const groupTitle = (_jsx(NodesTreeTitle, { title: title, nodes: nodes, items: items, versionColor: versionColor, versionsValues: versionsValues }));
     const toggleCollapsed = () => {
-        toggleBlock((value) => !value);
+        setIsOpened((value) => !value);
     };
-    if (items) {
-        return (_jsx("div", { className: b({ 'first-level': level === 0 }), children: _jsx(TreeView, { name: groupTitle, collapsed: !isOpened, hasArrow: true, onClick: toggleCollapsed, onArrowClick: toggleCollapsed, children: items.map((item, index) => (_jsx(GroupedNodesTree, { title: item.title, nodes: item.nodes, expanded: expanded, versionColor: item.versionColor, level: level + 1 }, index))) }, title) }));
-    }
-    return (_jsx("div", { className: b({ 'first-level': level === 0 }), children: _jsx(TreeView, { name: groupTitle, collapsed: !isOpened, hasArrow: true, onClick: toggleCollapsed, onArrowClick: toggleCollapsed, children: _jsx("div", { className: b('dt-wrapper'), children: _jsx(NodesTable, { nodes: nodes || [] }) }) }, title) }));
+    const renderHeader = () => {
+        return (_jsx(NodesTreeTitle, { title: title, isDatabase: isDatabase, expanded: isOpened, nodes: nodes, items: items, versionColor: versionColor, preparedVersions: preparedVersions, onClick: toggleCollapsed }));
+    };
+    const renderItemsContent = () => {
+        return items === null || items === void 0 ? void 0 : items.map((item, index) => (_jsx(GroupedNodesTree, { title: item.title, isDatabase: item.isDatabase, nodes: item.nodes, expanded: expanded, versionColor: item.versionColor, preparedVersions: item.preparedVersions }, index)));
+    };
+    const renderNodesContent = () => {
+        return _jsx(NodesTable, { nodes: nodes || [] });
+    };
+    const renderContent = () => {
+        if (items) {
+            return renderItemsContent();
+        }
+        return renderNodesContent();
+    };
+    return (_jsx("div", { className: b('wrapper'), children: _jsx(VersionsBlock, { expanded: isOpened, renderHeader: renderHeader, renderContent: renderContent }) }));
 };
 //# sourceMappingURL=GroupedNodesTree.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupedNodesTree.js","sourceRoot":"","sources":["../../../../src/containers/Versions/GroupedNodesTree/GroupedNodesTree.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAGhE,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC,CAAC;AAY/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,cAAc,EACd,KAAK,GAAG,CAAC,GACW,EAAE,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,CACf,KAAC,cAAc,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAChC,CACL,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,KAAK,CAAC,EAAC,CAAC,YAC3C,KAAC,QAAQ,IAEL,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,CAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,eAAe,EACxB,YAAY,EAAE,eAAe,YAE5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,gBAAgB,IAEb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,KAAK,GAAG,CAAC,IALX,KAAK,CAMZ,CACL,CAAC,IAhBG,KAAK,CAiBH,GACT,CACT,CAAC;IACN,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,KAAK,CAAC,EAAC,CAAC,YAC3C,KAAC,QAAQ,IAEL,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,CAAC,QAAQ,EACpB,QAAQ,QACR,OAAO,EAAE,eAAe,EACxB,YAAY,EAAE,eAAe,YAE7B,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,GAAI,GAChC,IATD,KAAK,CAUH,GACT,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"GroupedNodesTree.js","sourceRoot":"","sources":["../../../../src/containers/Versions/GroupedNodesTree/GroupedNodesTree.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAG7D,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC,CAAC;AAY/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,gBAAgB,GACI,EAAE,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,CACH,KAAC,cAAc,IACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,eAAe,GAC1B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,KAAC,gBAAgB,IAEb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IANlC,KAAK,CAOZ,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,GAAI,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,kBAAkB,EAAE,CAAC;QAChC,CAAC;QACD,OAAO,kBAAkB,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,KAAC,aAAa,IACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC9B,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Versions/GroupedNodesTree/GroupedNodesTree.scss

@@ -1,15 +1,9 @@
 @use '../../../styles/mixins.scss';
 
 .ydb-versions-grouped-node-tree {
-    $item-width: 100%;
-    $margin-size: 24px;
-
-    &_first-level {
-        margin-top: 10px;
-        margin-bottom: 10px;
-
+    &__wrapper {
         border: 1px solid var(--g-color-line-generic);
-        border-radius: 10px;
+        border-radius: var(--g-border-radius-m);
     }
 
     &__dt-wrapper {
@@ -17,37 +11,5 @@
         z-index: 0;
 
         overflow: auto hidden;
-
-        margin-right: $margin-size;
-        margin-left: $margin-size;
-    }
-
-    .ydb-tree-view {
-        @include mixins.body-2-typography();
-
-        // Apply margin ignoring first element of the tree
-        .ydb-tree-view {
-            margin-left: $margin-size;
-        }
-    }
-
-    & .tree-view_item {
-        height: 40px;
-        margin: 0;
-
-        // By default tree is rendered with padding calculated based on level
-        // We replace padding with margin for correct hover
-        padding: 0 10px !important;
-
-        border: 0;
-        border-radius: 10px;
-    }
-
-    & .tree-view_children .tree-view_item {
-        width: $item-width;
-    }
-
-    & .g-progress__stack {
-        cursor: pointer;
     }
 }

package/dist/containers/Versions/NodesTable/NodesTable.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ResizeableDataTable } from '../../../components/ResizeableDataTable/ResizeableDataTable';
-import { getCpuColumn, getHostColumn, getLoadAverageColumn, getNodeIdColumn, getRAMColumn, getUptimeColumn, } from '../../../components/nodesColumns/columns';
+import { getCpuColumn, getHostColumn, getLoadAverageColumn, getNodeIdColumn, getPileNameColumn, getRAMColumn, getUptimeColumn, } from '../../../components/nodesColumns/columns';
+import { NODES_COLUMNS_IDS } from '../../../components/nodesColumns/constants';
+import { useBridgeModeEnabled } from '../../../store/reducers/capabilities/hooks';
 import { DEFAULT_TABLE_SETTINGS } from '../../../utils/constants';
 import { useAdditionalNodesProps } from '../../../utils/hooks/useAdditionalNodesProps';
 const VERSIONS_COLUMNS_WIDTH_LS_KEY = 'versionsTableColumnsWidth';
@@ -8,6 +10,7 @@ function getColumns(params) {
     return [
         getNodeIdColumn(),
         getHostColumn(params),
+        getPileNameColumn(),
         getUptimeColumn(),
         getRAMColumn(),
         getCpuColumn(),
@@ -16,7 +19,11 @@ function getColumns(params) {
 }
 export const NodesTable = ({ nodes }) => {
     const additionalNodesProps = useAdditionalNodesProps();
-    const columns = getColumns({ getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef });
+    const bridgeModeEnabled = useBridgeModeEnabled();
+    const allColumns = getColumns({ getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef });
+    const columns = bridgeModeEnabled
+        ? allColumns
+        : allColumns.filter((c) => c.name !== NODES_COLUMNS_IDS.PileName);
     return (_jsx(ResizeableDataTable, { columnsWidthLSKey: VERSIONS_COLUMNS_WIDTH_LS_KEY, data: nodes, columns: columns, settings: DEFAULT_TABLE_SETTINGS }));
 };
 //# sourceMappingURL=NodesTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NodesTable.js","sourceRoot":"","sources":["../../../../src/containers/Versions/NodesTable/NodesTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,6DAA6D,CAAC;AAChG,OAAO,EACH,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,eAAe,GAClB,MAAM,0CAA0C,CAAC;AAGlD,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,uBAAuB,EAAC,MAAM,8CAA8C,CAAC;AAErF,MAAM,6BAA6B,GAAG,2BAA2B,CAAC;AAElE,SAAS,UAAU,CAAC,MAA6B;IAC7C,OAAO;QACH,eAAe,EAAE;QACjB,aAAa,CAAC,MAAM,CAAC;QACrB,eAAe,EAAE;QACjB,YAAY,EAAE;QACd,YAAY,EAAE;QACd,oBAAoB,EAAE;KACzB,CAAC;AACN,CAAC;AAMD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAkB,EAAE,EAAE;IACnD,MAAM,oBAAoB,GAAG,uBAAuB,EAAE,CAAC;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC,EAAC,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU,EAAC,CAAC,CAAC;IAE3E,OAAO,CACH,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,6BAA6B,EAChD,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,GAClC,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"NodesTable.js","sourceRoot":"","sources":["../../../../src/containers/Versions/NodesTable/NodesTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,6DAA6D,CAAC;AAChG,OAAO,EACH,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,eAAe,GAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAC,iBAAiB,EAAC,MAAM,4CAA4C,CAAC;AAE7E,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAEhF,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,uBAAuB,EAAC,MAAM,8CAA8C,CAAC;AAErF,MAAM,6BAA6B,GAAG,2BAA2B,CAAC;AAElE,SAAS,UAAU,CAAC,MAA6B;IAC7C,OAAO;QACH,eAAe,EAAuB;QACtC,aAAa,CAAsB,MAAM,CAAC;QAC1C,iBAAiB,EAAuB;QACxC,eAAe,EAAuB;QACtC,YAAY,EAAuB;QACnC,YAAY,EAAuB;QACnC,oBAAoB,EAAuB;KAC9C,CAAC;AACN,CAAC;AAMD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAkB,EAAE,EAAE;IACnD,MAAM,oBAAoB,GAAG,uBAAuB,EAAE,CAAC;IACvD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,UAAU,GAAG,UAAU,CAAC,EAAC,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU,EAAC,CAAC,CAAC;IAC9E,MAAM,OAAO,GAAG,iBAAiB;QAC7B,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEtE,OAAO,CACH,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,6BAA6B,EAChD,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,GAClC,CACL,CAAC;AACN,CAAC,CAAC"}

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