ydb-embedded-ui 5.4.0 → 6.0.0

package/dist/utils/hooks/useStorageRequestParams.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import React from 'react';
 import { EVersion } from '../../types/api/storage';
 import { USE_BACKEND_PARAMS_FOR_TABLES_KEY } from '../constants';
 import { useSetting } from './useSetting';
@@ -6,7 +6,7 @@ export const useStorageRequestParams = ({ filter, sortOrder, sortValue, }) => {
     const [useBackendParamsForTables] = useSetting(USE_BACKEND_PARAMS_FOR_TABLES_KEY);
     // If backend params are enabled, update params value to use them in fetch request
     // Otherwise no params will be updated, no hooks that depend on requestParams will be triggered
-    return useMemo(() => {
+    return React.useMemo(() => {
         if (useBackendParamsForTables) {
             return {
                 version: EVersion.v2,

package/dist/utils/hooks/useTableResize.js

@@ -1,20 +1,22 @@
-import { useCallback, useState } from 'react';
+import React from 'react';
+import { DEFAULT_RESIZEABLE } from '../../components/VirtualTable';
 import { settingsManager } from '../../services/settings';
 export const updateColumnsWidth = (columns, columnsWidthSetup) => {
     return columns.map((column) => {
-        var _a;
-        if (!column.resizeable) {
+        var _a, _b;
+        const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
+        if (!resizeable) {
             return column;
         }
-        return Object.assign(Object.assign({}, column), { width: (_a = columnsWidthSetup[column.name]) !== null && _a !== void 0 ? _a : column.width });
+        return Object.assign(Object.assign({}, column), { width: (_b = columnsWidthSetup[column.name]) !== null && _b !== void 0 ? _b : column.width });
     });
 };
 export const useTableResize = (localStorageKey) => {
-    const [tableColumnsWidthSetup, setTableColumnsWidth] = useState(() => {
+    const [tableColumnsWidthSetup, setTableColumnsWidth] = React.useState(() => {
         const setupFromLS = settingsManager.readUserSettingsValue(localStorageKey, {});
         return setupFromLS;
     });
-    const handleSetupChange = useCallback((newSetup) => {
+    const handleSetupChange = React.useCallback((newSetup) => {
         setTableColumnsWidth((previousSetup) => {
             // ResizeObserver callback may be triggered only for currently resized column
             // or for the whole set of columns

package/dist/utils/hooks/useTableSort.d.ts

@@ -1,4 +1,4 @@
-import { OrderType, SortOrder } from '@gravity-ui/react-data-table';
+import type { OrderType, SortOrder } from '@gravity-ui/react-data-table';
 interface SortParams {
     sortValue: string | undefined;
     sortOrder: OrderType | undefined;

package/dist/utils/hooks/useTableSort.js

@@ -1,7 +1,7 @@
-import { useMemo } from 'react';
+import React from 'react';
 import { DESCENDING } from '@gravity-ui/react-data-table/build/esm/lib/constants';
 export const useTableSort = ({ sortValue, sortOrder = DESCENDING }, onSort) => {
-    const sort = useMemo(() => {
+    const sort = React.useMemo(() => {
         if (!sortValue) {
             return undefined;
         }

package/dist/utils/hooks/useTypedSelector.d.ts

@@ -1,3 +1,3 @@
-import { TypedUseSelectorHook } from 'react-redux';
+import type { TypedUseSelectorHook } from 'react-redux';
 import type { RootState } from '../../store';
 export declare const useTypedSelector: TypedUseSelectorHook<RootState>;

package/dist/utils/i18n/i18n.d.ts

@@ -1,4 +1,5 @@
-import { I18N, KeysData } from '@gravity-ui/i18n';
+import type { KeysData } from '@gravity-ui/i18n';
+import { I18N } from '@gravity-ui/i18n';
 declare enum Lang {
     En = "en",
     Ru = "ru"

package/dist/utils/i18n/i18n.js

@@ -1,10 +1,7 @@
 import { I18N } from '@gravity-ui/i18n';
 import { configure as configureUiKit } from '@gravity-ui/uikit';
-import { configure as configureUiKitComponents } from '@gravity-ui/components';
-import { configure as configureUiKitNavigation } from '@gravity-ui/navigation';
-import { configure as configureYdbUiComponents } from 'ydb-ui-components';
-import { LANGUAGE_KEY } from '../constants';
 import { settingsManager } from '../../services/settings';
+import { LANGUAGE_KEY } from '../constants';
 var Lang;
 (function (Lang) {
     Lang["En"] = "en";
@@ -17,10 +14,7 @@ const i18n = new I18N({
     // Enable keysets with only en lang
     fallbackLang: Lang.En,
 });
-configureYdbUiComponents({ lang: currentLang });
 configureUiKit({ lang: currentLang });
-configureUiKitComponents({ lang: currentLang });
-configureUiKitNavigation({ lang: currentLang });
 export function registerKeysets(id, data) {
     for (const lang of Object.keys(data)) {
         i18n.registerKeyset(lang, id, data[lang]);

package/dist/utils/lazyComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function lazyComponent<TExports extends {
+    [key: string]: any;
+}, TKey extends keyof TExports>(moduleLoader: () => Promise<TExports>, exportName: TKey, loader?: React.ReactNode): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentProps<TExports[TKey]>> & React.RefAttributes<TExports[TKey]>>;

package/dist/utils/lazyComponent.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Loader } from '@gravity-ui/uikit';
+import { useComponent } from '../components/ComponentsProvider/ComponentsProvider';
+import { ErrorBoundaryFallback } from '../components/ErrorBoundary/ErrorBoundary';
+export function lazyComponent(moduleLoader, exportName, loader) {
+    const Component = React.lazy(() => moduleLoader()
+        .then((module) => ({ default: module[exportName] }))
+        .catch((error) => ({ default: () => _jsx(ErrorBoundaryFallback, { error: error }) })));
+    const LazyComponent = (props, ref) => {
+        const ErrorBoundary = useComponent('ErrorBoundary');
+        return (_jsx(ErrorBoundary, { children: _jsx(React.Suspense, { fallback: loader !== null && loader !== void 0 ? loader : _jsx(DefaultLoader, {}), children: _jsx(Component, Object.assign({ ref: ref }, props)) }) }));
+    };
+    LazyComponent.displayName = exportName;
+    return React.forwardRef(LazyComponent);
+}
+function DefaultLoader() {
+    return (_jsx("div", { style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }, children: _jsx(Loader, { size: "l" }) }));
+}

package/dist/utils/monaco/index.d.ts

@@ -0,0 +1 @@
+export declare function registerLanguages(): void;

package/dist/utils/monaco/index.js

@@ -0,0 +1,4 @@
+import { registerSExpressionLanguage } from './s-expression/registerLanguage';
+export function registerLanguages() {
+    registerSExpressionLanguage();
+}

package/dist/utils/monaco/s-expression/constants.d.ts

@@ -0,0 +1 @@
+export declare const LANGUAGE_S_EXPRESSION_ID = "s-expression";

package/dist/utils/monaco/s-expression/constants.js

@@ -0,0 +1 @@
+export const LANGUAGE_S_EXPRESSION_ID = 's-expression';

package/dist/utils/monaco/s-expression/registerLanguage.d.ts

@@ -0,0 +1 @@
+export declare function registerSExpressionLanguage(): void;

package/dist/utils/{monaco.js → monaco/s-expression/registerLanguage.js}

@@ -1,7 +1,6 @@
 import * as monaco from 'monaco-editor';
-import { createProvideSuggestionsFunction } from './yqlSuggestions/yqlSuggestions';
-export const LANGUAGE_S_EXPRESSION_ID = 's-expression';
-function registerSExpressionLanguage() {
+import { LANGUAGE_S_EXPRESSION_ID } from './constants';
+export function registerSExpressionLanguage() {
     monaco.languages.register({ id: LANGUAGE_S_EXPRESSION_ID });
     monaco.languages.setMonarchTokensProvider(LANGUAGE_S_EXPRESSION_ID, {
         defaultToken: 'text',
@@ -58,19 +57,3 @@ function registerSExpressionLanguage() {
         },
     });
 }
-let completionProvider;
-function disableCodeSuggestions() {
-    if (completionProvider) {
-        completionProvider.dispose();
-    }
-}
-export function registerYQLCompletionItemProvider(database) {
-    disableCodeSuggestions();
-    completionProvider = monaco.languages.registerCompletionItemProvider('sql', {
-        triggerCharacters: [' ', '\n', '', ',', '.', '`', '('],
-        provideCompletionItems: createProvideSuggestionsFunction(database),
-    });
-}
-export function registerLanguages() {
-    registerSExpressionLanguage();
-}

package/dist/utils/{yqlSuggestions → monaco/yqlSuggestions}/generateSuggestions.d.ts

@@ -1,5 +1,5 @@
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import { ColumnAliasSuggestion, KeywordSuggestion, YqlAutocompleteResult } from '@gravity-ui/websql-autocomplete';
+import type { ColumnAliasSuggestion, KeywordSuggestion, YqlAutocompleteResult } from '@gravity-ui/websql-autocomplete';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 export declare function generateColumnsSuggestion(rangeToInsertSuggestion: monaco.IRange, suggestColumns: YqlAutocompleteResult['suggestColumns'] | undefined, database: string): Promise<monaco.languages.CompletionItem[]>;
 export declare function generateColumnAliasesSuggestion(rangeToInsertSuggestion: monaco.IRange, suggestColumnAliases?: ColumnAliasSuggestion[]): {
     label: string;

package/dist/utils/{yqlSuggestions → monaco/yqlSuggestions}/generateSuggestions.js

@@ -1,5 +1,34 @@
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import { AggregateFunctions, Pragmas, SimpleFunctions, SimpleTypes, TableFunction, Udfs, WindowFunctions, } from './constants';
+const CompletionItemKind = {
+    Method: 0,
+    Function: 1,
+    Constructor: 2,
+    Field: 3,
+    Variable: 4,
+    Class: 5,
+    Struct: 6,
+    Interface: 7,
+    Module: 8,
+    Property: 9,
+    Event: 10,
+    Operator: 11,
+    Unit: 12,
+    Value: 13,
+    Constant: 14,
+    Enum: 15,
+    EnumMember: 16,
+    Keyword: 17,
+    Text: 18,
+    Color: 19,
+    File: 20,
+    Reference: 21,
+    Customcolor: 22,
+    Folder: 23,
+    TypeParameter: 24,
+    User: 25,
+    Issue: 26,
+    Snippet: 27,
+};
 const re = /[\s'"-/@]/;
 function wrapStringToBackticks(value) {
     let result = value;
@@ -124,7 +153,7 @@ export async function generateColumnsSuggestion(rangeToInsertSuggestion, suggest
             suggestions.push({
                 label: columnNameSuggestion,
                 insertText: columnNameSuggestion,
-                kind: monaco.languages.CompletionItemKind.Field,
+                kind: CompletionItemKind.Field,
                 detail: 'Column',
                 range: rangeToInsertSuggestion,
                 sortText: suggestionIndexToWeight(getSuggestionIndex('suggestColumns')),
@@ -140,7 +169,7 @@ export function generateColumnAliasesSuggestion(rangeToInsertSuggestion, suggest
     return suggestColumnAliases === null || suggestColumnAliases === void 0 ? void 0 : suggestColumnAliases.map((columnAliasSuggestion) => ({
         label: columnAliasSuggestion.name,
         insertText: columnAliasSuggestion.name,
-        kind: monaco.languages.CompletionItemKind.Field,
+        kind: CompletionItemKind.Field,
         detail: 'Column alias',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestColumnAliases')),
@@ -153,7 +182,7 @@ export function generateKeywordsSuggestion(rangeToInsertSuggestion, suggestKeywo
     return suggestKeywords === null || suggestKeywords === void 0 ? void 0 : suggestKeywords.map((keywordSuggestion) => ({
         label: keywordSuggestion.value,
         insertText: keywordSuggestion.value,
-        kind: monaco.languages.CompletionItemKind.Keyword,
+        kind: CompletionItemKind.Keyword,
         detail: 'Keyword',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestKeywords')),
@@ -167,7 +196,7 @@ export async function generateSimpleFunctionsSuggestion(rangeToInsertSuggestion)
     return functions.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.Function,
+        kind: CompletionItemKind.Function,
         detail: 'Function',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestFunctions')),
@@ -178,7 +207,7 @@ export async function generateSimpleTypesSuggestion(rangeToInsertSuggestion) {
     return simpleTypes.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.TypeParameter,
+        kind: CompletionItemKind.TypeParameter,
         detail: 'Type',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestSimpleTypes')),
@@ -189,7 +218,7 @@ export async function generateUdfSuggestion(rangeToInsertSuggestion) {
     return udfs.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.Function,
+        kind: CompletionItemKind.Function,
         detail: 'UDF',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestUdfs')),
@@ -200,7 +229,7 @@ export async function generateWindowFunctionsSuggestion(rangeToInsertSuggestion)
     return windowFunctions.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.Function,
+        kind: CompletionItemKind.Function,
         detail: 'Window function',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestWindowFunctions')),
@@ -211,7 +240,7 @@ export async function generateTableFunctionsSuggestion(rangeToInsertSuggestion)
     return tableFunctions.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.Function,
+        kind: CompletionItemKind.Function,
         detail: 'Table function',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestTableFunctions')),
@@ -222,7 +251,7 @@ export async function generateAggregateFunctionsSuggestion(rangeToInsertSuggesti
     return aggreagteFunctions.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.Function,
+        kind: CompletionItemKind.Function,
         detail: 'Aggregate function',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestAggregateFunctions')),
@@ -233,7 +262,7 @@ export async function generatePragmasSuggestion(rangeToInsertSuggestion) {
     return pragmas.map((el) => ({
         label: el,
         insertText: el,
-        kind: monaco.languages.CompletionItemKind.Module,
+        kind: CompletionItemKind.Module,
         detail: 'Pragma',
         range: rangeToInsertSuggestion,
         sortText: suggestionIndexToWeight(getSuggestionIndex('suggestPragmas')),

package/dist/utils/monaco/yqlSuggestions/registerCompletionItemProvider.d.ts

@@ -0,0 +1 @@
+export declare function registerYQLCompletionItemProvider(database: string): void;

package/dist/utils/monaco/yqlSuggestions/registerCompletionItemProvider.js

@@ -0,0 +1,15 @@
+import * as monaco from 'monaco-editor';
+import { createProvideSuggestionsFunction } from './yqlSuggestions';
+let completionProvider;
+function disableCodeSuggestions() {
+    if (completionProvider) {
+        completionProvider.dispose();
+    }
+}
+export function registerYQLCompletionItemProvider(database) {
+    disableCodeSuggestions();
+    completionProvider = monaco.languages.registerCompletionItemProvider('sql', {
+        triggerCharacters: [' ', '\n', '', ',', '.', '`', '('],
+        provideCompletionItems: createProvideSuggestionsFunction(database),
+    });
+}

package/dist/utils/{yqlSuggestions → monaco/yqlSuggestions}/yqlSuggestions.js

@@ -1,4 +1,3 @@
-import { parseYqlQuery } from '@gravity-ui/websql-autocomplete';
 import { generateAggregateFunctionsSuggestion, generateColumnAliasesSuggestion, generateColumnsSuggestion, generateEntitiesSuggestion, generateKeywordsSuggestion, generatePragmasSuggestion, generateSimpleFunctionsSuggestion, generateSimpleTypesSuggestion, generateTableFunctionsSuggestion, generateUdfSuggestion, generateWindowFunctionsSuggestion, } from './generateSuggestions';
 export function createProvideSuggestionsFunction(database) {
     return async (model, monacoCursorPosition, _context, _token) => {
@@ -12,6 +11,7 @@ export function createProvideSuggestionsFunction(database) {
     };
 }
 async function getSuggestions(model, cursorPosition, rangeToInsertSuggestion, database) {
+    const { parseYqlQuery } = await import('@gravity-ui/websql-autocomplete');
     const parseResult = parseYqlQuery(model.getValue(), cursorPosition);
     let entitiesSuggestions = [];
     let functionsSuggestions = [];
@@ -28,10 +28,12 @@ async function getSuggestions(model, cursorPosition, rangeToInsertSuggestion, da
         functionsSuggestions = await generateSimpleFunctionsSuggestion(rangeToInsertSuggestion);
     }
     if (parseResult.suggestAggregateFunctions) {
-        aggregateFunctionsSuggestions = await generateAggregateFunctionsSuggestion(rangeToInsertSuggestion);
+        aggregateFunctionsSuggestions =
+            await generateAggregateFunctionsSuggestion(rangeToInsertSuggestion);
     }
     if (parseResult.suggestWindowFunctions) {
-        windowFunctionsSuggestions = await generateWindowFunctionsSuggestion(rangeToInsertSuggestion);
+        windowFunctionsSuggestions =
+            await generateWindowFunctionsSuggestion(rangeToInsertSuggestion);
     }
     if (parseResult.suggestTableFunctions) {
         tableFunctionsSuggestions = await generateTableFunctionsSuggestion(rangeToInsertSuggestion);

package/dist/utils/monitoring.d.ts

@@ -1,7 +1,8 @@
 export type ParsedMonitoringData = {
     monitoring_url: string;
-    serverless_dashboard: string;
-    dedicated_dashboard: string;
+    serverless_dashboard?: string;
+    dedicated_dashboard?: string;
+    cluster_dashboard?: string;
     host?: string;
     slot?: string;
     cluster_name?: string;
@@ -15,5 +16,5 @@ export interface GetMonitoringLinkProps {
 export type GetMonitoringLink = typeof getMonitoringLink;
 export declare function getMonitoringLink({ monitoring, dbName, dbType, clusterName, }: GetMonitoringLinkProps): string;
 export type GetMonitoringClusterLink = typeof getMonitoringClusterLink;
-export declare function getMonitoringClusterLink(monitoring: string): string;
+export declare function getMonitoringClusterLink(monitoring: string, clusterName?: string): string;
 export declare function parseMonitoringData(monitoring: string): ParsedMonitoringData | undefined;

package/dist/utils/monitoring.js

@@ -1,34 +1,49 @@
 import { ETenantType } from '../types/api/tenant';
-const isMonitoring = (link) => {
-    return link.startsWith('https://monitoring');
-};
 export function getMonitoringLink({ monitoring, dbName, dbType, clusterName, }) {
     var _a, _b;
-    const data = parseMonitoringData(monitoring);
-    let href = '';
-    if (data) {
-        const monitoringUrl = data.monitoring_url;
-        const dashboard = dbType === ETenantType.Serverless
-            ? data.serverless_dashboard
-            : data.dedicated_dashboard;
-        const host = (_a = data.host) !== null && _a !== void 0 ? _a : 'cluster';
-        const slot = (_b = data.slot) !== null && _b !== void 0 ? _b : 'static';
-        const finalClusterName = data.cluster_name || clusterName || '';
-        if (isMonitoring(monitoringUrl)) {
-            href = `${monitoringUrl}/${dashboard}?p.cluster=${finalClusterName}&p.host=${host}&p.slot=${slot}&p.database=${dbName}`;
-        }
-        else {
-            href = `${monitoringUrl}&host=${host}&slot=${slot}&database=${dbName}&dashboard=${dashboard}`;
+    try {
+        const data = parseMonitoringData(monitoring);
+        if (data) {
+            const host = (_a = data.host) !== null && _a !== void 0 ? _a : 'cluster';
+            const slot = (_b = data.slot) !== null && _b !== void 0 ? _b : 'static';
+            const finalClusterName = data.cluster_name || clusterName || '';
+            const url = new URL(data.monitoring_url);
+            if (!url.search) {
+                const dashboard = dbType === ETenantType.Serverless
+                    ? data.serverless_dashboard
+                    : data.dedicated_dashboard;
+                url.pathname += `/${dashboard}`;
+            }
+            if (!url.searchParams.has('p.cluster')) {
+                url.searchParams.set('p.cluster', finalClusterName);
+            }
+            url.searchParams.set('p.host', host);
+            url.searchParams.set('p.slot', slot);
+            url.searchParams.set('p.database', dbName);
+            return url.toString();
         }
-        href = encodeURI(href);
     }
-    return href;
+    catch (_c) { }
+    return '';
 }
-export function getMonitoringClusterLink(monitoring) {
-    const data = parseMonitoringData(monitoring);
-    if (data) {
-        return data.monitoring_url;
+export function getMonitoringClusterLink(monitoring, clusterName) {
+    try {
+        const data = parseMonitoringData(monitoring);
+        if (data) {
+            const clusterDashboard = data.cluster_dashboard;
+            const finalClusterName = data.cluster_name || clusterName || '';
+            const url = new URL(data.monitoring_url);
+            if (!url.search && clusterDashboard) {
+                url.pathname += `/${clusterDashboard}/view`;
+            }
+            if (!url.searchParams.has('p.cluster')) {
+                url.searchParams.set('p.cluster', finalClusterName);
+            }
+            url.searchParams.set('p.database', '-');
+            return url.toString();
+        }
     }
+    catch (_a) { }
     return '';
 }
 export function parseMonitoringData(monitoring) {

package/dist/utils/nodes.d.ts

@@ -1,9 +1,9 @@
+import type { NodesPreparedEntity } from '../store/reducers/nodes/types';
+import type { ProblemFilterValue } from '../store/reducers/settings/types';
 import type { TSystemStateInfo } from '../types/api/nodes';
 import type { TNodeInfo } from '../types/api/nodesList';
-import type { NodesPreparedEntity } from '../store/reducers/nodes/types';
-import type { NodesMap } from '../types/store/nodesList';
 import type { ValueOf } from '../types/common';
-import type { ProblemFilterValue } from '../store/reducers/settings/types';
+import type { NodesMap } from '../types/store/nodesList';
 export declare enum NodesUptimeFilterValues {
     'All' = "All",
     'SmallUptime' = "SmallUptime"

package/dist/utils/nodes.js

@@ -1,7 +1,7 @@
 import { ProblemFilterValues } from '../store/reducers/settings/settings';
 import { EFlag } from '../types/api/enums';
-import { calcUptime } from './dataFormatters/dataFormatters';
 import { HOUR_IN_SECONDS } from './constants';
+import { calcUptime } from './dataFormatters/dataFormatters';
 export var NodesUptimeFilterValues;
 (function (NodesUptimeFilterValues) {
     NodesUptimeFilterValues["All"] = "All";

package/dist/utils/numeral.js

@@ -1,5 +1,11 @@
 import numeral from 'numeral';
 import 'numeral/locales'; // Without this numeral will throw an error when using not 'en' locale
-import { i18n } from './i18n';
+import { Lang, i18n } from './i18n';
+// Set space delimiter for all locales possible in project
+Object.values(Lang).forEach((value) => {
+    if (numeral.locales[value]) {
+        numeral.locales[value].delimiters.thousands = ' ';
+    }
+});
 numeral.locale(i18n.lang);
 export const configuredNumeral = numeral;

package/dist/utils/prepareQueryExplain.d.ts

@@ -1,4 +1,4 @@
-import type { Link, GraphNode, ExplainPlanNodeData } from '@gravity-ui/paranoid';
+import type { ExplainPlanNodeData, GraphNode, Link } from '@gravity-ui/paranoid';
 import type { PlanNode } from '../types/api/query';
 export declare function preparePlan(plan: PlanNode): {
     nodes: GraphNode<ExplainPlanNodeData>[];

package/dist/utils/query.d.ts

@@ -23,6 +23,6 @@ type UnsupportedQueryResponseFormat = Array<unknown> | string | null | undefined
 export declare const parseQueryAPIExecuteResponse: (data: AnyExecuteResponse | UnsupportedQueryResponseFormat) => IQueryResult;
 export declare const parseQueryAPIExplainResponse: (data: AnyExplainResponse | UnsupportedQueryResponseFormat) => IQueryResult;
 export declare const parseQueryExplainPlan: (plan: ScriptPlan | QueryPlan) => QueryPlan;
-export declare const prepareQueryResponse: (data?: KeyValueRow[]) => KeyValueRow<import("../types/api/query").CellValue>[];
+export declare const prepareQueryResponse: (data?: KeyValueRow[]) => KeyValueRow[];
 export declare function prepareQueryError(error: QueryErrorResponse): string | undefined;
 export {};

package/dist/utils/storage.d.ts

@@ -12,6 +12,7 @@ export declare const getUsage: <T extends EntityWithUsage>(data: T, step?: numbe
 export declare const STORAGE_SORT_VALUES: {
     readonly PoolName: "PoolName";
     readonly Kind: "Kind";
+    readonly MediaType: "MediaType";
     readonly Erasure: "Erasure";
     readonly Degraded: "Degraded";
     readonly Usage: "Usage";

package/dist/utils/storage.js

@@ -11,6 +11,7 @@ export const getUsage = (data, step = 1) => {
 export const STORAGE_SORT_VALUES = {
     PoolName: 'PoolName',
     Kind: 'Kind',
+    MediaType: 'MediaType',
     Erasure: 'Erasure',
     Degraded: 'Degraded',
     Usage: 'Usage',

package/dist/utils/timeParsers/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "days" | "hours" | "ms" | "daysHours" | "hoursMin" | "minSec" | "secMs" | "min" | "sec", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/utils/timeParsers/i18n/index.js

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../i18n';
+import { registerKeysets } from '../../i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-time-parsers';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { ru, en });

package/dist/utils/timeParsers/parsers.js

@@ -1,5 +1,5 @@
 import { isNumeric } from '../utils';
-import { parseProtobufDurationToMs, parseProtobufTimestampToMs } from '.';
+import { parseProtobufDurationToMs, parseProtobufTimestampToMs } from './protobufParsers';
 export const parseLag = (value) => value ? parseProtobufDurationToMs(value) : 0;
 export const parseTimestampToIdleTime = (value) => {
     if (!value) {

package/dist/utils/tooltip.d.ts

@@ -1,10 +1,10 @@
 export namespace tooltipTemplates {
-    function pool(data: any): JSX.Element;
-    function tablet(data: any): JSX.Element;
-    function node(data: any): JSX.Element;
-    function nodeEndpoints(data: any): JSX.Element;
-    function tabletsOverall(data: any): JSX.Element;
-    function histogram(data: any): JSX.Element;
-    function cell(data: any): JSX.Element;
-    function json(data: any): JSX.Element;
+    function pool(data: any): import("react/jsx-runtime").JSX.Element;
+    function tablet(data: any): import("react/jsx-runtime").JSX.Element;
+    function node(data: any): import("react/jsx-runtime").JSX.Element;
+    function nodeEndpoints(data: any): import("react/jsx-runtime").JSX.Element;
+    function tabletsOverall(data: any): import("react/jsx-runtime").JSX.Element;
+    function histogram(data: any): import("react/jsx-runtime").JSX.Element;
+    function cell(data: any): import("react/jsx-runtime").JSX.Element;
+    function json(data: any): import("react/jsx-runtime").JSX.Element;
 }

package/dist/utils/tooltip.js

@@ -1,23 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'bem-cn-lite';
 import JSONTree from 'react-json-inspector';
-import { NodeEndpointsTooltipContent, TabletTooltipContent, PoolTooltipContent, } from '../components/TooltipsContent';
+import { NodeEndpointsTooltipContent, PoolTooltipContent, TabletTooltipContent, } from '../components/TooltipsContent';
+import { cn } from './cn';
 const nodeB = cn('node-tootltip');
 const NodeTooltip = (props) => {
     const { data } = props;
-    return (data && (_jsx("div", Object.assign({ className: nodeB() }, { children: _jsx("table", { children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", Object.assign({ className: nodeB('label') }, { children: "ID" })), _jsx("td", Object.assign({ className: nodeB('value') }, { children: data.nodeId || '?' }))] }), _jsxs("tr", { children: [_jsx("td", Object.assign({ className: nodeB('label') }, { children: "Rack" })), _jsx("td", Object.assign({ className: nodeB('value') }, { children: data.rack || '?' }))] }), data.connected && data.capacity && (_jsxs("tr", { children: [_jsx("td", Object.assign({ className: nodeB('label') }, { children: "Net" })), _jsx("td", Object.assign({ className: nodeB('value') }, { children: `${data.connected} / ${data.capacity}` }))] }))] }) }) }))));
+    return (data && (_jsx("div", { className: nodeB(), children: _jsx("table", { children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: nodeB('label'), children: "ID" }), _jsx("td", { className: nodeB('value'), children: data.nodeId || '?' })] }), _jsxs("tr", { children: [_jsx("td", { className: nodeB('label'), children: "Rack" }), _jsx("td", { className: nodeB('value'), children: data.rack || '?' })] }), data.connected && data.capacity ? (_jsxs("tr", { children: [_jsx("td", { className: nodeB('label'), children: "Net" }), _jsx("td", { className: nodeB('value'), children: `${data.connected} / ${data.capacity}` })] })) : null] }) }) })));
 };
 const tabletsOverallB = cn('tabletsOverall-tooltip');
 const TabletsOverallTooltip = (props) => {
     const { data } = props;
-    return (data && (_jsx("div", Object.assign({ className: tabletsOverallB() }, { children: _jsx("table", { children: _jsx("tbody", { children: data.map((colorInfo, key) => {
-                    return (_jsxs("tr", { children: [_jsxs("td", Object.assign({ className: tabletsOverallB('label') }, { children: [colorInfo.color, ":"] })), _jsx("td", Object.assign({ className: tabletsOverallB('value') }, { children: `${colorInfo.value}/${colorInfo.total} (${colorInfo.percents.toFixed(2)}%)` }))] }, key));
-                }) }) }) }))));
+    return (data && (_jsx("div", { className: tabletsOverallB(), children: _jsx("table", { children: _jsx("tbody", { children: data.map((colorInfo, key) => {
+                    return (_jsxs("tr", { children: [_jsxs("td", { className: tabletsOverallB('label'), children: [colorInfo.color, ":"] }), _jsx("td", { className: tabletsOverallB('value'), children: `${colorInfo.value}/${colorInfo.total} (${colorInfo.percents.toFixed(2)}%)` })] }, key));
+                }) }) }) })));
 };
 const histogramB = cn('histogram-tooltip');
 const HistogramTooltip = (props) => {
     const { data } = props;
-    return (data && (_jsx("div", Object.assign({ className: histogramB() }, { children: _jsx("table", { children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", Object.assign({ className: histogramB('label') }, { children: "Count" })), _jsx("td", Object.assign({ className: histogramB('value') }, { children: data.count || '?' }))] }), _jsxs("tr", { children: [_jsx("td", Object.assign({ className: histogramB('label') }, { children: "From" })), _jsx("td", Object.assign({ className: histogramB('value') }, { children: data.leftBound || '?' }))] }), _jsxs("tr", { children: [_jsx("td", Object.assign({ className: histogramB('label') }, { children: "To" })), _jsx("td", Object.assign({ className: histogramB('value') }, { children: data.rightBound || '?' }))] })] }) }) }))));
+    return (data && (_jsx("div", { className: histogramB(), children: _jsx("table", { children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: histogramB('label'), children: "Count" }), _jsx("td", { className: histogramB('value'), children: data.count || '?' })] }), _jsxs("tr", { children: [_jsx("td", { className: histogramB('label'), children: "From" }), _jsx("td", { className: histogramB('value'), children: data.leftBound || '?' })] }), _jsxs("tr", { children: [_jsx("td", { className: histogramB('label'), children: "To" }), _jsx("td", { className: histogramB('value'), children: data.rightBound || '?' })] })] }) }) })));
 };
 const cellB = cn('cell-tooltip');
 const jsonB = cn('json-tooltip');
@@ -34,9 +34,9 @@ export const tooltipTemplates = {
     // eslint-disable-next-line react/display-name
     histogram: (data) => _jsx(HistogramTooltip, { data: data }),
     // eslint-disable-next-line react/display-name
-    cell: (data) => _jsx("div", Object.assign({ className: cellB() }, { children: data })),
+    cell: (data) => _jsx("div", { className: cellB(), children: data }),
     // eslint-disable-next-line react/display-name
     json: (data) => {
-        return (_jsx("div", Object.assign({ className: jsonB() }, { children: _jsx(JSONTree, { data: data, search: false, isExpanded: () => true, className: jsonB('inspector') }) })));
+        return (_jsx("div", { className: jsonB(), children: _jsx(JSONTree, { data: data, search: false, isExpanded: () => true, className: jsonB('inspector') }) }));
     },
 };