ydb-embedded-ui 6.8.0 → 6.9.1

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

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

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

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

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

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

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocation } from 'react-router-dom';
+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({
+        ...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/containers/Tenant/Info/i18n/index.d.ts

@@ -0,0 +1,2 @@
+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) => string;
+export default _default;

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

@@ -0,0 +1,271 @@
+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 { Link, useLocation } 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, {
+                        ...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({
+                    ...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/containers/Tenant/Query/Query.js

@@ -0,0 +1,44 @@
+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, { 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/containers/Tenant/Query/QueryEditor/QueryEditor.d.ts

@@ -0,0 +1,35 @@
+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;
+    tenantName: string;
+    changeUserInput: (arg: {
+        input: string;
+    }) => void;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null>;
+    store?: import("redux").Store;
+}>;
+export default _default;