ydb-embedded-ui 4.4.2 → 4.5.1

package/dist/containers/Tenant/Diagnostics/Diagnostics.tsx

@@ -7,37 +7,36 @@ import {useLocation} from 'react-router';
 
 import {Switch, Tabs} from '@gravity-ui/uikit';
 
+import type {EPathType} from '../../../types/api/schema';
+
+import {useTypedSelector} from '../../../utils/hooks';
+import routes, {createHref} from '../../../routes';
+import type {TenantDiagnosticsTab, TenantGeneralTab} from '../../../store/reducers/tenant/types';
+import {enableAutorefresh, disableAutorefresh} from '../../../store/reducers/schema';
+import {setTopLevelTab, setDiagnosticsTab} from '../../../store/reducers/tenant/tenant';
+import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../store/reducers/tenant/constants';
+
 import {Loader} from '../../../components/Loader';
 
-import {TopQueries} from './TopQueries';
-//@ts-ignore
-import DetailedOverview from './DetailedOverview/DetailedOverview';
-import {TopShards} from './TopShards';
-//@ts-ignore
-import Storage from '../../Storage/Storage';
-//@ts-ignore
-import Network from './Network/Network';
-//@ts-ignore
-import Describe from './Describe/Describe';
-//@ts-ignore
-import HotKeys from './HotKeys/HotKeys';
-//@ts-ignore
 import {Heatmap} from '../../Heatmap';
 import {Nodes} from '../../Nodes';
-//@ts-ignore
+import Storage from '../../Storage/Storage';
 import {Tablets} from '../../Tablets';
-import {Consumers} from './Consumers';
+
+import Describe from './Describe/Describe';
+import HotKeys from './HotKeys/HotKeys';
+import Network from './Network/Network';
 import {Partitions} from './Partitions/Partitions';
+import {Consumers} from './Consumers';
+import {TopQueries} from './TopQueries';
+import {TopShards} from './TopShards';
+import DetailedOverview from './DetailedOverview/DetailedOverview';
 
-import routes, {createHref} from '../../../routes';
-import type {EPathType} from '../../../types/api/schema';
-import {TenantGeneralTabsIds, TenantTabsGroups} from '../TenantPages';
-import {GeneralPagesIds, DATABASE_PAGES, getPagesByType} from './DiagnosticsPages';
-//@ts-ignore
-import {enableAutorefresh, disableAutorefresh} from '../../../store/reducers/schema';
-import {setTopLevelTab, setDiagnosticsTab} from '../../../store/reducers/tenant';
 import {isDatabaseEntityType} from '../utils/schema';
 
