ydb-embedded-ui 21.1.0 → 22.1.0

package/dist/containers/Storage/PDisk/PDiskVDisks.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { VDisk } from '../../../components/VDisk/VDisk';
-import { cn } from '../../../utils/cn';
-import { isVdiskActive } from '../utils';
-const b = cn('pdisk-storage');
-export function PDiskVDisks({ vDisks, viewContext, withIcon, delayOpen, delayClose, highlightedDisk, setHighlightedDisk, }) {
-    if (!(vDisks === null || vDisks === void 0 ? void 0 : vDisks.length)) {
-        return null;
-    }
-    return (_jsx("div", { className: b('vdisks'), children: vDisks.map((vDisk) => {
-            const vDiskId = vDisk.StringifiedId;
-            const highlighted = highlightedDisk === vDiskId;
-            return (_jsx("div", { className: b('vdisks-item'), style: {
-                    // 1 is small enough for empty disks to be of the minimum width
-                    // but if all of them are empty, `flex-grow: 1` would size them evenly
-                    flexGrow: Number(vDisk.AllocatedSize) || 1,
-                }, children: _jsx(VDisk, { withIcon: withIcon, data: vDisk, inactive: !isVdiskActive(vDisk, viewContext), compact: true, delayOpen: delayOpen, delayClose: delayClose, showPopup: highlighted, onShowPopup: () => setHighlightedDisk === null || setHighlightedDisk === void 0 ? void 0 : setHighlightedDisk(vDiskId), onHidePopup: () => setHighlightedDisk === null || setHighlightedDisk === void 0 ? void 0 : setHighlightedDisk(undefined), highlighted: highlighted }) }, vDiskId));
-        }) }));
-}
-//# sourceMappingURL=PDiskVDisks.js.map

package/dist/containers/Storage/PDisk/PDiskVDisks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDiskVDisks.js","sourceRoot":"","sources":["../../../../src/containers/Storage/PDisk/PDiskVDisks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAGrC,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAEvC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAY9B,MAAM,UAAU,WAAW,CAAC,EACxB,MAAM,EACN,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,eAAe,EACf,kBAAkB,GACH;IACf,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC;YACpC,MAAM,WAAW,GAAG,eAAe,KAAK,OAAO,CAAC;YAEhD,OAAO,CACH,cAEI,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAC3B,KAAK,EAAE;oBACH,+DAA+D;oBAC/D,sEAAsE;oBACtE,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC;iBAC7C,YAED,KAAC,KAAK,IACF,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,EAC5C,OAAO,QACP,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,OAAO,CAAC,EAChD,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,SAAS,CAAC,EAClD,WAAW,EAAE,WAAW,GAC1B,IAnBG,OAAO,CAoBV,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.d.ts

