ydb-embedded-ui 6.4.0 → 6.6.0

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

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

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

@@ -1,158 +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 { ClipboardButton } from '../../../components/ClipboardButton';
-import InfoViewer from '../../../components/InfoViewer/InfoViewer';
-import { CDCStreamOverview, PersQueueGroupOverview, } from '../../../components/InfoViewer/schemaOverview';
-import { Loader } from '../../../components/Loader';
-import SplitPane from '../../../components/SplitPane';
-import routes, { createHref } from '../../../routes';
-import { 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 { 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 } from '../../../utils/dataFormatters/dataFormatters';
-import { useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
-import { Acl } from '../Acl/Acl';
-import { ExternalDataSourceSummary } from '../Info/ExternalDataSource/ExternalDataSource';
-import { ExternalTableSummary } from '../Info/ExternalTable/ExternalTable';
-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, isViewType } 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, onCollapseSummary, onExpandSummary, isCollapsed, }) {
-    var _a, _b, _c;
-    const dispatch = useTypedDispatch();
-    const [commonInfoVisibilityState, dispatchCommonInfoVisibilityState] = React.useReducer(paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED), undefined, getTenantCommonInfoState);
-    const { data, currentSchemaPath, currentSchema: currentItem = {}, } = useTypedSelector((state) => state.schema);
-    const { summaryTab = TENANT_SUMMARY_TABS_IDS.overview } = useTypedSelector((state) => state.tenant);
-    const location = useLocation();
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-    const { name: tenantName } = queryParams;
-    const pathData = tenantName ? (_b = (_a = data[tenantName.toString()]) === null || _a === void 0 ? void 0 : _a.PathDescription) === null || _b === void 0 ? void 0 : _b.Self : undefined;
-    const currentObjectData = currentSchemaPath ? data[currentSchemaPath] : undefined;
-    const currentSchemaData = (_c = currentObjectData === null || currentObjectData === void 0 ? void 0 : currentObjectData.PathDescription) === null || _c === void 0 ? void 0 : _c.Self;
-    React.useEffect(() => {
-        // TODO: enable schema tab for view when supported
-        const isTable = isTableType(type) && !isViewType(type);
-        if (type && !isTable && !TENANT_INFO_TABS.find((el) => el.id === summaryTab)) {
-            dispatch(setSummaryTab(TENANT_SUMMARY_TABS_IDS.overview));
-        }
-    }, [dispatch, type, summaryTab]);
-    const renderTabs = () => {
-        // TODO: enable schema tab for view when supported
-        const isTable = isTableType(type) && !isViewType(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;
-        // 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]: undefined,
-            [EPathType.EPathTypeExtSubDomain]: undefined,
-            [EPathType.EPathTypeColumnStore]: undefined,
-            [EPathType.EPathTypeColumnTable]: undefined,
-            [EPathType.EPathTypeCdcStream]: () => _jsx(CDCStreamOverview, { data: currentObjectData }),
-            [EPathType.EPathTypePersQueueGroup]: () => (_jsx(PersQueueGroupOverview, { data: currentObjectData })),
-            [EPathType.EPathTypeExternalTable]: () => (_jsx(ExternalTableSummary, { data: currentObjectData })),
-            [EPathType.EPathTypeExternalDataSource]: () => (_jsx(ExternalDataSourceSummary, { data: currentObjectData })),
-            [EPathType.EPathTypeView]: undefined,
-        };
-        let component = (currentSchemaData === null || currentSchemaData === void 0 ? void 0 : currentSchemaData.PathType) && ((_a = pathTypeToComponent[currentSchemaData.PathType]) === null || _a === void 0 ? void 0 : _a.call(pathTypeToComponent));
-        if (!component) {
-            const startTimeInMilliseconds = Number(currentSchemaData === null || currentSchemaData === void 0 ? void 0 : currentSchemaData.CreateStep);
-            let createTime = '';
-            if (startTimeInMilliseconds) {
-                createTime = formatDateTime(startTimeInMilliseconds);
-            }
-            component = _jsx(InfoViewer, { info: [{ label: 'Create time', value: createTime }] });
-        }
-        return component;
-    };
-    const renderLoader = () => {
-        // If Loader isn't wrapped with div, SplitPane doesn't calculate panes height correctly
-        return (_jsx("div", { children: _jsx(Loader, {}) }));
-    };
-    const renderTabContent = () => {
-        switch (summaryTab) {
-            case TENANT_SUMMARY_TABS_IDS.acl: {
-                return _jsx(Acl, {});
-            }
-            case TENANT_SUMMARY_TABS_IDS.schema: {
-                return _jsx(SchemaViewer, { type: type, path: currentSchemaPath });
-            }
-            default: {
-                return renderObjectOverview();
-            }
-        }
-    };
-    const renderTree = () => {
-        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 || String(tenantName), rootType: pathData.PathType, currentPath: currentSchemaPath })) })] }));
-    };
-    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 }) })), currentSchemaPath && (_jsx(ClipboardButton, { text: currentSchemaPath, view: "flat-secondary", title: i18n('summary.copySchemaPath') })), _jsx(PaneVisibilityToggleButtons, { onCollapse: onCollapseInfoHandler, onExpand: onExpandInfoHandler, isCollapsed: commonInfoVisibilityState.collapsed, initialDirection: "bottom" })] }));
-    };
-    const renderEntityTypeBadge = () => {
-        const { Status, Reason } = currentItem;
-        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 = () => {
-        if (!tenantName) {
-            return null;
-        }
-        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: [currentSchemaPath ? renderTree() : renderLoader(), _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: currentSchemaPath })] }), _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();
-}

