ydb-embedded-ui 6.8.0 → 6.9.0

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

@@ -1,309 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import throttle from 'lodash/throttle';
-import { connect } from 'react-redux';
-import { MonacoEditor } from '../../../../components/MonacoEditor/MonacoEditor';
-import SplitPane from '../../../../components/SplitPane';
-import { executeQueryApi, goToNextQuery, goToPreviousQuery, saveQueryToHistory, setTenantPath, } from '../../../../store/reducers/executeQuery';
-import { explainQueryApi } from '../../../../store/reducers/explainQuery/explainQuery';
-import { setShowPreview } from '../../../../store/reducers/schema/schema';
-import { cn } from '../../../../utils/cn';
-import { DEFAULT_IS_QUERY_RESULT_COLLAPSED, DEFAULT_SIZE_RESULT_PANE_KEY, LAST_USED_QUERY_ACTION_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SAVED_QUERIES_KEY, } from '../../../../utils/constants';
-import { useQueryModes, useSetting } from '../../../../utils/hooks';
-import { LANGUAGE_YQL_ID } from '../../../../utils/monaco/yql/constants';
-import { QUERY_ACTIONS } from '../../../../utils/query';
-import { PaneVisibilityActionTypes, paneVisibilityToggleReducerCreator, } from '../../utils/paneVisibilityToggleHelpers';
-import { ExecuteResult } from '../ExecuteResult/ExecuteResult';
-import { ExplainResult } from '../ExplainResult/ExplainResult';
-import { Preview } from '../Preview/Preview';
-import { QueryEditorControls } from '../QueryEditorControls/QueryEditorControls';
-import i18n from '../i18n';
-import { useEditorOptions } from './helpers';
-import './QueryEditor.scss';
-const CONTEXT_MENU_GROUP_ID = 'navigation';
-const RESULT_TYPES = {
-    EXECUTE: 'execute',
-    EXPLAIN: 'explain',
-};
-const MONACO_HOT_KEY_ACTIONS = {
-    sendQuery: 'sendQuery',
-    sendSelectedQuery: 'sendSelectedQuery',
-};
-const b = cn('query-editor');
-const initialTenantCommonInfoState = {
-    triggerExpand: false,
-    triggerCollapse: false,
-    collapsed: true,
-};
-function QueryEditor(props) {
-    const editorOptions = useEditorOptions();
-    const { tenantName, path, setTenantPath: setPath, executeQuery, type, theme, changeUserInput, showPreview, } = props;
-    const { tenantPath: savedPath } = executeQuery;
-    const [resultType, setResultType] = React.useState(RESULT_TYPES.EXECUTE);
-    const [isResultLoaded, setIsResultLoaded] = React.useState(false);
-    const [queryMode, setQueryMode] = useQueryModes();
-    const [useMultiSchema] = useSetting(QUERY_USE_MULTI_SCHEMA_KEY);
-    const [lastUsedQueryAction, setLastUsedQueryAction] = useSetting(LAST_USED_QUERY_ACTION_KEY);
-    const [savedQueries, setSavedQueries] = useSetting(SAVED_QUERIES_KEY);
-    const [monacoHotKey, setMonacoHotKey] = React.useState(null);
-    const [sendExecuteQuery, executeQueryResult] = executeQueryApi.useExecuteQueryMutation();
-    const [sendExplainQuery, explainQueryResult] = explainQueryApi.useExplainQueryMutation();
-    React.useEffect(() => {
-        if (savedPath !== tenantName) {
-            if (savedPath) {
-                changeUserInput({ input: '' });
-            }
-            setPath(tenantName);
-        }
-    }, [changeUserInput, setPath, tenantName, savedPath]);
-    const [resultVisibilityState, dispatchResultVisibilityState] = React.useReducer(paneVisibilityToggleReducerCreator(DEFAULT_IS_QUERY_RESULT_COLLAPSED), initialTenantCommonInfoState);
-    const editorRef = React.useRef();
-    React.useEffect(() => {
-        const updateEditor = () => {
-            if (editorRef.current) {
-                editorRef.current.layout();
-            }
-        };
-        const onChangeWindow = throttle(() => {
-            updateEditor();
-        }, 100);
-        updateEditor();
-        window.addEventListener('resize', onChangeWindow);
-        return () => {
-            window.removeEventListener('resize', onChangeWindow);
-        };
-    }, []);
-    React.useEffect(() => {
-        dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerCollapse);
-    }, []);
-    React.useEffect(() => {
-        if (props.showPreview || isResultLoaded) {
-            dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerExpand);
-        }
-        else {
-            dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerCollapse);
-        }
-    }, [props.showPreview, isResultLoaded]);
-    React.useEffect(() => {
-        var _a;
-        const { input, history } = executeQuery;
-        const hasUnsavedInput = input
-            ? input !== ((_a = history.queries[history.queries.length - 1]) === null || _a === void 0 ? void 0 : _a.queryText)
-            : false;
-        if (hasUnsavedInput) {
-            window.onbeforeunload = (e) => {
-                e.preventDefault();
-                // Chrome requires returnValue to be set
-                e.returnValue = '';
-            };
-        }
-        else {
-            window.onbeforeunload = null;
-        }
-        return () => {
-            window.onbeforeunload = null;
-        };
-    }, [executeQuery]);
-    const handleSendExecuteClick = (mode, text) => {
-        var _a;
-        if (!mode) {
-            return;
-        }
-        const { input, history } = executeQuery;
-        const schema = useMultiSchema ? 'multi' : 'modern';
-        const query = text !== null && text !== void 0 ? text : input;
-        setLastUsedQueryAction(QUERY_ACTIONS.execute);
-        setResultType(RESULT_TYPES.EXECUTE);
-        sendExecuteQuery({
-            query,
-            database: tenantName,
-            mode,
-            schema,
-        });
-        setIsResultLoaded(true);
-        props.setShowPreview(false);
-        // Don't save partial queries in history
-        if (!text) {
-            const { queries, currentIndex } = history;
-            if (query !== ((_a = queries[currentIndex]) === null || _a === void 0 ? void 0 : _a.queryText)) {
-                props.saveQueryToHistory(input, mode);
-            }
-        }
-        dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerExpand);
-    };
-    const handleGetExplainQueryClick = (mode) => {
-        const { input } = executeQuery;
-        setLastUsedQueryAction(QUERY_ACTIONS.explain);
-        setResultType(RESULT_TYPES.EXPLAIN);
-        sendExplainQuery({
-            query: input,
-            database: tenantName,
-            mode: mode,
-        });
-        setIsResultLoaded(true);
-        props.setShowPreview(false);
-        dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerExpand);
-    };
-    React.useEffect(() => {
-        var _a, _b;
-        if (monacoHotKey === null) {
-            return;
-        }
-        setMonacoHotKey(null);
-        switch (monacoHotKey) {
-            case MONACO_HOT_KEY_ACTIONS.sendQuery: {
-                if (lastUsedQueryAction === QUERY_ACTIONS.explain) {
-                    handleGetExplainQueryClick(queryMode);
-                }
-                else {
-                    handleSendExecuteClick(queryMode);
-                }
-                break;
-            }
-            case MONACO_HOT_KEY_ACTIONS.sendSelectedQuery: {
-                const selection = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getSelection();
-                const model = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.getModel();
-                if (selection && model) {
-                    const text = model.getValueInRange({
-                        startLineNumber: selection.getSelectionStart().lineNumber,
-                        startColumn: selection.getSelectionStart().column,
-                        endLineNumber: selection.getPosition().lineNumber,
-                        endColumn: selection.getPosition().column,
-                    });
-                    handleSendExecuteClick(queryMode, text);
-                }
-                break;
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [monacoHotKey]);
-    const editorDidMount = (editor, monaco) => {
-        editorRef.current = editor;
-        editor.focus();
-        editor.addAction({
-            id: 'sendQuery',
-            label: i18n('action.send-query'),
-            keybindings: [
-                // eslint-disable-next-line no-bitwise
-                monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter,
-            ],
-            // A precondition for this action.
-            precondition: undefined,
-            // A rule to evaluate on top of the precondition in order to dispatch the keybindings.
-            keybindingContext: undefined,
-            contextMenuGroupId: CONTEXT_MENU_GROUP_ID,
-            contextMenuOrder: 1,
-            // Method that will be executed when the action is triggered.
-            // @param editor The editor instance is passed in as a convenience
-            run: () => setMonacoHotKey(MONACO_HOT_KEY_ACTIONS.sendQuery),
-        });
-        const canSendSelectedText = editor.createContextKey('canSendSelectedText', false);
-        editor.onDidChangeCursorSelection(({ selection, secondarySelections }) => {
-            const notEmpty = selection.selectionStartLineNumber !== selection.positionLineNumber ||
-                selection.selectionStartColumn !== selection.positionColumn;
-            const hasMultipleSelections = secondarySelections.length > 0;
-            canSendSelectedText.set(notEmpty && !hasMultipleSelections);
-        });
-        editor.addAction({
-            id: 'sendSelectedQuery',
-            label: i18n('action.send-selected-query'),
-            keybindings: [
-                // eslint-disable-next-line no-bitwise
-                monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.Enter,
-            ],
-            precondition: 'canSendSelectedText',
-            contextMenuGroupId: CONTEXT_MENU_GROUP_ID,
-            contextMenuOrder: 1,
-            run: () => setMonacoHotKey(MONACO_HOT_KEY_ACTIONS.sendSelectedQuery),
-        });
-        editor.addAction({
-            id: 'previous-query',
-            label: i18n('action.previous-query'),
-            keybindings: [
-                // eslint-disable-next-line no-bitwise
-                monaco.KeyMod.CtrlCmd | monaco.KeyCode.UpArrow,
-            ],
-            contextMenuGroupId: CONTEXT_MENU_GROUP_ID,
-            contextMenuOrder: 2,
-            run: () => {
-                props.goToPreviousQuery();
-            },
-        });
-        editor.addAction({
-            id: 'next-query',
-            label: i18n('action.next-query'),
-            keybindings: [
-                // eslint-disable-next-line no-bitwise
-                monaco.KeyMod.CtrlCmd | monaco.KeyCode.DownArrow,
-            ],
-            contextMenuGroupId: CONTEXT_MENU_GROUP_ID,
-            contextMenuOrder: 3,
-            run: () => {
-                props.goToNextQuery();
-            },
-        });
-    };
-    const onChange = (newValue) => {
-        props.changeUserInput({ input: newValue });
-    };
-    const onCollapseResultHandler = () => {
-        dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerCollapse);
-    };
-    const onExpandResultHandler = () => {
-        dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerExpand);
-    };
-    const onSplitStartDragAdditional = () => {
-        dispatchResultVisibilityState(PaneVisibilityActionTypes.clear);
-    };
-    const onSaveQueryHandler = (queryName) => {
-        const { input } = executeQuery;
-        const queryIndex = savedQueries.findIndex((el) => el.name.toLowerCase() === queryName.toLowerCase());
-        const newSavedQueries = [...savedQueries];
-        const newQuery = { name: queryName, body: input };
-        if (queryIndex === -1) {
-            newSavedQueries.push(newQuery);
-        }
-        else {
-            newSavedQueries[queryIndex] = newQuery;
-        }
-        setSavedQueries(newSavedQueries);
-    };
-    const renderControls = () => {
-        return (_jsx(QueryEditorControls, { onRunButtonClick: handleSendExecuteClick, runIsLoading: executeQueryResult.isLoading, onExplainButtonClick: handleGetExplainQueryClick, explainIsLoading: explainQueryResult.isLoading, onSaveQueryClick: onSaveQueryHandler, savedQueries: savedQueries, disabled: !executeQuery.input, onUpdateQueryMode: setQueryMode, queryMode: queryMode, highlightedAction: lastUsedQueryAction }));
-    };
-    return (_jsx("div", { className: b(), children: _jsxs(SplitPane, { direction: "vertical", defaultSizePaneKey: DEFAULT_SIZE_RESULT_PANE_KEY, triggerCollapse: resultVisibilityState.triggerCollapse, triggerExpand: resultVisibilityState.triggerExpand, minSize: [0, 52], collapsedSizes: [100, 0], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsxs("div", { className: b('pane-wrapper', {
-                        top: true,
-                    }), children: [_jsx("div", { className: b('monaco-wrapper'), children: _jsx("div", { className: b('monaco'), children: _jsx(MonacoEditor, { language: LANGUAGE_YQL_ID, value: executeQuery.input, options: editorOptions, onChange: onChange, editorDidMount: editorDidMount, theme: `vs-${theme}` }) }) }), renderControls()] }), _jsx("div", { className: b('pane-wrapper'), children: _jsx(Result, { executeQueryData: executeQueryResult.data, executeQueryError: executeQueryResult.error, explainQueryData: explainQueryResult.data, explainQueryError: explainQueryResult.error, explainQueryLoading: explainQueryResult.isLoading, resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, theme: theme, resultType: resultType, tenantName: tenantName, path: path, showPreview: showPreview }) })] }) }));
-}
-const mapStateToProps = (state) => {
-    return {
-        executeQuery: state.executeQuery,
-        showPreview: state.schema.showPreview,
-    };
-};
-const mapDispatchToProps = {
-    saveQueryToHistory,
-    goToPreviousQuery,
-    goToNextQuery,
-    setShowPreview,
-    setTenantPath,
-};
-export default connect(mapStateToProps, mapDispatchToProps)(QueryEditor);
-function Result({ executeQueryData, executeQueryError, explainQueryData, explainQueryError, explainQueryLoading, resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, theme, resultType, tenantName, path, showPreview, }) {
-    if (showPreview) {
-        return _jsx(Preview, { database: tenantName, path: path, type: type });
-    }
-    if (resultType === RESULT_TYPES.EXECUTE) {
-        if (executeQueryData || executeQueryError) {
-            const _a = executeQueryData || {}, { stats } = _a, data = __rest(_a, ["stats"]);
-            return (_jsx(ExecuteResult, { data: data, stats: stats, error: executeQueryError, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler }));
-        }
-        return null;
-    }
-    if (resultType === RESULT_TYPES.EXPLAIN) {
-        const { plan, ast } = explainQueryData || {};
-        return (_jsx(ExplainResult, { error: explainQueryError, explain: plan, ast: ast, loading: explainQueryLoading, theme: theme, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler }));
-    }
-    return null;
-}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { AUTOCOMPLETE_ON_ENTER, ENABLE_AUTOCOMPLETE } from '../../../../utils/constants';
-import { useSetting } from '../../../../utils/hooks';
-export const EDITOR_OPTIONS = {
-    automaticLayout: true,
-    selectOnLineNumbers: true,
-    minimap: {
-        enabled: false,
-    },
-};
-export function useEditorOptions() {
-    const [enableAutocomplete] = useSetting(ENABLE_AUTOCOMPLETE);
-    const [autocompleteOnEnter] = useSetting(AUTOCOMPLETE_ON_ENTER);
-    const options = React.useMemo(() => {
-        const useAutocomplete = Boolean(enableAutocomplete);
-        return Object.assign({ quickSuggestions: useAutocomplete, suggestOnTriggerCharacters: useAutocomplete, acceptSuggestionOnEnter: autocompleteOnEnter ? 'on' : 'off' }, EDITOR_OPTIONS);
-    }, [enableAutocomplete, autocompleteOnEnter]);
-    return options;
-}

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs } from '@gravity-ui/uikit';
-import { useLocation } from 'react-router';
-import { InternalLink } from '../../../../components/InternalLink/InternalLink';
-import { parseQuery } from '../../../../routes';
-import { TENANT_QUERY_TABS_ID } from '../../../../store/reducers/tenant/constants';
-import { TenantTabsGroups, getTenantPath } from '../../TenantPages';
-import i18n from '../i18n';
-const newQuery = {
-    id: TENANT_QUERY_TABS_ID.newQuery,
-    title: i18n('tabs.newQuery'),
-};
-const history = {
-    id: TENANT_QUERY_TABS_ID.history,
-    title: i18n('tabs.history'),
-};
-const saved = {
-    id: TENANT_QUERY_TABS_ID.saved,
-    title: i18n('tabs.saved'),
-};
-export const queryEditorTabs = [newQuery, history, saved];
-export const QueryTabs = ({ className, activeTab }) => {
-    const location = useLocation();
-    const queryParams = parseQuery(location);
-    return (_jsx("div", { className: className, children: _jsx(Tabs, { size: "l", allowNotSelected: true, activeTab: activeTab, items: queryEditorTabs, wrapTo: ({ id }, node) => {
-                const path = getTenantPath(Object.assign(Object.assign({}, queryParams), { [TenantTabsGroups.queryTab]: id }));
-                return (_jsx(InternalLink, { to: path, children: node }, id));
-            } }) }));
-};

