ydb-embedded-ui 11.4.0 → 11.5.0

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@gravity-ui/uikit';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
+import { cn } from '../../../../../utils/cn';
+import { ENABLE_NETWORK_TABLE_KEY } from '../../../../../utils/constants';
+import { useSearchQuery, useSetting } from '../../../../../utils/hooks';
+import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
+import { StatsWrapper } from '../StatsWrapper/StatsWrapper';
+import i18n from '../i18n';
+import { TopNodesByPing } from './TopNodesByPing';
+import { TopNodesBySkew } from './TopNodesBySkew';
+import './TenantNetwork.scss';
+const b = cn('tenant-network');
+export function TenantNetwork({ tenantName, additionalNodesProps }) {
+    const query = useSearchQuery();
+    const [networkTableEnabled] = useSetting(ENABLE_NETWORK_TABLE_KEY);
+    const tab = networkTableEnabled
+        ? { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.network }
+        : { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.nodes };
+    const allNodesLink = getTenantPath({
+        ...query,
+        ...tab,
+    });
+    return (_jsxs(Flex, { direction: "column", gap: 4, className: b(), children: [_jsx(StatsWrapper, { title: i18n('title_nodes-by-ping'), allEntitiesLink: allNodesLink, children: _jsx(TopNodesByPing, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }) }), _jsx(StatsWrapper, { title: i18n('title_nodes-by-skew'), allEntitiesLink: allNodesLink, children: _jsx(TopNodesBySkew, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }) })] }));
+}
+//# sourceMappingURL=TenantNetwork.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TenantNetwork.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAE3F,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAC,cAAc,EAAE,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAO/B,MAAM,UAAU,aAAa,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAqB;IAChF,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,mBAAmB,CAAC,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAEnE,MAAM,GAAG,GAAG,mBAAmB;QAC3B,CAAC,CAAC,EAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,OAAO,EAAC;QAC1E,CAAC,CAAC,EAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,KAAK,EAAC,CAAC;IAE7E,MAAM,YAAY,GAAG,aAAa,CAAC;QAC/B,GAAG,KAAK;QACR,GAAG,GAAG;KACT,CAAC,CAAC;IAEH,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,aAC3C,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,eAAe,EAAE,YAAY,YAC3E,KAAC,cAAc,IACX,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,GACS,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,eAAe,EAAE,YAAY,YAC3E,KAAC,cAAc,IACX,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC5C,GACS,IACZ,CACV,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.scss

@@ -0,0 +1,9 @@
+.tenant-network {
+    &__tabs-container {
+        margin-top: var(--g-spacing-3);
+    }
+
+    &__tab-content {
+        margin-top: var(--g-spacing-3);
+    }
+}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.d.ts

