ydb-embedded-ui 6.4.0 → 6.6.0

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

@@ -1,90 +0,0 @@
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../store/reducers/tenant/constants';
-import { EPathType } from '../../../types/api/schema';
-const overview = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.overview,
-    title: 'Info',
-};
-const schema = {
-    id: TENANT_DIAGNOSTICS_TABS_IDS.schema,
-    title: 'Schema',
-};
-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, schema, topShards, nodes, graph, tablets, hotKeys, describe];
-export const COLUMN_TABLE_PAGES = [overview, schema, topShards, nodes, graph, tablets, describe];
-export const DIR_PAGES = [overview, topShards, nodes, describe];
-export const CDC_STREAM_PAGES = [overview, consumers, partitions, nodes, describe];
-export const TOPIC_PAGES = [overview, consumers, partitions, nodes, describe];
-export const EXTERNAL_DATA_SOURCE_PAGES = [overview, describe];
-export const EXTERNAL_TABLE_PAGES = [overview, describe];
-export const VIEW_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 = {
-    [EPathType.EPathTypeInvalid]: undefined,
-    [EPathType.EPathTypeSubDomain]: DATABASE_PAGES,
-    [EPathType.EPathTypeExtSubDomain]: DATABASE_PAGES,
-    [EPathType.EPathTypeColumnStore]: DATABASE_PAGES,
-    [EPathType.EPathTypeTable]: TABLE_PAGES,
-    [EPathType.EPathTypeColumnTable]: COLUMN_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,
-    [EPathType.EPathTypeView]: VIEW_PAGES,
-};
-export const getPagesByType = (type) => (type && pathTypeToPages[type]) || DIR_PAGES;

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

@@ -1,102 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import DataTable from '@gravity-ui/react-data-table';
-import { Icon } from '@gravity-ui/uikit';
-import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
-import { setHotKeysData, setHotKeysDataWasNotLoaded, setHotKeysError, setHotKeysLoading, } from '../../../../store/reducers/hotKeys/hotKeys';
-import { cn } from '../../../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import i18n from './i18n';
-import keyIcon from '../../../../assets/icons/key.svg';
-import './HotKeys.scss';
-const b = cn('ydb-hot-keys');
-const tableColumnsIds = {
-    accessSample: 'accessSample',
-    keyValues: 'keyValues',
-};
-const getHotKeysColumns = (keyColumnsIds = []) => {
-    const keysColumns = keyColumnsIds.map((col, index) => ({
-        name: col,
-        header: (_jsxs("div", { className: b('primary-key-column'), children: [_jsx(Icon, { data: keyIcon, width: 12, height: 7 }), col] })),
-        render: ({ row }) => row.keyValues[index],
-        align: DataTable.RIGHT,
-        sortable: false,
-    }));
-    return [
-        {
-            name: tableColumnsIds.accessSample,
-            header: 'Samples',
-            render: ({ row }) => row.accessSample,
-            align: DataTable.RIGHT,
-            sortable: false,
-        },
-        ...keysColumns,
-    ];
-};
-export function HotKeys({ path }) {
-    var _a, _b, _c;
-    const dispatch = useTypedDispatch();
-    const collectSamplesTimerRef = React.useRef();
-    const { loading, wasLoaded, data, error } = useTypedSelector((state) => state.hotKeys);
-    const { loading: schemaLoading, data: schemaData } = useTypedSelector((state) => state.schema);
-    const keyColumnsIds = (_c = (_b = (_a = schemaData[path]) === null || _a === void 0 ? void 0 : _a.PathDescription) === null || _b === void 0 ? void 0 : _b.Table) === null || _c === void 0 ? void 0 : _c.KeyColumnNames;
-    const tableColumns = React.useMemo(() => {
-        return getHotKeysColumns(keyColumnsIds);
-    }, [keyColumnsIds]);
-    React.useEffect(() => {
-        const fetchHotkeys = async (enableSampling) => {
-            // Set hotkeys error, but not data, since data is set conditionally
-            try {
-                const response = await window.api.getHotKeys(path, enableSampling);
-                return response;
-            }
-            catch (err) {
-                dispatch(setHotKeysError(err));
-                return undefined;
-            }
-        };
-        const fetchData = async () => {
-            // If there is previous pending request for samples, cancel it
-            if (collectSamplesTimerRef.current !== undefined) {
-                window.clearInterval(collectSamplesTimerRef.current);
-            }
-            dispatch(setHotKeysDataWasNotLoaded());
-            dispatch(setHotKeysLoading());
-            // Send request that will trigger hot keys sampling (enable_sampling = true)
-            const initialResponse = await fetchHotkeys(true);
-            // If there are hotkeys in the initial request (hotkeys was collected before)
-            // we could just use colleted samples (collected hotkeys are stored only for 30 seconds)
-            if (initialResponse && initialResponse.hotkeys) {
-                dispatch(setHotKeysData(initialResponse));
-            }
-            else if (initialResponse) {
-                // Else wait for 5 seconds, while hot keys are being collected
-                // And request these samples (enable_sampling = false)
-                const timer = setTimeout(async () => {
-                    const responseWithSamples = await fetchHotkeys(false);
-                    if (responseWithSamples) {
-                        dispatch(setHotKeysData(responseWithSamples));
-                    }
-                }, 5000);
-                collectSamplesTimerRef.current = timer;
-            }
-        };
-        fetchData();
-    }, [dispatch, path]);
-    // It takes a while to collect hot keys. Display explicit status message, while collecting
-    if ((loading && !wasLoaded) || schemaLoading) {
-        return _jsx("div", { children: i18n('hot-keys-collecting') });
-    }
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    if (!data) {
-        return _jsx("div", { children: i18n('no-data') });
-    }
-    return (_jsx(ResizeableDataTable, { wrapperClassName: b('table'), columns: tableColumns, data: data, settings: DEFAULT_TABLE_SETTINGS, initialSortOrder: {
-            columnId: tableColumnsIds.accessSample,
-            order: DataTable.DESCENDING,
-        } }));
-}

