ydb-embedded-ui 6.8.0 → 6.9.0

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

@@ -1,44 +0,0 @@
-{
-    "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",
-    "actions.openPreview": "Open preview",
-    "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...",
-    "actions.dropView": "Drop view...",
-    "actions.alterTable": "Alter table...",
-    "actions.alterTopic": "Alter topic...",
-    "actions.selectQuery": "Select 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 +0,0 @@
-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/constants.js

@@ -1,3 +0,0 @@
-import { DEFAULT_TABLE_SETTINGS } from '../../../utils/constants';
-export const MAX_QUERY_HEIGHT = 6;
-export const QUERY_TABLE_SETTINGS = Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRenderType: 'variable' });

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ChevronsUp } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import { cn } from '../../../utils/cn';
-import './ToggleButton.scss';
-export var PaneVisibilityActionTypes;
-(function (PaneVisibilityActionTypes) {
-    PaneVisibilityActionTypes["triggerCollapse"] = "triggerCollapse";
-    PaneVisibilityActionTypes["triggerExpand"] = "triggerExpand";
-    PaneVisibilityActionTypes["clear"] = "clear";
-})(PaneVisibilityActionTypes || (PaneVisibilityActionTypes = {}));
-const setInitialIsPaneCollapsed = (key) => {
-    localStorage.setItem(key, 'true');
-};
-const deleteInitialIsPaneCollapsed = (key) => {
-    localStorage.removeItem(key);
-};
-export function paneVisibilityToggleReducerCreator(isPaneCollapsedKey) {
-    return function paneVisibilityToggleReducer(state, action) {
-        switch (action) {
-            case PaneVisibilityActionTypes.triggerCollapse: {
-                setInitialIsPaneCollapsed(isPaneCollapsedKey);
-                return Object.assign(Object.assign({}, state), { triggerCollapse: true, triggerExpand: false, collapsed: true });
-            }
-            case PaneVisibilityActionTypes.triggerExpand: {
-                deleteInitialIsPaneCollapsed(isPaneCollapsedKey);
-                return Object.assign(Object.assign({}, state), { triggerCollapse: false, triggerExpand: true, collapsed: false });
-            }
-            case PaneVisibilityActionTypes.clear: {
-                deleteInitialIsPaneCollapsed(isPaneCollapsedKey);
-                return {
-                    triggerCollapse: false,
-                    triggerExpand: false,
-                    collapsed: false,
-                };
-            }
-            default:
-                return state;
-        }
-    };
-}
-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, { data: ChevronsUp, className: b({ [initialDirection]: true }) }) }), _jsx(Button, { view: "flat-secondary", onClick: onExpand, className: b({
-                    hidden: !isCollapsed,
-                }, className), title: "Expand", children: _jsx(Icon, { data: ChevronsUp, className: b({ [initialDirection]: true }, 'rotate') }) })] }));
-}

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

@@ -1,17 +0,0 @@
-import type { NavigationTreeNodeType } from 'ydb-ui-components';
-import { EPathSubType, EPathType } from '../../../types/api/schema';
-import type { ETenantType } from '../../../types/api/tenant';
-export declare const mapPathTypeToNavigationTreeType: (type?: EPathType, subType?: EPathSubType, defaultType?: NavigationTreeNodeType) => NavigationTreeNodeType;
-export declare const mapPathTypeToEntityName: (type?: EPathType, subType?: EPathSubType) => string | undefined;
-export declare const mapDatabaseTypeToDBName: (type?: ETenantType) => string | undefined;
-export declare const isTableType: (pathType?: EPathType) => boolean;
-export declare const isIndexTableType: (subType?: EPathSubType) => boolean;
-export declare const isColumnEntityType: (type?: EPathType) => boolean;
-export declare const isDatabaseEntityType: (type?: EPathType) => boolean;
-export declare const isCdcStreamEntityType: (type?: EPathType) => boolean;
-export declare const isEntityWithMergedImplementation: (type?: EPathType) => boolean;
-export declare const isChildlessPathType: (type?: EPathType, subType?: EPathSubType) => boolean;
-export declare const isPathTypeWithTopic: (type?: EPathType) => boolean;
-export declare const isExternalTableType: (type?: EPathType) => boolean;
-export declare const isRowTableType: (type?: EPathType) => boolean;
-export declare const isViewType: (type?: EPathType) => boolean;

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

