ydb-embedded-ui 6.6.1 → 6.8.0

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topNodesApi } from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
-import { useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
 import { NODES_COLUMNS_WIDTH_LS_KEY, getTopNodesByMemoryColumns, } from '../../../../Nodes/getNodesColumns';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
-export function TopNodesByMemory({ path, additionalNodesProps }) {
+export function TopNodesByMemory({ tenantName, additionalNodesProps }) {
     const query = useSearchQuery();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByMemoryColumns({
         getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
     });
-    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: path, sortValue: 'Memory' }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topNodesApi.useGetTopNodesQuery({ tenant: tenantName, sortValue: 'Memory' }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topNodes = currentData;
     const title = getSectionTitle({

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

@@ -5,7 +5,7 @@ import { TENANT_METRICS_TABS_IDS } from '../../../../store/reducers/tenant/const
 import { tenantApi } from '../../../../store/reducers/tenant/tenant';
 import { calculateTenantMetrics } from '../../../../store/reducers/tenants/utils';
 import { TENANT_DEFAULT_TITLE } from '../../../../utils/constants';
-import { useTypedSelector } from '../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedSelector } from '../../../../utils/hooks';
 import { mapDatabaseTypeToDBName } from '../../utils/schema';
 import { DefaultOverviewContent } from './DefaultOverviewContent/DefaultOverviewContent';
 import { HealthcheckDetails } from './Healthcheck/HealthcheckDetails';
@@ -13,16 +13,14 @@ import { MetricsCards } from './MetricsCards/MetricsCards';
 import { TenantCpu } from './TenantCpu/TenantCpu';
 import { TenantMemory } from './TenantMemory/TenantMemory';
 import { TenantStorage } from './TenantStorage/TenantStorage';
-import { useHealthcheck } from './useHealthcheck';
 import { b } from './utils';
 import './TenantOverview.scss';
 export function TenantOverview({ tenantName, additionalTenantProps, additionalNodesProps, }) {
     var _a;
     const { metricsTab } = useTypedSelector((state) => state.tenant);
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const { issueTrees, issuesStatistics, selfCheckResult, loading: healthcheckLoading, error: healthcheckError, refetch: fetchHealthcheck, } = useHealthcheck(tenantName, { autorefresh });
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const { currentData: tenant, isFetching } = tenantApi.useGetTenantInfoQuery({ path: tenantName }, {
-        pollingInterval: autorefresh,
+        pollingInterval: autoRefreshInterval,
     });
     const tenantLoading = isFetching && tenant === undefined;
     const { Name, Type, Overall } = tenant || {};
@@ -40,16 +38,16 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
     const renderTabContent = () => {
         switch (metricsTab) {
             case TENANT_METRICS_TABS_IDS.cpu: {
-                return _jsx(TenantCpu, { path: tenantName, additionalNodesProps: additionalNodesProps });
+                return (_jsx(TenantCpu, { tenantName: tenantName, additionalNodesProps: additionalNodesProps }));
             }
             case TENANT_METRICS_TABS_IDS.storage: {
                 return _jsx(TenantStorage, { tenantName: tenantName, metrics: storageMetrics });
             }
             case TENANT_METRICS_TABS_IDS.memory: {
-                return _jsx(TenantMemory, { path: tenantName });
+                return _jsx(TenantMemory, { tenantName: tenantName });
             }
             case TENANT_METRICS_TABS_IDS.healthcheck: {
-                return (_jsx(HealthcheckDetails, { issueTrees: issueTrees, loading: healthcheckLoading, error: healthcheckError }));
+                return _jsx(HealthcheckDetails, { tenantName: tenantName });
             }
             default: {
                 return _jsx(DefaultOverviewContent, { database: tenantName });
@@ -59,5 +57,5 @@ export function TenantOverview({ tenantName, additionalTenantProps, additionalNo
     if (tenantLoading) {
         return (_jsx("div", { className: b('loader'), children: _jsx(Loader, { size: "m" }) }));
     }
-    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs("div", { className: b('top'), children: [renderName(), (_a = additionalTenantProps === null || additionalTenantProps === void 0 ? void 0 : additionalTenantProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantProps, Name, Type)] }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, issuesStatistics: issuesStatistics, selfCheckResult: selfCheckResult, fetchHealthcheck: fetchHealthcheck, healthcheckLoading: healthcheckLoading, healthcheckError: healthcheckError })] }), renderTabContent()] }));
+    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('info'), children: [_jsx("div", { className: b('top-label'), children: tenantType }), _jsxs("div", { className: b('top'), children: [renderName(), (_a = additionalTenantProps === null || additionalTenantProps === void 0 ? void 0 : additionalTenantProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantProps, Name, Type)] }), _jsx(MetricsCards, { poolsCpuStats: poolsStats, memoryStats: memoryStats, blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, tenantName: tenantName })] }), renderTabContent()] }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
 import { topStorageGroupsApi } from '../../../../../store/reducers/tenantOverview/topStorageGroups/topStorageGroups';
