ydb-embedded-ui 6.3.0 → 6.5.0

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

@@ -1,11 +1,12 @@
+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 { goToNextQuery, goToPreviousQuery, saveQueryToHistory, sendExecuteQuery, setTenantPath, } from '../../../../store/reducers/executeQuery';
-import { getExplainQuery, getExplainQueryAst } from '../../../../store/reducers/explainQuery';
+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';
@@ -38,7 +39,7 @@ const initialTenantCommonInfoState = {
 };
 function QueryEditor(props) {
     const editorOptions = useEditorOptions();
-    const { path, setTenantPath: setPath, executeQuery, explainQuery, type, theme, changeUserInput, showPreview, } = props;
+    const { 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);
@@ -47,6 +48,8 @@ function QueryEditor(props) {
     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 !== path) {
             if (savedPath) {
@@ -125,7 +128,7 @@ function QueryEditor(props) {
         const query = text !== null && text !== void 0 ? text : input;
         setLastUsedQueryAction(QUERY_ACTIONS.execute);
         setResultType(RESULT_TYPES.EXECUTE);
-        props.sendExecuteQuery({
+        sendExecuteQuery({
             query,
             database: path,
             mode,
@@ -146,7 +149,7 @@ function QueryEditor(props) {
         const { input } = executeQuery;
         setLastUsedQueryAction(QUERY_ACTIONS.explain);
         setResultType(RESULT_TYPES.EXPLAIN);
-        props.getExplainQuery({
+        sendExplainQuery({
             query: input,
             database: path,
             mode: mode,
@@ -257,9 +260,6 @@ function QueryEditor(props) {
     const onChange = (newValue) => {
         props.changeUserInput({ input: newValue });
     };
-    const handleAstQuery = () => {
-        props.getExplainQueryAst({ query: executeQuery.input, database: path });
-    };
     const onCollapseResultHandler = () => {
         dispatchResultVisibilityState(PaneVisibilityActionTypes.triggerCollapse);
     };
@@ -283,41 +283,40 @@ function QueryEditor(props) {
         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(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, { executeQuery: executeQuery, explainQuery: explainQuery, resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, handleAstQuery: handleAstQuery, theme: theme, resultType: resultType, path: path, showPreview: showPreview }) })] }) }));
+                    }), 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, 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, }) {
+function Result({ executeQueryData, executeQueryError, explainQueryData, explainQueryError, explainQueryLoading, resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, 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 (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 { 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 }));
+        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/containers/Tenant/Query/QueryEditorControls/QueryEditorControls.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Button, DropdownMenu } from '@gravity-ui/uikit';
-import { Icon } from '../../../../components/Icon';
+import { ChevronDown, PlayFill } from '@gravity-ui/icons';
+import { Button, DropdownMenu, Icon } from '@gravity-ui/uikit';
 import { LabelWithPopover } from '../../../../components/LabelWithPopover';
 import { cn } from '../../../../utils/cn';
 import { QUERY_MODES, QUERY_MODES_TITLES } from '../../../../utils/query';
@@ -48,10 +48,10 @@ export const QueryEditorControls = ({ onRunButtonClick, runIsLoading, onExplainB
     const explainView = highlightedAction === 'explain' ? 'action' : undefined;
     return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('left'), children: [_jsxs(Button, { onClick: () => {
                             onRunButtonClick(queryMode);
-                        }, disabled: disabled, loading: runIsLoading, view: runView, children: [_jsx(Icon, { name: "startPlay", viewBox: "0 0 16 16", width: 16, height: 16 }), 'Run'] }), _jsx(Button, { onClick: () => {
+                        }, disabled: disabled, loading: runIsLoading, view: runView, children: [_jsx(Icon, { data: PlayFill, size: 14 }), 'Run'] }), _jsx(Button, { onClick: () => {
                             onExplainButtonClick(queryMode);
                         }, disabled: disabled, loading: explainIsLoading, view: explainView, children: "Explain" }), _jsx("div", { className: b('mode-selector'), children: _jsx(DropdownMenu, { items: querySelectorMenuItems, popupProps: {
                                 className: b('mode-selector__popup'),
                                 qa: queryModeSelectorPopupQa,
-                            }, switcher: _jsx(Button, { className: b('mode-selector__button'), qa: queryModeSelectorQa, children: _jsxs("span", { className: b('mode-selector__button-content'), children: [`${i18n('controls.query-mode-selector_type')} ${QueryModeSelectorOptions[queryMode].title}`, _jsx(Icon, { name: "chevron-down", width: 16, height: 16 })] }) }) }) })] }), _jsx(SaveQuery, { savedQueries: savedQueries, onSaveQuery: onSaveQueryClick, saveButtonDisabled: disabled })] }));
+                            }, switcher: _jsx(Button, { className: b('mode-selector__button'), qa: queryModeSelectorQa, children: _jsxs("span", { className: b('mode-selector__button-content'), children: [`${i18n('controls.query-mode-selector_type')} ${QueryModeSelectorOptions[queryMode].title}`, _jsx(Icon, { data: ChevronDown })] }) }) }) })] }), _jsx(SaveQuery, { savedQueries: savedQueries, onSaveQuery: onSaveQueryClick, saveButtonDisabled: disabled })] }));
 };

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { Pencil, TrashBin } from '@gravity-ui/icons';
 import DataTable from '@gravity-ui/react-data-table';