@@ -1,8 +0,0 @@
-import type { NavigationTreeNodeType } from 'ydb-ui-components';
-import type { QueryMode } from '../../../types/store/query';
-interface ActionsAdditionalEffects {
-    setQueryMode: (mode: QueryMode) => void;
-    setActivePath: (path: string) => void;
-}
-export declare const getActions: (dispatch: React.Dispatch<any>, additionalEffects: ActionsAdditionalEffects) => (path: string, type: NavigationTreeNodeType) => import("@gravity-ui/uikit").DropdownMenuItemMixed<any>[];
-export {};

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

@@ -1,130 +0,0 @@
-import copy from 'copy-to-clipboard';
-import { changeUserInput } from '../../../store/reducers/executeQuery';
-import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID } from '../../../store/reducers/tenant/constants';
-import { setQueryTab, setTenantPage } from '../../../store/reducers/tenant/tenant';
-import createToast from '../../../utils/createToast';
-import i18n from '../i18n';
-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) => () => {
-        if (mode) {
-            setQueryMode(mode);
-        }
-        dispatch(changeUserInput({ input: tmpl(path) }));
-        dispatch(setTenantPage(TENANT_PAGES_IDS.query));
-        dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
-        setActivePath(path);
-    };
-    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),
-        createExternalTable: inputQuery(createExternalTableTemplate, 'script'),
-        dropExternalTable: inputQuery(dropExternalTableTemplate, 'script'),
-        selectQueryFromExternalTable: inputQuery(selectQueryTemplate, 'query'),
-        createTopic: inputQuery(createTopicTemplate, 'script'),
-        alterTopic: inputQuery(alterTopicTemplate, 'script'),
-        dropTopic: inputQuery(dropTopicTemplate, 'script'),
-        createView: inputQuery(createViewTemplate, 'script'),
-        dropView: inputQuery(dropViewTemplate, 'script'),
-        copyPath: () => {
-            try {
-                copy(path);
-                createToast({
-                    name: 'Copied',
-                    title: i18n('actions.copied'),
-                    type: 'success',
-                });
-            }
-            catch (_a) {
-                createToast({
-                    name: 'Not copied',
-                    title: i18n('actions.notCopied'),
-                    type: 'error',
-                });
-            }
-        },
-    };
-};
-export const getActions = (dispatch, additionalEffects) => (path, type) => {
-    const actions = bindActions(path, dispatch, additionalEffects);
-    const copyItem = { text: i18n('actions.copyPath'), action: actions.copyPath };
-    const DIR_SET = [
-        [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 },
-        ],
-    ];
-    const TABLE_SET = [
-        [copyItem],
-        [
-            { text: i18n('actions.alterTable'), action: actions.alterTable },
-            { text: i18n('actions.selectQuery'), action: actions.selectQuery },
-            { text: i18n('actions.upsertQuery'), action: actions.upsertQuery },
-        ],
-    ];
-    const TOPIC_SET = [
-        [copyItem],
-        [
-            { text: i18n('actions.alterTopic'), action: actions.alterTopic },
-            { text: i18n('actions.dropTopic'), action: actions.dropTopic },
-        ],
-    ];
-    const EXTERNAL_TABLE_SET = [
-        [copyItem],
-        [
-            {
-                text: i18n('actions.selectQuery'),
-                action: actions.selectQueryFromExternalTable,
-            },
-        ],
-        [{ text: i18n('actions.dropTable'), action: actions.dropExternalTable }],
-    ];
-    const EXTERNAL_DATA_SOURCE_SET = [
-        [copyItem],
-        [{ text: i18n('actions.createExternalTable'), action: actions.createExternalTable }],
-    ];
-    const VIEW_SET = [
-        [copyItem],
-        [{ 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: ASYNC_REPLICATION_SET,
-        database: DIR_SET,
-        directory: DIR_SET,
-        table: TABLE_SET,
-        column_table: TABLE_SET,
-        index_table: JUST_COPY,
-        topic: TOPIC_SET,
-        stream: JUST_COPY,
-        index: JUST_COPY,
-        external_table: EXTERNAL_TABLE_SET,
-        external_data_source: EXTERNAL_DATA_SOURCE_SET,
-        view: VIEW_SET,
-    };
-    return nodeTypeToActions[type];
-};

package/dist/src/containers/Tenants/Tenants.js

@@ -1,171 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import DataTable from '@gravity-ui/react-data-table';
-import { Button } from '@gravity-ui/uikit';
-import { EntitiesCount } from '../../components/EntitiesCount';
-import { EntityStatus } from '../../components/EntityStatus/EntityStatus';
-import { ResponseError } from '../../components/Errors/ResponseError';
-import { Illustration } from '../../components/Illustration';
-import { PoolsGraph } from '../../components/PoolsGraph/PoolsGraph';
-import { ProblemFilter } from '../../components/ProblemFilter';
-import { ResizeableDataTable } from '../../components/ResizeableDataTable/ResizeableDataTable';
-import { Search } from '../../components/Search';
-import { TableWithControlsLayout } from '../../components/TableWithControlsLayout/TableWithControlsLayout';
-import { TabletsStatistic } from '../../components/TabletsStatistic';
-import { clusterName } from '../../store';
-import { ProblemFilterValues, changeFilter, selectProblemFilter, } from '../../store/reducers/settings/settings';
-import { selectFilteredTenants, selectTenantsSearchValue, } from '../../store/reducers/tenants/selectors';
-import { setSearchValue, tenantsApi } from '../../store/reducers/tenants/tenants';
-import { cn } from '../../utils/cn';
-import { DEFAULT_POLLING_INTERVAL, DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
-import { formatBytesToGigabyte, formatCPU, formatNumber, } from '../../utils/dataFormatters/dataFormatters';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { getTenantPath } from '../Tenant/TenantPages';
-import './Tenants.scss';
-const b = cn('tenants');
-const DATABASES_COLUMNS_WIDTH_LS_KEY = 'databasesTableColumnsWidth';
-export const Tenants = ({ additionalTenantsProps }) => {
-    const dispatch = useTypedDispatch();
-    const { currentData, isFetching, error } = tenantsApi.useGetTenantsInfoQuery({ clusterName }, { pollingInterval: DEFAULT_POLLING_INTERVAL });
-    const loading = isFetching && currentData === undefined;
-    const tenants = currentData !== null && currentData !== void 0 ? currentData : [];
-    const searchValue = useTypedSelector(selectTenantsSearchValue);
-    const filteredTenants = useTypedSelector((state) => selectFilteredTenants(state, clusterName));
-    const problemFilter = useTypedSelector(selectProblemFilter);
-    const handleProblemFilterChange = (value) => {
-        dispatch(changeFilter(value));
-    };
-    const handleSearchChange = (value) => {
-        dispatch(setSearchValue(value));
-    };
-    const renderControls = () => {
-        return (_jsxs(React.Fragment, { children: [_jsx(Search, { value: searchValue, onChange: handleSearchChange, placeholder: "Database name", className: b('search') }), _jsx(ProblemFilter, { value: problemFilter, onChange: handleProblemFilterChange }), _jsx(EntitiesCount, { total: tenants.length, current: (filteredTenants === null || filteredTenants === void 0 ? void 0 : filteredTenants.length) || 0, label: 'Databases', loading: loading })] }));
-    };
-    const renderTable = () => {
-        const getTenantBackend = (tenant) => {
-            var _a, _b;
-            const backend = (_a = tenant.MonitoringEndpoint) !== null && _a !== void 0 ? _a : tenant.backend;
-            return (_b = additionalTenantsProps === null || additionalTenantsProps === void 0 ? void 0 : additionalTenantsProps.prepareTenantBackend) === null || _b === void 0 ? void 0 : _b.call(additionalTenantsProps, backend);
-        };
-        const columns = [
-            {
-                name: 'Name',
-                header: 'Database',
-                render: ({ row }) => {
-                    var _a;
-                    const backend = getTenantBackend(row);
-                    const isExternalLink = Boolean(backend);
-                    return (_jsx(EntityStatus, { externalLink: isExternalLink, className: b('name'), name: row.Name || 'unknown database', withLeftTrim: true, status: row.Overall, hasClipboardButton: true, path: getTenantPath({
-                            name: row.Name,
-                            backend,
-                        }), additionalControls: _jsx("span", { className: b('monitoring-button'), children: (_a = additionalTenantsProps === null || additionalTenantsProps === void 0 ? void 0 : additionalTenantsProps.getMonitoringLink) === null || _a === void 0 ? void 0 : _a.call(additionalTenantsProps, row.Name, row.Type) }) }));
-                },
-                width: 440,
-                sortable: true,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'controlPlaneName',
-                header: 'Name',
-                render: ({ row }) => {
-                    return row.controlPlaneName;
-                },
-                width: 200,
-                sortable: true,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'Type',
-                width: 200,
-                resizeMinWidth: 150,
-                render: ({ row }) => {
-                    if (row.Type !== 'Serverless') {
-                        return row.Type;
-                    }
-                    return (_jsxs("div", { className: b('type'), children: [_jsx("span", { className: b('type-value'), children: row.Type }), _jsx(Button, { className: b('type-button'), onClick: () => handleSearchChange(row.sharedTenantName || ''), children: "Show shared" })] }));
-                },
-            },
-            {
-                name: 'State',
-                width: 90,
-                render: ({ row }) => (row.State ? row.State.toLowerCase() : '—'),
-                customStyle: () => ({ textTransform: 'capitalize' }),
-            },
-            {
-                name: 'cpu',
-                header: 'CPU',
-                width: 80,
-                render: ({ row }) => {
-                    // Don't show values below 0.01 when formatted
-                    if (row.cpu && row.cpu > 10000) {
-                        return formatCPU(row.cpu);
-                    }
-                    return '—';
-                },
-                align: DataTable.RIGHT,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'memory',
-                header: 'Memory',
-                width: 120,
-                render: ({ row }) => (row.memory ? formatBytesToGigabyte(row.memory) : '—'),
-                align: DataTable.RIGHT,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'storage',
-                header: 'Storage',
-                width: 120,
-                render: ({ row }) => (row.storage ? formatBytesToGigabyte(row.storage) : '—'),
-                align: DataTable.RIGHT,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'nodesCount',
-                header: 'Nodes',
-                width: 100,
-                render: ({ row }) => (row.nodesCount ? formatNumber(row.nodesCount) : '—'),
-                align: DataTable.RIGHT,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'groupsCount',
-                header: 'Groups',
-                width: 100,
-                render: ({ row }) => (row.groupsCount ? formatNumber(row.groupsCount) : '—'),
-                align: DataTable.RIGHT,
-                defaultOrder: DataTable.DESCENDING,
-            },
-            {
-                name: 'PoolStats',
-                header: 'Pools',
-                width: 100,
-                resizeMinWidth: 60,
-                sortAccessor: ({ PoolStats = [] }) => PoolStats.reduce((acc, item) => acc + (item.Usage || 0), 0),
-                defaultOrder: DataTable.DESCENDING,
-                align: DataTable.LEFT,
-                render: ({ row }) => _jsx(PoolsGraph, { pools: row.PoolStats }),
-            },
-            {
-                name: 'Tablets',
-                header: 'Tablets States',
-                sortable: false,
-                width: 500,
-                resizeMinWidth: 500,
-                render: ({ row }) => {
-                    const backend = getTenantBackend(row);
-                    return row.Tablets ? (_jsx(TabletsStatistic, { path: row.Name, tablets: row.Tablets, nodeIds: row.NodeIds || [], backend: backend })) : ('—');
-                },
-            },
-        ];
-        if (filteredTenants.length === 0 && problemFilter !== ProblemFilterValues.ALL) {
-            return _jsx(Illustration, { name: "thumbsUp", width: "200" });
-        }
-        return (_jsx(ResizeableDataTable, { columnsWidthLSKey: DATABASES_COLUMNS_WIDTH_LS_KEY, data: filteredTenants, columns: columns, settings: DEFAULT_TABLE_SETTINGS, emptyDataMessage: "No such tenants" }));
-    };
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls() }), _jsx(TableWithControlsLayout.Table, { loading: loading, children: renderTable() })] }));
-};

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

