ydb-embedded-ui 22.3.0 → 22.4.0

package/dist/components/DiskCapacityInfo/DiskCapacityInfo.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { PreparedStorageGroup } from '../../store/reducers/storage/types';
+import type { DiskDetailItem } from '../../utils/disks/diskInfo/getDiskLocationItems';
 import type { PreparedPDisk, PreparedVDisk } from '../../utils/disks/types';
 import type { InfoViewerItem } from '../InfoViewer';
 import type { YDBDefinitionListItem } from '../YDBDefinitionList/YDBDefinitionList';
@@ -12,10 +13,18 @@ export interface DiskCapacityInfoItem {
 export declare function getVDiskCapacityInfoItems(data: PreparedVDisk | undefined, { withRawUsage }: {
     withRawUsage: boolean;
 }): DiskCapacityInfoItem[];
-export declare function getPDiskCapacityInfoItems(data: PreparedPDisk | undefined, { withUsage, withCapacityAlert }: {
+export declare function getPDiskCapacityInfoItems(data: PreparedPDisk | undefined, { withUsage, withCapacityAlert, fixedDecimalPlaces, useWhiteboardSize, }: {
     withUsage: boolean;
     withCapacityAlert: boolean;
+    fixedDecimalPlaces?: number;
+    useWhiteboardSize?: boolean;
 }): DiskCapacityInfoItem[];
+export declare function getVDiskCapacityItems(data: PreparedVDisk, { capacityMetricsEnabled }: {
+    capacityMetricsEnabled: boolean;
+}): DiskDetailItem[];
+export declare function getPDiskCapacityItems(data: PreparedPDisk, { useWhiteboardSize }?: {
+    useWhiteboardSize?: boolean;
+}): DiskDetailItem[];
 export declare function getStorageGroupCapacityInfoItems(data: PreparedStorageGroup | undefined): DiskCapacityInfoItem[];
 export declare function toDefinitionListItems(items: DiskCapacityInfoItem[]): YDBDefinitionListItem[];
 export declare function toInfoViewerItems(items: DiskCapacityInfoItem[]): InfoViewerItem[];

package/dist/components/DiskCapacityInfo/DiskCapacityInfo.js

@@ -4,7 +4,10 @@ import { isCapacityAlert } from '../../types/api/enums';
 import { getCapacityAlertTheme, normalizeCapacityAlert } from '../../utils/capacityAlerts';
 import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
 import { formatMetricCountPair, formatMetricPercent, formatNormalizedMetricPercent, formatStorageMetricPair, } from '../../utils/storageMetrics';
+import { DiskCapacityAlertLabel } from '../DiskStatus/DiskStatus';
+import { pDiskInfoKeyset } from '../PDiskInfo/i18n';
 import { TitleWithHelpMark } from '../TitleWithHelpmark/TitleWithHelpmark';
+import { vDiskInfoKeyset } from '../VDiskInfo/i18n';
 import { CAPACITY_CONFIGURATION_HELP_TEXT, CAPACITY_METRICS_COLUMN_TITLES, CAPACITY_METRICS_HELP_TEXT, } from '../capacityMetricsColumns/constants';
 import { formatCapacityUnitCount } from '../capacityMetricsColumns/formatters';
 import i18n from './i18n';
@@ -21,8 +24,8 @@ function getAlertAwareUsageValue(value, capacityAlertValue) {
     return _jsx(Label, { theme: theme, children: value });
 }
 export function getVDiskCapacityInfoItems(data, { withRawUsage }) {
-    var _a;
-    const sizeData = (_a = data === null || data === void 0 ? void 0 : data.WhiteboardSize) !== null && _a !== void 0 ? _a : data;
+    var _a, _b;
+    const sizeData = (_b = (_a = data === null || data === void 0 ? void 0 : data.WhiteboardSize) !== null && _a !== void 0 ? _a : data === null || data === void 0 ? void 0 : data.DisplaySize) !== null && _b !== void 0 ? _b : data;
     const items = [
         {
             id: 'size',
@@ -57,21 +60,21 @@ export function getVDiskCapacityInfoItems(data, { withRawUsage }) {
     });
     return items;
 }
-export function getPDiskCapacityInfoItems(data, { withUsage, withCapacityAlert }) {
+export function getPDiskCapacityInfoItems(data, { withUsage, withCapacityAlert, fixedDecimalPlaces, useWhiteboardSize = true, }) {
     var _a;
-    const sizeData = (_a = data === null || data === void 0 ? void 0 : data.WhiteboardSize) !== null && _a !== void 0 ? _a : data;
+    const sizeData = useWhiteboardSize ? ((_a = data === null || data === void 0 ? void 0 : data.WhiteboardSize) !== null && _a !== void 0 ? _a : data) : data;
     const items = [
         {
             id: 'space',
             title: i18n('field_space'),
-            value: formatStorageMetricPair(sizeData === null || sizeData === void 0 ? void 0 : sizeData.AllocatedSize, sizeData === null || sizeData === void 0 ? void 0 : sizeData.TotalSize),
+            value: formatStorageMetricPair(sizeData === null || sizeData === void 0 ? void 0 : sizeData.AllocatedSize, sizeData === null || sizeData === void 0 ? void 0 : sizeData.TotalSize, fixedDecimalPlaces),
         },
     ];
     if (withUsage) {
         items.push({
             id: 'pdisk-usage',
             title: CAPACITY_METRICS_COLUMN_TITLES.MaxPDiskUsage,
-            value: formatMetricPercent(data === null || data === void 0 ? void 0 : data.PDiskUsage),
+            value: formatMetricPercent(data === null || data === void 0 ? void 0 : data.PDiskUsage, fixedDecimalPlaces),
             note: CAPACITY_METRICS_HELP_TEXT.MaxPDiskUsage,
         });
     }
@@ -95,26 +98,85 @@ export function getPDiskCapacityInfoItems(data, { withUsage, withCapacityAlert }
     }
     return items;
 }
-export function getStorageGroupCapacityInfoItems(data) {
-    return [
+export function getVDiskCapacityItems(data, { capacityMetricsEnabled }) {
+    var _a, _b;
+    const size = (_b = (_a = (capacityMetricsEnabled ? data.WhiteboardSize : undefined)) !== null && _a !== void 0 ? _a : data.DisplaySize) !== null && _b !== void 0 ? _b : data;
+    const items = [
+        {
+            id: 'group-size-in-units',
+            name: vDiskInfoKeyset('field_group-size-in-units'),
+            content: formatCapacityUnitCount(data.GroupSizeInUnits),
+            note: CAPACITY_CONFIGURATION_HELP_TEXT.GroupSizeInUnits,
+        },
+        {
+            id: 'size',
+            name: vDiskInfoKeyset('size'),
+            content: formatStorageMetricPair(size.AllocatedSize, size.SizeLimit, 2),
+        },
+        {
+            id: 'capacity-alert',
+            name: vDiskInfoKeyset('field_capacity-alert'),
+            content: _jsx(DiskCapacityAlertLabel, { value: data.CapacityAlert }),
+            note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
+        },
         {
             id: 'vdisk-slot-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
-            value: getAlertAwareUsageValue(formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskSlotUsage), data === null || data === void 0 ? void 0 : data.CapacityAlert),
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
+            content: formatMetricPercent(data.VDiskSlotUsage, 2),
             note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskSlotUsage,
         },
         {
             id: 'vdisk-raw-usage',
-            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
-            value: formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskRawUsage),
+            name: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
+            content: formatMetricPercent(data.VDiskRawUsage, 2),
             note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskRawUsage,
         },
+    ];
+    return items.filter(({ id }) => capacityMetricsEnabled || id === 'size');
+}
+export function getPDiskCapacityItems(data, { useWhiteboardSize = true } = {}) {
+    const fieldOrder = ['slot-size-in-units', 'space', 'capacity-alert', 'pdisk-usage', 'slots'];
+    const capacityItems = getPDiskCapacityInfoItems(data, {
+        withUsage: true,
+        withCapacityAlert: true,
+        fixedDecimalPlaces: 2,
+        useWhiteboardSize,
+    });
+    const items = [];
+    for (const id of fieldOrder) {
+        const field = capacityItems.find((item) => item.id === id);
+        if (field) {
+            items.push({
+                id,
+                name: field.title,
+                content: id === 'capacity-alert' ? (_jsx(DiskCapacityAlertLabel, { value: data.PDiskCapacityAlert })) : (field.value),
+                note: id === 'slots' ? pDiskInfoKeyset('context_slots') : field.note,
+            });
+        }
+    }
+    return items;
+}
+export function getStorageGroupCapacityInfoItems(data) {
+    const capacityAlert = normalizeCapacityAlert(data === null || data === void 0 ? void 0 : data.CapacityAlert);
+    return [
         {
             id: 'capacity-alert',
             title: CAPACITY_METRICS_COLUMN_TITLES.CapacityAlert,
-            value: getCapacityAlertValue(data === null || data === void 0 ? void 0 : data.CapacityAlert),
+            value: capacityAlert ? (_jsx(DiskCapacityAlertLabel, { value: capacityAlert })) : (EMPTY_DATA_PLACEHOLDER),
             note: CAPACITY_METRICS_HELP_TEXT.CapacityAlert,
         },
+        {
+            id: 'vdisk-slot-usage',
+            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskSlotUsage,
+            value: formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskSlotUsage),
+            note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskSlotUsage,
+        },
+        {
+            id: 'vdisk-raw-usage',
+            title: CAPACITY_METRICS_COLUMN_TITLES.MaxVDiskRawUsage,
+            value: formatNormalizedMetricPercent(data === null || data === void 0 ? void 0 : data.MaxVDiskRawUsage),
+            note: CAPACITY_METRICS_HELP_TEXT.MaxVDiskRawUsage,
+        },
     ];
 }
 export function toDefinitionListItems(items) {

package/dist/components/DiskCapacityInfo/DiskCapacityInfo.js.map

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

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "field_size" | "field_space" | "field_slots" | "field_group-size-in-units" | "field_slot-size-in-units", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "field_group-size-in-units" | "field_size" | "field_space" | "field_slots" | "field_slot-size-in-units", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/DiskPopup/DiskPopup.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { DiskDetailItem } from '../../utils/disks/diskInfo/getDiskLocationItems';
+import './DiskPopup.scss';
+export declare function DiskPopup({ children, combined, className, }: {
+    children: React.ReactNode;
+    combined?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupPanel({ children, footer, }: {
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupHeader({ title, id, type, statuses, }: {
+    title: string;
+    id?: string;
+    type?: string;
+    statuses: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupText({ value, withLeftTrim, }: {
+    value?: string | number;
+    withLeftTrim?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskPopupLocation({ items }: {
+    items: DiskDetailItem[];
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/DiskPopup/DiskPopup.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ClipboardButton, Flex, Text, Tooltip } from '@gravity-ui/uikit';
+import { isNil } from 'lodash';
+import { cn } from '../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
+import { DiskTypeLabel } from '../DiskStatus/DiskStatus';
+import { YDBDefinitionList } from '../YDBDefinitionList/YDBDefinitionList';
+import i18n from './i18n';
+import './DiskPopup.scss';
+const b = cn('ydb-disk-popup');
+export function DiskPopup({ children, combined = false, className, }) {
+    return _jsx("div", { className: b({ combined }, className), children: children });
+}
+export function DiskPopupPanel({ children, footer, }) {
+    return (_jsxs("div", { className: b('panel'), children: [_jsx("div", { className: b('body'), children: children }), footer && _jsx("div", { className: b('footer'), children: footer })] }));
+}
+export function DiskPopupHeader({ title, id, type, statuses, }) {
+    return (_jsxs(React.Fragment, { children: [_jsxs(Flex, { gap: 1, alignItems: "center", wrap: "wrap", children: [_jsx(Text, { variant: "subheader-2", children: title }), _jsx(Text, { color: "secondary", children: "\u2022" }), _jsx(Text, { variant: "body-2", color: "secondary", className: b('id'), children: id || EMPTY_DATA_PLACEHOLDER }), id && (_jsx(ClipboardButton, { text: id, size: "s", view: "flat-secondary", "aria-label": i18n('action_copy-field', { field: title }) })), _jsx(DiskTypeLabel, { type: type, size: "xs" })] }), _jsx(Flex, { gap: 1, wrap: "wrap", alignItems: "center", children: statuses })] }));
+}
+export function DiskPopupText({ value, withLeftTrim = false, }) {
+    const hasValue = !isNil(value) && value !== '';
+    const text = hasValue ? value : EMPTY_DATA_PLACEHOLDER;
+    return (_jsx(Tooltip, { content: text, disabled: !hasValue, className: b('text-tooltip'), children: _jsx("span", { className: b('text', { 'with-left-trim': withLeftTrim }), tabIndex: hasValue ? 0 : undefined, children: withLeftTrim ? _jsx("span", { children: text }) : text }) }));
+}
+export function DiskPopupLocation({ items }) {
+    if (!items.length) {
+        return null;
+    }
+    const locationItems = items.map((item) => {
+        if (['fqdn', 'rack', 'datacenter'].includes(item.id)) {
+            return { ...item, content: _jsx(DiskPopupText, { value: item.copyText }) };
+        }
+        if (item.id === 'pdisk-path' && typeof item.copyText === 'string') {
+            return {
+                ...item,
+                content: _jsx(DiskPopupText, { value: item.copyText, withLeftTrim: true }),
+            };
+        }
+        return item;
+    });
+    return (_jsx("div", { className: b('location'), children: _jsx(YDBDefinitionList, { items: locationItems, nameMaxWidth: 100 }) }));
+}
+//# sourceMappingURL=DiskPopup.js.map

package/dist/components/DiskPopup/DiskPopup.js.map

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

package/dist/components/DiskPopup/DiskPopup.scss

@@ -0,0 +1,203 @@
+.ydb-disk-popup {
+    --ydb-disk-popup-base-width: 368px;
+    --ydb-disk-popup-width-growth: 50px;
+
+    width: max-content;
+    min-width: min(var(--ydb-disk-popup-base-width), calc(100vw - 64px));
+    max-width: min(
+        calc(var(--ydb-disk-popup-base-width) + var(--ydb-disk-popup-width-growth)),
+        calc(100vw - 64px)
+    );
+
+    font-size: var(--g-text-body-1-font-size);
+    line-height: var(--g-text-body-1-line-height);
+    overflow-wrap: anywhere;
+
+    &_combined {
+        --ydb-disk-popup-base-width: 593px;
+        --ydb-disk-popup-width-growth: 120px;
+        --ydb-pdisk-log-size-progress-width: 50px;
+
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    &__panel {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: var(--g-spacing-2);
+
+        min-width: 0;
+    }
+
+    &_combined &__panel:first-child {
+        padding-right: var(--g-spacing-3);
+
+        border-right: 1px solid var(--g-color-line-generic);
+    }
+
+    &_combined &__panel + &__panel {
+        padding-left: var(--g-spacing-3);
+    }
+
+    &__body,
+    &__footer {
+        display: flex;
+        flex-direction: column;
+        gap: var(--g-spacing-2);
+    }
+
+    // Only Compaction contributes to the intrinsic width; other sections fit the card.
+    &__body > :not(:has(.ydb-vdisk-popup__compaction)),
+    &__footer,
+    .g-definition-list__item:not(:has(.ydb-vdisk-popup__compaction)) {
+        contain: inline-size;
+    }
+
+    .ydb-vdisk-popup__compaction {
+        width: max-content;
+        max-width: 100%;
+    }
+
+    .g-definition-list__item:has(.ydb-vdisk-popup__compaction) {
+        .g-definition-list__term-container {
+            flex-shrink: 1;
+        }
+
+        .g-definition-list__definition {
+            flex-shrink: 0;
+        }
+    }
+
+    &__footer {
+        margin-top: auto;
+    }
+
+    &__id {
+        min-width: 0;
+        overflow-wrap: anywhere;
+    }
+
+    .g-definition-list {
+        --g-definition-list-item-gap: var(--g-spacing-1);
+    }
+
+    .g-definition-list__definition {
+        min-width: 0;
+        overflow-wrap: anywhere;
+    }
+
+    .g-definition-list__copy-container {
+        min-width: 0;
+        max-width: 100%;
+    }
+
+    .g-definition-list__dots {
+        flex-basis: 0;
+
+        min-width: 0;
+    }
+
+    .ydb-disk-status__tooltip {
+        min-width: 0;
+        max-width: 100%;
+    }
+
+    .ydb-disk-status__label {
+        min-width: 0;
+        max-width: 100%;
+        height: auto;
+        min-height: var(--_--height);
+
+        .g-label__text {
+            display: block;
+            overflow: visible;
+
+            min-width: 0;
+
+            text-align: start;
+            white-space: nowrap;
+        }
+
+        .g-label__content,
+        .g-label__value,
+        .g-label__key,
+        .g-label__separator {
+            display: inline;
+            overflow: visible;
+
+            text-overflow: clip;
+        }
+    }
+
+    .ydb-pdisk-log-size,
+    .ydb-vdisk-status__replication-progress {
+        flex-wrap: wrap;
+
+        max-width: 100%;
+
+        white-space: normal;
+    }
+
+    &__location {
+        contain: inline-size;
+
+        padding: var(--g-spacing-1) var(--g-spacing-2);
+
+        border-radius: var(--g-border-radius-m);
+        background-color: var(--g-color-base-generic);
+
+        .g-definition-list__dots {
+            display: none;
+        }
+
+        .g-definition-list__definition {
+            flex: 1;
+        }
+    }
+
+    &__text {
+        overflow: hidden;
+
+        min-width: 0;
+
+        cursor: default;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+
+        &_with-left-trim {
+            text-align: end;
+            direction: rtl;
+
+            > span {
+                unicode-bidi: plaintext;
+            }
+        }
+    }
+
+    &__text-tooltip {
+        overflow-wrap: anywhere;
+    }
+
+    @media (max-width: 700px) {
+        &_combined {
+            --ydb-disk-popup-base-width: 368px;
+
+            grid-template-columns: minmax(0, 1fr);
+        }
+
+        &_combined &__panel:first-child {
+            padding-right: 0;
+            padding-bottom: var(--g-spacing-3);
+
+            border-right: none;
+            border-bottom: 1px solid var(--g-color-line-generic);
+        }
+
+        &_combined &__panel + &__panel {
+            padding-top: var(--g-spacing-3);
+            padding-left: 0;
+        }
+    }
+}

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

@@ -0,0 +1,3 @@
+{
+    "action_copy-field": "Copy {{field}}"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "action_copy-field", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+export default registerKeysets('ydb-disk-popup', { en });
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/DiskStatus/DiskStatus.d.ts

@@ -0,0 +1,31 @@
+import type { IconData, LabelProps } from '@gravity-ui/uikit';
+import { EFlag } from '../../types/api/enums';
+import './DiskStatus.scss';
+export interface DiskStatusLabelData {
+    value: string;
+    title?: string;
+    theme?: LabelProps['theme'];
+    icon?: IconData;
+    tooltip?: string;
+    dangerHeavy?: boolean;
+}
+export type TitledDiskStatusLabelData = Omit<DiskStatusLabelData, 'title' | 'value'> & {
+    title: string;
+    value?: string;
+};
+export declare function DiskStatusLabel({ value, theme, icon, title, tooltip, dangerHeavy, size, iconSize, className, }: (DiskStatusLabelData | TitledDiskStatusLabelData) & Pick<LabelProps, 'size' | 'className'> & {
+    iconSize?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskTypeLabel({ type, size }: {
+    type?: string;
+} & Pick<LabelProps, 'size'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function DiskCapacityAlertLabel({ value, emptyText, }: {
+    value?: string;
+    emptyText?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiskFlagLabel({ flag, title, icon, emptyText, }: {
+    flag?: EFlag;
+    title?: string;
+    icon?: IconData;
+    emptyText?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DiskStatus/DiskStatus.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Label, Tooltip } from '@gravity-ui/uikit';
+import { capitalize } from 'lodash';
+import { EFlag, isCapacityAlert } from '../../types/api/enums';
+import { normalizeCapacityAlert } from '../../utils/capacityAlerts';
+import { cn } from '../../utils/cn';
+import { formatPDiskType } from '../../utils/disks/getPDiskType';
+import { getDisplaySeverityColor } from '../../utils/disks/helpers';
+import { getFlagIconWithColor } from '../../utils/disks/iconCalculators';
+import { normalizeMediaType } from '../../utils/disks/normalizeMediaType';
+import { calculateSpaceSeverity } from '../../utils/disks/severityCalculators';
+import { EFlagToLabelTheme } from '../EntityStatus/EntityStatus';
+import { getFlagStatusText } from '../VDisk/getFlagStatusText';
+import i18n from './i18n';
+import './DiskStatus.scss';
+const b = cn('ydb-disk-status');
+export function DiskStatusLabel({ value, theme = 'normal', icon, title, tooltip, dangerHeavy, size = 's', iconSize = 12, className, }) {
+    const label = (_jsx(Label, { size: size, theme: theme, className: b('label', { 'danger-heavy': dangerHeavy }, className), icon: icon ? _jsx(Icon, { data: icon, size: iconSize }) : undefined, value: title ? value : undefined, children: title !== null && title !== void 0 ? title : value }));
+    return tooltip ? (_jsx(Tooltip, { content: tooltip, placement: "top", children: _jsx("span", { tabIndex: 0, className: b('tooltip'), children: label }) })) : (label);
+}
+export function DiskTypeLabel({ type, size }) {
+    var _a;
+    if (!(type === null || type === void 0 ? void 0 : type.trim())) {
+        return null;
+    }
+    const mediaType = normalizeMediaType(type);
+    const value = (_a = formatPDiskType(mediaType)) !== null && _a !== void 0 ? _a : mediaType;
+    let tooltip;
+    switch (mediaType) {
+        case 'HDD':
+            tooltip = i18n('context_hdd');
+            break;
+        case 'SSD':
+            tooltip = i18n('context_ssd');
+            break;
+        case 'NVME':
+            tooltip = i18n('context_nvme');
+            break;
+    }
+    return (_jsx(DiskStatusLabel, { value: value, tooltip: tooltip, size: size, className: b('type', {
+            hdd: mediaType === 'HDD',
+            ssd: mediaType === 'SSD',
+            nvme: mediaType === 'NVME',
+        }) }));
+}
+export function DiskCapacityAlertLabel({ value, emptyText = i18n('value_no-data'), }) {
+    const capacityAlert = normalizeCapacityAlert(value);
+    if (!capacityAlert) {
+        return _jsx(DiskStatusLabel, { size: "xs", value: emptyText, theme: "unknown" });
+    }
+    const color = isCapacityAlert(capacityAlert)
+        ? getDisplaySeverityColor(calculateSpaceSeverity({ CapacityAlert: capacityAlert })).toLowerCase()
+        : undefined;
+    return (_jsx(DiskStatusLabel, { size: "xs", value: capitalize(capacityAlert.replaceAll('_', ' ')), className: b('capacity-alert', { color }) }));
+}
+export function DiskFlagLabel({ flag, title, icon, emptyText = i18n('value_no-data'), }) {
+    var _a, _b;
+    const resolvedFlag = flag || EFlag.Grey;
+    return (_jsx(DiskStatusLabel, { value: resolvedFlag === EFlag.Grey ? emptyText : getFlagStatusText(resolvedFlag), title: title, theme: (_a = EFlagToLabelTheme[resolvedFlag]) !== null && _a !== void 0 ? _a : 'normal', icon: icon !== null && icon !== void 0 ? icon : (_b = getFlagIconWithColor(resolvedFlag)) === null || _b === void 0 ? void 0 : _b.icon, dangerHeavy: resolvedFlag === EFlag.Red, size: "xs" }));
+}
+//# sourceMappingURL=DiskStatus.js.map

package/dist/components/DiskStatus/DiskStatus.js.map

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