@@ -1,6 +0,0 @@
-import './StorageExpertModePanel.scss';
-interface StorageExpertModePanelProps {
-    className?: string;
-}
-export declare function StorageExpertModePanel({ className }: StorageExpertModePanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
-import { useStorageQueryParams } from '../useStorageQueryParams';
-import { AllLegend, CompactionLegend, FrontQueuesLegend, PDiskDecommitLegend, PDiskDeviceLegend, PDiskDriveLegend, PDiskMaintenanceLegend, PDiskStateLegend, SpaceLegend, StateLegend, } from './components';
-import { PDisksGroupBy, VDisksGroupBy, b } from './constants';
-import i18n from './i18n';
-import './StorageExpertModePanel.scss';
-function renderLegend(vdisksGroupBy) {
-    switch (vdisksGroupBy) {
-        case VDisksGroupBy.State:
-            return _jsx(StateLegend, {});
-        case VDisksGroupBy.Space:
-            return _jsx(SpaceLegend, {});
-        case VDisksGroupBy.FrontQueues:
-            return _jsx(FrontQueuesLegend, {});
-        case VDisksGroupBy.Compaction:
-            return _jsx(CompactionLegend, {});
-        case VDisksGroupBy.All:
-            return _jsx(AllLegend, {});
-        default:
-            return null;
-    }
-}
-function getPDisksGroupByLabel(pdisksGroupBy) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.Space:
-            return i18n('value_pdisks-space');
-        case PDisksGroupBy.Drive:
-            return i18n('value_pdisks-drive');
-        case PDisksGroupBy.Decommit:
-            return i18n('value_pdisks-decommit');
-        case PDisksGroupBy.Maintenance:
-            return i18n('value_pdisks-maintenance');
-        case PDisksGroupBy.Device:
-            return i18n('value_pdisks-device');
-        case PDisksGroupBy.All:
-            return i18n('value_pdisks-all');
-        default:
-            return null;
-    }
-}
-function renderPDiskLegend(pdisksGroupBy) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.State:
-            return _jsx(PDiskStateLegend, {});
-        case PDisksGroupBy.Space:
-            return _jsx(SpaceLegend, { selectionScope: "pdisks" });
-        case PDisksGroupBy.Drive:
-            return _jsx(PDiskDriveLegend, {});
-        case PDisksGroupBy.Decommit:
-            return _jsx(PDiskDecommitLegend, {});
-        case PDisksGroupBy.Maintenance:
-            return _jsx(PDiskMaintenanceLegend, {});
-        case PDisksGroupBy.Device:
-            return _jsx(PDiskDeviceLegend, {});
-        case PDisksGroupBy.All:
-            return _jsx(AllLegend, { selectionScope: "pdisks" });
-        default:
-            return _jsx("div", { children: getPDisksGroupByLabel(pdisksGroupBy) });
-    }
-}
-export function StorageExpertModePanel({ className }) {
-    const { vdisksGroupBy, pdisksGroupBy, handleVDisksGroupByChange, handlePDisksGroupByChange } = useStorageQueryParams();
-    return (_jsxs("div", { className: b(null, className), children: [_jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(Text, { variant: "subheader-1", children: i18n('label_vdisks') }), _jsxs(SegmentedRadioGroup, { value: vdisksGroupBy, onUpdate: handleVDisksGroupByChange, size: "s", children: [_jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.State, children: i18n('value_state') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.Space, children: i18n('value_space') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.FrontQueues, children: i18n('value_front-queues') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.Compaction, children: i18n('value_compaction') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.All, children: i18n('value_all') })] }), renderLegend(vdisksGroupBy)] }), _jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(Text, { variant: "subheader-1", children: i18n('label_pdisks') }), _jsxs(SegmentedRadioGroup, { qa: "storage-pdisks-expert-mode", value: pdisksGroupBy, onUpdate: handlePDisksGroupByChange, size: "s", children: [_jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.State, children: i18n('value_pdisks-state') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Space, children: i18n('value_pdisks-space') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Drive, children: i18n('value_pdisks-drive') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Decommit, children: i18n('value_pdisks-decommit') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Maintenance, children: i18n('value_pdisks-maintenance') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Device, children: i18n('value_pdisks-device') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.All, children: i18n('value_pdisks-all') })] }), _jsx("div", { "data-qa": "storage-pdisks-expert-mode-legend", children: renderPDiskLegend(pdisksGroupBy) })] })] }));
-}
-//# sourceMappingURL=StorageExpertModePanel.js.map

package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js.map

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

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