@@ -1,21 +0,0 @@
-/// <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;
-    options?: {
-        value: string;
-        content: string;
-    }[];
-    defaultValue?: unknown;
-    onValueUpdate?: VoidFunction;
-}
-export declare const Setting: ({ type, settingKey, options, defaultValue, onValueUpdate, }: SettingProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Settings } from '@gravity-ui/navigation';
-import { Setting } from './Setting';
-import { settings } from './settings';
-export const UserSettings = ({ settings: userSettings = settings }) => {
-    return (_jsx(Settings, { children: userSettings.map((page) => {
-            const { id, title, icon, sections = [] } = page;
-            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(Settings.Item, Object.assign({}, setting, { children: setting.content }), setting.title));
-                            }
-                            return (_jsx(Settings.Item, Object.assign({}, setting, { children: _jsx(Setting, Object.assign({}, setting)) }), setting.title));
-                        }) }, id));
-                }) }, id));
-        }) }));
-};

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

@@ -1,2 +0,0 @@
-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/src/containers/VDiskPage/VDiskPage.js

@@ -1,109 +0,0 @@
-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';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { ButtonWithConfirmDialog } from '../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
-import { DiskPageTitle } from '../../components/DiskPageTitle/DiskPageTitle';
-import { GroupInfo } from '../../components/GroupInfo/GroupInfo';
-import { InfoViewerSkeleton } from '../../components/InfoViewerSkeleton/InfoViewerSkeleton';
-import { PageMeta } from '../../components/PageMeta/PageMeta';
-import { VDiskWithDonorsStack } from '../../components/VDisk/VDiskWithDonorsStack';
-import { VDiskInfo } from '../../components/VDiskInfo/VDiskInfo';
-import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { selectNodesMap } from '../../store/reducers/nodesList';
-import { vDiskApi } from '../../store/reducers/vdisk/vdisk';
-import { valueIsDefined } from '../../utils';
-import { cn } from '../../utils/cn';
-import { DEFAULT_POLLING_INTERVAL } from '../../utils/constants';
-import { stringifyVdiskId } from '../../utils/dataFormatters/dataFormatters';
-import { getSeverityColor } from '../../utils/disks/helpers';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { vDiskPageKeyset } from './i18n';
-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,
-        vDiskSlotId: StringParam,
-    });
-    React.useEffect(() => {
-        dispatch(setHeaderBreadcrumbs('vDisk', { nodeId, pDiskId, vDiskSlotId }));
-    }, [dispatch, nodeId, pDiskId, vDiskSlotId]);
-    const params = valueIsDefined(nodeId) && valueIsDefined(pDiskId) && valueIsDefined(vDiskSlotId)
-        ? { nodeId, pDiskId, vDiskSlotId }
-        : skipToken;
-    const { currentData, isFetching, refetch } = vDiskApi.useGetVDiskDataQuery(params, {
-        pollingInterval: DEFAULT_POLLING_INTERVAL,
-    });
-    const loading = isFetching && currentData === undefined;
-    const { vDiskData = {}, groupData } = currentData || {};
-    const { NodeHost, NodeId, NodeType, NodeDC, PDiskId, PDiskType, Severity, VDiskId } = vDiskData;
-    const handleEvictVDisk = async () => {
-        const { GroupID, GroupGeneration, Ring, Domain, VDisk } = VDiskId || {};
-        if (valueIsDefined(GroupID) &&
-            valueIsDefined(GroupGeneration) &&
-            valueIsDefined(Ring) &&
-            valueIsDefined(Domain) &&
-            valueIsDefined(VDisk)) {
-            return window.api.evictVDisk({
-                groupId: GroupID,
-                groupGeneration: GroupGeneration,
-                failRealmIdx: Ring,
-                failDomainIdx: Domain,
-                vDiskIdx: VDisk,
-            });
-        }
-        return undefined;
-    };
-    const handleAfterEvictVDisk = async () => {
-        return refetch();
-    };
-    const renderHelmet = () => {
-        const vDiskPagePart = vDiskSlotId
-            ? `${vDiskPageKeyset('vdisk')} ${vDiskSlotId}`
-            : vDiskPageKeyset('vdisk');
-        const pDiskPagePart = pDiskId
-            ? `${vDiskPageKeyset('pdisk')} ${pDiskId}`
-            : vDiskPageKeyset('pdisk');
-        const nodePagePart = NodeHost ? NodeHost : vDiskPageKeyset('node');
-        return (_jsx(Helmet, { titleTemplate: `%s - ${vDiskPagePart} - ${pDiskPagePart} — ${nodePagePart} — YDB Monitoring`, defaultTitle: `${vDiskPagePart} - ${pDiskPagePart} — ${nodePagePart} — YDB Monitoring` }));
-    };
-    const renderPageMeta = () => {
-        const hostItem = NodeHost ? `${vDiskPageKeyset('fqdn')}: ${NodeHost}` : undefined;
-        const nodeIdItem = NodeId ? `${vDiskPageKeyset('node')}: ${NodeId}` : undefined;
-        const pDiskIdItem = NodeId ? `${vDiskPageKeyset('pdisk')}: ${PDiskId}` : undefined;
-        return (_jsx(PageMeta, { loading: loading, items: [hostItem, nodeIdItem, NodeType, NodeDC, pDiskIdItem, PDiskType] }));
-    };
-    const renderPageTitle = () => {
-        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 || !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 });
-    };
-    const renderGroupInfo = () => {
-        var _a;
-        if (groupData) {
-            return (_jsxs(React.Fragment, { children: [_jsx("div", { className: vDiskPageCn('group-title'), children: vDiskPageKeyset('group') }), _jsx(GroupInfo, { data: groupData }), _jsx("div", { className: vDiskPageCn('group-disks'), children: (_a = groupData.VDisks) === null || _a === void 0 ? void 0 : _a.map((vDisk) => {
-                            return (_jsx(VDiskWithDonorsStack, { data: vDisk, nodes: nodesMap, className: vDiskPageCn('group-disk') }, stringifyVdiskId(vDisk.VDiskId)));
-                        }) })] }));
-        }
-        return null;
-    };
-    const renderContent = () => {
-        if (loading) {
-            return _jsx(InfoViewerSkeleton, { rows: 20 });
-        }
-        return (_jsxs(React.Fragment, { children: [renderInfo(), renderGroupInfo()] }));
-    };
-    return (_jsxs("div", { className: vDiskPageCn(null), children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderControls(), renderContent()] }));
-}

package/dist/src/containers/VDiskPage/VDiskPage.scss

@@ -1,31 +0,0 @@
-@import '../../styles//mixins.scss';
-
-.ydb-vdisk-page {
-    position: relative;
-
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    gap: 20px;
-
-    height: 100%;
-    padding-top: 20px;
-    padding-left: 20px;
-
-    &__group-title {
-        @include header-1-typography();
-    }
-
-    &__group-disks {
-        display: flex;
-        flex-grow: 1;
-        flex-flow: row wrap;
-        gap: 10px;
-
-        margin-top: 20px;
-    }
-
-    &__group-disk {
-        width: 150px;
-    }
-}

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

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