ydb-embedded-ui 6.4.0 → 6.6.0

package/dist/src/utils/query.js

@@ -0,0 +1,194 @@
+import { __rest } from "tslib";
+import { YQLType } from '../types';
+import { isAxiosResponse, isNetworkError } from './response';
+export const QUERY_ACTIONS = {
+    execute: 'execute',
+    explain: 'explain',
+};
+export const QUERY_MODES = {
+    scan: 'scan',
+    script: 'script',
+    data: 'data',
+    query: 'query',
+    pg: 'pg',
+};
+export const QUERY_MODES_TITLES = {
+    scan: 'Scan',
+    script: 'YQL Script',
+    data: 'Data',
+    query: 'YQL - QueryService',
+    pg: 'PostgreSQL',
+};
+export const QUERY_SYNTAX = {
+    yql: 'yql_v1',
+    pg: 'pg',
+};
+// eslint-disable-next-line complexity
+export const getColumnType = (type) => {
+    switch (type.replace(/\?$/, '')) {
+        case YQLType.Bool:
+            return 'boolean';
+        case YQLType.Int8:
+        case YQLType.Int16:
+        case YQLType.Int32:
+        case YQLType.Int64:
+        case YQLType.Uint8:
+        case YQLType.Uint16:
+        case YQLType.Uint32:
+        case YQLType.Uint64:
+        case YQLType.Float:
+        case YQLType.Double:
+        case YQLType.Decimal:
+            return 'number';
+        case YQLType.String:
+        case YQLType.Utf8:
+        case YQLType.Json:
+        case YQLType.JsonDocument:
+        case YQLType.Yson:
+        case YQLType.Uuid:
+            return 'string';
+        case YQLType.Date:
+        case YQLType.Datetime:
+        case YQLType.Timestamp:
+        case YQLType.Interval:
+        case YQLType.TzDate:
+        case YQLType.TzDateTime:
+        case YQLType.TzTimestamp:
+            return 'date';
+        default:
+            return undefined;
+    }
+};
+/** parse response result from ArrayRow to KeyValueRow */
+const parseModernResult = (rows, columns) => {
+    return rows.map((row) => {
+        return row.reduce((newRow, cellData, columnIndex) => {
+            const { name } = columns[columnIndex];
+            newRow[name] = cellData;
+            return newRow;
+        }, {});
+    });
+};
+const parseExecuteModernResponse = (data) => {
+    const { result, columns } = data, restData = __rest(data, ["result", "columns"]);
+    return Object.assign({ result: result && columns && parseModernResult(result, columns), columns }, restData);
+};
+const parseExecuteMultiResponse = (data) => {
+    const { result } = data, restData = __rest(data, ["result"]);
+    const parsedResult = result === null || result === void 0 ? void 0 : result.map((resultSet) => {
+        const { rows, columns } = resultSet;
+        let parsedRows;
+        if (columns) {
+            // Result shouldn't be null if there are columns
+            parsedRows = [];
+        }
+        if (rows && columns) {
+            parsedRows = parseModernResult(rows, columns);
+        }
+        return {
+            columns: columns,
+            result: parsedRows,
+        };
+    });
+    return Object.assign({ resultSets: parsedResult }, restData);
+};
+const isModern = (response) => Boolean(response &&
+    !Array.isArray(response) &&
+    Array.isArray(response.result) &&
+    Array.isArray(response.columns));
+const isMulti = (response) => Boolean(response &&
+    !Array.isArray(response) &&
+    Array.isArray(response.result) &&
+    typeof response.result[0] === 'object' &&
+    'rows' in response.result[0] &&
+    'columns' in response.result[0]);
+const isUnsupportedType = (data) => {
+    return Boolean(!data ||
+        typeof data !== 'object' ||
+        Array.isArray(data) ||
+        ('result' in data && !Array.isArray(data.result)));
+};
+export function isQueryErrorResponse(data) {
+    return Boolean(data && typeof data === 'object' && 'error' in data && 'issues' in data);
+}
+// Although schema is set in request, if schema is not supported default schema for the version will be used
+// So we should additionally parse response
+export const parseQueryAPIExecuteResponse = (data) => {
+    if (isUnsupportedType(data)) {
+        return {};
+    }
+    if (isMulti(data)) {
+        return parseExecuteMultiResponse(data);
+    }
+    if (isModern(data)) {
+        return parseExecuteModernResponse(data);
+    }
+    return data;
+};
+export const parseQueryAPIExplainResponse = (data) => {
+    if (isUnsupportedType(data)) {
+        return {};
+    }
+    return data;
+};
+const isExplainScriptPlan = (plan) => Boolean(plan && 'queries' in plan);
+export const parseQueryExplainPlan = (plan) => {
+    if (isExplainScriptPlan(plan)) {
+        if (!plan.queries || !plan.queries.length) {
+            return { meta: plan.meta };
+        }
+        return {
+            Plan: plan.queries[0].Plan,
+            tables: plan.queries[0].tables,
+            meta: plan.meta,
+        };
+    }
+    return plan;
+};
+export const prepareQueryResponse = (data) => {
+    if (!Array.isArray(data)) {
+        return [];
+    }
+    return data.map((row) => {
+        const formattedData = {};
+        for (const field in row) {
+            if (Object.prototype.hasOwnProperty.call(row, field)) {
+                const type = typeof row[field];
+                // Although typeof null == 'object'
+                // null result should be preserved
+                if ((row[field] !== null && type === 'object') ||
+                    type === 'boolean' ||
+                    Array.isArray(row[field])) {
+                    formattedData[field] = JSON.stringify(row[field]);
+                }
+                else {
+                    formattedData[field] = row[field];
+                }
+            }
+        }
+        return formattedData;
+    });
+};
+export const parseQueryError = (error) => {
+    if (typeof error === 'string' || isQueryErrorResponse(error)) {
+        return error;
+    }
+    if (isNetworkError(error)) {
+        return error.message;
+    }
+    if (isAxiosResponse(error)) {
+        if ('data' in error && isQueryErrorResponse(error.data)) {
+            return error.data;
+        }
+        return error.statusText;
+    }
+    return undefined;
+};
+export const parseQueryErrorToString = (error) => {
+    var _a;
+    const parsedError = parseQueryError(error);
+    if (typeof parsedError === 'string') {
+        return parsedError;
+    }
+    return (_a = parsedError === null || parsedError === void 0 ? void 0 : parsedError.error) === null || _a === void 0 ? void 0 : _a.message;
+};