package/dist/src/containers/Tenant/Query/i18n/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (key: "controls.query-mode-selector_type" | "tabs.newQuery" | "tabs.history" | "tabs.saved" | "history.empty" | "saved.empty" | "delete-dialog.header" | "delete-dialog.question" | "delete-dialog.delete" | "delete-dialog.cancel" | "preview.title" | "preview.not-available" | "preview.close" | "method-description.script" | "method-description.scan" | "method-description.data" | "method-description.query" | "method-description.pg" | "query-duration.description" | "action.send-query" | "action.send-selected-query" | "action.previous-query" | "action.next-query", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/src/containers/Tenant/Schema/SchemaTree/SchemaTree.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { NavigationTree } from 'ydb-ui-components';
-import { schemaApi } from '../../../../store/reducers/schema/schema';
-import { useQueryModes, useTypedDispatch } from '../../../../utils/hooks';
-import { isChildlessPathType, mapPathTypeToNavigationTreeType } from '../../utils/schema';
-import { getActions } from '../../utils/schemaActions';
-import { getControls } from '../../utils/schemaControls';
-export function SchemaTree(props) {
-    const { rootPath, rootName, rootType, currentPath, onActivePathUpdate } = props;
-    const dispatch = useTypedDispatch();
-    const [_, setQueryMode] = useQueryModes();
-    const fetchPath = async (path) => {
-        const promise = dispatch(schemaApi.endpoints.getSchema.initiate({ path }, { forceRefetch: true }));
-        const { data } = await promise;
-        promise.unsubscribe();
-        if (!data) {
-            throw new Error(`no describe data about path ${path}`);
-        }
-        const { PathDescription: { Children = [] } = {} } = data;
-        const childItems = Children.map((childData) => {
-            const { Name = '', PathType, PathSubType } = childData;
-            return {
-                name: Name,
-                type: mapPathTypeToNavigationTreeType(PathType, PathSubType),
-                // FIXME: should only be explicitly set to true for tables with indexes
-                // at the moment of writing there is no property to determine this, fix later
-                expandable: !isChildlessPathType(PathType, PathSubType),
-            };
-        });
-        return childItems;
-    };
-    React.useEffect(() => {
-        // if the cached path is not in the current tree, show root
-        if (!(currentPath === null || currentPath === void 0 ? void 0 : currentPath.startsWith(rootPath))) {
-            onActivePathUpdate(rootPath);
-        }
-    }, [currentPath, onActivePathUpdate, rootPath]);
-    return (_jsx(NavigationTree, { rootState: {
-            path: rootPath,
-            name: rootName,
-            type: mapPathTypeToNavigationTreeType(rootType),
-            collapsed: false,
-        }, fetchPath: fetchPath, getActions: getActions(dispatch, {
-            setActivePath: onActivePathUpdate,
-            setQueryMode,
-        }), renderAdditionalNodeElements: getControls(dispatch, {
-            setActivePath: onActivePathUpdate,
-        }), activePath: currentPath, onActivePathUpdate: onActivePathUpdate, cache: false, virtualize: true }));
-}

package/dist/src/containers/Tenant/Schema/SchemaViewer/i18n/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (key: "column-title.id" | "column-title.name" | "column-title.key" | "column-title.type" | "column-title.notNull" | "column-title.autoIncrement" | "column-title.family" | "column-title.media" | "column-title.compression", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/src/containers/Tenant/Schema/SchemaViewer/prepareData.js

@@ -1,115 +0,0 @@
-import { EColumnCodec } from '../../../../types/api/schema';
-import { isColumnEntityType, isExternalTableType, isRowTableType } from '../../utils/schema';
-function getKeyColumnsSortAccessorMap(ids = []) {
-    return ids.reduce((result, keyColumnId, index) => {
-        // Put columns with negative values, so they will be the first with ascending sort
-        // Minus keyColumnIds.length for the first key, -1 for the last
-        return Object.assign(Object.assign({}, result), { [keyColumnId]: index - ids.length });
-    }, {});
-}
-function formatColumnCodec(codec) {
-    if (!codec) {
-        return undefined;
-    }
-    if (codec === EColumnCodec.ColumnCodecPlain) {
-        return 'None';
-    }
-    return codec.replace('ColumnCodec', '').toLocaleLowerCase();
-}
-export function prepareFamilies(data) {
-    var _a, _b, _c;
-    return ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.PartitionConfig) === null || _a === void 0 ? void 0 : _a.ColumnFamilies) === null || _b === void 0 ? void 0 : _b.reduce((acc, family) => {
-        if (family.Id) {
-            return Object.assign(Object.assign({}, acc), { [family.Id]: family });
-        }
-        return acc;
-    }, {})) !== null && _c !== void 0 ? _c : {});
-}
-function prepareRowTableSchema(data = {}) {
-    const families = prepareFamilies(data);
-    const { Columns, KeyColumnIds } = data;
-    const keyAccessorsMap = getKeyColumnsSortAccessorMap(KeyColumnIds);
-    const preparedColumns = Columns === null || Columns === void 0 ? void 0 : Columns.map((column) => {
-        var _a, _b;
-        const { Id, Name, NotNull, Type, Family, DefaultFromSequence } = column;
-        const isKeyColumn = Boolean(KeyColumnIds === null || KeyColumnIds === void 0 ? void 0 : KeyColumnIds.find((keyColumnId) => keyColumnId === Id));
-        // Values in keyAccessorsMap are always negative, so it will be 1 for not key columns
-        const keyAccessor = Id && keyAccessorsMap[Id] ? keyAccessorsMap[Id] : 1;
-        const familyName = Family ? families[Family].Name : undefined;
-        const prefferedPoolKind = Family
-            ? (_b = (_a = families[Family].StorageConfig) === null || _a === void 0 ? void 0 : _a.Data) === null || _b === void 0 ? void 0 : _b.PreferredPoolKind
-            : undefined;
-        const columnCodec = Family ? formatColumnCodec(families[Family].ColumnCodec) : undefined;
-        return {
-            id: Id,
-            name: Name,
-            isKeyColumn,
-            keyAccessor,
-            type: Type,
-            notNull: NotNull,
-            autoIncrement: Boolean(DefaultFromSequence),
-            familyName,
-            prefferedPoolKind,
-            columnCodec,
-        };
-    });
-    return preparedColumns || [];
-}
-function prepareExternalTableSchema(data = {}) {
-    const { Columns } = data;
-    const preparedColumns = Columns === null || Columns === void 0 ? void 0 : Columns.map((column) => {
-        const { Id, Name, Type, NotNull } = column;
-        return {
-            id: Id,
-            name: Name,
-            type: Type,
-            notNull: NotNull,
-        };
-    });
-    return preparedColumns || [];
-}
-function prepareColumnTableSchema(data = {}) {
-    const { Schema = {} } = data;
-    const { Columns, KeyColumnNames } = Schema;
-    const keyAccessorsMap = getKeyColumnsSortAccessorMap(KeyColumnNames);
-    const preparedColumns = Columns === null || Columns === void 0 ? void 0 : Columns.map((column) => {
-        const { Id, Name, Type, NotNull } = column;
-        const isKeyColumn = Boolean(KeyColumnNames === null || KeyColumnNames === void 0 ? void 0 : KeyColumnNames.find((keyColumnName) => keyColumnName === Name));
-        // Values in keyAccessorsMap are always negative, so it will be 1 for not key columns
-        const keyAccessor = Name && keyAccessorsMap[Name] ? keyAccessorsMap[Name] : 1;
-        return {
-            id: Id,
-            name: Name,
-            isKeyColumn,
-            keyAccessor,
-            type: Type,
-            notNull: NotNull,
-        };
-    });
-    return preparedColumns || [];
-}
-export function prepareSchemaData(type, schema) {
-    const { Table, ColumnTableDescription, ExternalTableDescription } = (schema === null || schema === void 0 ? void 0 : schema.PathDescription) || {};
-    if (isRowTableType(type)) {
-        return prepareRowTableSchema(Table);
-    }
-    else if (isColumnEntityType(type)) {
-        return prepareColumnTableSchema(ColumnTableDescription);
-    }
-    else if (isExternalTableType(type)) {
-        return prepareExternalTableSchema(ExternalTableDescription);
-    }
-    return [];
-}
-export function prepareViewSchema(columns) {
-    const preparedColumns = columns === null || columns === void 0 ? void 0 : columns.map((column) => {
-        var _a;
-        // View may have columns like Uint64? or Utf8?
-        const type = ((_a = column.type) === null || _a === void 0 ? void 0 : _a.endsWith('?')) ? column.type.slice(0, -1) : column.type;
-        return {
-            type,
-            name: column.name,
-        };
-    });
-    return preparedColumns || [];
-}

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

