ydb-embedded-ui 5.5.0 → 6.0.0

package/dist/types/store/describe.d.ts

@@ -1,24 +1,2 @@
-import { FETCH_DESCRIBE, setCurrentDescribePath, setDataWasNotLoaded } from '../../store/reducers/describe';
-import { ApiRequestAction } from '../../store/utils';
-import { IResponseError } from '../api/error';
-import { TEvDescribeSchemeResult } from '../api/schema';
+import type { TEvDescribeSchemeResult } from '../api/schema';
 export type IDescribeData = Record<string, TEvDescribeSchemeResult>;
-export interface IDescribeState {
-    loading: boolean;
-    wasLoaded: boolean;
-    data: IDescribeData;
-    currentDescribe?: IDescribeData;
-    currentDescribePath?: string;
-    error?: IResponseError;
-}
-export interface IDescribeHandledResponse {
-    path: string | undefined;
-    data: IDescribeData | undefined;
-    currentDescribe: IDescribeData | undefined;
-}
-type IDescribeApiRequestAction = ApiRequestAction<typeof FETCH_DESCRIBE, IDescribeHandledResponse, IResponseError>;
-export type IDescribeAction = IDescribeApiRequestAction | ReturnType<typeof setCurrentDescribePath> | ReturnType<typeof setDataWasNotLoaded>;
-export interface IDescribeRootStateSlice {
-    describe: IDescribeState;
-}
-export {};

package/dist/types/store/executeQuery.d.ts

