ydb-embedded-ui 4.33.0 → 5.0.0

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

@@ -1,92 +0,0 @@
-import DataTable, {Column} from '@gravity-ui/react-data-table';
-import block from 'bem-cn-lite';
-import qs from 'qs';
-
-import type {IPreparedConsumerData} from '../../../../../types/store/topic';
-import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
-import {SpeedMultiMeter} from '../../../../../components/SpeedMultiMeter';
-import {InternalLink} from '../../../../../components/InternalLink';
-import {formatMsToUptime} from '../../../../../utils/dataFormatters/dataFormatters';
-import routes, {createHref} from '../../../../../routes';
-
-import {TenantTabsGroups} from '../../../TenantPages';
-
-import {
-    CONSUMERS_COLUMNS_IDS,
-    CONSUMERS_COLUMNS_TITILES,
-    CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS,
-    CONSUMERS_READ_LAGS_SUB_COLUMNS_TITLES,
-} from '../utils/constants';
-
-import {ReadLagsHeader} from '../Headers';
-
-import './Columns.scss';
-
-const b = block('ydb-diagnostics-consumers-columns');
-
-export const columns: Column<IPreparedConsumerData>[] = [
-    {
-        name: CONSUMERS_COLUMNS_IDS.CONSUMER,
-        header: CONSUMERS_COLUMNS_TITILES[CONSUMERS_COLUMNS_IDS.CONSUMER],
-        align: DataTable.LEFT,
-        render: ({row}) => {
-            if (!row.name) {
-                return '–';
-            }
-
-            const queryParams = qs.parse(location.search, {
-                ignoreQueryPrefix: true,
-            });
-
-            return (
-                <InternalLink
-                    to={createHref(routes.tenant, undefined, {
-                        ...queryParams,
-                        [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.partitions,
-                        selectedConsumer: row.name,
-                    })}
-                >
-                    {row.name}
-                </InternalLink>
-            );
-        },
-    },
-    {
-        name: CONSUMERS_COLUMNS_IDS.READ_SPEED,
-        header: CONSUMERS_COLUMNS_TITILES[CONSUMERS_COLUMNS_IDS.READ_SPEED],
-        align: DataTable.RIGHT,
-        sortAccessor: (row) => row.readSpeed.perMinute,
-        render: ({row}) => <SpeedMultiMeter data={row.readSpeed} />,
-    },
-    {
-        name: CONSUMERS_COLUMNS_IDS.READ_LAGS,
-        header: <ReadLagsHeader />,
-        className: b('lags-header'),
-        sub: [
-            {
-                name: CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.WRITE_LAG,
-                header: CONSUMERS_READ_LAGS_SUB_COLUMNS_TITLES[
-                    CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.WRITE_LAG
-                ],
-                align: DataTable.RIGHT,
-                render: ({row}) => formatMsToUptime(row.writeLag),
-            },
-            {
-                name: CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.READ_LAG,
-                header: CONSUMERS_READ_LAGS_SUB_COLUMNS_TITLES[
-                    CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.READ_LAG
-                ],
-                align: DataTable.RIGHT,
-                render: ({row}) => formatMsToUptime(row.readLag),
-            },
-            {
-                name: CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.READ_IDLE_TIME,
-                header: CONSUMERS_READ_LAGS_SUB_COLUMNS_TITLES[
-                    CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.READ_IDLE_TIME
-                ],
-                align: DataTable.RIGHT,
-                render: ({row}) => formatMsToUptime(row.readIdleTime),
-            },
-        ],
-    },
-];

package/dist/containers/Tenant/Diagnostics/Consumers/i18n/index.ts

@@ -1,11 +0,0 @@
-import {i18n, Lang} from '../../../../../utils/i18n';
-
-import en from './en.json';
-import ru from './ru.json';
-
-const COMPONENT = 'ydb-diagnostics-consumers';
-
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-
-export default i18n.keyset(COMPONENT);

package/dist/containers/Tenant/Diagnostics/Consumers/utils/constants.ts

@@ -1,23 +0,0 @@
-export const CONSUMERS_COLUMNS_IDS = {
-    CONSUMER: 'consumer',
-    READ_SPEED: 'readSpeed',
-    READ_LAGS: 'readLags',
-} as const;
-
-export const CONSUMERS_COLUMNS_TITILES = {
-    [CONSUMERS_COLUMNS_IDS.CONSUMER]: 'Consumer',
-    [CONSUMERS_COLUMNS_IDS.READ_SPEED]: 'Read speed',
-    [CONSUMERS_COLUMNS_IDS.READ_LAGS]: 'Read lags, duration',
-} as const;
-
-export const CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS = {
-    WRITE_LAG: 'writeLag',
-    READ_LAG: 'readLag',
-    READ_IDLE_TIME: 'readIdleTime',
-} as const;
-
-export const CONSUMERS_READ_LAGS_SUB_COLUMNS_TITLES = {
-    [CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.WRITE_LAG]: 'write lag',
-    [CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.READ_LAG]: 'read lag',
-    [CONSUMERS_READ_LAGS_SUB_COLUMNS_IDS.READ_IDLE_TIME]: 'read idle time',
-} as const;

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

@@ -1,117 +0,0 @@
-import {useCallback, useEffect, useState} from 'react';
-import {shallowEqual, useDispatch} from 'react-redux';
-import cn from 'bem-cn-lite';
-import JSONTree from 'react-json-inspector';
-import 'react-json-inspector/json-inspector.css';
-
-import {Loader} from '../../../../components/Loader';
-import {ResponseError} from '../../../../components/Errors/ResponseError';
-
-import {useAutofetcher, useTypedSelector} from '../../../../utils/hooks';
-import {
-    getDescribe,
-    setDataWasNotLoaded,
-    setCurrentDescribePath,
-    getDescribeBatched,
-} from '../../../../store/reducers/describe';
-import {selectSchemaMergedChildrenPaths} from '../../../../store/reducers/schema/schema';
-import type {EPathType} from '../../../../types/api/schema';
-
-import {isEntityWithMergedImplementation} from '../../utils/schema';
-
-import './Describe.scss';
-
-const b = cn('kv-describe');
-
-const expandMap = new Map();
-
-interface IDescribeProps {
-    tenant: string;
-    type?: EPathType;
-}
-
-const Describe = ({tenant, type}: IDescribeProps) => {
-    const dispatch = useDispatch();
-
-    const {currentDescribe, error, loading, wasLoaded} = useTypedSelector(
-        (state) => state.describe,
-    );
-
-    const [preparedDescribeData, setPreparedDescribeData] = useState<Object>();
-
-    useEffect(() => {
-        if (currentDescribe) {
-            const paths = Object.keys(currentDescribe);
-
-            if (paths.length === 1) {
-                setPreparedDescribeData(currentDescribe[paths[0]]);
-            } else {
-                setPreparedDescribeData(currentDescribe);
-            }
-        }
-    }, [currentDescribe]);
-
-    const {autorefresh, currentSchemaPath} = useTypedSelector((state) => state.schema);
-
-    const isEntityWithMergedImpl = isEntityWithMergedImplementation(type);
-
-    const mergedChildrenPaths = useTypedSelector(
-        (state) => selectSchemaMergedChildrenPaths(state, currentSchemaPath, type),
-        shallowEqual,
-    );
-
-    const fetchData = useCallback(
-        (isBackground: boolean) => {
-            if (!isBackground) {
-                dispatch(setDataWasNotLoaded());
-            }
-
-            const path = currentSchemaPath || tenant;
-            dispatch(setCurrentDescribePath(path));
-
-            if (!isEntityWithMergedImpl) {
-                dispatch(getDescribe({path}));
-            } else if (mergedChildrenPaths) {
-                dispatch(getDescribeBatched([path, ...mergedChildrenPaths]));
-            }
-        },
-        [currentSchemaPath, tenant, mergedChildrenPaths, isEntityWithMergedImpl, dispatch],
-    );
-
-    useAutofetcher(fetchData, [fetchData], autorefresh);
-
-    if ((loading && !wasLoaded) || (isEntityWithMergedImpl && !mergedChildrenPaths)) {
-        return <Loader size="m" />;
-    }
-
-    if (error) {
-        return <ResponseError error={error} className={b('message-container')} />;
-    }
-
-    if (!loading && !preparedDescribeData) {
-        return <div className={b('message-container')}>Empty</div>;
-    }
-
-    return (
-        <div className={b()}>
-            <div className={b('result')}>
-                <JSONTree
-                    data={preparedDescribeData}
-                    className={b('tree')}
-                    onClick={({path}) => {
-                        const newValue = !(expandMap.get(path) || false);
-                        expandMap.set(path, newValue);
-                    }}
-                    searchOptions={{
-                        debounceTime: 300,
-                    }}
-                    isExpanded={(keypath) => {
-                        return expandMap.get(keypath) || false;
-                    }}
-                />
-            </div>
-        </div>
-    );
-};
-
-export default Describe;

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

@@ -1,47 +0,0 @@
-import {useSelector} from 'react-redux';
-import cn from 'bem-cn-lite';
-
-import type {EPathType} from '../../../../types/api/schema';
-import type {AdditionalNodesProps, AdditionalTenantsProps} from '../../../../types/additionalProps';
-import Overview from '../Overview/Overview';
-import {TenantOverview} from '../TenantOverview/TenantOverview';
-
-import './DetailedOverview.scss';
-
-interface DetailedOverviewProps {
-    type?: EPathType;
-    className?: string;
-    tenantName: string;
-    additionalTenantProps?: AdditionalTenantsProps;
-    additionalNodesProps?: AdditionalNodesProps;
-}
-
-const b = cn('kv-detailed-overview');
-
-function DetailedOverview(props: DetailedOverviewProps) {
-    const {type, tenantName, additionalTenantProps, additionalNodesProps} = props;
-
-    const {currentSchemaPath} = useSelector((state: any) => state.schema);
-
-    const renderTenantOverview = () => {
-        return (
-            <div className={b('section')}>
-                <TenantOverview
-                    tenantName={tenantName}
-                    additionalTenantProps={additionalTenantProps}
-                    additionalNodesProps={additionalNodesProps}
-                />
-            </div>
-        );
-    };
-
-    const isTenant = tenantName === currentSchemaPath;
-
-    return (
-        <div className={b()}>
-            {isTenant ? renderTenantOverview() : <Overview type={type} tenantName={tenantName} />}
-        </div>
-    );
-}
-
-export default DetailedOverview;

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

@@ -1,211 +0,0 @@
-import {useMemo, useRef} from 'react';
-import qs from 'qs';
-import cn from 'bem-cn-lite';
-import {Link} from 'react-router-dom';
-import {useDispatch, useSelector} from 'react-redux';
-import {useLocation} from 'react-router';
-
-import {Switch, Tabs} from '@gravity-ui/uikit';
-
-import type {EPathType} from '../../../types/api/schema';
-import type {AdditionalTenantsProps, AdditionalNodesProps} from '../../../types/additionalProps';
-
-import {useTypedSelector} from '../../../utils/hooks';
-import routes, {createHref} from '../../../routes';
-import type {TenantDiagnosticsTab} from '../../../store/reducers/tenant/types';
-import {enableAutorefresh, disableAutorefresh} from '../../../store/reducers/schema/schema';
-import {setDiagnosticsTab} from '../../../store/reducers/tenant/tenant';
-import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../store/reducers/tenant/constants';
-
-import {Loader} from '../../../components/Loader';
-
-import {Heatmap} from '../../Heatmap';
-import {NodesWrapper} from '../../Nodes/NodesWrapper';
-import {StorageWrapper} from '../../Storage/StorageWrapper';
-import {Tablets} from '../../Tablets';
-
-import Describe from './Describe/Describe';
-import HotKeys from './HotKeys/HotKeys';
-import 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 {isDatabaseEntityType} from '../utils/schema';
-
-import {TenantTabsGroups} from '../TenantPages';
-import {DATABASE_PAGES, getPagesByType} from './DiagnosticsPages';
-
-import './Diagnostics.scss';
-
-interface DiagnosticsProps {
-    type?: EPathType;
-    additionalTenantProps?: AdditionalTenantsProps;
-    additionalNodesProps?: AdditionalNodesProps;
-}
-
-const b = cn('kv-tenant-diagnostics');
-
-function Diagnostics(props: DiagnosticsProps) {
-    const container = useRef<HTMLDivElement>(null);
-
-    const dispatch = useDispatch();
-    const {currentSchemaPath, autorefresh, wasLoaded} = useSelector((state: any) => state.schema);
-    const {diagnosticsTab = TENANT_DIAGNOSTICS_TABS_IDS.overview} = useTypedSelector(
-        (state) => state.tenant,
-    );
-
-    const location = useLocation();
-
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-
-    const {name: rootTenantName} = queryParams;
-    const tenantName = isDatabaseEntityType(props.type) ? currentSchemaPath : rootTenantName;
-    const isDatabase = isDatabaseEntityType(props.type) || currentSchemaPath === rootTenantName;
-
-    const pages = useMemo(() => {
-        if (isDatabase) {
-            return DATABASE_PAGES;
-        }
-
-        return getPagesByType(props.type);
-    }, [props.type, isDatabase]);
-
-    const forwardToDiagnosticTab = (tab: TenantDiagnosticsTab) => {
-        dispatch(setDiagnosticsTab(tab));
-    };
-    const activeTab = useMemo(() => {
-        if (wasLoaded) {
-            if (pages.find((el) => el.id === diagnosticsTab)) {
-                return diagnosticsTab;
-            } else {
-                const newPage = pages[0].id;
-                forwardToDiagnosticTab(newPage);
-                return newPage;
-            }
-        }
-        return undefined;
-    }, [pages, diagnosticsTab, wasLoaded]);
-
-    const onAutorefreshToggle = (value: boolean) => {
-        if (value) {
-            dispatch(enableAutorefresh());
-        } else {
-            dispatch(disableAutorefresh());
-        }
-    };
-
-    const renderTabContent = () => {
-        const {type} = props;
-
-        const tenantNameString = tenantName as string;
-
-        switch (diagnosticsTab) {
-            case TENANT_DIAGNOSTICS_TABS_IDS.overview: {
-                return (
-                    <DetailedOverview
-                        type={type}
-                        tenantName={tenantNameString}
-                        additionalTenantProps={props.additionalTenantProps}
-                        additionalNodesProps={props.additionalNodesProps}
-                    />
-                );
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.topQueries: {
-                return <TopQueries path={tenantNameString} type={type} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.topShards: {
-                return <TopShards tenantPath={tenantNameString} type={type} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.nodes: {
-                return (
-                    <NodesWrapper
-                        path={currentSchemaPath}
-                        additionalNodesProps={props.additionalNodesProps}
-                        parentContainer={container.current}
-                    />
-                );
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.tablets: {
-                return <Tablets path={currentSchemaPath} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.storage: {
-                return (
-                    <StorageWrapper tenant={tenantNameString} parentContainer={container.current} />
-                );
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.network: {
-                return <Network path={tenantNameString} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.describe: {
-                return <Describe tenant={tenantNameString} type={type} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.hotKeys: {
-                return <HotKeys type={type} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.graph: {
-                return <Heatmap path={currentSchemaPath} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.consumers: {
-                return <Consumers path={currentSchemaPath} type={type} />;
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.partitions: {
-                return <Partitions path={currentSchemaPath} />;
-            }
-            default: {
-                return <div>No data...</div>;
-            }
-        }
-    };
-    const renderTabs = () => {
-        return (
-            <div className={b('header-wrapper')}>
-                <div className={b('tabs')}>
-                    <Tabs
-                        size="l"
-                        items={pages}
-                        activeTab={activeTab as string}
-                        wrapTo={({id}, node) => {
-                            const path = createHref(routes.tenant, undefined, {
-                                ...queryParams,
-                                [TenantTabsGroups.diagnosticsTab]: id,
-                            });
-
-                            return (
-                                <Link to={path} key={id} className={b('tab')}>
-                                    {node}
-                                </Link>
-                            );
-                        }}
-                        allowNotSelected={true}
-                    />
-                    <Switch
-                        checked={autorefresh}
-                        onUpdate={onAutorefreshToggle}
-                        content="Autorefresh"
-                    />
-                </div>
-            </div>
-        );
-    };
-
-    // Loader prevents incorrect loading of tabs
-    // After tabs are initially loaded it is no longer needed
-    // Thus there is no also "loading" check as in other parts of the project
-    if (!wasLoaded) {
-        return <Loader size="l" />;
-    }
-
-    return (
-        <div className={b()} ref={container}>
-            {renderTabs()}
-            <div className={b('page-wrapper')}>{renderTabContent()}</div>
-        </div>
-    );
-}
-
-export default Diagnostics;

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

@@ -1,112 +0,0 @@
-import type {TenantDiagnosticsTab} from '../../../store/reducers/tenant/types';
-import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../store/reducers/tenant/constants';
-import {EPathType} from '../../../types/api/schema';
-
-type Page = {
-    id: TenantDiagnosticsTab;
-    title: string;
-};
-
-const overview = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.overview,
-    title: 'Info',
-};
-
-const topQueries = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
-    title: 'Top queries',
-};
-
-const topShards = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.topShards,
-    title: 'Top shards',
-};
-
-const nodes = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.nodes,
-    title: 'Nodes',
-};
-
-const tablets = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.tablets,
-    title: 'Tablets',
-};
-const storage = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.storage,
-    title: 'Storage',
-};
-const network = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.network,
-    title: 'Network',
-};
-
-const describe = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.describe,
-    title: 'Describe',
-};
-
-const hotKeys = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.hotKeys,
-    title: 'Hot keys',
-};
-
-const graph = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.graph,
-    title: 'Graph',
-};
-
-const consumers = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.consumers,
-    title: 'Consumers',
-};
-
-const partitions = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.partitions,
-    title: 'Partitions',
-};
-
-export const DATABASE_PAGES = [
-    overview,
-    topQueries,
-    topShards,
-    nodes,
-    tablets,
-    storage,
-    network,
-    describe,
-];
-
-export const TABLE_PAGES = [overview, topShards, nodes, graph, tablets, hotKeys, describe];
-
-export const DIR_PAGES = [overview, topShards, nodes, describe];
-
-export const CDC_STREAM_PAGES = [overview, consumers, partitions, nodes, describe];
-export const TOPIC_PAGES = [overview, consumers, partitions, nodes, describe];
-
-export const EXTERNAL_DATA_SOURCE_PAGES = [overview, describe];
-export const EXTERNAL_TABLE_PAGES = [overview, describe];
-
-// verbose mapping to guarantee correct tabs for new path types
-// TS will error when a new type is added but not mapped here
-const pathTypeToPages: Record<EPathType, Page[] | undefined> = {
-    [EPathType.EPathTypeInvalid]: undefined,
-
-    [EPathType.EPathTypeSubDomain]: DATABASE_PAGES,
-    [EPathType.EPathTypeExtSubDomain]: DATABASE_PAGES,
-    [EPathType.EPathTypeColumnStore]: DATABASE_PAGES,
-
-    [EPathType.EPathTypeTable]: TABLE_PAGES,
-    [EPathType.EPathTypeColumnTable]: TABLE_PAGES,
-
-    [EPathType.EPathTypeDir]: DIR_PAGES,
-    [EPathType.EPathTypeTableIndex]: DIR_PAGES,
-
-    [EPathType.EPathTypeCdcStream]: CDC_STREAM_PAGES,
-
-    [EPathType.EPathTypePersQueueGroup]: TOPIC_PAGES,
-
-    [EPathType.EPathTypeExternalDataSource]: EXTERNAL_DATA_SOURCE_PAGES,
-    [EPathType.EPathTypeExternalTable]: EXTERNAL_TABLE_PAGES,
-};
-
-export const getPagesByType = (type?: EPathType) => (type && pathTypeToPages[type]) || DIR_PAGES;