@@ -1,8 +0,0 @@
-import type { AdditionalNodesProps, AdditionalTenantsProps } from '../../types/additionalProps';
-import './Tenant.scss';
-interface TenantProps {
-    additionalTenantProps?: AdditionalTenantsProps;
-    additionalNodesProps?: AdditionalNodesProps;
-}
-declare function Tenant(props: TenantProps): import("react/jsx-runtime").JSX.Element;
-export default Tenant;

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

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Helmet } from 'react-helmet-async';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { AccessDenied } from '../../components/Errors/403';
-import { Loader } from '../../components/Loader';
-import SplitPane from '../../components/SplitPane';
-import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { schemaApi } from '../../store/reducers/schema/schema';
-import { cn } from '../../utils/cn';
-import { DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY } from '../../utils/constants';
-import { useTypedDispatch } from '../../utils/hooks';
-import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
-import { ObjectSummary } from './ObjectSummary/ObjectSummary';
-import i18n from './i18n';
-import { PaneVisibilityActionTypes, paneVisibilityToggleReducerCreator, } from './utils/paneVisibilityToggleHelpers';
-import './Tenant.scss';
-const b = cn('tenant-page');
-const getTenantSummaryState = () => {
-    const collapsed = Boolean(localStorage.getItem(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED));
-    return {
-        triggerExpand: false,
-        triggerCollapse: false,
-        collapsed,
-    };
-};
-function Tenant(props) {
-    var _a;
-    const [summaryVisibilityState, dispatchSummaryVisibilityAction] = React.useReducer(paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED), undefined, getTenantSummaryState);
-    const [{ name: tenantName, schema }] = useQueryParams({ name: StringParam, schema: StringParam });
-    if (!tenantName) {
-        throw new Error('Tenant name is not defined');
-    }
-    const previousTenant = React.useRef();
-    React.useEffect(() => {
-        if (previousTenant.current !== tenantName) {
-            const register = async () => {
-                const { registerYQLCompletionItemProvider } = await import('../../utils/monaco/yql/yql.completionItemProvider');
-                registerYQLCompletionItemProvider(tenantName);
-            };
-            register().catch(console.error);
-            previousTenant.current = tenantName;
-        }
-    }, [tenantName]);
-    const dispatch = useTypedDispatch();
-    React.useEffect(() => {
-        dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));
-    }, [tenantName, dispatch]);
-    const path = schema !== null && schema !== void 0 ? schema : tenantName;
-    const { currentData: currentItem, error, isLoading, } = schemaApi.useGetSchemaQuery({ path }, { refetchOnMountOrArgChange: true });
-    const { PathType: currentPathType, PathSubType: currentPathSubType } = ((_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.PathDescription) === null || _a === void 0 ? void 0 : _a.Self) || {};
-    let showBlockingError = false;
-    if (error && typeof error === 'object' && 'status' in error) {
-        showBlockingError = error.status === 403;
-    }
-    const onCollapseSummaryHandler = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerCollapse);
-    };
-    const onExpandSummaryHandler = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerExpand);
-    };
-    const onSplitStartDragAdditional = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.clear);
-    };
-    const title = path || i18n('page.title');
-    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { defaultTitle: `${title} — YDB Monitoring`, titleTemplate: `%s — ${title} — YDB Monitoring` }), showBlockingError ? (_jsx(AccessDenied, {})) : (_jsxs(SplitPane, { defaultSizePaneKey: DEFAULT_SIZE_TENANT_KEY, defaultSizes: [25, 75], triggerCollapse: summaryVisibilityState.triggerCollapse, triggerExpand: summaryVisibilityState.triggerExpand, minSize: [36, 200], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsx(ObjectSummary, { type: currentPathType, subType: currentPathSubType, tenantName: tenantName, path: path, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx("div", { className: b('main'), children: isLoading ? (_jsx(Loader, { size: "l" })) : (_jsx(ObjectGeneral, { type: currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName, path: path })) })] }))] }));
-}
-export default Tenant;

