ydb-embedded-ui 21.1.0 → 22.1.0

package/src/containers/Tenants/TenantsTable.tsx

@@ -5,6 +5,7 @@ import type {Column, SortOrder} from '@gravity-ui/react-data-table';
 import DataTable from '@gravity-ui/react-data-table';
 import type {LabelProps} from '@gravity-ui/uikit';
 import {Button, Flex, Icon, Label} from '@gravity-ui/uikit';
+import {useHistory} from 'react-router-dom';
 
 import {EntitiesCount} from '../../components/EntitiesCount';
 import {ResponseError} from '../../components/Errors/ResponseError';
@@ -15,6 +16,7 @@ import {Search} from '../../components/Search';
 import {TableColumnSetup} from '../../components/TableColumnSetup/TableColumnSetup';
 import {TableWithControlsLayout} from '../../components/TableWithControlsLayout/TableWithControlsLayout';
 import {TenantNameWrapper} from '../../components/TenantNameWrapper/TenantNameWrapper';
+import {getTenantLink} from '../../components/TenantNameWrapper/utils';
 import {useEmMetaAvailable} from '../../store/reducers/capabilities/hooks';
 import {useClusterBaseInfo} from '../../store/reducers/cluster/cluster';
 import {
@@ -131,6 +133,7 @@ const TenantsTableContent = ({
     onStatusClick,
 }: TenantsTableContentProps) => {
     const SuccessImage = getIllustration('SuccessOperation');
+    const history = useHistory();
 
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const {currentData, isFetching, error} = tenantsApi.useGetTenantsInfoQuery(
@@ -144,7 +147,7 @@ const TenantsTableContent = ({
 
     const isCreateDBAvailable = useEmMetaAvailable() && uiFactory.onCreateDB !== undefined;
 
-    const {domain: domainRoot} = useClusterBaseInfo();
+    const {domain: domainRoot, settings} = useClusterBaseInfo();
 
     const {search, withProblems, handleSearchChange, handleWithProblemsChange} =
         useTenantsQueryParams();
@@ -167,7 +170,40 @@ const TenantsTableContent = ({
         const filteredBySearch = filterTenantsBySearch(filteredByProblems, search);
 
         return filteredBySearch;
-    }, [tenants, withProblems, search]);
+    }, [tenants, withProblems, search, showWithProblemsFilter]);
+
+    const tenantLinks = React.useMemo(
+        () =>
+            new Map(
+                tenants.map((tenant) => [
+                    tenant,
+                    getTenantLink({
+                        tenant,
+                        additionalTenantsProps,
+                        externalLink: Boolean(environmentName),
+                        useDatabaseId:
+                            uiFactory.useDatabaseId && settings?.use_meta_proxy !== false,
+                    }),
+                ]),
+            ),
+        [tenants, additionalTenantsProps, environmentName, settings?.use_meta_proxy],
+    );
+
+    const openTenant = React.useCallback(
+        (tenant: PreparedTenant) => {
+            const link = tenantLinks.get(tenant);
+            if (!link) {
+                return;
+            }
+            if (link.isExternalLink) {
+                window.open(link.href, '_blank', 'noopener,noreferrer');
+                return;
+            }
+
+            history.push(link.href);
+        },
+        [tenantLinks, history],
+    );
 
     const renderCreateDBButton = () => {
         const buttonAvailable = isCreateDBAvailable && clusterName;
@@ -192,6 +228,7 @@ const TenantsTableContent = ({
         return (
             <React.Fragment>
                 <Search
+                    tableFilter
                     value={search}
                     onChange={handleSearchChange}
                     placeholder="Database name"
@@ -221,6 +258,7 @@ const TenantsTableContent = ({
                         clusterName={clusterName}
                         additionalTenantsProps={additionalTenantsProps}
                         externalLink={Boolean(environmentName)}
+                        link={tenantLinks.get(row)}
                         onStatusClick={onStatusClick}
                     />
                 ),
@@ -362,6 +400,7 @@ const TenantsTableContent = ({
         handleSearchChange,
         onStatusClick,
         showPoolsColumn,
+        tenantLinks,
     ]);
 
     const {columnsToShow, columnsToSelect, setColumns} = useSelectedColumns(
@@ -378,14 +417,26 @@ const TenantsTableContent = ({
         }
 
         return (
-            <ResizeableDataTable
-                columnsWidthLSKey={DATABASES_COLUMNS_WIDTH_LS_KEY}
-                data={filteredTenants}
-                columns={columnsToShow}
-                settings={DEFAULT_TABLE_SETTINGS}
-                emptyDataMessage={i18n('no-databases')}
-                onSortChange={setSortParams}
-            />
+            <div>
+                <ResizeableDataTable
+                    onKeyboardActivate={openTenant}
+                    getKeyboardRowKey={(tenant) =>
+                        JSON.stringify([tenant.Cluster, tenant.Id ?? tenant.Name])
+                    }
+                    getKeyboardRowLabel={(tenant) =>
+                        tenant.controlPlaneName ||
+                        tenant.Name ||
+                        tenant.Id ||
+                        EMPTY_DATA_PLACEHOLDER
+                    }
+                    columnsWidthLSKey={DATABASES_COLUMNS_WIDTH_LS_KEY}
+                    data={filteredTenants}
+                    columns={columnsToShow}
+                    settings={DEFAULT_TABLE_SETTINGS}
+                    emptyDataMessage={i18n('no-databases')}
+                    onSortChange={setSortParams}
+                />
+            </div>
         );
     };
 
@@ -411,7 +462,14 @@ const TenantsTableContent = ({
 
     return (
         <div className={b('table-wrapper')}>
-            <TableWithControlsLayout fullHeight>
+            <TableWithControlsLayout
+                fullHeight
+                keyboardNavigationResetKey={JSON.stringify([
+                    withProblems,
+                    showDomainDatabase,
+                    showWithProblemsFilter,
+                ])}
+            >
                 <TableWithControlsLayout.Controls renderExtraControls={renderExtraControls}>
                     {renderControls()}
                 </TableWithControlsLayout.Controls>
@@ -421,7 +479,7 @@ const TenantsTableContent = ({
                     loading={loading}
                     scrollDependencies={[search, withProblems, sortParams]}
                 >
-                    {currentData ? renderTable() : null}
+                    <div>{currentData ? renderTable() : null}</div>
                 </TableWithControlsLayout.Table>
             </TableWithControlsLayout>
         </div>

package/src/containers/VDiskPage/VDiskPage.tsx

@@ -174,7 +174,7 @@ export function VDiskPage() {
             return null;
         }
         return (
-            <div className={vDiskPageCn('controls')}>
+            <div className={vDiskPageCn('controls')} data-qa="vdisk-controls">
                 <EvictVDiskButton
                     vDiskId={resolvedVDiskId}
                     donorMode={vDiskData?.DonorMode}

package/src/routes.ts

@@ -169,7 +169,7 @@ export function getStorageGroupPath(groupId: string | number, query: Query = {})
 }
 
 export function getDefaultNodePath(
-    params: {id: string | number; activeTab?: NodeTab},
+    params: {id: string | number; activeTab?: NodeTab; environment?: string},
     query: NodePageQuery = {},
     options?: CreateHrefOptions,
 ) {

package/src/services/api/tablets.ts

@@ -1,4 +1,5 @@
 import type {TTabletHiveResponse} from '../../types/api/tablet';
+import {getTabletDevUiAppPage} from '../../utils/developerUI/tabletDevUi';
 import type {Nullable} from '../../utils/typecheckers';
 
 import type {AxiosOptions} from './base';
@@ -11,6 +12,7 @@ export class TabletsAPI extends BaseYdbAPI {
         failRealmIdx,
         failDomainIdx,
         vDiskIdx,
+        useSecurePath = false,
     }: {
         groupId: string | number;
         groupGeneration: string | number;
@@ -18,12 +20,15 @@ export class TabletsAPI extends BaseYdbAPI {
         failDomainIdx: string | number;
         vDiskIdx: string | number;
         force?: boolean;
+        useSecurePath?: boolean;
     }) {
         // BSC Id is constant for all ydb clusters
         const BSC_TABLET_ID = '72057594037932033';
 
         return this.post(
-            this.getPath(`/tablets/app?TabletID=${BSC_TABLET_ID}&exec=1`),
+            this.getPath(
+                `/tablets/${getTabletDevUiAppPage(useSecurePath)}?TabletID=${BSC_TABLET_ID}&exec=1`,
+            ),
             {
                 Command: {
                     ReassignGroupDisk: {
@@ -54,28 +59,32 @@ export class TabletsAPI extends BaseYdbAPI {
         );
     }
 
-    stopTablet(id: string, hiveId: string) {
+    stopTablet(id: string, hiveId: string, useSecurePath = false) {
         return this.post<unknown>(
-            this.getPath(`/tablets/app?TabletID=${hiveId}&page=StopTablet&tablet=${id}`),
+            this.getPath(
+                `/tablets/${getTabletDevUiAppPage(useSecurePath)}?TabletID=${hiveId}&page=StopTablet&tablet=${id}`,
+            ),
             {},
             {requestConfig: {'axios-retry': {retries: 0}}},
         );
     }
 
-    resumeTablet(id: string, hiveId: string) {
+    resumeTablet(id: string, hiveId: string, useSecurePath = false) {
         return this.post<unknown>(
-            this.getPath(`/tablets/app?TabletID=${hiveId}&page=ResumeTablet&tablet=${id}`),
+            this.getPath(
+                `/tablets/${getTabletDevUiAppPage(useSecurePath)}?TabletID=${hiveId}&page=ResumeTablet&tablet=${id}`,
+            ),
             {},
             {requestConfig: {'axios-retry': {retries: 0}}},
         );
     }
 
     getTabletFromHive(
-        {id, hiveId}: {id: string; hiveId: string},
+        {id, hiveId, useSecurePath = false}: {id: string; hiveId: string; useSecurePath?: boolean},
         {concurrentId, signal}: AxiosOptions = {},
     ) {
         return this.get<Nullable<TTabletHiveResponse>>(
-            this.getPath('/tablets/app'),
+            this.getPath(`/tablets/${getTabletDevUiAppPage(useSecurePath)}`),
             {
                 TabletID: hiveId,
                 page: 'TabletInfo',

package/src/services/api/viewer.ts

@@ -28,12 +28,7 @@ import type {
 import type {JsonRenderRequestParams, JsonRenderResponse} from '../../types/api/render';
 import type {DescribeReplicationResult} from '../../types/api/replication';
 import type {TEvDescribeSchemeResult} from '../../types/api/schema';
-import type {
-    StorageRequestParams,
-    StorageStatsRequestParams,
-    StorageStatsResponse,
-    TStorageInfo,
-} from '../../types/api/storage';
+import type {StorageStatsRequestParams, StorageStatsResponse} from '../../types/api/storage';
 import type {TEvSystemStateResponse} from '../../types/api/systemState';
 import type {
     TDomainKey,
@@ -524,25 +519,6 @@ export class ViewerAPI extends BaseYdbAPI {
         );
     }
 
-    getStorageInfo(
-        {database, nodeId, groupId, pDiskId, filter, ...params}: StorageRequestParams,
-        {concurrentId, signal}: AxiosOptions = {},
-    ) {
-        return this.get<TStorageInfo>(
-            this.getPath(`/viewer/json/storage?enums=true`),
-            {
-                database,
-                node_id: nodeId,
-                group_id: groupId,
-                pdisk_id: pDiskId,
-                // Do not send empty string
-                filter: filter || undefined,
-                ...params,
-            },
-            {concurrentId, requestConfig: {signal}},
-        );
-    }
-
     getStorageStats(
         {
             database,

package/src/store/reducers/api.ts

@@ -1,6 +1,8 @@
 import type {BaseQueryFn} from '@reduxjs/toolkit/query';
 import {createApi} from '@reduxjs/toolkit/query/react';
 
+import {CLUSTER_DATA_TAG, DATABASE_DATA_TAG} from './entityDataTags';
+
 export const api = createApi({
     baseQuery: fakeBaseQuery(),
     /**
@@ -27,6 +29,8 @@ export const api = createApi({
         'Backups',
         'BackupsSchedule',
         'OperationList',
+        DATABASE_DATA_TAG,
+        CLUSTER_DATA_TAG,
     ],
 });
 

package/src/store/reducers/capabilities/hooks.ts

@@ -81,10 +81,6 @@ export const useTracingLevelOptionAvailable = () => {
     return useGetFeatureVersion('/viewer/query') > 2;
 };
 
-export const useStorageGroupsHandlerAvailable = () => {
-    return useGetFeatureVersion('/storage/groups') > 2;
-};
-
 export const useStorageStatsAvailable = () => {
     return useGetFeatureVersion('/viewer/storage_stats') > 0;
 };
@@ -203,6 +199,15 @@ export const useAnalyzeOperationAvailable = () => {
     return operationListVersion >= 2 && Boolean(analyzeLongRunningOperationEnabled);
 };
 
+export const useTabletDevUiSecurePath = () => {
+    const database = useDatabaseFromQuery();
+
+    return useTypedSelector((state) => {
+        const {data, isError} = selectDatabaseCapabilities(state, database);
+        return !isError && data?.Settings?.Features?.EnableTabletDevUiSecurePath === true;
+    });
+};
+
 export const useGraphShardExists = () => {
     const database = useDatabaseFromQuery();
 

package/src/store/reducers/cluster/cluster.ts

@@ -13,6 +13,7 @@ import {useIsViewerUser} from '../../../utils/hooks/useIsUserAllowedToMakeChange
 import {isQueryErrorResponse} from '../../../utils/query';
 import type {RootState} from '../../defaultStore';
 import {api} from '../api';
+import {getClusterDataTag} from '../entityDataTags';
 import {selectNodesMap} from '../nodesList';
 
 import {
@@ -117,7 +118,7 @@ export const clusterApi = api.injectEndpoints({
                     return {error};
                 }
             },
-            providesTags: ['All'],
+            providesTags: (_result, _error, clusterName) => ['All', getClusterDataTag(clusterName)],
         }),
         getClusterBaseInfo: builder.query({
             queryFn: async (clusterName: string, {signal}) => {
@@ -131,7 +132,7 @@ export const clusterApi = api.injectEndpoints({
                     return {error};
                 }
             },
-            providesTags: ['All'],
+            providesTags: (_result, _error, clusterName) => ['All', getClusterDataTag(clusterName)],
         }),
     }),
     overrideExisting: 'throw',

package/src/store/reducers/clusters/clusters.ts

@@ -2,6 +2,7 @@ import {createSlice} from '@reduxjs/toolkit';
 import type {PayloadAction} from '@reduxjs/toolkit';
 
 import {api} from '../api';
+import {CLUSTER_DATA_LIST_TAG} from '../entityDataTags';
 
 import type {ClustersFilters} from './types';
 import {prepareClustersData} from './utils';
@@ -43,7 +44,7 @@ export const clustersApi = api.injectEndpoints({
                     return {error};
                 }
             },
-            providesTags: ['All'],
+            providesTags: ['All', CLUSTER_DATA_LIST_TAG],
         }),
     }),
     overrideExisting: 'throw',

package/src/store/reducers/entityDataTags.ts

@@ -0,0 +1,34 @@
+export const DATABASE_DATA_TAG = 'DatabaseData';
+export const CLUSTER_DATA_TAG = 'ClusterData';
+
+const ENTITY_DATA_LIST_TAG_ID = 'LIST';
+
+export const DATABASE_DATA_LIST_TAG = {
+    type: DATABASE_DATA_TAG,
+    id: ENTITY_DATA_LIST_TAG_ID,
+} as const;
+
+export const CLUSTER_DATA_LIST_TAG = {
+    type: CLUSTER_DATA_TAG,
+    id: ENTITY_DATA_LIST_TAG_ID,
+} as const;
+
+export function getDatabaseDataTag({
+    clusterName,
+    database,
+}: {
+    clusterName?: string;
+    database: string;
+}) {
+    return {
+        type: DATABASE_DATA_TAG,
+        id: JSON.stringify([clusterName ?? null, database]),
+    } as const;
+}
+
+export function getClusterDataTag(clusterName?: string) {
+    return {
+        type: CLUSTER_DATA_TAG,
+        id: JSON.stringify(clusterName ?? null),
+    } as const;
+}

package/src/store/reducers/node/node.ts

@@ -15,17 +15,6 @@ export const nodeApi = api.injectEndpoints({
             },
             providesTags: ['All'],
         }),
-        getNodeStructure: build.query({
-            queryFn: async ({nodeId}: {nodeId: string}, {signal}) => {
-                try {
-                    const data = await window.api.viewer.getStorageInfo({nodeId}, {signal});
-                    return {data};
-                } catch (error) {
-                    return {error};
-                }
-            },
-            providesTags: ['All'],
-        }),
     }),
     overrideExisting: 'throw',
 });

package/src/store/reducers/node/types.ts

@@ -1,21 +1,3 @@
-import type {PreparedPDisk, PreparedVDisk} from '../../../utils/disks/types';
 import type {PreparedNodeSystemState} from '../../../utils/nodes';
 
-interface RawStructurePDisk extends PreparedPDisk {
-    vDisks: Record<string, PreparedVDisk>;
-}
-
-export type RawNodeStructure = Record<string, RawStructurePDisk>;
-
-export interface PreparedStructureVDisk extends PreparedVDisk {
-    id: string;
-    order: number;
-}
-
-export interface PreparedStructurePDisk extends PreparedPDisk {
-    vDisks: PreparedStructureVDisk[];
-}
-
-export type PreparedNodeStructure = Record<string, PreparedStructurePDisk>;
-
 export interface PreparedNode extends Partial<PreparedNodeSystemState> {}

package/src/store/reducers/nodesList.ts

@@ -27,7 +27,6 @@ const createGetNodesListSelector = createSelector(
 );
 
 export const selectNodesMap = createSelector(
-    (state: RootState) => state,
-    (_state: RootState, database?: string) => createGetNodesListSelector(database),
-    (state, selectNodesList) => prepareNodesMap(selectNodesList(state).data),
+    (state: RootState, database?: string) => createGetNodesListSelector(database)(state).data,
+    prepareNodesMap,
 );

package/src/store/reducers/settings/constants.ts

@@ -45,6 +45,8 @@ export const SETTING_KEYS = {
     STORAGE_EXPERT_MODE: 'storageExpertMode',
     STORAGE_VDISKS_GROUP_BY: 'storageVDisksGroupBy',
     STORAGE_PDISKS_GROUP_BY: 'storagePDisksGroupBy',
+    STORAGE_NODES_VDISKS_GROUP_BY: 'storageNodesVDisksGroupBy',
+    STORAGE_NODES_PDISKS_GROUP_BY: 'storageNodesPDisksGroupBy',
 } as const;
 
 export type SettingKey = ValueOf<typeof SETTING_KEYS>;
@@ -87,6 +89,8 @@ export const DEFAULT_USER_SETTINGS = {
     [SETTING_KEYS.STORAGE_EXPERT_MODE]: false,
     [SETTING_KEYS.STORAGE_VDISKS_GROUP_BY]: 'State',
     [SETTING_KEYS.STORAGE_PDISKS_GROUP_BY]: 'State',
+    [SETTING_KEYS.STORAGE_NODES_VDISKS_GROUP_BY]: 'State',
+    [SETTING_KEYS.STORAGE_NODES_PDISKS_GROUP_BY]: 'State',
 } as const satisfies Record<SettingKey, unknown>;
 
 export const SETTINGS_OPTIONS: Record<string, SettingOptions | undefined> = {

package/src/store/reducers/storage/prepareGroupsDisks.ts

@@ -9,6 +9,7 @@ import type {PDiskType, PreparedVDisk} from '../../../utils/disks/types';
 import {parseOptionalNonNegativeNumber} from '../../../utils/utils';
 
 export function prepareGroupsVDisk(data: TStorageVDisk = {}): PreparedVDisk {
+    const hasWhiteboardData = data.HasWhiteboardData ?? Boolean(data.Whiteboard);
     const {Whiteboard: whiteboardVDisk = {}, PDisk, ...bscVDisk} = data;
 
     const mergedVDiskData = {
@@ -36,13 +37,14 @@ export function prepareGroupsVDisk(data: TStorageVDisk = {}): PreparedVDisk {
     const whiteboardSlotSize = parseOptionalNonNegativeNumber(
         PDisk?.Whiteboard?.EnforcedDynamicSlotSize,
     );
-    const whiteboardSizeFields = data.Whiteboard
-        ? prepareVDiskSizeFields({
-              AvailableSize: whiteboardAvailableSize,
-              AllocatedSize: whiteboardAllocatedSize,
-              SlotSize: whiteboardSlotSize,
-          })
-        : undefined;
+    const whiteboardSizeFields =
+        hasWhiteboardData && data.Whiteboard
+            ? prepareVDiskSizeFields({
+                  AvailableSize: whiteboardAvailableSize,
+                  AllocatedSize: whiteboardAllocatedSize,
+                  SlotSize: whiteboardSlotSize,
+              })
+            : undefined;
     const WhiteboardSize = whiteboardSizeFields
         ? {
               AllocatedSize:
@@ -72,6 +74,7 @@ export function prepareGroupsVDisk(data: TStorageVDisk = {}): PreparedVDisk {
     return {
         ...mergedVDiskData,
         ...vDiskSizeFields,
+        HasWhiteboardData: hasWhiteboardData,
         ...(WhiteboardSize ? {WhiteboardSize} : {}),
         PDisk: preparedPDisk,
         Donors: preparedDonors,
@@ -82,6 +85,7 @@ export function prepareGroupsVDisk(data: TStorageVDisk = {}): PreparedVDisk {
 }
 
 export function prepareGroupsPDisk(data: TStoragePDisk & {NodeId?: number} = {}) {
+    const hasWhiteboardData = data.HasWhiteboardData ?? Boolean(data.Whiteboard);
     const {Whiteboard: whiteboardPDisk, Status: DriveStatus, ...bscPDisk} = data;
 
     const mergedPDiskData = {
@@ -109,12 +113,12 @@ export function prepareGroupsPDisk(data: TStoragePDisk & {NodeId?: number} = {})
     const whiteboardAvailableSize = parseOptionalNonNegativeNumber(whiteboardPDisk?.AvailableSize);
     const whiteboardTotalSize = parseOptionalNonNegativeNumber(whiteboardPDisk?.TotalSize);
     const whiteboardSizeFields =
-        whiteboardPDisk === undefined
-            ? undefined
-            : preparePDiskSizeFields({
+        hasWhiteboardData && whiteboardPDisk
+            ? preparePDiskSizeFields({
                   AvailableSize: whiteboardAvailableSize,
                   TotalSize: whiteboardTotalSize,
-              });
+              })
+            : undefined;
     const WhiteboardSize = whiteboardSizeFields
         ? {
               AllocatedSize:
@@ -138,6 +142,7 @@ export function prepareGroupsPDisk(data: TStoragePDisk & {NodeId?: number} = {})
 
     return {
         ...mergedPDiskData,
+        HasWhiteboardData: hasWhiteboardData,
         StringifiedId,
         AllocatedPercent,
         AllocatedSize,

package/src/store/reducers/storage/requestStorageData.ts

@@ -1,21 +1,9 @@
 import type {AxiosOptions} from '../../../services/api/base';
-import type {GroupsRequestParams, StorageRequestParams} from '../../../types/api/storage';
+import type {GroupsRequestParams} from '../../../types/api/storage';
 
-import {prepareGroupsResponse, prepareStorageResponse} from './utils';
+import {prepareGroupsResponse} from './utils';
 
-export async function requestStorageData(
-    {
-        version = 'v2',
-        shouldUseGroupsHandler,
-        ...params
-    }: StorageRequestParams & GroupsRequestParams & {shouldUseGroupsHandler?: boolean},
-    options?: AxiosOptions,
-) {
-    if (shouldUseGroupsHandler && version !== 'v1') {
-        const result = await window.api.storage.getStorageGroups({...params}, options);
-        return prepareGroupsResponse(result);
-    } else {
-        const result = await window.api.viewer.getStorageInfo({version, ...params}, options);
-        return prepareStorageResponse(result);
-    }
+export async function requestStorageData(params: GroupsRequestParams, options?: AxiosOptions) {
+    const result = await window.api.storage.getStorageGroups(params, options);
+    return prepareGroupsResponse(result);
 }

package/src/store/reducers/storage/storage.ts

@@ -1,5 +1,5 @@
 import type {NodesRequestParams} from '../../../types/api/nodes';
-import type {GroupsRequestParams, StorageRequestParams} from '../../../types/api/storage';
+import type {GroupsRequestParams} from '../../../types/api/storage';
 import {api} from '../api';
 
 import {requestStorageData} from './requestStorageData';
@@ -22,11 +22,7 @@ export const storageApi = api.injectEndpoints({
             providesTags: ['All', 'StorageData'],
         }),
         getStorageGroupsInfo: builder.query({
-            queryFn: async (
-                params: StorageRequestParams &
-                    GroupsRequestParams & {shouldUseGroupsHandler?: boolean},
-                {signal},
-            ) => {
+            queryFn: async (params: GroupsRequestParams, {signal}) => {
                 try {
                     const result = await requestStorageData(params, {signal});
                     return {data: result};

package/src/store/reducers/storage/types.ts

@@ -83,16 +83,7 @@ export interface PreparedStorageGroup {
     VDisks?: PreparedVDisk[];
 
     Kind?: string;
-    ChangeTime?: number | string;
     GroupGeneration?: string;
-    Latency?: EFlag;
-    AcquiredUnits?: string;
-    AcquiredIOPS?: number;
-    AcquiredThroughput?: string;
-    AcquiredSize?: string;
-    MaximumIOPS?: number;
-    MaximumThroughput?: string;
-    MaximumSize?: string;
 
     AllocationUnits?: string | number;
     GroupSizeInUnits?: number;