ydb-embedded-ui 5.0.0 → 5.2.0

package/dist/containers/Node/Node.js

@@ -3,6 +3,7 @@ import { useEffect, useMemo, useRef } from 'react';
 import { useLocation, useRouteMatch } from 'react-router';
 import cn from 'bem-cn-lite';
 import { useDispatch } from 'react-redux';
+import { Helmet } from 'react-helmet-async';
 import { Tabs } from '@gravity-ui/uikit';
 import { Link } from 'react-router-dom';
 import { TABLETS, STORAGE, NODE_PAGES, OVERVIEW, STRUCTURE } from './NodePages';
@@ -17,39 +18,36 @@ import routes, { createHref, parseQuery } from '../../routes';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
 import { AutoFetcher } from '../../utils/autofetcher';
 import { useTypedSelector } from '../../utils/hooks';
-import { clusterTabsIds } from '../Cluster/utils';
 import './Node.scss';
 const b = cn('node');
 export const STORAGE_ROLE = 'Storage';
 const autofetcher = new AutoFetcher();
 function Node(props) {
-    var _a, _b;
+    var _a;
     const container = useRef(null);
     const dispatch = useDispatch();
     const location = useLocation();
-    const { loading, wasLoaded, error, data } = useTypedSelector((state) => state.node);
-    const node = (_a = data === null || data === void 0 ? void 0 : data.SystemStateInfo) === null || _a === void 0 ? void 0 : _a[0];
-    const match = (_b = useRouteMatch(routes.node)) !== null && _b !== void 0 ? _b : Object.create(null);
+    const { loading, wasLoaded, error, data: node } = useTypedSelector((state) => state.node);
+    const match = (_a = useRouteMatch(routes.node)) !== null && _a !== void 0 ? _a : Object.create(null);
     const { id: nodeId, activeTab } = match.params;
     const { tenantName: tenantNameFromQuery } = parseQuery(location);
     const { activeTabVerified, nodeTabs } = useMemo(() => {
         var _a;
         const hasStorage = (_a = node === null || node === void 0 ? void 0 : node.Roles) === null || _a === void 0 ? void 0 : _a.find((el) => el === STORAGE_ROLE);
-        let actualActiveTab = activeTab;
-        if (!hasStorage && activeTab === STORAGE) {
-            actualActiveTab = OVERVIEW;
-        }
         const nodePages = hasStorage ? NODE_PAGES : NODE_PAGES.filter((el) => el.id !== STORAGE);
         const actualNodeTabs = nodePages.map((page) => {
             return Object.assign(Object.assign({}, page), { title: page.name });
         });
+        let actualActiveTab = actualNodeTabs.find(({ id }) => id === activeTab);
+        if (!actualActiveTab) {
+            actualActiveTab = actualNodeTabs[0];
+        }
         return { activeTabVerified: actualActiveTab, nodeTabs: actualNodeTabs };
     }, [activeTab, node]);
     useEffect(() => {
         var _a;
         const tenantName = ((_a = node === null || node === void 0 ? void 0 : node.Tenants) === null || _a === void 0 ? void 0 : _a[0]) || (tenantNameFromQuery === null || tenantNameFromQuery === void 0 ? void 0 : tenantNameFromQuery.toString());
         dispatch(setHeaderBreadcrumbs('node', {
-            clusterTab: clusterTabsIds.nodes,
             tenantName,
             nodeId,
         }));
@@ -65,10 +63,10 @@ function Node(props) {
         };
     }, [dispatch, nodeId]);
     const renderTabs = () => {
-        return (_jsx("div", Object.assign({ className: b('tabs') }, { children: _jsx(Tabs, { size: "l", items: nodeTabs, activeTab: activeTabVerified, wrapTo: ({ id }, tabNode) => (_jsx(Link, Object.assign({ to: createHref(routes.node, { id: nodeId, activeTab: id }), className: b('tab') }, { children: tabNode }), id)), allowNotSelected: true }) })));
+        return (_jsx("div", Object.assign({ className: b('tabs') }, { children: _jsx(Tabs, { size: "l", items: nodeTabs, activeTab: activeTabVerified.id, wrapTo: ({ id }, tabNode) => (_jsx(Link, Object.assign({ to: createHref(routes.node, { id: nodeId, activeTab: id }), className: b('tab') }, { children: tabNode }), id)), allowNotSelected: true }) })));
     };
     const renderTabContent = () => {
-        switch (activeTab) {
+        switch (activeTabVerified.id) {
             case STORAGE: {
                 return (_jsx("div", Object.assign({ className: b('storage') }, { children: _jsx(StorageWrapper, { nodeId: nodeId, parentContainer: container.current }) })));
             }
@@ -93,7 +91,7 @@ function Node(props) {
     }
     else {
         if (node) {
-            return (_jsxs("div", Object.assign({ className: b(null, props.className), ref: container }, { children: [_jsx(BasicNodeViewer, { node: node, additionalNodesProps: props.additionalNodesProps, className: b('header') }), renderTabs(), _jsx("div", Object.assign({ className: b('content') }, { children: renderTabContent() }))] })));
+            return (_jsxs("div", Object.assign({ className: b(null, props.className), ref: container }, { children: [_jsx(Helmet, Object.assign({ titleTemplate: `%s — ${node.Host} — YDB Monitoring`, defaultTitle: `${node.Host} — YDB Monitoring` }, { children: _jsx("title", { children: activeTabVerified.title }) })), _jsx(BasicNodeViewer, { node: node, additionalNodesProps: props.additionalNodesProps, className: b('header') }), renderTabs(), _jsx("div", Object.assign({ className: b('content') }, { children: renderTabContent() }))] })));
         }
         return _jsx("div", Object.assign({ className: "error" }, { children: "no node data" }));
     }

package/dist/containers/Node/NodePages.js

@@ -12,7 +12,10 @@ export const NODE_PAGES = [
         id: STORAGE,
         name: 'Storage',
     },
-    { id: STRUCTURE, name: 'Structure' },
+    {
+        id: STRUCTURE,
+        name: 'Structure',
+    },
     {
         id: TABLETS,
         name: 'Tablets',

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

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "pdisk.developer-ui-button-title" | "vdisk.developer-ui-button-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/Node/i18n/index.js

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../../utils/i18n';
+import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-node-page';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { en, ru });

package/dist/containers/Nodes/getNodesColumns.js

@@ -8,6 +8,7 @@ import { formatBytesToGigabyte, formatStorageValuesToGb, } from '../../utils/dat
 import { getLoadSeverityForNode } from '../../store/reducers/nodes/utils';
 import { UsageLabel } from '../../components/UsageLabel/UsageLabel';
 import { CellWithPopover } from '../../components/CellWithPopover/CellWithPopover';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
 const NODES_COLUMNS_IDS = {
     NodeId: 'NodeId',
     Host: 'Host',
@@ -49,7 +50,7 @@ const dataCenterColumn = {
     name: NODES_COLUMNS_IDS.DC,
     header: 'DC',
     align: DataTable.LEFT,
-    render: ({ row }) => (row.DataCenter ? row.DataCenter : '—'),
+    render: ({ row }) => row.DC || EMPTY_DATA_PLACEHOLDER,
     width: 60,
 };
 const rackColumn = {

package/dist/containers/Storage/StorageGroups/getStorageGroupsColumns.d.ts

@@ -46,7 +46,7 @@ export declare const getPreparedStorageGroupsColumns: (nodesMap: NodesMap | unde
         index: number;
         footer?: boolean | undefined;
         headerData?: boolean | undefined;
-    }, column: DataTableColumn<PreparedStorageGroup>) => void) | undefined;
+    }, column: DataTableColumn<PreparedStorageGroup>, event: import("react").MouseEvent<HTMLTableCellElement, MouseEvent>) => void) | undefined;
     defaultOrder?: import("@gravity-ui/react-data-table").OrderType | undefined;
     sortAccessor?: string | ((row: PreparedStorageGroup) => any) | undefined;
     sortAscending?: import("@gravity-ui/react-data-table").Comparator<PreparedStorageGroup> | undefined;

package/dist/containers/Storage/StorageNodes/getStorageNodesColumns.d.ts

@@ -37,7 +37,7 @@ export declare const getPreparedStorageNodesColumns: (additionalNodesProps: Addi
         index: number;
         footer?: boolean | undefined;
         headerData?: boolean | undefined;
-    }, column: DataTableColumn<PreparedStorageNode>) => void) | undefined;
+    }, column: DataTableColumn<PreparedStorageNode>, event: import("react").MouseEvent<HTMLTableCellElement, MouseEvent>) => void) | undefined;
     defaultOrder?: import("@gravity-ui/react-data-table").OrderType | undefined;
     sortAccessor?: string | ((row: PreparedStorageNode) => any) | undefined;
     sortAscending?: import("@gravity-ui/react-data-table").Comparator<PreparedStorageNode> | undefined;

