ydb-embedded-ui 22.2.0 → 22.4.0

package/src/components/VDisk/VDiskWithDonorsStack.tsx

@@ -37,6 +37,7 @@ export function VDiskWithDonorsStack({
     showPopup: _showPopup,
     onShowPopup: _onShowPopup,
     onHidePopup: _onHidePopup,
+    onClosePopup,
     highlighted: _highlighted,
     renderContent = true,
     placeholderProps,
@@ -90,6 +91,7 @@ export function VDiskWithDonorsStack({
         highlighted: isHighlighted,
         onShowPopup,
         onHidePopup,
+        onClosePopup,
     };
 
     // Donor VDisks intentionally avoid using and changing highlightedVDiskState.

package/src/components/VDisk/getFlagStatusText.ts

@@ -0,0 +1,19 @@
+import {EFlag} from '../../types/api/enums';
+
+import {i18n} from './i18n';
+
+export function getFlagStatusText(flag: EFlag | undefined) {
+    switch (flag) {
+        case EFlag.Green:
+        case EFlag.Blue:
+            return i18n('value_ok');
+        case EFlag.Yellow:
+            return i18n('value_notice');
+        case EFlag.Orange:
+            return i18n('value_warning');
+        case EFlag.Red:
+            return i18n('value_impaired');
+        default:
+            return i18n('context_no-data');
+    }
+}

package/src/components/VDisk/i18n/en.json

@@ -8,7 +8,7 @@
   "context_space-accessible-name": "{{disk}}. Capacity alert: {{capacityAlert}}.",
   "context_front-queues-accessible-name": "{{disk}}. Front queues: {{frontQueues}}.",
   "context_compaction-accessible-name": "{{disk}}. Fresh compaction: {{freshCompaction}}. Level compaction: {{levelCompaction}}.",
-  "value_ok": "OK",
+  "value_ok": "Ok",
   "value_notice": "Notice",
   "value_warning": "Warning",
   "value_impaired": "Impaired",

package/src/components/VDiskInfo/getVDiskDetails.tsx

@@ -0,0 +1,41 @@
+import {isNil} from 'lodash';
+
+import type {NodeMetadata} from '../../types/store/nodesList';
+import {EMPTY_DATA_PLACEHOLDER} from '../../utils/constants';
+import type {DiskDetailItem} from '../../utils/disks/diskInfo/getDiskLocationItems';
+import {getDiskLocationItems} from '../../utils/disks/diskInfo/getDiskLocationItems';
+import {isFullVDiskData} from '../../utils/disks/helpers';
+import type {PreparedVDisk} from '../../utils/disks/types';
+
+import {vDiskInfoKeyset as i18n} from './i18n';
+
+export function getVDiskLocationItems(
+    data: PreparedVDisk,
+    nodeData: NodeMetadata,
+): DiskDetailItem[] {
+    const fullData = isFullVDiskData(data) ? data : undefined;
+    return getDiskLocationItems(
+        {
+            NodeId: data.NodeId,
+            PDiskId: data.PDiskId,
+            Path: fullData?.PDiskPath ?? fullData?.PDisk?.Path,
+            VDiskSlotId: data.VDiskSlotId,
+        },
+        nodeData,
+        {withVDiskSlotId: true},
+    );
+}
+
+export function getVDiskIdentityItems(data: PreparedVDisk = {}): DiskDetailItem[] {
+    const entries = [
+        {id: 'kind', name: i18n('kind'), value: data.Kind},
+        {id: 'guid', name: i18n('guid'), value: data.Guid},
+        {id: 'incarnation-guid', name: i18n('incarnation-guid'), value: data.IncarnationGuid},
+        {id: 'instance-guid', name: i18n('instance-guid'), value: data.InstanceGuid},
+    ];
+    return entries.map(({id, name, value}) => ({
+        id,
+        name,
+        content: isNil(value) || value === '' ? EMPTY_DATA_PLACEHOLDER : value,
+    }));
+}

package/src/components/VDiskInfo/i18n/en.json

@@ -3,11 +3,9 @@
   "label_pdisk-id": "PDisk Id",
   "pool-name": "Storage Pool Name",
   "kind": "Kind",
-
   "guid": "GUID",
   "incarnation-guid": "Incarnation GUID",
   "instance-guid": "Instance GUID",
-
   "replication-status": "Replicated",
   "replication-progress": "Replication Progress",
   "replication-time-remaining": "Time Remaining",
@@ -15,25 +13,20 @@
   "label_recipient": "Recipient",
   "state-status": "VDisk State",
   "space-status": "Disk Space",
-
   "fresh-rank-satisfaction": "Fresh Rank Satisfaction",
   "level-rank-satisfaction": "Level Rank Satisfaction",
-
   "front-queues": "Front Queues",
   "has-unreadable-blobs": "Has Unreadable Blobs",
-
   "size": "Size",
   "usage": "Usage",
-
   "read-throughput": "Read Throughput",
   "write-throughput": "Write Throughput",
-
   "links": "Links",
   "vdisk-page": "VDisk page",
   "developer-ui": "Developer UI",
-
   "yes": "Yes",
   "no": "No",
-
-  "vdiks-title": "VDisk"
+  "vdiks-title": "VDisk",
+  "field_group-size-in-units": "Group Size in Units",
+  "field_capacity-alert": "Capacity alert"
 }

package/src/components/VDiskPopup/VDiskPopup.scss

@@ -1,12 +1,5 @@
-.vdisk-storage-popup {
-    .info-viewer + .info-viewer {
-        margin-top: 8px;
-        padding-top: 8px;
-
-        border-top: 1px solid var(--g-color-line-generic);
-    }
-
-    &__custom-divider {
-        margin: var(--g-spacing-3) 0;
+.ydb-vdisk-popup {
+    &__actions {
+        padding-top: var(--g-spacing-2);
     }
 }