@@ -0,0 +1,7 @@
+import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
+interface TopNodesByPingProps {
+    tenantName: string;
+    additionalNodesProps?: AdditionalNodesProps;
+}
+export declare function TopNodesByPing({ tenantName, additionalNodesProps }: TopNodesByPingProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../../../../components/nodesColumns/constants';
+import { nodesApi } from '../../../../../store/reducers/nodes/nodes';
+import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
+import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
+import i18n from '../i18n';
+import { getTopNodesByPingColumns } from './columns';
+export function TopNodesByPing({ tenantName, additionalNodesProps }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const [columns, fieldsRequired] = getTopNodesByPingColumns({
+        getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
+        database: tenantName,
+    });
+    const { currentData, isFetching, error } = nodesApi.useGetNodesQuery({
+        tenant: tenantName,
+        type: 'any',
+        sort: '-PingTime',
+        limit: TENANT_OVERVIEW_TABLES_LIMIT,
+        tablets: false,
+        fieldsRequired: fieldsRequired,
+    }, { pollingInterval: autoRefreshInterval });
+    const loading = isFetching && currentData === undefined;
+    const topNodes = (currentData === null || currentData === void 0 ? void 0 : currentData.Nodes) || [];
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: topNodes, columns: columns, emptyDataMessage: i18n('top-nodes.empty-data'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+}
+//# sourceMappingURL=TopNodesByPing.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNodesByPing.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesByPing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EAAC,0BAA0B,EAAC,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AAEnE,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AAOnD,MAAM,UAAU,cAAc,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAsB;IAClF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,wBAAwB,CAAC;QACvD,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU;QAC5C,QAAQ,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC,gBAAgB,CAC9D;QACI,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,KAAK;QACd,cAAc,EAAE,cAAc;KACjC,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,QAAQ,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,EAAE,CAAC;IAE1C,OAAO,CACH,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YACrF,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,0BAA0B,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAC9C,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.d.ts

@@ -0,0 +1,7 @@
+import type { AdditionalNodesProps } from '../../../../../types/additionalProps';
+interface TopNodesBySkewProps {
+    tenantName: string;
+    additionalNodesProps?: AdditionalNodesProps;
+}
+export declare function TopNodesBySkew({ tenantName, additionalNodesProps }: TopNodesBySkewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
+import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../../../../components/nodesColumns/constants';
+import { nodesApi } from '../../../../../store/reducers/nodes/nodes';
+import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
+import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
+import i18n from '../i18n';
+import { getTopNodesBySkewColumns } from './columns';
+export function TopNodesBySkew({ tenantName, additionalNodesProps }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const [columns, fieldsRequired] = getTopNodesBySkewColumns({
+        getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
+        database: tenantName,
+    });
+    const { currentData, isFetching, error } = nodesApi.useGetNodesQuery({
+        tenant: tenantName,
+        type: 'any',
+        sort: '-ClockSkew',
+        limit: TENANT_OVERVIEW_TABLES_LIMIT,
+        tablets: false,
+        fieldsRequired: fieldsRequired,
+    }, { pollingInterval: autoRefreshInterval });
+    const loading = isFetching && currentData === undefined;
+    const topNodes = (currentData === null || currentData === void 0 ? void 0 : currentData.Nodes) || [];
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: topNodes, columns: columns, emptyDataMessage: i18n('top-nodes.empty-data'), settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+}
+//# sourceMappingURL=TopNodesBySkew.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNodesBySkew.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TopNodesBySkew.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EAAC,0BAA0B,EAAC,MAAM,kDAAkD,CAAC;AAC5F,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AAEnE,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AAOnD,MAAM,UAAU,cAAc,CAAC,EAAC,UAAU,EAAE,oBAAoB,EAAsB;IAClF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,wBAAwB,CAAC;QACvD,UAAU,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,UAAU;QAC5C,QAAQ,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC,gBAAgB,CAC9D;QACI,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,KAAK;QACd,cAAc,EAAE,cAAc;KACjC,EACD,EAAC,eAAe,EAAE,mBAAmB,EAAC,CACzC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,QAAQ,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,EAAE,CAAC;IAE1C,OAAO,CACH,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YACrF,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,0BAA0B,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,EAC9C,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.d.ts

@@ -0,0 +1,76 @@
+import type { GetNodesColumnsParams } from '../../../../../components/nodesColumns/types';
+import type { NodesPreparedEntity } from '../../../../../store/reducers/nodes/types';
+export declare function getTopNodesByPingColumns(params: GetNodesColumnsParams): readonly [{
+    sortable: boolean;
+    name: string;
+    note?: string;
+    header?: React.ReactNode;
+    className?: string;
+    resizeable?: boolean;
+    render: ((props: {
+        row: NodesPreparedEntity;
+    }) => React.ReactNode) & ((props: {
+        value?: unknown;
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }) => React.ReactNode);
+    width?: number;
+    resizeMaxWidth?: number;
+    resizeMinWidth?: number;
+    align: "right" | "left" | "center";
+    headerTitle?: string;
+    accessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    title?: string | ((row: NodesPreparedEntity) => string) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<NodesPreparedEntity>) => React.CSSProperties) | undefined;
+    onClick?: ((data: {
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }, column: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>, event: React.MouseEvent<HTMLTableCellElement>) => void) | undefined;
+    defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+    sortAccessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    sortAscending?: import("@gravity-ui/react-data-table").Comparator<NodesPreparedEntity> | undefined;
+    sub?: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>[] | undefined;
+    group?: boolean;
+    autogroup?: boolean;
+}[], import("../../../../../types/api/nodes").NodesRequiredField[]];
+export declare function getTopNodesBySkewColumns(params: GetNodesColumnsParams): readonly [{
+    sortable: boolean;
+    name: string;
+    note?: string;
+    header?: React.ReactNode;
+    className?: string;
+    resizeable?: boolean;
+    render: ((props: {
+        row: NodesPreparedEntity;
+    }) => React.ReactNode) & ((props: {
+        value?: unknown;
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }) => React.ReactNode);
+    width?: number;
+    resizeMaxWidth?: number;
+    resizeMinWidth?: number;
+    align: "right" | "left" | "center";
+    headerTitle?: string;
+    accessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    title?: string | ((row: NodesPreparedEntity) => string) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<NodesPreparedEntity>) => React.CSSProperties) | undefined;
+    onClick?: ((data: {
+        row: NodesPreparedEntity;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }, column: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>, event: React.MouseEvent<HTMLTableCellElement>) => void) | undefined;
+    defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+    sortAccessor?: string | ((row: NodesPreparedEntity) => any) | undefined;
+    sortAscending?: import("@gravity-ui/react-data-table").Comparator<NodesPreparedEntity> | undefined;
+    sub?: import("@gravity-ui/react-data-table").Column<NodesPreparedEntity>[] | undefined;
+    group?: boolean;
+    autogroup?: boolean;
+}[], import("../../../../../types/api/nodes").NodesRequiredField[]];

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

