ydb-embedded-ui 6.5.0 → 6.6.0

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

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DataTable from '@gravity-ui/react-data-table';
+import { Icon } from '@gravity-ui/uikit';
+import i18n from './i18n';
+import { b } from './shared';
+import keyIcon from '../../../../assets/icons/key.svg';
+export const SCHEMA_COLUMNS_WIDTH_LS_KEY = 'schemaTableColumnsWidth';
+export const SCHEMA_TABLE_COLUMS_IDS = {
+    id: 'id',
+    name: 'name',
+    isKeyColumn: 'isKeyColumn',
+    type: 'type',
+    notNull: 'notNull',
+    familyName: 'familyName',
+    prefferedPoolKind: 'prefferedPoolKind',
+    columnCodec: 'columnCodec',
+};
+const idColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.id,
+    get header() {
+        return i18n('column-title.id');
+    },
+    width: 60,
+    render: ({ row }) => row.id,
+};
+const nameColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.name,
+    get header() {
+        return i18n('column-title.name');
+    },
+    width: 100,
+    render: ({ row }) => row.name,
+};
+const keyColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.isKeyColumn,
+    get header() {
+        return i18n('column-title.key');
+    },
+    width: 70,
+    resizeMinWidth: 70,
+    // Table should start with key columns on sort click
+    defaultOrder: DataTable.ASCENDING,
+    sortAccessor: (row) => row.keyAccessor,
+    render: ({ row }) => {
+        return row.isKeyColumn ? (_jsx("div", { className: b('key-icon'), children: _jsx(Icon, { data: keyIcon, width: 12, height: 7 }) })) : null;
+    },
+};
+const typeColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.type,
+    get header() {
+        return i18n('column-title.type');
+    },
+    width: 100,
+    render: ({ row }) => row.type,
+};
+const notNullColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.notNull,
+    get header() {
+        return i18n('column-title.notNull');
+    },
+    width: 100,
+    // Table should start with notNull columns on sort click
+    defaultOrder: DataTable.DESCENDING,
+    render: ({ row }) => {
+        if (row.notNull) {
+            return '\u2713';
+        }
+        return undefined;
+    },
+};
+const familyColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.familyName,
+    get header() {
+        return i18n('column-title.family');
+    },
+    width: 100,
+    render: ({ row }) => row.familyName,
+};
+const mediaColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.prefferedPoolKind,
+    get header() {
+        return i18n('column-title.media');
+    },
+    width: 100,
+    render: ({ row }) => row.prefferedPoolKind,
+};
+const compressionColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.columnCodec,
+    get header() {
+        return i18n('column-title.compression');
+    },
+    width: 100,
+    render: ({ row }) => row.columnCodec,
+};
+export function getViewColumns() {
+    return [nameColumn, typeColumn];
+}
+export function getExternalTableColumns() {
+    return [idColumn, nameColumn, typeColumn, notNullColumn];
+}
+export function getColumnTableColumns() {
+    return [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
+}
+export function getRowTableColumns(extended) {
+    const rowTableColumns = [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
+    if (extended) {
+        return rowTableColumns.concat(familyColumn, mediaColumn, compressionColumn);
+    }
+    return rowTableColumns;
+}

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

@@ -0,0 +1,10 @@
+{
+    "column-title.id": "Id",
+    "column-title.name": "Name",
+    "column-title.key": "Key",
+    "column-title.type": "Type",
+    "column-title.notNull": "NotNull",
+    "column-title.family": "Family",
+    "column-title.media": "Media",
+    "column-title.compression": "Compression"
+}

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

@@ -0,0 +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;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { registerKeysets } from '../../../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-schema-viewer';
+export default registerKeysets(COMPONENT, { en });

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

@@ -0,0 +1,6 @@
+import type { ColumnType } from '../../../../types/api/query';
+import type { EPathType, TEvDescribeSchemeResult, TFamilyDescription, TTableDescription } from '../../../../types/api/schema';
+import type { SchemaData } from './types';
+export declare function prepareFamilies(data?: TTableDescription): Record<number, TFamilyDescription>;
+export declare function prepareSchemaData(type?: EPathType, schema?: TEvDescribeSchemeResult): SchemaData[];
+export declare function prepareViewSchema(columns?: ColumnType[]): SchemaData[];

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

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

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

@@ -0,0 +1 @@
+export declare const b: import("@bem-react/classname").ClassNameFormatter;

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

@@ -0,0 +1,2 @@
+import { cn } from '../../../../utils/cn';
+export const b = cn('schema-viewer');

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

@@ -0,0 +1,16 @@
+import type { Column } from '@gravity-ui/react-data-table';
+export interface SchemaData {
+    id?: number;
+    name?: string;
+    isKeyColumn?: boolean;
+    /** value to sort keys, needed to ensure that key columns will be the first */
+    keyAccessor?: number;
+    type?: string;
+    notNull?: boolean;
+    familyName?: string;
+    prefferedPoolKind?: string;
+    columnCodec?: string;
+}
+export interface SchemaColumn extends Column<SchemaData> {
+    name: keyof SchemaData;
+}

package/dist/{containers → src/containers}/Tenant/Tenant.js

@@ -79,6 +79,6 @@ function Tenant(props) {
     };
     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 })] }))] }));
