ydb-embedded-ui 5.2.0 → 5.3.0

package/dist/containers/Tablet/Tablet.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from 'react';
 import { useLocation, useParams } from 'react-router';
-import { useDispatch } from 'react-redux';
 import cn from 'bem-cn-lite';
 import { Link as ExternalLink } from '@gravity-ui/uikit';
 import { Helmet } from 'react-helmet-async';
 import { backend } from '../../store';
 import { getTablet, getTabletDescribe, clearTabletData } from '../../store/reducers/tablet';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { useAutofetcher, useTypedSelector } from '../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch } from '../../utils/hooks';
 import { CLUSTER_DEFAULT_TITLE, DEVELOPER_UI_TITLE } from '../../utils/constants';
 import { parseQuery } from '../../routes';
-import EntityStatus from '../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../components/EntityStatus/EntityStatus';
 import { ResponseError } from '../../components/Errors/ResponseError';
 import { Tag } from '../../components/Tag';
 import { Icon } from '../../components/Icon';
@@ -26,7 +25,7 @@ export const b = cn('tablet-page');
 export const Tablet = () => {
     var _a;
     const isFirstDataFetchRef = useRef(true);
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const location = useLocation();
     const params = useParams();
     const { id } = params;
@@ -48,7 +47,7 @@ export const Tablet = () => {
         }
     }, [dispatch, tablet]);
     const fetchData = useCallback(() => {
-        dispatch(getTablet(id));
+        return dispatch(getTablet(id));
     }, [dispatch, id]);
     useAutofetcher(fetchData, [fetchData], true);
     useEffect(() => {

package/dist/containers/Tablet/TabletControls/TabletControls.d.ts

@@ -1,7 +1,8 @@
-import { TTabletStateInfo } from '../../../types/api/tablet';
+import { type TTabletStateInfo } from '../../../types/api/tablet';
+import type { ITabletHandledResponse } from '../../../types/store/tablet';
 interface TabletControlsProps {
     tablet: TTabletStateInfo;
-    fetchData: VoidFunction;
+    fetchData: () => Promise<ITabletHandledResponse | undefined>;
 }
 export declare const TabletControls: ({ tablet, fetchData }: TabletControlsProps) => JSX.Element;
 export {};

package/dist/containers/Tablet/TabletControls/TabletControls.js

@@ -1,46 +1,17 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Button } from '@gravity-ui/uikit';
 import { ETabletState } from '../../../types/api/tablet';
-import { CriticalActionDialog } from '../../../components/CriticalActionDialog';
+import { ButtonWithConfirmDialog } from '../../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
 import i18n from '../i18n';
 import { b } from '../Tablet';
-var EVisibleDialogType;
-(function (EVisibleDialogType) {
-    EVisibleDialogType["kill"] = "kill";
-    EVisibleDialogType["stop"] = "stop";
-    EVisibleDialogType["resume"] = "resume";
-})(EVisibleDialogType || (EVisibleDialogType = {}));
 export const TabletControls = ({ tablet, fetchData }) => {
     const { TabletId, HiveId } = tablet;
-    const [isDialogVisible, setIsDialogVisible] = useState(false);
-    const [visibleDialogType, setVisibleDialogType] = useState(null);
-    const [isTabletActionLoading, setIsTabletActionLoading] = useState(false);
-    // Enable controls after data update
-    useEffect(() => {
-        setIsTabletActionLoading(false);
-    }, [tablet]);
-    const makeShowDialog = (type) => () => {
-        setIsDialogVisible(true);
-        setVisibleDialogType(type);
-    };
-    const showKillDialog = makeShowDialog(EVisibleDialogType.kill);
-    const showStopDialog = makeShowDialog(EVisibleDialogType.stop);
-    const showResumeDialog = makeShowDialog(EVisibleDialogType.resume);
-    const hideDialog = () => {
-        setIsDialogVisible(false);
-        setVisibleDialogType(null);
-    };
     const _onKillClick = () => {
-        setIsTabletActionLoading(true);
         return window.api.killTablet(TabletId);
     };
     const _onStopClick = () => {
-        setIsTabletActionLoading(true);
         return window.api.stopTablet(TabletId, HiveId);
     };
     const _onResumeClick = () => {
-        setIsTabletActionLoading(true);
         return window.api.resumeTablet(TabletId, HiveId);
     };
     const hasHiveId = () => {
@@ -48,23 +19,5 @@ export const TabletControls = ({ tablet, fetchData }) => {
     };
     const isDisabledResume = tablet.State !== ETabletState.Stopped && tablet.State !== ETabletState.Dead;
     const isDisabledStop = tablet.State === ETabletState.Stopped || tablet.State === ETabletState.Deleted;
-    const renderDialog = () => {
-        if (!isDialogVisible) {
-            return null;
-        }
-        switch (visibleDialogType) {
-            case EVisibleDialogType.kill: {
-                return (_jsx(CriticalActionDialog, { visible: isDialogVisible, text: i18n('dialog.kill'), onClose: hideDialog, onConfirm: _onKillClick, onConfirmActionFinish: fetchData }));
-            }
-            case EVisibleDialogType.stop: {
-                return (_jsx(CriticalActionDialog, { visible: isDialogVisible, text: i18n('dialog.stop'), onClose: hideDialog, onConfirm: _onStopClick, onConfirmActionFinish: fetchData }));
-            }
-            case EVisibleDialogType.resume: {
-                return (_jsx(CriticalActionDialog, { visible: isDialogVisible, text: i18n('dialog.resume'), onClose: hideDialog, onConfirm: _onResumeClick, onConfirmActionFinish: fetchData }));
-            }
-            default:
-                return null;
-        }
-    };
-    return (_jsxs("div", Object.assign({ className: b('controls') }, { children: [_jsx(Button, Object.assign({ onClick: showKillDialog, view: "action", loading: isTabletActionLoading, className: b('control') }, { children: i18n('controls.kill') })), hasHiveId() ? (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ onClick: showStopDialog, view: "action", disabled: isDisabledStop, loading: !isDisabledStop && isTabletActionLoading, className: b('control') }, { children: i18n('controls.stop') })), _jsx(Button, Object.assign({ onClick: showResumeDialog, view: "action", disabled: isDisabledResume, loading: !isDisabledResume && isTabletActionLoading, className: b('control') }, { children: i18n('controls.resume') }))] })) : null, renderDialog()] })));
+    return (_jsxs("div", Object.assign({ className: b('controls') }, { children: [_jsx(ButtonWithConfirmDialog, Object.assign({ dialogContent: i18n('dialog.kill'), onConfirmAction: _onKillClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control') }, { children: i18n('controls.kill') })), hasHiveId() ? (_jsxs(_Fragment, { children: [_jsx(ButtonWithConfirmDialog, Object.assign({ dialogContent: i18n('dialog.stop'), onConfirmAction: _onStopClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledStop }, { children: i18n('controls.stop') })), _jsx(ButtonWithConfirmDialog, Object.assign({ dialogContent: i18n('dialog.resume'), onConfirmAction: _onResumeClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledResume }, { children: i18n('controls.resume') }))] })) : null] })));
 };

package/dist/containers/Tablet/TabletTable/TabletTable.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
-import EntityStatus from '../../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../../components/EntityStatus/EntityStatus';
 import { InternalLink } from '../../../components/InternalLink/InternalLink';
 import { calcUptime } from '../../../utils/dataFormatters/dataFormatters';
 import { getDefaultNodePath } from '../../Node/NodePages';

package/dist/containers/Tablets/Tablets.js

@@ -1,19 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useDispatch } from 'react-redux';
 import cn from 'bem-cn-lite';
 import ReactList from 'react-list';
 import { Select } from '@gravity-ui/uikit';
 import { Tablet } from '../../components/Tablet';
 import TabletsOverall from '../../components/TabletsOverall/TabletsOverall';
 import { Loader } from '../../components/Loader';
-import { useAutofetcher, useTypedSelector } from '../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch } from '../../utils/hooks';
 import { getTabletsInfo, clearWasLoadingFlag, setStateFilter, setTypeFilter, } from '../../store/reducers/tablets';
 import './Tablets.scss';
 import i18n from './i18n';
 const b = cn('tablets');
 export const Tablets = ({ path, nodeId, className }) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const { data, wasLoaded, loading, error, stateFilter, typeFilter } = useTypedSelector((state) => state.tablets);
     const { autorefresh } = useTypedSelector((state) => state.schema);
     const tablets = useMemo(() => (data === null || data === void 0 ? void 0 : data.TabletStateInfo) || [], [data]);

package/dist/containers/TabletsFilters/TabletsFilters.d.ts

@@ -42,7 +42,7 @@ export class TabletsFilters extends React.Component<any, any, any> {
     renderView: () => JSX.Element;
     render(): JSX.Element;
 }
-declare var _default: import("react-redux").ConnectedComponent<typeof TabletsFilters, import("react-redux").Omit<PropTypes.InferProps<{
+declare const _default: import("react-redux").ConnectedComponent<typeof TabletsFilters, import("react-redux").Omit<PropTypes.InferProps<{
     wasLoaded: PropTypes.Requireable<boolean>;
     loading: PropTypes.Requireable<boolean>;
     getTabletsInfo: PropTypes.Requireable<(...args: any[]) => any>;
@@ -58,7 +58,7 @@ declare var _default: import("react-redux").ConnectedComponent<typeof TabletsFil
     typeFilter: PropTypes.Requireable<any[]>;
     error: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<object>>;
     setHeader: PropTypes.Requireable<(...args: any[]) => any>;
-}>, "nodes" | "tablets" | "error" | "loading" | "wasLoaded" | "stateFilter" | "typeFilter" | "setStateFilter" | "setTypeFilter" | "clearWasLoadingFlag" | "getTabletsInfo" | "filteredTablets" | "timeoutForRequest">>;
+}>, "nodes" | "tablets" | "loading" | "wasLoaded" | "error" | "stateFilter" | "typeFilter" | "setStateFilter" | "setTypeFilter" | "clearWasLoadingFlag" | "getTabletsInfo" | "filteredTablets" | "timeoutForRequest">>;
 export default _default;
 import React from "react";
 import PropTypes from "prop-types";

package/dist/containers/Tenant/Acl/Acl.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDispatch } from 'react-redux';
 import { useEffect } from 'react';
 import cn from 'bem-cn-lite';
 import DataTable from '@gravity-ui/react-data-table';
 import { DEFAULT_TABLE_SETTINGS } from '../../../utils/constants';
-import { useTypedSelector } from '../../../utils/hooks';
+import { useTypedSelector, useTypedDispatch } from '../../../utils/hooks';
 import { getSchemaAcl, setAclWasNotLoaded } from '../../../store/reducers/schemaAcl/schemaAcl';
 import { ResponseError } from '../../../components/Errors/ResponseError';
 import { Loader } from '../../../components/Loader';
@@ -58,7 +57,7 @@ const columns = [
     },
 ];
 export const Acl = () => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const { currentSchemaPath } = useTypedSelector((state) => state.schema);
     const { loading, error, acl, owner, wasLoaded } = useTypedSelector((state) => state.schemaAcl);
     useEffect(() => {

package/dist/containers/Tenant/Diagnostics/Consumers/Consumers.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from 'react';
-import { useDispatch } from 'react-redux';
 import block from 'bem-cn-lite';
 import { escapeRegExp } from 'lodash/fp';
 import DataTable from '@gravity-ui/react-data-table';
 import { Loader } from '../../../../components/Loader';
 import { Search } from '../../../../components/Search';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { useAutofetcher, useTypedSelector } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch } from '../../../../utils/hooks';
 import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
 import { selectPreparedConsumersData, selectPreparedTopicStats, getTopic, setDataWasNotLoaded, } from '../../../../store/reducers/topic';
 import { isCdcStreamEntityType } from '../../utils/schema';
@@ -18,7 +17,7 @@ import './Consumers.scss';
 const b = block('ydb-diagnostics-consumers');
 export const Consumers = ({ path, type }) => {
     const isCdcStream = isCdcStreamEntityType(type);
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const [searchValue, setSearchValue] = useState('');
     const { autorefresh } = useTypedSelector((state) => state.schema);
     const { loading, wasLoaded, error } = useTypedSelector((state) => state.topic);

package/dist/containers/Tenant/Diagnostics/Describe/Describe.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from 'react';
-import { shallowEqual, useDispatch } from 'react-redux';
+import { shallowEqual } from 'react-redux';
 import cn from 'bem-cn-lite';
 import JSONTree from 'react-json-inspector';
 import 'react-json-inspector/json-inspector.css';
 import { Loader } from '../../../../components/Loader';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { useAutofetcher, useTypedSelector } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch } from '../../../../utils/hooks';
 import { getDescribe, setDataWasNotLoaded, setCurrentDescribePath, getDescribeBatched, } from '../../../../store/reducers/describe';
 import { selectSchemaMergedChildrenPaths } from '../../../../store/reducers/schema/schema';
 import { isEntityWithMergedImplementation } from '../../utils/schema';
@@ -14,7 +14,7 @@ import './Describe.scss';
 const b = cn('kv-describe');
 const expandMap = new Map();
 const Describe = ({ tenant, type }) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const { currentDescribe, error, loading, wasLoaded } = useTypedSelector((state) => state.describe);
     const [preparedDescribeData, setPreparedDescribeData] = useState();
     useEffect(() => {

package/dist/containers/Tenant/Diagnostics/Diagnostics.js

@@ -3,11 +3,10 @@ import { useMemo, useRef } from 'react';
 import qs from 'qs';
 import cn from 'bem-cn-lite';
 import { Link } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
 import { useLocation } from 'react-router';
 import { Helmet } from 'react-helmet-async';
 import { Switch, Tabs } from '@gravity-ui/uikit';
-import { useTypedSelector } from '../../../utils/hooks';
+import { useTypedSelector, useTypedDispatch } from '../../../utils/hooks';
 import routes, { createHref } from '../../../routes';
 import { enableAutorefresh, disableAutorefresh } from '../../../store/reducers/schema/schema';
 import { setDiagnosticsTab } from '../../../store/reducers/tenant/tenant';
@@ -32,8 +31,8 @@ import './Diagnostics.scss';
 const b = cn('kv-tenant-diagnostics');
 function Diagnostics(props) {
     const container = useRef(null);
-    const dispatch = useDispatch();
-    const { currentSchemaPath, autorefresh, wasLoaded } = useSelector((state) => state.schema);
+    const dispatch = useTypedDispatch();
+    const { currentSchemaPath, autorefresh, wasLoaded } = useTypedSelector((state) => state.schema);
     const { diagnosticsTab = TENANT_DIAGNOSTICS_TABS_IDS.overview } = useTypedSelector((state) => state.tenant);
     const location = useLocation();
     const queryParams = qs.parse(location.search, {
@@ -101,12 +100,15 @@ function Diagnostics(props) {
                 return _jsx(Describe, { tenant: tenantNameString, type: type });
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.hotKeys: {
+                // @ts-expect-error
                 return _jsx(HotKeys, { path: currentSchemaPath });
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.graph: {
+                // @ts-expect-error
                 return _jsx(Heatmap, { path: currentSchemaPath });
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.consumers: {
+                // @ts-expect-error
                 return _jsx(Consumers, { path: currentSchemaPath, type: type });
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.partitions: {

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts

@@ -1,6 +1,6 @@
 import type { TenantDiagnosticsTab } from '../../../store/reducers/tenant/types';
 import { EPathType } from '../../../types/api/schema';
-declare type Page = {
+type Page = {
     id: TenantDiagnosticsTab;
     title: string;
 };
@@ -129,5 +129,5 @@ export declare const EXTERNAL_TABLE_PAGES: ({
     id: "describe";
     title: string;
 })[];
-export declare const getPagesByType: (type?: EPathType | undefined) => Page[];
+export declare const getPagesByType: (type?: EPathType) => Page[];
 export {};

package/dist/containers/Tenant/Diagnostics/HotKeys/HotKeys.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from 'react';
-import { useDispatch } from 'react-redux';
 import DataTable from '@gravity-ui/react-data-table';
 import { Icon } from '../../../../components/Icon';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
-import { useTypedSelector } from '../../../../utils/hooks';
+import { useTypedSelector, useTypedDispatch } from '../../../../utils/hooks';
 import { cn } from '../../../../utils/cn';
 import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
 import { setHotKeysData, setHotKeysDataWasNotLoaded, setHotKeysError, setHotKeysLoading, } from '../../../../store/reducers/hotKeys/hotKeys';
@@ -36,7 +35,7 @@ const getHotKeysColumns = (keyColumnsIds = []) => {
 };
 export function HotKeys({ path }) {
     var _a, _b, _c;
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const collectSamplesTimerRef = useRef();
     const { loading, wasLoaded, data, error } = useTypedSelector((state) => state.hotKeys);
     const { loading: schemaLoading, data: schemaData } = useTypedSelector((state) => state.schema);

package/dist/containers/Tenant/Diagnostics/Network/Network.d.ts

@@ -1,4 +1,4 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof Network, import("react-redux").Omit<Pick<PropTypes.InferProps<{
+declare const _default: import("react-redux").ConnectedComponent<typeof Network, import("react-redux").Omit<Pick<PropTypes.InferProps<{
     getNetworkInfo: PropTypes.Requireable<(...args: any[]) => any>;
     setDataWasNotLoaded: PropTypes.Requireable<(...args: any[]) => any>;
     netWorkInfo: PropTypes.Requireable<object>;
@@ -11,7 +11,7 @@ declare var _default: import("react-redux").ConnectedComponent<typeof Network, i
     path: PropTypes.Requireable<string>;
     filter: PropTypes.Requireable<string>;
     changeFilter: PropTypes.Requireable<(...args: any[]) => any>;
-}>, "filter" | "error" | "path" | "loading" | "wasLoaded" | "autorefresh" | "showTooltip" | "hideTooltip" | "getNetworkInfo" | "setDataWasNotLoaded" | "changeFilter" | "netWorkInfo"> & Partial<Pick<PropTypes.InferProps<{
+}>, "filter" | "loading" | "wasLoaded" | "error" | "path" | "autorefresh" | "showTooltip" | "hideTooltip" | "getNetworkInfo" | "setDataWasNotLoaded" | "changeFilter" | "netWorkInfo"> & Partial<Pick<PropTypes.InferProps<{
     getNetworkInfo: PropTypes.Requireable<(...args: any[]) => any>;
     setDataWasNotLoaded: PropTypes.Requireable<(...args: any[]) => any>;
     netWorkInfo: PropTypes.Requireable<object>;

package/dist/containers/Tenant/Diagnostics/Network/NodeNetwork/NodeNetwork.d.ts

@@ -2,7 +2,7 @@ export class NodeNetwork extends React.Component<any, any, any> {
     static propTypes: {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        nodeId: PropTypes.Requireable<string | number>;
+        nodeId: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         connected: PropTypes.Requireable<number>;
         capacity: PropTypes.Requireable<number>;
         rack: PropTypes.Requireable<string>;

package/dist/containers/Tenant/Diagnostics/Network/NodeNetwork/NodeNetwork.js

@@ -2,21 +2,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import cn from 'bem-cn-lite';
 import PropTypes from 'prop-types';
+import { EFlag } from '../../../../../types/api/enums';
 import './NodeNetwork.scss';
 const b = cn('node-network');
 const getNodeModifier = (connected, capacity) => {
     const percents = Math.floor((connected / capacity) * 100);
     if (percents === 100) {
-        return 'green';
+        return EFlag.Green;
     }
     else if (percents >= 70) {
-        return 'yellow';
+        return EFlag.Yellow;
     }
     else if (percents >= 1) {
-        return 'red';
+        return EFlag.Red;
     }
     else {
-        return 'gray';
+        return EFlag.Grey;
     }
 };
 export class NodeNetwork extends React.Component {
@@ -34,8 +35,9 @@ export class NodeNetwork extends React.Component {
     }
     render() {
         const { nodeId, connected, capacity, status, onClick, showID, isBlurred } = this.props;
+        const color = status || getNodeModifier(connected, capacity);
         return (_jsx("div", Object.assign({ ref: this.node, className: b({
-                [(status === null || status === void 0 ? void 0 : status.toLowerCase()) || getNodeModifier(connected, capacity)]: true,
+                [color.toLowerCase()]: true,
                 id: showID,
                 blur: isBlurred,
             }), onMouseEnter: this._onNodeHover, onMouseLeave: this._onNodeLeave, onClick: () => onClick(nodeId) }, { children: showID && nodeId })));

package/dist/containers/Tenant/Diagnostics/Network/NodeNetwork/NodeNetwork.scss

@@ -27,7 +27,7 @@
         opacity: 0.25;
     }
 
-    &_gray {
+    &_grey {
         background: var(--ydb-color-status-grey);
     }
 

package/dist/containers/Tenant/Diagnostics/Overview/Overview.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { shallowEqual, useDispatch } from 'react-redux';
+import { shallowEqual } from 'react-redux';
 import { Loader } from '../../../../components/Loader';
 import { TableIndexInfo } from '../../../../components/InfoViewer/schemaInfo';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { EPathType } from '../../../../types/api/schema';
-import { useAutofetcher, useTypedSelector } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch } from '../../../../utils/hooks';
 import { selectSchemaMergedChildrenPaths } from '../../../../store/reducers/schema/schema';
 import { getTopic } from '../../../../store/reducers/topic';
 import { getOlapStats, resetLoadingState as resetOlapLoadingState, } from '../../../../store/reducers/olapStats';
@@ -17,9 +17,9 @@ import { TopicInfo } from './TopicInfo';
 import { ChangefeedInfo } from './ChangefeedInfo';
 import { TableInfo } from './TableInfo';
 function Overview({ type, tenantName }) {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     const { autorefresh, currentSchemaPath } = useTypedSelector((state) => state.schema);
-    const { data, additionalData, loading: overviewLoading, wasLoaded: overviewWasLoaded, error: overviewError, } = useTypedSelector((state) => state.overview);
+    const { data: rawData, additionalData, loading: overviewLoading, wasLoaded: overviewWasLoaded, error: overviewError, } = useTypedSelector((state) => state.overview);
     const { data: { result: olapStats } = { result: undefined }, loading: olapStatsLoading, wasLoaded: olapStatsWasLoaded, } = useTypedSelector((state) => state.olapStats);
     const isEntityWithMergedImpl = isEntityWithMergedImplementation(type);
     // shalloEqual prevents rerenders when new schema data is loaded
@@ -61,6 +61,7 @@ function Overview({ type, tenantName }) {
     useAutofetcher(fetchData, [fetchData], autorefresh);
     const renderContent = () => {
         var _a;
+        const data = rawData !== null && rawData !== void 0 ? rawData : undefined;
         // verbose mapping to guarantee a correct render for new path types
         // TS will error when a new type is added but not mapped here
         const pathTypeToComponent = {
@@ -72,7 +73,10 @@ function Overview({ type, tenantName }) {
             [EPathType.EPathTypeExtSubDomain]: undefined,
             [EPathType.EPathTypeColumnStore]: undefined,
             [EPathType.EPathTypeColumnTable]: undefined,
-            [EPathType.EPathTypeCdcStream]: () => (_jsx(ChangefeedInfo, { data: data, topic: additionalData === null || additionalData === void 0 ? void 0 : additionalData[0] })),
+            [EPathType.EPathTypeCdcStream]: () => {
+                var _a;
+                return (_jsx(ChangefeedInfo, { data: data, topic: (_a = additionalData === null || additionalData === void 0 ? void 0 : additionalData[0]) !== null && _a !== void 0 ? _a : undefined }));
+            },
             [EPathType.EPathTypePersQueueGroup]: () => _jsx(TopicInfo, { data: data }),
             [EPathType.EPathTypeExternalTable]: () => _jsx(ExternalTableInfo, { data: data }),
             [EPathType.EPathTypeExternalDataSource]: () => _jsx(ExternalDataSourceInfo, { data: data }),

package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo.d.ts

@@ -3,7 +3,7 @@ import type { KeyValueRow } from '../../../../../types/api/query';
 import { EPathType } from '../../../../../types/api/schema';
 import { InfoViewerItem } from '../../../../../components/InfoViewer';
 /** Prepares data for Table, ColumnTable and ColumnStore */
-export declare const prepareTableInfo: (data?: TEvDescribeSchemeResult | undefined, type?: EPathType | undefined, olapStats?: KeyValueRow<import("../../../../../types/api/query").CellValue>[] | undefined) => {
+export declare const prepareTableInfo: (data?: TEvDescribeSchemeResult, type?: EPathType, olapStats?: KeyValueRow[]) => {
     generalInfo?: undefined;
     tableStatsInfo?: undefined;
     tabletMetricsInfo?: undefined;

package/dist/containers/Tenant/Diagnostics/Overview/utils/prepareTopicSchemaInfo.d.ts

@@ -1,3 +1,3 @@
 import type { TEvDescribeSchemeResult } from '../../../../../types/api/schema';
 import { InfoViewerItem } from '../../../../../components/InfoViewer';
-export declare const prepareTopicSchemaInfo: (data?: TEvDescribeSchemeResult | undefined) => Array<InfoViewerItem>;
+export declare const prepareTopicSchemaInfo: (data?: TEvDescribeSchemeResult) => Array<InfoViewerItem>;

package/dist/containers/Tenant/Diagnostics/Partitions/Partitions.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import block from 'bem-cn-lite';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useDispatch } from 'react-redux';
 import DataTable from '@gravity-ui/react-data-table';
-import { useAutofetcher, useTypedSelector, useSetting } from '../../../../utils/hooks';
+import { useAutofetcher, useTypedSelector, useTypedDispatch, useSetting, } from '../../../../utils/hooks';
 import { DEFAULT_TABLE_SETTINGS, PARTITIONS_HIDDEN_COLUMNS_KEY } from '../../../../utils/constants';
 import { getNodesList, selectNodesMap } from '../../../../store/reducers/nodesList';
 import { cleanTopicData, getTopic, selectConsumersNames, setDataWasNotLoaded as setTopicDataWasNotLoaded, } from '../../../../store/reducers/topic';
@@ -17,7 +16,7 @@ import i18n from './i18n';
 import './Partitions.scss';
 export const b = block('ydb-diagnostics-partitions');
 export const Partitions = ({ path }) => {
-    const dispatch = useDispatch();
+    const dispatch = useTypedDispatch();
     // Manual path control to ensure that topic state will be reset before data fetch
     // so no request with wrong params will be sent
     const [componentCurrentPath, setComponentCurrentPath] = useState(path);

package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
 import block from 'bem-cn-lite';
 import { SpeedMultiMeter } from '../../../../../components/SpeedMultiMeter';
-import EntityStatus from '../../../../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../../../../components/EntityStatus/EntityStatus';
 import { getDefaultNodePath } from '../../../../Node/NodePages';
 import { formatBytes, formatMsToUptime } from '../../../../../utils/dataFormatters/dataFormatters';
 import { isNumeric } from '../../../../../utils/utils';

package/dist/containers/Tenant/Diagnostics/Partitions/utils/index.d.ts

@@ -1,4 +1,4 @@
 import type { PreparedPartitionData } from '../../../../../store/reducers/partitions/types';
 import type { NodesMap } from '../../../../../types/store/nodesList';
 import type { PreparedPartitionDataWithHosts } from './types';
-export declare const addHostToPartitions: (partitions?: PreparedPartitionData[], nodesMap?: NodesMap | undefined) => PreparedPartitionDataWithHosts[];
+export declare const addHostToPartitions: (partitions?: PreparedPartitionData[], nodesMap?: NodesMap) => PreparedPartitionDataWithHosts[];

package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/DefaultOverviewContent.d.ts

@@ -1 +1,5 @@
-export declare const DefaultOverviewContent: () => JSX.Element;
+interface DefaultOverviewContentProps {
+    database: string;
+}
+export declare const DefaultOverviewContent: ({ database }: DefaultOverviewContentProps) => JSX.Element;
+export {};

package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/DefaultOverviewContent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TenantDashboard } from '../TenantDashboard/TenantDashboard';
 import { defaultDashboardConfig } from './defaultDashboardConfig';
-export const DefaultOverviewContent = () => {
-    return _jsx(TenantDashboard, { charts: defaultDashboardConfig });
+export const DefaultOverviewContent = ({ database }) => {
+    return _jsx(TenantDashboard, { database: database, charts: defaultDashboardConfig });
 };

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/Healthcheck.scss

@@ -94,7 +94,6 @@
             background-color: var(--g-color-base-danger-light);
         }
         &_unspecified,
-        &_gray,
         &_grey {
             color: var(--g-color-text-misc);
             background-color: var(--g-color-base-misc-light);

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckDetails.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { IResponseError } from '../../../../../types/api/error';
-import type { IIssuesTree } from '../../../../../types/store/healthcheck';
+import type { IssuesTree } from '../../../../../store/reducers/healthcheckInfo/types';
 import './Healthcheck.scss';
 interface HealthcheckDetailsProps {
-    issueTrees?: IIssuesTree[];
+    issueTrees?: IssuesTree[];
     loading?: boolean;
     wasLoaded?: boolean;
     error?: IResponseError;

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import cn from 'bem-cn-lite';
 import { Button, Icon } from '@gravity-ui/uikit';
 import updateArrow from '../../../../../assets/icons/update-arrow.svg';
+import { hcStatusToColorFlag } from '../../../../../store/reducers/healthcheckInfo/utils';
 import { DiagnosticCard } from '../../../../../components/DiagnosticCard/DiagnosticCard';
-import EntityStatus from '../../../../../components/EntityStatus/EntityStatus';
+import { EntityStatus } from '../../../../../components/EntityStatus/EntityStatus';
 import { ResponseError } from '../../../../../components/Errors/ResponseError';
 import { Loader } from '../../../../../components/Loader';
 import i18n from './i18n';
@@ -25,7 +26,7 @@ export function HealthcheckPreview(props) {
         if (loading && !wasLoaded) {
             return _jsx(Loader, { size: "m" });
         }
-        return (_jsx("div", Object.assign({ className: b('preview-content') }, { children: !issuesStatistics || !issuesStatistics.length ? (i18n('status_message.ok')) : (_jsxs(_Fragment, { children: [_jsx("div", { children: i18n('label.issues') }), _jsx("div", Object.assign({ className: b('issues-statistics') }, { children: issuesStatistics.map(([status, count]) => (_jsx(EntityStatus, { mode: "icons", status: status, label: count.toString(), size: "l" }, status))) }))] })) })));
+        return (_jsx("div", Object.assign({ className: b('preview-content') }, { children: !issuesStatistics || !issuesStatistics.length ? (i18n('status_message.ok')) : (_jsxs(_Fragment, { children: [_jsx("div", { children: i18n('label.issues') }), _jsx("div", Object.assign({ className: b('issues-statistics') }, { children: issuesStatistics.map(([status, count]) => (_jsx(EntityStatus, { mode: "icons", status: hcStatusToColorFlag[status], label: count.toString(), size: "l" }, status))) }))] })) })));
     };
     return (_jsxs(DiagnosticCard, Object.assign({ className: b('preview'), active: active }, { children: [renderHeader(), renderContent()] })));
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTree.d.ts

@@ -1,7 +1,7 @@
-import { IIssuesTree } from '../../../../../../types/store/healthcheck';
+import { IssuesTree } from '../../../../../../store/reducers/healthcheckInfo/types';
 import './IssueTree.scss';
 interface IssuesViewerProps {
-    issueTree: IIssuesTree;
+    issueTree: IssuesTree;
 }
 declare const IssueTree: ({ issueTree }: IssuesViewerProps) => JSX.Element;
 export default IssueTree;

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTree.js

@@ -1,20 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
 import cn from 'bem-cn-lite';
 import _omit from 'lodash/omit';
 import JSONTree from 'react-json-inspector';
 import { TreeView } from 'ydb-ui-components';
+import { hcStatusToColorFlag } from '../../../../../../store/reducers/healthcheckInfo/utils';
 import { IssueTreeItem } from './IssueTreeItem';
 import './IssueTree.scss';
 const b = cn('issue-tree');
@@ -28,7 +19,7 @@ const IssueTree = ({ issueTree }) => {
             const toggleCollapsed = () => {
                 setCollapsedIssues((collapsedIssues) => (Object.assign(Object.assign({}, collapsedIssues), { [id]: !isCollapsed })));
             };
-            return (_jsxs(TreeView, Object.assign({ name: _jsx(IssueTreeItem, { status: status, message: message, type: type }), collapsed: isCollapsed, hasArrow: true, onClick: toggleCollapsed, onArrowClick: toggleCollapsed, level: level - 1 }, { children: [renderInfoPanel(_omit(rest, ['reason'])), renderTree(reasonsItems || [])] }), id));
+            return (_jsxs(TreeView, Object.assign({ name: _jsx(IssueTreeItem, { status: hcStatusToColorFlag[status], message: message, type: type }), collapsed: isCollapsed, hasArrow: true, onClick: toggleCollapsed, onArrowClick: toggleCollapsed, level: level - 1 }, { children: [renderInfoPanel(_omit(rest, ['reason'])), renderTree(reasonsItems || [])] }), id));
         });
     }, [issueTree, collapsedIssues]);
     const renderInfoPanel = useCallback((info) => {