@@ -0,0 +1,38 @@
+import { getClockSkewColumn, getNetworkHostColumn, getNodeIdColumn, getPingTimeColumn, getUptimeColumn, } from '../../../../../components/nodesColumns/columns';
+import { NODES_COLUMNS_TO_DATA_FIELDS } from '../../../../../components/nodesColumns/constants';
+import { getRequiredDataFields } from '../../../../../utils/tableUtils/getRequiredDataFields';
+export function getTopNodesByPingColumns(params) {
+    const columns = [
+        getNodeIdColumn(),
+        getNetworkHostColumn(params),
+        getUptimeColumn(),
+        getPingTimeColumn(),
+    ];
+    const columnsIds = columns.map((column) => column.name);
+    const fieldsRequired = getRequiredDataFields(columnsIds, NODES_COLUMNS_TO_DATA_FIELDS);
+    return [
+        columns.map((column) => ({
+            ...column,
+            sortable: false,
+        })),
+        fieldsRequired,
+    ];
+}
+export function getTopNodesBySkewColumns(params) {
+    const columns = [
+        getNodeIdColumn(),
+        getNetworkHostColumn(params),
+        getUptimeColumn(),
+        getClockSkewColumn(),
+    ];
+    const columnsIds = columns.map((column) => column.name);
+    const fieldsRequired = getRequiredDataFields(columnsIds, NODES_COLUMNS_TO_DATA_FIELDS);
+    return [
+        columns.map((column) => ({
+            ...column,
+            sortable: false,
+        })),
+        fieldsRequired,
+    ];
+}
+//# sourceMappingURL=columns.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/columns.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,eAAe,GAClB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAC,4BAA4B,EAAC,MAAM,kDAAkD,CAAC;AAG9F,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAG5F,MAAM,UAAU,wBAAwB,CAAC,MAA6B;IAClE,MAAM,OAAO,GAAkC;QAC3C,eAAe,EAAE;QACjB,oBAAoB,CAAC,MAAM,CAAC;QAC5B,eAAe,EAAE;QACjB,iBAAiB,EAAE;KACtB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAEvF,OAAO;QACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACrB,GAAG,MAAM;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,cAAc;KACR,CAAC;AACf,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,MAA6B;IAClE,MAAM,OAAO,GAAkC;QAC3C,eAAe,EAAE;QACjB,oBAAoB,CAAC,MAAM,CAAC;QAC5B,eAAe,EAAE;QACjB,kBAAkB,EAAE;KACvB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAEvF,OAAO;QACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACrB,GAAG,MAAM;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,cAAc;KACR,CAAC;AACf,CAAC"}

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