-import { Button, Dialog } from '@gravity-ui/uikit';
-import { Icon } from '../../../../components/Icon';
+import { Button, Dialog, Icon } from '@gravity-ui/uikit';
 import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { TruncatedQuery } from '../../../../components/TruncatedQuery/TruncatedQuery';
 import { setQueryNameToEdit } from '../../../../store/reducers/saveQuery';
@@ -56,7 +56,7 @@ export const SavedQueries = ({ savedQueries, changeUserInput, onDeleteQuery }) =
         {
             name: 'body',
             header: 'Query Text',
-            render: ({ row: query }) => (_jsxs("div", { className: b('query'), children: [_jsx("div", { className: b('query-body'), children: _jsx(TruncatedQuery, { value: query.body, maxQueryHeight: MAX_QUERY_HEIGHT }) }), _jsxs("span", { className: b('controls'), children: [_jsx(Button, { view: "flat-secondary", children: _jsx(Icon, { name: "pencil", viewBox: "0 0 24 24" }) }), _jsx(Button, { view: "flat-secondary", onClick: onDeleteQueryClick(query.name), children: _jsx(Icon, { name: "trash", viewBox: "0 0 24 24" }) })] })] })),
+            render: ({ row: query }) => (_jsxs("div", { className: b('query'), children: [_jsx("div", { className: b('query-body'), children: _jsx(TruncatedQuery, { value: query.body, maxQueryHeight: MAX_QUERY_HEIGHT }) }), _jsxs("span", { className: b('controls'), children: [_jsx(Button, { view: "flat-secondary", children: _jsx(Icon, { data: Pencil }) }), _jsx(Button, { view: "flat-secondary", onClick: onDeleteQueryClick(query.name), children: _jsx(Icon, { data: TrashBin }) })] })] })),
             sortable: false,
             resizeMinWidth: 650,
         },

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
-import { Icon } from '../../../../components/Icon';
+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',
@@ -94,7 +95,7 @@ export function prepareSchemaTableColumns(options) {
             // 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, { name: "key", viewBox: "0 0 12 7", width: 12, height: 7 }) })) : null;
+                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;
             },
         });
     }

package/dist/containers/Tenant/Tenant.js