@@ -1,47 +0,0 @@
-import type { RootState } from '../../defaultStore';
-import type { PreparedNodeStructure } from './types';
-export declare const selectNodeStructure: ((state: {
-    api: import("@reduxjs/toolkit/query").CombinedState<{}, "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "OperationList", "api">;
-    singleClusterMode: boolean;
-    cluster: import("../cluster/types").ClusterState;
-    tenant: import("../tenant/types").TenantState;
-    schema: {
-        loading: boolean;
-        data: {};
-        currentSchemaPath: undefined;
-        showPreview: boolean;
-    };
-    partitions: {
-        selectedConsumer?: string;
-    };
-    query: import("../query/types").QueryState;
-    heatmap: import("../../../types/store/heatmap").IHeatmapState;
-    settings: import("../settings/types").SettingsState;
-    executeTopQueries: import("../executeTopQueries/types").TopQueriesFilters;
-    shardsWorkload: import("../shardsWorkload/types").ShardsWorkloadFilters;
-    authentication: import("../authentication/types").AuthenticationState;
-    header: import("../header/types").HeaderState;
-    queryActions: import("../queryActions/types").QueryActionsState;
-    fullscreen: boolean;
-    clusters: import("../clusters/types").ClustersFilters;
-}, nodeId: string) => PreparedNodeStructure) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-} & {
-    resultFunc: (resultFuncArgs_0: number, resultFuncArgs_1: import("../../../types/api/storage").TStorageInfo | undefined) => PreparedNodeStructure;
-    memoizedResultFunc: ((resultFuncArgs_0: number, resultFuncArgs_1: import("../../../types/api/storage").TStorageInfo | undefined) => PreparedNodeStructure) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-    };
-    lastResult: () => PreparedNodeStructure;
-    dependencies: [(_state: RootState, nodeId: string) => number, (state: RootState, nodeId: string) => import("../../../types/api/storage").TStorageInfo | undefined];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-} & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-    memoize: typeof import("reselect").weakMapMemoize;
-};

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

@@ -1,43 +0,0 @@
-import { createSelector } from '@reduxjs/toolkit';
-import { stringifyVdiskId } from '../../../utils/dataFormatters/dataFormatters';
-import { prepareWhiteboardVDiskData } from '../../../utils/disks/prepareDisks';
-import { nodeApi } from './node';
-const getNodeStructureSelector = createSelector((nodeId) => nodeId, (nodeId) => nodeApi.endpoints.getNodeStructure.select({ nodeId }));
-const selectGetNodeStructureData = createSelector((state) => state, (_state, nodeId) => getNodeStructureSelector(nodeId), (state, selectGetNodeStructure) => selectGetNodeStructure(state).data);
-export const selectNodeStructure = createSelector((_state, nodeId) => Number(nodeId), (state, nodeId) => selectGetNodeStructureData(state, nodeId), (nodeId, storageInfo) => {
-    const pools = storageInfo === null || storageInfo === void 0 ? void 0 : storageInfo.StoragePools;
-    const structure = {};
-    pools === null || pools === void 0 ? void 0 : pools.forEach((pool) => {
-        const groups = pool.Groups;
-        groups === null || groups === void 0 ? void 0 : groups.forEach((group) => {
-            var _a;
-            const vDisks = (_a = group.VDisks) === null || _a === void 0 ? void 0 : _a.filter((el) => el.NodeId === nodeId).map(prepareWhiteboardVDiskData);
-            vDisks === null || vDisks === void 0 ? void 0 : vDisks.forEach((vd) => {
-                var _a;
-                const vDiskId = stringifyVdiskId(vd.VDiskId);
-                const pDiskId = (_a = vd.PDisk) === null || _a === void 0 ? void 0 : _a.PDiskId;
-                if (!structure[String(pDiskId)]) {
-                    structure[String(pDiskId)] = { vDisks: {}, ...vd.PDisk };
-                }
-                structure[String(pDiskId)].vDisks[vDiskId] = {
-                    ...vd,
-                    PDiskId: pDiskId,
-                    NodeId: nodeId,
-                    // VDisk doesn't have its own StoragePoolName when located inside StoragePool data
-                    StoragePoolName: pool.Name,
-                };
-            });
-        });
-    });
-    const structureWithVDisksArray = Object.keys(structure).reduce((preparedStructure, el) => {
-        const vDisks = structure[el].vDisks;
-        const vDisksArray = Object.keys(vDisks).reduce((acc, key, index) => {
-            acc.push({ ...vDisks[key], id: key, order: index });
-            return acc;
-        }, []);
-        preparedStructure[el] = { ...structure[el], vDisks: vDisksArray };
-        return preparedStructure;
-    }, {});
-    return structureWithVDisksArray;
-});
-//# sourceMappingURL=selectors.js.map