@@ -13,9 +13,10 @@ import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hook
 import { useClusterNameFromQuery } from '../../../../utils/hooks/useDatabaseFromQuery';
 import { mapDatabaseTypeToDBName } from '../../utils/schema';
 import { HealthcheckPreview } from './Healthcheck/HealthcheckPreview';
-import { MetricsCards } from './MetricsCards/MetricsCards';
+import { MetricsTabs } from './MetricsTabs/MetricsTabs';
 import { TenantCpu } from './TenantCpu/TenantCpu';
 import { TenantMemory } from './TenantMemory/TenantMemory';
+import { TenantNetwork } from './TenantNetwork/TenantNetwork';
 import { TenantStorage } from './TenantStorage/TenantStorage';
 import { b } from './utils';
 import './TenantOverview.scss';
@@ -59,7 +60,7 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
         tabletStorageLimit,
     };
     const renderName = () => {
-        return (_jsx("div", { className: b('tenant-name-wrapper'), children: _jsx(EntityStatus, { status: Overall, name: Name || TENANT_DEFAULT_TITLE, withLeftTrim: true, hasClipboardButton: Boolean(tenant), clipboardButtonAlwaysVisible: true }) }));
+        return (_jsx(Flex, { alignItems: "center", style: { overflow: 'hidden' }, children: _jsx(EntityStatus, { status: Overall, name: Name || TENANT_DEFAULT_TITLE, withLeftTrim: true, hasClipboardButton: Boolean(tenant), clipboardButtonAlwaysVisible: true }) }));
     };
     const renderTabContent = () => {
         switch (metricsTab) {
@@ -72,9 +73,14 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
             case TENANT_METRICS_TABS_IDS.memory: {
                 return (_jsx(TenantMemory, { tenantName: tenantName, memoryUsed: tenantData.MemoryUsed, memoryLimit: tenantData.MemoryLimit, memoryStats: tenantData.MemoryStats }));
             }
+            case TENANT_METRICS_TABS_IDS.network: {
+                return (_jsx(TenantNetwork, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }));
+            }
         }
     };
     const links = getDatabaseLinks(additionalTenantProps, Name, Type);
-    return (_jsx(LoaderWrapper, { loading: tenantLoading, children: _jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs(Flex, { alignItems: "center", gap: "1", className: b('top'), children: [renderName(), _jsx(Flex, { gap: "2", children: links.map(({ title, url, icon }) => (_jsx(Button, { href: url, target: "_blank", size: "xs", title: title, children: _jsx(Icon, { data: icon }) }, title))) })] }), _jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(HealthcheckPreview, { tenantName: tenantName }), _jsx(QueriesActivityBar, { tenantName: tenantName }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, networkStats: networkStats })] })] }), _jsx("div", { className: b('tab-content'), children: renderTabContent() })] }) }));
+    return (_jsx(LoaderWrapper, { loading: tenantLoading, children: _jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs(Flex, { alignItems: "center", gap: "1", className: b('top'), children: [renderName(), _jsx(Flex, { gap: "2", children: links.map(({ title, url, icon }) => (_jsx(Button, { href: url, target: "_blank", size: "xs", title: title, children: _jsx(Icon, { data: icon }) }, title))) })] }), _jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(HealthcheckPreview, { tenantName: tenantName }), _jsx(QueriesActivityBar, { tenantName: tenantName }), _jsx(MetricsTabs, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, networkStats: networkStats, storageGroupsCount: tenantData.StorageGroups
+                                        ? Number(tenantData.StorageGroups)
+                                        : undefined })] })] }), _jsx("div", { className: b('tab-content'), children: renderTabContent() })] }) }));
 }
 //# sourceMappingURL=TenantOverview.js.map

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

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

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

