ydb-embedded-ui 6.4.0 → 6.6.0

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

@@ -1,323 +0,0 @@
-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 { goToNextQuery, goToPreviousQuery, saveQueryToHistory, sendExecuteQuery, setTenantPath, } from '../../../../store/reducers/executeQuery';
-import { getExplainQuery, getExplainQueryAst } from '../../../../store/reducers/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 { parseJson } from '../../../../utils/utils';
-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 { path, setTenantPath: setPath, executeQuery, explainQuery, 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);
-    React.useEffect(() => {
-        if (savedPath !== path) {
-            if (savedPath) {
-                changeUserInput({ input: '' });
-            }
-            setPath(path);
-        }
-    }, [changeUserInput, setPath, path, 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(() => {
-        const storageEventHandler = (event) => {
-            if (event.key === SAVED_QUERIES_KEY) {
-                const v = parseJson(event.newValue);
-                setSavedQueries(v);
-            }
-        };
-        window.addEventListener('storage', storageEventHandler);
-        return () => {
-            window.removeEventListener('storage', storageEventHandler);
-        };
-    }, [setSavedQueries]);
-    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);
-        props.sendExecuteQuery({
-            query,
-            database: path,
-            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);
-        props.getExplainQuery({
-            query: input,
-            database: path,
-            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 handleAstQuery = () => {
-        props.getExplainQueryAst({ query: executeQuery.input, database: path });
-    };
-    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: executeQuery.loading, onExplainButtonClick: handleGetExplainQueryClick, explainIsLoading: explainQuery.loading, 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, { executeQuery: executeQuery, explainQuery: explainQuery, resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, handleAstQuery: handleAstQuery, theme: theme, resultType: resultType, path: path, showPreview: showPreview }) })] }) }));
-}
-const mapStateToProps = (state) => {
-    return {
-        executeQuery: state.executeQuery,
-        explainQuery: state.explainQuery,
-        showPreview: state.schema.showPreview,
-    };
-};
-const mapDispatchToProps = {
-    sendExecuteQuery,
-    saveQueryToHistory,
-    goToPreviousQuery,
-    goToNextQuery,
-    getExplainQuery,
-    getExplainQueryAst,
-    setShowPreview,
-    setTenantPath,
-};
-export default connect(mapStateToProps, mapDispatchToProps)(QueryEditor);
-function Result({ executeQuery, explainQuery, resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, handleAstQuery, theme, resultType, path, showPreview, }) {
-    if (showPreview) {
-        return _jsx(Preview, { database: path, type: type });
-    }
-    if (resultType === RESULT_TYPES.EXECUTE) {
-        const { data, error, stats } = executeQuery;
-        return data || error ? (_jsx(ExecuteResult, { data: data, stats: stats, error: error, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler })) : null;
-    }
-    if (resultType === RESULT_TYPES.EXPLAIN) {
-        const { data, dataAst, error, loading, loadingAst } = explainQuery;
-        return (_jsx(ExplainResult, { error: error, explain: data, astQuery: handleAstQuery, ast: dataAst, loading: loading, loadingAst: loadingAst, theme: theme, isResultsCollapsed: resultVisibilityState.collapsed, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler }));
-    }
-    return null;
-}

package/dist/containers/Tenant/Schema/SchemaViewer/SchemaViewer.d.ts