package/dist/containers/Tenant/Diagnostics/HotKeys/i18n/en.json

@@ -1,4 +0,0 @@
-{
-    "hot-keys-collecting": "Please wait a little while we are collecting hot keys samples...",
-    "no-data": "No information about hot keys"
-}

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

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

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

@@ -1,7 +0,0 @@
-import { EPathType } from '../../../../types/api/schema';
-interface OverviewProps {
-    type?: EPathType;
-    tenantName?: string;
-}
-declare function Overview({ type, tenantName }: OverviewProps): import("react/jsx-runtime").JSX.Element;
-export default Overview;

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

@@ -1,77 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { skipToken } from '@reduxjs/toolkit/query';
-import { shallowEqual } from 'react-redux';
-import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { TableIndexInfo } from '../../../../components/InfoViewer/schemaInfo';
-import { Loader } from '../../../../components/Loader';
-import { olapApi } from '../../../../store/reducers/olapStats';
-import { overviewApi } from '../../../../store/reducers/overview/overview';
-import { selectSchemaMergedChildrenPaths } from '../../../../store/reducers/schema/schema';
-import { EPathType } from '../../../../types/api/schema';
-import { useTypedSelector } from '../../../../utils/hooks';
-import { ExternalDataSourceInfo } from '../../Info/ExternalDataSource/ExternalDataSource';
-import { ExternalTableInfo } from '../../Info/ExternalTable/ExternalTable';
-import { isColumnEntityType, isEntityWithMergedImplementation, isTableType, } from '../../utils/schema';
-import { ChangefeedInfo } from './ChangefeedInfo';
-import { TableInfo } from './TableInfo';
-import { TopicInfo } from './TopicInfo';
-function Overview({ type, tenantName }) {
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
-    const schemaPath = currentSchemaPath || tenantName;
-    const olapParams = isTableType(type) && isColumnEntityType(type) ? { path: schemaPath } : skipToken;
-    const { currentData: olapData, isFetching: olapIsFetching } = olapApi.useGetOlapStatsQuery(olapParams, { pollingInterval: autorefresh });
-    const olapStatsLoading = olapIsFetching && olapData === undefined;
-    const { result: olapStats } = olapData || { result: undefined };
-    const isEntityWithMergedImpl = isEntityWithMergedImplementation(type);
-    // shalloEqual prevents rerenders when new schema data is loaded
-    const mergedChildrenPaths = useTypedSelector((state) => selectSchemaMergedChildrenPaths(state, currentSchemaPath, type), shallowEqual);
-    let paths = skipToken;
-    if (schemaPath) {
-        if (!isEntityWithMergedImpl) {
-            paths = [schemaPath];
-        }
-        else if (mergedChildrenPaths) {
-            paths = [schemaPath, ...mergedChildrenPaths];
-        }
-    }
-    const { currentData, isFetching, error: overviewError, } = overviewApi.useGetOverviewQuery(paths, {
-        pollingInterval: autorefresh,
-    });
-    const overviewLoading = isFetching && currentData === undefined;
-    const { data: rawData, additionalData } = currentData || {};
-    const entityLoading = overviewLoading || olapStatsLoading;
-    const entityNotReady = isEntityWithMergedImpl && !mergedChildrenPaths;
-    const renderContent = () => {
-        var _a;
-        const data = rawData !== null && rawData !== void 0 ? rawData : undefined;
-        // verbose mapping to guarantee a correct render for new path types
-        // TS will error when a new type is added but not mapped here
-        const pathTypeToComponent = {
-            [EPathType.EPathTypeInvalid]: undefined,
-            [EPathType.EPathTypeDir]: undefined,
-            [EPathType.EPathTypeTable]: undefined,
-            [EPathType.EPathTypeSubDomain]: undefined,
-            [EPathType.EPathTypeTableIndex]: () => _jsx(TableIndexInfo, { data: data }),
-            [EPathType.EPathTypeExtSubDomain]: undefined,
-            [EPathType.EPathTypeColumnStore]: undefined,
-            [EPathType.EPathTypeColumnTable]: undefined,
-            [EPathType.EPathTypeCdcStream]: () => {
-                var _a;
-                return (_jsx(ChangefeedInfo, { data: data, topic: (_a = additionalData === null || additionalData === void 0 ? void 0 : additionalData[0]) !== null && _a !== void 0 ? _a : undefined }));
-            },
-            [EPathType.EPathTypePersQueueGroup]: () => _jsx(TopicInfo, { data: data }),
-            [EPathType.EPathTypeExternalTable]: () => _jsx(ExternalTableInfo, { data: data }),
-            [EPathType.EPathTypeExternalDataSource]: () => _jsx(ExternalDataSourceInfo, { data: data }),
-            [EPathType.EPathTypeView]: undefined,
-        };
-        return ((type && ((_a = pathTypeToComponent[type]) === null || _a === void 0 ? void 0 : _a.call(pathTypeToComponent))) || (_jsx(TableInfo, { data: data, type: type, olapStats: olapStats })));
-    };
-    if (entityLoading || entityNotReady) {
-        return _jsx(Loader, { size: "m" });
-    }
-    if (overviewError) {
-        return _jsx(ResponseError, { error: overviewError });
-    }
-    return _jsx("div", { children: renderContent() });
-}
-export default Overview;

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

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { useHistory, useLocation } from 'react-router';
-import { parseQuery } from '../../../../../routes';
-import { changeUserInput } from '../../../../../store/reducers/executeQuery';
-import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, } from '../../../../../store/reducers/tenant/constants';
-import { topQueriesApi } from '../../../../../store/reducers/tenantOverview/topQueries/tenantOverviewTopQueries';
-import { useTypedDispatch, useTypedSelector } from '../../../../../utils/hooks';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
-import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, getTenantOverviewTopQueriesColumns, } from '../../TopQueries/getTopQueriesColumns';
-import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
-import { b } from '../utils';
-export function TopQueries({ path }) {
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    const history = useHistory();
-    const query = parseQuery(location);
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const columns = getTenantOverviewTopQueriesColumns();
-    const { currentData, isFetching, error } = topQueriesApi.useGetOverviewTopQueriesQuery({ database: path }, { pollingInterval: autorefresh });
-    const loading = isFetching && currentData === undefined;
-    const { result: data } = currentData || {};
-    const handleRowClick = React.useCallback((row) => {
-        const { QueryText: input } = row;
-        dispatch(changeUserInput({ input }));
-        const queryParams = parseQuery(location);
-        const queryPath = getTenantPath(Object.assign(Object.assign({}, queryParams), { [TENANT_PAGE]: TENANT_PAGES_IDS.query, [TenantTabsGroups.queryTab]: TENANT_QUERY_TABS_ID.newQuery }));
-        history.push(queryPath);
-    }, [dispatch, history, location]);
-    const title = getSectionTitle({
-        entity: i18n('queries'),
-        postfix: i18n('by-cpu-time'),
-        link: getTenantPath(Object.assign(Object.assign({}, query), { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries })),
-    });
-    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, onRowClick: handleRowClick, title: title, loading: loading, error: error, rowClassName: () => b('top-queries-row') }));
-}

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useLocation } from 'react-router';
-import { parseQuery } from '../../../../../routes';
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
-import { topShardsApi } from '../../../../../store/reducers/tenantOverview/topShards/tenantOverviewTopShards';
-import { useTypedSelector } from '../../../../../utils/hooks';
-import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
-import { TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, getTopShardsColumns, } from '../../TopShards/getTopShardsColumns';
-import { TenantOverviewTableLayout } from '../TenantOverviewTableLayout';
-import { getSectionTitle } from '../getSectionTitle';
-import i18n from '../i18n';
-export const TopShards = ({ path }) => {
-    const location = useLocation();
-    const query = parseQuery(location);
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
-    const { currentData, isFetching, error } = topShardsApi.useGetTopShardsQuery({ database: path, path: currentSchemaPath }, { pollingInterval: autorefresh });
-    const loading = isFetching && currentData === undefined;
-    const { result: data } = currentData || {};
-    const columns = getTopShardsColumns(path, location);
-    const title = getSectionTitle({
-        entity: i18n('shards'),
-        postfix: i18n('by-cpu-usage'),
-        link: getTenantPath(Object.assign(Object.assign({}, query), { [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topShards })),
-    });
-    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, title: title, loading: loading, error: error }));
-};

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DataTable from '@gravity-ui/react-data-table';
-import { useLocation } from 'react-router';
-import { CellWithPopover } from '../../../../../components/CellWithPopover/CellWithPopover';
-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 { 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({ path }) {
-    const location = useLocation();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const { currentData, error, isFetching } = topTablesApi.useGetTopTablesQuery({ path }, { pollingInterval: autorefresh });
-    const loading = isFetching && currentData === undefined;
-    const { result: data } = currentData || {};
-    const formatSize = (value) => {
-        const size = getSizeWithSignificantDigits((data === null || data === void 0 ? void 0 : data.length) ? Number(data[0].Size) : 0, 0);
-        return formatBytes({ value, size, precision: 1 });
-    };
-    const columns = [
-        {
-            name: 'Size',
-            width: 100,
-            sortable: false,
-            render: ({ row }) => formatSize(Number(row.Size)),
-            align: DataTable.RIGHT,
-        },
-        {
-            name: 'Path',
-            width: 700,
-            sortable: false,
-            render: ({ row }) => row.Path ? (_jsx(CellWithPopover, { content: row.Path, children: _jsx(LinkToSchemaObject, { path: String(row.Path), location: location, children: row.Path }) })) : null,
-        },
-    ];
-    const title = getSectionTitle({
-        entity: i18n('tables'),
-        postfix: i18n('by-size'),
-    });
-    return (_jsx(TenantOverviewTableLayout, { columnsWidthLSKey: TOP_TABLES_COLUMNS_WIDTH_LS_KEY, data: data || [], columns: columns, title: title, loading: loading, error: error }));
-}

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

@@ -1,2 +0,0 @@
-declare const _default: (key: "nodes" | "queries" | "groups" | "tables" | "top" | "shards" | "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;
-export default _default;

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

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useHistory, useLocation } from 'react-router';
-import { DateRange } from '../../../../components/DateRange';
-import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
-import { Search } from '../../../../components/Search';
-import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
-import { parseQuery } from '../../../../routes';
-import { changeUserInput } from '../../../../store/reducers/executeQuery';
-import { setTopQueriesFilters, topQueriesApi, } from '../../../../store/reducers/executeTopQueries/executeTopQueries';
-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 { prepareQueryError } from '../../../../utils/query';
-import { TenantTabsGroups, getTenantPath } from '../../TenantPages';
-import { QUERY_TABLE_SETTINGS } from '../../utils/constants';
-import { isColumnEntityType } from '../../utils/schema';
-import { TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, getTopQueriesColumns } from './getTopQueriesColumns';
-import i18n from './i18n';
-import './TopQueries.scss';
-const b = cn('kv-top-queries');
-export const TopQueries = ({ path, type }) => {
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    const history = useHistory();
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    const filters = useTypedSelector((state) => state.executeTopQueries);
-    const { currentData, isFetching, error } = topQueriesApi.useGetTopQueriesQuery({
-        database: path,
-        filters,
-    }, { pollingInterval: autorefresh });
-    const loading = isFetching && currentData === undefined;
-    const { result: data } = currentData || {};
-    const rawColumns = getTopQueriesColumns();
-    const columns = rawColumns.map((column) => (Object.assign(Object.assign({}, column), { sortable: isSortableTopQueriesProperty(column.name) })));
-    const handleRowClick = React.useCallback((row) => {
-        const { QueryText: input } = row;
-        dispatch(changeUserInput({ input }));
-        const queryParams = parseQuery(location);
-        const queryPath = getTenantPath(Object.assign(Object.assign({}, queryParams), { [TENANT_PAGE]: TENANT_PAGES_IDS.query, [TenantTabsGroups.queryTab]: TENANT_QUERY_TABS_ID.newQuery }));
-        history.push(queryPath);
-    }, [dispatch, history, location]);
-    const handleTextSearchUpdate = (text) => {
-        dispatch(setTopQueriesFilters({ text }));
-    };
-    const handleDateRangeChange = (value) => {
-        dispatch(setTopQueriesFilters(value));
-    };
-    const renderContent = () => {
-        if (error && typeof error === 'object' && !error.isCancelled) {
-            return _jsx("div", { className: "error", children: prepareQueryError(error) });
-        }
-        if (!data || isColumnEntityType(type)) {
-            return i18n('no-data');
-        }
-        return (_jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_QUERIES_COLUMNS_WIDTH_LS_KEY, columns: columns, data: data, settings: QUERY_TABLE_SETTINGS, onRowClick: handleRowClick, rowClassName: () => b('row') }));
-    };
-    const renderControls = () => {
-        return (_jsxs(React.Fragment, { children: [_jsx(Search, { value: filters.text, onChange: handleTextSearchUpdate, placeholder: i18n('filter.text.placeholder'), className: b('search') }), _jsx(DateRange, { from: filters.from, to: filters.to, onChange: handleDateRangeChange })] }));
-    };
-    return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls() }), _jsx(TableWithControlsLayout.Table, { loading: loading, children: renderContent() })] }));
-};

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

