ydb-embedded-ui 4.10.1 → 4.11.0

package/dist/containers/Tenant/Tenant.tsx

@@ -10,12 +10,11 @@ import {DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY} from '../.
 import {useTypedSelector} from '../../utils/hooks';
 import {setHeaderBreadcrumbs} from '../../store/reducers/header/header';
 import {disableAutorefresh, getSchema} from '../../store/reducers/schema/schema';
-import {getSchemaAcl} from '../../store/reducers/schemaAcl/schemaAcl';
 
 import SplitPane from '../../components/SplitPane';
 import {AccessDenied} from '../../components/Errors/403';
 
-import ObjectSummary from './ObjectSummary/ObjectSummary';
+import {ObjectSummary} from './ObjectSummary/ObjectSummary';
 import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
 
 import {
@@ -74,12 +73,10 @@ function Tenant(props: TenantProps) {
 
     useEffect(() => {
         dispatch(getSchema({path: tenantName}));
-        dispatch(getSchemaAcl({path: tenantName}));
     }, [tenantName, dispatch]);
 
     useEffect(() => {
         dispatch(getSchema({path: currentSchemaPath}));
-        dispatch(getSchemaAcl({path: currentSchemaPath}));
     }, [currentSchemaPath, dispatch]);
 
     useEffect(() => {
@@ -124,7 +121,6 @@ function Tenant(props: TenantProps) {
                         onCollapseSummary={onCollapseSummaryHandler}
                         onExpandSummary={onExpandSummaryHandler}
                         isCollapsed={summaryVisibilityState.collapsed}
-                        additionalTenantInfo={props.additionalTenantInfo}
                     />
                     <ObjectGeneral
                         type={preloadedPathType || currentPathType}

package/dist/containers/Tenant/TenantPages.tsx

@@ -1,31 +1,26 @@
 import routes, {createHref} from '../../routes';
+import {TENANT_SUMMARY_TABS_IDS} from '../../store/reducers/tenant/constants';
 
-export enum TenantInfoTabsIds {
-    overview = 'overview',
-    acl = 'acl',
-    schema = 'schema',
-}
-
-export enum TenantTabsGroups {
-    info = 'info',
-    queryTab = 'queryTab',
-    diagnosticsTab = 'diagnosticsTab',
-}
+export const TenantTabsGroups = {
+    summaryTab: 'summaryTab',
+    queryTab: 'queryTab',
+    diagnosticsTab: 'diagnosticsTab',
+} as const;
 
 export const TENANT_INFO_TABS = [
     {
-        id: TenantInfoTabsIds.overview,
+        id: TENANT_SUMMARY_TABS_IDS.overview,
         title: 'Overview',
     },
     {
-        id: TenantInfoTabsIds.acl,
+        id: TENANT_SUMMARY_TABS_IDS.acl,
         title: 'ACL',
     },
 ];
 
 export const TENANT_SCHEMA_TAB = [
     {
-        id: TenantInfoTabsIds.schema,
+        id: TENANT_SUMMARY_TABS_IDS.schema,
         title: 'Schema',
     },
 ];

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

@@ -0,0 +1,11 @@
+{
+  "acl.owner": "Owner",
+  "acl.empty": "No Acl data",
+
+  "summary.navigation": "Navigation",
+  "summary.showPreview": "Show preview",
+  "summary.copySchemaPath": "Copy schema path",
+
+  "actions.copied" : "The path is copied to the clipboard",
+  "actions.notCopied" : "Couldn’t copy the path"
+}

package/dist/containers/Tenant/i18n/index.ts

@@ -0,0 +1,11 @@
+import {i18n, Lang} from '../../../utils/i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'ydb-tenant';
+
+i18n.registerKeyset(Lang.En, COMPONENT, en);
+i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
+
+export default i18n.keyset(COMPONENT);

package/dist/containers/Tenant/i18n/ru.json

@@ -0,0 +1,11 @@
+{
+  "acl.owner": "Владелец",
+  "acl.empty": "Нет данных об Acl",
+
+  "summary.navigation": "Навигация",
+  "summary.showPreview": "Показать превью",
+  "summary.copySchemaPath": "Скопировать путь",
+
+  "actions.copied": "Путь успешно скопирован",
+  "actions.notCopied": "Не получилось скопировать путь"
+}

package/dist/containers/Tenant/utils/schema.ts

@@ -32,6 +32,9 @@ const pathTypeToNodeType: Record<EPathType, NavigationTreeNodeType | undefined>
 
     [EPathType.EPathTypeCdcStream]: 'topic',
     [EPathType.EPathTypePersQueueGroup]: 'topic',
+
+    [EPathType.EPathTypeExternalDataSource]: 'external_data_source',
+    [EPathType.EPathTypeExternalTable]: 'external_table',
 };
 
 export const mapPathTypeToNavigationTreeType = (
@@ -64,6 +67,8 @@ const pathTypeToEntityName: Record<EPathType, string | undefined> = {
     [EPathType.EPathTypeColumnTable]: 'Columntable',
     [EPathType.EPathTypeCdcStream]: 'Changefeed',
     [EPathType.EPathTypePersQueueGroup]: 'Topic',
+    [EPathType.EPathTypeExternalDataSource]: 'External Data Source',
+    [EPathType.EPathTypeExternalTable]: 'External Table',
 };
 
 export const mapPathTypeToEntityName = (
@@ -90,6 +95,8 @@ const pathTypeToIsTable: Record<EPathType, boolean> = {
     [EPathType.EPathTypeTable]: true,
     [EPathType.EPathTypeColumnTable]: true,
 
+    [EPathType.EPathTypeExternalTable]: true,
+
     [EPathType.EPathTypeInvalid]: false,
     [EPathType.EPathTypeDir]: false,
     [EPathType.EPathTypeSubDomain]: false,
@@ -98,6 +105,7 @@ const pathTypeToIsTable: Record<EPathType, boolean> = {
     [EPathType.EPathTypeColumnStore]: false,
     [EPathType.EPathTypeCdcStream]: false,
     [EPathType.EPathTypePersQueueGroup]: false,
+    [EPathType.EPathTypeExternalDataSource]: false,
 };
 
 export const isTableType = (pathType?: EPathType) =>
@@ -130,6 +138,8 @@ const pathTypeToIsColumn: Record<EPathType, boolean> = {
     [EPathType.EPathTypeExtSubDomain]: false,
     [EPathType.EPathTypeCdcStream]: false,
     [EPathType.EPathTypePersQueueGroup]: false,
+    [EPathType.EPathTypeExternalDataSource]: false,
+    [EPathType.EPathTypeExternalTable]: false,
 };
 
 export const isColumnEntityType = (type?: EPathType) => (type && pathTypeToIsColumn[type]) ?? false;
@@ -148,6 +158,8 @@ const pathTypeToIsDatabase: Record<EPathType, boolean> = {
     [EPathType.EPathTypeTableIndex]: false,
     [EPathType.EPathTypeCdcStream]: false,
     [EPathType.EPathTypePersQueueGroup]: false,
+    [EPathType.EPathTypeExternalDataSource]: false,
+    [EPathType.EPathTypeExternalTable]: false,
 };
 
 export const isDatabaseEntityType = (type?: EPathType) =>
@@ -171,6 +183,8 @@ const pathTypeToEntityWithMergedImplementation: Record<EPathType, boolean> = {
     [EPathType.EPathTypeSubDomain]: false,
     [EPathType.EPathTypeTableIndex]: false,
     [EPathType.EPathTypeExtSubDomain]: false,
+    [EPathType.EPathTypeExternalDataSource]: false,
+    [EPathType.EPathTypeExternalTable]: false,
 };
 
 export const isEntityWithMergedImplementation = (type?: EPathType) =>
@@ -190,6 +204,9 @@ const pathTypeToChildless: Record<EPathType, boolean> = {
     [EPathType.EPathTypeCdcStream]: true,
     [EPathType.EPathTypePersQueueGroup]: true,
 
+    [EPathType.EPathTypeExternalDataSource]: true,
+    [EPathType.EPathTypeExternalTable]: true,
+
     [EPathType.EPathTypeInvalid]: false,
     [EPathType.EPathTypeColumnStore]: false,
     [EPathType.EPathTypeColumnTable]: false,
@@ -217,7 +234,14 @@ const mapPathTypeToIsWithTopic: Record<EPathType, boolean> = {
     [EPathType.EPathTypeSubDomain]: false,
     [EPathType.EPathTypeTableIndex]: false,
     [EPathType.EPathTypeExtSubDomain]: false,
+
+    [EPathType.EPathTypeExternalDataSource]: false,
+    [EPathType.EPathTypeExternalTable]: false,
 };
 
 export const isPathTypeWithTopic = (type?: EPathType) =>
     (type && mapPathTypeToIsWithTopic[type]) ?? false;
+
+// ====================
+
+export const isExternalTable = (type?: EPathType) => type === EPathType.EPathTypeExternalTable;

package/dist/containers/Tenant/utils/schemaActions.ts

@@ -1,15 +1,16 @@
 import {Dispatch} from 'react';
+import copy from 'copy-to-clipboard';
+
 import type {NavigationTreeNodeType, NavigationTreeProps} from 'ydb-ui-components';
 
 import {changeUserInput} from '../../../store/reducers/executeQuery';
 import {setShowPreview} from '../../../store/reducers/schema/schema';
 import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant';
-import {
-    TENANT_QUERY_TABS_ID,
-    TENANT_PAGES_IDS,
-} from '../../../store/reducers/tenant/constants';
+import {TENANT_QUERY_TABS_ID, TENANT_PAGES_IDS} from '../../../store/reducers/tenant/constants';
 import createToast from '../../../utils/createToast';
 
+import i18n from '../i18n';
+
 const createTableTemplate = (path: string) => {
     return `CREATE TABLE \`${path}/my_table\`
 (
@@ -51,22 +52,20 @@ const bindActions = (
         selectQuery: inputQuery(selectQueryTemplate),
         upsertQuery: inputQuery(upsertQueryTemplate),
         copyPath: () => {
-            navigator.clipboard
-                .writeText(path)
-                .then(() => {
-                    createToast({
-                        name: 'Copied',
-                        title: 'The path is copied to the clipboard',
-                        type: 'success',
-                    });
-                })
-                .catch(() => {
-                    createToast({
-                        name: 'Not copied',
-                        title: 'Couldn’t copy the path',
-                        type: 'error',
-                    });
+            try {
+                copy(path);
+                createToast({
+                    name: 'Copied',
+                    title: i18n('actions.copied'),
+                    type: 'success',
+                });
+            } catch {
+                createToast({
+                    name: 'Not copied',
+                    title: i18n('actions.notCopied'),
+                    type: 'error',
                 });
+            }
         },
         openPreview: () => {
             dispatch(setShowPreview(true));
@@ -84,23 +83,25 @@ export const getActions =
     (path: string, type: NavigationTreeNodeType) => {
         const actions = bindActions(path, dispatch, setActivePath);
         const copyItem = {text: 'Copy path', action: actions.copyPath};
+        const openPreview = {text: 'Open preview', action: actions.openPreview};
+        const selectQuery = {text: 'Select query...', action: actions.selectQuery};
 
         const DIR_SET: ActionsSet = [
             [copyItem],
             [{text: 'Create table...', action: actions.createTable}],
         ];
         const TABLE_SET: ActionsSet = [
-            [{text: 'Open preview', action: actions.openPreview}, copyItem],
+            [openPreview, copyItem],
             [
                 {text: 'Alter table...', action: actions.alterTable},
-                {text: 'Select query...', action: actions.selectQuery},
+                selectQuery,
                 {text: 'Upsert query...', action: actions.upsertQuery},
             ],
         ];
 
-        const JUST_COPY: ActionsSet = [copyItem];
+        const EXTERNAL_TABLE_SET = [[openPreview, copyItem], [selectQuery]];
 
-        const EMPTY_SET: ActionsSet = [];
+        const JUST_COPY: ActionsSet = [copyItem];
 
         // verbose mapping to guarantee a correct actions set for new node types
         // TS will error when a new type is added in the lib but is not mapped here
@@ -114,7 +115,10 @@ export const getActions =
             index_table: JUST_COPY,
             topic: JUST_COPY,
 
-            index: EMPTY_SET,
+            index: JUST_COPY,
+
+            external_table: EXTERNAL_TABLE_SET,
+            external_data_source: JUST_COPY,
         };
 
         return nodeTypeToActions[type];

package/dist/containers/Tenants/Tenants.tsx

@@ -31,7 +31,7 @@ import {DEFAULT_TABLE_SETTINGS} from '../../utils/constants';
 import {useAutofetcher, useTypedSelector} from '../../utils/hooks';
 import {clusterName} from '../../store';
 
-import {TenantTabsGroups, TENANT_INFO_TABS, getTenantPath} from '../Tenant/TenantPages';
+import {getTenantPath} from '../Tenant/TenantPages';
 
 import './Tenants.scss';
 
@@ -80,8 +80,6 @@ export const Tenants = ({additionalTenantsProps}: TenantsProps) => {
     };
 
     const renderTable = () => {
-        const initialTenantInfoTab = TENANT_INFO_TABS[0].id;
-
         const getTenantBackend = (tenant: PreparedTenant) => {
             const backend = tenant.MonitoringEndpoint ?? tenant.backend;
             return additionalTenantsProps?.prepareTenantBackend?.(backend);
@@ -106,7 +104,6 @@ export const Tenants = ({additionalTenantsProps}: TenantsProps) => {
                                 path={getTenantPath({
                                     name: row.Name,
                                     backend,
-                                    [TenantTabsGroups.info]: initialTenantInfoTab,
                                 })}
                             />
                             {additionalTenantsProps?.getMonitoringLink?.(row.Name, row.Type)}

package/dist/services/api.ts

@@ -28,7 +28,7 @@ import type {DescribeTopicResult} from '../types/api/topic';
 import type {TEvPDiskStateResponse} from '../types/api/pdisk';
 import type {TEvVDiskStateResponse} from '../types/api/vdisk';
 import type {TUserToken} from '../types/api/whoami';
-import type {NodesApiRequestParams} from '../store/reducers/nodes/types';
+import type {ComputeApiRequestParams, NodesApiRequestParams} from '../store/reducers/nodes/types';
 import type {StorageApiRequestParams} from '../store/reducers/storage/types';
 
 import {backend as BACKEND} from '../store';
@@ -82,25 +82,24 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
         });
     }
     getNodes(
-        {tenant, visibleEntities, storage, type = 'any', tablets = true}: NodesApiRequestParams,
+        {visibleEntities, type = 'any', tablets = true, ...params}: NodesApiRequestParams,
         {concurrentId}: AxiosOptions = {},
     ) {
         return this.get<TNodesInfo>(
             this.getPath('/viewer/json/nodes?enums=true'),
             {
-                tenant,
                 with: visibleEntities,
-                storage,
                 type,
                 tablets,
+                ...params,
             },
             {
                 concurrentId,
             },
         );
     }
-    getCompute(path: string) {
-        return this.get<TComputeInfo>(this.getPath('/viewer/json/compute?enums=true'), {path});
+    getCompute(params: ComputeApiRequestParams) {
+        return this.get<TComputeInfo>(this.getPath('/viewer/json/compute?enums=true'), params);
     }
     getStorageInfo(
         {tenant, visibleEntities, nodeId}: StorageApiRequestParams,
@@ -189,7 +188,7 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
             {
                 path,
             },
-            {concurrentId: `getSchemaAcl|${path}`},
+            {concurrentId: `getSchemaAcl`},
         );
     }
     getHeatmapData({path}: {path: string}) {

package/dist/store/index.js

@@ -32,6 +32,6 @@ function configureStore(aRootReducer = rootReducer, singleClusterMode = true) {
 export const webVersion = window.web_version;
 export const customBackend = window.custom_backend;
 
-export * from "./reducers"
+export * from './reducers';
 
 export default configureStore;

package/dist/store/reducers/nodes/nodes.ts

@@ -2,10 +2,16 @@ import type {Reducer} from 'redux';
 
 import '../../../services/api';
 import {NodesUptimeFilterValues} from '../../../utils/nodes';
+import {EVersion} from '../../../types/api/compute';
 
 import {createRequestActionTypes, createApiRequest} from '../../utils';
 
-import type {NodesAction, NodesApiRequestParams, NodesState} from './types';
+import type {
+    ComputeApiRequestParams,
+    NodesAction,
+    NodesApiRequestParams,
+    NodesState,
+} from './types';
 import {prepareComputeNodesData, prepareNodesData} from './utils';
 
 export const FETCH_NODES = createRequestActionTypes('nodes', 'FETCH_NODES');
@@ -80,17 +86,20 @@ const nodes: Reducer<NodesState, NodesAction> = (state = initialState, action) =
     }
 };
 
-export function getNodes({tenant, visibleEntities, type = 'any'}: NodesApiRequestParams) {
+export function getNodes({type = 'any', ...params}: NodesApiRequestParams) {
     return createApiRequest({
-        request: window.api.getNodes({tenant, visibleEntities, type}),
+        request: window.api.getNodes({
+            type,
+            ...params,
+        }),
         actions: FETCH_NODES,
         dataHandler: prepareNodesData,
     });
 }
 
-export function getComputeNodes(path: string) {
+export function getComputeNodes({version = EVersion.v2, ...params}: ComputeApiRequestParams) {
     return createApiRequest({
-        request: window.api.getCompute(path),
+        request: window.api.getCompute({version, ...params}),
         actions: FETCH_NODES,
         dataHandler: prepareComputeNodesData,
     });

package/dist/store/reducers/nodes/types.ts

@@ -1,6 +1,9 @@
 import type {IResponseError} from '../../../types/api/error';
 import type {TEndpoint, TPoolStats} from '../../../types/api/nodes';
-import type {TTabletStateInfo as TComputeTabletStateInfo} from '../../../types/api/compute';
+import type {
+    EVersion,
+    TTabletStateInfo as TComputeTabletStateInfo,
+} from '../../../types/api/compute';
 import type {TTabletStateInfo as TFullTabletStateInfo} from '../../../types/api/tablet';
 import type {EFlag} from '../../../types/api/enums';
 import type {ApiRequestAction} from '../../utils';
@@ -46,17 +49,33 @@ export interface NodesState {
 
 export type NodeType = 'static' | 'dynamic' | 'any';
 
-export interface NodesApiRequestParams {
+interface RequestParams {
+    filter?: string; // NodeId or Host
+    uptime?: number; // return nodes with less uptime in seconds
+    problems_only?: boolean; // return nodes with SystemState !== EFlag.Green
+    sort?: string; // Sort by one of ESort params (may differ for /nodes and /compute)
+
+    offser?: number;
+    limit?: number;
+}
+
+export interface NodesApiRequestParams extends RequestParams {
     tenant?: string;
     type?: NodeType;
-    visibleEntities?: VisibleEntities;
+    visibleEntities?: VisibleEntities; // "with" param
     storage?: boolean;
     tablets?: boolean;
 }
 
+export interface ComputeApiRequestParams extends RequestParams {
+    path: string;
+    version?: EVersion; // only v2 works with filters
+}
+
 export interface NodesHandledResponse {
     Nodes?: NodesPreparedEntity[];
     TotalNodes: number;
+    FoundNodes?: number;
 }
 
 type NodesApiRequestAction = ApiRequestAction<

package/dist/store/reducers/nodes/utils.ts

@@ -1,28 +1,40 @@
-import type {TComputeInfo} from '../../../types/api/compute';
+import type {TComputeInfo, TComputeNodeInfo} from '../../../types/api/compute';
 import type {TNodesInfo} from '../../../types/api/nodes';
 import {calcUptime} from '../../../utils';
 
 import type {NodesHandledResponse, NodesPreparedEntity} from './types';
 
+const prepareComputeNode = (node: TComputeNodeInfo, tenantName?: string) => {
+    return {
+        ...node,
+        // v2 response has tenant name, v1 - doesn't
+        TenantName: node.Tenant ?? tenantName,
+        SystemState: node?.Overall,
+        Uptime: calcUptime(node?.StartTime),
+    };
+};
+
 export const prepareComputeNodesData = (data: TComputeInfo): NodesHandledResponse => {
     const preparedNodes: NodesPreparedEntity[] = [];
 
-    if (data.Tenants) {
+    // First try to parse v2 response in case backend supports it
+    // Else parse v1 response
+    if (data.Nodes) {
+        data.Nodes.forEach((node) => {
+            preparedNodes.push(prepareComputeNode(node));
+        });
+    } else if (data.Tenants) {
         for (const tenant of data.Tenants) {
             tenant.Nodes?.forEach((node) => {
-                preparedNodes.push({
-                    ...node,
-                    TenantName: tenant.Name,
-                    SystemState: node?.Overall,
-                    Uptime: calcUptime(node?.StartTime),
-                });
+                preparedNodes.push(prepareComputeNode(node, tenant.Name));
             });
         }
     }
 
     return {
         Nodes: preparedNodes,
-        TotalNodes: preparedNodes.length,
+        TotalNodes: Number(data.TotalNodes) || preparedNodes.length,
+        FoundNodes: Number(data.FoundNodes),
     };
 };
 
@@ -41,6 +53,7 @@ export const prepareNodesData = (data: TNodesInfo): NodesHandledResponse => {
 
     return {
         Nodes: preparedNodes,
-        TotalNodes: Number(data.TotalNodes) ?? preparedNodes.length,
+        TotalNodes: Number(data.TotalNodes) || preparedNodes.length,
+        FoundNodes: Number(data.FoundNodes),
     };
 };

package/dist/store/reducers/preview.ts

@@ -1,7 +1,7 @@
 import '../../services/api';
 
-import type {ErrorResponse, ExecuteActions} from '../../types/api/query';
-import type {IQueryResult} from '../../types/store/query';
+import type {ExecuteActions} from '../../types/api/query';
+import type {IQueryResult, QueryErrorResponse} from '../../types/store/query';
 import {parseQueryAPIExecuteResponse} from '../../utils/query';
 
 import {createRequestActionTypes, createApiRequest, ApiRequestAction} from '../utils';
@@ -16,7 +16,9 @@ const initialState = {
 
 const preview = (
     state = initialState,
-    action: ApiRequestAction<typeof SEND_QUERY, IQueryResult, ErrorResponse> | ReturnType<typeof setQueryOptions>,
+    action:
+        | ApiRequestAction<typeof SEND_QUERY, IQueryResult, QueryErrorResponse>
+        | ReturnType<typeof setQueryOptions>,
 ) => {
     switch (action.type) {
         case SEND_QUERY.REQUEST: {
@@ -57,7 +59,7 @@ interface SendQueryParams {
     query?: string;
     database?: string;
     action?: ExecuteActions;
-};
+}
 
 export const sendQuery = ({query, database, action}: SendQueryParams) => {
     return createApiRequest({

package/dist/store/reducers/schemaAcl/schemaAcl.ts

@@ -6,6 +6,7 @@ import {createRequestActionTypes, createApiRequest} from '../../utils';
 import type {SchemaAclAction, SchemaAclState} from './types';
 
 export const FETCH_SCHEMA_ACL = createRequestActionTypes('schemaAcl', 'FETCH_SCHEMA_ACL');
+const SET_ACL_WAS_NOT_LOADED = 'schemaAcl/SET_DATA_WAS_NOT_LOADED';
 
 const initialState = {
     loading: false,
@@ -34,12 +35,22 @@ const schemaAcl: Reducer<SchemaAclState, SchemaAclAction> = (state = initialStat
             };
         }
         case FETCH_SCHEMA_ACL.FAILURE: {
+            if (action.error?.isCancelled) {
+                return state;
+            }
+
             return {
                 ...state,
                 error: action.error,
                 loading: false,
             };
         }
+        case SET_ACL_WAS_NOT_LOADED: {
+            return {
+                ...state,
+                wasLoaded: false,
+            };
+        }
         default:
             return state;
     }
@@ -52,4 +63,10 @@ export function getSchemaAcl({path}: {path: string}) {
     });
 }
 
+export const setAclWasNotLoaded = () => {
+    return {
+        type: SET_ACL_WAS_NOT_LOADED,
+    } as const;
+};
+
 export default schemaAcl;

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

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

package/dist/store/reducers/tenant/constants.ts

@@ -25,3 +25,9 @@ export const TENANT_DIAGNOSTICS_TABS_IDS = {
     consumers: 'consumers',
     partitions: 'partitions',
 } as const;
+
+export const TENANT_SUMMARY_TABS_IDS = {
+    overview: 'overview',
+    acl: 'acl',
+    schema: 'schema',
+} as const;