package/dist/src/containers/Tenant/TenantNavigation/useTenantNavigation.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { Pulse, Terminal } from '@gravity-ui/icons';
-import { useHistory, useLocation } from 'react-router';
-import routes, { parseQuery } from '../../../routes';
-import { TENANT_PAGE, TENANT_PAGES_IDS } from '../../../store/reducers/tenant/constants';
-import { TENANT_INITIAL_PAGE_KEY } from '../../../utils/constants';
-import { useSetting, useTypedSelector } from '../../../utils/hooks';
-import { getTenantPath } from '../TenantPages';
-import i18n from '../i18n';
-const pagesList = ['query', 'diagnostics'];
-const mapPageToIcon = {
-    query: Terminal,
-    diagnostics: Pulse,
-};
-export function useTenantNavigation() {
-    const history = useHistory();
-    const location = useLocation();
-    const queryParams = parseQuery(location);
-    const [, setInitialTenantPage] = useSetting(TENANT_INITIAL_PAGE_KEY);
-    const { tenantPage } = useTypedSelector((state) => state.tenant);
-    const menuItems = React.useMemo(() => {
-        if (location.pathname !== routes.tenant) {
-            return [];
-        }
-        const items = pagesList.map((key) => {
-            const pageId = TENANT_PAGES_IDS[key];
-            const pagePath = getTenantPath(Object.assign(Object.assign({}, queryParams), { [TENANT_PAGE]: pageId }));
-            const nextItem = {
-                id: pageId,
-                title: i18n(`pages.${key}`),
-                icon: mapPageToIcon[key],
-                path: pagePath,
-                current: tenantPage === pageId,
-                onForward: () => {
-                    setInitialTenantPage(pageId);
-                    history.push(pagePath);
-                },
-            };
-            return nextItem;
-        });
-        return items;
-    }, [tenantPage, setInitialTenantPage, location.pathname, history, queryParams]);
-    return menuItems;
-}