@@ -58,10 +58,11 @@ function Tenant(props) {
         dispatch(getSchema({ path: tenantName }));
     }, [tenantName, dispatch]);
     React.useEffect(() => {
-        if (currentSchemaPath) {
+        //TODO: should be refactored when move to @reduxjs/toolkit/query
+        if (currentSchemaPath && currentSchemaPath !== tenantName) {
             dispatch(getSchema({ path: currentSchemaPath }));
         }
-    }, [currentSchemaPath, dispatch]);
+    }, [currentSchemaPath, dispatch, tenantName]);
     React.useEffect(() => {
         if (tenantName) {
             dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));

package/dist/containers/Tenant/utils/ToggleButton.scss

@@ -17,8 +17,6 @@
     &_left.rotate {
         transform: rotate(90deg);
     }
-    &_top {
-    }
 
     &_top.rotate {
         transform: rotate(180deg);

package/dist/containers/Tenant/utils/paneVisibilityToggleHelpers.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Button } from '@gravity-ui/uikit';
-import { Icon } from '../../../components/Icon';
+import { ChevronsUp } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
 import { cn } from '../../../utils/cn';
 import './ToggleButton.scss';
 export var PaneVisibilityActionTypes;
@@ -44,7 +44,7 @@ const b = cn('kv-pane-visibility-button');
 export function PaneVisibilityToggleButtons({ onCollapse, onExpand, isCollapsed, initialDirection = 'top', className, }) {
     return (_jsxs(React.Fragment, { children: [_jsx(Button, { view: "flat-secondary", onClick: onCollapse, className: b({
                     hidden: isCollapsed,
-                }, className), title: "Collapse", children: _jsx(Icon, { name: "collapse", viewBox: "0 0 384 512", width: 14, height: 14, className: b({ [initialDirection]: true }) }) }), _jsx(Button, { view: "flat-secondary", onClick: onExpand, className: b({
+                }, className), title: "Collapse", children: _jsx(Icon, { data: ChevronsUp, className: b({ [initialDirection]: true }) }) }), _jsx(Button, { view: "flat-secondary", onClick: onExpand, className: b({
                     hidden: !isCollapsed,
-                }, className), title: "Expand", children: _jsx(Icon, { name: "collapse", viewBox: "0 0 384 512", width: 14, height: 14, className: b({ [initialDirection]: true }, 'rotate') }) })] }));
+                }, className), title: "Expand", children: _jsx(Icon, { data: ChevronsUp, className: b({ [initialDirection]: true }, 'rotate') }) })] }));
 }

package/dist/containers/Tenant/utils/schema.js

@@ -23,6 +23,7 @@ const pathTypeToNodeType = {
     [EPathType.EPathTypeExternalDataSource]: 'external_data_source',
     [EPathType.EPathTypeExternalTable]: 'external_table',
     [EPathType.EPathTypeView]: 'view',
+    [EPathType.EPathTypeReplication]: 'async_replication',
 };
 export const mapPathTypeToNavigationTreeType = (type = EPathType.EPathTypeDir, subType, defaultType = 'directory') => (subType && pathSubTypeToNodeType[subType]) || pathTypeToNodeType[type] || defaultType;
 // ====================
@@ -46,6 +47,7 @@ const pathTypeToEntityName = {
     [EPathType.EPathTypeExternalDataSource]: 'External Data Source',
     [EPathType.EPathTypeExternalTable]: 'External Table',
     [EPathType.EPathTypeView]: 'View',
+    [EPathType.EPathTypeReplication]: 'Async Replication',
 };
 export const mapPathTypeToEntityName = (type, subType) => (subType && pathSubTypeToEntityName[subType]) || (type && pathTypeToEntityName[type]);
 // ====================
