ydb-embedded-ui 6.33.0 → 6.35.0

package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import * as NiceModal from '@ebay/nice-modal-react';
+import type { ButtonView, DialogFooterProps } from '@gravity-ui/uikit';
+import './ConfirmationDialog.scss';
+interface CommonDialogProps {
+    caption?: string;
+    message?: React.ReactNode;
+    body?: React.ReactNode;
+    progress?: boolean;
+    textButtonCancel?: string;
+    textButtonApply?: string;
+    buttonApplyView?: ButtonView;
+    className?: string;
+    onConfirm?: () => void;
+}
+interface ConfirmationDialogNiceModalProps extends CommonDialogProps, DialogFooterProps {
+    onClose?: () => void;
+}
+export declare const CONFIRMATION_DIALOG = "confirmation-dialog";
+export declare const ConfirmationDialogNiceModal: React.FC<ConfirmationDialogNiceModalProps & NiceModal.NiceModalHocProps>;
+export {};

package/dist/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as NiceModal from '@ebay/nice-modal-react';
+import { Dialog } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import { confirmationDialogKeyset } from './i18n';
+import './ConfirmationDialog.scss';
+const block = cn('confirmation-dialog');
+export const CONFIRMATION_DIALOG = 'confirmation-dialog';
+function ConfirmationDialog({ caption = '', children, onConfirm, onClose, progress, textButtonApply, textButtonCancel, buttonApplyView = 'normal', className, renderButtons, open, }) {
+    return (_jsxs(Dialog, { className: block(null, className), size: "s", onClose: onClose, disableOutsideClick: true, open: open, children: [_jsx(Dialog.Header, { caption: _jsx("span", { className: block('caption'), children: caption }) }), _jsx(Dialog.Body, { children: children }), _jsx(Dialog.Footer, { onClickButtonApply: onConfirm, propsButtonApply: { view: buttonApplyView }, textButtonApply: textButtonApply, textButtonCancel: textButtonCancel !== null && textButtonCancel !== void 0 ? textButtonCancel : confirmationDialogKeyset('action_cancel'), onClickButtonCancel: onClose, loading: progress, renderButtons: renderButtons })] }));
+}
+export const ConfirmationDialogNiceModal = NiceModal.create((props) => {
+    const modal = NiceModal.useModal();
+    const handleClose = () => {
+        modal.hide();
+        modal.remove();
+    };
+    return (_jsx(ConfirmationDialog, { ...props, onConfirm: async () => {
+            var _a;
+            await ((_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props));
+            modal.resolve(true);
+            handleClose();
+        }, onClose: () => {
+            var _a;
+            (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+            modal.resolve(false);
+            handleClose();
+        }, open: modal.visible }));
+});
+NiceModal.register(CONFIRMATION_DIALOG, ConfirmationDialogNiceModal);
+//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sourceRoot":"","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,SAAS,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,wBAAwB,EAAC,MAAM,QAAQ,CAAC;AAEhD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,KAAK,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAyBxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AACzD,SAAS,kBAAkB,CAAC,EACxB,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,eAAe,GAAG,QAAQ,EAC1B,SAAS,EACT,aAAa,EACb,IAAI,GACkB;IACtB,OAAO,CACH,MAAC,MAAM,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,EACjC,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,mBAAmB,QACnB,IAAI,EAAE,IAAI,aAEV,KAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,eAAM,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,GAAI,EAC/E,KAAC,MAAM,CAAC,IAAI,cAAE,QAAQ,GAAe,EACrC,KAAC,MAAM,CAAC,MAAM,IACV,kBAAkB,EAAE,SAAS,EAC7B,gBAAgB,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,EACzC,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,wBAAwB,CAAC,eAAe,CAAC,EAC/E,mBAAmB,EAAE,OAAO,EAC5B,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,aAAa,GAC9B,IACG,CACZ,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,SAAS,CAAC,MAAM,CACvD,CAAC,KAAuC,EAAE,EAAE;IACxC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;IAEnC,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,KAAK,CAAC,IAAI,EAAE,CAAC;QACb,KAAK,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,kBAAkB,OACX,KAAK,EACT,SAAS,EAAE,KAAK,IAAI,EAAE;;YAClB,MAAM,CAAA,MAAA,KAAK,CAAC,SAAS,qDAAI,CAAA,CAAC;YAC1B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,EAAE,CAAC;QAClB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;;YACV,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;YAClB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,EAAE,CAAC;QAClB,CAAC,EACD,IAAI,EAAE,KAAK,CAAC,OAAO,GACrB,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAC"}

package/dist/components/ConfirmationDialog/ConfirmationDialog.scss

@@ -0,0 +1,6 @@
+.confirmation-dialog {
+    &__message,
+    &__caption {
+        white-space: pre-wrap;
+    }
+}

package/dist/components/ConfirmationDialog/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "action_cancel": "Cancel"
+}