+    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 })] }))] }));
 }
 export default Tenant;

package/dist/{containers → src/containers}/UserSettings/Setting.d.ts

@@ -14,3 +14,10 @@ export interface SettingProps {
     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;

package/dist/{containers → src/containers}/UserSettings/Setting.js

@@ -35,3 +35,6 @@ export const Setting = ({ type = 'switch', settingKey, title, description, helpP
     };
     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 }));
+};

package/dist/{containers → src/containers}/UserSettings/UserSettings.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Settings } from '@gravity-ui/navigation';
 import { cn } from '../../utils/cn';
-import { Setting } from './Setting';
+import { Setting, SettingsInfoField } from './Setting';
 import { settings } from './settings';
 import './UserSettings.scss';
 export const b = cn('ydb-user-settings');
@@ -11,6 +11,9 @@ export const UserSettings = ({ settings: userSettings = settings }) => {
             return (_jsx(Settings.Page, { id: id, title: title, icon: icon, children: sections.map((section) => {
                     const { title: sectionTitle, settings: sectionSettings = [] } = section;
                     return (_jsx(Settings.Section, { title: sectionTitle, children: sectionSettings.map((setting) => {
+                            if (setting.type === 'info') {
+                                return (_jsx(SettingsInfoField, Object.assign({}, setting), setting.title));
+                            }
                             return _jsx(Setting, Object.assign({}, setting), setting.settingKey);
                         }) }, id));
                 }) }, id));

package/dist/{containers → src/containers}/UserSettings/i18n/en.json

@@ -5,6 +5,8 @@
     "section.experiments": "Experiments",
     "page.editor": "Editor",
     "section.dev-setting": "Development settings",
+    "page.about": "About",
+    "section.about": "About",
     "settings.editor.autocomplete.title": "Enable autocomplete",
     "settings.editor.autocomplete.description": "You’re always able to get suggestions by pressing Ctrl+Space.",
     "settings.editor.autocomplete-on-enter.title": "Accept suggestion on Enter",
@@ -24,5 +26,6 @@
     "settings.useVirtualTables.title": "Use table with data load on scroll for Nodes and Storage tabs",
     "settings.useVirtualTables.popover": "It will increase performance, but could work unstable",
     "settings.queryUseMultiSchema.title": "Allow queries with multiple result sets",
-    "settings.queryUseMultiSchema.popover": "Use 'multi' schema for queries that enables queries with multiple result sets. Returns nothing on versions 23-3 and older"
+    "settings.queryUseMultiSchema.popover": "Use 'multi' schema for queries that enables queries with multiple result sets. Returns nothing on versions 23-3 and older",
+    "settings.about.interfaceVersionInfoField.title": "Interface version"
 }

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "page.general" | "section.appearance" | "page.experiments" | "section.experiments" | "page.editor" | "section.dev-setting" | "page.about" | "section.about" | "settings.editor.autocomplete.title" | "settings.editor.autocomplete.description" | "settings.editor.autocomplete-on-enter.title" | "settings.editor.autocomplete-on-enter.description" | "settings.theme.title" | "settings.theme.option-dark" | "settings.theme.option-light" | "settings.theme.option-system" | "settings.language.title" | "settings.language.option-russian" | "settings.language.option-english" | "settings.binaryDataInPlainTextDisplay.title" | "settings.binaryDataInPlainTextDisplay.description" | "settings.invertedDisks.title" | "settings.useNodesEndpoint.title" | "settings.useNodesEndpoint.popover" | "settings.useVirtualTables.title" | "settings.useVirtualTables.popover" | "settings.queryUseMultiSchema.title" | "settings.queryUseMultiSchema.popover" | "settings.about.interfaceVersionInfoField.title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/dist/{containers → src/containers}/UserSettings/settings.d.ts