@@ -1,146 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import DataTable from '@gravity-ui/react-data-table';
-import { useLocation } from 'react-router';
-import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
-import { TableWithControlsLayout } from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
-import { setShardsQueryFilters, shardApi, } from '../../../../store/reducers/shardsWorkload/shardsWorkload';
-import { EShardsWorkloadMode } from '../../../../store/reducers/shardsWorkload/types';
-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 { prepareQueryError } from '../../../../utils/query';
-import { isColumnEntityType } from '../../utils/schema';
-import { Filters } from './Filters';
-import { TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, getShardsWorkloadColumns } from './getTopShardsColumns';
-import i18n from './i18n';
-import './TopShards.scss';
-const b = cn('top-shards');
-const TABLE_SETTINGS = Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRender: false, externalSort: true, disableSortReset: true, defaultOrder: DataTable.DESCENDING });
-const tableColumnsNames = {
-    TabletId: 'TabletId',
-    CPUCores: 'CPUCores',
-    DataSize: 'DataSize',
-    Path: 'Path',
-    NodeId: 'NodeId',
-    PeakTime: 'PeakTime',
-    InFlightTxCount: 'InFlightTxCount',
-    IntervalEnd: 'IntervalEnd',
-};
-function prepareDateTimeValue(value) {
-    if (!value) {
-        return '–';
-    }
-    return formatDateTime(new Date(value).getTime());
-}
-function stringToDataTableSortOrder(value) {
-    return value
-        ? value.split(',').map((columnId) => ({
-            columnId,
-            order: DataTable.DESCENDING,
-        }))
-        : undefined;
-}
-function stringToQuerySortOrder(value) {
-    return value
-        ? value.split(',').map((columnId) => ({
-            columnId,
-            order: 'DESC',
-        }))
-        : undefined;
-}
-function dataTableToStringSortOrder(value = []) {
-    const sortOrders = Array.isArray(value) ? value : [value];
-    return sortOrders.map(({ columnId }) => columnId).join(',');
-}
-function fillDateRangeFor(value) {
-    value.to = Date.now();
-    value.from = value.to - HOUR_IN_SECONDS * 1000;
-    return value;
-}
-export const TopShards = ({ tenantPath, type }) => {
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
-    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
-    const [filters, setFilters] = React.useState(() => {
-        const defaultValue = Object.assign({}, storeFilters);
-        if (!defaultValue.mode) {
-            defaultValue.mode = EShardsWorkloadMode.Immediate;
-        }
-        if (!defaultValue.from && !defaultValue.to) {
-            fillDateRangeFor(defaultValue);
-        }
-        return defaultValue;
-    });
-    const [sortOrder, setSortOrder] = React.useState(tableColumnsNames.CPUCores);
-    const { data: result, isFetching, error, } = shardApi.useSendShardQueryQuery({
-        database: tenantPath,
-        path: currentSchemaPath,
-        sortOrder: stringToQuerySortOrder(sortOrder),
-        filters,
-    }, { pollingInterval: autorefresh });
-    const loading = isFetching && result === undefined;
-    const { result: data } = result !== null && result !== void 0 ? result : {};
-    const onSort = (newSortOrder) => {
-        // omit information about sort order to disable ASC order, only DESC makes sense for top shards
-        // use a string (and not the DataTable default format) to prevent reference change,
-        // which would cause an excess state change, to avoid repeating requests
-        setSortOrder(dataTableToStringSortOrder(newSortOrder));
-    };
-    const handleFiltersChange = (value) => {
-        const newStateValue = Object.assign({}, value);
-        const isDateRangePristine = !storeFilters.from && !storeFilters.to && !value.from && !value.to;
-        if (isDateRangePristine) {
-            switch (value.mode) {
-                case EShardsWorkloadMode.Immediate:
-                    newStateValue.from = newStateValue.to = undefined;
-                    break;
-                case EShardsWorkloadMode.History:
-                    // should default to the current datetime every time history mode activates
-                    fillDateRangeFor(newStateValue);
-                    break;
-            }
-        }
-        dispatch(setShardsQueryFilters(value));
-        setFilters((state) => (Object.assign(Object.assign({}, state), newStateValue)));
-    };
-    const tableColumns = React.useMemo(() => {
-        const rawColumns = getShardsWorkloadColumns(tenantPath, location);
-        const columns = rawColumns.map((column) => (Object.assign(Object.assign({}, column), { sortable: isSortableTopShardsProperty(column.name) })));
-        if (filters.mode === EShardsWorkloadMode.History) {
-            // after NodeId
-            columns.splice(5, 0, {
-                name: tableColumnsNames.PeakTime,
-                render: ({ row }) => {
-                    return prepareDateTimeValue(row.PeakTime);
-                },
-                sortable: false,
-            });
-            columns.push({
-                name: tableColumnsNames.IntervalEnd,
-                render: ({ row }) => {
-                    return prepareDateTimeValue(row.IntervalEnd);
-                },
-            });
-        }
-        return columns;
-    }, [filters.mode, tenantPath, location]);
-    const renderControls = () => {
-        return _jsx(Filters, { value: filters, onChange: handleFiltersChange });
-    };
-    const renderContent = () => {
-        if (error && typeof error === 'object' && !error.isCancelled) {
-            return _jsx("div", { className: "error", children: prepareQueryError(error) });
-        }
-        if (!data || isColumnEntityType(type)) {
-            return i18n('no-data');
-        }
-        return (_jsx(ResizeableDataTable, { columnsWidthLSKey: TOP_SHARDS_COLUMNS_WIDTH_LS_KEY, columns: tableColumns, data: data, settings: TABLE_SETTINGS, onSort: onSort, sortOrder: stringToDataTableSortOrder(sortOrder) }));
-    };
-    return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls() }), filters.mode === EShardsWorkloadMode.History && (_jsx("div", { className: b('hint'), children: i18n('description') })), _jsx(TableWithControlsLayout.Table, { loading: loading, children: renderContent() })] }));
-};

package/dist/containers/Tenant/Info/i18n/en.json

@@ -1,8 +0,0 @@
-{
-    "external-objects.source-type": "Source Type",
-    "external-objects.data-source": "Data Source",
-    "external-objects.location": "Location",
-    "external-objects.auth-method": "Auth Method",
-    "external-objects.auth-method.none": "None",
-    "external-objects.auth-method.service-account": "Service Account"
-}

package/dist/containers/Tenant/Info/i18n/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (key: "external-objects.source-type" | "external-objects.data-source" | "external-objects.location" | "external-objects.auth-method" | "external-objects.auth-method.none" | "external-objects.auth-method.service-account", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/containers/Tenant/Info/i18n/index.js

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

package/dist/containers/Tenant/Info/i18n/ru.json

@@ -1,8 +0,0 @@
-{
-    "external-objects.source-type": "Тип источника",
-    "external-objects.data-source": "Источник",
-    "external-objects.location": "Расположение",
-    "external-objects.auth-method": "Авторизация",
-    "external-objects.auth-method.none": "Нет",
-    "external-objects.auth-method.service-account": "Сервисный аккаунт"
-}