package/dist/components/ConfirmationDialog/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const confirmationDialogKeyset: (key: "action_cancel", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/ConfirmationDialog/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-confirmation-dialog';
+export const confirmationDialogKeyset = registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/ConfirmationDialog/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConfirmationDialog/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,yBAAyB,CAAC;AAE5C,MAAM,CAAC,MAAM,wBAAwB,GAAG,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/components/EntityStatus/EntityStatus.js

@@ -25,7 +25,7 @@ export function EntityStatus({ status = EFlag.Grey, name = '', label, path, icon
         }
         return name && _jsx("span", { className: b('name'), children: name });
     };
-    return (_jsxs("div", { className: b(null, className), title: name, children: [iconPath ? renderStatusLink(iconPath) : renderIcon(), label && (_jsx("span", { title: label, className: b('label', { size, state: status.toLowerCase() }), children: label })), (path || name) && (_jsxs("div", { className: b('wrapper', { 'with-button': hasClipboardButton }), children: [_jsx("span", { className: b('link', { 'with-left-trim': withLeftTrim }), children: renderLink() }), hasClipboardButton && (_jsx("div", { className: b('controls-wrapper', {
+    return (_jsxs("div", { className: b(null, className), children: [iconPath ? renderStatusLink(iconPath) : renderIcon(), label && (_jsx("span", { title: label, className: b('label', { size, state: status.toLowerCase() }), children: label })), (path || name) && (_jsxs("div", { className: b('wrapper', { 'with-button': hasClipboardButton }), children: [_jsx("span", { className: b('link', { 'with-left-trim': withLeftTrim }), title: name, children: renderLink() }), hasClipboardButton && (_jsx("div", { className: b('controls-wrapper', {
                             visible: clipboardButtonAlwaysVisible,
                         }), children: _jsx(ClipboardButton, { text: name, size: "xs", view: "normal", className: b('clipboard-button', {
                                 visible: clipboardButtonAlwaysVisible,

package/dist/components/EntityStatus/EntityStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":"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"}

package/dist/components/MemoryViewer/MemoryViewer.d.ts

@@ -0,0 +1,14 @@
+import type { TMemoryStats } from '../../types/api/nodes';
+import type { FormatProgressViewerValues } from '../ProgressViewer/ProgressViewer';
+import './MemoryViewer.scss';
+export interface MemoryProgressViewerProps {
+    stats: TMemoryStats;
+    className?: string;
+    warningThreshold?: number;
+    value?: number | string;
+    capacity?: number | string;
+    formatValues: FormatProgressViewerValues;
+    percents?: boolean;
+    dangerThreshold?: number;
+}
+export declare function MemoryViewer({ stats, value, capacity, percents, formatValues, className, warningThreshold, dangerThreshold, }: MemoryProgressViewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/MemoryViewer/MemoryViewer.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefinitionList, useTheme } from '@gravity-ui/uikit';
+import { formatBytes } from '../../utils/bytesParsers';
+import { cn } from '../../utils/cn';
+import { GIGABYTE } from '../../utils/constants';
+import { calculateProgressStatus } from '../../utils/progress';
+import { isNumeric } from '../../utils/utils';
+import { HoverPopup } from '../HoverPopup/HoverPopup';
+import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
+import { getMemorySegments } from './utils';
+import './MemoryViewer.scss';
+const MIN_VISIBLE_MEMORY_SHARE = 1;
+const MIN_VISIBLE_MEMORY_VALUE = 0.01 * GIGABYTE;
+const b = cn('memory-viewer');
+const formatDetailedValues = (value, total) => {
+    return [
+        formatBytes({
+            value,
+            size: 'gb',
+            withSizeLabel: false,
+            precision: 2,
+        }),
+        formatBytes({
+            value: total,
+            size: 'gb',
+            withSizeLabel: true,
+            precision: 1,
+        }),
+    ];
+};
+export function MemoryViewer({ stats, value, capacity, percents, formatValues, className, warningThreshold = 60, dangerThreshold = 80, }) {
+    const theme = useTheme();
+    let fillWidth = Math.round((parseFloat(String(value)) / parseFloat(String(capacity))) * 100) || 0;
+    fillWidth = fillWidth > 100 ? 100 : fillWidth;
+    let valueText = value, capacityText = capacity, divider = '/';
+    if (percents) {
+        valueText = fillWidth + '%';
+        capacityText = '';
+        divider = '';
+    }
+    else if (formatValues) {
+        [valueText, capacityText] = formatValues(Number(value), Number(capacity));
+    }
+    const renderContent = () => {
+        if (isNumeric(capacity)) {
+            return `${valueText} ${divider} ${capacityText}`;
+        }
+        return valueText;
+    };
+    const calculateMemoryShare = (segmentSize) => {
+        if (!value) {
+            return 0;
+        }
+        return (segmentSize / parseFloat(String(capacity))) * 100;
+    };
+    const memorySegments = getMemorySegments(stats);
+    const status = calculateProgressStatus({
+        fillWidth,
+        warningThreshold,
+        dangerThreshold,
+        colorizeProgress: true,
+    });
+    let currentPosition = 0;
+    return (_jsx(HoverPopup, { popupContent: _jsx(DefinitionList, { responsive: true, children: memorySegments.map(({ label, value: segmentSize, capacity: segmentCapacity, key }) => (_jsx(DefinitionList.Item, { name: _jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('legend', { type: key }) }), _jsx("div", { className: b('name'), children: label })] }), children: segmentCapacity ? (_jsx(ProgressViewer, { value: segmentSize, capacity: segmentCapacity, formatValues: formatDetailedValues, colorizeProgress: true })) : (formatBytes({
+                    value: segmentSize,
+                    size: 'gb',
+                    withSizeLabel: true,
+                    precision: 2,
+                })) }, label))) }), children: _jsx("div", { className: b({ theme, status }, className), children: _jsxs("div", { className: b('progress-container'), children: [memorySegments
+                        .filter(({ isInfo }) => !isInfo)
+                        .map((segment) => {
+                        if (segment.value < MIN_VISIBLE_MEMORY_VALUE) {
+                            return null;
+                        }
+                        const currentMemoryShare = Math.max(calculateMemoryShare(segment.value), MIN_VISIBLE_MEMORY_SHARE);
+                        const position = currentPosition;
+                        currentPosition += currentMemoryShare;
+                        return (_jsx("div", { className: b('segment', { type: segment.key }), style: {
+                                width: `${currentMemoryShare}%`,
+                                left: `${position}%`,
+                            } }, segment.key));
+                    }), _jsx("div", { className: b('text'), children: renderContent() })] }) }) }));
+}
+//# sourceMappingURL=MemoryViewer.js.map

package/dist/components/MemoryViewer/MemoryViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryViewer.js","sourceRoot":"","sources":["../../../src/components/MemoryViewer/MemoryViewer.tsx"],"names":[],"mappings":"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"}

package/dist/components/MemoryViewer/MemoryViewer.scss

@@ -0,0 +1,104 @@
+@import '../../styles/mixins.scss';
+
+$memory-type-colors: (
+    'AllocatorCachesMemory': var(--g-color-base-utility-medium-hover),
+    'SharedCacheConsumption': var(--g-color-base-info-medium-hover),
+    'MemTableConsumption': var(--g-color-base-warning-medium-hover),
+    'QueryExecutionConsumption': var(--g-color-base-positive-medium-hover),
+    'Other': var(--g-color-base-neutral-light-hover),
+);
+
+@mixin memory-type-color($type) {
+    background-color: map-get($memory-type-colors, $type);
+}
+
+.memory-viewer {
+    $block: &;
+
+    position: relative;
+    z-index: 0;
+
+    min-width: 150px;
+    padding: 0 var(--g-spacing-1);
+
+    &__progress-container {
+        position: relative;
+
+        overflow: hidden;
+
+        height: 20px;
+
+        border-radius: 2px;
+        background: var(--g-color-base-generic);
+    }
+
+    &__container {
+        display: flex;
+
+        padding: 2px 0;
+    }
+
+    &__legend {
+        position: absolute;
+        bottom: 2px;
+
+        width: 20px;
+        height: 20px;
+
+        border-radius: 2px;
+
+        @each $type, $color in $memory-type-colors {
+            &_type_#{$type} {
+                @include memory-type-color($type);
+            }
+        }
+    }
+
+    &__segment {
+        position: absolute;
+
+        height: 100%;
+
+        @each $type, $color in $memory-type-colors {
+            &_type_#{$type} {
+                @include memory-type-color($type);
+            }
+        }
+    }
+
+    &__name {
+        padding-left: 28px;
+    }
+
+    &_theme_dark {
+        color: var(--g-color-text-light-primary);
+
+        #{$block}__segment {
+            opacity: 0.75;
+        }
+    }
+
+    &_status {
+        &_good {
+            #{$block}__progress-container {
+                background-color: var(--g-color-base-positive-light);
+            }
+        }
+        &_warning {
+            #{$block}__progress-container {
+                background-color: var(--g-color-base-yellow-light);
+            }
+        }
+        &_danger {
+            #{$block}__progress-container {
+                background-color: var(--g-color-base-danger-light);
+            }
+        }
+    }
+
+    &__text {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}

package/dist/components/MemoryViewer/i18n/en.json

@@ -0,0 +1,11 @@
+{
+    "text_external-consumption": "External Consumption",
+    "text_allocator-caches": "Allocator Caches",
+    "text_shared-cache": "Shared Cache",
+    "text_memtable": "MemTable",
+    "text_query-execution": "Query Execution",
+    "text_usage": "Usage",
+    "text_soft-limit": "Soft Limit",
+    "text_hard-limit": "Hard Limit",
+    "text_other": "Other"
+}

package/dist/components/MemoryViewer/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "text_external-consumption" | "text_allocator-caches" | "text_shared-cache" | "text_memtable" | "text_query-execution" | "text_usage" | "text_soft-limit" | "text_hard-limit" | "text_other", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/MemoryViewer/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-memory-viewer';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/MemoryViewer/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MemoryViewer/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAEtC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/components/MemoryViewer/utils.d.ts

@@ -0,0 +1,10 @@
+import type { TMemoryStats } from '../../types/api/nodes';
+interface MemorySegment {
+    label: string;
+    key: string;
+    value: number;
+    capacity?: number;
+    isInfo?: boolean;
+}
+export declare function getMemorySegments(stats: TMemoryStats): MemorySegment[];
+export {};

package/dist/components/MemoryViewer/utils.js

@@ -0,0 +1,71 @@
+import { isNumeric } from '../../utils/utils';
+import i18n from './i18n';
+function getMaybeNumber(value) {
+    return isNumeric(value) ? parseFloat(String(value)) : undefined;
+}
+export function getMemorySegments(stats) {
+    const segments = [
+        {
+            label: i18n('text_shared-cache'),
+            key: 'SharedCacheConsumption',
+            value: getMaybeNumber(stats.SharedCacheConsumption),
+            capacity: getMaybeNumber(stats.SharedCacheLimit),
+            isInfo: false,
+        },
+        {
+            label: i18n('text_query-execution'),
+            key: 'QueryExecutionConsumption',
+            value: getMaybeNumber(stats.QueryExecutionConsumption),
+            capacity: getMaybeNumber(stats.QueryExecutionLimit),
+            isInfo: false,
+        },
+        {
+            label: i18n('text_memtable'),
+            key: 'MemTableConsumption',
+            value: getMaybeNumber(stats.MemTableConsumption),
+            capacity: getMaybeNumber(stats.MemTableLimit),
+            isInfo: false,
+        },
+        {
+            label: i18n('text_allocator-caches'),
+            key: 'AllocatorCachesMemory',
+            value: getMaybeNumber(stats.AllocatorCachesMemory),
+            isInfo: false,
+        },
+    ];
+    const nonInfoSegments = segments.filter((segment) => segment.value !== undefined);
+    const sumNonInfoSegments = nonInfoSegments.reduce((acc, segment) => acc + segment.value, 0);
+    const totalMemory = getMaybeNumber(stats.AnonRss);
+    if (totalMemory) {
+        const otherMemory = Math.max(0, totalMemory - sumNonInfoSegments);
+        segments.push({
+            label: i18n('text_other'),
+            key: 'Other',
+            value: otherMemory,
+            isInfo: false,
+        });
+    }
+    segments.push({
+        label: i18n('text_external-consumption'),
+        key: 'ExternalConsumption',
+        value: getMaybeNumber(stats.ExternalConsumption),
+        isInfo: true,
+    }, {
+        label: i18n('text_usage'),
+        key: 'Usage',
+        value: getMaybeNumber(stats.AnonRss),
+        isInfo: true,
+    }, {
+        label: i18n('text_soft-limit'),
+        key: 'SoftLimit',
+        value: getMaybeNumber(stats.SoftLimit),
+        isInfo: true,
+    }, {
+        label: i18n('text_hard-limit'),
+        key: 'HardLimit',
+        value: getMaybeNumber(stats.HardLimit),
+        isInfo: true,
+    });
+    return segments.filter((segment) => segment.value !== undefined);
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/MemoryViewer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/MemoryViewer/utils.ts"],"names":[],"mappings":"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"}

package/dist/components/NodeHostWrapper/NodeHostWrapper.d.ts

@@ -1,13 +1,15 @@
 import type { NodeAddress } from '../../types/additionalProps';
-import type { TSystemStateInfo } from '../../types/api/nodes';
-export type NodeHostData = NodeAddress & Pick<TSystemStateInfo, 'SystemState'> & {
+import type { TNodeInfo, TSystemStateInfo } from '../../types/api/nodes';
+export type NodeHostData = NodeAddress & Pick<TNodeInfo, 'ConnectStatus'> & Pick<TSystemStateInfo, 'SystemState'> & {
     NodeId: string | number;
     TenantName?: string;
 };
+export type StatusForIcon = 'SystemState' | 'ConnectStatus';
 interface NodeHostWrapperProps {
     node: NodeHostData;
     getNodeRef?: (node?: NodeAddress) => string | null;
     database?: string;
+    statusForIcon?: StatusForIcon;
 }
-export declare const NodeHostWrapper: ({ node, getNodeRef, database }: NodeHostWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NodeHostWrapper: ({ node, getNodeRef, database, statusForIcon, }: NodeHostWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/NodeHostWrapper/NodeHostWrapper.js

@@ -6,10 +6,11 @@ import { isUnavailableNode } from '../../utils/nodes';
 import { CellWithPopover } from '../CellWithPopover/CellWithPopover';
 import { EntityStatus } from '../EntityStatus/EntityStatus';
 import { NodeEndpointsTooltipContent } from '../TooltipsContent';
-export const NodeHostWrapper = ({ node, getNodeRef, database }) => {
+export const NodeHostWrapper = ({ node, getNodeRef, database, statusForIcon, }) => {
     if (!node.Host) {
         return _jsx("span", { children: "\u2014" });
     }
+    const status = statusForIcon === 'ConnectStatus' ? node.ConnectStatus : node.SystemState;
     const isNodeAvailable = !isUnavailableNode(node);
     let developerUIInternalHref;
     if (getNodeRef) {
@@ -27,6 +28,6 @@ export const NodeHostWrapper = ({ node, getNodeRef, database }) => {
             database: database !== null && database !== void 0 ? database : node.TenantName,
         })
         : undefined;
-    return (_jsx(CellWithPopover, { disabled: !isNodeAvailable, content: _jsx(NodeEndpointsTooltipContent, { data: node, nodeHref: developerUIInternalHref }), placement: ['top', 'bottom'], behavior: PopoverBehavior.Immediate, delayClosing: 200, children: _jsx(EntityStatus, { name: node.Host, status: node.SystemState, path: nodePath, hasClipboardButton: true }) }));
+    return (_jsx(CellWithPopover, { disabled: !isNodeAvailable, content: _jsx(NodeEndpointsTooltipContent, { data: node, nodeHref: developerUIInternalHref }), placement: ['top', 'bottom'], behavior: PopoverBehavior.Immediate, delayClosing: 200, children: _jsx(EntityStatus, { name: node.Host, status: status, path: nodePath, hasClipboardButton: true }) }));
 };
 //# sourceMappingURL=NodeHostWrapper.js.map

package/dist/components/NodeHostWrapper/NodeHostWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeHostWrapper.js","sourceRoot":"","sources":["../../../src/components/NodeHostWrapper/NodeHostWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AAGnE,OAAO,EACH,iCAAiC,EACjC,+BAA+B,GAClC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,2BAA2B,EAAC,MAAM,oBAAoB,CAAC;AAc/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAClF,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACb,OAAO,oCAAc,CAAC;IAC1B,CAAC;IAED,MAAM,eAAe,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,uBAA2C,CAAC;IAChD,IAAI,UAAU,EAAE,CAAC;QACb,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACzC,uBAAuB,GAAG,eAAe;YACrC,CAAC,CAAC,iCAAiC,CAAC,eAAe,CAAC;YACpD,CAAC,CAAC,SAAS,CAAC;IACpB,CAAC;SAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACrB,MAAM,eAAe,GAAG,+BAA+B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,uBAAuB,GAAG,iCAAiC,CAAC,eAAe,CAAC,CAAC;IACjF,CAAC;IAED,MAAM,QAAQ,GAAG,eAAe;QAC5B,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE;YAC5B,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,CAAC,UAAU;SACxC,CAAC;QACJ,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACH,KAAC,eAAe,IACZ,QAAQ,EAAE,CAAC,eAAe,EAC1B,OAAO,EAAE,KAAC,2BAA2B,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,uBAAuB,GAAI,EACvF,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC5B,QAAQ,EAAE,eAAe,CAAC,SAAS,EACnC,YAAY,EAAE,GAAG,YAEjB,KAAC,YAAY,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,WAAW,EACxB,IAAI,EAAE,QAAQ,EACd,kBAAkB,SACpB,GACY,CACrB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"NodeHostWrapper.js","sourceRoot":"","sources":["../../../src/components/NodeHostWrapper/NodeHostWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AAGnE,OAAO,EACH,iCAAiC,EACjC,+BAA+B,GAClC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,2BAA2B,EAAC,MAAM,oBAAoB,CAAC;AAkB/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,aAAa,GACM,EAAE,EAAE;IACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACb,OAAO,oCAAc,CAAC;IAC1B,CAAC;IAED,MAAM,MAAM,GAAG,aAAa,KAAK,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAEzF,MAAM,eAAe,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,uBAA2C,CAAC;IAChD,IAAI,UAAU,EAAE,CAAC;QACb,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACzC,uBAAuB,GAAG,eAAe;YACrC,CAAC,CAAC,iCAAiC,CAAC,eAAe,CAAC;YACpD,CAAC,CAAC,SAAS,CAAC;IACpB,CAAC;SAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACrB,MAAM,eAAe,GAAG,+BAA+B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,uBAAuB,GAAG,iCAAiC,CAAC,eAAe,CAAC,CAAC;IACjF,CAAC;IAED,MAAM,QAAQ,GAAG,eAAe;QAC5B,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE;YAC5B,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,CAAC,UAAU;SACxC,CAAC;QACJ,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACH,KAAC,eAAe,IACZ,QAAQ,EAAE,CAAC,eAAe,EAC1B,OAAO,EAAE,KAAC,2BAA2B,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,uBAAuB,GAAI,EACvF,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC5B,QAAQ,EAAE,eAAe,CAAC,SAAS,EACnC,YAAY,EAAE,GAAG,YAEjB,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,kBAAkB,SAAG,GACtE,CACrB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/PDiskInfo/i18n/index.d.ts

@@ -1 +1 @@
-export declare const pDiskInfoKeyset: (key: "path" | "type" | "space" | "yes" | "state" | "links" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "device" | "realtime" | "slots" | "log-size" | "system-size" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const pDiskInfoKeyset: (key: "path" | "type" | "space" | "links" | "yes" | "state" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "device" | "realtime" | "slots" | "log-size" | "system-size" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/ProgressViewer/ProgressViewer.d.ts

@@ -1,6 +1,6 @@
 import './ProgressViewer.scss';
 type ProgressViewerSize = 'xs' | 's' | 'ns' | 'm' | 'n' | 'l' | 'head';
-type FormatProgressViewerValues = (value?: number, capacity?: number) => (string | number | undefined)[];
+export type FormatProgressViewerValues = (value?: number, capacity?: number) => (string | number | undefined)[];
 export interface ProgressViewerProps {
     value?: number | string;
     capacity?: number | string;

package/dist/components/VDiskInfo/i18n/index.d.ts

@@ -1 +1 @@
-export declare const vDiskInfoKeyset: (key: "size" | "yes" | "no" | "kind" | "links" | "pool-name" | "guid" | "developer-ui" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page" | "vdiks-title", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const vDiskInfoKeyset: (key: "links" | "size" | "yes" | "no" | "kind" | "pool-name" | "guid" | "developer-ui" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page" | "vdiks-title", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/nodesColumns/__test__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/nodesColumns/__test__/utils.test.js

@@ -0,0 +1,28 @@
+import { UNBREAKABLE_GAP } from '../../../utils/utils';
+import { prepareClockSkewValue, preparePingTimeValue } from '../utils';
+describe('preparePingTimeValue', () => {
+    it('Should correctly prepare value', () => {
+        expect(preparePingTimeValue(1)).toEqual(`0${UNBREAKABLE_GAP}ms`);
+        expect(preparePingTimeValue(100)).toEqual(`0.1${UNBREAKABLE_GAP}ms`);
+        expect(preparePingTimeValue(5550)).toEqual(`6${UNBREAKABLE_GAP}ms`);
+        expect(preparePingTimeValue(100000)).toEqual(`100${UNBREAKABLE_GAP}ms`);
+    });
+});
+describe('prepareClockSkewValue', () => {
+    it('Should correctly prepare 0 or very low values', () => {
+        expect(prepareClockSkewValue(0)).toEqual(`0${UNBREAKABLE_GAP}ms`);
+        expect(prepareClockSkewValue(10)).toEqual(`0${UNBREAKABLE_GAP}ms`);
+        expect(prepareClockSkewValue(-10)).toEqual(`0${UNBREAKABLE_GAP}ms`);
+    });
+    it('Should correctly prepare positive values', () => {
+        expect(prepareClockSkewValue(100)).toEqual(`+0.1${UNBREAKABLE_GAP}ms`);
+        expect(prepareClockSkewValue(5500)).toEqual(`+6${UNBREAKABLE_GAP}ms`);
+        expect(prepareClockSkewValue(100000)).toEqual(`+100${UNBREAKABLE_GAP}ms`);
+    });
+    it('Should correctly prepare negative values', () => {
+        expect(prepareClockSkewValue(-100)).toEqual(`-0.1${UNBREAKABLE_GAP}ms`);
+        expect(prepareClockSkewValue(-5500)).toEqual(`-6${UNBREAKABLE_GAP}ms`);
+        expect(prepareClockSkewValue(-100000)).toEqual(`-100${UNBREAKABLE_GAP}ms`);
+    });
+});
+//# sourceMappingURL=utils.test.js.map

package/dist/components/nodesColumns/__test__/utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../../src/components/nodesColumns/__test__/utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAC,qBAAqB,EAAE,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAErE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;QACjE,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,eAAe,IAAI,CAAC,CAAC;QACrE,MAAM,CAAC,oBAAoB,CAAC,IAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;QACrE,MAAM,CAAC,oBAAoB,CAAC,MAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,eAAe,IAAI,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;QAClE,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;QACnE,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;QACvE,MAAM,CAAC,qBAAqB,CAAC,IAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,eAAe,IAAI,CAAC,CAAC;QACvE,MAAM,CAAC,qBAAqB,CAAC,MAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;QACxE,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,eAAe,IAAI,CAAC,CAAC;QACxE,MAAM,CAAC,qBAAqB,CAAC,CAAC,MAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,eAAe,IAAI,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/nodesColumns/columns.d.ts

@@ -1,13 +1,15 @@
-import type { TPoolStats } from '../../types/api/nodes';
+import type { TMemoryStats, TPoolStats } from '../../types/api/nodes';
 import type { TTabletStateInfo } from '../../types/api/tablet';
 import type { Column } from '../../utils/tableUtils/types';
-import type { NodeHostData } from '../NodeHostWrapper/NodeHostWrapper';
+import type { NodeHostData, StatusForIcon } from '../NodeHostWrapper/NodeHostWrapper';
 import type { GetNodesColumnsParams } from './types';
 import './NodesColumns.scss';
 export declare function getNodeIdColumn<T extends {
     NodeId?: string | number;
 }>(): Column<T>;
-export declare function getHostColumn<T extends NodeHostData>({ getNodeRef, database, }: GetNodesColumnsParams): Column<T>;
+export declare function getHostColumn<T extends NodeHostData>({ getNodeRef, database }: GetNodesColumnsParams, { statusForIcon }?: {
+    statusForIcon?: StatusForIcon;
+}): Column<T>;
 export declare function getNodeNameColumn<T extends {
     NodeName?: string;
 }>(): Column<T>;
@@ -24,18 +26,15 @@ export declare function getUptimeColumn<T extends {
     StartTime?: string;
     Uptime?: string;
 }>(): Column<T>;
-export declare function getMemoryColumn<T extends {
+export declare function getRAMColumn<T extends {
     MemoryUsed?: string;
     MemoryLimit?: string;
 }>(): Column<T>;
-export declare function getRAMColumn<T extends {
+export declare function getMemoryColumn<T extends {
+    MemoryStats?: TMemoryStats;
     MemoryUsed?: string;
     MemoryLimit?: string;
 }>(): Column<T>;
-export declare function getSharedCacheUsageColumn<T extends {
-    SharedCacheUsed?: string | number;
-    SharedCacheLimit?: string | number;
-}>(): Column<T>;
 export declare function getPoolsColumn<T extends {
     PoolStats?: TPoolStats[];
 }>(): Column<T>;
@@ -64,3 +63,27 @@ export declare function getTabletsColumn<T extends {
 export declare function getMissingDisksColumn<T extends {
     Missing?: number;
 }>(): Column<T>;
+export declare function getConnectionsColumn<T extends {
+    Connections?: number;
+}>(): Column<T>;
+export declare function getNetworkUtilizationColumn<T extends {
+    NetworkUtilization?: number;
+    NetworkUtilizationMin?: number;
+    NetworkUtilizationMax?: number;
+}>(): Column<T>;
+export declare function getSendThroughputColumn<T extends {
+    SendThroughput?: string;
+}>(): Column<T>;
+export declare function getReceiveThroughputColumn<T extends {
+    ReceiveThroughput?: string;
+}>(): Column<T>;
+export declare function getPingTimeColumn<T extends {
+    PingTimeUs?: string;
+    PingTimeMinUs?: string;
+    PingTimeMaxUs?: string;
+}>(): Column<T>;
+export declare function getClockSkewColumn<T extends {
+    ClockSkewUs?: string;
+    ClockSkewMinUs?: string;
+    ClockSkewMaxUs?: string;
+}>(): Column<T>;