@@ -4,10 +4,9 @@
     height: 100%;
     padding-bottom: 20px;
 
-    &__tenant-name-wrapper {
-        display: flex;
-        overflow: hidden;
-        align-items: center;
+    // Make header font size smaller using project typography
+    .data-table__th {
+        @include mixins.subheader-1-typography();
     }
 
     &__top {
@@ -33,11 +32,11 @@
     }
 
     &__title {
-        margin-bottom: 10px;
+        margin-bottom: var(--g-spacing-2);
 
-        font-weight: 700;
+        font-weight: 500;
 
-        @include mixins.body-2-typography();
+        @include mixins.subheader-1-typography();
     }
 
     &__table {

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
 interface TenantOverviewTableLayoutProps {
-    title: React.ReactNode;
+    title?: React.ReactNode;
     loading?: boolean;
     error?: unknown;
     tableClassNameModifiers?: NoStrictEntityMods;

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

@@ -14,6 +14,6 @@ export function TenantOverviewTableLayout({ title, error, loading, tableClassNam
         }
         return children;
     };
-    return (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('title'), children: title }), error ? _jsx(ResponseError, { error: error }) : null, _jsx("div", { className: b('table', tableClassNameModifiers), children: renderContent() })] }));
+    return (_jsxs(React.Fragment, { children: [title && _jsx("div", { className: b('title'), children: title }), error ? _jsx(ResponseError, { error: error }) : null, _jsx("div", { className: b('table', tableClassNameModifiers), children: renderContent() })] }));
 }
 //# sourceMappingURL=TenantOverviewTableLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantOverviewTableLayout.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAC,4BAA4B,EAAC,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAC,CAAC,EAAC,MAAM,SAAS,CAAC;AAW1B,MAAM,UAAU,yBAAyB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,OAAO,EACP,uBAAuB,GAAG,EAAE,EAC5B,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,4BAA4B,GAAI,CAAC;QACjE,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EACxC,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,uBAAuB,CAAC,YAAG,aAAa,EAAE,GAAO,IAC/D,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantOverviewTableLayout.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantOverviewTableLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAC,4BAA4B,EAAC,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAC,CAAC,EAAC,MAAM,SAAS,CAAC;AAW1B,MAAM,UAAU,yBAAyB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,OAAO,EACP,uBAAuB,GAAG,EAAE,EAC5B,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,4BAA4B,GAAI,CAAC;QACjE,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EAClD,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,uBAAuB,CAAC,YAAG,aAAa,EAAE,GAAO,IAC/D,CACpB,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.d.ts

