ydb-embedded-ui 22.0.0 → 22.1.0

package/src/types/api/pdisk.ts

@@ -17,6 +17,8 @@ export interface TEvPDiskStateResponse {
  * source: https://github.com/ydb-platform/ydb/blob/main/ydb/core/protos/node_whiteboard.proto
  */
 export interface TPDiskStateInfo {
+    /** Whether viewer received Whiteboard data for this disk. */
+    HasWhiteboardData?: boolean;
     PDiskId?: number;
     /** uint64 */
     CreateTime?: string;

package/src/types/api/schema/persQueueGroup.ts

@@ -8,7 +8,7 @@ export interface TPersQueueGroupDescription {
     PartitionsToDelete?: number[];
     NextPartitionId?: number;
     PartitionPerTablet?: number;
-    PQTabletConfig: TPQTabletConfig;
+    PQTabletConfig?: TPQTabletConfig;
     Partitions?: TPartition[];
     /** uint64 */
     AlterVersion?: string;
@@ -23,7 +23,7 @@ export interface TPersQueueGroupDescription {
 export interface TPQTabletConfig {
     /** uint64 */
     CacheSize?: string;
-    PartitionConfig: TPQPartitionConfig;
+    PartitionConfig?: TPQPartitionConfig;
     /** @deprecated use Partitions */
     PartitionIds?: number[];
     TopicName?: string;

package/src/types/api/schema/schema.ts

@@ -6,6 +6,7 @@ import type {TExternalDataSourceDescription} from './externalDataSource';
 import type {TExternalTableDescription} from './externalTable';
 import type {TPersQueueGroupDescription} from './persQueueGroup';
 import type {TReplicationDescription} from './replication';
+import type {TPathID} from './shared';
 import type {TSysViewDescription} from './sysView';
 import type {TTableDescription, TTableStats} from './table';
 import type {TIndexDescription} from './tableIndex';
@@ -90,6 +91,9 @@ export interface TPathDescription {
     SysViewDescription?: TSysViewDescription;
 
     ReplicationDescription?: TReplicationDescription;
+
+    // for resource pool
+    ResourcePoolDescription?: TResourcePoolDescription;
 }
 
 export interface TDirEntry {
@@ -349,3 +353,17 @@ interface TUserAttribute {
     Key?: string;
     Value?: string;
 }
+
+/**
+ * source: https://github.com/ydb-platform/ydb/blob/main/ydb/core/protos/flat_scheme_op.proto
+ *
+ * TResourcePoolDescription from flat_scheme_op.proto
+ */
+export interface TResourcePoolDescription {
+    Name?: string;
+    PathId?: TPathID;
+    Version?: string;
+    Properties?: {
+        Properties?: Record<string, string>;
+    };
+}

package/src/types/api/schema/tableIndex.ts

@@ -82,6 +82,7 @@ export interface TFulltextIndexAnalyzers {
     filter_length_min?: number;
     filter_length_max?: number;
     use_filter_snowball?: boolean;
+    use_filter_superlemmer?: boolean;
 }
 
 export interface TFulltextIndexColumnAnalyzers {

package/src/types/api/storage.ts

@@ -106,6 +106,8 @@ export interface TGroupsStorageGroupInfo {
  * VDisk data from storage/groups handler
  */
 export interface TStorageVDisk {
+    /** Whether viewer received Whiteboard data for this disk. */
+    HasWhiteboardData?: boolean;
     VDiskId?: string;
     NodeId?: number;
     /** uint64 */
@@ -123,6 +125,8 @@ export interface TStorageVDisk {
  * PDisk data from storage/groups handler
  */
 export interface TStoragePDisk {
+    /** Whether viewer received Whiteboard data for this disk. */
+    HasWhiteboardData?: boolean;
     PDiskId?: string;
     Path?: string;
     Type?: 'hdd' | 'ssd' | 'nvme';

package/src/types/api/vdisk.ts

@@ -6,6 +6,8 @@ import type {TPDiskStateInfo} from './pdisk';
  * source: https://github.com/ydb-platform/ydb/blob/main/ydb/core/protos/node_whiteboard.proto
  */
 export interface TVDiskStateInfo {
+    /** Whether viewer received Whiteboard data for this disk. */
+    HasWhiteboardData?: boolean;
     VDiskId?: TVDiskID;
     /** uint64 */
     CreateTime?: string;

package/src/utils/developerUI/tabletDevUi.ts

@@ -0,0 +1,3 @@
+export function getTabletDevUiAppPage(useSecurePath = false) {
+    return useSecurePath ? 'app/secure' : 'app';
+}

package/src/utils/disks/displayState.ts

@@ -46,7 +46,9 @@ export interface BaseDiskDisplayState {
     icon: DiskIndicatorValue | undefined;
     mode: DiskDisplayMode | undefined;
     isLegendInactive?: boolean;
+    borderless?: boolean;
     showNoDataPlaceholder?: boolean;
+    isNoData?: boolean;
 }
 
 export interface VDiskDisplayState extends BaseDiskDisplayState {

package/src/utils/disks/getDiskBarTone.ts

@@ -1,5 +1,7 @@
 import {CircleQuestionFill} from '@gravity-ui/icons';
 
+import {EFlag} from '../../types/api/enums';
+
 import {DONOR_COLOR, NOT_AVAILABLE_SEVERITY} from './constants';
 import type {DiskIndicatorValue} from './displayState';
 import {getDisplaySeverityColor} from './helpers';
@@ -10,6 +12,7 @@ interface GetDiskBarToneParams {
     isDonor?: boolean;
     showIndicator?: boolean;
     indicator?: DiskIndicatorValue;
+    isNoData?: boolean;
 }
 
 function hasMissingDataIndicator(indicator: DiskIndicatorValue | undefined) {
@@ -25,11 +28,16 @@ export function getDiskBarTone({
     isDonor,
     showIndicator,
     indicator,
+    isNoData,
 }: GetDiskBarToneParams): DiskBarTone {
     if (isDonor) {
         return DONOR_COLOR;
     }
 
+    if (isNoData) {
+        return EFlag.Grey;
+    }
+
     if (
         showIndicator &&
         severity === NOT_AVAILABLE_SEVERITY &&

package/src/utils/disks/pdiskState.ts

@@ -1,7 +1,6 @@
 import {
     ArrowUpFromLine,
     Ban,
-    CircleExclamation,
     CircleExclamationFill,
     CircleQuestionFill,
     CircleStopFill,
@@ -11,6 +10,7 @@ import {
     ClockFill,
     HourglassStart,
     TrashBin,
+    TriangleExclamation,
     Wrench,
     Xmark,
 } from '@gravity-ui/icons';
@@ -128,7 +128,7 @@ const PDISK_DRIVE_DISPLAY_STATE: Record<EDriveStatus, PDiskStateDisplayState> =
     },
     FAULTY: {
         severity: DISK_COLOR_STATE_TO_NUMERIC_SEVERITY.Red,
-        icon: CircleExclamation,
+        icon: TriangleExclamation,
     },
     BROKEN: {
         severity: DISK_COLOR_STATE_TO_NUMERIC_SEVERITY.Red,

package/src/utils/disks/prepareDisks.ts

@@ -14,6 +14,10 @@ import type {PreparedPDisk, PreparedVDisk} from './types';
 export function prepareWhiteboardVDiskData(
     vDiskState: TVDiskStateInfo | TVSlotId = {},
 ): PreparedVDisk {
+    const hasWhiteboardData =
+        ('HasWhiteboardData' in vDiskState ? vDiskState.HasWhiteboardData : undefined) ??
+        (isFullVDiskData(vDiskState) && Boolean(vDiskState.VDiskId));
+
     if (!isFullVDiskData(vDiskState)) {
         const {NodeId, PDiskId, VSlotId, ...restVDiskFields} = vDiskState;
 
@@ -30,6 +34,7 @@ export function prepareWhiteboardVDiskData(
 
         return {
             ...restVDiskFields,
+            HasWhiteboardData: hasWhiteboardData,
             StringifiedId,
             NodeId,
             PDiskId,
@@ -61,15 +66,22 @@ export function prepareWhiteboardVDiskData(
         AllocatedSize: AllocatedSize,
         SlotSize: PDisk?.EnforcedDynamicSlotSize,
     });
-    const WhiteboardSize = prepareWhiteboardVDiskSizeFields({
-        AvailableSize,
-        AllocatedSize,
-        SlotSize: PDisk?.EnforcedDynamicSlotSize,
-    });
+    const WhiteboardSize = hasWhiteboardData
+        ? prepareWhiteboardVDiskSizeFields({
+              AvailableSize,
+              AllocatedSize,
+              SlotSize: PDisk?.EnforcedDynamicSlotSize,
+          })
+        : undefined;
 
     const Severity = calculateVDiskSeverity(vDiskState);
 
-    const StringifiedId = stringifyVdiskId(VDiskId);
+    const StringifiedId = stringifyVdiskId(
+        VDiskId ??
+            (!isNil(NodeId) && !isNil(actualPDiskId) && !isNil(vDiskState.VDiskSlotId)
+                ? {NodeId, PDiskId: actualPDiskId, VSlotId: vDiskState.VDiskSlotId}
+                : undefined),
+    );
 
     const preparedDonors = Donors?.map((donor) => {
         // Handle both TVDiskStateInfo and TVSlotId donor types
@@ -98,6 +110,7 @@ export function prepareWhiteboardVDiskData(
         ...restVDiskFields,
         ...vDiskSizeFields,
         WhiteboardSize,
+        HasWhiteboardData: hasWhiteboardData,
 
         VDiskId,
         NodeId,
@@ -114,6 +127,7 @@ export function prepareWhiteboardPDiskData(
     pdiskState: TPDiskStateInfo = {},
     whiteboardSizeSource: Pick<TPDiskStateInfo, 'AvailableSize' | 'TotalSize'> | null = pdiskState,
 ): PreparedPDisk {
+    const hasWhiteboardData = pdiskState.HasWhiteboardData ?? Boolean(whiteboardSizeSource);
     const {
         AvailableSize,
         TotalSize,
@@ -133,9 +147,10 @@ export function prepareWhiteboardPDiskData(
         AvailableSize,
         TotalSize,
     });
-    const WhiteboardSize = whiteboardSizeSource
-        ? prepareWhiteboardPDiskSizeFields(whiteboardSizeSource)
-        : undefined;
+    const WhiteboardSize =
+        hasWhiteboardData && whiteboardSizeSource
+            ? prepareWhiteboardPDiskSizeFields(whiteboardSizeSource)
+            : undefined;
 
     const Severity = calculatePDiskSeverity({
         State,
@@ -145,6 +160,7 @@ export function prepareWhiteboardPDiskData(
     return {
         ...restPDiskFields,
         ...pdiskPreparedSizeFields,
+        HasWhiteboardData: hasWhiteboardData,
         ...(WhiteboardSize ? {WhiteboardSize} : {}),
         PDiskId,
         NodeId,

package/src/utils/disks/types.ts

@@ -1,6 +1,6 @@
 import type {EFlag} from '../../types/api/enums';
 import type {EDriveStatus, TPDiskInfo, TPDiskStateInfo} from '../../types/api/pdisk';
-import type {TVDiskStateInfo, TVSlotId} from '../../types/api/vdisk';
+import type {EVDiskStatus, TVDiskStateInfo, TVSlotId} from '../../types/api/vdisk';
 import type {ValueOf} from '../../types/common';
 
 import type {PDISK_TYPES} from './getPDiskType';
@@ -96,6 +96,7 @@ export interface VDiskRecipientRef {
 
 export interface PreparedVDisk
     extends Omit<TVDiskStateInfo, 'PDisk' | 'AvailableSize' | 'AllocatedSize' | 'Donors'> {
+    Status?: EVDiskStatus;
     PDisk?: PreparedPDisk;
     Severity?: number;
     StringifiedId?: string;

package/src/utils/query.ts

@@ -1,3 +1,4 @@
+import {truncate} from 'lodash';
 import {z} from 'zod';
 
 import {YQLType} from '../types';
@@ -20,8 +21,14 @@ import type {
     TransactionMode,
 } from '../types/store/query';
 
+import {EMPTY_DATA_PLACEHOLDER} from './emptyDataPlaceholder';
 import {isAbortError, isAxiosResponse, isNetworkError, isResponseError} from './response';
 
+export function getQueryShortText(queryText: string | undefined) {
+    const text = queryText?.replace(/\s+/g, ' ').trim();
+    return text ? truncate(text, {length: 120, separator: ' '}) : EMPTY_DATA_PLACEHOLDER;
+}
+
 export const TRANSACTION_MODES = {
     serializable: 'serializable-read-write',
     stalero: 'stale-read-only',

package/dist/containers/Storage/PDisk/PDiskVDisks.d.ts

@@ -1,13 +0,0 @@
-import type { PreparedVDisk } from '../../../utils/disks/types';
-import type { StorageViewContext } from '../types';
-interface PDiskVDisksProps {
-    vDisks?: PreparedVDisk[];
-    viewContext?: StorageViewContext;
-    withIcon?: boolean;
-    delayOpen: number;
-    delayClose: number;
-    highlightedDisk?: string;
-    setHighlightedDisk?: (id?: string) => void;
-}
-export declare function PDiskVDisks({ vDisks, viewContext, withIcon, delayOpen, delayClose, highlightedDisk, setHighlightedDisk, }: PDiskVDisksProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

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/src/containers/Storage/PDisk/PDiskVDisks.tsx

@@ -1,65 +0,0 @@
-import {VDisk} from '../../../components/VDisk/VDisk';
-import {cn} from '../../../utils/cn';
-import type {PreparedVDisk} from '../../../utils/disks/types';
-import type {StorageViewContext} from '../types';
-import {isVdiskActive} from '../utils';
-
-const b = cn('pdisk-storage');
-
-interface PDiskVDisksProps {
-    vDisks?: PreparedVDisk[];
-    viewContext?: StorageViewContext;
-    withIcon?: boolean;
-    delayOpen: number;
-    delayClose: number;
-    highlightedDisk?: string;
-    setHighlightedDisk?: (id?: string) => void;
-}
-
-export function PDiskVDisks({
-    vDisks,
-    viewContext,
-    withIcon,
-    delayOpen,
-    delayClose,
-    highlightedDisk,
-    setHighlightedDisk,
-}: PDiskVDisksProps) {
-    if (!vDisks?.length) {
-        return null;
-    }
-
-    return (
-        <div className={b('vdisks')}>
-            {vDisks.map((vDisk) => {
-                const vDiskId = vDisk.StringifiedId;
-                const highlighted = highlightedDisk === vDiskId;
-
-                return (
-                    <div
-                        key={vDiskId}
-                        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,
-                        }}
-                    >
-                        <VDisk
-                            withIcon={withIcon}
-                            data={vDisk}
-                            inactive={!isVdiskActive(vDisk, viewContext)}
-                            compact
-                            delayOpen={delayOpen}
-                            delayClose={delayClose}
-                            showPopup={highlighted}
-                            onShowPopup={() => setHighlightedDisk?.(vDiskId)}
-                            onHidePopup={() => setHighlightedDisk?.(undefined)}
-                            highlighted={highlighted}
-                        />
-                    </div>
-                );
-            })}
-        </div>
-    );
-}

package/src/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.tsx

@@ -1,151 +0,0 @@
-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 type {PDisksGroupByValue, VDisksGroupByValue} from './constants';
-import i18n from './i18n';
-
-import './StorageExpertModePanel.scss';
-
-interface StorageExpertModePanelProps {
-    className?: string;
-}
-
-function renderLegend(vdisksGroupBy: VDisksGroupByValue) {
-    switch (vdisksGroupBy) {
-        case VDisksGroupBy.State:
-            return <StateLegend />;
-        case VDisksGroupBy.Space:
-            return <SpaceLegend />;
-        case VDisksGroupBy.FrontQueues:
-            return <FrontQueuesLegend />;
-        case VDisksGroupBy.Compaction:
-            return <CompactionLegend />;
-        case VDisksGroupBy.All:
-            return <AllLegend />;
-        default:
-            return null;
-    }
-}
-
-function getPDisksGroupByLabel(pdisksGroupBy: Exclude<PDisksGroupByValue, 'State'>) {
-    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: PDisksGroupByValue) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.State:
-            return <PDiskStateLegend />;
-        case PDisksGroupBy.Space:
-            return <SpaceLegend selectionScope="pdisks" />;
-        case PDisksGroupBy.Drive:
-            return <PDiskDriveLegend />;
-        case PDisksGroupBy.Decommit:
-            return <PDiskDecommitLegend />;
-        case PDisksGroupBy.Maintenance:
-            return <PDiskMaintenanceLegend />;
-        case PDisksGroupBy.Device:
-            return <PDiskDeviceLegend />;
-        case PDisksGroupBy.All:
-            return <AllLegend selectionScope="pdisks" />;
-        default:
-            return <div>{getPDisksGroupByLabel(pdisksGroupBy)}</div>;
-    }
-}
-
-export function StorageExpertModePanel({className}: StorageExpertModePanelProps) {
-    const {vdisksGroupBy, pdisksGroupBy, handleVDisksGroupByChange, handlePDisksGroupByChange} =
-        useStorageQueryParams();
-
-    return (
-        <div className={b(null, className)}>
-            <Flex gap={3} alignItems="center">
-                <Text variant="subheader-1">{i18n('label_vdisks')}</Text>
-                <SegmentedRadioGroup
-                    value={vdisksGroupBy}
-                    onUpdate={handleVDisksGroupByChange}
-                    size="s"
-                >
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.State}>
-                        {i18n('value_state')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.Space}>
-                        {i18n('value_space')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.FrontQueues}>
-                        {i18n('value_front-queues')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.Compaction}>
-                        {i18n('value_compaction')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.All}>
-                        {i18n('value_all')}
-                    </SegmentedRadioGroup.Option>
-                </SegmentedRadioGroup>
-                {renderLegend(vdisksGroupBy)}
-            </Flex>
-            <Flex gap={3} alignItems="center">
-                <Text variant="subheader-1">{i18n('label_pdisks')}</Text>
-                <SegmentedRadioGroup
-                    qa="storage-pdisks-expert-mode"
-                    value={pdisksGroupBy}
-                    onUpdate={handlePDisksGroupByChange}
-                    size="s"
-                >
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.State}>
-                        {i18n('value_pdisks-state')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Space}>
-                        {i18n('value_pdisks-space')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Drive}>
-                        {i18n('value_pdisks-drive')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Decommit}>
-                        {i18n('value_pdisks-decommit')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Maintenance}>
-                        {i18n('value_pdisks-maintenance')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Device}>
-                        {i18n('value_pdisks-device')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.All}>
-                        {i18n('value_pdisks-all')}
-                    </SegmentedRadioGroup.Option>
-                </SegmentedRadioGroup>
-                <div data-qa="storage-pdisks-expert-mode-legend">
-                    {renderPDiskLegend(pdisksGroupBy)}
-                </div>
-            </Flex>
-        </div>
-    );
-}