ydb-embedded-ui 6.8.0 → 6.9.0

package/dist/src/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 { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { parseQueryErrorToString } 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 = ({ tenantName, path, type }) => {
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    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
-    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: tenantName,
-        path: path,
-        sortOrder: stringToQuerySortOrder(sortOrder),
-        filters,
-    }, { pollingInterval: autoRefreshInterval });
-    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(tenantName, 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, location, tenantName]);
-    const renderControls = () => {
-        return _jsx(Filters, { value: filters, onChange: handleFiltersChange });
-    };
-    const renderContent = () => {
-        if (error) {
-            return _jsx("div", { className: "error", children: parseQueryErrorToString(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/src/containers/Tenant/Diagnostics/TopShards/i18n/index.d.ts

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

package/dist/src/containers/Tenant/Info/ExternalDataSource/ExternalDataSource.d.ts

@@ -1,8 +0,0 @@
-import type { TEvDescribeSchemeResult } from '../../../../types/api/schema';
-import './ExternalDataSource.scss';
-export declare const ExternalDataSourceInfo: ({ data }: {
-    data?: TEvDescribeSchemeResult | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ExternalDataSourceSummary: ({ data }: {
-    data?: TEvDescribeSchemeResult | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/containers/Tenant/Info/ExternalTable/ExternalTable.d.ts

@@ -1,8 +0,0 @@
-import type { TEvDescribeSchemeResult } from '../../../../types/api/schema';
-import './ExternalTable.scss';
-export declare const ExternalTableInfo: ({ data }: {
-    data?: TEvDescribeSchemeResult | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ExternalTableSummary: ({ data }: {
-    data?: TEvDescribeSchemeResult | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLocation } from 'react-router';
-import { EntityStatus } from '../../../../components/EntityStatus/EntityStatus';
-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 { getEntityName } from '../../utils';
-import i18n from '../i18n';
-import './ExternalTable.scss';
-const b = cn('ydb-external-table-info');
-const prepareExternalTableSummary = (data, pathToDataSource) => {
-    var _a, _b;
-    const { CreateStep } = ((_a = data.PathDescription) === null || _a === void 0 ? void 0 : _a.Self) || {};
-    const { SourceType, DataSourcePath } = ((_b = data.PathDescription) === null || _b === void 0 ? void 0 : _b.ExternalTableDescription) || {};
-    const dataSourceName = DataSourcePath === null || DataSourcePath === void 0 ? void 0 : DataSourcePath.split('/').pop();
-    return [
-        { label: i18n('external-objects.source-type'), value: SourceType },
-        formatCommonItem('CreateStep', CreateStep),
-        {
-            label: i18n('external-objects.data-source'),
-            value: DataSourcePath && (_jsx("span", { title: DataSourcePath, children: _jsx(LinkWithIcon, { title: dataSourceName || '', url: pathToDataSource }) })),
-        },
-    ];
-};
-const prepareExternalTableInfo = (data, pathToDataSource) => {
-    var _a, _b;
-    const location = (_b = (_a = data.PathDescription) === null || _a === void 0 ? void 0 : _a.ExternalTableDescription) === null || _b === void 0 ? void 0 : _b.Location;
-    return [
-        ...prepareExternalTableSummary(data, pathToDataSource),
-        {
-            label: i18n('external-objects.location'),
-            value: (_jsx(EntityStatus, { name: location, showStatus: false, hasClipboardButton: true, clipboardButtonAlwaysVisible: true, className: b('location') })),
-        },
-    ];
-};
-const ExternalTable = ({ data, prepareData }) => {
-    var _a, _b;
-    const location = useLocation();
-    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);
-    if (!data) {
-        return _jsxs("div", { className: "error", children: ["No ", entityName, " data"] });
-    }
-    return _jsx(InfoViewer, { title: entityName, info: prepareData(data, pathToDataSource) });
-};
-export const ExternalTableInfo = ({ data }) => {
-    return _jsx(ExternalTable, { data: data, prepareData: prepareExternalTableInfo });
-};
-export const ExternalTableSummary = ({ data }) => {
-    return _jsx(ExternalTable, { data: data, prepareData: prepareExternalTableSummary });
-};

package/dist/src/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" | "view.query-text", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

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

@@ -1,265 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { HelpPopover } from '@gravity-ui/components';
-import { LayoutHeaderCellsLargeFill } from '@gravity-ui/icons';
-import { Button, Icon, Tabs } from '@gravity-ui/uikit';
-import qs from 'qs';
-import { useLocation } from 'react-router';
-import { Link } from 'react-router-dom';
-import { StringParam, useQueryParam } from 'use-query-params';
-import { AsyncReplicationState } from '../../../components/AsyncReplicationState';
-import { ClipboardButton } from '../../../components/ClipboardButton';
-import InfoViewer from '../../../components/InfoViewer/InfoViewer';
-import { LinkWithIcon } from '../../../components/LinkWithIcon/LinkWithIcon';
-import { Loader } from '../../../components/Loader';
-import SplitPane from '../../../components/SplitPane';
-import routes, { createExternalUILink, createHref } from '../../../routes';
-import { schemaApi, setShowPreview } from '../../../store/reducers/schema/schema';
-import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID, TENANT_SUMMARY_TABS_IDS, } from '../../../store/reducers/tenant/constants';
-import { setQueryTab, setSummaryTab, setTenantPage } from '../../../store/reducers/tenant/tenant';
-import { EPathSubType, EPathType } from '../../../types/api/schema';
-import { cn } from '../../../utils/cn';
-import { DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED, DEFAULT_SIZE_TENANT_SUMMARY_KEY, } from '../../../utils/constants';
-import { formatDateTime, formatSecondsToHours } from '../../../utils/dataFormatters/dataFormatters';
-import { useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
-import { Acl } from '../Acl/Acl';
-import { EntityTitle } from '../EntityTitle/EntityTitle';
-import { SchemaTree } from '../Schema/SchemaTree/SchemaTree';
-import { SchemaViewer } from '../Schema/SchemaViewer/SchemaViewer';
-import { TENANT_INFO_TABS, TENANT_SCHEMA_TAB, TenantTabsGroups } from '../TenantPages';
-import i18n from '../i18n';
-import { PaneVisibilityActionTypes, PaneVisibilityToggleButtons, paneVisibilityToggleReducerCreator, } from '../utils/paneVisibilityToggleHelpers';
-import { isIndexTableType, isTableType } from '../utils/schema';
-import './ObjectSummary.scss';
-const b = cn('object-summary');
-const getTenantCommonInfoState = () => {
-    const collapsed = Boolean(localStorage.getItem(DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED));
-    return {
-        triggerExpand: false,
-        triggerCollapse: false,
-        collapsed,
-    };
-};
-export function ObjectSummary({ type, subType, tenantName, path, onCollapseSummary, onExpandSummary, isCollapsed, }) {
-    var _a;
-    const dispatch = useTypedDispatch();
-    const [commonInfoVisibilityState, dispatchCommonInfoVisibilityState] = React.useReducer(paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED), undefined, getTenantCommonInfoState);
-    const { summaryTab = TENANT_SUMMARY_TABS_IDS.overview } = useTypedSelector((state) => state.tenant);
-    const location = useLocation();
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-    const { currentData: currentObjectData } = schemaApi.endpoints.getSchema.useQueryState({ path });
-    const currentSchemaData = (_a = currentObjectData === null || currentObjectData === void 0 ? void 0 : currentObjectData.PathDescription) === null || _a === void 0 ? void 0 : _a.Self;
-    React.useEffect(() => {
-        const isTable = isTableType(type);
-        if (type && !isTable && !TENANT_INFO_TABS.find((el) => el.id === summaryTab)) {
-            dispatch(setSummaryTab(TENANT_SUMMARY_TABS_IDS.overview));
-        }
-    }, [dispatch, type, summaryTab]);
-    const renderTabs = () => {
-        const isTable = isTableType(type);
-        const tabsItems = isTable ? [...TENANT_INFO_TABS, ...TENANT_SCHEMA_TAB] : TENANT_INFO_TABS;
-        return (_jsx("div", { className: b('tabs'), children: _jsx(Tabs, { size: "l", items: tabsItems, activeTab: summaryTab, wrapTo: ({ id }, node) => {
-                    const path = createHref(routes.tenant, undefined, Object.assign(Object.assign({}, queryParams), { name: tenantName, [TenantTabsGroups.summaryTab]: id }));
-                    return (_jsx(Link, { to: path, className: b('tab'), children: node }, id));
-                }, allowNotSelected: true }) }));
-    };
-    const renderObjectOverview = () => {
-        var _a;
-        if (!currentSchemaData) {
-            return undefined;
-        }
-        const { CreateStep, PathType, PathSubType, PathId, PathVersion } = currentSchemaData;
-        const overview = [];
-        overview.push({ label: i18n('summary.type'), value: PathType === null || PathType === void 0 ? void 0 : PathType.replace(/^EPathType/, '') });
-        if (PathSubType !== EPathSubType.EPathSubTypeEmpty) {
-            overview.push({
-                label: i18n('summary.subtype'),
-                value: PathSubType === null || PathSubType === void 0 ? void 0 : PathSubType.replace(/^EPathSubType/, ''),
-            });
-        }
-        overview.push({ label: i18n('summary.id'), value: PathId });
-        overview.push({ label: i18n('summary.version'), value: PathVersion });
-        overview.push({
-            label: i18n('summary.created'),
-            value: formatDateTime(CreateStep, ''),
-        });
-        const { PathDescription } = currentObjectData;
-        const title = _jsx(EntityTitle, { data: PathDescription });
-        const getPathTypeOverview = {
-            [EPathType.EPathTypeInvalid]: undefined,
-            [EPathType.EPathTypeDir]: undefined,
-            [EPathType.EPathTypeTable]: () => {
-                var _a;
-                return [
-                    {
-                        label: i18n('summary.partitions'),
-                        value: (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.TablePartitions) === null || _a === void 0 ? void 0 : _a.length,
-                    },
-                ];
-            },
-            [EPathType.EPathTypeSubDomain]: undefined,
-            [EPathType.EPathTypeTableIndex]: undefined,
-            [EPathType.EPathTypeExtSubDomain]: () => {
-                var _a, _b;
-                return [
-                    {
-                        label: i18n('summary.paths'),
-                        value: (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.DomainDescription) === null || _a === void 0 ? void 0 : _a.PathsInside,
-                    },
-                    {
-                        label: i18n('summary.shards'),
-                        value: (_b = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.DomainDescription) === null || _b === void 0 ? void 0 : _b.ShardsInside,
-                    },
-                ];
-            },
-            [EPathType.EPathTypeColumnStore]: () => {
-                var _a, _b;
-                return [
-                    {
-                        label: i18n('summary.partitions'),
-                        value: (_b = (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.ColumnStoreDescription) === null || _a === void 0 ? void 0 : _a.ColumnShards) === null || _b === void 0 ? void 0 : _b.length,
-                    },
-                ];
-            },
-            [EPathType.EPathTypeColumnTable]: () => {
-                var _a, _b, _c;
-                return [
-                    {
-                        label: i18n('summary.partitions'),
-                        value: (_c = (_b = (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.ColumnTableDescription) === null || _a === void 0 ? void 0 : _a.Sharding) === null || _b === void 0 ? void 0 : _b.ColumnShards) === null || _c === void 0 ? void 0 : _c.length,
-                    },
-                ];
-            },
-            [EPathType.EPathTypeCdcStream]: () => {
-                const { Mode, Format } = (PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.CdcStreamDescription) || {};
-                return [
-                    {
-                        label: i18n('summary.mode'),
-                        value: Mode === null || Mode === void 0 ? void 0 : Mode.replace(/^ECdcStreamMode/, ''),
-                    },
-                    {
-                        label: i18n('summary.format'),
-                        value: Format === null || Format === void 0 ? void 0 : Format.replace(/^ECdcStreamFormat/, ''),
-                    },
-                ];
-            },
-            [EPathType.EPathTypePersQueueGroup]: () => {
-                var _a, _b, _c;
-                const pqGroup = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.PersQueueGroup;
-                const value = (_b = (_a = pqGroup === null || pqGroup === void 0 ? void 0 : pqGroup.PQTabletConfig) === null || _a === void 0 ? void 0 : _a.PartitionConfig) === null || _b === void 0 ? void 0 : _b.LifetimeSeconds;
-                return [
-                    {
-                        label: i18n('summary.partitions'),
-                        value: (_c = pqGroup === null || pqGroup === void 0 ? void 0 : pqGroup.Partitions) === null || _c === void 0 ? void 0 : _c.length,
-                    },
-                    {
-                        label: i18n('summary.retention'),
-                        value: value && formatSecondsToHours(value),
-                    },
-                ];
-            },
-            [EPathType.EPathTypeExternalTable]: () => {
-                var _a, _b;
-                const pathToDataSource = createExternalUILink(Object.assign(Object.assign({}, queryParams), { schema: (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.ExternalTableDescription) === null || _a === void 0 ? void 0 : _a.DataSourcePath }));
-                const { SourceType, DataSourcePath } = (PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.ExternalTableDescription) || {};
-                const dataSourceName = ((_b = DataSourcePath === null || DataSourcePath === void 0 ? void 0 : DataSourcePath.match(/([^/]*)\/*$/)) === null || _b === void 0 ? void 0 : _b[1]) || '';
-                return [
-                    { label: i18n('summary.source-type'), value: SourceType },
-                    {
-                        label: i18n('summary.data-source'),
-                        value: DataSourcePath && (_jsx("span", { title: DataSourcePath, children: _jsx(LinkWithIcon, { title: dataSourceName || '', url: pathToDataSource }) })),
-                    },
-                ];
-            },
-            [EPathType.EPathTypeExternalDataSource]: () => {
-                var _a;
-                return [
-                    {
-                        label: i18n('summary.source-type'),
-                        value: (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.ExternalDataSourceDescription) === null || _a === void 0 ? void 0 : _a.SourceType,
-                    },
-                ];
-            },
-            [EPathType.EPathTypeView]: undefined,
-            [EPathType.EPathTypeReplication]: () => {
-                var _a;
-                const state = (_a = PathDescription === null || PathDescription === void 0 ? void 0 : PathDescription.ReplicationDescription) === null || _a === void 0 ? void 0 : _a.State;
-                if (!state) {
-                    return [];
-                }
-                return [
-                    {
-                        label: i18n('summary.state'),
-                        value: _jsx(AsyncReplicationState, { state: state }),
-                    },
-                ];
-            },
-        };
-        const pathTypeOverview = (PathType && ((_a = getPathTypeOverview[PathType]) === null || _a === void 0 ? void 0 : _a.call(getPathTypeOverview))) || [];
-        overview.push(...pathTypeOverview);
-        // filter all empty values in according this requirement
-        // https://github.com/ydb-platform/ydb-embedded-ui/issues/906
-        return _jsx(InfoViewer, { title: title, info: overview.filter((i) => i.value) });
-    };
-    const renderTabContent = () => {
-        switch (summaryTab) {
-            case TENANT_SUMMARY_TABS_IDS.acl: {
-                return _jsx(Acl, { path: path });
-            }
-            case TENANT_SUMMARY_TABS_IDS.schema: {
-                return _jsx(SchemaViewer, { type: type, path: path, tenantName: tenantName });
-            }
-            default: {
-                return renderObjectOverview();
-            }
-        }
-    };
-    const onCollapseInfoHandler = () => {
-        dispatchCommonInfoVisibilityState(PaneVisibilityActionTypes.triggerCollapse);
-    };
-    const onExpandInfoHandler = () => {
-        dispatchCommonInfoVisibilityState(PaneVisibilityActionTypes.triggerExpand);
-    };
-    const onSplitStartDragAdditional = () => {
-        dispatchCommonInfoVisibilityState(PaneVisibilityActionTypes.clear);
-    };
-    const onOpenPreview = () => {
-        dispatch(setShowPreview(true));
-        dispatch(setTenantPage(TENANT_PAGES_IDS.query));
-        dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
-    };
-    const renderCommonInfoControls = () => {
-        const showPreview = isTableType(type) && !isIndexTableType(subType);
-        return (_jsxs(React.Fragment, { children: [showPreview && (_jsx(Button, { view: "flat-secondary", onClick: onOpenPreview, title: i18n('summary.showPreview'), children: _jsx(Icon, { data: LayoutHeaderCellsLargeFill }) })), _jsx(ClipboardButton, { text: path, view: "flat-secondary", title: i18n('summary.copySchemaPath') }), _jsx(PaneVisibilityToggleButtons, { onCollapse: onCollapseInfoHandler, onExpand: onExpandInfoHandler, isCollapsed: commonInfoVisibilityState.collapsed, initialDirection: "bottom" })] }));
-    };
-    const renderEntityTypeBadge = () => {
-        const { Status, Reason } = currentObjectData !== null && currentObjectData !== void 0 ? currentObjectData : {};
-        let message;
-        if (!type && Status && Reason) {
-            message = `${Status}: ${Reason}`;
-        }
-        return type ? (_jsx("div", { className: b('entity-type'), children: type.replace('EPathType', '') })) : (_jsx("div", { className: b('entity-type', { error: true }), children: _jsx(HelpPopover, { content: message, offset: { left: 0 } }) }));
-    };
-    const renderContent = () => {
-        return (_jsxs("div", { className: b(), children: [_jsx("div", { className: b({ hidden: isCollapsed }), children: _jsxs(SplitPane, { direction: "vertical", defaultSizePaneKey: DEFAULT_SIZE_TENANT_SUMMARY_KEY, onSplitStartDragAdditional: onSplitStartDragAdditional, triggerCollapse: commonInfoVisibilityState.triggerCollapse, triggerExpand: commonInfoVisibilityState.triggerExpand, minSize: [200, 52], collapsedSizes: [100, 0], children: [_jsx(ObjectTree, { tenantName: tenantName, path: path }), _jsxs("div", { className: b('info'), children: [_jsxs("div", { className: b('sticky-top'), children: [_jsxs("div", { className: b('info-header'), children: [_jsxs("div", { className: b('info-title'), children: [renderEntityTypeBadge(), _jsx("div", { className: b('path-name'), children: path })] }), _jsx("div", { className: b('info-controls'), children: renderCommonInfoControls() })] }), renderTabs()] }), _jsx("div", { className: b('overview-wrapper'), children: renderTabContent() })] })] }) }), _jsx(PaneVisibilityToggleButtons, { onCollapse: onCollapseSummary, onExpand: onExpandSummary, isCollapsed: isCollapsed, initialDirection: "left", className: b('action-button') })] }));
-    };
-    return renderContent();
-}
-function ObjectTree({ tenantName, path }) {
-    var _a;
-    const { currentData: tenantData = {}, isFetching } = schemaApi.useGetSchemaQuery({
-        path: tenantName,
-    });
-    const pathData = (_a = tenantData === null || tenantData === void 0 ? void 0 : tenantData.PathDescription) === null || _a === void 0 ? void 0 : _a.Self;
-    const [, setCurrentPath] = useQueryParam('schema', StringParam);
-    if (!pathData && isFetching) {
-        // If Loader isn't wrapped with div, SplitPane doesn't calculate panes height correctly
-        return (_jsx("div", { children: _jsx(Loader, {}) }));
-    }
-    return (_jsxs("div", { className: b('tree-wrapper'), children: [_jsx("div", { className: b('tree-header'), children: i18n('summary.navigation') }), _jsx("div", { className: b('tree'), children: pathData ? (_jsx(SchemaTree, { rootPath: tenantName, 
-                    // for the root pathData.Name contains the same string as tenantName,
-                    // but without the leading slash
-                    rootName: pathData.Name || tenantName, rootType: pathData.PathType, currentPath: path, onActivePathUpdate: setCurrentPath })) : null })] }));
-}

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Helmet } from 'react-helmet-async';
-import { changeUserInput } from '../../../store/reducers/executeQuery';
-import { TENANT_QUERY_TABS_ID } from '../../../store/reducers/tenant/constants';
-import { cn } from '../../../utils/cn';
-import { SAVED_QUERIES_KEY } from '../../../utils/constants';
-import { useSetting, useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
-import QueriesHistory from './QueriesHistory/QueriesHistory';
-import QueryEditor from './QueryEditor/QueryEditor';
-import { QueryTabs, queryEditorTabs } from './QueryTabs/QueryTabs';
-import { SavedQueries } from './SavedQueries/SavedQueries';
-import './Query.scss';
-const b = cn('ydb-query');
-export const Query = (props) => {
-    const dispatch = useTypedDispatch();
-    const { queryTab = TENANT_QUERY_TABS_ID.newQuery } = useTypedSelector((state) => state.tenant);
-    const [savedQueries, setSavedQueries] = useSetting(SAVED_QUERIES_KEY, []);
-    const handleDeleteQuery = (queryName) => {
-        const newSavedQueries = savedQueries.filter((el) => el.name.toLowerCase() !== queryName.toLowerCase());
-        setSavedQueries(newSavedQueries);
-    };
-    const handleUserInputChange = (value) => {
-        dispatch(changeUserInput(value));
-    };
-    const activeTab = React.useMemo(() => queryEditorTabs.find(({ id }) => id === queryTab), [queryTab]);
-    const renderContent = () => {
-        switch (queryTab) {
-            case TENANT_QUERY_TABS_ID.newQuery: {
-                return _jsx(QueryEditor, Object.assign({ changeUserInput: handleUserInputChange }, props));
-            }
-            case TENANT_QUERY_TABS_ID.history: {
-                return _jsx(QueriesHistory, { changeUserInput: handleUserInputChange });
-            }
-            case TENANT_QUERY_TABS_ID.saved: {
-                return (_jsx(SavedQueries, { changeUserInput: handleUserInputChange, savedQueries: savedQueries, onDeleteQuery: handleDeleteQuery }));
-            }
-            default: {
-                return null;
-            }
-        }
-    };
-    return (_jsxs("div", { className: b(), children: [activeTab ? (_jsx(Helmet, { children: _jsx("title", { children: activeTab.title }) })) : null, _jsx(QueryTabs, { className: b('tabs'), activeTab: queryTab }), _jsx("div", { className: b('content'), children: renderContent() })] }));
-};

package/dist/src/containers/Tenant/Query/QueryEditor/QueryEditor.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { goToNextQuery, goToPreviousQuery, saveQueryToHistory, setTenantPath } from '../../../../store/reducers/executeQuery';
-import { setShowPreview } from '../../../../store/reducers/schema/schema';
-import type { EPathType } from '../../../../types/api/schema';
-import type { ExecuteQueryState } from '../../../../types/store/executeQuery';
-import './QueryEditor.scss';
-interface QueryEditorProps {
-    tenantName: string;
-    path: string;
-    changeUserInput: (arg: {
-        input: string;
-    }) => void;
-    goToNextQuery: (...args: Parameters<typeof goToNextQuery>) => void;
-    goToPreviousQuery: (...args: Parameters<typeof goToPreviousQuery>) => void;
-    setTenantPath: (...args: Parameters<typeof setTenantPath>) => void;
-    executeQuery: ExecuteQueryState;
-    theme: string;
-    type?: EPathType;
-    showPreview: boolean;
-    setShowPreview: (...args: Parameters<typeof setShowPreview>) => void;
-    saveQueryToHistory: (...args: Parameters<typeof saveQueryToHistory>) => void;
-}
-declare function QueryEditor(props: QueryEditorProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react-redux").ConnectedComponent<typeof QueryEditor, {
-    theme: string;
-    path: string;
-    type?: EPathType | undefined;
-    tenantName: string;
-    changeUserInput: (arg: {
-        input: string;
-    }) => void;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
-    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
-}>;
-export default _default;