package/dist/containers/Tenant/Query/ExecuteResult/ExecuteResult.d.ts

@@ -1,12 +0,0 @@
-import type { IQueryResult, QueryErrorResponse } from '../../../../types/store/query';
-import './ExecuteResult.scss';
-interface ExecuteResultProps {
-    data: IQueryResult | undefined;
-    stats: IQueryResult['stats'] | undefined;
-    error: string | QueryErrorResponse | undefined;
-    isResultsCollapsed?: boolean;
-    onCollapseResults: VoidFunction;
-    onExpandResults: VoidFunction;
-}
-export declare function ExecuteResult({ data, stats, error, isResultsCollapsed, onCollapseResults, onExpandResults, }: ExecuteResultProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { RadioButton, Tabs } from '@gravity-ui/uikit';
-import JSONTree from 'react-json-inspector';
-import { ClipboardButton } from '../../../../components/ClipboardButton';
-import Divider from '../../../../components/Divider/Divider';
-import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
-import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
-import { QueryExecutionStatus } from '../../../../components/QueryExecutionStatus';
-import { QueryResultTable } from '../../../../components/QueryResultTable/QueryResultTable';
-import { disableFullscreen } from '../../../../store/reducers/fullscreen';
-import { getArray } from '../../../../utils';
-import { cn } from '../../../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { prepareQueryError } from '../../../../utils/query';
-import { PaneVisibilityToggleButtons } from '../../utils/paneVisibilityToggleHelpers';
-import { ResultIssues } from '../Issues/Issues';
-import { QueryDuration } from '../QueryDuration/QueryDuration';
-import { getPreparedResult } from '../utils/getPreparedResult';
-import './ExecuteResult.scss';
-const b = cn('ydb-query-execute-result');
-const resultOptionsIds = {
-    result: 'result',
-    stats: 'stats',
-};
-const resultOptions = [
-    { value: resultOptionsIds.result, content: 'Result' },
-    { value: resultOptionsIds.stats, content: 'Stats' },
-];
-export function ExecuteResult({ data, stats, error, isResultsCollapsed, onCollapseResults, onExpandResults, }) {
-    var _a, _b, _c;
-    const [selectedResultSet, setSelectedResultSet] = React.useState(0);
-    const [activeSection, setActiveSection] = React.useState(resultOptionsIds.result);
-    const isFullscreen = useTypedSelector((state) => state.fullscreen);
-    const dispatch = useTypedDispatch();
-    const resultsSetsCount = (_a = data === null || data === void 0 ? void 0 : data.resultSets) === null || _a === void 0 ? void 0 : _a.length;
-    const isMulti = resultsSetsCount && resultsSetsCount > 0;
-    const currentResult = isMulti ? (_b = data === null || data === void 0 ? void 0 : data.resultSets) === null || _b === void 0 ? void 0 : _b[selectedResultSet].result : data === null || data === void 0 ? void 0 : data.result;
-    const currentColumns = isMulti ? (_c = data === null || data === void 0 ? void 0 : data.resultSets) === null || _c === void 0 ? void 0 : _c[selectedResultSet].columns : data === null || data === void 0 ? void 0 : data.columns;
-    const textResults = getPreparedResult(currentResult);
-    const copyDisabled = !textResults.length;
-    React.useEffect(() => {
-        return () => {
-            dispatch(disableFullscreen());
-        };
-    }, [dispatch]);
-    const onSelectSection = (value) => {
-        setActiveSection(value);
-    };
-    const renderResultTable = (result, columns) => {
-        return _jsx(QueryResultTable, { data: result, columns: columns, settings: { sortable: false } });
-    };
-    const renderContent = () => {
-        return (_jsxs(React.Fragment, { children: [isMulti && resultsSetsCount > 1 && (_jsx("div", { children: _jsx(Tabs, { className: b('result-tabs'), size: "l", items: getArray(resultsSetsCount).map((item) => ({
-                            id: String(item),
-                            title: `Result #${item + 1}`,
-                        })), activeTab: String(selectedResultSet), onSelectTab: (tabId) => setSelectedResultSet(Number(tabId)) }) })), _jsx("div", { className: b('result'), children: renderResultTable(currentResult, currentColumns) })] }));
-    };
-    const renderClipboardButton = () => {
-        return (_jsx(ClipboardButton, { text: textResults, view: "flat-secondary", title: "Copy results", disabled: copyDisabled }));
-    };
-    const renderStats = () => {
-        const content = (_jsx(JSONTree, { data: stats, isExpanded: () => true, className: b('inspector'), searchOptions: {
-                debounceTime: 300,
-            } }));
-        return (_jsxs(React.Fragment, { children: [content, isFullscreen && (_jsx(Fullscreen, { children: _jsx("div", { className: b('inspector', { fullscreen: true }), children: content }) }))] }));
-    };
-    const renderResult = () => {
-        const content = renderContent();
-        return (_jsxs(React.Fragment, { children: [content, isFullscreen && (_jsx(Fullscreen, { children: _jsx("div", { className: b('result-fullscreen-wrapper'), children: content }) }))] }));
-    };
-    const renderIssues = () => {
-        var _a;
-        if (!error) {
-            return null;
-        }
-        if (typeof error === 'object' && ((_a = error.data) === null || _a === void 0 ? void 0 : _a.issues) && Array.isArray(error.data.issues)) {
-            const content = _jsx(ResultIssues, { data: error.data });
-            return (_jsxs(React.Fragment, { children: [content, isFullscreen && (_jsx(Fullscreen, { children: _jsx("div", { className: b('result-fullscreen-wrapper', b('result')), children: content }) }))] }));
-        }
-        const parsedError = typeof error === 'string' ? error : prepareQueryError(error);
-        return _jsx("div", { className: b('error'), children: parsedError });
-    };
-    const renderResultSection = () => {
-        if (activeSection === resultOptionsIds.result && !error) {
-            return renderResult();
-        }
-        return (_jsxs("div", { className: b('result'), children: [activeSection === resultOptionsIds.stats && !error && renderStats(), renderIssues()] }));
-    };
-    return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: b('controls'), children: [_jsxs("div", { className: b('controls-right'), children: [_jsx(QueryExecutionStatus, { error: error }), stats && !error && (_jsxs(React.Fragment, { children: [_jsx(QueryDuration, { duration: stats === null || stats === void 0 ? void 0 : stats.DurationUs }), _jsx(Divider, {}), _jsx(RadioButton, { options: resultOptions, value: activeSection, onUpdate: onSelectSection })] }))] }), _jsxs("div", { className: b('controls-left'), children: [renderClipboardButton(), _jsx(EnableFullscreenButton, {}), _jsx(PaneVisibilityToggleButtons, { onCollapse: onCollapseResults, onExpand: onExpandResults, isCollapsed: isResultsCollapsed, initialDirection: "bottom" })] })] }), renderResultSection()] }));
-}

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