@@ -1,4 +1,3 @@
-import '../TenantOverview.scss';
 export interface TenantStorageMetrics {
     blobStorageUsed?: number;
     blobStorageLimit?: number;

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

@@ -1,28 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
 import { InfoViewer } from '../../../../../components/InfoViewer/InfoViewer';
 import { LabelWithPopover } from '../../../../../components/LabelWithPopover';
-import { ProgressViewer } from '../../../../../components/ProgressViewer/ProgressViewer';
+import { ProgressWrapper } from '../../../../../components/ProgressWrapper';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { formatStorageValues } from '../../../../../utils/dataFormatters/dataFormatters';
+import { useSearchQuery } from '../../../../../utils/hooks';
+import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
+import { StatsWrapper } from '../StatsWrapper/StatsWrapper';
 import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
 import i18n from '../i18n';
-import { b } from '../utils';
 import { TopGroups } from './TopGroups';
 import { TopTables } from './TopTables';
 import { storageDashboardConfig } from './storageDashboardConfig';
-import '../TenantOverview.scss';
 export function TenantStorage({ tenantName, metrics }) {
     const { blobStorageUsed, tabletStorageUsed, blobStorageLimit, tabletStorageLimit } = metrics;
+    const query = useSearchQuery();
     const info = [
         {
             label: (_jsx(LabelWithPopover, { text: i18n('storage.tablet-storage-title'), popoverContent: i18n('storage.tablet-storage-description') })),
-            value: (_jsx(ProgressViewer, { value: tabletStorageUsed, capacity: tabletStorageLimit, formatValues: formatStorageValues, colorizeProgress: true })),
+            value: (_jsx(ProgressWrapper, { value: tabletStorageUsed, capacity: tabletStorageLimit, formatValues: formatStorageValues, withCapacityUsage: true })),
         },
         {
             label: (_jsx(LabelWithPopover, { text: i18n('storage.db-storage-title'), popoverContent: i18n('storage.db-storage-description') })),
-            value: (_jsx(ProgressViewer, { value: blobStorageUsed, capacity: blobStorageLimit, formatValues: formatStorageValues, colorizeProgress: true })),
+            value: (_jsx(ProgressWrapper, { value: blobStorageUsed, capacity: blobStorageLimit, formatValues: formatStorageValues, withCapacityUsage: true })),
         },
     ];
-    return (_jsxs(React.Fragment, { children: [_jsx(TenantDashboard, { database: tenantName, charts: storageDashboardConfig }), _jsx(InfoViewer, { className: b('storage-info'), title: "Storage details", info: info }), _jsx(TopTables, { database: tenantName }), _jsx(TopGroups, { tenant: tenantName })] }));
+    return (_jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(TenantDashboard, { database: tenantName, charts: storageDashboardConfig }), _jsx(InfoViewer, { variant: "small", title: i18n('title_storage-details'), info: info }), _jsx(StatsWrapper, { title: i18n('title_top-tables-by-size'), children: _jsx(TopTables, { database: tenantName }) }), _jsx(StatsWrapper, { title: i18n('title_top-groups-by-usage'), allEntitiesLink: getTenantPath({
+                    ...query,
+                    [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.storage,
+                }), children: _jsx(TopGroups, { tenant: tenantName }) })] }));
 }
 //# sourceMappingURL=TenantStorage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TenantStorage.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAC,cAAc,EAAC,MAAM,yDAAyD,CAAC;AACvF,OAAO,EAAC,mBAAmB,EAAC,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAE3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,wBAAwB,CAAC;AAchC,MAAM,UAAU,aAAa,CAAC,EAAC,UAAU,EAAE,OAAO,EAAqB;IACnE,MAAM,EAAC,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,GAAG,OAAO,CAAC;IAE3F,MAAM,IAAI,GAAG;QACT;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,8BAA8B,CAAC,EAC1C,cAAc,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAC5D,CACL;YACD,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,mBAAmB,EACjC,gBAAgB,EAAE,IAAI,GACxB,CACL;SACJ;QACD;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,0BAA0B,CAAC,EACtC,cAAc,EAAE,IAAI,CAAC,gCAAgC,CAAC,GACxD,CACL;YACD,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,mBAAmB,EACjC,gBAAgB,EAAE,IAAI,GACxB,CACL;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAI,EACzE,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI,EAChF,KAAC,SAAS,IAAC,QAAQ,EAAE,UAAU,GAAI,EACnC,KAAC,SAAS,IAAC,MAAM,EAAE,UAAU,GAAI,IACpB,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantStorage.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,UAAU,EAAC,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAC,eAAe,EAAC,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAC,mBAAmB,EAAC,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAchE,MAAM,UAAU,aAAa,CAAC,EAAC,UAAU,EAAE,OAAO,EAAqB;IACnE,MAAM,EAAC,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,GAAG,OAAO,CAAC;IAC3F,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG;QACT;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,8BAA8B,CAAC,EAC1C,cAAc,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAC5D,CACL;YACD,KAAK,EAAE,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,mBAAmB,EACjC,iBAAiB,SACnB,CACL;SACJ;QACD;YACI,KAAK,EAAE,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,CAAC,0BAA0B,CAAC,EACtC,cAAc,EAAE,IAAI,CAAC,gCAAgC,CAAC,GACxD,CACL;YACD,KAAK,EAAE,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,mBAAmB,EACjC,iBAAiB,SACnB,CACL;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC3B,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAI,EACzE,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,EAChF,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC,YACjD,KAAC,SAAS,IAAC,QAAQ,EAAE,UAAU,GAAI,GACxB,EACf,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC,EACxC,eAAe,EAAE,aAAa,CAAC;oBAC3B,GAAG,KAAK;oBACR,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,OAAO;iBACzE,CAAC,YAEF,KAAC,SAAS,IAAC,MAAM,EAAE,UAAU,GAAI,GACtB,IACZ,CACV,CAAC;AACN,CAAC"}

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