package/dist/containers/Storage/StorageNodes/getStorageNodesColumns.js

@@ -3,6 +3,7 @@ import DataTable from '@gravity-ui/react-data-table';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { NodeHostWrapper } from '../../../components/NodeHostWrapper/NodeHostWrapper';
 import { isSortableNodesProperty } from '../../../utils/nodes';
+import { EMPTY_DATA_PLACEHOLDER } from '../../../utils/constants';
 import { PDisk } from '../PDisk/PDisk';
 import { b } from './shared';
 export const STORAGE_NODES_COLUMNS_IDS = {
@@ -37,7 +38,7 @@ const getStorageNodesColumns = (additionalNodesProps) => {
             name: STORAGE_NODES_COLUMNS_IDS.DC,
             header: 'DC',
             width: 100,
-            render: ({ row }) => row.DataCenter || '—',
+            render: ({ row }) => row.DC || EMPTY_DATA_PLACEHOLDER,
             align: DataTable.LEFT,
         },
         {

package/dist/containers/Tablet/Tablet.js

@@ -1,14 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from 'react';
 import { useLocation, useParams } from 'react-router';
 import { useDispatch } from 'react-redux';
 import cn from 'bem-cn-lite';
 import { Link as ExternalLink } from '@gravity-ui/uikit';
+import { Helmet } from 'react-helmet-async';
 import { backend } from '../../store';
 import { getTablet, getTabletDescribe, clearTabletData } from '../../store/reducers/tablet';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
 import { useAutofetcher, useTypedSelector } from '../../utils/hooks';
-import { DEVELOPER_UI_TITLE } from '../../utils/constants';
+import { CLUSTER_DEFAULT_TITLE, DEVELOPER_UI_TITLE } from '../../utils/constants';
 import { parseQuery } from '../../routes';
 import EntityStatus from '../../components/EntityStatus/EntityStatus';
 import { ResponseError } from '../../components/Errors/ResponseError';
@@ -30,7 +31,7 @@ export const Tablet = () => {
     const params = useParams();
     const { id } = params;
     const { data: tablet = {}, loading, id: tabletId, history = [], tenantPath, error, } = useTypedSelector((state) => state.tablet);
-    const { nodeId: queryNodeId, tenantName: queryTenantName, type: queryTabletType, } = parseQuery(location);
+    const { nodeId: queryNodeId, tenantName: queryTenantName, type: queryTabletType, clusterName: queryClusterName, } = parseQuery(location);
     const nodeId = ((_a = tablet.NodeId) === null || _a === void 0 ? void 0 : _a.toString()) || (queryNodeId === null || queryNodeId === void 0 ? void 0 : queryNodeId.toString());
     const tenantName = tenantPath || (queryTenantName === null || queryTenantName === void 0 ? void 0 : queryTenantName.toString());
     const type = tablet.Type || (queryTabletType === null || queryTabletType === void 0 ? void 0 : queryTabletType.toString());
@@ -61,21 +62,24 @@ export const Tablet = () => {
     const renderExternalLinks = (link, index) => {
         return (_jsx("li", Object.assign({ className: b('link', { external: true }) }, { children: _jsx(ExternalLink, Object.assign({ href: `${backend}${link.path}`, target: "_blank" }, { children: link.name })) }), index));
     };
-    if (loading && id !== tabletId && isFirstDataFetchRef.current) {
-        return _jsx(Loader, { size: "l" });
-    }
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    if (!tablet || !Object.keys(tablet).length) {
-        return (_jsx("div", Object.assign({ className: b('placeholder') }, { children: _jsx(EmptyState, { title: i18n('emptyState') }) })));
-    }
-    const { TabletId, Overall, Leader } = tablet;
-    const externalLinks = [
-        {
-            name: `${DEVELOPER_UI_TITLE} - tablet`,
-            path: `/tablets?TabletID=${TabletId}`,
-        },
-    ];
-    return (_jsx("div", Object.assign({ className: b() }, { children: _jsxs("div", Object.assign({ className: b('pane-wrapper') }, { children: [_jsxs("div", Object.assign({ className: b('left-pane') }, { children: [_jsx("ul", Object.assign({ className: b('links') }, { children: externalLinks.map(renderExternalLinks) })), _jsxs("div", Object.assign({ className: b('row', { header: true }) }, { children: [_jsx("span", Object.assign({ className: b('title') }, { children: i18n('tablet.header') })), _jsx(EntityStatus, { status: Overall, name: TabletId }), _jsx("a", Object.assign({ rel: "noopener noreferrer", className: b('link', { external: true }), href: `${backend}/tablets?TabletID=${TabletId}`, target: "_blank" }, { children: _jsx(Icon, { name: "external" }) })), Leader && _jsx(Tag, { text: "Leader", type: "blue" }), _jsx("span", Object.assign({ className: b('loader') }, { children: loading && _jsx(Loader, { size: "s" }) }))] })), _jsx(TabletInfo, { tablet: tablet, tenantPath: tenantName }), _jsx(TabletControls, { tablet: tablet, fetchData: fetchData })] })), _jsx("div", Object.assign({ className: b('rigth-pane') }, { children: _jsx(TabletTable, { history: history }) }))] })) })));
+    const renderView = () => {
+        if (loading && id !== tabletId && isFirstDataFetchRef.current) {
+            return _jsx(Loader, { size: "l" });
+        }
+        if (error) {
+            return _jsx(ResponseError, { error: error });
+        }
+        if (!tablet || !Object.keys(tablet).length) {
+            return (_jsx("div", Object.assign({ className: b('placeholder') }, { children: _jsx(EmptyState, { title: i18n('emptyState') }) })));
+        }
+        const { TabletId, Overall, Leader } = tablet;
+        const externalLinks = [
+            {
+                name: `${DEVELOPER_UI_TITLE} - tablet`,
+                path: `/tablets?TabletID=${TabletId}`,
+            },
+        ];
+        return (_jsx("div", Object.assign({ className: b() }, { children: _jsxs("div", Object.assign({ className: b('pane-wrapper') }, { children: [_jsxs("div", Object.assign({ className: b('left-pane') }, { children: [_jsx("ul", Object.assign({ className: b('links') }, { children: externalLinks.map(renderExternalLinks) })), _jsxs("div", Object.assign({ className: b('row', { header: true }) }, { children: [_jsx("span", Object.assign({ className: b('title') }, { children: i18n('tablet.header') })), _jsx(EntityStatus, { status: Overall, name: TabletId }), _jsx("a", Object.assign({ rel: "noopener noreferrer", className: b('link', { external: true }), href: `${backend}/tablets?TabletID=${TabletId}`, target: "_blank" }, { children: _jsx(Icon, { name: "external" }) })), Leader && _jsx(Tag, { text: "Leader", type: "blue" }), _jsx("span", Object.assign({ className: b('loader') }, { children: loading && _jsx(Loader, { size: "s" }) }))] })), _jsx(TabletInfo, { tablet: tablet, tenantPath: tenantName }), _jsx(TabletControls, { tablet: tablet, fetchData: fetchData })] })), _jsx("div", Object.assign({ className: b('rigth-pane') }, { children: _jsx(TabletTable, { history: history }) }))] })) })));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: _jsx("title", { children: `${id} — ${i18n('tablet.header')} — ${tenantName || queryClusterName || CLUSTER_DEFAULT_TITLE}` }) }), renderView()] }));
 };

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

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "emptyState" | "tablet.header" | "controls.kill" | "controls.stop" | "controls.resume" | "dialog.kill" | "dialog.stop" | "dialog.resume", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/Tablet/i18n/index.js

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../../utils/i18n';
+import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-tablet-page';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { en, ru });