package/dist/src/utils/response.d.ts

@@ -0,0 +1,4 @@
+import type { AxiosResponse } from 'axios';
+import type { NetworkError } from '../types/api/error';
+export declare const isNetworkError: (error: unknown) => error is NetworkError;
+export declare const isAxiosResponse: (response: unknown) => response is AxiosResponse<any, any>;

package/dist/src/utils/response.js

@@ -0,0 +1,9 @@
+export const isNetworkError = (error) => {
+    return Boolean(error &&
+        typeof error === 'object' &&
+        'message' in error &&
+        error.message === 'Network Error');
+};
+export const isAxiosResponse = (response) => {
+    return Boolean(response && typeof response === 'object' && 'status' in response);
+};

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.4.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": "^8.1.0",
+    "@gravity-ui/websql-autocomplete": "^9.1.0",
     "@reduxjs/toolkit": "^2.2.3",
     "axios": "^1.6.8",
     "colord": "^2.9.3",
@@ -48,7 +48,7 @@
     "url": "^0.11.3",
     "use-query-params": "^2.2.1",
     "web-vitals": "^1.1.2",
-    "ydb-ui-components": "^4.1.0",
+    "ydb-ui-components": "^4.2.0",
     "zod": "^3.23.8"
   },
   "scripts": {

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from '@gravity-ui/uikit';
-interface ButtonWithConfirmDialogProps<T, K> {
-    children: React.ReactNode;
-    onConfirmAction: () => Promise<T>;
-    onConfirmActionSuccess?: (() => Promise<K>) | VoidFunction;
-    dialogContent: string;
-    buttonDisabled?: ButtonProps['disabled'];
-    buttonView?: ButtonProps['view'];
-    buttonClassName?: ButtonProps['className'];
-}
-export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled, buttonView, buttonClassName, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Button } from '@gravity-ui/uikit';
-import { CriticalActionDialog } from '../CriticalActionDialog';
-export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled = false, buttonView = 'action', buttonClassName, }) {
-    const [isConfirmDialogVisible, setIsConfirmDialogVisible] = React.useState(false);
-    const [buttonLoading, setButtonLoading] = React.useState(false);
-    const handleConfirmAction = async () => {
-        setButtonLoading(true);
-        await onConfirmAction();
-        setButtonLoading(false);
-    };
-    const handleConfirmActionSuccess = async () => {
-        if (onConfirmActionSuccess) {
-            setButtonLoading(true);
-            try {
-                await onConfirmActionSuccess();
-            }
-            catch (_a) {
-            }
-            finally {
-                setButtonLoading(false);
-            }
-        }
-    };
-    const handleConfirmActionError = () => {
-        setButtonLoading(false);
-    };
-    return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text: dialogContent, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
-                    setIsConfirmDialogVisible(false);
-                } }), _jsx(Button, { onClick: () => setIsConfirmDialogVisible(true), view: buttonView, disabled: buttonDisabled, loading: !buttonDisabled && buttonLoading, className: buttonClassName, children: children })] }));
-}