@@ -1,9 +1,9 @@
 import type { IconProps } from '@gravity-ui/uikit';
-import type { SettingProps } from './Setting';
+import type { SettingProps, SettingsInfoFieldProps } from './Setting';
 export interface SettingsSection {
     id: string;
     title: string;
-    settings: SettingProps[];
+    settings: (SettingProps | SettingsInfoFieldProps)[];
 }
 export interface SettingsPage {
     id: string;
@@ -21,10 +21,13 @@ export declare const useVirtualTables: SettingProps;
 export declare const queryUseMultiSchemaSetting: SettingProps;
 export declare const enableAutocompleteSetting: SettingProps;
 export declare const autocompleteOnEnterSetting: SettingProps;
+export declare const interfaceVersionInfoField: SettingsInfoFieldProps;
 export declare const appearanceSection: SettingsSection;
 export declare const experimentsSection: SettingsSection;
 export declare const devSettingsSection: SettingsSection;
+export declare const aboutSettingsSection: SettingsSection;
 export declare const generalPage: SettingsPage;
 export declare const experimentsPage: SettingsPage;
 export declare const editorPage: SettingsPage;
+export declare const aboutPage: SettingsPage;
 export declare const settings: YDBEmbeddedUISettings;

package/dist/{containers → src/containers}/UserSettings/settings.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Flask, PencilToSquare, StarFill } from '@gravity-ui/icons';
+import { CircleInfo, Flask, PencilToSquare, StarFill } from '@gravity-ui/icons';
 import { AUTOCOMPLETE_ON_ENTER, BINARY_DATA_IN_PLAIN_TEXT_DISPLAY, ENABLE_AUTOCOMPLETE, INVERTED_DISKS_KEY, LANGUAGE_KEY, QUERY_USE_MULTI_SCHEMA_KEY, THEME_KEY, USE_BACKEND_PARAMS_FOR_TABLES_KEY, USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, } from '../../utils/constants';
 import { Lang, defaultLang } from '../../utils/i18n';
 import { ClusterModeGuard } from '../ClusterModeGuard';
 import i18n from './i18n';
