ydb-embedded-ui 5.3.0 → 5.5.0

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 * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import type { ColumnAliasSuggestion, KeywordSuggestion, YqlAutocompleteResult } from '@gravity-ui/websql-autocomplete';
 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 = [];

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "5.3.0",
+  "version": "5.5.0",
   "files": [
     "dist"
   ],
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@gravity-ui/axios-wrapper": "^1.4.1",
-    "@gravity-ui/chartkit": "^4.20.1",
+    "@gravity-ui/chartkit": "^4.23.0",
     "@gravity-ui/components": "^2.12.0",
     "@gravity-ui/date-utils": "^1.4.2",
     "@gravity-ui/i18n": "^1.2.0",
@@ -24,6 +24,7 @@
     "@reduxjs/toolkit": "^2.2.1",
     "axios": "^1.6.7",
     "bem-cn-lite": "^4.1.0",
+    "colord": "^2.9.3",
     "copy-to-clipboard": "^3.3.3",
     "crc-32": "^1.2.2",
     "history": "^4.10.1",
@@ -50,6 +51,7 @@
     "ydb-ui-components": "^3.6.0"
   },
   "scripts": {
+    "analyze": "source-map-explorer 'build/static/js/*.js'",
     "start": "react-app-rewired start",
     "dev": "DISABLE_ESLINT_PLUGIN=true TSC_COMPILE_ON_ERROR=true REACT_APP_BACKEND=http://localhost:8765 REACT_APP_META_BACKEND=undefined npm start",
     "build": "rm -rf build && DISABLE_ESLINT_PLUGIN=true react-app-rewired build",
@@ -149,6 +151,7 @@
     "react-dom": "^17.0.2",
     "react-scripts": "^5.0.1",
     "sass": "^1.32.8",
+    "source-map-explorer": "^2.5.3",
     "stylelint": "^14.3.0",
     "ts-jest": "^28.0.7",
     "typescript": "^4.5.5"

package/dist/containers/PDisk/PDisk.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import './PDisk.scss';
-export declare function PDisk(): JSX.Element;

package/dist/containers/PDisk/i18n/en.json

@@ -1,6 +0,0 @@
-{
-    "fqdn": "FQDN",
-    "pdisk": "PDisk",
-    "groups": "Groups",
-    "node": "Node"
-}

package/dist/containers/PDisk/i18n/index.d.ts

@@ -1 +0,0 @@
-export declare const pDiskPageKeyset: (key: "groups" | "node" | "pdisk" | "fqdn", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/containers/Storage/DiskStateProgressBar/index.d.ts

@@ -1 +0,0 @@
-export * from './DiskStateProgressBar';

package/dist/containers/Storage/DiskStateProgressBar/index.js

@@ -1 +0,0 @@
-export * from './DiskStateProgressBar';

package/dist/containers/Storage/PDiskPopup/index.d.ts

@@ -1 +0,0 @@
-export * from './PDiskPopup';

package/dist/containers/Storage/PDiskPopup/index.js

@@ -1 +0,0 @@
-export * from './PDiskPopup';

package/dist/containers/Storage/VDisk/index.d.ts

@@ -1 +0,0 @@
-export * from './VDisk';

package/dist/containers/Storage/VDisk/index.js

@@ -1 +0,0 @@
-export * from './VDisk';

package/dist/containers/Storage/VDiskPopup/index.d.ts

@@ -1 +0,0 @@
-export * from './VDiskPopup';

package/dist/containers/Storage/VDiskPopup/index.js

@@ -1 +0,0 @@
-export * from './VDiskPopup';

package/dist/containers/Storage/utils/types.d.ts

@@ -1,5 +0,0 @@
-import { TVSlotId } from '../../../types/api/vdisk';
-export interface UnavailableDonor extends TVSlotId {
-    DonorMode?: boolean;
-    StoragePoolName?: string;
-}

package/dist/utils/monaco.d.ts

@@ -1,3 +0,0 @@
-export declare const LANGUAGE_S_EXPRESSION_ID = "s-expression";
-export declare function registerYQLCompletionItemProvider(database: string): void;
-export declare function registerLanguages(): void;