package/dist/components/Errors/ResponseError/ResponseError.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import i18n from '../i18n';
-export const ResponseError = ({ error, className, defaultMessage = i18n('responseError.defaultMessage'), }) => {
-    let statusText = '';
-    if (error && typeof error === 'object') {
-        if ('statusText' in error && typeof error.statusText === 'string') {
-            statusText = error.statusText;
-        }
-        else if ('message' in error && typeof error.message === 'string') {
-            statusText = error.message;
-        }
-    }
-    return _jsx("div", { className: `error ${className}`, children: statusText || defaultMessage });
-};

package/dist/components/PDiskInfo/i18n/index.d.ts

@@ -1 +0,0 @@
-export declare const pDiskInfoKeyset: (key: "path" | "type" | "size" | "links" | "state" | "guid" | "category" | "device" | "realtime" | "serial-number" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/components/QueryExecutionStatus/QueryExecutionStatus.d.ts

@@ -1,8 +0,0 @@
-import type { AxiosError } from 'axios';
-import './QueryExecutionStatus.scss';
-interface QueryExecutionStatusProps {
-    className?: string;
-    error?: AxiosError | Record<string, any> | string;
-}
-export declare const QueryExecutionStatus: ({ className, error }: QueryExecutionStatusProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/QueryExecutionStatus/QueryExecutionStatus.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CircleCheck, CircleQuestionFill, CircleXmark } from '@gravity-ui/icons';
-import { Icon } from '@gravity-ui/uikit';
-import { cn } from '../../utils/cn';
-import './QueryExecutionStatus.scss';
-const b = cn('kv-query-execution-status');
-export const QueryExecutionStatus = ({ className, error }) => {
-    let icon;
-    let label;
-    if (typeof error === 'object' && (error === null || error === void 0 ? void 0 : error.code) === 'ECONNABORTED') {
-        icon = _jsx(Icon, { data: CircleQuestionFill });
-        label = 'Connection aborted';
-    }
-    else {
-        const hasError = Boolean(error);
-        icon = (_jsx(Icon, { data: hasError ? CircleXmark : CircleCheck, className: b('result-status-icon', { error: hasError }) }));
-        label = hasError ? 'Failed' : 'Completed';
-    }
-    return (_jsxs("div", { className: b(null, className), children: [icon, label] }));
-};

package/dist/components/VDiskInfo/i18n/index.d.ts

@@ -1 +0,0 @@
-export declare const vDiskInfoKeyset: (key: "size" | "kind" | "links" | "yes" | "no" | "pool-name" | "guid" | "developer-ui" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/containers/Clusters/Clusters.js

@@ -1,77 +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 { Select, TableColumnSetup } from '@gravity-ui/uikit';
-import { Helmet } from 'react-helmet-async';
-import { ResponseError } from '../../components/Errors/ResponseError';
-import { Loader } from '../../components/Loader';
-import { ResizeableDataTable } from '../../components/ResizeableDataTable/ResizeableDataTable';
-import { Search } from '../../components/Search';
-import { changeClustersFilters, clustersApi } from '../../store/reducers/clusters/clusters';
-import { aggregateClustersInfo, filterClusters, selectClusterNameFilter, selectServiceFilter, selectStatusFilter, selectVersionFilter, } from '../../store/reducers/clusters/selectors';
-import { DEFAULT_POLLING_INTERVAL, DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { getMinorVersion } from '../../utils/versions';
-import { ClustersStatistics } from './ClustersStatistics';
-import { CLUSTERS_COLUMNS, CLUSTERS_COLUMNS_WIDTH_LS_KEY } from './columns';
-import { CLUSTER_STATUSES, COLUMNS_NAMES, COLUMNS_TITLES, DEFAULT_COLUMNS, SELECTED_COLUMNS_KEY, } from './constants';
-import i18n from './i18n';
-import { b } from './shared';
-import { useSelectedColumns } from './useSelectedColumns';
-import './Clusters.scss';
-export function Clusters() {
-    const query = clustersApi.useGetClustersListQuery(undefined, {
-        pollingInterval: DEFAULT_POLLING_INTERVAL,
-    });
-    const dispatch = useTypedDispatch();
-    const clusterName = useTypedSelector(selectClusterNameFilter);
-    const status = useTypedSelector(selectStatusFilter);
-    const service = useTypedSelector(selectServiceFilter);
-    const version = useTypedSelector(selectVersionFilter);
-    const changeStatus = (value) => {
-        dispatch(changeClustersFilters({ status: value }));
-    };
-    const changeService = (value) => {
-        dispatch(changeClustersFilters({ service: value }));
-    };
-    const changeClusterName = (value) => {
-        dispatch(changeClustersFilters({ clusterName: value }));
-    };
-    const changeVersion = (value) => {
-        dispatch(changeClustersFilters({ version: value }));
-    };
-    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(CLUSTERS_COLUMNS, SELECTED_COLUMNS_KEY, COLUMNS_TITLES, DEFAULT_COLUMNS, [COLUMNS_NAMES.TITLE]);
-    const clusters = query.data;
-    const { servicesToSelect, versions } = React.useMemo(() => {
-        const clustersServices = new Set();
-        const uniqVersions = new Set();
-        const clusterList = clusters !== null && clusters !== void 0 ? clusters : [];
-        clusterList.forEach((cluster) => {
-            var _a, _b;
-            if (cluster.service) {
-                clustersServices.add(cluster.service);
-            }
-            (_b = (_a = cluster.cluster) === null || _a === void 0 ? void 0 : _a.Versions) === null || _b === void 0 ? void 0 : _b.forEach((v) => {
-                uniqVersions.add(getMinorVersion(v));
-            });
-        });
-        return {
-            servicesToSelect: Array.from(clustersServices).map((value) => ({
-                value,
-                content: value,
-            })),
-            versions: Array.from(uniqVersions).map((value) => ({ value, content: value })),
-        };
-    }, [clusters]);
-    const filteredClusters = React.useMemo(() => {
-        return filterClusters(clusters !== null && clusters !== void 0 ? clusters : [], { clusterName, status, service, version });
-    }, [clusterName, clusters, service, status, version]);
-    const aggregation = React.useMemo(() => aggregateClustersInfo(filteredClusters), [filteredClusters]);
-    if (query.isLoading) {
-        return _jsx(Loader, { size: "l" });
-    }
-    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), _jsx(ClustersStatistics, { stats: aggregation, count: filteredClusters.length }), _jsxs("div", { className: b('controls'), children: [_jsx("div", { className: b('control', { wide: true }), children: _jsx(Search, { placeholder: i18n('controls_search-placeholder'), onChange: changeClusterName, value: clusterName }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: CLUSTER_STATUSES, onUpdate: changeStatus, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }, "TableColumnSetup") })] }), query.isError ? _jsx(ResponseError, { error: query.error, className: b('error') }) : null, _jsx("div", { className: b('table-wrapper'), children: _jsx("div", { className: b('table-content'), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: columnsToShow, settings: Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRender: false }), initialSortOrder: {
-                            columnId: COLUMNS_NAMES.TITLE,
-                            order: DataTable.ASCENDING,
-                        } }) }) })] }));
-}

