ydb-embedded-ui 6.6.1 → 6.8.0

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

@@ -4,25 +4,30 @@ import DataTable from '@gravity-ui/react-data-table';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { TableSkeleton } from '../../../../components/TableSkeleton/TableSkeleton';
+import { schemaApi } from '../../../../store/reducers/schema/schema';
 import { viewSchemaApi } from '../../../../store/reducers/viewSchema/viewSchema';
 import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
-import { useTypedSelector } from '../../../../utils/hooks';
 import { isColumnEntityType, isExternalTableType, isRowTableType, isViewType, } from '../../utils/schema';
 import { SCHEMA_COLUMNS_WIDTH_LS_KEY, SCHEMA_TABLE_COLUMS_IDS, getColumnTableColumns, getExternalTableColumns, getRowTableColumns, getViewColumns, } from './columns';
 import { prepareSchemaData, prepareViewSchema } from './prepareData';
 import { b } from './shared';
 import './SchemaViewer.scss';
 export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
-    const { data: schemaData, loading } = useTypedSelector((state) => state.schema);
-    const currentObjectData = path ? schemaData[path] : undefined;
-    const viewSchemaRequestParams = isViewType(type) && path && tenantName ? { path, database: tenantName } : skipToken;
+    const { currentData: schemaData, isFetching } = schemaApi.endpoints.getSchema.useQueryState({
+        path,
+    });
+    const loading = isFetching && schemaData === undefined;
+    const viewSchemaRequestParams = isViewType(type) ? { path, database: tenantName } : skipToken;
     const { data: viewColumnsData, isLoading: isViewSchemaLoading } = viewSchemaApi.useGetViewSchemaQuery(viewSchemaRequestParams);
     const tableData = React.useMemo(() => {
         if (isViewType(type)) {
             return prepareViewSchema(viewColumnsData);
         }
-        return prepareSchemaData(type, currentObjectData);
-    }, [currentObjectData, type, viewColumnsData]);
+        return prepareSchemaData(type, schemaData);
+    }, [schemaData, type, viewColumnsData]);
+    const hasAutoIncrement = React.useMemo(() => {
+        return tableData.some((i) => i.autoIncrement);
+    }, [tableData]);
     const columns = React.useMemo(() => {
         if (isViewType(type)) {
             return getViewColumns();
@@ -34,10 +39,10 @@ export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
             return getColumnTableColumns();
         }
         if (isRowTableType(type)) {
-            return getRowTableColumns(extended);
+            return getRowTableColumns(extended, hasAutoIncrement);
         }
         return [];
-    }, [type, extended]);
+    }, [type, extended, hasAutoIncrement]);
     const renderContent = () => {
         if (loading || isViewSchemaLoading) {
             return _jsx(TableSkeleton, {});

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

@@ -6,6 +6,7 @@ export declare const SCHEMA_TABLE_COLUMS_IDS: {
     isKeyColumn: "isKeyColumn";
     type: "type";
     notNull: "notNull";
+    autoIncrement: "autoIncrement";
     familyName: "familyName";
     prefferedPoolKind: "prefferedPoolKind";
     columnCodec: "columnCodec";
@@ -13,4 +14,4 @@ export declare const SCHEMA_TABLE_COLUMS_IDS: {
 export declare function getViewColumns(): SchemaColumn[];
 export declare function getExternalTableColumns(): SchemaColumn[];
 export declare function getColumnTableColumns(): SchemaColumn[];
-export declare function getRowTableColumns(extended: boolean): SchemaColumn[];
+export declare function getRowTableColumns(extended: boolean, hasAutoIncrement: boolean): SchemaColumn[];

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

@@ -11,6 +11,7 @@ export const SCHEMA_TABLE_COLUMS_IDS = {
     isKeyColumn: 'isKeyColumn',
     type: 'type',
     notNull: 'notNull',
+    autoIncrement: 'autoIncrement',
     familyName: 'familyName',
     prefferedPoolKind: 'prefferedPoolKind',
     columnCodec: 'columnCodec',
@@ -68,6 +69,21 @@ const notNullColumn = {
         return undefined;
     },
 };
+const autoIncrementColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.autoIncrement,
+    get header() {
+        return i18n('column-title.autoIncrement');
+    },
+    width: 100,
+    // Table should start with notNull columns on sort click
+    defaultOrder: DataTable.DESCENDING,
+    render: ({ row }) => {
+        if (row.autoIncrement) {
+            return '\u2713';
+        }
+        return undefined;
+    },
+};
 const familyColumn = {
     name: SCHEMA_TABLE_COLUMS_IDS.familyName,
     get header() {
@@ -101,10 +117,13 @@ export function getExternalTableColumns() {
 export function getColumnTableColumns() {
     return [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
 }
-export function getRowTableColumns(extended) {
+export function getRowTableColumns(extended, hasAutoIncrement) {
     const rowTableColumns = [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
     if (extended) {
-        return rowTableColumns.concat(familyColumn, mediaColumn, compressionColumn);
+        rowTableColumns.push(familyColumn, mediaColumn, compressionColumn);
+    }
+    if (hasAutoIncrement) {
+        rowTableColumns.push(autoIncrementColumn);
     }
     return rowTableColumns;
 }

package/dist/src/containers/Tenant/Schema/SchemaViewer/i18n/en.json

@@ -4,6 +4,7 @@
     "column-title.key": "Key",
     "column-title.type": "Type",
     "column-title.notNull": "NotNull",
+    "column-title.autoIncrement": "AutoIncrement",
     "column-title.family": "Family",
     "column-title.media": "Media",
     "column-title.compression": "Compression"

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

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

@@ -31,7 +31,7 @@ function prepareRowTableSchema(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 } = column;
+        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;
@@ -47,6 +47,7 @@ function prepareRowTableSchema(data = {}) {
             keyAccessor,
             type: Type,
             notNull: NotNull,
+            autoIncrement: Boolean(DefaultFromSequence),
             familyName,
             prefferedPoolKind,
             columnCodec,

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

@@ -7,6 +7,7 @@ export interface SchemaData {
     keyAccessor?: number;
     type?: string;
     notNull?: boolean;
+    autoIncrement?: boolean;
     familyName?: string;
     prefferedPoolKind?: string;
     columnCodec?: string;

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

@@ -1,15 +1,15 @@
 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 { 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 { getSchema } from '../../store/reducers/schema/schema';
+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, useTypedSelector } from '../../utils/hooks';
+import { useTypedDispatch } from '../../utils/hooks';
 import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
 import { ObjectSummary } from './ObjectSummary/ObjectSummary';
 import i18n from './i18n';
@@ -27,25 +27,13 @@ const getTenantSummaryState = () => {
 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();
-    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) {
+        if (previousTenant.current !== tenantName) {
             const register = async () => {
                 const { registerYQLCompletionItemProvider } = await import('../../utils/monaco/yql/yql.completionItemProvider');
                 registerYQLCompletionItemProvider(tenantName);
@@ -54,20 +42,17 @@ function Tenant(props) {
             previousTenant.current = tenantName;
         }
     }, [tenantName]);
+    const dispatch = useTypedDispatch();
     React.useEffect(() => {
-        dispatch(getSchema({ path: tenantName }));
-    }, [tenantName, dispatch]);
-    React.useEffect(() => {
-        //TODO: should be refactored when move to @reduxjs/toolkit/query
-        if (currentSchemaPath && currentSchemaPath !== tenantName) {
-            dispatch(getSchema({ path: currentSchemaPath }));
-        }
-    }, [currentSchemaPath, dispatch, tenantName]);
-    React.useEffect(() => {
-        if (tenantName) {
-            dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));
-        }
+        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);
     };
@@ -77,8 +62,7 @@ function Tenant(props) {
     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, tenantName: tenantName, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx(ObjectGeneral, { type: preloadedPathType || currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName })] }))] }));
+    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/Tenant.scss

@@ -5,4 +5,8 @@
 
     @include body-2-typography();
     @include flex-container();
+
+    &__main {
+        flex-grow: 1;
+    }
 }

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

@@ -0,0 +1,2 @@
+import './TenantNavigation.scss';
+export declare const TenantNavigation: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, RadioButton } from '@gravity-ui/uikit';
+import { cn } from '../../../utils/cn';
+import { useTenantNavigation } from './useTenantNavigation';
+import './TenantNavigation.scss';
+const b = cn('ydb-tenant-navigation');
+const transformItemToOption = ({ id, title, icon }) => {
+    const content = (_jsxs("span", { className: b('item'), children: [_jsx(Icon, { data: icon, size: 16, className: b('icon') }), _jsx("span", { className: b('text'), children: title })] }));
+    return { value: id, content };
+};
+export const TenantNavigation = () => {
+    const navigationItems = useTenantNavigation();
+    const handleUpdate = (value) => {
+        const nextItem = navigationItems.find((item) => item.id === value);
+        nextItem === null || nextItem === void 0 ? void 0 : nextItem.onForward();
+    };
+    const getCurrentItem = () => navigationItems.find((item) => item.current) || navigationItems[0];
+    return (_jsx("div", { className: b(), children: _jsx(RadioButton, { width: "auto", onUpdate: handleUpdate, size: "l", className: b('body'), value: getCurrentItem().id, options: navigationItems.map(transformItemToOption) }) }));
+};

package/dist/src/containers/Tenant/TenantNavigation/TenantNavigation.scss

@@ -0,0 +1,18 @@
+.ydb-tenant-navigation {
+    padding: 12px 16px 8px;
+
+    &__item {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+    }
+
+    &__icon {
+        flex-shrink: 0;
+    }
+    &__text {
+        overflow: hidden;
+
+        text-overflow: ellipsis;
+    }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function useTenantNavigation(): {
+    id: "query" | "diagnostics";
+    title: string;
+    icon: ((props: React.SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: React.SVGProps<SVGSVGElement>) => React.JSX.Element);
+    path: string;
+    current: boolean;
+    onForward: () => void;
+}[];

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

@@ -0,0 +1,44 @@
+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;
+}

package/dist/src/containers/Tenant/i18n/en.json

@@ -1,10 +1,27 @@
 {
     "page.title": "Database",
+    "pages.query": "Query",
+    "pages.diagnostics": "Diagnostics",
     "acl.owner": "Owner",
     "acl.empty": "No Acl data",
     "summary.navigation": "Navigation",
     "summary.showPreview": "Show preview",
+    "summary.source-type": "Source Type",
+    "summary.data-source": "Data Source",
     "summary.copySchemaPath": "Copy schema path",
+    "summary.type": "Type",
+    "summary.subtype": "SubType",
+    "summary.id": "Id",
+    "summary.version": "Version",
+    "summary.created": "Created",
+    "summary.partitions": "Partitions count",
+    "summary.paths": "Paths",
+    "summary.shards": "Shards",
+    "summary.state": "State",
+    "summary.mode": "Mode",
+    "summary.format": "Format",
+    "summary.retention": "Retention",
+    "label.read-only": "ReadOnly",
     "actions.copied": "The path is copied to the clipboard",
     "actions.notCopied": "Couldn’t copy the path",
     "actions.copyPath": "Copy path",
@@ -12,6 +29,8 @@
     "actions.createTable": "Create table...",
     "actions.createExternalTable": "Create external table...",
     "actions.createTopic": "Create topic...",
+    "actions.createColumnTable": "Create column table...",
+    "actions.createAsyncReplication": "Create async replication...",
     "actions.createView": "Create view...",
     "actions.dropTable": "Drop table...",
     "actions.dropTopic": "Drop topic...",
@@ -19,5 +38,7 @@
     "actions.alterTable": "Alter table...",
     "actions.alterTopic": "Alter topic...",
     "actions.selectQuery": "Select query...",
-    "actions.upsertQuery": "Upsert query..."
+    "actions.upsertQuery": "Upsert query...",
+    "actions.alterReplication": "Alter async replicaton...",
+    "actions.dropReplication": "Drop async replicaton..."
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "page.title" | "acl.owner" | "acl.empty" | "summary.navigation" | "summary.showPreview" | "summary.copySchemaPath" | "actions.copied" | "actions.notCopied" | "actions.copyPath" | "actions.openPreview" | "actions.createTable" | "actions.createExternalTable" | "actions.createTopic" | "actions.createView" | "actions.dropTable" | "actions.dropTopic" | "actions.dropView" | "actions.alterTable" | "actions.alterTopic" | "actions.selectQuery" | "actions.upsertQuery", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "page.title" | "pages.query" | "pages.diagnostics" | "acl.owner" | "acl.empty" | "summary.navigation" | "summary.showPreview" | "summary.source-type" | "summary.data-source" | "summary.copySchemaPath" | "summary.type" | "summary.subtype" | "summary.id" | "summary.version" | "summary.created" | "summary.partitions" | "summary.paths" | "summary.shards" | "summary.state" | "summary.mode" | "summary.format" | "summary.retention" | "label.read-only" | "actions.copied" | "actions.notCopied" | "actions.copyPath" | "actions.openPreview" | "actions.createTable" | "actions.createExternalTable" | "actions.createTopic" | "actions.createColumnTable" | "actions.createAsyncReplication" | "actions.createView" | "actions.dropTable" | "actions.dropTopic" | "actions.dropView" | "actions.alterTable" | "actions.alterTopic" | "actions.selectQuery" | "actions.upsertQuery" | "actions.alterReplication" | "actions.dropReplication", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

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

@@ -1,2 +1,3 @@
 import type { TPathDescription } from '../../../types/api/schema';
 export declare const getEntityName: (pathDescription?: TPathDescription) => string | undefined;
+export declare const isReadOnlyTable: (pathDescription?: TPathDescription) => boolean | undefined;

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

@@ -3,3 +3,9 @@ export const getEntityName = (pathDescription) => {
     const { PathType, PathSubType } = (pathDescription === null || pathDescription === void 0 ? void 0 : pathDescription.Self) || {};
     return mapPathTypeToEntityName(PathType, PathSubType);
 };
+export const isReadOnlyTable = (pathDescription) => {
+    var _a;
+    return (_a = pathDescription === null || pathDescription === void 0 ? void 0 : pathDescription.UserAttributes) === null || _a === void 0 ? void 0 : _a.some(({ Key, Value }) => {
+        return Key === '__async_replica' && Value === 'true';
+    });
+};

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

@@ -1,4 +1,6 @@
 export declare const createTableTemplate: (path: string) => string;
+export declare const createColumnTableTemplate: (path: string) => string;
+export declare const createAsyncReplicationTemplate: () => string;
 export declare const alterTableTemplate: (path: string) => string;
 export declare const selectQueryTemplate: (path: string) => string;
 export declare const upsertQueryTemplate: (path: string) => string;
@@ -9,3 +11,5 @@ export declare const alterTopicTemplate: (path: string) => string;
 export declare const dropTopicTemplate: (path: string) => string;
 export declare const createViewTemplate: (path: string) => string;
 export declare const dropViewTemplate: (path: string) => string;
+export declare const dropAsyncReplicationTemplate: (path: string) => string;
+export declare const alterAsyncReplicationTemplate: (path: string) => string;

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

@@ -30,6 +30,32 @@ WITH (
                                -- if some keys are missing in a table when making multiple single queries by the primary key.
 )`;
 };
+export const createColumnTableTemplate = (path) => {
+    return `-- docs: https://ydb.tech/en/docs/yql/reference/syntax/create_table#olap-tables
+CREATE TABLE \`${path}/ydb_column_table\` (
+    id Int64 NOT NULL,
+    author Text,
+    title Text,
+    body Text,
+    PRIMARY KEY (id)
+)
+PARTITION BY HASH(id)
+WITH (STORE = COLUMN)`;
+};
+export const createAsyncReplicationTemplate = () => {
+    return `CREATE OBJECT secret_name (TYPE SECRET) WITH value="secret_value";
+
+CREATE ASYNC REPLICATION my_replication
+FOR \`/remote_database/table_name\` AS \`local_table_name\` --[, \`/remote_database/another_table_name\` AS \`another_local_table_name\` ...]
+WITH (
+    CONNECTION_STRING="grpcs://mydb.ydb.tech:2135/?database=/remote_database",
+    TOKEN_SECRET_NAME = "secret_name"
+    -- ENDPOINT="mydb.ydb.tech:2135",
+    -- DATABASE=\`/remote_database\`,
+    -- USER="user",
+    -- PASSWORD_SECRET_NAME="your_password"
+);`;
+};
 export const alterTableTemplate = (path) => {
     return `ALTER TABLE \`${path}\`
     ADD COLUMN is_deleted Bool;`;
@@ -111,3 +137,9 @@ export const createViewTemplate = (path) => {
 export const dropViewTemplate = (path) => {
     return `DROP VIEW \`${path}\`;`;
 };
+export const dropAsyncReplicationTemplate = (path) => {
+    return `DROP ASYNC REPLICATION \`${path}\`;`;
+};
+export const alterAsyncReplicationTemplate = (path) => {
+    return `ALTER ASYNC REPLICATION \`${path}\` SET (STATE = "DONE", FAILOVER_MODE = "FORCE");`;
+};

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

@@ -4,7 +4,7 @@ import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID } from '../../../store/reducers/
 import { setQueryTab, setTenantPage } from '../../../store/reducers/tenant/tenant';
 import createToast from '../../../utils/createToast';
 import i18n from '../i18n';
-import { alterTableTemplate, alterTopicTemplate, createExternalTableTemplate, createTableTemplate, createTopicTemplate, createViewTemplate, dropExternalTableTemplate, dropTopicTemplate, dropViewTemplate, selectQueryTemplate, upsertQueryTemplate, } from './queryTemplates';
+import { alterAsyncReplicationTemplate, alterTableTemplate, alterTopicTemplate, createAsyncReplicationTemplate, createColumnTableTemplate, createExternalTableTemplate, createTableTemplate, createTopicTemplate, createViewTemplate, dropAsyncReplicationTemplate, dropExternalTableTemplate, dropTopicTemplate, dropViewTemplate, selectQueryTemplate, upsertQueryTemplate, } from './queryTemplates';
 const bindActions = (path, dispatch, additionalEffects) => {
     const { setActivePath, setQueryMode } = additionalEffects;
     const inputQuery = (tmpl, mode) => () => {
@@ -18,6 +18,10 @@ const bindActions = (path, dispatch, additionalEffects) => {
     };
     return {
         createTable: inputQuery(createTableTemplate, 'script'),
+        createColumnTable: inputQuery(createColumnTableTemplate, 'script'),
+        createAsyncReplication: inputQuery(createAsyncReplicationTemplate, 'script'),
+        alterAsyncReplication: inputQuery(alterAsyncReplicationTemplate, 'script'),
+        dropAsyncReplication: inputQuery(dropAsyncReplicationTemplate, 'script'),
         alterTable: inputQuery(alterTableTemplate, 'script'),
         selectQuery: inputQuery(selectQueryTemplate),
         upsertQuery: inputQuery(upsertQueryTemplate),
@@ -55,6 +59,11 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
         [copyItem],
         [
             { text: i18n('actions.createTable'), action: actions.createTable },
+            { text: i18n('actions.createColumnTable'), action: actions.createColumnTable },
+            {
+                text: i18n('actions.createAsyncReplication'),
+                action: actions.createAsyncReplication,
+            },
             { text: i18n('actions.createTopic'), action: actions.createTopic },
             { text: i18n('actions.createView'), action: actions.createView },
         ],
@@ -93,11 +102,18 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
         [{ text: i18n('actions.selectQuery'), action: actions.selectQuery }],
         [{ text: i18n('actions.dropView'), action: actions.dropView }],
     ];
+    const ASYNC_REPLICATION_SET = [
+        [copyItem],
+        [
+            { text: i18n('actions.alterReplication'), action: actions.alterAsyncReplication },
+            { text: i18n('actions.dropReplication'), action: actions.dropAsyncReplication },
+        ],
+    ];
     const JUST_COPY = [copyItem];
     // 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,
+        async_replication: ASYNC_REPLICATION_SET,
         database: DIR_SET,
         directory: DIR_SET,
         table: TABLE_SET,

package/dist/src/containers/UserSettings/Setting.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
+export interface SettingsInfoFieldProps {
+    type: 'info';
+    title: string;
+    description?: React.ReactNode;
+    content: React.ReactNode;
+}
 export type SettingsElementType = 'switch' | 'radio';
 export interface SettingProps {
     type?: SettingsElementType;
     title: string;
     description?: React.ReactNode;
     settingKey: string;
-    helpPopoverContent?: React.ReactNode;
     options?: {
         value: string;
         content: string;
@@ -13,11 +18,4 @@ export interface SettingProps {
     defaultValue?: unknown;
     onValueUpdate?: VoidFunction;
 }
-export declare const Setting: ({ type, settingKey, title, description, helpPopoverContent, options, defaultValue, onValueUpdate, }: SettingProps) => import("react/jsx-runtime").JSX.Element;
-export interface SettingsInfoFieldProps {
-    type: 'info';
-    title: string;
-    description?: React.ReactNode;
-    content: React.ReactNode;
-}
-export declare const SettingsInfoField: ({ title, description, content }: SettingsInfoFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Setting: ({ type, settingKey, options, defaultValue, onValueUpdate, }: SettingProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/containers/UserSettings/Setting.js

@@ -1,40 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Settings } from '@gravity-ui/navigation';
 import { RadioButton, Switch } from '@gravity-ui/uikit';
-import { LabelWithPopover } from '../../components/LabelWithPopover/LabelWithPopover';
 import { useSetting } from '../../utils/hooks';
-import { b } from './UserSettings';
-export const Setting = ({ type = 'switch', settingKey, title, description, helpPopoverContent, options, defaultValue, onValueUpdate, }) => {
+export const Setting = ({ type = 'switch', settingKey, options, defaultValue, onValueUpdate, }) => {
     const [settingValue, setValue] = useSetting(settingKey, defaultValue);
     const onUpdate = (value) => {
         setValue(value);
         onValueUpdate === null || onValueUpdate === void 0 ? void 0 : onValueUpdate();
     };
-    const renderTitleComponent = (value) => {
-        if (helpPopoverContent) {
-            return (_jsx(LabelWithPopover, { className: b('item-with-popup'), contentClassName: b('popup'), text: value, popoverContent: helpPopoverContent }));
+    switch (type) {
+        case 'switch': {
+            return _jsx(Switch, { checked: Boolean(settingValue), onUpdate: onUpdate });
         }
-        return value;
-    };
-    const getSettingsElement = (elementType) => {
-        switch (elementType) {
-            case 'switch': {
-                return _jsx(Switch, { checked: Boolean(settingValue), onUpdate: onUpdate });
-            }
-            case 'radio': {
-                if (!options) {
-                    return null;
-                }
-                return (_jsx(RadioButton, { value: String(settingValue), onUpdate: onUpdate, children: options.map(({ value, content }) => {
-                        return (_jsx(RadioButton.Option, { value: value, children: content }, value));
-                    }) }));
-            }
-            default:
+        case 'radio': {
+            if (!options) {
                 return null;
+            }
+            return (_jsx(RadioButton, { value: String(settingValue), onUpdate: onUpdate, children: options.map(({ value, content }) => {
+                    return (_jsx(RadioButton.Option, { value: value, children: content }, value));
+                }) }));
         }
-    };
-    return (_jsx(Settings.Item, { title: title, highlightedTitle: title, description: description, renderTitleComponent: renderTitleComponent, children: getSettingsElement(type) }));
-};
-export const SettingsInfoField = ({ title, description, content }) => {
-    return (_jsx(Settings.Item, { title: title, highlightedTitle: title, description: description, children: content }));
+        default:
+            return null;
+    }
 };

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

@@ -1,6 +1,4 @@
 import type { YDBEmbeddedUISettings } from './settings';
-import './UserSettings.scss';
-export declare const b: import("@bem-react/classname").ClassNameFormatter;
 interface UserSettingsProps {
     settings?: YDBEmbeddedUISettings;
 }