@@ -1,9 +0,0 @@
-import type { EPathType } from '../../../../types/api/schema';
-import './SchemaViewer.scss';
-interface SchemaViewerProps {
-    type?: EPathType;
-    path?: string;
-    withFamilies?: boolean;
-}
-export declare const SchemaViewer: ({ type, path, withFamilies }: SchemaViewerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DataTable from '@gravity-ui/react-data-table';
-import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
-import { TableSkeleton } from '../../../../components/TableSkeleton/TableSkeleton';
-import { cn } from '../../../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
-import { useTypedSelector } from '../../../../utils/hooks';
-import { SCHEMA_COLUMNS_WIDTH_LS_KEY, SchemaViewerColumns, prepareColumnDescriptions, prepareFamilies, prepareSchemaTableColumns, } from './helpers';
-import './SchemaViewer.scss';
-const b = cn('schema-viewer');
-export const SchemaViewer = ({ type, path, withFamilies = false }) => {
-    const { data, loading } = useTypedSelector((state) => state.schema);
-    const currentObjectData = path ? data[path] : undefined;
-    const { columns, keyColumnIds } = prepareColumnDescriptions(type, currentObjectData);
-    const families = prepareFamilies(currentObjectData);
-    return (_jsx("div", { className: b(null), children: loading ? (_jsx(TableSkeleton, {})) : (_jsx(ResizeableDataTable, { columnsWidthLSKey: SCHEMA_COLUMNS_WIDTH_LS_KEY, data: columns, columns: prepareSchemaTableColumns({
-                type,
-                b,
-                families,
-                keyColumnIds,
-                withFamilies,
-            }), settings: DEFAULT_TABLE_SETTINGS, initialSortOrder: {
-                columnId: SchemaViewerColumns.key,
-                order: DataTable.ASCENDING,
-            } })) }));
-};

package/dist/containers/Tenant/Schema/SchemaViewer/helpers.d.ts

@@ -1,26 +0,0 @@
-import type { ClassNameFormatter } from '@bem-react/classname';
-import type { Column } from '@gravity-ui/react-data-table';
-import type { EPathType, TColumnDescription, TEvDescribeSchemeResult, TFamilyDescription } from '../../../../types/api/schema';
-export declare const SchemaViewerColumns: {
-    id: string;
-    name: string;
-    key: string;
-    type: string;
-    notNull: string;
-    familyName: string;
-    preferredPoolKind: string;
-    columnCodec: string;
-};
-export declare function prepareColumnDescriptions(type?: EPathType, scheme?: TEvDescribeSchemeResult): {
-    columns: TColumnDescription[];
-    keyColumnIds: number[];
-};
-export declare function prepareFamilies(scheme?: TEvDescribeSchemeResult): Record<number, TFamilyDescription>;
-export declare const SCHEMA_COLUMNS_WIDTH_LS_KEY = "schemaTableColumnsWidth";
-export declare function prepareSchemaTableColumns(options: {
-    type?: EPathType;
-    b: ClassNameFormatter;
-    families: Record<number, TFamilyDescription>;
-    keyColumnIds: number[];
-    withFamilies: boolean;
-}): Column<TColumnDescription>[];

package/dist/containers/Tenant/Schema/SchemaViewer/helpers.js

@@ -1,151 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DataTable from '@gravity-ui/react-data-table';
-import { Icon } from '@gravity-ui/uikit';
-import { EColumnCodec } from '../../../../types/api/schema';
-import { isColumnEntityType, isExternalTableType, isRowTableType, isTableType, } from '../../utils/schema';
-import keyIcon from '../../../../assets/icons/key.svg';
-export const SchemaViewerColumns = {
-    id: 'Id',
-    name: 'Name',
-    key: 'Key',
-    type: 'Type',
-    notNull: 'NotNull',
-    familyName: 'Family',
-    preferredPoolKind: 'Media',
-    columnCodec: 'Compression',
-};
-function prepareOlapTableSchema(tableSchema = {}) {
-    const { Name, Schema } = tableSchema;
-    if (Schema) {
-        const { Columns, KeyColumnNames } = Schema;
-        const KeyColumnIds = KeyColumnNames === null || KeyColumnNames === void 0 ? void 0 : KeyColumnNames.map((name) => {
-            const column = Columns === null || Columns === void 0 ? void 0 : Columns.find((el) => el.Name === name);
-            return column === null || column === void 0 ? void 0 : column.Id;
-        }).filter((id) => id !== undefined);
-        return {
-            Columns,
-            KeyColumnNames,
-            Name,
-            KeyColumnIds,
-        };
-    }
-    return {
-        Name,
-    };
-}
-function formatColumnCodec(codec) {
-    if (!codec) {
-        return null;
-    }
-    if (codec === EColumnCodec.ColumnCodecPlain) {
-        return 'None';
-    }
-    return codec.replace('ColumnCodec', '').toLocaleLowerCase();
-}
-export function prepareColumnDescriptions(type, scheme) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    let keyColumnIds = [];
-    let columns = [];
-    if (isTableType(type) && isColumnEntityType(type)) {
-        const description = (_a = scheme === null || scheme === void 0 ? void 0 : scheme.PathDescription) === null || _a === void 0 ? void 0 : _a.ColumnTableDescription;
-        const columnTableSchema = prepareOlapTableSchema(description);
-        keyColumnIds = (_b = columnTableSchema.KeyColumnIds) !== null && _b !== void 0 ? _b : [];
-        columns = (_c = columnTableSchema.Columns) !== null && _c !== void 0 ? _c : [];
-    }
-    else if (isExternalTableType(type)) {
-        columns = (_f = (_e = (_d = scheme === null || scheme === void 0 ? void 0 : scheme.PathDescription) === null || _d === void 0 ? void 0 : _d.ExternalTableDescription) === null || _e === void 0 ? void 0 : _e.Columns) !== null && _f !== void 0 ? _f : [];
-    }
-    else {
-        keyColumnIds = (_j = (_h = (_g = scheme === null || scheme === void 0 ? void 0 : scheme.PathDescription) === null || _g === void 0 ? void 0 : _g.Table) === null || _h === void 0 ? void 0 : _h.KeyColumnIds) !== null && _j !== void 0 ? _j : [];
-        columns = (_m = (_l = (_k = scheme === null || scheme === void 0 ? void 0 : scheme.PathDescription) === null || _k === void 0 ? void 0 : _k.Table) === null || _l === void 0 ? void 0 : _l.Columns) !== null && _m !== void 0 ? _m : [];
-    }
-    return { columns, keyColumnIds };
-}
-export function prepareFamilies(scheme) {
-    var _a, _b, _c, _d, _e;
-    return ((_e = (_d = (_c = (_b = (_a = scheme === null || scheme === void 0 ? void 0 : scheme.PathDescription) === null || _a === void 0 ? void 0 : _a.Table) === null || _b === void 0 ? void 0 : _b.PartitionConfig) === null || _c === void 0 ? void 0 : _c.ColumnFamilies) === null || _d === void 0 ? void 0 : _d.reduce((acc, family) => {
-        if (family.Id) {
-            acc[family.Id] = family;
-        }
-        return acc;
-    }, {})) !== null && _e !== void 0 ? _e : {});
-}
-export const SCHEMA_COLUMNS_WIDTH_LS_KEY = 'schemaTableColumnsWidth';
-export function prepareSchemaTableColumns(options) {
-    const keyColumnsOrderValues = options.keyColumnIds.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
-        result[keyColumnId] = index - options.keyColumnIds.length;
-        return result;
-    }, {});
-    const columns = [
-        {
-            name: SchemaViewerColumns.id,
-            width: 60,
-        },
-    ];
-    if (!isExternalTableType(options.type)) {
-        // External tables don't have key columns
-        columns.push({
-            name: SchemaViewerColumns.key,
-            width: 70,
-            resizeMinWidth: 70,
-            // Table should start with key columns on sort click
-            defaultOrder: DataTable.ASCENDING,
-            // Values in keyColumnsOrderValues are always negative, so it will be 1 for not key columns
-            sortAccessor: (row) => (row.Id && keyColumnsOrderValues[row.Id]) || 1,
-            render: ({ row }) => {
-                return row.Id && options.keyColumnIds.includes(row.Id) ? (_jsx("div", { className: options.b('key-icon'), children: _jsx(Icon, { data: keyIcon, width: 12, height: 7 }) })) : null;
-            },
-        });
-    }
-    columns.push({
-        name: SchemaViewerColumns.name,
-        width: 100,
-    }, {
-        name: SchemaViewerColumns.type,
-        width: 100,
-    }, {
-        name: SchemaViewerColumns.notNull,
-        width: 100,
-        // Table should start with notNull columns on sort click
-        defaultOrder: DataTable.DESCENDING,
-        render: ({ row }) => {
-            if (row.NotNull) {
-                return '\u2713';
-            }
-            return undefined;
-        },
-    });
-    if (options.withFamilies && isRowTableType(options.type)) {
-        columns.push({
-            name: SchemaViewerColumns.familyName,
-            width: 100,
-            render: ({ row }) => (row.Family ? options.families[row.Family].Name : undefined),
-            sortAccessor: (row) => (row.Family ? options.families[row.Family].Name : undefined),
-        }, {
-            name: SchemaViewerColumns.preferredPoolKind,
-            width: 100,
-            render: ({ row }) => {
-                var _a, _b;
-                return row.Family
-                    ? (_b = (_a = options.families[row.Family].StorageConfig) === null || _a === void 0 ? void 0 : _a.Data) === null || _b === void 0 ? void 0 : _b.PreferredPoolKind
-                    : undefined;
-            },
-            sortAccessor: (row) => {
-                var _a, _b;
-                return row.Family
-                    ? (_b = (_a = options.families[row.Family].StorageConfig) === null || _a === void 0 ? void 0 : _a.Data) === null || _b === void 0 ? void 0 : _b.PreferredPoolKind
-                    : undefined;
-            },
-        }, {
-            name: SchemaViewerColumns.columnCodec,
-            width: 100,
-            render: ({ row }) => row.Family
-                ? formatColumnCodec(options.families[row.Family].ColumnCodec)
-                : undefined,
-            sortAccessor: (row) => row.Family ? options.families[row.Family].ColumnCodec : undefined,
-        });
-    }
-    return columns;
-}