package/dist/containers/Clusters/constants.d.ts

@@ -1,34 +0,0 @@
-import type { SelectOption } from '@gravity-ui/uikit';
-export declare const SELECTED_COLUMNS_KEY = "selectedColumns";
-export declare const COLUMNS_NAMES: {
-    readonly TITLE: "title";
-    readonly VERSIONS: "versions";
-    readonly CLUSTER: "cluster";
-    readonly SERVICE: "service";
-    readonly STATUS: "status";
-    readonly NODES: "nodes";
-    readonly LOAD: "load";
-    readonly STORAGE: "storage";
-    readonly HOSTS: "hosts";
-    readonly TENANTS: "tenants";
-    readonly OWNER: "owner";
-    readonly DESCRIPTION: "description";
-    readonly BALANCER: "balancer";
-};
-export declare const DEFAULT_COLUMNS: ("nodes" | "storage" | "tenants" | "versions" | "status" | "service" | "hosts" | "balancer" | "title" | "owner" | "load")[];
-export declare const COLUMNS_TITLES: {
-    readonly title: "Cluster";
-    readonly versions: "Versions";
-    readonly cluster: "DC";
-    readonly service: "Service";
-    readonly status: "Status";
-    readonly nodes: "Nodes";
-    readonly load: "Load";
-    readonly storage: "Storage";
-    readonly hosts: "Hosts";
-    readonly tenants: "Tenants";
-    readonly owner: "Owner";
-    readonly description: "Description";
-    readonly balancer: "Balancer";
-};
-export declare const CLUSTER_STATUSES: SelectOption[];