-import { useSearchQuery, useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval, useSearchQuery } from '../../../../../utils/hooks';
 import { STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, getStorageTopGroupsColumns, } from '../../../../Storage/StorageGroups/getStorageGroupsColumns';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
@@ -9,9 +9,9 @@ import { getSectionTitle } from '../getSectionTitle';
 import i18n from '../i18n';
 export function TopGroups({ tenant }) {
     const query = useSearchQuery();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getStorageTopGroupsColumns();
-    const { currentData, isFetching, error } = topStorageGroupsApi.useGetTopStorageGroupsQuery({ tenant }, { pollingInterval: autorefresh });
+    const { currentData, isFetching, error } = topStorageGroupsApi.useGetTopStorageGroupsQuery({ tenant }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const topGroups = currentData;
     const title = getSectionTitle({

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

@@ -5,7 +5,7 @@ import { CellWithPopover } from '../../../../../components/CellWithPopover/CellW
 import { LinkToSchemaObject } from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
 import { topTablesApi } from '../../../../../store/reducers/tenantOverview/executeTopTables/executeTopTables';
 import { formatBytes, getSizeWithSignificantDigits } from '../../../../../utils/bytesParsers';
-import { useTypedSelector } from '../../../../../utils/hooks';
+import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../../utils/query';
 import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
 import { getSectionTitle } from '../getSectionTitle';
@@ -14,8 +14,8 @@ import '../TenantOverview.scss';
 const TOP_TABLES_COLUMNS_WIDTH_LS_KEY = 'topTablesTableColumnsWidth';
 export function TopTables({ path }) {
     const location = useLocation();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ path }, { pollingInterval: autorefresh });
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ path }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const { result: data } = currentData || {};
     const formatSize = (value) => {

package/dist/src/containers/Tenant/Diagnostics/TenantOverview/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "nodes" | "queries" | "groups" | "top" | "shards" | "tables" | "no-data" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "charts.queries-per-second" | "charts.transaction-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "nodes" | "queries" | "groups" | "no-data" | "top" | "shards" | "tables" | "no-pools-data" | "top-nodes.empty-data" | "top-groups.empty-data" | "by-pools-usage" | "by-cpu-time" | "by-cpu-usage" | "by-load" | "by-memory" | "by-usage" | "by-size" | "cards.cpu-label" | "cards.storage-label" | "cards.memory-label" | "charts.queries-per-second" | "charts.transaction-latency" | "charts.cpu-usage" | "charts.storage-usage" | "charts.memory-usage" | "storage.tablet-storage-title" | "storage.tablet-storage-description" | "storage.db-storage-title" | "storage.db-storage-description", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

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

@@ -2,7 +2,7 @@ import { healthcheckApi, selectIssuesStatistics, selectIssuesTrees, } from '../.
 import { SelfCheckResult } from '../../../../types/api/healthcheck';
 import { useTypedSelector } from '../../../../utils/hooks';
 export const useHealthcheck = (tenantName, { autorefresh } = {}) => {
-    const { currentData: data, isFetching, error, refetch, } = healthcheckApi.useGetHealthcheckInfoQuery(tenantName, {
+    const { currentData: data, isFetching, error, refetch, } = healthcheckApi.useGetHealthcheckInfoQuery({ database: tenantName }, {
         pollingInterval: autorefresh,
     });
     const selfCheckResult = (data === null || data === void 0 ? void 0 : data.self_check_result) || SelfCheckResult.UNSPECIFIED;

package/dist/src/containers/Tenant/Diagnostics/TopQueries/TopQueries.d.ts

@@ -1,8 +1,8 @@
 import type { EPathType } from '../../../../types/api/schema';
 import './TopQueries.scss';
 interface TopQueriesProps {
-    path: string;
+    tenantName: string;
     type?: EPathType;
 }
-export declare const TopQueries: ({ path, type }: TopQueriesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TopQueries: ({ tenantName, type }: TopQueriesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,7 +11,7 @@ import { setTopQueriesFilters, topQueriesApi, } from '../../../../store/reducers
 import { TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../store/reducers/tenant/constants';
 import { cn } from '../../../../utils/cn';
 import { isSortableTopQueriesProperty } from '../../../../utils/diagnostics';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../utils/query';
 import { TenantTabsGroups, getTenantPath } from '../../TenantPages';
 import { QUERY_TABLE_SETTINGS } from '../../utils/constants';
@@ -20,16 +20,16 @@ import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, getTopQueriesColumns } from './getTop
 import i18n from './i18n';
 import './TopQueries.scss';
 const b = cn('kv-top-queries');
-export const TopQueries = ({ path, type }) => {
+export const TopQueries = ({ tenantName, type }) => {
     const dispatch = useTypedDispatch();
     const location = useLocation();
     const history = useHistory();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const filters = useTypedSelector((state) => state.executeTopQueries);
     const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({
-        database: path,
+        database: tenantName,
         filters,
-    }, { pollingInterval: autorefresh });
+    }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && currentData === undefined;
     const { result: data } = currentData || {};
     const rawColumns = getTopQueriesColumns();

package/dist/src/containers/Tenant/Diagnostics/TopShards/TopShards.d.ts

@@ -1,8 +1,9 @@
 import type { EPathType } from '../../../../types/api/schema';
 import './TopShards.scss';
 interface TopShardsProps {
-    tenantPath: string;
+    tenantName: string;
+    path: string;
     type?: EPathType;
 }
-export declare const TopShards: ({ tenantPath, type }: TopShardsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TopShards: ({ tenantName, path, type }: TopShardsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -10,7 +10,7 @@ import { cn } from '../../../../utils/cn';
 import { DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS } from '../../../../utils/constants';
 import { formatDateTime } from '../../../../utils/dataFormatters/dataFormatters';
 import { isSortableTopShardsProperty } from '../../../../utils/diagnostics';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import { parseQueryErrorToString } from '../../../../utils/query';
 import { isColumnEntityType } from '../../utils/schema';
 import { Filters } from './Filters';
@@ -60,10 +60,10 @@ function fillDateRangeFor(value) {
     value.from = value.to - HOUR_IN_SECONDS * 1000;
     return value;
 }
-export const TopShards = ({ tenantPath, type }) => {
+export const TopShards = ({ tenantName, path, type }) => {
     const dispatch = useTypedDispatch();
     const location = useLocation();
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const storeFilters = useTypedSelector((state) => state.shardsWorkload);
     // default filters shouldn't propagate into URL until user interacts with the control
     // redux initial value can't be used, as it synchronizes with URL
@@ -79,11 +79,11 @@ export const TopShards = ({ tenantPath, type }) => {
     });
     const [sortOrder, setSortOrder] = React.useState(tableColumnsNames.CPUCores);
     const { data: result, isFetching, error, } = shardApi.useSendShardQueryQuery({
-        database: tenantPath,
-        path: currentSchemaPath,
+        database: tenantName,
+        path: path,
         sortOrder: stringToQuerySortOrder(sortOrder),
         filters,
-    }, { pollingInterval: autorefresh });
+    }, { pollingInterval: autoRefreshInterval });
     const loading = isFetching && result === undefined;
     const { result: data } = result !== null && result !== void 0 ? result : {};
     const onSort = (newSortOrder) => {
@@ -110,7 +110,7 @@ export const TopShards = ({ tenantPath, type }) => {
         setFilters((state) => (Object.assign(Object.assign({}, state), newStateValue)));
     };
     const tableColumns = React.useMemo(() => {
-        const rawColumns = getShardsWorkloadColumns(tenantPath, location);
+        const rawColumns = getShardsWorkloadColumns(tenantName, location);
         const columns = rawColumns.map((column) => (Object.assign(Object.assign({}, column), { sortable: isSortableTopShardsProperty(column.name) })));
         if (filters.mode === EShardsWorkloadMode.History) {
             // after NodeId
@@ -129,7 +129,7 @@ export const TopShards = ({ tenantPath, type }) => {
             });
         }
         return columns;
-    }, [filters.mode, tenantPath, location]);
+    }, [filters.mode, location, tenantName]);
     const renderControls = () => {
         return _jsx(Filters, { value: filters, onChange: handleFiltersChange });
     };

package/dist/src/containers/Tenant/EntityTitle/EntityTitle.d.ts

@@ -0,0 +1,6 @@
+import type { TPathDescription } from '../../../types/api/schema';
+interface EntityTitleProps {
+    data?: TPathDescription;
+}
+export declare function EntityTitle({ data }: EntityTitleProps): string | import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/src/containers/Tenant/EntityTitle/EntityTitle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Label } from '@gravity-ui/uikit';
+import i18n from '../i18n';
+import { getEntityName, isReadOnlyTable } from '../utils';
+export function EntityTitle({ data }) {
+    const entityName = getEntityName(data);
+    if (isReadOnlyTable(data)) {
+        return (_jsxs(Flex, { gap: 1, wrap: 'nowrap', children: [entityName, " ", _jsx(Label, { children: i18n('label.read-only') })] }));
+    }
+    return entityName;
+}

package/dist/src/containers/Tenant/Info/ExternalDataSource/ExternalDataSource.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
-import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { InfoViewer } from '../../../../components/InfoViewer';
 import { formatCommonItem } from '../../../../components/InfoViewer/formatters';
 import { cn } from '../../../../utils/cn';
-import { useTypedSelector } from '../../../../utils/hooks';
 import { getEntityName } from '../../utils';
 import i18n from '../i18n';
 import './ExternalDataSource.scss';
@@ -38,10 +36,6 @@ const prepareExternalDataSourceInfo = (data) => {
 };
 const ExternalDataSource = ({ data, prepareData }) => {
     const entityName = getEntityName(data === null || data === void 0 ? void 0 : data.PathDescription);
-    const { error: schemaError } = useTypedSelector((state) => state.schema);
-    if (schemaError) {
-        return _jsx(ResponseError, { error: schemaError });
-    }
     if (!data) {
         return _jsxs("div", { className: "error", children: ["No ", entityName, " data"] });
     }

package/dist/src/containers/Tenant/Info/ExternalTable/ExternalTable.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLocation } from 'react-router';
 import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
-import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { InfoViewer } from '../../../../components/InfoViewer';
 import { formatCommonItem } from '../../../../components/InfoViewer/formatters';
 import { LinkWithIcon } from '../../../../components/LinkWithIcon/LinkWithIcon';
 import { createExternalUILink, parseQuery } from '../../../../routes';
 import { cn } from '../../../../utils/cn';
-import { useTypedSelector } from '../../../../utils/hooks';
 import { getEntityName } from '../../utils';
 import i18n from '../i18n';
 import './ExternalTable.scss';
@@ -43,10 +41,6 @@ const ExternalTable = ({ data, prepareData }) => {
     const query = parseQuery(location);
     const pathToDataSource = createExternalUILink(Object.assign(Object.assign({}, query), { schema: (_b = (_a = data === null || data === void 0 ? void 0 : data.PathDescription) === null || _a === void 0 ? void 0 : _a.ExternalTableDescription) === null || _b === void 0 ? void 0 : _b.DataSourcePath }));
     const entityName = getEntityName(data === null || data === void 0 ? void 0 : data.PathDescription);
-    const { error: schemaError } = useTypedSelector((state) => state.schema);
-    if (schemaError) {
-        return _jsx(ResponseError, { error: schemaError });
-    }
     if (!data) {
         return _jsxs("div", { className: "error", children: ["No ", entityName, " data"] });
     }

package/dist/src/containers/Tenant/Info/View/View.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DefinitionList } from '@gravity-ui/components';
 import { Text } from '@gravity-ui/uikit';
-import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { cn } from '../../../../utils/cn';
-import { useTypedSelector } from '../../../../utils/hooks';
 import { getEntityName } from '../../utils';
 import i18n from '../i18n';
 const b = cn('ydb-view-info');
@@ -21,10 +19,6 @@ const prepareViewItems = (data) => {
 };
 export function ViewInfo({ data }) {
     const entityName = getEntityName(data === null || data === void 0 ? void 0 : data.PathDescription);
-    const { error: schemaError } = useTypedSelector((state) => state.schema);
-    if (schemaError) {
-        return _jsx(ResponseError, { error: schemaError });
-    }
     if (!data) {
         return _jsxs("div", { className: "error", children: ["No ", entityName, " data"] });
     }

package/dist/src/containers/Tenant/ObjectGeneral/ObjectGeneral.d.ts

@@ -4,8 +4,9 @@ import './ObjectGeneral.scss';
 interface ObjectGeneralProps {
     type?: EPathType;
     tenantName: string;
+    path: string;
     additionalTenantProps?: AdditionalTenantsProps;
     additionalNodesProps?: AdditionalNodesProps;
 }
-declare function ObjectGeneral(props: ObjectGeneralProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ObjectGeneral(props: ObjectGeneralProps): import("react/jsx-runtime").JSX.Element;
 export default ObjectGeneral;

package/dist/src/containers/Tenant/ObjectGeneral/ObjectGeneral.js

@@ -1,33 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useThemeValue } from '@gravity-ui/uikit';
 import { TENANT_PAGES_IDS } from '../../../store/reducers/tenant/constants';
 import { cn } from '../../../utils/cn';
 import { useTypedSelector } from '../../../utils/hooks';
 import Diagnostics from '../Diagnostics/Diagnostics';
 import { Query } from '../Query/Query';
+import { TenantNavigation } from '../TenantNavigation/TenantNavigation';
 import './ObjectGeneral.scss';
 const b = cn('object-general');
 function ObjectGeneral(props) {
     const theme = useThemeValue();
     const { tenantPage } = useTypedSelector((state) => state.tenant);
-    const renderTabContent = () => {
-        const { type, additionalTenantProps, additionalNodesProps, tenantName } = props;
+    const renderPageContent = () => {
+        const { type, additionalTenantProps, additionalNodesProps, tenantName, path } = props;
         switch (tenantPage) {
             case TENANT_PAGES_IDS.query: {
-                return _jsx(Query, { path: tenantName, theme: theme, type: type });
+                return _jsx(Query, { tenantName: tenantName, path: path, theme: theme, type: type });
             }
             default: {
-                return (_jsx(Diagnostics, { type: type, additionalTenantProps: additionalTenantProps, additionalNodesProps: additionalNodesProps }));
+                return (_jsx(Diagnostics, { type: type, tenantName: tenantName, path: path, additionalTenantProps: additionalTenantProps, additionalNodesProps: additionalNodesProps }));
             }
         }
     };
-    const renderContent = () => {
-        const { tenantName } = props;
-        if (!tenantName) {
-            return null;
-        }
-        return _jsx("div", { className: b(), children: renderTabContent() });
-    };
-    return renderContent();
+    return (_jsxs("div", { className: b(), children: [_jsx(TenantNavigation, {}), renderPageContent()] }));
 }
 export default ObjectGeneral;

package/dist/src/containers/Tenant/ObjectSummary/ObjectSummary.d.ts

@@ -1,13 +1,13 @@
-import type { EPathSubType } from '../../../types/api/schema';
-import { EPathType } from '../../../types/api/schema';
+import { EPathSubType, EPathType } from '../../../types/api/schema';
 import './ObjectSummary.scss';
 interface ObjectSummaryProps {
     type?: EPathType;
     subType?: EPathSubType;
-    tenantName?: string;
+    tenantName: string;
+    path: string;
     onCollapseSummary: VoidFunction;
     onExpandSummary: VoidFunction;
     isCollapsed: boolean;
 }
-export declare function ObjectSummary({ type, subType, tenantName, onCollapseSummary, onExpandSummary, isCollapsed, }: ObjectSummaryProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ObjectSummary({ type, subType, tenantName, path, onCollapseSummary, onExpandSummary, isCollapsed, }: ObjectSummaryProps): import("react/jsx-runtime").JSX.Element;
 export {};