+import {TenantTabsGroups} from '../TenantPages';
+import {DATABASE_PAGES, getPagesByType} from './DiagnosticsPages';
+
 import './Diagnostics.scss';
 
 interface DiagnosticsProps {
@@ -51,8 +50,8 @@ const b = cn('kv-tenant-diagnostics');
 function Diagnostics(props: DiagnosticsProps) {
     const dispatch = useDispatch();
     const {currentSchemaPath, autorefresh} = useSelector((state: any) => state.schema);
-    const {diagnosticsTab = GeneralPagesIds.overview, wasLoaded} = useSelector(
-        (state: any) => state.tenant,
+    const {diagnosticsTab = TENANT_DIAGNOSTICS_TABS_IDS.overview, wasLoaded} = useTypedSelector(
+        (state) => state.tenant,
     );
 
     const location = useLocation();
@@ -73,7 +72,7 @@ function Diagnostics(props: DiagnosticsProps) {
         return getPagesByType(props.type);
     }, [props.type, isDatabase]);
 
-    const forwardToDiagnosticTab = (tab: GeneralPagesIds) => {
+    const forwardToDiagnosticTab = (tab: TenantDiagnosticsTab) => {
         dispatch(setDiagnosticsTab(tab));
     };
     const activeTab = useMemo(() => {
@@ -97,7 +96,7 @@ function Diagnostics(props: DiagnosticsProps) {
         }
     };
 
-    const forwardToGeneralTab = (tab: TenantGeneralTabsIds) => {
+    const forwardToGeneralTab = (tab: TenantGeneralTab) => {
         dispatch(setTopLevelTab(tab));
     };
 
@@ -107,7 +106,7 @@ function Diagnostics(props: DiagnosticsProps) {
         const tenantNameString = tenantName as string;
 
         switch (diagnosticsTab) {
-            case GeneralPagesIds.overview: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.overview: {
                 return (
                     <DetailedOverview
                         type={type}
@@ -116,7 +115,7 @@ function Diagnostics(props: DiagnosticsProps) {
                     />
                 );
             }
-            case GeneralPagesIds.topQueries: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.topQueries: {
                 return (
                     <TopQueries
                         path={tenantNameString}
@@ -125,10 +124,10 @@ function Diagnostics(props: DiagnosticsProps) {
                     />
                 );
             }
-            case GeneralPagesIds.topShards: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.topShards: {
                 return <TopShards tenantPath={tenantNameString} type={type} />;
             }
-            case GeneralPagesIds.nodes: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.nodes: {
                 return (
                     <Nodes
                         path={currentSchemaPath}
@@ -137,28 +136,28 @@ function Diagnostics(props: DiagnosticsProps) {
                     />
                 );
             }
-            case GeneralPagesIds.tablets: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.tablets: {
                 return <Tablets path={currentSchemaPath} />;
             }
-            case GeneralPagesIds.storage: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.storage: {
                 return <Storage tenant={tenantNameString} database={true} />;
             }
-            case GeneralPagesIds.network: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.network: {
                 return <Network path={tenantNameString} />;
             }
-            case GeneralPagesIds.describe: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.describe: {
                 return <Describe tenant={tenantNameString} type={type} />;
             }
-            case GeneralPagesIds.hotKeys: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.hotKeys: {
                 return <HotKeys type={type} />;
             }
-            case GeneralPagesIds.graph: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.graph: {
                 return <Heatmap path={currentSchemaPath} />;
             }
-            case GeneralPagesIds.consumers: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.consumers: {
                 return <Consumers path={currentSchemaPath} type={type} />;
             }
-            case GeneralPagesIds.partitions: {
+            case TENANT_DIAGNOSTICS_TABS_IDS.partitions: {
                 return <Partitions path={currentSchemaPath} />;
             }
             default: {

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

@@ -1,80 +1,67 @@
+import type {TenantDiagnosticsTab} from '../../../store/reducers/tenant/types';
+import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../store/reducers/tenant/constants';
 import {EPathType} from '../../../types/api/schema';
 
-export enum GeneralPagesIds {
-    'overview' = 'Overview',
-    'topQueries' = 'topQueries',
-    'topShards' = 'topShards',
-    'nodes' = 'Nodes',
-    'tablets' = 'Tablets',
-    'storage' = 'Storage',
-    'network' = 'Network',
-    'describe' = 'Describe',
-    'hotKeys' = 'hotKeys',
-    'graph' = 'graph',
-    'consumers' = 'consumers',
-    'partitions' = 'partitions',
-}
-
 type Page = {
-    id: GeneralPagesIds;
+    id: TenantDiagnosticsTab;
     title: string;
 };
 
 const overview = {
-    id: GeneralPagesIds.overview,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.overview,
     title: 'Info',
 };
 
 const topQueries = {
-    id: GeneralPagesIds.topQueries,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
     title: 'Top queries',
 };
 
 const topShards = {
-    id: GeneralPagesIds.topShards,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.topShards,
     title: 'Top shards',
 };
 
 const nodes = {
-    id: GeneralPagesIds.nodes,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.nodes,
     title: 'Nodes',
 };
 
 const tablets = {
-    id: GeneralPagesIds.tablets,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.tablets,
     title: 'Tablets',
 };
 const storage = {
-    id: GeneralPagesIds.storage,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.storage,
     title: 'Storage',
 };
 const network = {
-    id: GeneralPagesIds.network,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.network,
     title: 'Network',
 };
 
 const describe = {
-    id: GeneralPagesIds.describe,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.describe,
     title: 'Describe',
 };
 
 const hotKeys = {
-    id: GeneralPagesIds.hotKeys,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.hotKeys,
     title: 'Hot keys',
 };
 
 const graph = {
-    id: GeneralPagesIds.graph,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.graph,
     title: 'Graph',
 };
 
 const consumers = {
-    id: GeneralPagesIds.consumers,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.consumers,
     title: 'Consumers',
 };
 
 const partitions = {
-    id: GeneralPagesIds.partitions,
+    id: TENANT_DIAGNOSTICS_TABS_IDS.partitions,
     title: 'Partitions',
 };
 

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

@@ -9,8 +9,7 @@ import InfoViewer from '../../../../components/InfoViewer/InfoViewer';
 import PoolUsage from '../../../../components/PoolUsage/PoolUsage';
 import {Tablet} from '../../../../components/Tablet';
 
-import {hideTooltip, showTooltip} from '../../../../store/reducers/tooltip';
-import {getTenantInfo} from '../../../../store/reducers/tenant';
+import {getTenantInfo} from '../../../../store/reducers/tenant/tenant';
 
 import {formatCPU} from '../../../../utils';
 import {bytesToGB} from '../../../../utils/utils';
@@ -44,8 +43,6 @@ class TenantOverview extends React.Component {
         loading: PropTypes.bool,
         autorefresh: PropTypes.bool,
         tenant: PropTypes.object,
-        hideTooltip: PropTypes.func,
-        showTooltip: PropTypes.func,
         systemTablets: PropTypes.array,
         additionalTenantInfo: PropTypes.func,
         tenantName: PropTypes.string,
@@ -102,7 +99,7 @@ class TenantOverview extends React.Component {
     };
 
     render() {
-        const {tenant, hideTooltip, showTooltip, loading} = this.props;
+        const {tenant, loading} = this.props;
         const {
             Metrics = {},
             PoolStats,
@@ -162,12 +159,7 @@ class TenantOverview extends React.Component {
                 <div className={b('system-tablets')}>
                     {SystemTablets &&
                         SystemTablets.map((tablet, tabletIndex) => (
-                            <Tablet
-                                onMouseEnter={showTooltip}
-                                onMouseLeave={hideTooltip}
-                                key={tabletIndex}
-                                tablet={tablet}
-                            />
+                            <Tablet key={tabletIndex} tablet={tablet} />
                         ))}
                 </div>
                 <div className={b('common-info')}>
@@ -199,7 +191,7 @@ class TenantOverview extends React.Component {
 }
 
 function mapStateToProps(state) {
-    const {tenant = {}, loading, data: {status} = {}} = state.tenant;
+    const {tenant = {}, loading, error: {status} = {}} = state.tenant;
     const {autorefresh} = state.schema;
 
     return {
@@ -211,8 +203,6 @@ function mapStateToProps(state) {
 }
 
 const mapDispatchToProps = {
-    hideTooltip,
-    showTooltip,
     getTenantInfo,
 };
 

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx

@@ -22,7 +22,9 @@ import type {KeyValueRow} from '../../../../types/api/query';
 import type {EPathType} from '../../../../types/api/schema';
 import type {ITopQueriesFilters} from '../../../../types/store/executeTopQueries';
 import type {IQueryResult} from '../../../../types/store/query';
+import type {TenantGeneralTab} from '../../../../store/reducers/tenant/types';
 
+import {TENANT_GENERAL_TABS_IDS} from '../../../../store/reducers/tenant/constants';
 import {formatDateTime, formatNumber} from '../../../../utils';
 import {DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS} from '../../../../utils/constants';
 import {useAutofetcher, useTypedSelector} from '../../../../utils/hooks';
@@ -30,7 +32,7 @@ import {prepareQueryError} from '../../../../utils/query';
 import routes, {createHref} from '../../../../routes';
 
 import {isColumnEntityType} from '../../utils/schema';
-import {TenantGeneralTabsIds, TenantTabsGroups} from '../../TenantPages';
+import {TenantTabsGroups} from '../../TenantPages';
 
 import i18n from './i18n';
 import './TopQueries.scss';
@@ -86,7 +88,7 @@ const COLUMNS: Column<KeyValueRow>[] = [
 
 interface TopQueriesProps {
     path: string;
-    changeSchemaTab: (tab: TenantGeneralTabsIds) => void;
+    changeSchemaTab: (tab: TenantGeneralTab) => void;
     type?: EPathType;
 }
 
@@ -178,7 +180,7 @@ export const TopQueries = ({path, type}: TopQueriesProps) => {
 
             const queryPath = createHref(routes.tenant, undefined, {
                 ...queryParams,
-                [TenantTabsGroups.general]: TenantGeneralTabsIds.query,
+                [TenantTabsGroups.general]: TENANT_GENERAL_TABS_IDS.query,
             });
 
             history.push(queryPath);

package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.tsx

@@ -5,12 +5,11 @@ import cn from 'bem-cn-lite';
 import {useThemeValue} from '@gravity-ui/uikit';
 
 import type {EPathType} from '../../../types/api/schema';
+import {TENANT_GENERAL_TABS_IDS} from '../../../store/reducers/tenant/constants';
 
 import QueryEditor from '../QueryEditor/QueryEditor';
 import Diagnostics from '../Diagnostics/Diagnostics';
 
-import {TenantGeneralTabsIds} from '../TenantPages';
-
 import './ObjectGeneral.scss';
 
 const b = cn('object-general');
@@ -35,7 +34,7 @@ function ObjectGeneral(props: ObjectGeneralProps) {
     const renderTabContent = () => {
         const {type, additionalTenantInfo, additionalNodesInfo} = props;
         switch (generalTab) {
-            case TenantGeneralTabsIds.query: {
+            case TENANT_GENERAL_TABS_IDS.query: {
                 return <QueryEditor path={tenantName as string} theme={theme} type={type} />;
             }
             default: {

package/dist/containers/Tenant/ObjectSummary/ObjectSummary.tsx

@@ -35,7 +35,6 @@ import {
     DEFAULT_SIZE_TENANT_SUMMARY_KEY,
 } from '../../../utils/constants';
 import {
-    TenantGeneralTabsIds,
     TenantInfoTabsIds,
     TenantTabsGroups,
     TENANT_INFO_TABS,
@@ -48,7 +47,8 @@ import {
     PaneVisibilityToggleButtons,
 } from '../utils/paneVisibilityToggleHelpers';
 import {setShowPreview} from '../../../store/reducers/schema';
-import {setTopLevelTab} from '../../../store/reducers/tenant';
+import {setTopLevelTab} from '../../../store/reducers/tenant/tenant';
+import {TENANT_GENERAL_TABS_IDS} from '../../../store/reducers/tenant/constants';
 
 import './ObjectSummary.scss';
 
@@ -275,7 +275,7 @@ function ObjectSummary(props: ObjectSummaryProps) {
 
     const onOpenPreview = () => {
         dispatch(setShowPreview(true));
-        dispatch(setTopLevelTab(TenantGeneralTabsIds.query));
+        dispatch(setTopLevelTab(TENANT_GENERAL_TABS_IDS.query));
     };
 
     const renderCommonInfoControls = () => {

package/dist/containers/Tenant/Tenant.tsx

@@ -4,28 +4,27 @@ import cn from 'bem-cn-lite';
 import {useLocation} from 'react-router';
 import qs from 'qs';
 
-import {AccessDenied} from '../../components/Errors/403';
+import type {TEvDescribeSchemeResult} from '../../types/api/schema';
 
+import {DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY} from '../../utils/constants';
+import {useTypedSelector} from '../../utils/hooks';
+import routes, {CLUSTER_PAGES, createHref} from '../../routes';
 import {setHeader} from '../../store/reducers/header';
+import {disableAutorefresh, getSchema, resetLoadingState} from '../../store/reducers/schema';
+import {getSchemaAcl} from '../../store/reducers/schemaAcl';
+import {getTenantInfo, clearTenant} from '../../store/reducers/tenant/tenant';
+
+import SplitPane from '../../components/SplitPane';
+import {AccessDenied} from '../../components/Errors/403';
+
 import ObjectGeneralTabs from './ObjectGeneralTabs/ObjectGeneralTabs';
 import ObjectSummary from './ObjectSummary/ObjectSummary';
 import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
-//@ts-ignore
-import SplitPane from '../../components/SplitPane';
-//@ts-ignore
-import {DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY} from '../../utils/constants';
-//@ts-ignore
-import {disableAutorefresh, getSchema, resetLoadingState} from '../../store/reducers/schema';
-//@ts-ignore
-import {getSchemaAcl} from '../../store/reducers/schemaAcl';
+
 import {
     PaneVisibilityActionTypes,
     paneVisibilityToggleReducerCreator,
 } from './utils/paneVisibilityToggleHelpers';
-//@ts-ignore
-import {getTenantInfo, clearTenant} from '../../store/reducers/tenant';
-import routes, {CLUSTER_PAGES, createHref} from '../../routes';
-import type {TEvDescribeSchemeResult} from '../../types/api/schema';
 
 import './Tenant.scss';
 
@@ -63,8 +62,8 @@ function Tenant(props: TenantProps) {
     const {PathType: currentPathType, PathSubType: currentPathSubType} =
         (currentItem as TEvDescribeSchemeResult).PathDescription?.Self || {};
 
-    const {data: {status: tenantStatus = 200} = {}} = useSelector((state: any) => state.tenant);
-    const {error: {status: schemaStatus = 200} = {}} = useSelector((state: any) => state.schema);
+    const {error: {status: tenantStatus = 200} = {}} = useTypedSelector((state) => state.tenant);
+    const {error: {status: schemaStatus = 200} = {}} = useTypedSelector((state) => state.schema);
 
     const dispatch = useDispatch();
 

package/dist/containers/Tenant/TenantPages.tsx

@@ -1,9 +1,6 @@
 import {Icon} from '../../components/Icon';
+import {TENANT_GENERAL_TABS_IDS} from '../../store/reducers/tenant/constants';
 
-export enum TenantGeneralTabsIds {
-    query = 'query',
-    diagnostics = 'diagnostics',
-}
 export enum TenantInfoTabsIds {
     overview = 'overview',
     acl = 'acl',
@@ -18,12 +15,12 @@ export enum TenantTabsGroups {
 
 export const TENANT_GENERAL_TABS = [
     {
-        id: TenantGeneralTabsIds.query,
+        id: TENANT_GENERAL_TABS_IDS.query,
         title: 'Query',
         icon: <Icon name="query" viewBox="0 0 16 16" />,
     },
     {
-        id: TenantGeneralTabsIds.diagnostics,
+        id: TENANT_GENERAL_TABS_IDS.diagnostics,
         title: 'Diagnostics',
         icon: <Icon name="diagnostics" viewBox="0 0 17 16" />,
     },

package/dist/containers/Tenant/utils/schemaActions.ts

@@ -3,9 +3,9 @@ import type {NavigationTreeNodeType, NavigationTreeProps} from 'ydb-ui-component
 
 import {changeUserInput} from '../../../store/reducers/executeQuery';
 import {setShowPreview} from '../../../store/reducers/schema';
-import {setTopLevelTab} from '../../../store/reducers/tenant';
+import {setTopLevelTab} from '../../../store/reducers/tenant/tenant';
+import {TENANT_GENERAL_TABS_IDS} from '../../../store/reducers/tenant/constants';
 import createToast from '../../../utils/createToast';
-import {TenantGeneralTabsIds} from '../TenantPages';
 
 const createTableTemplate = (path: string) => {
     return `CREATE TABLE \`${path}/my_table\`
@@ -37,7 +37,7 @@ const bindActions = (
 ) => {
     const inputQuery = (tmpl: (path: string) => string) => () => {
         dispatch(changeUserInput({input: tmpl(path)}));
-        dispatch(setTopLevelTab(TenantGeneralTabsIds.query));
+        dispatch(setTopLevelTab(TENANT_GENERAL_TABS_IDS.query));
         setActivePath(path);
     };
 
@@ -66,7 +66,7 @@ const bindActions = (
         },
         openPreview: () => {
             dispatch(setShowPreview(true));
-            dispatch(setTopLevelTab(TenantGeneralTabsIds.query));
+            dispatch(setTopLevelTab(TENANT_GENERAL_TABS_IDS.query));
             setActivePath(path);
         },
     };

package/dist/containers/Tenants/Tenants.js

@@ -9,7 +9,7 @@ import DataTable from '@gravity-ui/react-data-table';
 import {Loader, TextInput, Button} from '@gravity-ui/uikit';
 
 import EntityStatus from '../../components/EntityStatus/EntityStatus';
-import PoolsGraph from '../../components/PoolsGraph/PoolsGraph';
+import {PoolsGraph} from '../../components/PoolsGraph/PoolsGraph';
 import {TabletsStatistic} from '../../components/TabletsStatistic';
 import {ProblemFilter} from '../../components/ProblemFilter';
 import {Illustration} from '../../components/Illustration';
@@ -17,7 +17,6 @@ import {AutoFetcher} from '../../utils/autofetcher';
 
 import routes, {CLUSTER_PAGES, createHref} from '../../routes';
 import {formatCPU, formatBytesToGigabyte, formatNumber} from '../../utils';
-import {hideTooltip, showTooltip} from '../../store/reducers/tooltip';
 import {withSearch} from '../../HOCS';
 import {DEFAULT_TABLE_SETTINGS, TENANT_INITIAL_TAB_KEY} from '../../utils/constants';
 import {getTenantsInfo} from '../../store/reducers/tenants/tenants';
@@ -50,8 +49,6 @@ class Tenants extends React.Component {
         error: PropTypes.bool,
         getTenantsInfo: PropTypes.func,
         tenants: PropTypes.array,
-        showTooltip: PropTypes.func,
-        hideTooltip: PropTypes.func,
         searchQuery: PropTypes.string,
         handleSearchQuery: PropTypes.func,
         setHeader: PropTypes.func,
@@ -121,8 +118,6 @@ class Tenants extends React.Component {
         const {
             tenants = [],
             searchQuery,
-            showTooltip,
-            hideTooltip,
             filter,
             handleSearchQuery,
             additionalTenantsInfo = {},
@@ -291,15 +286,8 @@ class Tenants extends React.Component {
                 sortAccessor: ({PoolStats = []}) =>
                     PoolStats.reduce((acc, item) => acc + item.Usage, 0),
                 defaultOrder: DataTable.DESCENDING,
-                align: DataTable.CENTER,
-                render: ({value}) => (
-                    <PoolsGraph
-                        onMouseEnter={showTooltip}
-                        onMouseLeave={hideTooltip}
-                        rowInfo={value}
-                        pools={value}
-                    />
-                ),
+                align: DataTable.LEFT,
+                render: ({value}) => <PoolsGraph rowInfo={value} pools={value} />,
             },
             {
                 name: 'Tablets',
@@ -374,8 +362,6 @@ const mapStateToProps = (state) => {
 
 const mapDispatchToProps = {
     getTenantsInfo,
-    hideTooltip,
-    showTooltip,
     changeFilter,
     setHeader,
 };

package/dist/containers/Versions/NodesTable/NodesTable.tsx

@@ -1,26 +1,15 @@
-import {useDispatch} from 'react-redux';
-
 import DataTable, {Column} from '@gravity-ui/react-data-table';
 
 import type {PreparedClusterNode} from '../../../store/reducers/clusterNodes/types';
-import type {ShowTooltipFunction} from '../../../types/store/tooltip';
-
-import {hideTooltip, showTooltip} from '../../../store/reducers/tooltip';
 import {isUnavailableNode} from '../../../utils/nodes';
 import {formatBytes} from '../../../utils';
 import {getDefaultNodePath} from '../../Node/NodePages';
 
 import ProgressViewer from '../../../components/ProgressViewer/ProgressViewer';
-import PoolsGraph from '../../../components/PoolsGraph/PoolsGraph';
+import {PoolsGraph} from '../../../components/PoolsGraph/PoolsGraph';
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 
-const getColumns = ({
-    onShowTooltip,
-    onHideTooltip,
-}: {
-    onShowTooltip: (...args: Parameters<ShowTooltipFunction>) => void;
-    onHideTooltip: VoidFunction;
-}): Column<PreparedClusterNode>[] => [
+const columns: Column<PreparedClusterNode>[] = [
     {
         name: 'NodeId',
         header: '#',
@@ -89,16 +78,7 @@ const getColumns = ({
             PoolStats.reduce((acc, item) => acc + (item.Usage || 0), 0),
         defaultOrder: DataTable.DESCENDING,
         width: '120px',
-        render: ({row}) =>
-            row.PoolStats ? (
-                <PoolsGraph
-                    onMouseEnter={onShowTooltip}
-                    onMouseLeave={onHideTooltip}
-                    pools={row.PoolStats}
-                />
-            ) : (
-                '—'
-            ),
+        render: ({row}) => (row.PoolStats ? <PoolsGraph pools={row.PoolStats} /> : '—'),
         align: DataTable.LEFT,
     },
     {
@@ -127,21 +107,11 @@ interface NodesTableProps {
 }
 
 export const NodesTable = ({nodes}: NodesTableProps) => {
-    const dispatch = useDispatch();
-
-    const onShowTooltip = (...args: Parameters<ShowTooltipFunction>) => {
-        dispatch(showTooltip(...args));
-    };
-
-    const onHideTooltip = () => {
-        dispatch(hideTooltip());
-    };
-
     return (
         <DataTable
             theme="yandex-cloud"
             data={nodes}
-            columns={getColumns({onShowTooltip, onHideTooltip})}
+            columns={columns}
             settings={{
                 displayIndices: false,
             }}

package/dist/routes.ts

@@ -1,7 +1,7 @@
 import qs from 'qs';
 import {compile} from 'path-to-regexp';
 import isEmpty from 'lodash/isEmpty';
-//@ts-ignore
+
 import {backend, clusterName, webVersion} from './store';
 
 const routes = {

package/dist/store/reducers/index.ts

@@ -3,7 +3,7 @@ import {combineReducers} from 'redux';
 import nodes from './nodes';
 import cluster from './cluster/cluster';
 import clusterNodes from './clusterNodes/clusterNodes';
-import tenant from './tenant';
+import tenant from './tenant/tenant';
 import storage from './storage';
 import node from './node';
 import tooltip from './tooltip';