package/dist/containers/Clusters/constants.js

@@ -1,62 +0,0 @@
-export const SELECTED_COLUMNS_KEY = 'selectedColumns';
-export const COLUMNS_NAMES = {
-    TITLE: 'title',
-    VERSIONS: 'versions',
-    CLUSTER: 'cluster',
-    SERVICE: 'service',
-    STATUS: 'status',
-    NODES: 'nodes',
-    LOAD: 'load',
-    STORAGE: 'storage',
-    HOSTS: 'hosts',
-    TENANTS: 'tenants',
-    OWNER: 'owner',
-    DESCRIPTION: 'description',
-    BALANCER: 'balancer',
-};
-export const DEFAULT_COLUMNS = [
-    COLUMNS_NAMES.TITLE,
-    COLUMNS_NAMES.VERSIONS,
-    COLUMNS_NAMES.SERVICE,
-    COLUMNS_NAMES.STATUS,
-    COLUMNS_NAMES.NODES,
-    COLUMNS_NAMES.LOAD,
-    COLUMNS_NAMES.STORAGE,
-    COLUMNS_NAMES.HOSTS,
-    COLUMNS_NAMES.TENANTS,
-    COLUMNS_NAMES.OWNER,
-    COLUMNS_NAMES.BALANCER,
-];
-export const COLUMNS_TITLES = {
-    [COLUMNS_NAMES.TITLE]: 'Cluster',
-    [COLUMNS_NAMES.VERSIONS]: 'Versions',
-    [COLUMNS_NAMES.CLUSTER]: 'DC',
-    [COLUMNS_NAMES.SERVICE]: 'Service',
-    [COLUMNS_NAMES.STATUS]: 'Status',
-    [COLUMNS_NAMES.NODES]: 'Nodes',
-    [COLUMNS_NAMES.LOAD]: 'Load',
-    [COLUMNS_NAMES.STORAGE]: 'Storage',
-    [COLUMNS_NAMES.HOSTS]: 'Hosts',
-    [COLUMNS_NAMES.TENANTS]: 'Tenants',
-    [COLUMNS_NAMES.OWNER]: 'Owner',
-    [COLUMNS_NAMES.DESCRIPTION]: 'Description',
-    [COLUMNS_NAMES.BALANCER]: 'Balancer',
-};
-export const CLUSTER_STATUSES = [
-    {
-        value: 'production',
-        content: 'Production',
-    },
-    {
-        value: 'preprod',
-        content: 'Preprod',
-    },
-    {
-        value: 'testing',
-        content: 'Testing',
-    },
-    {
-        value: 'development',
-        content: 'Development',
-    },
-];