@@ -2,16 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { useCapabilitiesLoaded, useStorageGroupsHandlerAvailable, } from '../../../../../store/reducers/capabilities/hooks';
 import { storageApi } from '../../../../../store/reducers/storage/storage';
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { TENANT_OVERVIEW_TABLES_LIMIT, TENANT_OVERVIEW_TABLES_SETTINGS, } from '../../../../../utils/constants';
-import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { getRequiredDataFields } from '../../../../../utils/tableUtils/getRequiredDataFields';
 import { getStorageTopGroupsColumns } from '../../../../Storage/PaginatedStorageGroupsTable/columns/columns';
 import { GROUPS_COLUMNS_TO_DATA_FIELDS, STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, } from '../../../../Storage/PaginatedStorageGroupsTable/columns/constants';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
 function getColumns() {
     const preparedColumns = getStorageTopGroupsColumns();
     const columnsIds = preparedColumns.map((column) => column.name);
@@ -19,7 +15,6 @@ function getColumns() {
     return [preparedColumns, dataFieldsRequired];
 }
 export function TopGroups({ tenant }) {
-    const query = useSearchQuery();
     const capabilitiesLoaded = useCapabilitiesLoaded();
     const groupsHandlerAvailable = useStorageGroupsHandlerAvailable();
     const [autoRefreshInterval] = useAutoRefreshInterval();
@@ -37,14 +32,6 @@ export function TopGroups({ tenant }) {
     });
     const loading = isFetching && currentData === undefined;
     const groups = (currentData === null || currentData === void 0 ? void 0 : currentData.groups) || [];
-    const title = getSectionTitle({
-        entity: i18n('groups'),
-        postfix: i18n('by-usage'),
-        link: getTenantPath({
-            ...query,
-            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.storage,
-        }),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading || !capabilitiesLoaded, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, data: groups, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return (_jsx(TenantOverviewTableLayout, { loading: loading || !capabilitiesLoaded, error: error, withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, data: groups, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
 }
 //# sourceMappingURL=TopGroups.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopGroups.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAC,2BAA2B,EAAC,MAAM,gDAAgD,CAAC;AAE3F,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAE,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAC,0BAA0B,EAAC,MAAM,iEAAiE,CAAC;AAC3G,OAAO,EACH,6BAA6B,EAC7B,mCAAmC,GACtC,MAAM,mEAAmE,CAAC;AAE3E,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,SAAS,UAAU;IACf,MAAM,eAAe,GAAG,0BAA0B,EAAE,CAAC;IAErD,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC;IAE5F,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;AACjD,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,EAAC,MAAM,EAAiB;IAC9C,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,sBAAsB,GAAG,gCAAgC,EAAE,CAAC;IAClE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC,4BAA4B,CAC5E;QACI,MAAM;QACN,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,4BAA4B;QACnC,sBAAsB,EAAE,sBAAsB;QAC9C,cAAc;KACjB,EACD;QACI,eAAe,EAAE,mBAAmB;QACpC,IAAI,EAAE,CAAC,kBAAkB;KAC5B,CACJ,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IAExD,MAAM,MAAM,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,KAAI,EAAE,CAAC;IAEzC,MAAM,KAAK,GAAG,eAAe,CAAC;QAC1B,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC;QACtB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QACzB,IAAI,EAAE,aAAa,CAAC;YAChB,GAAG,KAAK;YACR,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,2BAA2B,CAAC,OAAO;SACzE,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,yBAAyB,IACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAAI,CAAC,kBAAkB,EACvC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,mCAAmC,EACtD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}
+{"version":3,"file":"TopGroups.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AACtG,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,GAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAC,0BAA0B,EAAC,MAAM,iEAAiE,CAAC;AAC3G,OAAO,EACH,6BAA6B,EAC7B,mCAAmC,GACtC,MAAM,mEAAmE,CAAC;AAE3E,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AAEvE,SAAS,UAAU;IACf,MAAM,eAAe,GAAG,0BAA0B,EAAE,CAAC;IAErD,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC;IAE5F,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;AACjD,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,EAAC,MAAM,EAAiB;IAC9C,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,sBAAsB,GAAG,gCAAgC,EAAE,CAAC;IAClE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC,4BAA4B,CAC5E;QACI,MAAM;QACN,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,4BAA4B;QACnC,sBAAsB,EAAE,sBAAsB;QAC9C,cAAc;KACjB,EACD;QACI,eAAe,EAAE,mBAAmB;QACpC,IAAI,EAAE,CAAC,kBAAkB;KAC5B,CACJ,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IAExD,MAAM,MAAM,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,KAAI,EAAE,CAAC;IAEzC,OAAO,CACH,KAAC,yBAAyB,IACtB,OAAO,EAAE,OAAO,IAAI,CAAC,kBAAkB,EACvC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,YAE9B,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,mCAAmC,EACtD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,+BAA+B,GAC3C,GACsB,CAC/B,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.d.ts

@@ -1,4 +1,3 @@
-import '../TenantOverview.scss';
 interface TopTablesProps {
     database: string;
 }

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import DataTable from '@gravity-ui/react-data-table';
 import { CellWithPopover } from '../../../../../components/CellWithPopover/CellWithPopover';
 import { LinkToSchemaObject } from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
@@ -9,25 +10,13 @@ import { TENANT_OVERVIEW_TABLES_SETTINGS } from '../../../../../utils/constants'
 import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
-import '../TenantOverview.scss';
 const TOP_TABLES_COLUMNS_WIDTH_LS_KEY = 'topTablesTableColumnsWidth';
-export function TopTables({ database }) {
-    var _a, _b;
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ database }, { pollingInterval: autoRefreshInterval });
-    const loading = isFetching && currentData === undefined;
-    const data = ((_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) || [];
-    const formatSize = (value) => {
-        const size = getBytesSizeUnit((data === null || data === void 0 ? void 0 : data.length) ? Number(data[0].Size) : 0);
-        return formatBytes({ value, size, precision: 1 });
-    };
+function getColumns(size) {
     const columns = [
         {
             name: 'Size',
             width: 100,
-            render: ({ row }) => formatSize(Number(row.Size)),
+            render: ({ row }) => formatBytes({ value: Number(row.Size), size, precision: 1 }),
             align: DataTable.RIGHT,
         },
         {
@@ -36,10 +25,16 @@ export function TopTables({ database }) {
             render: ({ row }) => row.Path ? (_jsx(CellWithPopover, { content: row.Path, children: _jsx(LinkToSchemaObject, { path: String(row.Path), children: row.Path }) })) : null,
         },
     ];
-    const title = getSectionTitle({
-        entity: i18n('tables'),
-        postfix: i18n('by-size'),
-    });
-    return (_jsx(TenantOverviewTableLayout, { title: title, loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
+    return columns;
+}
+export function TopTables({ database }) {
+    var _a, _b;
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ database }, { pollingInterval: autoRefreshInterval });
+    const loading = isFetching && currentData === undefined;
+    const data = ((_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) || [];
+    const size = getBytesSizeUnit((data === null || data === void 0 ? void 0 : data.length) ? Number(data[0].Size) : 0);
+    const columns = React.useMemo(() => getColumns(size), [size]);
+    return (_jsx(TenantOverviewTableLayout, { loading: loading, error: parseQueryErrorToString(error), withData: Boolean(currentData), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: TENANT_OVERVIEW_TABLES_SETTINGS }) }));
 }
 //# sourceMappingURL=TopTables.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.js.map

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