package/dist/containers/TabletsFilters/TabletsFilters.d.ts

@@ -26,6 +26,7 @@ export class TabletsFilters extends React.Component<any, any, any> {
     state: {
         nodeFilter: never[];
         tenantPath: string;
+        clusterName: string;
     };
     reloadDescriptor: number;
     componentDidMount(): void;
@@ -38,6 +39,7 @@ export class TabletsFilters extends React.Component<any, any, any> {
     handleTypeFilterChange: (typeFilter: any) => void;
     renderTablet: (index: any, key: any) => JSX.Element;
     renderContent: () => JSX.Element;
+    renderView: () => JSX.Element;
     render(): JSX.Element;
 }
 declare var _default: import("react-redux").ConnectedComponent<typeof TabletsFilters, import("react-redux").Omit<PropTypes.InferProps<{

package/dist/containers/TabletsFilters/TabletsFilters.js

@@ -3,8 +3,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import cn from 'bem-cn-lite';
-import qs from 'qs';
 import _ from 'lodash';
+import { Helmet } from 'react-helmet-async';
 import { Loader, Select } from '@gravity-ui/uikit';
 import ReactList from 'react-list';
 import { Tablet } from '../../components/Tablet';
@@ -12,6 +12,9 @@ import { AccessDenied } from '../../components/Errors/403';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
 import { tabletColorToTabletState, tabletStates } from '../../utils/tablet';
 import { getTabletsInfo, clearWasLoadingFlag, setStateFilter, setTypeFilter, getFilteredTablets, getTablets, } from '../../store/reducers/tabletsFilters';
+import { parseQuery } from '../../routes';
+import { CLUSTER_DEFAULT_TITLE } from '../../utils/constants';
+import i18n from './i18n';
 import './TabletsFilters.scss';
 const b = cn('tablets-filters');
 export class TabletsFilters extends React.Component {
@@ -20,6 +23,7 @@ export class TabletsFilters extends React.Component {
         this.state = {
             nodeFilter: [],
             tenantPath: '',
+            clusterName: '',
         };
         this.reloadDescriptor = -1;
         this.makeRequest = () => {
@@ -67,16 +71,29 @@ export class TabletsFilters extends React.Component {
             }));
             return (_jsxs("div", Object.assign({ className: b() }, { children: [tenantPath ? (_jsx("div", Object.assign({ className: b('tenant') }, { children: _jsxs(_Fragment, { children: [_jsx("span", Object.assign({ className: b('label') }, { children: "Database: " })), " ", tenantPath] }) }))) : null, _jsx(MemoizedFilters, { nodesForSelect: nodesForSelect, nodeFilter: nodeFilter, onChangeNodes: this.handleNodeFilterChange, states: states, stateFilter: stateFilter, onChangeStates: this.handleStateFilterChange, types: types, typeFilter: typeFilter, onChangeTypes: this.handleTypeFilterChange }), error && _jsx("div", Object.assign({ className: "error" }, { children: error })), filteredTablets.length > 0 ? (_jsx("div", Object.assign({ className: b('items') }, { children: _jsx(ReactList, { itemRenderer: this.renderTablet, length: filteredTablets.length, type: "uniform" }) }))) : (!error && _jsx("div", Object.assign({ className: b('empty-message') }, { children: "no tablets" })))] })));
         };
+        this.renderView = () => {
+            const { loading, wasLoaded, error } = this.props;
+            if (loading && !wasLoaded) {
+                return TabletsFilters.renderLoader();
+            }
+            else if (error && typeof error === 'object') {
+                if (error.status === 403) {
+                    return _jsx(AccessDenied, {});
+                }
+                return _jsx("div", { children: error.statusText });
+            }
+            else {
+                return this.renderContent();
+            }
+        };
     }
     static renderLoader() {
         return (_jsx("div", Object.assign({ className: 'loader' }, { children: _jsx(Loader, { size: "l" }) })));
     }
     componentDidMount() {
         const { setStateFilter, setTypeFilter, setHeaderBreadcrumbs } = this.props;
-        const queryParams = qs.parse(this.props.location.search, {
-            ignoreQueryPrefix: true,
-        });
-        const { nodeIds, type, path, state } = queryParams;
+        const queryParams = parseQuery(this.props.location);
+        const { nodeIds, type, path, state, clusterName } = queryParams;
         const nodes = TabletsFilters.parseNodes(nodeIds);
         if (state) {
             const stateFilter = TabletsFilters.getStateFiltersFromColor(state);
@@ -85,7 +102,7 @@ export class TabletsFilters extends React.Component {
         if (type) {
             setTypeFilter([type]);
         }
-        this.setState({ nodeFilter: nodes, tenantPath: path }, () => {
+        this.setState({ nodeFilter: nodes, tenantPath: path, clusterName }, () => {
             this.makeRequest();
         });
         setHeaderBreadcrumbs('tablets', {
@@ -106,19 +123,8 @@ export class TabletsFilters extends React.Component {
         clearInterval(this.reloadDescriptor);
     }
     render() {
-        const { loading, wasLoaded, error } = this.props;
-        if (loading && !wasLoaded) {
-            return TabletsFilters.renderLoader();
-        }
-        else if (error && typeof error === 'object') {
-            if (error.status === 403) {
-                return _jsx(AccessDenied, {});
-            }
-            return _jsx("div", { children: error.statusText });
-        }
-        else {
-            return this.renderContent();
-        }
+        const { tenantPath, clusterName } = this.state;
+        return (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: _jsx("title", { children: `${i18n('page.title')} — ${tenantPath || clusterName || CLUSTER_DEFAULT_TITLE}` }) }), this.renderView()] }));
     }
 }
 TabletsFilters.propTypes = {

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

@@ -0,0 +1,3 @@
+{
+    "page.title": "Tablets"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "page.title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/dist/containers/TabletsFilters/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+import ru from './ru.json';
+const COMPONENT = 'ydb-tablets-filters-page';
+export default registerKeysets(COMPONENT, { en, ru });

package/dist/containers/TabletsFilters/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "page.title": "Таблетки"
+}

package/dist/containers/Tenant/Diagnostics/Diagnostics.js

@@ -5,6 +5,7 @@ import cn from 'bem-cn-lite';
 import { Link } from 'react-router-dom';
 import { useDispatch, useSelector } from 'react-redux';
 import { useLocation } from 'react-router';
+import { Helmet } from 'react-helmet-async';
 import { Switch, Tabs } from '@gravity-ui/uikit';
 import { useTypedSelector } from '../../../utils/hooks';
 import routes, { createHref } from '../../../routes';
@@ -17,7 +18,7 @@ import { NodesWrapper } from '../../Nodes/NodesWrapper';
 import { StorageWrapper } from '../../Storage/StorageWrapper';
 import { Tablets } from '../../Tablets';
 import Describe from './Describe/Describe';
-import HotKeys from './HotKeys/HotKeys';
+import { HotKeys } from './HotKeys/HotKeys';
 import Network from './Network/Network';
 import { Partitions } from './Partitions/Partitions';
 import { Consumers } from './Consumers';
@@ -52,14 +53,14 @@ function Diagnostics(props) {
     };
     const activeTab = useMemo(() => {
         if (wasLoaded) {
-            if (pages.find((el) => el.id === diagnosticsTab)) {
-                return diagnosticsTab;
+            let page = pages.find((el) => el.id === diagnosticsTab);
+            if (!page) {
+                page = pages[0];
             }
-            else {
-                const newPage = pages[0].id;
-                forwardToDiagnosticTab(newPage);
-                return newPage;
+            if (page && page.id !== diagnosticsTab) {
+                forwardToDiagnosticTab(page.id);
             }
+            return page;
         }
         return undefined;
     }, [pages, diagnosticsTab, wasLoaded]);
@@ -74,7 +75,7 @@ function Diagnostics(props) {
     const renderTabContent = () => {
         const { type } = props;
         const tenantNameString = tenantName;
-        switch (diagnosticsTab) {
+        switch (activeTab === null || activeTab === void 0 ? void 0 : activeTab.id) {
             case TENANT_DIAGNOSTICS_TABS_IDS.overview: {
                 return (_jsx(DetailedOverview, { type: type, tenantName: tenantNameString, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps }));
             }
@@ -100,7 +101,7 @@ function Diagnostics(props) {
                 return _jsx(Describe, { tenant: tenantNameString, type: type });
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.hotKeys: {
-                return _jsx(HotKeys, { type: type });
+                return _jsx(HotKeys, { path: currentSchemaPath });
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.graph: {
                 return _jsx(Heatmap, { path: currentSchemaPath });
@@ -117,7 +118,7 @@ function Diagnostics(props) {
         }
     };
     const renderTabs = () => {
-        return (_jsx("div", Object.assign({ className: b('header-wrapper') }, { children: _jsxs("div", Object.assign({ className: b('tabs') }, { children: [_jsx(Tabs, { size: "l", items: pages, activeTab: activeTab, wrapTo: ({ id }, node) => {
+        return (_jsx("div", Object.assign({ className: b('header-wrapper') }, { children: _jsxs("div", Object.assign({ className: b('tabs') }, { children: [_jsx(Tabs, { size: "l", items: pages, activeTab: activeTab === null || activeTab === void 0 ? void 0 : activeTab.id, wrapTo: ({ id }, node) => {
                             const path = createHref(routes.tenant, undefined, Object.assign(Object.assign({}, queryParams), { [TenantTabsGroups.diagnosticsTab]: id }));
                             return (_jsx(Link, Object.assign({ to: path, className: b('tab') }, { children: node }), id));
                         }, allowNotSelected: true }), _jsx(Switch, { checked: autorefresh, onUpdate: onAutorefreshToggle, content: "Autorefresh" })] })) })));
@@ -128,6 +129,6 @@ function Diagnostics(props) {
     if (!wasLoaded) {
         return _jsx(Loader, { size: "l" });
     }
-    return (_jsxs("div", Object.assign({ className: b(), ref: container }, { children: [renderTabs(), _jsx("div", Object.assign({ className: b('page-wrapper') }, { children: renderTabContent() }))] })));
+    return (_jsxs("div", Object.assign({ className: b(), ref: container }, { children: [activeTab ? (_jsx(Helmet, { children: _jsx("title", { children: activeTab.title }) })) : null, renderTabs(), _jsx("div", Object.assign({ className: b('page-wrapper') }, { children: renderTabContent() }))] })));
 }
 export default Diagnostics;

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts

@@ -51,6 +51,25 @@ export declare const TABLE_PAGES: ({
     id: "graph";
     title: string;
 })[];
+export declare const COLUMN_TABLE_PAGES: ({
+    id: "overview";
+    title: string;
+} | {
+    id: "topShards";
+    title: string;
+} | {
+    id: "nodes";
+    title: string;
+} | {
+    id: "tablets";
+    title: string;
+} | {
+    id: "describe";
+    title: string;
+} | {
+    id: "graph";
+    title: string;
+})[];
 export declare const DIR_PAGES: ({
     id: "overview";
     title: string;

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js

@@ -59,6 +59,7 @@ export const DATABASE_PAGES = [
     describe,
 ];
 export const TABLE_PAGES = [overview, topShards, nodes, graph, tablets, hotKeys, describe];
+export const COLUMN_TABLE_PAGES = [overview, topShards, nodes, graph, tablets, describe];
 export const DIR_PAGES = [overview, topShards, nodes, describe];
 export const CDC_STREAM_PAGES = [overview, consumers, partitions, nodes, describe];
 export const TOPIC_PAGES = [overview, consumers, partitions, nodes, describe];
@@ -72,7 +73,7 @@ const pathTypeToPages = {
     [EPathType.EPathTypeExtSubDomain]: DATABASE_PAGES,
     [EPathType.EPathTypeColumnStore]: DATABASE_PAGES,
     [EPathType.EPathTypeTable]: TABLE_PAGES,
-    [EPathType.EPathTypeColumnTable]: TABLE_PAGES,
+    [EPathType.EPathTypeColumnTable]: COLUMN_TABLE_PAGES,
     [EPathType.EPathTypeDir]: DIR_PAGES,
     [EPathType.EPathTypeTableIndex]: DIR_PAGES,
     [EPathType.EPathTypeCdcStream]: CDC_STREAM_PAGES,

package/dist/containers/Tenant/Diagnostics/HotKeys/HotKeys.d.ts

@@ -1,25 +1,7 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof HotKeys, import("react-redux").Omit<{
-    getHotKeys: any;
-    currentSchemaPath: any;
-    loading: any;
-    wasLoaded: any;
-    error: any;
-    data: any;
-    autorefresh: any;
-    setHotKeysOptions: any;
-    currentSchema: any;
-    type: any;
-}, "data" | "error" | "loading" | "wasLoaded" | "currentSchemaPath" | "autorefresh" | "currentSchema" | "getHotKeys" | "setHotKeysOptions">>;
-export default _default;
-declare function HotKeys({ getHotKeys, currentSchemaPath, loading, wasLoaded, error, data, autorefresh, setHotKeysOptions, currentSchema, type, }: {
-    getHotKeys: any;
-    currentSchemaPath: any;
-    loading: any;
-    wasLoaded: any;
-    error: any;
-    data: any;
-    autorefresh: any;
-    setHotKeysOptions: any;
-    currentSchema: any;
-    type: any;
-}): JSX.Element;
+/// <reference types="react" />
+import './HotKeys.scss';
+interface HotKeysProps {
+    path: string;
+}
+export declare function HotKeys({ path }: HotKeysProps): JSX.Element;
+export {};