+import packageJson from '../../../package.json';
 const themeOptions = [
     {
         value: 'system',
@@ -78,6 +79,11 @@ export const autocompleteOnEnterSetting = {
     title: i18n('settings.editor.autocomplete-on-enter.title'),
     description: i18n('settings.editor.autocomplete-on-enter.description'),
 };
+export const interfaceVersionInfoField = {
+    title: i18n('settings.about.interfaceVersionInfoField.title'),
+    type: 'info',
+    content: packageJson.version,
+};
 export const appearanceSection = {
     id: 'appearanceSection',
     title: i18n('section.appearance'),
@@ -93,6 +99,11 @@ export const devSettingsSection = {
     title: i18n('section.dev-setting'),
     settings: [enableAutocompleteSetting, autocompleteOnEnterSetting],
 };
+export const aboutSettingsSection = {
+    id: 'aboutSettingsSection',
+    title: i18n('section.about'),
+    settings: [interfaceVersionInfoField],
+};
 export const generalPage = {
     id: 'generalPage',
     title: i18n('page.general'),
@@ -111,4 +122,15 @@ export const editorPage = {
     icon: { data: PencilToSquare },
     sections: [devSettingsSection],
 };
-export const settings = [generalPage, editorPage, experimentsPage];
+export const aboutPage = {
+    id: 'aboutPage',
+    title: i18n('page.about'),
+    icon: { data: CircleInfo },
+    sections: [aboutSettingsSection],
+};
+export const settings = [
+    generalPage,
+    editorPage,
+    experimentsPage,
+    aboutPage,
+];

package/dist/{services → src/services}/settings.d.ts

@@ -15,7 +15,7 @@ export declare const DEFAULT_USER_SETTINGS: {
     readonly partitionsHiddenColumns: readonly [];
     readonly useBackendParamsForTables: false;
     readonly useClusterBalancerAsBacked: true;
-    readonly enableAutocomplete: false;
+    readonly enableAutocomplete: true;
     readonly autocompleteOnEnter: true;
     readonly isHotKeysHelpHidden: false;
 };

package/dist/{services → src/services}/settings.js

@@ -18,7 +18,7 @@ export const DEFAULT_USER_SETTINGS = {
     [PARTITIONS_HIDDEN_COLUMNS_KEY]: [],
     [USE_BACKEND_PARAMS_FOR_TABLES_KEY]: false,
     [USE_CLUSTER_BALANCER_AS_BACKEND_KEY]: true,
-    [ENABLE_AUTOCOMPLETE]: false,
+    [ENABLE_AUTOCOMPLETE]: true,
     [AUTOCOMPLETE_ON_ENTER]: true,
     [IS_HOTKEYS_HELP_HIDDDEN_KEY]: false,
 };

package/dist/src/store/reducers/viewSchema/viewSchema.d.ts

@@ -0,0 +1,6 @@
+export declare const viewSchemaApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../api")._NEVER, unknown, {}>, {
+    getViewSchema: import("@reduxjs/toolkit/query").QueryDefinition<{
+        database: string;
+        path: string;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../api")._NEVER, unknown, {}>, "All", import("../../../types/api/query").ColumnType[] | undefined, "api">;
+}, "api", "All", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/dist/query/react").reactHooksModuleName>;

package/dist/src/store/reducers/viewSchema/viewSchema.js

@@ -0,0 +1,30 @@
+import { isQueryErrorResponse } from '../../../utils/query';
+import { api } from '../api';
+function createViewSchemaQuery(path) {
+    return `SELECT * FROM \`${path}\` LIMIT 0`;
+}
+export const viewSchemaApi = api.injectEndpoints({
+    endpoints: (build) => ({
+        getViewSchema: build.query({
+            queryFn: async ({ database, path }) => {
+                try {
+                    const response = await window.api.sendQuery({
+                        schema: 'modern',
+                        query: createViewSchemaQuery(path),
+                        database,
+                        action: 'execute-scan',
+                    });
+                    if (isQueryErrorResponse(response)) {
+                        return { error: response };
+                    }
+                    return { data: response.columns || [] };
+                }
+                catch (error) {
+                    return { error: error };
+                }
+            },
+            providesTags: ['All'],
+        }),
+    }),
+    overrideExisting: 'throw',
+});

package/dist/{types → src/types}/api/schema/columnEntity.d.ts

@@ -70,6 +70,7 @@ interface TOlapColumnDescription {
     Id?: number;
     Name?: string;
     Type?: string;
+    NotNull?: boolean;
     TypeId?: number;
     TypeInfo?: TTypeInfo;
 }

package/dist/{utils → src/utils}/monaco/yql/generateSuggestions.js

@@ -93,12 +93,12 @@ const SuggestionsWeight = {
     suggestTableIndexes: 5,
     suggestTableHints: 6,
     suggestEntitySettings: 7,
-    suggestSimpleTypes: 8,
-    suggestKeywords: 9,
-    suggestAggregateFunctions: 10,
-    suggestTableFunctions: 11,
-    suggestWindowFunctions: 12,
-    suggestFunctions: 13,
+    suggestKeywords: 8,
+    suggestAggregateFunctions: 9,
+    suggestTableFunctions: 10,
+    suggestWindowFunctions: 11,
+    suggestFunctions: 12,
+    suggestSimpleTypes: 13,
     suggestUdfs: 14,
 };
 function getSuggestionIndex(suggestionType) {

package/dist/src/utils/timeParsers/__test__/protobuf.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/styles/constants.scss

@@ -3,7 +3,7 @@
 
     --diagnostics-section-title-margin: 20px;
 
-    --diagnostics-section-margin: 16px;
+    --diagnostics-section-margin: 30px;
 
     --diagnostics-section-table-width: 872px;
 }

package/dist/styles/mixins.scss

@@ -94,13 +94,45 @@
     @include body-2-typography();
 }
 
-@mixin query-data-table() {
-    & .data-table {
+@mixin data-table-styles {
+    --data-table-row-height: 40px;
+    --data-table-cell-align: middle;
+    --data-table-head-align: middle;
+
+    .data-table {
+        @include body-2-typography();
+
         &__th,
         &__td {
-            vertical-align: middle;
+            height: var(--data-table-row-height);
+
+            border-top: unset;
+            border-right: unset;
+            border-left: unset;
         }
 
+        &__th {
+            font-weight: bold;
+        }
+
+        &__table {
+            border-spacing: 0;
+            border-collapse: separate;
+        }
+    }
+
+    // DataTable with moving head is actually made of two separate tables
+    // The second table has header with zero height, so it's actually invisible
+    // There should not be any height set for this header
+    .data-table__box_sticky-head_moving {
+        .data-table__th {
+            height: unset;
+        }
+    }
+}
+
+@mixin query-data-table() {
+    & .data-table {
         &__box {
             .data-table__table-wrapper {
                 padding-bottom: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "6.5.0",
+  "version": "6.6.0",
   "files": [
     "dist"
   ],
@@ -13,7 +13,7 @@
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/axios-wrapper": "^1.4.1",
     "@gravity-ui/chartkit": "^5.5.0",
-    "@gravity-ui/components": "^3.4.1",
+    "@gravity-ui/components": "^3.6.2",
     "@gravity-ui/date-utils": "^2.4.0",
     "@gravity-ui/i18n": "^1.5.0",
     "@gravity-ui/icons": "^2.9.1",
@@ -21,7 +21,7 @@
     "@gravity-ui/paranoid": "^2.0.1",
     "@gravity-ui/react-data-table": "^2.1.1",
     "@gravity-ui/uikit": "^6.15.0",
-    "@gravity-ui/websql-autocomplete": "^9.0.0",
+    "@gravity-ui/websql-autocomplete": "^9.1.0",
     "@reduxjs/toolkit": "^2.2.3",
     "axios": "^1.6.8",
     "colord": "^2.9.3",

package/dist/containers/Tenant/Info/i18n/ru.json

@@ -1,8 +0,0 @@
-{
-    "external-objects.source-type": "Тип источника",
-    "external-objects.data-source": "Источник",
-    "external-objects.location": "Расположение",
-    "external-objects.auth-method": "Авторизация",
-    "external-objects.auth-method.none": "Нет",
-    "external-objects.auth-method.service-account": "Сервисный аккаунт"
-}

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 {};