ydb-embedded-ui 6.6.1 → 6.7.0

package/dist/src/store/state-url-mapping.js

@@ -32,9 +32,6 @@ const paramSetup = {
             stateKey: 'heatmap.currentMetric',
             initialState: initialHeatmapState.currentMetric,
         },
-        schema: {
-            stateKey: 'schema.currentSchemaPath',
-        },
         stateFilter: {
             stateKey: 'tablets.stateFilter',
             type: 'array',

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

@@ -104,4 +104,4 @@ export declare const QUERY_USE_MULTI_SCHEMA_KEY = "queryUseMultiSchema";
 export declare const USE_CLUSTER_BALANCER_AS_BACKEND_KEY = "useClusterBalancerAsBacked";
 export declare const ENABLE_AUTOCOMPLETE = "enableAutocomplete";
 export declare const AUTOCOMPLETE_ON_ENTER = "autocompleteOnEnter";
-export declare const IS_HOTKEYS_HELP_HIDDDEN_KEY = "isHotKeysHelpHidden";
+export declare const IS_HOTKEYS_HELP_HIDDEN_KEY = "isHotKeysHelpHidden";

package/dist/src/utils/constants.js

@@ -102,4 +102,4 @@ export const QUERY_USE_MULTI_SCHEMA_KEY = 'queryUseMultiSchema';
 export const USE_CLUSTER_BALANCER_AS_BACKEND_KEY = 'useClusterBalancerAsBacked';
 export const ENABLE_AUTOCOMPLETE = 'enableAutocomplete';
 export const AUTOCOMPLETE_ON_ENTER = 'autocompleteOnEnter';
-export const IS_HOTKEYS_HELP_HIDDDEN_KEY = 'isHotKeysHelpHidden';
+export const IS_HOTKEYS_HELP_HIDDEN_KEY = 'isHotKeysHelpHidden';

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

@@ -14,9 +14,10 @@ export declare const formatStorageValues: (value?: number, total?: number, size?
 export declare const formatStorageValuesToGb: (value?: number, total?: number) => string[];
 export declare const formatStorageValuesToTb: (value?: number, total?: number) => string[];
 export declare const formatNumber: (number?: unknown) => string;
+export declare const formatSecondsToHours: (seconds: number) => string;
 export declare const roundToPrecision: (value: number | string, precision?: number) => number;
 export declare const formatCPU: (value?: number | string) => string | undefined;
 export declare const formatCPUWithLabel: (value?: number) => string | undefined;
-export declare const formatDateTime: (value?: number | string) => string;
+export declare const formatDateTime: (value?: number | string, defaultValue?: string) => string;
 export declare const calcUptimeInSeconds: (milliseconds: number | string) => number;
 export declare const calcUptime: (milliseconds?: number | string) => string;

package/dist/src/utils/dataFormatters/dataFormatters.js

@@ -1,6 +1,6 @@
 import { dateTimeParse } from '@gravity-ui/date-utils';
 import { formatBytes as formatBytesCustom, getSizeWithSignificantDigits, } from '../bytesParsers/formatBytes';
-import { DAY_IN_SECONDS, GIGABYTE } from '../constants';
+import { DAY_IN_SECONDS, GIGABYTE, HOUR_IN_SECONDS } from '../constants';
 import { configuredNumeral } from '../numeral';
 import { isNumeric } from '../utils';
 import i18n from './i18n';
@@ -71,6 +71,10 @@ export const formatNumber = (number) => {
     // "," in format is delimiter sign, not delimiter itself
     return configuredNumeral(number).format('0,0.[00000]');
 };
+export const formatSecondsToHours = (seconds) => {
+    const hours = (seconds / HOUR_IN_SECONDS).toFixed(2);
+    return `${formatNumber(hours)} hours`;
+};
 export const roundToPrecision = (value, precision = 0) => {
     let [digits] = String(value).split('.');
     if (Number(value) < 1) {
@@ -99,13 +103,13 @@ export const formatCPUWithLabel = (value) => {
     const localizedCores = configuredNumeral(cores).format('0.[000]');
     return `${localizedCores} ${i18n('format-cpu.cores', { count: cores })}`;
 };
-export const formatDateTime = (value) => {
+export const formatDateTime = (value, defaultValue = 'N/A') => {
     var _a;
     if (!isNumeric(value)) {
         return '';
     }
     const formattedData = (_a = dateTimeParse(Number(value))) === null || _a === void 0 ? void 0 : _a.format('YYYY-MM-DD HH:mm');
-    return Number(value) > 0 && formattedData ? formattedData : 'N/A';
+    return Number(value) > 0 && formattedData ? formattedData : defaultValue;
 };
 export const calcUptimeInSeconds = (milliseconds) => {
     const currentDate = new Date();

package/dist/src/utils/hooks/index.d.ts

@@ -4,5 +4,6 @@ export * from './useSetting';
 export * from './useQueryModes';
 export * from './useTableSort';
 export * from './useSearchQuery';
+export * from './useAutoRefreshInterval';
 export * from './useNodesRequestParams';
 export * from './useStorageRequestParams';

package/dist/src/utils/hooks/index.js

@@ -4,5 +4,6 @@ export * from './useSetting';
 export * from './useQueryModes';
 export * from './useTableSort';
 export * from './useSearchQuery';
+export * from './useAutoRefreshInterval';
 export * from './useNodesRequestParams';
 export * from './useStorageRequestParams';

package/dist/src/utils/hooks/useAutoRefreshInterval.d.ts

@@ -0,0 +1 @@
+export declare function useAutoRefreshInterval(): [number, (value: number) => void];

package/dist/src/utils/hooks/useAutoRefreshInterval.js

@@ -0,0 +1,5 @@
+import { AUTO_REFRESH_INTERVAL } from '../constants';
+import { useSetting } from './useSetting';
+export function useAutoRefreshInterval() {
+    return useSetting(AUTO_REFRESH_INTERVAL, 0);
+}

package/dist/src/utils/utils.js

@@ -25,8 +25,9 @@ export function bytesToSize(bytes) {
     if (isNaN(bytes)) {
         return '';
     }
-    if (bytes < base)
+    if (bytes < base) {
         return String(bytes);
+    }
     let i = parseInt(Math.floor(Math.log(bytes) / Math.log(base)), 10);
     if (i >= sizes.length) {
         i = sizes.length - 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "6.6.1",
+  "version": "6.7.0",
   "files": [
     "dist"
   ],
@@ -24,6 +24,7 @@
     "@gravity-ui/websql-autocomplete": "^9.1.0",
     "@reduxjs/toolkit": "^2.2.3",
     "axios": "^1.6.8",
+    "axios-retry": "^4.4.0",
     "colord": "^2.9.3",
     "copy-to-clipboard": "^3.3.3",
     "crc-32": "^1.2.2",

package/dist/src/components/InfoViewer/schemaOverview/CDCStreamOverview.d.ts

@@ -1,6 +0,0 @@
-import type { TEvDescribeSchemeResult } from '../../../types/api/schema';
-interface CDCStreamOverviewProps {
-    data?: TEvDescribeSchemeResult;
-}
-export declare const CDCStreamOverview: ({ data }: CDCStreamOverviewProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/InfoViewer/schemaOverview/CDCStreamOverview.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { InfoViewer, formatObject } from '..';
-import { formatCdcStreamItem, formatCommonItem } from '../formatters';
-export const CDCStreamOverview = ({ data }) => {
-    var _a, _b, _c, _d, _e;
-    if (!data) {
-        return _jsx("div", { className: "error", children: "No CDC Stream data" });
-    }
-    const TableIndex = (_a = data.PathDescription) === null || _a === void 0 ? void 0 : _a.CdcStreamDescription;
-    const info = [];
-    info.push(formatCommonItem('PathType', (_c = (_b = data.PathDescription) === null || _b === void 0 ? void 0 : _b.Self) === null || _c === void 0 ? void 0 : _c.PathType));
-    info.push(formatCommonItem('CreateStep', (_e = (_d = data.PathDescription) === null || _d === void 0 ? void 0 : _d.Self) === null || _e === void 0 ? void 0 : _e.CreateStep));
-    const { Mode, Format } = TableIndex || {};
-    info.push(...formatObject(formatCdcStreamItem, { Mode, Format }));
-    return (_jsx(React.Fragment, { children: info.length ? _jsx(InfoViewer, { info: info }) : 'Empty' }));
-};

package/dist/src/components/InfoViewer/schemaOverview/PersQueueGroupOverview.d.ts

@@ -1,6 +0,0 @@
-import type { TEvDescribeSchemeResult } from '../../../types/api/schema';
-interface PersQueueGroupOverviewProps {
-    data?: TEvDescribeSchemeResult;
-}
-export declare const PersQueueGroupOverview: ({ data }: PersQueueGroupOverviewProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/InfoViewer/schemaOverview/PersQueueGroupOverview.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { InfoViewer } from '..';
-import { formatCommonItem, formatPQGroupItem } from '../formatters';
-export const PersQueueGroupOverview = ({ data }) => {
-    var _a, _b, _c, _d, _e;
-    if (!data) {
-        return _jsx("div", { className: "error", children: "No PersQueueGroup data" });
-    }
-    const pqGroup = (_a = data.PathDescription) === null || _a === void 0 ? void 0 : _a.PersQueueGroup;
-    const info = [];
-    info.push(formatCommonItem('PathType', (_c = (_b = data.PathDescription) === null || _b === void 0 ? void 0 : _b.Self) === null || _c === void 0 ? void 0 : _c.PathType));
-    info.push(formatCommonItem('CreateStep', (_e = (_d = data.PathDescription) === null || _d === void 0 ? void 0 : _d.Self) === null || _e === void 0 ? void 0 : _e.CreateStep));
-    //@ts-expect-error
-    info.push(formatPQGroupItem('Partitions', (pqGroup === null || pqGroup === void 0 ? void 0 : pqGroup.Partitions) || []));
-    info.push(
-    //@ts-expect-error
-    formatPQGroupItem('PQTabletConfig', (pqGroup === null || pqGroup === void 0 ? void 0 : pqGroup.PQTabletConfig) || { PartitionConfig: { LifetimeSeconds: 0 } }));
-    return (_jsx(React.Fragment, { children: info.length ? _jsx(InfoViewer, { info: info }) : 'Empty' }));
-};

package/dist/src/components/InfoViewer/schemaOverview/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CDCStreamOverview';
-export * from './PersQueueGroupOverview';

package/dist/src/components/InfoViewer/schemaOverview/index.js

@@ -1,2 +0,0 @@
-export * from './CDCStreamOverview';
-export * from './PersQueueGroupOverview';

package/dist/src/containers/AsideNavigation/i18n/ru.json

@@ -1,10 +0,0 @@
-{
-    "pages.query": "Редактор запросов",
-    "pages.diagnostics": "Диагностика",
-    "navigation-item.documentation": "Документация",
-    "navigation-item.settings": "Настройки",
-    "navigation-item.account": "Аккаунт",
-    "account.user": "Пользователь YDB",
-    "account.login": "Войти",
-    "account.logout": "Выйти"
-}

package/dist/src/containers/AsideNavigation/useNavigationMenuItems.d.ts

@@ -1,2 +0,0 @@
-import type { MenuItem as AsideHeaderMenuItem } from '@gravity-ui/navigation';
-export declare function useNavigationMenuItems(): AsideHeaderMenuItem[];

package/dist/src/containers/AsideNavigation/useNavigationMenuItems.js

@@ -1,54 +0,0 @@
-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 '../Tenant/TenantPages';
-import i18n from './i18n';
-export function useNavigationMenuItems() {
-    const location = useLocation();
-    const history = useHistory();
-    const [, setInitialTenantPage] = useSetting(TENANT_INITIAL_PAGE_KEY);
-    const { tenantPage } = useTypedSelector((state) => state.tenant);
-    const { pathname } = location;
-    const queryParams = parseQuery(location);
-    const isTenantPage = pathname === routes.tenant;
-    const menuItems = React.useMemo(() => {
-        if (!isTenantPage) {
-            return [];
-        }
-        const items = [
-            {
-                id: TENANT_PAGES_IDS.query,
-                title: i18n('pages.query'),
-                icon: Terminal,
-                iconSize: 20,
-                location: getTenantPath(Object.assign(Object.assign({}, queryParams), { [TENANT_PAGE]: TENANT_PAGES_IDS.query })),
-            },
-            {
-                id: TENANT_PAGES_IDS.diagnostics,
-                title: i18n('pages.diagnostics'),
-                icon: Pulse,
-                iconSize: 20,
-                location: getTenantPath(Object.assign(Object.assign({}, queryParams), { [TENANT_PAGE]: TENANT_PAGES_IDS.diagnostics })),
-            },
-        ];
-        return items.map((item) => {
-            const current = item.id === tenantPage;
-            return {
-                id: item.id,
-                title: item.title,
-                icon: item.icon,
-                iconSize: item.iconSize,
-                current,
-                onItemClick: () => {
-                    setInitialTenantPage(item.id);
-                    history.push(item.location);
-                },
-            };
-        });
-    }, [tenantPage, isTenantPage, setInitialTenantPage, history, queryParams]);
-    return menuItems;
-}

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

@@ -1,130 +0,0 @@
-import type { Reducer } from '@reduxjs/toolkit';
-import type { IHostAction, IHostState } from '../../types/store/host';
-export declare const FETCH_HOST: {
-    readonly REQUEST: "host/FETCH_HOST_REQUEST";
-    readonly SUCCESS: "host/FETCH_HOST_SUCCESS";
-    readonly FAILURE: "host/FETCH_HOST_FAILURE";
-};
-declare const host: Reducer<IHostState, IHostAction>;
-export declare function getHostInfo(): (dispatch: import("redux-thunk").ThunkDispatch<{
-    api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
-    singleClusterMode: boolean;
-    cluster: import("./cluster/types").ClusterState;
-    tenant: import("./tenant/types").TenantState;
-    tooltip: import("../../types/store/tooltip").ITooltipState;
-    tablets: import("../../types/store/tablets").TabletsState;
-    schema: import("./schema/types").SchemaState;
-    host: IHostState;
-    tenants: import("./tenants/types").TenantsState;
-    partitions: import("./partitions/types").PartitionsState;
-    executeQuery: import("../../types/store/executeQuery").ExecuteQueryState;
-    tabletsFilters: {
-        loading: boolean;
-        requestTime: number;
-        data: undefined;
-        wasLoaded: boolean;
-        stateFilter: never[];
-        typeFilter: never[];
-    } | {
-        tabletsData: any;
-        nodes: any;
-        loading: boolean;
-        wasLoaded: boolean;
-        timeoutForRequest: number;
-        error: undefined;
-        data: undefined;
-        stateFilter: never[];
-        typeFilter: never[];
-    } | {
-        error: any;
-        loading: boolean;
-        data: undefined;
-        wasLoaded: boolean;
-        stateFilter: never[];
-        typeFilter: never[];
-    } | {
-        stateFilter: any;
-        data: undefined;
-        loading: boolean;
-        wasLoaded: boolean;
-        typeFilter: never[];
-    } | {
-        typeFilter: any;
-        data: undefined;
-        loading: boolean;
-        wasLoaded: boolean;
-        stateFilter: never[];
-    };
-    heatmap: import("../../types/store/heatmap").IHeatmapState;
-    settings: import("./settings/types").SettingsState;
-    schemaAcl: import("./schemaAcl/types").SchemaAclState;
-    executeTopQueries: import("./executeTopQueries/types").TopQueriesFilters;
-    shardsWorkload: import("./shardsWorkload/types").ShardsWorkloadFilters;
-    hotKeys: import("./hotKeys/types").HotKeysState;
-    authentication: import("./authentication/types").AuthenticationState;
-    header: import("./header/types").HeaderState;
-    saveQuery: string | null;
-    fullscreen: boolean;
-    clusters: import("./clusters/types").ClustersFilters;
-}, undefined, import("redux").UnknownAction> & import("redux").Dispatch<any>, getState: () => {
-    api: import("@reduxjs/toolkit/query").CombinedState<{}, "All", "api">;
-    singleClusterMode: boolean;
-    cluster: import("./cluster/types").ClusterState;
-    tenant: import("./tenant/types").TenantState;
-    tooltip: import("../../types/store/tooltip").ITooltipState;
-    tablets: import("../../types/store/tablets").TabletsState;
-    schema: import("./schema/types").SchemaState;
-    host: IHostState;
-    tenants: import("./tenants/types").TenantsState;
-    partitions: import("./partitions/types").PartitionsState;
-    executeQuery: import("../../types/store/executeQuery").ExecuteQueryState;
-    tabletsFilters: {
-        loading: boolean;
-        requestTime: number;
-        data: undefined;
-        wasLoaded: boolean;
-        stateFilter: never[];
-        typeFilter: never[];
-    } | {
-        tabletsData: any;
-        nodes: any;
-        loading: boolean;
-        wasLoaded: boolean;
-        timeoutForRequest: number;
-        error: undefined;
-        data: undefined;
-        stateFilter: never[];
-        typeFilter: never[];
-    } | {
-        error: any;
-        loading: boolean;
-        data: undefined;
-        wasLoaded: boolean;
-        stateFilter: never[];
-        typeFilter: never[];
-    } | {
-        stateFilter: any;
-        data: undefined;
-        loading: boolean;
-        wasLoaded: boolean;
-        typeFilter: never[];
-    } | {
-        typeFilter: any;
-        data: undefined;
-        loading: boolean;
-        wasLoaded: boolean;
-        stateFilter: never[];
-    };
-    heatmap: import("../../types/store/heatmap").IHeatmapState;
-    settings: import("./settings/types").SettingsState;
-    schemaAcl: import("./schemaAcl/types").SchemaAclState;
-    executeTopQueries: import("./executeTopQueries/types").TopQueriesFilters;
-    shardsWorkload: import("./shardsWorkload/types").ShardsWorkloadFilters;
-    hotKeys: import("./hotKeys/types").HotKeysState;
-    authentication: import("./authentication/types").AuthenticationState;
-    header: import("./header/types").HeaderState;
-    saveQuery: string | null;
-    fullscreen: boolean;
-    clusters: import("./clusters/types").ClustersFilters;
-}) => Promise<unknown>;
-export default host;

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

@@ -1,26 +0,0 @@
-import { createApiRequest, createRequestActionTypes } from '../utils';
-export const FETCH_HOST = createRequestActionTypes('host', 'FETCH_HOST');
-const initialState = { loading: true, wasLoaded: false, data: {} };
-const host = (state = initialState, action) => {
-    var _a;
-    switch (action.type) {
-        case FETCH_HOST.REQUEST: {
-            return Object.assign(Object.assign({}, state), { loading: true });
-        }
-        case FETCH_HOST.SUCCESS: {
-            return Object.assign(Object.assign({}, state), { data: (_a = action.data.SystemStateInfo) === null || _a === void 0 ? void 0 : _a[0], loading: false, wasLoaded: true, error: undefined });
-        }
-        case FETCH_HOST.FAILURE: {
-            return Object.assign(Object.assign({}, state), { error: action.error, loading: false });
-        }
-        default:
-            return state;
-    }
-};
-export function getHostInfo() {
-    return createApiRequest({
-        request: window.api.getHostInfo(),
-        actions: FETCH_HOST,
-    });
-}
-export default host;

package/dist/src/store/reducers/hotKeys/types.d.ts

@@ -1,10 +0,0 @@
-import type { IResponseError } from '../../../types/api/error';
-import type { HotKey } from '../../../types/api/hotkeys';
-import type { setHotKeysData, setHotKeysDataWasNotLoaded, setHotKeysError, setHotKeysLoading } from './hotKeys';
-export interface HotKeysState {
-    loading: boolean;
-    wasLoaded: boolean;
-    data: null | HotKey[];
-    error?: IResponseError;
-}
-export type HotKeysAction = ReturnType<typeof setHotKeysDataWasNotLoaded> | ReturnType<typeof setHotKeysLoading> | ReturnType<typeof setHotKeysData> | ReturnType<typeof setHotKeysError>;

package/dist/src/store/reducers/hotKeys/types.js

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

package/dist/src/store/reducers/schemaAcl/types.d.ts

@@ -1,12 +0,0 @@
-import type { TACE, TMetaInfo } from '../../../types/api/acl';
-import type { IResponseError } from '../../../types/api/error';
-import type { ApiRequestAction } from '../../utils';
-import type { FETCH_SCHEMA_ACL, setAclWasNotLoaded } from './schemaAcl';
-export interface SchemaAclState {
-    loading: boolean;
-    wasLoaded: boolean;
-    acl?: TACE[];
-    owner?: string;
-    error?: IResponseError;
-}
-export type SchemaAclAction = ApiRequestAction<typeof FETCH_SCHEMA_ACL, TMetaInfo, IResponseError> | ReturnType<typeof setAclWasNotLoaded>;

package/dist/src/store/reducers/schemaAcl/types.js

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

package/dist/src/types/store/host.d.ts

@@ -1,15 +0,0 @@
-import type { FETCH_HOST } from '../../store/reducers/host';
-import type { ApiRequestAction } from '../../store/utils';
-import type { IResponseError } from '../api/error';
-import type { TSystemStateInfo } from '../api/nodes';
-import type { TEvSystemStateResponse } from '../api/systemState';
-export interface IHostState {
-    loading: boolean;
-    wasLoaded: boolean;
-    data?: TSystemStateInfo;
-    error?: IResponseError;
-}
-export type IHostAction = ApiRequestAction<typeof FETCH_HOST, TEvSystemStateResponse, IResponseError>;
-export interface IHostRootStateSlice {
-    host: IHostState;
-}

package/dist/src/types/store/host.js

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