package/dist/containers/Tenant/Diagnostics/Network/utils.ts

@@ -1,6 +0,0 @@
-import type {TNetNodePeerInfo} from '../../../../types/api/netInfo';
-
-// determine how many nodes have status Connected "true"
-export const getConnectedNodesCount = (peers: TNetNodePeerInfo[] | undefined) => {
-    return peers?.reduce((acc, item) => (item.Connected ? acc + 1 : acc), 0);
-};

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

@@ -1,67 +0,0 @@
-import type {TEvDescribeSchemeResult} from '../../../../../types/api/schema';
-
-import {formatObject, InfoViewer, InfoViewerItem} from '../../../../../components/InfoViewer';
-import {
-    formatCdcStreamItem,
-    formatCommonItem,
-} from '../../../../../components/InfoViewer/formatters';
-
-import {useTypedSelector} from '../../../../../utils/hooks';
-
-import {getEntityName} from '../../../utils';
-
-import {TopicStats} from '../TopicStats';
-
-import {prepareTopicSchemaInfo} from '../utils';
-
-const prepareChangefeedInfo = (
-    changefeedData?: TEvDescribeSchemeResult,
-    topicData?: TEvDescribeSchemeResult,
-): Array<InfoViewerItem> => {
-    if (!changefeedData && !topicData) {
-        return [];
-    }
-
-    const streamDescription = changefeedData?.PathDescription?.CdcStreamDescription;
-
-    const {Mode, Format} = streamDescription || {};
-
-    const created = formatCommonItem(
-        'CreateStep',
-        changefeedData?.PathDescription?.Self?.CreateStep,
-    );
-    const changefeedInfo = formatObject(formatCdcStreamItem, {
-        Mode,
-        Format,
-    });
-    const topicInfo = prepareTopicSchemaInfo(topicData);
-
-    return [created, ...changefeedInfo, ...topicInfo];
-};
-
-interface ChangefeedProps {
-    data?: TEvDescribeSchemeResult;
-    topic?: TEvDescribeSchemeResult;
-}
-
-/** Displays overview for CDCStream EPathType */
-export const ChangefeedInfo = ({data, topic}: ChangefeedProps) => {
-    const entityName = getEntityName(data?.PathDescription);
-
-    const {error: schemaError} = useTypedSelector((state) => state.schema);
-
-    if (schemaError) {
-        return <div className="error">{schemaError.statusText}</div>;
-    }
-
-    if (!data || !topic) {
-        return <div className="error">No {entityName} data</div>;
-    }
-
-    return (
-        <div>
-            <InfoViewer title={entityName} info={prepareChangefeedInfo(data, topic)} />
-            <TopicStats />
-        </div>
-    );
-};