ydb-embedded-ui 4.17.0 → 4.18.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [4.18.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v4.17.0...v4.18.0) (2023-09-25)
+
+
+### Features
+
+* **ProgressViewer:** add custom threasholds to ProgressViewer ([#540](https://github.com/ydb-platform/ydb-embedded-ui/issues/540)) ([3553065](https://github.com/ydb-platform/ydb-embedded-ui/commit/35530655581357f4a79c277a5bf9846b3befb784))
+
+
+### Bug Fixes
+
+* **Authentication:** enable page redirect ([#539](https://github.com/ydb-platform/ydb-embedded-ui/issues/539)) ([721883c](https://github.com/ydb-platform/ydb-embedded-ui/commit/721883cc7f4ca60e64d4a5f77b939dbb8e960855))
+* **Healthcheck:** add merge_records request param ([#538](https://github.com/ydb-platform/ydb-embedded-ui/issues/538)) ([6a47481](https://github.com/ydb-platform/ydb-embedded-ui/commit/6a474814f71c3318715a8ce638fd522a770d8038))
+* **Nodes:** use nodes endpoint by default ([#535](https://github.com/ydb-platform/ydb-embedded-ui/issues/535)) ([12d4fef](https://github.com/ydb-platform/ydb-embedded-ui/commit/12d4fefde7a6663bb1a11f46b4e94fb24b23e966))
+* rename flag for display metrics cards for database diagnostics ([#536](https://github.com/ydb-platform/ydb-embedded-ui/issues/536)) ([957e1fa](https://github.com/ydb-platform/ydb-embedded-ui/commit/957e1fafbbc43928498ae9e8d0bc119bcda5288d))
+
 ## [4.17.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v4.16.2...v4.17.0) (2023-09-18)
 
 

package/dist/components/FullNodeViewer/FullNodeViewer.tsx

@@ -3,10 +3,10 @@ import cn from 'bem-cn-lite';
 import type {TSystemStateInfo} from '../../types/api/nodes';
 
 import {LOAD_AVERAGE_TIME_INTERVALS} from '../../utils/constants';
-import {calcUptime} from '../../utils';
+import {calcUptime} from '../../utils/dataFormatters/dataFormatters';
 
 import InfoViewer from '../InfoViewer/InfoViewer';
-import ProgressViewer from '../ProgressViewer/ProgressViewer';
+import {ProgressViewer} from '../ProgressViewer/ProgressViewer';
 import {PoolUsage} from '../PoolUsage/PoolUsage';
 
 import './FullNodeViewer.scss';

package/dist/components/InfoViewer/formatters/common.ts

@@ -1,5 +1,5 @@
 import type {TDirEntry} from '../../../types/api/schema';
-import {formatDateTime} from '../../../utils';
+import {formatDateTime} from '../../../utils/dataFormatters/dataFormatters';
 
 import {createInfoFormatter} from '../utils';
 

package/dist/components/InfoViewer/formatters/pqGroup.ts

@@ -4,7 +4,7 @@ import {
     TPQPartitionConfig,
     TPQTabletConfig,
 } from '../../../types/api/schema';
-import {formatBps, formatBytes, formatNumber} from '../../../utils';
+import {formatBps, formatBytes, formatNumber} from '../../../utils/dataFormatters/dataFormatters';
 import {HOUR_IN_SECONDS} from '../../../utils/constants';
 
 import {createInfoFormatter} from '../utils';

package/dist/components/InfoViewer/formatters/table.ts

@@ -1,6 +1,11 @@
 import type {TFollowerGroup, TPartitionConfig, TTableStats} from '../../../types/api/schema';
 import type {TMetrics} from '../../../types/api/tenant';
-import {formatCPU, formatNumber, formatBps, formatDateTime} from '../../../utils';
+import {
+    formatBps,
+    formatCPU,
+    formatDateTime,
+    formatNumber,
+} from '../../../utils/dataFormatters/dataFormatters';
 import {toFormattedSize} from '../../FormattedBytes/utils';
 
 import {createInfoFormatter} from '../utils';

package/dist/components/ProgressViewer/ProgressViewer.tsx

@@ -0,0 +1,99 @@
+import cn from 'bem-cn-lite';
+
+import type {ValueOf} from '../../types/common';
+
+import './ProgressViewer.scss';
+
+const b = cn('progress-viewer');
+
+export const PROGRESS_VIEWER_SIZE_IDS = {
+    xs: 'xs',
+    s: 's',
+    ns: 'ns',
+    m: 'm',
+    n: 'n',
+    l: 'l',
+    head: 'head',
+} as const;
+
+type ProgressViewerSize = ValueOf<typeof PROGRESS_VIEWER_SIZE_IDS>;
+
+/*
+
+Props description:
+1) value - the amount of progress
+2) capacity - maximum possible progress value
+3) formatValues - function for formatting the value and capacity
+4) percents - display progress in percents
+5) colorizeProgress - change the color of the progress bar depending on its value
+6) inverseColorize - invert the colors of the progress bar
+7) warningThreshold - the percentage of fullness at which the color of the progress bar changes to yellow
+8) dangerThreshold - the percentage of fullness at which the color of the progress bar changes to red
+*/
+
+interface ProgressViewerProps {
+    value?: number | string;
+    capacity?: number | string;
+    formatValues?: (value?: number, capacity?: number) => (string | undefined)[];
+    percents?: boolean;
+    className?: string;
+    size?: ProgressViewerSize;
+    colorizeProgress?: boolean;
+    inverseColorize?: boolean;
+    warningThreshold?: number;
+    dangerThreshold?: number;
+}
+
+export function ProgressViewer({
+    value,
+    capacity = 100,
+    formatValues,
+    percents,
+    className,
+    size = PROGRESS_VIEWER_SIZE_IDS.xs,
+    colorizeProgress,
+    inverseColorize,
+    warningThreshold = 60,
+    dangerThreshold = 80,
+}: ProgressViewerProps) {
+    let fillWidth = Math.round((parseFloat(String(value)) / parseFloat(String(capacity))) * 100);
+    fillWidth = fillWidth > 100 ? 100 : fillWidth;
+    let valueText: number | string | undefined = Math.round(Number(value)),
+        capacityText: number | string | undefined = capacity,
+        divider = '/';
+    if (formatValues) {
+        [valueText, capacityText] = formatValues(Number(value), Number(capacity));
+    } else if (percents) {
+        valueText = fillWidth + '%';
+        capacityText = '';
+        divider = '';
+    }
+
+    let bg = inverseColorize ? 'scarlet' : 'apple';
+    if (colorizeProgress) {
+        if (fillWidth > warningThreshold && fillWidth <= dangerThreshold) {
+            bg = 'saffron';
+        } else if (fillWidth > dangerThreshold) {
+            bg = inverseColorize ? 'apple' : 'scarlet';
+        }
+    }
+
+    const lineStyle = {
+        width: fillWidth + '%',
+    };
+
+    const text = fillWidth > 60 ? 'contrast0' : 'contrast70';
+
+    if (!isNaN(fillWidth)) {
+        return (
+            <div className={b({size}, className)}>
+                <div className={b('line', {bg})} style={lineStyle}></div>
+                <span
+                    className={b('text', {text})}
+                >{`${valueText} ${divider} ${capacityText}`}</span>
+            </div>
+        );
+    }
+
+    return <div className={`${b({size})} ${className} error`}>no data</div>;
+}

package/dist/components/TooltipsContent/TabletTooltipContent/TabletTooltipContent.tsx

@@ -1,6 +1,6 @@
 import type {TTabletStateInfo} from '../../../types/api/tablet';
 
-import {calcUptime} from '../../../utils';
+import {calcUptime} from '../../../utils/dataFormatters/dataFormatters';
 import {InfoViewer, createInfoFormatter, formatObject} from '../../InfoViewer';
 
 const formatTablet = createInfoFormatter<TTabletStateInfo>({

package/dist/containers/AsideNavigation/AsideNavigation.tsx

@@ -50,7 +50,9 @@ function YbdInternalUser({ydbUser, logout}: YbdInternalUserProps) {
     const history = useHistory();
 
     const handleLoginClick = () => {
-        history.push(createHref(routes.auth, undefined, {returnUrl: encodeURI(location.href)}));
+        history.push(
+            createHref(routes.auth, undefined, {returnUrl: encodeURIComponent(location.href)}),
+        );
     };
 
     return (

package/dist/containers/Authentication/Authentication.tsx

@@ -1,12 +1,13 @@
 import {KeyboardEvent, useEffect, useState} from 'react';
 import {useDispatch} from 'react-redux';
-import {useHistory} from 'react-router';
+import {useHistory, useLocation} from 'react-router';
 import cn from 'bem-cn-lite';
 
 import {Button, TextInput, Icon, Link as ExternalLink} from '@gravity-ui/uikit';
 
 import {authenticate} from '../../store/reducers/authentication/authentication';
 import {useTypedSelector} from '../../utils/hooks';
+import {parseQuery} from '../../routes';
 
 import ydbLogoIcon from '../../assets/icons/ydb.svg';
 import showIcon from '../../assets/icons/show.svg';
@@ -18,13 +19,15 @@ import './Authentication.scss';
 const b = cn('authentication');
 
 interface AuthenticationProps {
-    returnUrl?: string;
     closable?: boolean;
 }
 
-function Authentication({returnUrl, closable = false}: AuthenticationProps) {
+function Authentication({closable = false}: AuthenticationProps) {
     const dispatch = useDispatch();
     const history = useHistory();
+    const location = useLocation();
+
+    const {returnUrl} = parseQuery(location);
 
     const {error} = useTypedSelector((state) => state.authentication);
 
@@ -58,7 +61,14 @@ function Authentication({returnUrl, closable = false}: AuthenticationProps) {
         // typed dispatch required, remove error expectation after adding it
         dispatch(authenticate(login, pass)).then(() => {
             if (returnUrl) {
-                history.replace(decodeURI(returnUrl));
+                const decodedUrl = decodeURIComponent(returnUrl.toString());
+
+                // to prevent page reload we use router history
+                // history navigates relative to origin
+                // so we remove origin to make it work properly
+                const url = new URL(decodedUrl);
+                const path = url.pathname + url.search;
+                history.replace(path);
             }
         });
     };

package/dist/containers/Cluster/ClusterInfo/ClusterInfo.tsx

@@ -3,7 +3,7 @@ import block from 'bem-cn-lite';
 import {Skeleton} from '@gravity-ui/uikit';
 
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
-import ProgressViewer from '../../../components/ProgressViewer/ProgressViewer';
+import {ProgressViewer} from '../../../components/ProgressViewer/ProgressViewer';
 import InfoViewer, {InfoViewerItem} from '../../../components/InfoViewer/InfoViewer';
 import {Tags} from '../../../components/Tags';
 import {Tablet} from '../../../components/Tablet';
@@ -16,7 +16,7 @@ import type {AdditionalClusterProps, ClusterLink} from '../../../types/additiona
 import type {VersionValue} from '../../../types/versions';
 import type {TClusterInfo} from '../../../types/api/cluster';
 import {backend, customBackend} from '../../../store';
-import {formatStorageValues} from '../../../utils';
+import {formatStorageValues} from '../../../utils/dataFormatters/dataFormatters';
 import {useSetting, useTypedSelector} from '../../../utils/hooks';
 import {
     CLUSTER_DEFAULT_TITLE,

package/dist/containers/Heatmap/Heatmap.tsx

@@ -7,7 +7,7 @@ import {Checkbox, Select} from '@gravity-ui/uikit';
 import type {IHeatmapMetricValue} from '../../types/store/heatmap';
 import {getTabletsInfo, setHeatmapOptions} from '../../store/reducers/heatmap';
 import {showTooltip, hideTooltip} from '../../store/reducers/tooltip';
-import {formatNumber} from '../../utils';
+import {formatNumber} from '../../utils/dataFormatters/dataFormatters';
 import {useAutofetcher, useTypedSelector} from '../../utils/hooks';
 
 import {Loader} from '../../components/Loader';

package/dist/containers/Heatmap/Histogram/Histogram.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
 
 import {getColorRange, getCurrentMetricLimits} from '../util';
-import {formatNumber} from '../../../utils';
+import {formatNumber} from '../../../utils/dataFormatters/dataFormatters';
 
 import './Histogram.scss';
 

package/dist/containers/Node/NodeStructure/Pdisk.tsx

@@ -8,12 +8,12 @@ import DataTable, {Column, Settings} from '@gravity-ui/react-data-table';
 
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 import InfoViewer from '../../../components/InfoViewer/InfoViewer';
-import ProgressViewer from '../../../components/ProgressViewer/ProgressViewer';
+import {ProgressViewer} from '../../../components/ProgressViewer/ProgressViewer';
 import {Icon} from '../../../components/Icon';
 import {Vdisk} from './Vdisk';
 
 import {bytesToGB, pad9} from '../../../utils/utils';
-import {formatStorageValuesToGb} from '../../../utils';
+import {formatStorageValuesToGb} from '../../../utils/dataFormatters/dataFormatters';
 import {getPDiskType} from '../../../utils/pdisk';
 
 import {DEFAULT_TABLE_SETTINGS} from '../../../utils/constants';

package/dist/containers/Node/NodeStructure/Vdisk.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 import cn from 'bem-cn-lite';
 
-import ProgressViewer from '../../../components/ProgressViewer/ProgressViewer';
-import {formatStorageValuesToGb, stringifyVdiskId} from '../../../utils';
+import {ProgressViewer} from '../../../components/ProgressViewer/ProgressViewer';
+import {
+    formatStorageValuesToGb,
+    stringifyVdiskId,
+} from '../../../utils/dataFormatters/dataFormatters';
 import {bytesToGB, bytesToSpeed} from '../../../utils/utils';
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 import {valueIsDefined} from './NodeStructure';

package/dist/containers/Nodes/getNodesColumns.tsx

@@ -2,12 +2,12 @@ import DataTable, {Column} from '@gravity-ui/react-data-table';
 import {Popover} from '@gravity-ui/uikit';
 
 import {PoolsGraph} from '../../components/PoolsGraph/PoolsGraph';
-import ProgressViewer from '../../components/ProgressViewer/ProgressViewer';
+import {ProgressViewer} from '../../components/ProgressViewer/ProgressViewer';
 import {TabletsStatistic} from '../../components/TabletsStatistic';
 import {NodeHostWrapper} from '../../components/NodeHostWrapper/NodeHostWrapper';
 
 import {isSortableNodesProperty} from '../../utils/nodes';
-import {formatBytesToGigabyte} from '../../utils/index';
+import {formatBytesToGigabyte} from '../../utils/dataFormatters/dataFormatters';
 
 import type {NodesPreparedEntity} from '../../store/reducers/nodes/types';
 

package/dist/containers/Storage/PDisk/PDisk.tsx

@@ -7,7 +7,7 @@ import {Stack} from '../../../components/Stack/Stack';
 import routes, {createHref} from '../../../routes';
 import {selectVDisksForPDisk} from '../../../store/reducers/storage/selectors';
 import {TPDiskStateInfo, TPDiskState} from '../../../types/api/pdisk';
-import {stringifyVdiskId} from '../../../utils';
+import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 import {useTypedSelector} from '../../../utils/hooks';
 import {getPDiskType} from '../../../utils/pdisk';
 import {isFullVDiskData} from '../../../utils/storage';

package/dist/containers/Storage/PDiskPopup/PDiskPopup.tsx

@@ -9,7 +9,7 @@ import {InfoViewer, InfoViewerItem} from '../../../components/InfoViewer';
 
 import {EFlag} from '../../../types/api/enums';
 import {TPDiskStateInfo} from '../../../types/api/pdisk';
-import {getPDiskId} from '../../../utils';
+import {getPDiskId} from '../../../utils/dataFormatters/dataFormatters';
 import {getPDiskType} from '../../../utils/pdisk';
 import {bytesToGB} from '../../../utils/utils';
 

package/dist/containers/Storage/StorageGroups/StorageGroups.tsx

@@ -10,7 +10,7 @@ import type {HandleSort} from '../../../utils/hooks/useTableSort';
 
 import {VISIBLE_ENTITIES} from '../../../store/reducers/storage/constants';
 import {bytesToGB, bytesToSpeed} from '../../../utils/utils';
-import {stringifyVdiskId} from '../../../utils';
+import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 import {getUsage, isFullVDiskData, isSortableStorageProperty} from '../../../utils/storage';
 
 import shieldIcon from '../../../assets/icons/shield.svg';

package/dist/containers/Storage/VDisk/VDisk.tsx

@@ -8,7 +8,7 @@ import {InternalLink} from '../../../components/InternalLink';
 import routes, {createHref} from '../../../routes';
 import {EFlag} from '../../../types/api/enums';
 import {EVDiskState, TVDiskStateInfo} from '../../../types/api/vdisk';
-import {stringifyVdiskId} from '../../../utils';
+import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 import {isFullVDiskData} from '../../../utils/storage';
 
 import {STRUCTURE} from '../../Node/NodePages';

package/dist/containers/Storage/VDiskPopup/VDiskPopup.tsx

@@ -9,7 +9,7 @@ import {InfoViewer, InfoViewerItem} from '../../../components/InfoViewer';
 
 import {EFlag} from '../../../types/api/enums';
 import type {TVDiskStateInfo} from '../../../types/api/vdisk';
-import {stringifyVdiskId} from '../../../utils';
+import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 import {bytesToGB, bytesToSpeed} from '../../../utils/utils';
 import {isFullVDiskData} from '../../../utils/storage';
 

package/dist/containers/Tablet/TabletInfo/TabletInfo.tsx

@@ -5,7 +5,7 @@ import {Link as UIKitLink} from '@gravity-ui/uikit';
 import {ETabletState, TTabletStateInfo} from '../../../types/api/tablet';
 import {InfoViewer, InfoViewerItem} from '../../../components/InfoViewer';
 import routes, {createHref} from '../../../routes';
-import {calcUptime} from '../../../utils';
+import {calcUptime} from '../../../utils/dataFormatters/dataFormatters';
 import {getDefaultNodePath} from '../../Node/NodePages';
 
 import {b} from '../Tablet';

package/dist/containers/Tablet/TabletTable/TabletTable.tsx

@@ -4,7 +4,7 @@ import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 import {InternalLink} from '../../../components/InternalLink/InternalLink';
 
 import type {ITabletPreparedHistoryItem} from '../../../types/store/tablet';
-import {calcUptime} from '../../../utils';
+import {calcUptime} from '../../../utils/dataFormatters/dataFormatters';
 import {getDefaultNodePath} from '../../Node/NodePages';
 
 import {b} from '../Tablet';

package/dist/containers/Tenant/Diagnostics/Consumers/TopicStats/ConsumersTopicStats.tsx

@@ -1,7 +1,7 @@
 import block from 'bem-cn-lite';
 
 import type {IPreparedTopicStats} from '../../../../../types/store/topic';
-import {formatMsToUptime} from '../../../../../utils';
+import {formatMsToUptime} from '../../../../../utils/dataFormatters/dataFormatters';
 import {SpeedMultiMeter} from '../../../../../components/SpeedMultiMeter';
 
 import './ConsumersTopicStats.scss';

package/dist/containers/Tenant/Diagnostics/Consumers/columns/columns.tsx

@@ -6,7 +6,7 @@ import type {IPreparedConsumerData} from '../../../../../types/store/topic';
 import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
 import {SpeedMultiMeter} from '../../../../../components/SpeedMultiMeter';
 import {InternalLink} from '../../../../../components/InternalLink';
-import {formatMsToUptime} from '../../../../../utils';
+import {formatMsToUptime} from '../../../../../utils/dataFormatters/dataFormatters';
 import routes, {createHref} from '../../../../../routes';
 
 import {TenantTabsGroups} from '../../../TenantPages';

package/dist/containers/Tenant/Diagnostics/DetailedOverview/DetailedOverview.tsx

@@ -8,7 +8,7 @@ import type {EPathType} from '../../../../types/api/schema';
 import type {AdditionalTenantsProps} from '../../../../types/additionalProps';
 import {Icon} from '../../../../components/Icon';
 import {useSetting} from '../../../../utils/hooks';
-import {ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN} from '../../../../utils/constants';
+import {DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS} from '../../../../utils/constants';
 import Overview from '../Overview/Overview';
 import {Healthcheck} from '../OldHealthcheck';
 import {TenantOverview} from '../TenantOverview/TenantOverview';
@@ -32,7 +32,7 @@ function DetailedOverview(props: DetailedOverviewProps) {
 
     const {currentSchemaPath} = useSelector((state: any) => state.schema);
 
-    const [newTenantDiagnostics] = useSetting(ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN);
+    const [displayMetricsCards] = useSetting(DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS);
 
     const openModalHandler = () => {
         setIsModalVisible(true);
@@ -59,7 +59,7 @@ function DetailedOverview(props: DetailedOverviewProps) {
     };
 
     const renderTenantOverview = () => {
-        if (newTenantDiagnostics) {
+        if (displayMetricsCards) {
             return (
                 <div className={b('section')}>
                     <TenantOverview

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

@@ -8,7 +8,7 @@ import type {
 import type {KeyValueRow} from '../../../../../types/api/query';
 import {EPathType} from '../../../../../types/api/schema';
 import {isNumeric} from '../../../../../utils/utils';
-import {formatBytes, formatNumber} from '../../../../../utils';
+import {formatBytes, formatNumber} from '../../../../../utils/dataFormatters/dataFormatters';
 import {formatDurationToShortTimeFormat} from '../../../../../utils/timeParsers';
 import {formatObject, InfoViewerItem} from '../../../../../components/InfoViewer';
 import {

package/dist/containers/Tenant/Diagnostics/Overview/TopicStats/TopicStats.tsx

@@ -11,7 +11,7 @@ import {ResponseError} from '../../../../../components/Errors/ResponseError';
 
 import {useTypedSelector} from '../../../../../utils/hooks';
 import {formatDurationToShortTimeFormat} from '../../../../../utils/timeParsers';
-import {formatBps, formatBytes} from '../../../../../utils';
+import {formatBps, formatBytes} from '../../../../../utils/dataFormatters/dataFormatters';
 
 import {selectPreparedTopicStats} from '../../../../../store/reducers/topic';
 

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

@@ -4,7 +4,7 @@ import block from 'bem-cn-lite';
 import {SpeedMultiMeter} from '../../../../../components/SpeedMultiMeter';
 import EntityStatus from '../../../../../components/EntityStatus/EntityStatus';
 import {getDefaultNodePath} from '../../../../Node/NodePages';
-import {formatBytes, formatMsToUptime} from '../../../../../utils';
+import {formatBytes, formatMsToUptime} from '../../../../../utils/dataFormatters/dataFormatters';
 import {isNumeric} from '../../../../../utils/utils';
 
 import {

package/dist/containers/Tenant/Diagnostics/TenantOverview/OldTenantOverview.tsx

@@ -8,7 +8,7 @@ import {InfoViewer} from '../../../../components/InfoViewer';
 import {PoolUsage} from '../../../../components/PoolUsage/PoolUsage';
 import {Tablet} from '../../../../components/Tablet';
 import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
-import {formatCPU} from '../../../../utils';
+import {formatCPU} from '../../../../utils/dataFormatters/dataFormatters';
 import {TABLET_STATES, TENANT_DEFAULT_TITLE} from '../../../../utils/constants';
 import {bytesToGB} from '../../../../utils/utils';
 import {mapDatabaseTypeToDBName} from '../../utils/schema';

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx

@@ -28,7 +28,7 @@ import {
     TENANT_PAGES_IDS,
     TENANT_QUERY_TABS_ID,
 } from '../../../../store/reducers/tenant/constants';
-import {formatDateTime, formatNumber} from '../../../../utils';
+import {formatDateTime, formatNumber} from '../../../../utils/dataFormatters/dataFormatters';
 import {HOUR_IN_SECONDS} from '../../../../utils/constants';
 import {useAutofetcher, useTypedSelector} from '../../../../utils/hooks';
 import {prepareQueryError} from '../../../../utils/query';

package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.tsx

@@ -22,7 +22,7 @@ import {EShardsWorkloadMode, IShardsWorkloadFilters} from '../../../../types/sto
 import type {EPathType} from '../../../../types/api/schema';
 import type {CellValue, KeyValueRow} from '../../../../types/api/query';
 
-import {formatDateTime, formatNumber} from '../../../../utils';
+import {formatDateTime, formatNumber} from '../../../../utils/dataFormatters/dataFormatters';
 import {DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS} from '../../../../utils/constants';
 import {useAutofetcher, useTypedSelector} from '../../../../utils/hooks';
 import {prepareQueryError} from '../../../../utils/query';

package/dist/containers/Tenant/ObjectSummary/ObjectSummary.tsx

@@ -24,7 +24,7 @@ import {
     TColumnTableDescription,
 } from '../../../types/api/schema';
 import routes, {createHref} from '../../../routes';
-import {formatDateTime} from '../../../utils';
+import {formatDateTime} from '../../../utils/dataFormatters/dataFormatters';
 import {useTypedSelector} from '../../../utils/hooks';
 import {
     DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED,

package/dist/containers/Tenants/Tenants.tsx

@@ -26,7 +26,11 @@ import {
     ProblemFilterValues,
     selectProblemFilter,
 } from '../../store/reducers/settings/settings';
-import {formatCPU, formatBytesToGigabyte, formatNumber} from '../../utils';
+import {
+    formatBytesToGigabyte,
+    formatCPU,
+    formatNumber,
+} from '../../utils/dataFormatters/dataFormatters';
 import {DEFAULT_TABLE_SETTINGS} from '../../utils/constants';
 import {useAutofetcher, useTypedSelector} from '../../utils/hooks';
 import {clusterName} from '../../store';

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

@@ -25,6 +25,6 @@
   "settings.enableAdditionalQueryModes.title": "Enable additional query modes",
   "settings.enableAdditionalQueryModes.popover": "Adds 'Data', 'YQL - QueryService' and 'PostgreSQL' modes. May not work on some versions",
 
-  "settings.tenantDiagnostics.title": "Enable new database diagnostics design",
+  "settings.tenantDiagnostics.title": "Display metrics cards for database diagnostics",
   "settings.tenantDiagnostics.popover": "Adds indicators of database resources usage. Incomplete data may be displayed for some databases"
 }

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

@@ -25,6 +25,6 @@
   "settings.enableAdditionalQueryModes.title": "Включить дополнительные режимы выполнения запросов",
   "settings.enableAdditionalQueryModes.popover": "Добавляет режимы 'Data', 'YQL - QueryService' и 'PostgreSQL'. Может работать некорректно на некоторых версиях",
 
-  "settings.tenantDiagnostics.title": "Включить новый дизайн для диагностики баз данных",
+  "settings.tenantDiagnostics.title": "Показывать карточки с метриками в диагностике базы данных",
   "settings.tenantDiagnostics.popover": "Добавляет индикаторы использования ресурсов базы данных. Для некоторых баз могут отображаться неполные данные"
 }

package/dist/containers/UserSettings/settings.ts

@@ -5,7 +5,7 @@ import flaskIcon from '../../assets/icons/flask.svg';
 
 import {
     ENABLE_ADDITIONAL_QUERY_MODES,
-    ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN,
+    DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS,
     INVERTED_DISKS_KEY,
     LANGUAGE_KEY,
     THEME_KEY,
@@ -96,7 +96,7 @@ export const enableQueryModesForExplainSetting: SettingProps = {
     helpPopoverContent: i18n('settings.enableAdditionalQueryModes.popover'),
 };
 export const enableNewTenantDiagnosticsDesign: SettingProps = {
-    settingKey: ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN,
+    settingKey: DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS,
     title: i18n('settings.tenantDiagnostics.title'),
     helpPopoverContent: i18n('settings.tenantDiagnostics.popover'),
 };

package/dist/containers/Versions/NodesTable/NodesTable.tsx

@@ -3,10 +3,10 @@ import DataTable, {Column} from '@gravity-ui/react-data-table';
 import type {PreparedClusterNode} from '../../../store/reducers/clusterNodes/types';
 import {isUnavailableNode} from '../../../utils/nodes';
 import {DEFAULT_TABLE_SETTINGS} from '../../../utils/constants';
-import {formatBytes} from '../../../utils';
+import {formatBytes} from '../../../utils/dataFormatters/dataFormatters';
 import {getDefaultNodePath} from '../../Node/NodePages';
 
-import ProgressViewer from '../../../components/ProgressViewer/ProgressViewer';
+import {ProgressViewer} from '../../../components/ProgressViewer/ProgressViewer';
 import {PoolsGraph} from '../../../components/PoolsGraph/PoolsGraph';
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 

package/dist/services/api.ts

@@ -352,7 +352,7 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
     }
     getHealthcheckInfo(database: string, {concurrentId}: AxiosOptions = {}) {
         return this.get<HealthCheckAPIResponse>(
-            this.getPath('/viewer/json/healthcheck'),
+            this.getPath('/viewer/json/healthcheck?merge_records=true'),
             {tenant: database},
             {concurrentId},
         );

package/dist/store/reducers/clusterNodes/clusterNodes.tsx

@@ -5,7 +5,7 @@ import {createRequestActionTypes, createApiRequest} from '../../utils';
 import type {ClusterNodesAction, ClusterNodesState, PreparedClusterNode} from './types';
 
 import '../../../services/api';
-import {calcUptime} from '../../../utils';
+import {calcUptime} from '../../../utils/dataFormatters/dataFormatters';
 
 export const FETCH_CLUSTER_NODES = createRequestActionTypes('cluster', 'FETCH_CLUSTER_NODES');
 

package/dist/store/reducers/node/selectors.ts

@@ -1,7 +1,7 @@
 import type {Selector} from 'reselect';
 import {createSelector} from 'reselect';
 
-import {stringifyVdiskId} from '../../../utils';
+import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 
 import type {
     NodeStateSlice,

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

@@ -1,7 +1,7 @@
 import {Selector, createSelector} from 'reselect';
 
 import {EFlag} from '../../../types/api/enums';
-import {calcUptimeInSeconds} from '../../../utils';
+import {calcUptimeInSeconds} from '../../../utils/dataFormatters/dataFormatters';
 import {HOUR_IN_SECONDS} from '../../../utils/constants';
 import {NodesUptimeFilterValues} from '../../../utils/nodes';
 import {prepareSearchValue} from '../../../utils/filters';

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

@@ -64,7 +64,7 @@ export interface NodesGeneralRequestParams extends NodesSortParams {
     uptime?: number; // return nodes with less uptime in seconds
     problems_only?: boolean; // return nodes with SystemState !== EFlag.Green
 
-    offser?: number;
+    offset?: number;
     limit?: number;
 }
 

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

@@ -1,6 +1,6 @@
 import type {TComputeInfo, TComputeNodeInfo} from '../../../types/api/compute';
 import type {TNodesInfo} from '../../../types/api/nodes';
-import {calcUptime} from '../../../utils';
+import {calcUptime} from '../../../utils/dataFormatters/dataFormatters';
 
 import type {NodesHandledResponse, NodesPreparedEntity} from './types';
 

package/dist/store/reducers/settings/settings.ts

@@ -15,7 +15,7 @@ import {
     LAST_USED_QUERY_ACTION_KEY,
     USE_BACKEND_PARAMS_FOR_TABLES_KEY,
     LANGUAGE_KEY,
-    ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN,
+    DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS,
 } from '../../../utils/constants';
 import '../../../services/api';
 import {parseJson} from '../../../utils/utils';
@@ -50,14 +50,14 @@ export const initialState = {
         [INVERTED_DISKS_KEY]: readSavedSettingsValue(INVERTED_DISKS_KEY, 'false'),
         [USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY]: readSavedSettingsValue(
             USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY,
-            'false',
+            'true',
         ),
         [ENABLE_ADDITIONAL_QUERY_MODES]: readSavedSettingsValue(
             ENABLE_ADDITIONAL_QUERY_MODES,
             'false',
         ),
-        [ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN]: readSavedSettingsValue(
-            ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN,
+        [DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS]: readSavedSettingsValue(
+            DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS,
             'false',
         ),
         [SAVED_QUERIES_KEY]: readSavedSettingsValue(SAVED_QUERIES_KEY, '[]'),

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

@@ -63,7 +63,7 @@ export interface StorageSortParams {
 export interface StorageSortAndFilterParams extends StorageSortParams {
     filter?: string; // PoolName or GroupId
 
-    offser?: number;
+    offset?: number;
     limit?: number;
 }
 

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

@@ -9,7 +9,7 @@ import {TPDiskState} from '../../../types/api/pdisk';
 import {EFlag} from '../../../types/api/enums';
 import {getPDiskType} from '../../../utils/pdisk';
 import {getUsage} from '../../../utils/storage';
-import {calcUptime} from '../../../utils';
+import {calcUptime} from '../../../utils/dataFormatters/dataFormatters';
 
 import type {PreparedStorageGroup, PreparedStorageNode, PreparedStorageResponse} from './types';
 

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

@@ -1,6 +1,6 @@
 import type {TTenant} from '../../../types/api/tenant';
 import {formatBytes} from '../../../utils/bytesParsers';
-import {formatCPU} from '../../../utils/formatCPU/formatCPU';
+import {formatCPUWithLabel} from '../../../utils/dataFormatters/dataFormatters';
 import {isNumeric} from '../../../utils/utils';
 import {METRIC_STATUS} from './contants';
 
@@ -158,7 +158,7 @@ export const formatTenantMetrics = ({
     storage?: number;
     memory?: number;
 }) => ({
-    cpu: formatCPU(cpu),
+    cpu: formatCPUWithLabel(cpu),
     storage: formatBytes({value: storage, significantDigits: 2}) || undefined,
     memory: formatBytes({value: memory, significantDigits: 2}) || undefined,
 });

package/dist/types/api/vdisk.ts

@@ -99,7 +99,7 @@ interface TVDiskSatisfactionRank {
     LevelRank?: TRank;
 }
 
-interface TVDiskID {
+export interface TVDiskID {
     GroupID?: number;
     GroupGeneration?: number;
     Ring?: number;

package/dist/utils/bytesParsers/formatBytes.ts

@@ -1,4 +1,4 @@
-import {formatNumber} from '..';
+import {formatNumber} from '../dataFormatters/dataFormatters';
 import {GIGABYTE, KILOBYTE, MEGABYTE, TERABYTE} from '../constants';
 import {isNumeric} from '../utils';
 

package/dist/utils/constants.ts

@@ -88,7 +88,8 @@ export const LANGUAGE_KEY = 'language';
 export const INVERTED_DISKS_KEY = 'invertedDisks';
 export const USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY = 'useNodesEndpointInDiagnostics';
 export const ENABLE_ADDITIONAL_QUERY_MODES = 'enableAdditionalQueryModes';
-export const ENABLE_NEW_TENANT_DIAGNOSTICS_DESIGN = 'enableNewTenantDiagnosticsDesign';
+// Remain key name "enableNewTenantDiagnosticsDesign" for backward compatibility
+export const DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS = 'enableNewTenantDiagnosticsDesign';
 export const SAVED_QUERIES_KEY = 'saved_queries';
 export const ASIDE_HEADER_COMPACT_KEY = 'asideHeaderCompact';
 export const QUERIES_HISTORY_KEY = 'queries_history';

package/dist/utils/dataFormatters/dataFormatters.ts

@@ -0,0 +1,128 @@
+import {dateTimeParse} from '@gravity-ui/date-utils';
+
+import type {TVDiskID, TVSlotId} from '../../types/api/vdisk';
+import {DAY_IN_SECONDS, GIGABYTE, TERABYTE} from '../constants';
+import {configuredNumeral} from '../numeral';
+import {isNumeric} from '../utils';
+
+import i18n from './i18n';
+
+// Here you can't control displayed size and precision
+// If you need more custom format, use formatBytesCustom instead
+export const formatBytes = (bytes?: string | number) => {
+    if (!isNumeric(bytes)) {
+        return '';
+    }
+
+    // by agreement, display byte values in decimal scale
+    return configuredNumeral(bytes).format('0 b');
+};
+
+export const formatBps = (bytes?: string | number) => {
+    const formattedBytes = formatBytes(bytes);
+
+    if (!formattedBytes) {
+        return '';
+    }
+
+    return formattedBytes + '/s';
+};
+
+export const formatBytesToGigabyte = (bytes: number | string) => {
+    return `${Math.floor(Number(bytes) / GIGABYTE)} GB`;
+};
+
+export const stringifyVdiskId = (id?: TVDiskID | TVSlotId) => {
+    return id ? Object.values(id).join('-') : '';
+};
+
+export const getPDiskId = (info: {NodeId?: number; PDiskId?: number}) => {
+    return info.NodeId && info.PDiskId ? `${info.NodeId}-${info.PDiskId}` : undefined;
+};
+
+export const formatUptime = (seconds: number) => {
+    const days = Math.floor(seconds / DAY_IN_SECONDS);
+    const remain = seconds % DAY_IN_SECONDS;
+
+    const uptime = [days && `${days}d`, configuredNumeral(remain).format('00:00:00')]
+        .filter(Boolean)
+        .join(' ');
+
+    return uptime;
+};
+
+export const formatMsToUptime = (ms?: number) => {
+    return ms && formatUptime(ms / 1000);
+};
+
+export const formatStorageValues = (value?: number, total?: number) => {
+    return [
+        value ? String(Math.floor(value / TERABYTE)) : undefined,
+        total ? `${Math.floor(total / TERABYTE)} TB` : undefined,
+    ];
+};
+export const formatStorageValuesToGb = (value?: number, total?: number): (string | undefined)[] => {
+    return [
+        value ? String(Math.floor(value / 1000000000)) : undefined,
+        total ? `${Math.floor(total / 1000000000)} GB` : undefined,
+    ];
+};
+
+export const formatNumber = (number?: unknown) => {
+    if (!isNumeric(number)) {
+        return '';
+    }
+
+    return configuredNumeral(number).format();
+};
+
+const normalizeCPU = (value: number | string) => {
+    const rawCores = Number(value) / 1000000;
+    let cores = rawCores.toPrecision(3);
+    if (rawCores >= 1000) {
+        cores = rawCores.toFixed();
+    }
+    if (rawCores < 0.001) {
+        cores = '0';
+    }
+
+    return Number(cores);
+};
+
+export const formatCPU = (value?: number | string) => {
+    if (value === undefined) {
+        return undefined;
+    }
+
+    return configuredNumeral(normalizeCPU(value)).format('0.[000]');
+};
+
+export const formatCPUWithLabel = (value?: number) => {
+    if (value === undefined) {
+        return undefined;
+    }
+    const cores = normalizeCPU(value);
+    const localizedCores = configuredNumeral(cores).format('0.[000]');
+
+    return `${localizedCores} ${i18n('format-cpu.cores', {count: cores})}`;
+};
+
+export const formatDateTime = (value?: number | string) => {
+    if (!isNumeric(value)) {
+        return '';
+    }
+
+    const formattedData = dateTimeParse(Number(value))?.format('YYYY-MM-DD HH:mm');
+
+    return Number(value) > 0 && formattedData ? formattedData : 'N/A';
+};
+
+export const calcUptimeInSeconds = (milliseconds: number | string) => {
+    const currentDate = new Date();
+    const diff = currentDate.getTime() - Number(milliseconds);
+    return diff <= 0 ? 0 : diff / 1000;
+};
+
+export const calcUptime = (milliseconds?: number | string) => {
+    return formatUptime(calcUptimeInSeconds(Number(milliseconds)));
+};

package/dist/utils/dataFormatters/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "format-cpu.cores": ["core", "cores", "cores", "cores"]
+}

package/dist/utils/dataFormatters/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "format-cpu.cores": ["ядро", "ядра", "ядер", "ядер"]
+}

package/dist/utils/index.js

@@ -1,105 +1,3 @@
-import {dateTimeParse} from '@gravity-ui/date-utils';
-
-import {MEGABYTE, TERABYTE, GIGABYTE, DAY_IN_SECONDS} from './constants';
-import {isNumeric} from './utils';
-import {configuredNumeral} from './numeral';
-
-// Here you can't control displayed size and precision
-// If you need more custom format, use formatBytesCustom instead
-export const formatBytes = (bytes) => {
-    if (!isNumeric(bytes)) {
-        return '';
-    }
-
-    // by agreement, display byte values in decimal scale
-    return configuredNumeral(bytes).format('0 b');
-};
-
-export const formatBps = (bytes) => {
-    const formattedBytes = formatBytes(bytes);
-
-    if (!formattedBytes) {
-        return '';
-    }
-
-    return formattedBytes + '/s';
-};
-
-export const formatBytesToGigabyte = (bytes) => {
-    return `${Math.floor(bytes / GIGABYTE)} GB`;
-};
-
-export const stringifyVdiskId = (id) => {
-    return Object.values(id).join('-');
-};
-export const getPDiskId = (info) => {
-    return `${info.NodeId}-${info.PDiskId}`;
-};
-
-export const formatUptime = (seconds) => {
-    const days = Math.floor(seconds / DAY_IN_SECONDS);
-    const remain = seconds % DAY_IN_SECONDS;
-
-    const uptime = [days && `${days}d`, configuredNumeral(remain).format('00:00:00')]
-        .filter(Boolean)
-        .join(' ');
-
-    return uptime;
-};
-
-export const formatMsToUptime = (ms) => {
-    return formatUptime(ms / 1000);
-};
-
-export const formatIOPS = (value, capacity) => {
-    return [Math.floor(value), Math.floor(capacity) + ' IOPS'];
-};
-
-export const formatStorageValues = (value, total) => {
-    return [Math.floor(value / TERABYTE), `${Math.floor(total / TERABYTE)} TB`];
-};
-export const formatStorageValuesToGb = (value, total) => {
-    return [Math.floor(value / 1000000000), `${Math.floor(total / 1000000000)} GB`];
-};
-
-export const formatThroughput = (value, total) => {
-    return [(value / MEGABYTE).toFixed(2), (total / MEGABYTE).toFixed(1) + ' MB/s'];
-};
-
-export const formatNumber = (number) => {
-    if (!isNumeric(number)) {
-        return '';
-    }
-
-    return configuredNumeral(number).format();
-};
-
-export const formatCPU = (value) => {
-    if (!isNumeric(value)) {
-        return '';
-    }
-
-    return configuredNumeral(value / 1000000).format('0.00');
-};
-
-export const formatDateTime = (value) => {
-    if (!isNumeric(value)) {
-        return '';
-    }
-
-    return value > 0 ? dateTimeParse(Number(value)).format('YYYY-MM-DD HH:mm') : 'N/A';
-};
-
-export const calcUptimeInSeconds = (milliseconds) => {
-    const currentDate = new Date();
-    const diff = currentDate - Number(milliseconds);
-    return diff <= 0 ? 0 : diff / 1000;
-};
-
-export const calcUptime = (milliseconds) => {
-    return formatUptime(calcUptimeInSeconds(milliseconds));
-};
-
 // determine how many nodes have status Connected "true"
 export const getConnectedNodesCount = (nodeStateInfo) => {
     return nodeStateInfo?.reduce((acc, item) => (item.Connected ? acc + 1 : acc), 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "4.17.0",
+  "version": "4.18.0",
   "files": [
     "dist"
   ],

package/dist/components/ProgressViewer/ProgressViewer.js

@@ -1,92 +0,0 @@
-import React from 'react';
-import cn from 'bem-cn-lite';
-import './ProgressViewer.scss';
-import PropTypes from 'prop-types';
-const b = cn('progress-viewer');
-/*
-
-Описание props:
-1) value - величина прогресса
-2) capacity - предельно возможный прогресс
-3) formatValues - функция форматирования value и capacity
-4) percents - отображать ли заполненость в виде процентов
-5) className - кастомный класс
-6) colorizeProgress - менять ли цвет полосы прогресса в зависимости от его величины
-7) inverseColorize - инвертировать ли цвета при разукрашивании прогресса
-*/
-export class ProgressViewer extends React.Component {
-    static propTypes = {
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-        capacity: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-        formatValues: PropTypes.func,
-        percents: PropTypes.bool,
-        className: PropTypes.string,
-        size: PropTypes.oneOf(['xs', 's', 'ns', 'm', 'n', 'l', 'head']),
-        colorizeProgress: PropTypes.bool,
-        inverseColorize: PropTypes.bool,
-    };
-
-    static defaultProps = {
-        size: 'xs',
-        colorizeProgress: false,
-        capacity: 100,
-        inverseColorize: false,
-    };
-
-    render() {
-        const {
-            value,
-            capacity,
-            formatValues,
-            percents,
-            size,
-            className,
-            colorizeProgress,
-            inverseColorize,
-        } = this.props;
-
-        let fillWidth = Math.round((parseFloat(value) / parseFloat(capacity)) * 100);
-        fillWidth = fillWidth > 100 ? 100 : fillWidth;
-
-        let valueText = Math.round(value),
-            capacityText = capacity,
-            divider = '/';
-        if (formatValues) {
-            [valueText, capacityText] = formatValues(value, capacity);
-        } else if (percents) {
-            valueText = fillWidth + '%';
-            capacityText = '';
-            divider = '';
-        }
-
-        let bg = inverseColorize ? 'scarlet' : 'apple';
-        if (colorizeProgress) {
-            if (fillWidth > 60 && fillWidth <= 80) {
-                bg = 'saffron';
-            } else if (fillWidth > 80) {
-                bg = inverseColorize ? 'apple' : 'scarlet';
-            }
-        }
-
-        const lineStyle = {
-            width: fillWidth + '%',
-        };
-
-        const text = fillWidth > 60 ? 'contrast0' : 'contrast70';
-
-        if (!isNaN(fillWidth)) {
-            return (
-                <div className={b({size}, className)}>
-                    <div className={b('line', {bg})} style={lineStyle}></div>
-                    <span className={b('text', {text})}>
-                        {`${valueText} ${divider} ${capacityText}`}
-                    </span>
-                </div>
-            );
-        }
-
-        return <div className={`${b({size})} ${className} error`}>no data</div>;
-    }
-}
-
-export default ProgressViewer;

package/dist/utils/formatCPU/formatCPU.ts

@@ -1,20 +0,0 @@
-import {configuredNumeral} from '../numeral';
-import i18n from './i18n';
-
-export const formatCPU = (value?: number) => {
-    if (value === undefined) {
-        return undefined;
-    }
-
-    const rawCores = value / 1000000;
-    let cores = rawCores.toPrecision(3);
-    if (rawCores >= 1000) {
-        cores = rawCores.toFixed();
-    }
-    if (rawCores < 0.001) {
-        cores = '0';
-    }
-    const localizedCores = configuredNumeral(Number(cores)).format('0.[000]');
-
-    return `${localizedCores} ${i18n('cores', {count: cores})}`;
-};

package/dist/utils/formatCPU/i18n/en.json

@@ -1,3 +0,0 @@
-{
-  "cores": ["core", "cores", "cores", "cores"]
-}

package/dist/utils/formatCPU/i18n/ru.json

@@ -1,3 +0,0 @@
-{
-  "cores": ["ядро", "ядра", "ядер", "ядер"]
-}