@@ -72,6 +74,7 @@ const pathTypeToIsTable = {
     [EPathType.EPathTypeCdcStream]: false,
     [EPathType.EPathTypePersQueueGroup]: false,
     [EPathType.EPathTypeExternalDataSource]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isTableType = (pathType) => { var _a; return (_a = (pathType && pathTypeToIsTable[pathType])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -97,6 +100,7 @@ const pathTypeToIsColumn = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isColumnEntityType = (type) => { var _a; return (_a = (type && pathTypeToIsColumn[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -114,6 +118,7 @@ const pathTypeToIsDatabase = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isDatabaseEntityType = (type) => { var _a; return (_a = (type && pathTypeToIsDatabase[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -133,6 +138,7 @@ const pathTypeToEntityWithMergedImplementation = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isEntityWithMergedImplementation = (type) => { var _a; return (_a = (type && pathTypeToEntityWithMergedImplementation[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================
@@ -148,6 +154,7 @@ const pathTypeToChildless = {
     [EPathType.EPathTypeExternalDataSource]: true,
     [EPathType.EPathTypeExternalTable]: true,
     [EPathType.EPathTypeView]: true,
+    [EPathType.EPathTypeReplication]: true,
     [EPathType.EPathTypeInvalid]: false,
     [EPathType.EPathTypeColumnStore]: false,
     [EPathType.EPathTypeColumnTable]: false,
@@ -173,6 +180,7 @@ const mapPathTypeToIsWithTopic = {
     [EPathType.EPathTypeExternalDataSource]: false,
     [EPathType.EPathTypeExternalTable]: false,
     [EPathType.EPathTypeView]: false,
+    [EPathType.EPathTypeReplication]: false,
 };
 export const isPathTypeWithTopic = (type) => { var _a; return (_a = (type && mapPathTypeToIsWithTopic[type])) !== null && _a !== void 0 ? _a : false; };
 // ====================

package/dist/containers/Tenant/utils/schemaActions.js

@@ -97,6 +97,7 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
     // verbose mapping to guarantee a correct actions set for new node types
     // TS will error when a new type is added in the lib but is not mapped here
     const nodeTypeToActions = {
+        async_replication: JUST_COPY,
         database: DIR_SET,
         directory: DIR_SET,
         table: TABLE_SET,

package/dist/containers/Tenant/utils/schemaControls.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@gravity-ui/uikit';
-import { Icon } from '../../../components/Icon';
+import { LayoutHeaderCellsLargeFill } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
 import { setShowPreview } from '../../../store/reducers/schema/schema';
 import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID } from '../../../store/reducers/tenant/constants';
 import { setQueryTab, setTenantPage } from '../../../store/reducers/tenant/tenant';
@@ -18,8 +18,9 @@ const bindActions = (path, dispatch, additionalEffects) => {
 };
 export const getControls = (dispatch, additionalEffects) => (path, type) => {
     const options = bindActions(path, dispatch, additionalEffects);
-    const openPreview = (_jsx(Button, { view: "flat-secondary", onClick: options.openPreview, title: i18n('actions.openPreview'), size: "s", children: _jsx(Icon, { name: "tablePreview" }) }));
+    const openPreview = (_jsx(Button, { view: "flat-secondary", onClick: options.openPreview, title: i18n('actions.openPreview'), size: "s", children: _jsx(Icon, { data: LayoutHeaderCellsLargeFill }) }));
     const nodeTypeToControls = {
+        async_replication: undefined,
         database: undefined,
         directory: undefined,
         table: openPreview,

package/dist/containers/VDiskPage/VDiskPage.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { ArrowsOppositeToDots } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { Helmet } from 'react-helmet-async';
@@ -21,12 +22,12 @@ import { stringifyVdiskId } from '../../utils/dataFormatters/dataFormatters';
 import { getSeverityColor } from '../../utils/disks/helpers';
 import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
 import { vDiskPageKeyset } from './i18n';
-import ArrowsOppositeToDotsIcon from '@gravity-ui/icons/svgs/arrows-opposite-to-dots.svg';
 import './VDiskPage.scss';
 const vDiskPageCn = cn('ydb-vdisk-page');
 export function VDiskPage() {
     const dispatch = useTypedDispatch();
     const nodesMap = useTypedSelector(selectNodesMap);
+    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
     const [{ nodeId, pDiskId, vDiskSlotId }] = useQueryParams({
         nodeId: StringParam,
         pDiskId: StringParam,
@@ -84,7 +85,7 @@ export function VDiskPage() {
         return (_jsx(DiskPageTitle, { entityName: vDiskPageKeyset('vdisk'), status: getSeverityColor(Severity), id: stringifyVdiskId(vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.VDiskId) }));
     };
     const renderControls = () => {
-        return (_jsx("div", { children: _jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: handleAfterEvictVDisk, buttonDisabled: !VDiskId, buttonView: "normal", dialogContent: vDiskPageKeyset('evict-vdisk-dialog'), children: [_jsx(Icon, { data: ArrowsOppositeToDotsIcon }), vDiskPageKeyset('evict-vdisk-button')] }) }));
+        return (_jsx("div", { children: _jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleEvictVDisk, onConfirmActionSuccess: handleAfterEvictVDisk, buttonDisabled: !VDiskId || !isUserAllowedToMakeChanges, buttonView: "normal", dialogContent: vDiskPageKeyset('evict-vdisk-dialog'), withPopover: true, popoverContent: vDiskPageKeyset('evict-vdisk-not-allowed'), popoverDisabled: isUserAllowedToMakeChanges, children: [_jsx(Icon, { data: ArrowsOppositeToDots }), vDiskPageKeyset('evict-vdisk-button')] }) }));
     };
     const renderInfo = () => {
         return _jsx(VDiskInfo, { data: vDiskData, isVDiskPage: true });

package/dist/containers/VDiskPage/i18n/en.json

@@ -5,5 +5,6 @@
     "vdisk": "VDisk",
     "group": "Group",
     "evict-vdisk-button": "Evict VDisk",
-    "evict-vdisk-dialog": "VDisk will be evicted. Do you want to proceed?"
+    "evict-vdisk-dialog": "VDisk will be evicted. Do you want to proceed?",
+    "evict-vdisk-not-allowed": "You don't have enough rights to evict VDisk"
 }

package/dist/containers/VDiskPage/i18n/index.d.ts

@@ -1 +1 @@
-export declare const vDiskPageKeyset: (key: "node" | "group" | "pdisk" | "vdisk" | "fqdn" | "evict-vdisk-button" | "evict-vdisk-dialog", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const vDiskPageKeyset: (key: "node" | "fqdn" | "group" | "pdisk" | "vdisk" | "evict-vdisk-button" | "evict-vdisk-dialog" | "evict-vdisk-not-allowed", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/routes.d.ts

@@ -20,7 +20,7 @@ declare const routes: {
 };
 export default routes;
 export declare const parseQuery: (location: Location) => qs.ParsedQs;
-export type Query = Record<string | number, string | number | string[] | number[] | undefined>;
+export type Query = Record<string | number, string | number | string[] | number[] | undefined | null>;
 export declare function createHref(route: string, params?: Record<string, string | number>, query?: Query): string;
 export declare const createExternalUILink: (query?: {}) => string;
 export declare function getLocationObjectFromHref(href: string): {

package/dist/services/api.d.ts

@@ -13,7 +13,7 @@ import type { TNetInfo } from '../types/api/netInfo';
 import type { TNodesInfo } from '../types/api/nodes';
 import type { TEvNodesInfo } from '../types/api/nodesList';
 import type { TEvPDiskStateResponse } from '../types/api/pdisk';
-import type { Actions, ExplainActions, ExplainResponse, QueryAPIResponse, Schemas } from '../types/api/query';
+import type { Actions, ErrorResponse, ExplainActions, ExplainResponse, QueryAPIResponse, Schemas } from '../types/api/query';
 import type { JsonRenderRequestParams, JsonRenderResponse } from '../types/api/render';
 import type { RestartPDiskResponse } from '../types/api/restartPDisk';
 import type { TEvDescribeSchemeResult } from '../types/api/schema';
@@ -94,8 +94,8 @@ export declare class YdbEmbeddedAPI extends AxiosWrapper {
         stats?: string;
         schema?: Schema;
         syntax?: QuerySyntax;
-    }, { concurrentId, signal }?: AxiosOptions): Promise<QueryAPIResponse<Action, Schema>>;
-    getExplainQuery<Action extends ExplainActions>(query: string, database: string, action: Action, syntax?: QuerySyntax): Promise<ExplainResponse<Action>>;
+    }, { concurrentId, signal }?: AxiosOptions): Promise<ErrorResponse | QueryAPIResponse<Action, Schema>>;
+    getExplainQuery<Action extends ExplainActions>(query: string, database: string, action: Action, syntax?: QuerySyntax): Promise<ErrorResponse | ExplainResponse<Action>>;
     getExplainQueryAst(query: string, database: string): Promise<import("../types/api/query").ExplainQueryResponse>;
     getHotKeys(path: string, enableSampling: boolean, { concurrentId, signal }?: AxiosOptions): Promise<JsonHotKeysResponse>;
     getHealthcheckInfo(database: string, { concurrentId, signal }?: AxiosOptions): Promise<HealthCheckAPIResponse>;

package/dist/services/settings.d.ts

@@ -1,6 +1,24 @@
 export type SettingsObject = Record<string, unknown>;
 /** User settings keys and their default values */
-export declare const DEFAULT_USER_SETTINGS: SettingsObject;
+export declare const DEFAULT_USER_SETTINGS: {
+    readonly theme: "system";
+    readonly language: undefined;
+    readonly invertedDisks: false;
+    readonly useNodesEndpointInDiagnostics: false;
+    readonly queryUseMultiSchema: false;
+    readonly binaryDataInPlainTextDisplay: true;
+    readonly saved_queries: readonly [];
+    readonly saved_tenant_initial_tab: "query";
+    readonly query_initial_mode: "script";
+    readonly last_used_query_action: "execute";
+    readonly asideHeaderCompact: true;
+    readonly partitionsHiddenColumns: readonly [];
+    readonly useBackendParamsForTables: false;
+    readonly useClusterBalancerAsBacked: true;
+    readonly enableAutocomplete: false;
+    readonly autocompleteOnEnter: true;
+    readonly isHotKeysHelpHidden: false;
+};
 declare class SettingsManager {
     /**
      * Returns parsed settings value.

package/dist/services/settings.js

@@ -1,5 +1,5 @@
 import { TENANT_PAGES_IDS } from '../store/reducers/tenant/constants';
-import { ASIDE_HEADER_COMPACT_KEY, AUTOCOMPLETE_ON_ENTER, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, ENABLE_AUTOCOMPLETE, INVERTED_DISKS_KEY, LANGUAGE_KEY, LAST_USED_QUERY_ACTION_KEY, PARTITIONS_HIDDEN_COLUMNS_KEY, QUERY_INITIAL_MODE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SAVED_QUERIES_KEY, TENANT_INITIAL_PAGE_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_CLUSTER_BALANCER_AS_BACKEND_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, } from '../utils/constants';
+import { ASIDE_HEADER_COMPACT_KEY, AUTOCOMPLETE_ON_ENTER, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, ENABLE_AUTOCOMPLETE, INVERTED_DISKS_KEY, IS_HOTKEYS_HELP_HIDDDEN_KEY, LANGUAGE_KEY, LAST_USED_QUERY_ACTION_KEY, PARTITIONS_HIDDEN_COLUMNS_KEY, QUERY_INITIAL_MODE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, SAVED_QUERIES_KEY, TENANT_INITIAL_PAGE_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_CLUSTER_BALANCER_AS_BACKEND_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, } from '../utils/constants';
 import { QUERY_ACTIONS, QUERY_MODES } from '../utils/query';
 import { parseJson } from '../utils/utils';
 /** User settings keys and their default values */
@@ -20,6 +20,7 @@ export const DEFAULT_USER_SETTINGS = {
     [USE_CLUSTER_BALANCER_AS_BACKEND_KEY]: true,
     [ENABLE_AUTOCOMPLETE]: false,
     [AUTOCOMPLETE_ON_ENTER]: true,
+    [IS_HOTKEYS_HELP_HIDDDEN_KEY]: false,
 };
 class SettingsManager {
     constructor() {

package/dist/store/configureStore.d.ts

@@ -8,10 +8,8 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
     aRootReducer?: Reducer<{
         api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
         singleClusterMode: boolean;
-        nodes: import("./reducers/nodes/types").NodesState;
         cluster: import("./reducers/cluster/types").ClusterState;
         tenant: import("./reducers/tenant/types").TenantState;
-        storage: import("./reducers/storage/types").StorageState;
         tooltip: import("../types/store/tooltip").ITooltipState;
         tablets: import("../types/store/tablets").TabletsState;
         schema: import("./reducers/schema/types").SchemaState;
@@ -19,7 +17,6 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
         tenants: import("./reducers/tenants/types").TenantsState;
         partitions: import("./reducers/partitions/types").PartitionsState;
         executeQuery: import("../types/store/executeQuery").ExecuteQueryState;
-        explainQuery: import("../types/store/explainQuery").ExplainQueryState;
         tabletsFilters: {
             loading: boolean;
             requestTime: number;
@@ -71,10 +68,8 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
     }, any, Partial<{
         api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api"> | undefined;
         singleClusterMode: boolean | undefined;
-        nodes: import("./reducers/nodes/types").NodesState | undefined;
         cluster: import("./reducers/cluster/types").ClusterState | undefined;
         tenant: import("./reducers/tenant/types").TenantState | undefined;
-        storage: import("./reducers/storage/types").StorageState | undefined;
         tooltip: never;
         tablets: import("../types/store/tablets").TabletsState | undefined;
         schema: never;
@@ -82,7 +77,6 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
         tenants: import("./reducers/tenants/types").TenantsState | undefined;
         partitions: import("./reducers/partitions/types").PartitionsState | undefined;
         executeQuery: never;
-        explainQuery: never;
         tabletsFilters: {
             data: undefined;
             loading: boolean;
@@ -109,10 +103,8 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
     store: import("@reduxjs/toolkit").EnhancedStore<{
         api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
         singleClusterMode: boolean;
-        nodes: import("./reducers/nodes/types").NodesState;
         cluster: import("./reducers/cluster/types").ClusterState;
         tenant: import("./reducers/tenant/types").TenantState;
-        storage: import("./reducers/storage/types").StorageState;
         tooltip: import("../types/store/tooltip").ITooltipState;
         tablets: import("../types/store/tablets").TabletsState;
         schema: import("./reducers/schema/types").SchemaState;
@@ -120,7 +112,6 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
         tenants: import("./reducers/tenants/types").TenantsState;
         partitions: import("./reducers/partitions/types").PartitionsState;
         executeQuery: import("../types/store/executeQuery").ExecuteQueryState;
-        explainQuery: import("../types/store/explainQuery").ExplainQueryState;
         tabletsFilters: {
             loading: boolean;
             requestTime: number;
@@ -173,10 +164,8 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
         dispatch: import("redux-thunk").ThunkDispatch<{
             api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
             singleClusterMode: boolean;
-            nodes: import("./reducers/nodes/types").NodesState;
             cluster: import("./reducers/cluster/types").ClusterState;
             tenant: import("./reducers/tenant/types").TenantState;
-            storage: import("./reducers/storage/types").StorageState;
             tooltip: import("../types/store/tooltip").ITooltipState;
             tablets: import("../types/store/tablets").TabletsState;
             schema: import("./reducers/schema/types").SchemaState;
@@ -184,7 +173,6 @@ export declare function configureStore({ aRootReducer, singleClusterMode, api, }
             tenants: import("./reducers/tenants/types").TenantsState;
             partitions: import("./reducers/partitions/types").PartitionsState;
             executeQuery: import("../types/store/executeQuery").ExecuteQueryState;
-            explainQuery: import("../types/store/explainQuery").ExplainQueryState;
             tabletsFilters: {
                 loading: boolean;
                 requestTime: number;

package/dist/store/defaultStore.d.ts

@@ -1,10 +1,8 @@
 export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
     singleClusterMode: boolean;
-    nodes: import("./reducers/nodes/types").NodesState;
     cluster: import("./reducers/cluster/types").ClusterState;
     tenant: import("./reducers/tenant/types").TenantState;
-    storage: import("./reducers/storage/types").StorageState;
     tooltip: import("../types/store/tooltip").ITooltipState;
     tablets: import("../types/store/tablets").TabletsState;
     schema: import("./reducers/schema/types").SchemaState;
@@ -12,7 +10,6 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     tenants: import("./reducers/tenants/types").TenantsState;
     partitions: import("./reducers/partitions/types").PartitionsState;
     executeQuery: import("../types/store/executeQuery").ExecuteQueryState;
-    explainQuery: import("../types/store/explainQuery").ExplainQueryState;
     tabletsFilters: {
         loading: boolean;
         requestTime: number;
@@ -65,10 +62,8 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     dispatch: import("redux-thunk").ThunkDispatch<{
         api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
         singleClusterMode: boolean;
-        nodes: import("./reducers/nodes/types").NodesState;
         cluster: import("./reducers/cluster/types").ClusterState;
         tenant: import("./reducers/tenant/types").TenantState;
-        storage: import("./reducers/storage/types").StorageState;
         tooltip: import("../types/store/tooltip").ITooltipState;
         tablets: import("../types/store/tablets").TabletsState;
         schema: import("./reducers/schema/types").SchemaState;
@@ -76,7 +71,6 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
         tenants: import("./reducers/tenants/types").TenantsState;
         partitions: import("./reducers/partitions/types").PartitionsState;
         executeQuery: import("../types/store/executeQuery").ExecuteQueryState;
-        explainQuery: import("../types/store/explainQuery").ExplainQueryState;
         tabletsFilters: {
             loading: boolean;
             requestTime: number;