package/dist/containers/Tenant/Tenant.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import qs from 'qs';
-import { Helmet } from 'react-helmet-async';
-import { useLocation } from 'react-router';
-import { AccessDenied } from '../../components/Errors/403';
-import SplitPane from '../../components/SplitPane';
-import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { getSchema } 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, useTypedSelector } 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 previousTenant = React.useRef();
-    const { currentSchemaPath, currentSchema: currentItem = {} } = useTypedSelector((state) => state.schema);
-    const { PathType: preloadedPathType, PathSubType: preloadedPathSubType } = useTypedSelector((state) => {
-        var _a, _b;
-        return currentSchemaPath
-            ? (_b = (_a = state.schema.data[currentSchemaPath]) === null || _a === void 0 ? void 0 : _a.PathDescription) === null || _b === void 0 ? void 0 : _b.Self
-            : undefined;
-    }) || {};
-    const { PathType: currentPathType, PathSubType: currentPathSubType } = ((_a = currentItem.PathDescription) === null || _a === void 0 ? void 0 : _a.Self) || {};
-    const { error: { status: schemaStatus = 200 } = {} } = useTypedSelector((state) => state.schema);
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-    const { name } = queryParams;
-    const tenantName = name;
-    React.useEffect(() => {
-        if (tenantName && typeof tenantName === 'string' && 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]);
-    React.useEffect(() => {
-        dispatch(getSchema({ path: tenantName }));
-    }, [tenantName, dispatch]);
-    React.useEffect(() => {
-        if (currentSchemaPath) {
-            dispatch(getSchema({ path: currentSchemaPath }));
-        }
-    }, [currentSchemaPath, dispatch]);
-    React.useEffect(() => {
-        if (tenantName) {
-            dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));
-        }
-    }, [tenantName, dispatch]);
-    const onCollapseSummaryHandler = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerCollapse);
-    };
-    const onExpandSummaryHandler = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerExpand);
-    };
-    const onSplitStartDragAdditional = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.clear);
-    };
-    const showBlockingError = schemaStatus === 403;
-    const title = currentSchemaPath || tenantName || 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: preloadedPathType || currentPathType, subType: preloadedPathSubType || currentPathSubType, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx(ObjectGeneral, { type: preloadedPathType || currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName })] }))] }));
-}
-export default Tenant;