package/dist/store/reducers/node/selectors.js.map

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

package/src/containers/Node/NodeStructure/NodeStructure.scss

@@ -1,155 +0,0 @@
-@use '../../../styles/mixins.scss';
-
-.kv-node-structure {
-    position: relative;
-
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    flex-shrink: 0;
-    @include mixins.flex-container();
-    @include mixins.body-2-typography();
-
-    &__error {
-        padding: 20px 20px 0;
-    }
-
-    &__pdisk {
-        display: flex;
-        flex-direction: column;
-
-        width: 573px;
-        margin-bottom: 8px;
-        padding: 0 10px 0 20px;
-
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: 5px;
-    }
-
-    &__pdisk-id {
-        display: flex;
-        align-items: flex-end;
-    }
-
-    &__pdisk-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        height: 48px;
-    }
-
-    &__pdisk-title-wrapper {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        font-weight: 600;
-
-        .ydb-status-icon__status-icon {
-            margin-right: 0;
-        }
-    }
-
-    &__pdisk-title-item {
-        display: flex;
-        gap: 4px;
-
-        &-label {
-            font-weight: 400;
-
-            color: var(--g-color-text-secondary);
-        }
-    }
-
-    &__pdisk-title-id {
-        min-width: 110px;
-    }
-
-    &__pdisk-title-type {
-        justify-content: flex-end;
-
-        min-width: 50px;
-    }
-
-    &__pdisk-title-size {
-        min-width: 150px;
-    }
-
-    &__pdisk-details {
-        margin-bottom: 20px;
-    }
-
-    &__link {
-        text-decoration: none;
-
-        color: var(--g-color-base-brand);
-    }
-
-    &__vdisks-header {
-        font-weight: 600;
-    }
-
-    &__vdisks-container {
-        margin-bottom: 42px;
-    }
-
-    &__vdisk-details {
-        overflow: auto;
-
-        min-width: 200px;
-        max-width: unset;
-        max-height: 90vh;
-
-        .vdisk-pdisk-node__column {
-            margin-bottom: 0;
-        }
-        .vdisk-pdisk-node__section {
-            padding-bottom: 0;
-        }
-    }
-
-    &__vdisk-id {
-        display: flex;
-        align-items: center;
-
-        &_selected {
-            color: var(--g-color-text-info);
-        }
-    }
-
-    &__vdisk-details-button {
-        &_selected {
-            color: var(--g-color-text-info);
-        }
-    }
-
-    &__external-button {
-        display: inline-flex;
-        align-items: center;
-
-        margin-left: 4px;
-
-        transform: translateY(-1px);
-
-        &_hidden {
-            visibility: hidden;
-        }
-    }
-
-    .data-table__row:hover {
-        .kv-node-structure__external-button_hidden {
-            visibility: visible;
-        }
-    }
-
-    &__selected-vdisk {
-        animation: onSelectedVdiskAnimation 4s;
-    }
-}
-
-@keyframes onSelectedVdiskAnimation {
-    0% {
-        background-color: var(--g-color-base-info-light-hover);
-    }
-}

package/src/containers/Node/NodeStructure/NodeStructure.tsx