@@ -1,4 +1,4 @@
-import { SEND_QUERY, changeUserInput, saveQueryToHistory, goToPreviousQuery, goToNextQuery, setTenantPath } from '../../store/reducers/executeQuery';
+import type { SEND_QUERY, changeUserInput, goToNextQuery, goToPreviousQuery, saveQueryToHistory, setTenantPath } from '../../store/reducers/executeQuery';
 import type { ApiRequestAction } from '../../store/utils';
 import type { IQueryResult, QueryError, QueryErrorResponse } from './query';
 export interface QueryInHistory {

package/dist/types/store/explainQuery.d.ts

@@ -1,5 +1,5 @@
 import type { ExplainPlanNodeData, GraphNode, Link } from '@gravity-ui/paranoid';
-import { GET_EXPLAIN_QUERY, GET_EXPLAIN_QUERY_AST } from '../../store/reducers/explainQuery';
+import type { GET_EXPLAIN_QUERY, GET_EXPLAIN_QUERY_AST } from '../../store/reducers/explainQuery';
 import type { ApiRequestAction } from '../../store/utils';
 import type { PlanTable, QueryPlan, ScriptPlan } from '../api/query';
 import type { IQueryResult, QueryError, QueryErrorResponse } from './query';

package/dist/types/store/heatmap.d.ts

@@ -1,38 +1,16 @@
-import type { ApiRequestAction } from '../../store/utils';
-import { FETCH_HEATMAP, setHeatmapOptions } from '../../store/reducers/heatmap';
-import type { IResponseError } from '../api/error';
-import type { TTabletStateInfo } from '../api/tablet';
 import type { TTableStats } from '../api/schema';
+import type { TTabletStateInfo } from '../api/tablet';
 import type { TMetrics } from '../api/tenant';
 export interface IHeatmapTabletData extends TTabletStateInfo {
     metrics?: TTableStats & TMetrics;
 }
 export type IHeatmapMetricValue = keyof TTableStats | keyof TMetrics;
-interface IHeatmapMetric {
-    value: IHeatmapMetricValue;
-    content: IHeatmapMetricValue;
-}
 export interface IHeatmapState {
-    loading: boolean;
-    wasLoaded: boolean;
     currentMetric?: IHeatmapMetricValue;
     sort: boolean;
     heatmap: boolean;
-    data?: IHeatmapTabletData[];
-    metrics?: IHeatmapMetric[];
-    error?: IResponseError;
 }
 export interface IHeatmapApiRequestParams {
     nodes?: string[];
     path: string;
 }
-interface IHeatmapHandledResponse {
-    data: IHeatmapTabletData[];
-    metrics?: IHeatmapMetric[];
-}
-type IHeatmapApiRequestAction = ApiRequestAction<typeof FETCH_HEATMAP, IHeatmapHandledResponse, IResponseError>;
-export type IHeatmapAction = IHeatmapApiRequestAction | ReturnType<typeof setHeatmapOptions>;
-export interface IHeatmapRootStateSlice {
-    heatmap: IHeatmapState;
-}
-export {};

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

@@ -1,4 +1,4 @@
-import { FETCH_HOST } from '../../store/reducers/host';
+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';

package/dist/types/store/nodesList.d.ts

@@ -1,15 +1 @@
-import { FETCH_NODES_LIST } from '../../store/reducers/nodesList';
-import type { ApiRequestAction } from '../../store/utils';
-import type { IResponseError } from '../api/error';
-import type { TEvNodesInfo } from '../api/nodesList';
-export interface NodesListState {
-    loading: boolean;
-    wasLoaded: boolean;
-    data?: TEvNodesInfo;
-    error?: IResponseError;
-}
-export type NodesListAction = ApiRequestAction<typeof FETCH_NODES_LIST, TEvNodesInfo, IResponseError>;
 export type NodesMap = Map<number, string>;
-export interface NodesListRootStateSlice {
-    nodesList: NodesListState;
-}

package/dist/types/store/query.d.ts

@@ -1,6 +1,6 @@
-import { QUERY_ACTIONS, QUERY_MODES, QUERY_SYNTAX } from '../../utils/query';
+import type { QUERY_ACTIONS, QUERY_MODES, QUERY_SYNTAX } from '../../utils/query';
 import type { IResponseError, NetworkError } from '../api/error';
-import type { KeyValueRow, ColumnType, ErrorResponse as QueryErrorResponseData, ScriptPlan, QueryPlan, TKqpStatsQuery } from '../api/query';
+import type { ColumnType, KeyValueRow, ErrorResponse as QueryErrorResponseData, QueryPlan, ScriptPlan, TKqpStatsQuery } from '../api/query';
 import type { ValueOf } from '../common';
 export interface ParsedResultSet {
     columns?: ColumnType[];

package/dist/types/store/tablet.d.ts

@@ -1,7 +1,4 @@
-import type { ApiRequestAction } from '../../store/utils';
-import type { IResponseError } from '../api/error';
 import type { ETabletState, TTabletStateInfo } from '../api/tablet';
-import { FETCH_TABLET, FETCH_TABLET_DESCRIBE, clearTabletData } from '../../store/reducers/tablet';
 export interface ITabletPreparedHistoryItem {
     nodeId: string;
     generation: number | undefined;
@@ -11,14 +8,6 @@ export interface ITabletPreparedHistoryItem {
     followerId: number | undefined;
     fqdn: string | undefined;
 }
-export interface ITabletState {
-    loading: boolean;
-    tenantPath?: string;
-    error?: IResponseError;
-    id?: string;
-    history?: ITabletPreparedHistoryItem[];
-    data?: TTabletStateInfo;
-}
 export interface ITabletHandledResponse {
     tabletData: TTabletStateInfo;
     historyData: ITabletPreparedHistoryItem[];
@@ -26,10 +15,3 @@ export interface ITabletHandledResponse {
 export interface ITabletDescribeHandledResponse {
     tenantPath: string;
 }
-type ITabletApiRequestAction = ApiRequestAction<typeof FETCH_TABLET, ITabletHandledResponse, IResponseError>;
-type ITabletDescribeApiRequestAction = ApiRequestAction<typeof FETCH_TABLET_DESCRIBE, ITabletDescribeHandledResponse, IResponseError>;
-export type ITabletAction = ITabletApiRequestAction | ITabletDescribeApiRequestAction | ReturnType<typeof clearTabletData>;
-export interface ITabletRootStateSlice {
-    tablet: ITabletState;
-}
-export {};

package/dist/types/store/tablets.d.ts

@@ -1,22 +1,12 @@
-import type { ApiRequestAction } from '../../store/utils';
-import { clearWasLoadingFlag, FETCH_TABLETS, setStateFilter, setTypeFilter } from '../../store/reducers/tablets';
-import type { IResponseError } from '../api/error';
-import type { TEvTabletStateResponse, EType, ETabletState } from '../api/tablet';
-export interface ITabletsState {
-    loading: boolean;
-    wasLoaded: boolean;
+import type { ETabletState, EType } from '../api/tablet';
+export interface TabletsState {
     stateFilter: ETabletState[];
     typeFilter: EType[];
-    data?: TEvTabletStateResponse;
-    error?: IResponseError;
 }
-export interface ITabletsApiRequestParams {
+export interface TabletsApiRequestParams {
     nodes?: string[];
     path?: string;
 }
-type ITabletsApiRequestAction = ApiRequestAction<typeof FETCH_TABLETS, TEvTabletStateResponse, IResponseError>;
-export type ITabletsAction = ITabletsApiRequestAction | (ReturnType<typeof clearWasLoadingFlag> | ReturnType<typeof setStateFilter> | ReturnType<typeof setTypeFilter>);
-export interface ITabletsRootStateSlice {
-    tablets: ITabletsState;
+export interface TabletsRootStateSlice {
+    tablets: TabletsState;
 }
-export {};

package/dist/types/store/tooltip.d.ts

@@ -1,5 +1,5 @@
-import { hideTooltip, showTooltip } from '../../store/reducers/tooltip';
-import { tooltipTemplates } from '../../utils/tooltip';
+import type { hideTooltip, showTooltip } from '../../store/reducers/tooltip';
+import type { tooltipTemplates } from '../../utils/tooltip';
 export type ITooltipTemplateType = keyof typeof tooltipTemplates;
 export interface ITooltipPositions {
     left: number;

package/dist/types/store/topic.d.ts

@@ -1,8 +1,4 @@
-import { FETCH_TOPIC, cleanTopicData, setDataWasNotLoaded } from '../../store/reducers/topic';
-import type { ApiRequestAction } from '../../store/utils';
 import type { ProcessSpeedStats } from '../../utils/bytesParsers';
-import type { IResponseError } from '../api/error';
-import type { DescribeTopicResult } from '../api/topic';
 export interface IPreparedConsumerData {
     name: string | undefined;
     readSpeed: ProcessSpeedStats;
@@ -16,13 +12,3 @@ export interface IPreparedTopicStats {
     partitionsIdleTime: number;
     writeSpeed: ProcessSpeedStats;
 }
-export interface ITopicState {
-    loading: boolean;
-    wasLoaded: boolean;
-    data?: DescribeTopicResult;
-    error?: IResponseError;
-}
-export type ITopicAction = ApiRequestAction<typeof FETCH_TOPIC, DescribeTopicResult, IResponseError> | ReturnType<typeof setDataWasNotLoaded> | ReturnType<typeof cleanTopicData>;
-export interface ITopicRootStateSlice {
-    topic: ITopicState;
-}

package/dist/utils/__test__/monitoring.test.js

@@ -1,37 +1,43 @@
-import { getMonitoringLink } from '../monitoring';
+import { getMonitoringClusterLink, getMonitoringLink } from '../monitoring';
 describe('getMonitoringLink', () => {
-    it('should create link with solomon for Israel version', () => {
-        const monitoringRaw = {
-            monitoring_url: 'https://some-monitoring.org/?project=yc.ydb.ydbaas-cloud&cluster=global',
+    it('should create database monitoring link from JSON', () => {
+        const solomonRaw = {
+            monitoring_url: 'https://monitoring.test.ai/projects/yc.ydb.ydbaas-cloud/dashboards',
             serverless_dashboard: '',
-            dedicated_dashboard: 'ydb-mt-database-overall',
+            dedicated_dashboard: 'aol34hftdn7o4fls50sv',
         };
-        const monitoringString = JSON.stringify(monitoringRaw);
-        expect(getMonitoringLink({
-            monitoring: monitoringString,
-            clusterName: 'global',
-            dbName: '/global/yc.ydb.ydbaas-cloud/uvu6j9kjcel12pem7',
-            dbType: 'Serverless',
-        })).toBe('https://some-monitoring.org/?project=yc.ydb.ydbaas-cloud&cluster=global&host=cluster&slot=static&database=/global/yc.ydb.ydbaas-cloud/uvu6j9kjcel12pem7&dashboard=');
+        const solomonString = JSON.stringify(solomonRaw);
         expect(getMonitoringLink({
-            monitoring: monitoringString,
+            monitoring: solomonString,
             clusterName: 'global',
-            dbName: '/global/audit-trails',
+            dbName: 'database',
             dbType: 'Database',
-        })).toBe('https://some-monitoring.org/?project=yc.ydb.ydbaas-cloud&cluster=global&host=cluster&slot=static&database=/global/audit-trails&dashboard=ydb-mt-database-overall');
+        })).toBe('https://monitoring.test.ai/projects/yc.ydb.ydbaas-cloud/dashboards/aol34hftdn7o4fls50sv?p.cluster=global&p.host=cluster&p.slot=static&p.database=database');
     });
-    it('should create link with monitoring for Nebius version', () => {
+    it('should create cluster monitoring link from JSON', () => {
         const solomonRaw = {
             monitoring_url: 'https://monitoring.test.ai/projects/yc.ydb.ydbaas-cloud/dashboards',
-            serverless_dashboard: '',
-            dedicated_dashboard: 'aol34hftdn7o4fls50sv',
+            cluster_dashboard: 'aol34hftdn7o4fls50sv',
+        };
+        const solomonString = JSON.stringify(solomonRaw);
+        expect(getMonitoringClusterLink(solomonString, 'clusterName')).toBe('https://monitoring.test.ai/projects/yc.ydb.ydbaas-cloud/dashboards/aol34hftdn7o4fls50sv/view?p.cluster=clusterName&p.database=-');
+    });
+    it('should not parse ready to use database monitoring link', () => {
+        const solomonRaw = {
+            monitoring_url: 'https://monitoring.test.ai/projects/ydbaas/dashboards/aol34hftdn7o4fls50sv?p.cluster=cluster_name&a=',
         };
         const solomonString = JSON.stringify(solomonRaw);
         expect(getMonitoringLink({
             monitoring: solomonString,
-            clusterName: 'global',
-            dbName: '/global/audit-trails',
-            dbType: 'Database',
-        })).toBe('https://monitoring.test.ai/projects/yc.ydb.ydbaas-cloud/dashboards/aol34hftdn7o4fls50sv?p.cluster=global&p.host=cluster&p.slot=static&p.database=/global/audit-trails');
+            dbName: 'database',
+            dbType: 'Dedicated',
+        })).toBe('https://monitoring.test.ai/projects/ydbaas/dashboards/aol34hftdn7o4fls50sv?p.cluster=cluster_name&a=&p.host=cluster&p.slot=static&p.database=database');
+    });
+    it('should not parse ready to use cluster monitoring link', () => {
+        const solomonRaw = {
+            monitoring_url: 'https://monitoring.test.ai/projects/ydbaas/dashboards/aol34hftdn7o4fls50sv/view?p.cluster=cluster_name&a=',
+        };
+        const solomonString = JSON.stringify(solomonRaw);
+        expect(getMonitoringClusterLink(solomonString)).toBe('https://monitoring.test.ai/projects/ydbaas/dashboards/aol34hftdn7o4fls50sv/view?p.cluster=cluster_name&a=&p.database=-');
     });
 });

package/dist/utils/__test__/parseBalancer.test.js

@@ -1,4 +1,4 @@
-import { removeViewerPathname, removeProtocol, removePort, getCleanBalancerValue, parseBalancer, } from '../parseBalancer';
+import { getCleanBalancerValue, parseBalancer, removePort, removeProtocol, removeViewerPathname, } from '../parseBalancer';
 describe('parseBalancer', () => {
     it('should parse balancer with viewer proxy', () => {
         const rawValue = 'https://viewer.ydb.ru:443/ydb-testing-0000.search.ydb.net:8765/viewer/json';

package/dist/utils/__test__/prepareBackend.test.js

@@ -1,4 +1,4 @@
-import { prepareHost, getBackendFromNodeHost, getBackendFromRawNodeData } from '../prepareBackend';
+import { getBackendFromNodeHost, getBackendFromRawNodeData, prepareHost } from '../prepareBackend';
 describe('prepareHost', () => {
     it('should add vm prefix to cloud din nodes', () => {
         const cloudDinNodeInitialHost = 'vm-cc8mco0j0snqehgh7r2a-ru-central1-c-nlmw-aniq.cc8mco0j0snqehgh7r2a.ydb.mdb.cloud-preprod.net';

package/dist/utils/bytesParsers/formatBytes.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
-import { formatNumber, roundToPrecision } from '../dataFormatters/dataFormatters';
 import { GIGABYTE, KILOBYTE, MEGABYTE, TERABYTE } from '../constants';
+import { formatNumber, roundToPrecision } from '../dataFormatters/dataFormatters';
 import { isNumeric } from '../utils';
 import i18n from './i18n';
 const sizes = {

package/dist/utils/bytesParsers/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: "b" | "kb" | "mb" | "gb" | "tb" | "perSecond", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/utils/bytesParsers/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-bytes-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/cn.d.ts

@@ -1,2 +1 @@
-import cn from 'bem-cn-lite';
-export { cn };
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;

package/dist/utils/cn.js

@@ -1,2 +1,5 @@
-import cn from 'bem-cn-lite';
-export { cn };
+import { withNaming } from '@bem-react/classname';
+export const cn = withNaming({
+    e: '__',
+    m: '_',
+});

package/dist/utils/constants.d.ts

@@ -1,4 +1,5 @@
 export declare const AUTO_RELOAD_INTERVAL: number;
+export declare const DEFAULT_POLLING_INTERVAL: number;
 export declare const KILOBYTE = 1000;
 export declare const MEGABYTE = 1000000;
 export declare const GIGABYTE = 1000000000;
@@ -57,6 +58,7 @@ export declare const ASIDE_HEADER_COMPACT_KEY = "asideHeaderCompact";
 export declare const QUERIES_HISTORY_KEY = "queries_history";
 export declare const DATA_QA_TUNE_COLUMNS_POPUP = "tune-columns-popup";
 export declare const BINARY_DATA_IN_PLAIN_TEXT_DISPLAY = "binaryDataInPlainTextDisplay";
+export declare const AUTO_REFRESH_INTERVAL = "auto-refresh-interval";
 export declare const DEFAULT_SIZE_RESULT_PANE_KEY = "default-size-result-pane";
 export declare const DEFAULT_SIZE_TENANT_SUMMARY_KEY = "default-size-tenant-summary-pane";
 export declare const DEFAULT_SIZE_TENANT_KEY = "default-size-tenant-pane";

package/dist/utils/constants.js

@@ -2,6 +2,7 @@ import DataTable from '@gravity-ui/react-data-table';
 import { EType } from '../types/api/tablet';
 const SECOND = 1000;
 export const AUTO_RELOAD_INTERVAL = 10 * SECOND;
+export const DEFAULT_POLLING_INTERVAL = 30 * SECOND;
 // by agreement, display all byte values in decimal scale
 // values in data are always in bytes, never in higher units,
 // therefore there is no issue arbitrary converting them in UI
@@ -73,6 +74,7 @@ export const ASIDE_HEADER_COMPACT_KEY = 'asideHeaderCompact';
 export const QUERIES_HISTORY_KEY = 'queries_history';
 export const DATA_QA_TUNE_COLUMNS_POPUP = 'tune-columns-popup';
 export const BINARY_DATA_IN_PLAIN_TEXT_DISPLAY = 'binaryDataInPlainTextDisplay';
+export const AUTO_REFRESH_INTERVAL = 'auto-refresh-interval';
 export const DEFAULT_SIZE_RESULT_PANE_KEY = 'default-size-result-pane';
 export const DEFAULT_SIZE_TENANT_SUMMARY_KEY = 'default-size-tenant-summary-pane';
 export const DEFAULT_SIZE_TENANT_KEY = 'default-size-tenant-pane';

package/dist/utils/createToast.d.ts

@@ -1,5 +1,5 @@
-import { Toaster } from '@gravity-ui/uikit';
-export declare const toaster: Toaster;
+import { toaster } from '@gravity-ui/uikit/toaster-singleton-react-18';
+export { toaster };
 interface CreateToastProps {
     name?: string;
     title?: string;

package/dist/utils/createToast.js

@@ -1,10 +1,10 @@
-import { Toaster } from '@gravity-ui/uikit';
-export const toaster = new Toaster();
+import { toaster } from '@gravity-ui/uikit/toaster-singleton-react-18';
+export { toaster };
 function createToast({ name, title, type, content }) {
     return toaster.add({
         name: name !== null && name !== void 0 ? name : 'Request succeeded',
         title: title !== null && title !== void 0 ? title : 'Request succeeded',
-        type: type !== null && type !== void 0 ? type : 'success',
+        theme: type === 'error' ? 'danger' : 'success',
         content: content,
         isClosable: true,
         autoHiding: type === 'success' ? 5000 : false,

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

@@ -1,5 +1,5 @@
 import type { TVDiskID, TVSlotId } from '../../types/api/vdisk';
-import { type BytesSizes } from '../bytesParsers/formatBytes';
+import type { BytesSizes } from '../bytesParsers/formatBytes';
 export declare const formatBytes: (bytes?: string | number) => string;
 export declare const formatBps: (bytes?: string | number) => string;
 export declare const formatBytesToGigabyte: (bytes: number | string) => string;

package/dist/utils/dataFormatters/dataFormatters.js

@@ -1,8 +1,8 @@
 import { dateTimeParse } from '@gravity-ui/date-utils';
+import { formatBytes as formatBytesCustom, getSizeWithSignificantDigits, } from '../bytesParsers/formatBytes';
 import { DAY_IN_SECONDS, GIGABYTE } from '../constants';
 import { configuredNumeral } from '../numeral';
 import { isNumeric } from '../utils';
-import { formatBytes as formatBytesCustom, getSizeWithSignificantDigits, } from '../bytesParsers/formatBytes';
 import i18n from './i18n';
 // Here you can't control displayed size and precision
 // If you need more custom format, use formatBytesCustom instead

package/dist/utils/dataFormatters/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: "format-cpu.cores", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/utils/dataFormatters/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-format-cpu';
-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/diagnostics.d.ts

@@ -1,4 +1,4 @@
-import { ValueOf } from '../types/common';
+import type { ValueOf } from '../types/common';
 declare const TOP_SHARDS_SORT_VALUES: {
     readonly CPUCores: "CPUCores";
     readonly DataSize: "DataSize";

package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js

@@ -6,20 +6,20 @@ describe('VDisk state', () => {
     it('Should determine severity based on the highest value among VDiskState, DiskSpace and FrontQueues', () => {
         const severity1 = calculateVDiskSeverity({
             VDiskId: { Domain: 1 },
-            VDiskState: EVDiskState.OK,
-            DiskSpace: EFlag.Yellow,
+            VDiskState: EVDiskState.OK, // severity 1, green
+            DiskSpace: EFlag.Yellow, // severity 3, yellow
             FrontQueues: EFlag.Green, // severity 1, green
         });
         const severity2 = calculateVDiskSeverity({
             VDiskId: { Domain: 2 },
-            VDiskState: EVDiskState.PDiskError,
-            DiskSpace: EFlag.Yellow,
+            VDiskState: EVDiskState.PDiskError, // severity 5, red
+            DiskSpace: EFlag.Yellow, // severity 3, yellow
             FrontQueues: EFlag.Green, // severity 1, green
         });
         const severity3 = calculateVDiskSeverity({
             VDiskId: { Domain: 3 },
-            VDiskState: EVDiskState.OK,
-            DiskSpace: EFlag.Yellow,
+            VDiskState: EVDiskState.OK, // severity 1, green
+            DiskSpace: EFlag.Yellow, // severity 3, yellow
             FrontQueues: EFlag.Orange, // severity 4, orange
         });
         expect(severity1).toEqual(DISK_COLOR_STATE_TO_NUMERIC_SEVERITY.Yellow);
@@ -29,14 +29,14 @@ describe('VDisk state', () => {
     it('Should not pick the highest severity based on FrontQueues value', () => {
         const severity1 = calculateVDiskSeverity({
             VDiskId: { Domain: 1 },
-            VDiskState: EVDiskState.OK,
-            DiskSpace: EFlag.Green,
+            VDiskState: EVDiskState.OK, // severity 1, green
+            DiskSpace: EFlag.Green, // severity 1, green
             FrontQueues: EFlag.Red, // severity 5, red
         });
         const severity2 = calculateVDiskSeverity({
             VDiskId: { Domain: 2 },
-            VDiskState: EVDiskState.OK,
-            DiskSpace: EFlag.Red,
+            VDiskState: EVDiskState.OK, // severity 1, green
+            DiskSpace: EFlag.Red, // severity 5, red
             FrontQueues: EFlag.Red, // severity 5, red
         });
         expect(severity1).not.toEqual(DISK_COLOR_STATE_TO_NUMERIC_SEVERITY.Red);
@@ -90,12 +90,12 @@ describe('VDisk state', () => {
     it('Should display replicating VDisks in OK state with a distinct color', () => {
         const severity1 = calculateVDiskSeverity({
             VDiskId: { Domain: 1 },
-            VDiskState: EVDiskState.OK,
+            VDiskState: EVDiskState.OK, // severity 1, green
             Replicated: false,
         });
         const severity2 = calculateVDiskSeverity({
             VDiskId: { Domain: 2 },
-            VDiskState: EVDiskState.OK,
+            VDiskState: EVDiskState.OK, // severity 1, green
             Replicated: true,
         });
         expect(severity1).toEqual(DISK_COLOR_STATE_TO_NUMERIC_SEVERITY.Blue);
@@ -104,12 +104,12 @@ describe('VDisk state', () => {
     it('Should display replicating VDisks in a not-OK state with a regular color', () => {
         const severity1 = calculateVDiskSeverity({
             VDiskId: { Domain: 1 },
-            VDiskState: EVDiskState.Initial,
+            VDiskState: EVDiskState.Initial, // severity 3, yellow
             Replicated: false,
         });
         const severity2 = calculateVDiskSeverity({
             VDiskId: { Domain: 2 },
-            VDiskState: EVDiskState.PDiskError,
+            VDiskState: EVDiskState.PDiskError, // severity 5, red
             Replicated: false,
         });
         expect(severity1).toEqual(DISK_COLOR_STATE_TO_NUMERIC_SEVERITY.Yellow);
@@ -118,19 +118,19 @@ describe('VDisk state', () => {
     it('Should always display donor VDisks with a regular color', () => {
         const severity1 = calculateVDiskSeverity({
             VDiskId: { Domain: 1 },
-            VDiskState: EVDiskState.OK,
-            Replicated: false,
+            VDiskState: EVDiskState.OK, // severity 1, green
+            Replicated: false, // donors are always in the not replicated state since they are leftovers
             DonorMode: true,
         });
         const severity2 = calculateVDiskSeverity({
             VDiskId: { Domain: 2 },
-            VDiskState: EVDiskState.Initial,
+            VDiskState: EVDiskState.Initial, // severity 3, yellow
             Replicated: false,
             DonorMode: true,
         });
         const severity3 = calculateVDiskSeverity({
             VDiskId: { Domain: 3 },
-            VDiskState: EVDiskState.PDiskError,
+            VDiskState: EVDiskState.PDiskError, // severity 5, red
             Replicated: false,
             DonorMode: true,
         });

package/dist/utils/disks/calculateVDiskSeverity.d.ts

@@ -1,2 +1,2 @@
-import { type TVDiskStateInfo } from '../../types/api/vdisk';
+import type { TVDiskStateInfo } from '../../types/api/vdisk';
 export declare function calculateVDiskSeverity(vDisk: TVDiskStateInfo): number;

package/dist/utils/disks/getPDiskType.js

@@ -18,7 +18,7 @@ function parseBitField(binaryString, bitFieldStruct) {
     return fields;
 }
 export const PDISK_TYPES = {
-    HDD: 'HDD',
+    HDD: 'HDD', // ROT (Rotation?) = HDD
     SSD: 'SSD',
     MVME: 'NVME',
 };

package/dist/utils/filters.js

@@ -1,5 +1,5 @@
-import escapeRegExp from 'lodash/escapeRegExp';
 import { DESCENDING } from '@gravity-ui/react-data-table/build/esm/lib/constants';
+import escapeRegExp from 'lodash/escapeRegExp';
 export const prepareSortValue = (sortValue, sortOrder = DESCENDING) => {
     if (!sortValue) {
         return '';

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

@@ -1,4 +1,3 @@
-export * from './useAutofetcher';
 export * from './useTypedSelector';
 export * from './useTypedDispatch';
 export * from './useSetting';

package/dist/utils/hooks/index.js

@@ -1,4 +1,3 @@
-export * from './useAutofetcher';
 export * from './useTypedSelector';
 export * from './useTypedDispatch';
 export * from './useSetting';

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

@@ -1,6 +1,6 @@
 import type { NodesGeneralRequestParams } from '../../store/reducers/nodes/types';
 import type { ProblemFilterValue } from '../../store/reducers/settings/types';
-import { NodesUptimeFilterValues } from '../nodes';
+import type { NodesUptimeFilterValues } from '../nodes';
 interface NodesRawRequestParams extends Omit<NodesGeneralRequestParams, 'problems_only' | 'uptime'> {
     problemFilter?: ProblemFilterValue;
     nodesUptimeFilter?: NodesUptimeFilterValues;

package/dist/utils/hooks/useNodesRequestParams.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import React from 'react';
 import { USE_BACKEND_PARAMS_FOR_TABLES_KEY } from '../constants';
 import { getProblemParamValue, getUptimeParamValue } from '../nodes';
 import { useSetting } from './useSetting';
@@ -6,7 +6,7 @@ export const useNodesRequestParams = ({ filter, problemFilter, nodesUptimeFilter
     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) {
             const problemsOnly = getProblemParamValue(problemFilter);
             const uptime = getUptimeParamValue(nodesUptimeFilter);

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

@@ -1 +1,2 @@
+/// <reference types="qs" />
 export declare const useSearchQuery: () => import("qs").ParsedQs;

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

@@ -1 +1 @@
-export declare const useSetting: <T>(key: string, defaultValue?: T | undefined) => [T, (value: T) => void];
+export declare const useSetting: <T>(key: string, defaultValue?: T) => [T, (value: T) => void];

package/dist/utils/hooks/useSetting.js

@@ -1,7 +1,7 @@
-import { useCallback } from 'react';
+import React from 'react';
 import { getSettingValue, setSettingValue } from '../../store/reducers/settings/settings';
-import { useTypedSelector } from './useTypedSelector';
 import { useTypedDispatch } from './useTypedDispatch';
+import { useTypedSelector } from './useTypedSelector';
 export const useSetting = (key, defaultValue) => {
     const dispatch = useTypedDispatch();
     const settingValue = useTypedSelector((state) => {
@@ -9,7 +9,7 @@ export const useSetting = (key, defaultValue) => {
         // Since we type setter value as T, we assume that received value is also T
         return ((_a = getSettingValue(state, key)) !== null && _a !== void 0 ? _a : defaultValue);
     });
-    const setValue = useCallback((value) => {
+    const setValue = React.useCallback((value) => {
         dispatch(setSettingValue(key, value));
     }, [dispatch, key]);
     return [settingValue, setValue];