@@ -1,157 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { getTopology, getYdbPlanNodeShape } from '@gravity-ui/paranoid';
-import { Loader, RadioButton } from '@gravity-ui/uikit';
-import JSONTree from 'react-json-inspector';
-import Divider from '../../../../components/Divider/Divider';
-import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
-import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
-import { MonacoEditor } from '../../../../components/MonacoEditor/MonacoEditor';
-import { QueryExecutionStatus } from '../../../../components/QueryExecutionStatus';
-import { explainVersions } from '../../../../store/reducers/explainQuery';
-import { disableFullscreen } from '../../../../store/reducers/fullscreen';
-import { cn } from '../../../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { LANGUAGE_S_EXPRESSION_ID } from '../../../../utils/monaco/s-expression/constants';
-import { PaneVisibilityToggleButtons } from '../../utils/paneVisibilityToggleHelpers';
-import { renderExplainNode } from './utils';
-import './ExplainResult.scss';
-import 'react-json-inspector/json-inspector.css';
-const b = cn('ydb-query-explain-result');
-const EDITOR_OPTIONS = {
-    automaticLayout: true,
-    selectOnLineNumbers: true,
-    readOnly: true,
-    minimap: {
-        enabled: false,
-    },
-    wrappingIndent: 'indent',
-};
-const ExplainOptionIds = {
-    schema: 'schema',
-    json: 'json',
-    ast: 'ast',
-};
-const explainOptions = [
-    { value: ExplainOptionIds.schema, content: 'Schema' },
-    { value: ExplainOptionIds.json, content: 'JSON' },
-    { value: ExplainOptionIds.ast, content: 'AST' },
-];
-function GraphRoot(props) {
-    const paranoid = React.useRef();
-    const { data, opts, shapes, theme } = props;
-    React.useEffect(() => {
-        const graphRoot = document.getElementById('graphRoot');
-        if (!graphRoot) {
-            throw new Error("Can't find element with id #graphRoot");
-        }
-        graphRoot.innerHTML = '';
-        paranoid.current = getTopology('graphRoot', data, opts, shapes);
-        paranoid.current.render();
-        return () => {
-            paranoid.current = undefined;
-        };
-    }, [theme]);
-    React.useEffect(() => {
-        var _a, _b;
-        (_b = (_a = paranoid.current) === null || _a === void 0 ? void 0 : _a.updateData) === null || _b === void 0 ? void 0 : _b.call(_a, props.data);
-    }, [props.data]);
-    return _jsx("div", { id: "graphRoot", style: { height: '100vh' } });
-}
-export function ExplainResult(props) {
-    const dispatch = useTypedDispatch();
-    const [activeOption, setActiveOption] = React.useState(ExplainOptionIds.schema);
-    const isFullscreen = useTypedSelector((state) => state.fullscreen);
-    React.useEffect(() => {
-        return () => {
-            dispatch(disableFullscreen());
-        };
-    }, [dispatch]);
-    const onSelectOption = (tabId) => {
-        setActiveOption(tabId);
-    };
-    const renderLoader = () => {
-        return (_jsx("div", { className: b('loader'), children: _jsx(Loader, { size: "m" }) }));
-    };
-    const renderStub = () => {
-        return (_jsx("div", { className: b('text-message'), children: `There is no ${activeOption} for the request` }));
-    };
-    const hasContent = () => {
-        var _a, _b;
-        switch (activeOption) {
-            case ExplainOptionIds.schema:
-                return Boolean((_b = (_a = props.explain) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.length);
-            case ExplainOptionIds.json:
-                return Boolean(props.explain);
-            case ExplainOptionIds.ast:
-                return Boolean(props.ast);
-            default:
-                return false;
-        }
-    };
-    const renderTextExplain = () => {
-        var _a;
-        const content = (_jsx(JSONTree, { data: (_a = props.explain) === null || _a === void 0 ? void 0 : _a.pristine, isExpanded: () => true, className: b('inspector'), searchOptions: {
-                debounceTime: 300,
-            } }));
-        return (_jsxs(React.Fragment, { children: [content, isFullscreen && _jsx(Fullscreen, { children: content })] }));
-    };
-    const renderAstExplain = () => {
-        const content = (_jsx("div", { className: b('ast'), children: _jsx(MonacoEditor, { language: LANGUAGE_S_EXPRESSION_ID, value: props.ast, options: EDITOR_OPTIONS, wrappingIndent: "indent", theme: `vs-${props.theme}` }) }));
-        return (_jsxs(React.Fragment, { children: [content, isFullscreen && _jsx(Fullscreen, { children: content })] }));
-    };
-    const renderGraph = () => {
-        const { explain = {}, theme } = props;
-        const { links, nodes, version } = explain;
-        const isSupportedVersion = version === explainVersions.v2;
-        const isEnoughDataForGraph = links && nodes && nodes.length;
-        const content = isSupportedVersion && isEnoughDataForGraph ? (_jsx("div", { className: b('explain-canvas-container', {
-                hidden: activeOption !== ExplainOptionIds.schema,
-            }), children: _jsx(GraphRoot, { theme: theme, data: { links, nodes }, opts: {
-                    renderNodeTitle: renderExplainNode,
-                    textOverflow: 'normal',
-                    initialZoomFitsCanvas: true,
-                }, shapes: {
-                    node: getYdbPlanNodeShape,
-                } }) })) : null;
-        return (_jsxs(React.Fragment, { children: [!isFullscreen && content, isFullscreen && _jsx(Fullscreen, { children: content })] }));
-    };
-    const renderError = () => {
-        var _a;
-        const { error } = props;
-        let message;
-        if (error.data) {
-            message = typeof error.data === 'string' ? error.data : (_a = error.data.error) === null || _a === void 0 ? void 0 : _a.message;
-        }
-        else {
-            message = error;
-        }
-        return _jsx("div", { className: b('text-message'), children: message });
-    };
-    const renderContent = () => {
-        const { error, loading, loadingAst } = props;
-        if (loading || loadingAst) {
-            return renderLoader();
-        }
-        if (error) {
-            return renderError();
-        }
-        if (!hasContent()) {
-            return renderStub();
-        }
-        switch (activeOption) {
-            case ExplainOptionIds.json: {
-                return renderTextExplain();
-            }
-            case ExplainOptionIds.ast: {
-                return renderAstExplain();
-            }
-            case ExplainOptionIds.schema: {
-                return renderGraph();
-            }
-            default:
-                return null;
-        }
-    };
-    return (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('controls'), children: !props.loading && (_jsxs(React.Fragment, { children: [_jsxs("div", { className: b('controls-right'), children: [_jsx(QueryExecutionStatus, { error: props.error }), !props.error && (_jsxs(React.Fragment, { children: [_jsx(Divider, {}), _jsx(RadioButton, { options: explainOptions, value: activeOption, onUpdate: onSelectOption })] }))] }), _jsxs("div", { className: b('controls-left'), children: [_jsx(EnableFullscreenButton, { disabled: Boolean(props.error) || !hasContent() }), _jsx(PaneVisibilityToggleButtons, { onCollapse: props.onCollapseResults, onExpand: props.onExpandResults, isCollapsed: props.isResultsCollapsed, initialDirection: "bottom" })] })] })) }), _jsx("div", { className: b('result'), children: renderContent() })] }));
-}

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

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Xmark } from '@gravity-ui/icons';
-import { Button, Icon, Loader } from '@gravity-ui/uikit';
-import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
-import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
-import { QueryResultTable } from '../../../../components/QueryResultTable';
-import { previewApi } from '../../../../store/reducers/preview';
-import { setShowPreview } from '../../../../store/reducers/schema/schema';
-import { cn } from '../../../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
-import { prepareQueryError } from '../../../../utils/query';
-import { isExternalTableType, isTableType } from '../../utils/schema';
-import i18n from '../i18n';
-import './Preview.scss';
-const b = cn('kv-preview');
-export const Preview = ({ database, type }) => {
-    const dispatch = useTypedDispatch();
-    const isPreviewAvailable = isTableType(type);
-    const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
-    const isFullscreen = useTypedSelector((state) => state.fullscreen);
-    const query = `--!syntax_v1\nselect * from \`${currentSchemaPath}\` limit 32`;
-    const { currentData, isFetching, error } = previewApi.useSendQueryQuery({ database, query, action: isExternalTableType(type) ? 'execute-query' : 'execute-scan' }, { pollingInterval: autorefresh, skip: !isPreviewAvailable });
-    const loading = isFetching && currentData === undefined;
-    const data = currentData !== null && currentData !== void 0 ? currentData : {};
-    const handleClosePreview = () => {
-        dispatch(setShowPreview(false));
-    };
-    const renderHeader = () => {
-        return (_jsxs("div", { className: b('header'), children: [_jsxs("div", { className: b('title'), children: [i18n('preview.title'), ' ', _jsx("div", { className: b('table-name'), children: currentSchemaPath })] }), _jsxs("div", { className: b('controls-left'), children: [_jsx(EnableFullscreenButton, { disabled: Boolean(error) }), _jsx(Button, { view: "flat-secondary", onClick: handleClosePreview, title: i18n('preview.close'), children: _jsx(Icon, { data: Xmark, size: 18 }) })] })] }));
-    };
-    if (loading) {
-        return (_jsx("div", { className: b('loader-container'), children: _jsx(Loader, { size: "m" }) }));
-    }
-    let message;
-    if (!isPreviewAvailable) {
-        message = _jsx("div", { className: b('message-container'), children: i18n('preview.not-available') });
-    }
-    else if (error) {
-        message = _jsx("div", { className: b('message-container', 'error'), children: prepareQueryError(error) });
-    }
-    const content = message !== null && message !== void 0 ? message : (_jsx("div", { className: b('result'), children: _jsx(QueryResultTable, { data: data.result, columns: data.columns }) }));
-    return (_jsxs("div", { className: b(), children: [renderHeader(), isFullscreen ? _jsx(Fullscreen, { children: content }) : content] }));
-};

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { goToNextQuery, goToPreviousQuery, saveQueryToHistory, sendExecuteQuery, setTenantPath } from '../../../../store/reducers/executeQuery';
-import { getExplainQuery, getExplainQueryAst } from '../../../../store/reducers/explainQuery';
-import { setShowPreview } from '../../../../store/reducers/schema/schema';
-import type { EPathType } from '../../../../types/api/schema';
-import type { ExecuteQueryState } from '../../../../types/store/executeQuery';
-import type { ExplainQueryState } from '../../../../types/store/explainQuery';
-import './QueryEditor.scss';
-interface QueryEditorProps {
-    path: string;
-    sendExecuteQuery: (...args: Parameters<typeof sendExecuteQuery>) => void;
-    getExplainQuery: (...args: Parameters<typeof getExplainQuery>) => void;
-    getExplainQueryAst: (...args: Parameters<typeof getExplainQueryAst>) => void;
-    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;
-    explainQuery: ExplainQueryState;
-    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;
-    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;