@@ -1,121 +0,0 @@
-import React from 'react';
-
-import isEmpty from 'lodash/isEmpty';
-import {StringParam, useQueryParams} from 'use-query-params';
-
-import {Loader} from '../.././../components/Loader';
-import {ResponseError} from '../../../components/Errors/ResponseError';
-import {nodeApi} from '../../../store/reducers/node/node';
-import {selectNodeStructure} from '../../../store/reducers/node/selectors';
-import {cn} from '../../../utils/cn';
-import {useAutoRefreshInterval, useTypedSelector} from '../../../utils/hooks';
-
-import {PDisk} from './Pdisk';
-
-import './NodeStructure.scss';
-
-const b = cn('kv-node-structure');
-
-function generateId({type, id}: {type: 'pdisk' | 'vdisk'; id: string}) {
-    return `${type}-${id}`;
-}
-
-interface NodeStructureProps {
-    nodeId: string;
-    className?: string;
-}
-
-function NodeStructure({nodeId, className}: NodeStructureProps) {
-    const nodeStructure = useTypedSelector((state) => selectNodeStructure(state, nodeId));
-
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const {currentData, isFetching, error} = nodeApi.useGetNodeStructureQuery(
-        {nodeId},
-        {pollingInterval: autoRefreshInterval},
-    );
-
-    const loadingStructure = isFetching && currentData === undefined;
-
-    const [{pdiskId: pdiskIdFromUrl, vdiskId: vdiskIdFromUrl}] = useQueryParams({
-        pdiskId: StringParam,
-        vdiskId: StringParam,
-    });
-
-    const scrollContainerRef = React.useRef<HTMLDivElement>(null);
-
-    const scrolled = React.useRef(false);
-
-    React.useEffect(() => {
-        if (
-            !isEmpty(nodeStructure) &&
-            !scrolled.current &&
-            scrollContainerRef.current &&
-            pdiskIdFromUrl
-        ) {
-            const element = document.getElementById(
-                generateId({type: 'pdisk', id: pdiskIdFromUrl}),
-            );
-
-            let scrollToVdisk = 0;
-
-            if (vdiskIdFromUrl) {
-                const vDisks = nodeStructure[pdiskIdFromUrl]?.vDisks;
-                const vDisk = vDisks?.find((el) => el.id === vdiskIdFromUrl);
-                const dataTable = vDisk ? document.querySelector('.data-table') : undefined;
-                const order = vDisk?.order || 0;
-
-                if (dataTable) {
-                    scrollToVdisk += (dataTable as HTMLElement).offsetTop + 40 * order;
-                }
-            }
-
-            if (element) {
-                scrollContainerRef.current.scrollTo({
-                    behavior: 'smooth',
-                    // should subtract 20 to avoid sticking the element to tabs
-                    top: scrollToVdisk ? scrollToVdisk : element.offsetTop,
-                });
-                scrolled.current = true;
-            }
-        }
-    }, [nodeStructure, pdiskIdFromUrl, vdiskIdFromUrl]);
-
-    const renderStub = () => {
-        return 'There is no information about node structure.';
-    };
-
-    const renderStructure = () => {
-        const pDisksIds = Object.keys(nodeStructure);
-        return pDisksIds.length > 0
-            ? pDisksIds.map((pDiskId) => (
-                  <PDisk
-                      data={nodeStructure[pDiskId]}
-                      key={pDiskId}
-                      id={generateId({type: 'pdisk', id: pDiskId})}
-                      unfolded={pdiskIdFromUrl === pDiskId}
-                      selectedVdiskId={vdiskIdFromUrl as string}
-                      nodeId={nodeId}
-                  />
-              ))
-            : renderStub();
-    };
-
-    const renderContent = () => {
-        if (loadingStructure) {
-            return <Loader size="m" />;
-        }
-        if (error && !currentData) {
-            return null;
-        }
-        return renderStructure();
-    };
-
-    return (
-        <div className={b()} ref={scrollContainerRef}>
-            {error ? <ResponseError error={error} className={b('error')} /> : null}
-            <div className={className}>{renderContent()}</div>
-        </div>
-    );
-}
-
-export default NodeStructure;

package/src/containers/Node/NodeStructure/PDiskTitleBadge.tsx

@@ -1,18 +0,0 @@
-import {cn} from '../../../utils/cn';
-
-const b = cn('kv-node-structure');
-
-interface PDiskTitleBadgeProps {
-    label?: string;
-    value: React.ReactNode;
-    className?: string;
-}
-
-export function PDiskTitleBadge({label, value, className}: PDiskTitleBadgeProps) {
-    return (
-        <span className={b('pdisk-title-item', className)}>
-            {label && <span className={b('pdisk-title-item-label')}>{label}:</span>}
-            <span className={b('pdisk-title-item-value')}>{value}</span>
-        </span>
-    );
-}