ydb-embedded-ui 6.20.0 → 6.22.0

package/dist/containers/Storage/StorageNodes/StorageNodes.scss

@@ -1,30 +1,4 @@
-.global-storage-nodes {
-    &__pdisks-column {
-        overflow: visible; // to enable stacked disks overflow the row
-    }
-
-    &__pdisks-wrapper {
-        display: flex;
-        justify-content: left;
-        align-items: flex-end;
-
-        width: max-content;
-    }
-    &__pdisks-item {
-        flex-grow: 1;
-
-        max-width: 200px;
-        margin-right: 10px;
-
-        &:last-child {
-            margin-right: 0px;
-        }
-    }
-
-    &__group-id {
-        font-weight: 500;
-    }
-
+.ydb-storage-nodes {
     &__node_unavailable {
         opacity: 0.6;
     }

package/dist/containers/Storage/StorageNodes/columns/StorageNodesColumns.scss

@@ -0,0 +1,23 @@
+.ydb-storage-nodes-columns {
+    &__pdisks-column {
+        overflow: visible; // to enable stacked disks overflow the row
+    }
+
+    &__pdisks-wrapper {
+        display: flex;
+        justify-content: left;
+        align-items: flex-end;
+
+        width: max-content;
+    }
+    &__pdisks-item {
+        flex-grow: 1;
+
+        max-width: 200px;
+        margin-right: 10px;
+
+        &:last-child {
+            margin-right: 0px;
+        }
+    }
+}

package/dist/containers/Storage/StorageNodes/columns/columns.d.ts

@@ -0,0 +1,39 @@
+import type { GetStorageNodesColumnsParams } from './types';
+import './StorageNodesColumns.scss';
+export declare const getPreparedStorageNodesColumns: ({ additionalNodesProps, database, groupId, }: GetStorageNodesColumnsParams) => {
+    sortable: boolean;
+    name: string;
+    header?: React.ReactNode;
+    className?: string;
+    resizeable?: boolean;
+    render: ((props: {
+        row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+        index: number;
+    }) => React.ReactNode) & ((props: {
+        value?: unknown;
+        row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }) => import("react").ReactNode);
+    width?: number;
+    resizeMaxWidth?: number;
+    resizeMinWidth?: number;
+    align: "center" | "left" | "right";
+    headerTitle?: string;
+    accessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+    title?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => string) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<import("../../../../store/reducers/storage/types").PreparedStorageNode>) => import("react").CSSProperties) | undefined;
+    onClick?: ((data: {
+        row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }, column: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>, event: import("react").MouseEvent<HTMLTableCellElement>) => void) | undefined;
+    defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+    sortAccessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+    sortAscending?: import("@gravity-ui/react-data-table").Comparator<import("../../../../store/reducers/storage/types").PreparedStorageNode> | undefined;
+    sub?: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>[] | undefined;
+    group?: boolean;
+    autogroup?: boolean;
+}[];

package/dist/containers/Storage/StorageNodes/{getStorageNodesColumns.js → columns/columns.js}

@@ -1,34 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
-import { NodeHostWrapper } from '../../../components/NodeHostWrapper/NodeHostWrapper';
-import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
-import { EMPTY_DATA_PLACEHOLDER } from '../../../utils/constants';
-import { isSortableNodesProperty } from '../../../utils/nodes';
-import { PDisk } from '../PDisk/PDisk';
-import { b } from './shared';
-export const STORAGE_NODES_COLUMNS_WIDTH_LS_KEY = 'storageNodesColumnsWidth';
-export const STORAGE_NODES_COLUMNS_IDS = {
-    NodeId: 'NodeId',
-    Host: 'Host',
-    DC: 'DC',
-    Rack: 'Rack',
-    Uptime: 'Uptime',
-    PDisks: 'PDisks',
-    Missing: 'Missing',
-};
-const getStorageNodesColumns = (additionalNodesProps, database) => {
+import { NodeHostWrapper } from '../../../../components/NodeHostWrapper/NodeHostWrapper';
+import { cn } from '../../../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../../../utils/constants';
+import { isSortableNodesProperty } from '../../../../utils/nodes';
+import { PDisk } from '../../PDisk/PDisk';
+import { STORAGE_NODES_COLUMNS_IDS, STORAGE_NODES_COLUMNS_TITLES } from './constants';
+import './StorageNodesColumns.scss';
+const b = cn('ydb-storage-nodes-columns');
+const getStorageNodesColumns = (additionalNodesProps, database, groupId) => {
     const getNodeRef = additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef;
     const columns = [
         {
             name: STORAGE_NODES_COLUMNS_IDS.NodeId,
-            header: 'Node ID',
+            header: STORAGE_NODES_COLUMNS_TITLES.NodeId,
             width: 100,
             align: DataTable.RIGHT,
             render: ({ row }) => row.NodeId,
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Host,
-            header: 'Host',
+            header: STORAGE_NODES_COLUMNS_TITLES.Host,
             width: 350,
             render: ({ row }) => {
                 return _jsx(NodeHostWrapper, { node: row, getNodeRef: getNodeRef, database: database });
@@ -37,21 +29,21 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.DC,
-            header: 'DC',
+            header: STORAGE_NODES_COLUMNS_TITLES.DC,
             width: 100,
             render: ({ row }) => row.DC || EMPTY_DATA_PLACEHOLDER,
             align: DataTable.LEFT,
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Rack,
-            header: 'Rack',
+            header: STORAGE_NODES_COLUMNS_TITLES.Rack,
             width: 100,
             render: ({ row }) => row.Rack || '—',
             align: DataTable.LEFT,
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Uptime,
-            header: 'Uptime',
+            header: STORAGE_NODES_COLUMNS_TITLES.Uptime,
             width: 130,
             sortAccessor: ({ StartTime }) => (StartTime ? -StartTime : 0),
             align: DataTable.RIGHT,
@@ -59,7 +51,7 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Missing,
-            header: 'Missing',
+            header: STORAGE_NODES_COLUMNS_TITLES.Missing,
             width: 100,
             align: DataTable.CENTER,
             defaultOrder: DataTable.DESCENDING,
@@ -67,14 +59,15 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.PDisks,
+            header: STORAGE_NODES_COLUMNS_TITLES.PDisks,
             className: b('pdisks-column'),
-            header: 'PDisks',
             render: ({ row }) => {
                 var _a;
                 return (_jsx("div", { className: b('pdisks-wrapper'), children: (_a = row.PDisks) === null || _a === void 0 ? void 0 : _a.map((pDisk) => {
                         var _a;
                         const vDisks = (_a = row.VDisks) === null || _a === void 0 ? void 0 : _a.filter((vdisk) => vdisk.PDiskId === pDisk.PDiskId);
-                        return (_jsx("div", { className: b('pdisks-item'), children: _jsx(PDisk, { data: pDisk, vDisks: vDisks }) }, pDisk.PDiskId));
+                        const inactiveVdisks = vDisks === null || vDisks === void 0 ? void 0 : vDisks.filter((vdisk) => { var _a; return groupId && ((_a = vdisk.VDiskId) === null || _a === void 0 ? void 0 : _a.GroupID) !== Number(groupId); });
+                        return (_jsx("div", { className: b('pdisks-item'), children: _jsx(PDisk, { data: pDisk, vDisks: vDisks, inactiveVdisks: inactiveVdisks }) }, pDisk.PDiskId));
                     }) }));
             },
             align: DataTable.CENTER,
@@ -85,15 +78,12 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
     ];
     return columns;
 };
-export const getPreparedStorageNodesColumns = (additionalNodesProps, visibleEntities, database) => {
-    const rawColumns = getStorageNodesColumns(additionalNodesProps, database);
+export const getPreparedStorageNodesColumns = ({ additionalNodesProps, database, groupId, }) => {
+    const rawColumns = getStorageNodesColumns(additionalNodesProps, database, groupId);
     const sortableColumns = rawColumns.map((column) => ({
         ...column,
         sortable: isSortableNodesProperty(column.name),
     }));
-    if (visibleEntities !== VISIBLE_ENTITIES.missing) {
-        return sortableColumns.filter((col) => col.name !== STORAGE_NODES_COLUMNS_IDS.Missing);
-    }
     return sortableColumns;
 };
-//# sourceMappingURL=getStorageNodesColumns.js.map
+//# sourceMappingURL=columns.js.map

package/dist/containers/Storage/StorageNodes/columns/columns.js.map

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

package/dist/containers/Storage/StorageNodes/columns/constants.d.ts

@@ -0,0 +1,25 @@
+import type { ValueOf } from '../../../../types/common';
+export declare const STORAGE_NODES_COLUMNS_WIDTH_LS_KEY = "storageNodesColumnsWidth";
+export declare const STORAGE_NODES_SELECTED_COLUMNS_LS_KEY = "storageNodesSelectedColumns";
+export declare const STORAGE_NODES_COLUMNS_IDS: {
+    readonly NodeId: "NodeId";
+    readonly Host: "Host";
+    readonly DC: "DC";
+    readonly Rack: "Rack";
+    readonly Uptime: "Uptime";
+    readonly PDisks: "PDisks";
+    readonly Missing: "Missing";
+};
+type StorageNodesColumnId = ValueOf<typeof STORAGE_NODES_COLUMNS_IDS>;
+export declare const DEFAULT_STORAGE_NODES_COLUMNS: StorageNodesColumnId[];
+export declare const REQUIRED_STORAGE_NODES_COLUMNS: StorageNodesColumnId[];
+export declare const STORAGE_NODES_COLUMNS_TITLES: {
+    readonly NodeId: string;
+    readonly Host: string;
+    readonly DC: string;
+    readonly Rack: string;
+    readonly Uptime: string;
+    readonly PDisks: string;
+    readonly Missing: string;
+};
+export {};

package/dist/containers/Storage/StorageNodes/columns/constants.js

@@ -0,0 +1,47 @@
+import i18n from './i18n';
+export const STORAGE_NODES_COLUMNS_WIDTH_LS_KEY = 'storageNodesColumnsWidth';
+export const STORAGE_NODES_SELECTED_COLUMNS_LS_KEY = 'storageNodesSelectedColumns';
+export const STORAGE_NODES_COLUMNS_IDS = {
+    NodeId: 'NodeId',
+    Host: 'Host',
+    DC: 'DC',
+    Rack: 'Rack',
+    Uptime: 'Uptime',
+    PDisks: 'PDisks',
+    Missing: 'Missing',
+};
+export const DEFAULT_STORAGE_NODES_COLUMNS = [
+    'NodeId',
+    'Host',
+    'DC',
+    'Rack',
+    'Uptime',
+    'PDisks',
+];
+export const REQUIRED_STORAGE_NODES_COLUMNS = ['NodeId'];
+// This code is running when module is initialized and correct language may not be set yet
+// get functions guarantee that i18n fields will be inited on render with current render language
+export const STORAGE_NODES_COLUMNS_TITLES = {
+    get NodeId() {
+        return i18n('nodes-id');
+    },
+    get Host() {
+        return i18n('host');
+    },
+    get DC() {
+        return i18n('dc');
+    },
+    get Rack() {
+        return i18n('rack');
+    },
+    get Uptime() {
+        return i18n('uptime');
+    },
+    get PDisks() {
+        return i18n('pdisks');
+    },
+    get Missing() {
+        return i18n('missing');
+    },
+};
+//# sourceMappingURL=constants.js.map

package/dist/containers/Storage/StorageNodes/columns/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageNodes/columns/constants.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,MAAM,kCAAkC,GAAG,0BAA0B,CAAC;AAC7E,MAAM,CAAC,MAAM,qCAAqC,GAAG,6BAA6B,CAAC;AAEnF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC;AAIX,MAAM,CAAC,MAAM,6BAA6B,GAA2B;IACjE,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,QAAQ;CACX,CAAC;AACF,MAAM,CAAC,MAAM,8BAA8B,GAA2B,CAAC,QAAQ,CAAC,CAAC;AAEjF,0FAA0F;AAC1F,iGAAiG;AACjG,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC;IACD,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IACD,IAAI,EAAE;QACF,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IACD,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IACD,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IACD,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IACD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACoD,CAAC"}

package/dist/containers/Storage/StorageNodes/columns/hooks.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { GetStorageNodesColumnsParams } from './types';
+export declare function useStorageNodesSelectedColumns({ visibleEntities, database, additionalNodesProps, groupId, }: GetStorageNodesColumnsParams): {
+    columnsToShow: {
+        sortable: boolean;
+        name: string;
+        header?: React.ReactNode;
+        className?: string;
+        resizeable?: boolean;
+        render: ((props: {
+            row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+            index: number;
+        }) => React.ReactNode) & ((props: {
+            value?: unknown;
+            row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+            index: number;
+            footer?: boolean;
+            headerData?: boolean;
+        }) => React.ReactNode);
+        width?: number;
+        resizeMaxWidth?: number;
+        resizeMinWidth?: number;
+        align: "center" | "left" | "right";
+        headerTitle?: string;
+        accessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+        title?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => string) | undefined;
+        customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<import("../../../../store/reducers/storage/types").PreparedStorageNode>) => React.CSSProperties) | undefined;
+        onClick?: ((data: {
+            row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+            index: number;
+            footer?: boolean;
+            headerData?: boolean;
+        }, column: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>, event: React.MouseEvent<HTMLTableCellElement>) => void) | undefined;
+        defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+        sortAccessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+        sortAscending?: import("@gravity-ui/react-data-table").Comparator<import("../../../../store/reducers/storage/types").PreparedStorageNode> | undefined;
+        sub?: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>[] | undefined;
+        group?: boolean;
+        autogroup?: boolean;
+    }[];
+    columnsToSelect: import("@gravity-ui/uikit").TableColumnSetupItem[];
+    setColumns: (updated: import("@gravity-ui/uikit").TableColumnSetupItem[]) => void;
+};

package/dist/containers/Storage/StorageNodes/columns/hooks.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { VISIBLE_ENTITIES } from '../../../../store/reducers/storage/constants';
+import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
+import { getPreparedStorageNodesColumns } from './columns';
+import { DEFAULT_STORAGE_NODES_COLUMNS, REQUIRED_STORAGE_NODES_COLUMNS, STORAGE_NODES_COLUMNS_IDS, STORAGE_NODES_COLUMNS_TITLES, STORAGE_NODES_SELECTED_COLUMNS_LS_KEY, } from './constants';
+export function useStorageNodesSelectedColumns({ visibleEntities, database, additionalNodesProps, groupId, }) {
+    const columns = React.useMemo(() => {
+        return getPreparedStorageNodesColumns({ database, additionalNodesProps, groupId });
+    }, [database, additionalNodesProps, groupId]);
+    const requiredColumns = React.useMemo(() => {
+        if (visibleEntities === VISIBLE_ENTITIES.missing) {
+            return [...REQUIRED_STORAGE_NODES_COLUMNS, STORAGE_NODES_COLUMNS_IDS.Missing];
+        }
+        return REQUIRED_STORAGE_NODES_COLUMNS;
+    }, [visibleEntities]);
+    return useSelectedColumns(columns, STORAGE_NODES_SELECTED_COLUMNS_LS_KEY, STORAGE_NODES_COLUMNS_TITLES, DEFAULT_STORAGE_NODES_COLUMNS, requiredColumns);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/containers/Storage/StorageNodes/columns/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageNodes/columns/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAC,kBAAkB,EAAC,MAAM,4CAA4C,CAAC;AAE9E,OAAO,EAAC,8BAA8B,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,EACH,6BAA6B,EAC7B,8BAA8B,EAC9B,yBAAyB,EACzB,4BAA4B,EAC5B,qCAAqC,GACxC,MAAM,aAAa,CAAC;AAGrB,MAAM,UAAU,8BAA8B,CAAC,EAC3C,eAAe,EACf,QAAQ,EACR,oBAAoB,EACpB,OAAO,GACoB;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,8BAA8B,CAAC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,EAAC,CAAC,CAAC;IACrF,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,eAAe,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC/C,OAAO,CAAC,GAAG,8BAA8B,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAClF,CAAC;QACD,OAAO,8BAA8B,CAAC;IAC1C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,kBAAkB,CACrB,OAAO,EACP,qCAAqC,EACrC,4BAA4B,EAC5B,6BAA6B,EAC7B,eAAe,CAClB,CAAC;AACN,CAAC"}

package/dist/containers/Storage/StorageNodes/columns/i18n/en.json

@@ -0,0 +1,9 @@
+{
+    "nodes-id": "Node ID",
+    "host": "Host",
+    "dc": "DC",
+    "rack": "Rack",
+    "uptime": "Uptime",
+    "missing": "Missing",
+    "pdisks": "PDisks"
+}

package/dist/containers/Storage/StorageNodes/columns/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "missing" | "host" | "uptime" | "dc" | "rack" | "nodes-id" | "pdisks", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/containers/Storage/StorageNodes/columns/i18n/index.js

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

package/dist/containers/Storage/StorageNodes/columns/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/Storage/StorageNodes/columns/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAE9C,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/containers/Storage/StorageNodes/columns/types.d.ts

@@ -0,0 +1,11 @@
+import type { Column as DataTableColumn } from '@gravity-ui/react-data-table';
+import type { Column as PaginatedTableColumn } from '../../../../components/PaginatedTable';
+import type { PreparedStorageNode, VisibleEntities } from '../../../../store/reducers/storage/types';
+import type { AdditionalNodesProps } from '../../../../types/additionalProps';
+export type StorageNodesColumn = PaginatedTableColumn<PreparedStorageNode> & DataTableColumn<PreparedStorageNode>;
+export interface GetStorageNodesColumnsParams {
+    additionalNodesProps: AdditionalNodesProps | undefined;
+    visibleEntities?: VisibleEntities;
+    database?: string;
+    groupId?: string;
+}

package/dist/containers/Storage/StorageNodes/columns/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/containers/Storage/StorageNodes/columns/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageNodes/columns/types.ts"],"names":[],"mappings":""}

package/dist/containers/Storage/StorageNodes/getNodes.d.ts

@@ -1,4 +1,4 @@
 import type { FetchData } from '../../../components/PaginatedTable';
-import type { NodesApiRequestParams } from '../../../store/reducers/nodes/types';
 import type { PreparedStorageNode, PreparedStorageNodeFilters } from '../../../store/reducers/storage/types';
-export declare const getStorageNodes: FetchData<PreparedStorageNode, PreparedStorageNodeFilters, Pick<NodesApiRequestParams, 'type' | 'storage'>>;
+import type { NodesRequestParams } from '../../../types/api/nodes';
+export declare const getStorageNodes: FetchData<PreparedStorageNode, PreparedStorageNodeFilters, Pick<NodesRequestParams, 'type' | 'storage'>>;

package/dist/containers/Storage/StorageNodes/getNodes.js

@@ -1,5 +1,6 @@
 import { prepareStorageNodesResponse } from '../../../store/reducers/storage/utils';
-import { getUptimeParamValue } from '../../../utils/nodes';
+import { prepareSortValue } from '../../../utils/filters';
+import { getUptimeParamValue, isSortableNodesProperty } from '../../../utils/nodes';
 const getConcurrentId = (limit, offset) => {
     return `getStorageNodes|offset${offset}|limit${limit}`;
 };
@@ -7,16 +8,18 @@ export const getStorageNodes = async (params) => {
     const { type = 'static', storage = true, limit, offset, sortParams, filters } = params;
     const { searchValue, nodesUptimeFilter, visibleEntities, database } = filters !== null && filters !== void 0 ? filters : {};
     const { sortOrder, columnId } = sortParams !== null && sortParams !== void 0 ? sortParams : {};
+    const sort = isSortableNodesProperty(columnId)
+        ? prepareSortValue(columnId, sortOrder)
+        : undefined;
     const response = await window.api.getNodes({
         type,
         storage,
         limit,
         offset,
-        sortOrder,
-        sortValue: columnId,
+        sort,
         filter: searchValue,
         uptime: getUptimeParamValue(nodesUptimeFilter),
-        visibleEntities,
+        with: visibleEntities,
         database,
     }, { concurrentId: getConcurrentId(limit, offset) });
     const preparedResponse = prepareStorageNodesResponse(response);

package/dist/containers/Storage/StorageNodes/getNodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNodes.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/getNodes.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAC,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AAGzD,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,MAAe,EAAE,EAAE;IACxD,OAAO,yBAAyB,MAAM,SAAS,KAAK,EAAE,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAIxB,KAAK,EAAE,MAAM,EAAE,EAAE;IACjB,MAAM,EAAC,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAC,GAAG,MAAM,CAAC;IACrF,MAAM,EAAC,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;IAClF,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;IAE/C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,QAAQ,CACtC;QACI,IAAI;QACJ,OAAO;QACP,KAAK;QACL,MAAM;QACN,SAAS;QACT,SAAS,EAAE,QAA0B;QACrC,MAAM,EAAE,WAAW;QACnB,MAAM,EAAE,mBAAmB,CAAC,iBAAiB,CAAC;QAC9C,eAAe;QACf,QAAQ;KACX,EACD,EAAC,YAAY,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAC,CACjD,CAAC;IACF,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAC/D,OAAO;QACH,IAAI,EAAE,gBAAgB,CAAC,KAAK,IAAI,EAAE;QAClC,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC;KACrC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"getNodes.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/getNodes.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AAElF,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAE,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAElF,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,MAAe,EAAE,EAAE;IACxD,OAAO,yBAAyB,MAAM,SAAS,KAAK,EAAE,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAIxB,KAAK,EAAE,MAAM,EAAE,EAAE;IACjB,MAAM,EAAC,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAC,GAAG,MAAM,CAAC;IACrF,MAAM,EAAC,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;IAClF,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;IAE/C,MAAM,IAAI,GAAG,uBAAuB,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC;QACvC,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,QAAQ,CACtC;QACI,IAAI;QACJ,OAAO;QACP,KAAK;QACL,MAAM;QACN,IAAI;QACJ,MAAM,EAAE,WAAW;QACnB,MAAM,EAAE,mBAAmB,CAAC,iBAAiB,CAAC;QAC9C,IAAI,EAAE,eAAe;QACrB,QAAQ;KACX,EACD,EAAC,YAAY,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAC,CACjD,CAAC;IACF,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAC/D,OAAO;QACH,IAAI,EAAE,gBAAgB,CAAC,KAAK,IAAI,EAAE;QAClC,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAI,CAAC;KACrC,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Storage/StorageNodes/shared.js

@@ -1,5 +1,5 @@
 import { cn } from '../../../utils/cn';
 import { isUnavailableNode } from '../../../utils/nodes';
-export const b = cn('global-storage-nodes');
+export const b = cn('ydb-storage-nodes');
 export const getRowUnavailableClassName = (row) => b('node', { unavailable: isUnavailableNode(row) });
 //# sourceMappingURL=shared.js.map

package/dist/containers/Storage/StorageNodes/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/shared.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,GAAwB,EAAE,EAAE,CACnE,CAAC,CAAC,MAAM,EAAE,EAAC,WAAW,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC"}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/shared.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,GAAwB,EAAE,EAAE,CACnE,CAAC,CAAC,MAAM,EAAE,EAAC,WAAW,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC"}

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

@@ -1,9 +1,7 @@
-import type { AdditionalNodesProps } from '../../types/additionalProps';
 interface StorageWrapperProps {
     database?: string;
     nodeId?: string;
     parentContainer?: Element | null;
-    additionalNodesProps?: AdditionalNodesProps;
 }
 export declare const StorageWrapper: ({ parentContainer, ...props }: StorageWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"StorageWrapper.js","sourceRoot":"","sources":["../../../src/containers/Storage/StorageWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AASlC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,eAAe,EAAE,GAAG,KAAK,EAAsB,EAAE,EAAE;IAC/E,MAAM,CAAC,kBAAkB,CAAC,GAAG,UAAU,CAAU,wBAAwB,CAAC,CAAC;IAE3E,IAAI,kBAAkB,EAAE,CAAC;QACrB,OAAO,KAAC,gBAAgB,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAC;IAC7E,CAAC;IAED,OAAO,KAAC,OAAO,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC,CAAC"}
+{"version":3,"file":"StorageWrapper.js","sourceRoot":"","sources":["../../../src/containers/Storage/StorageWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAQlC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,eAAe,EAAE,GAAG,KAAK,EAAsB,EAAE,EAAE;IAC/E,MAAM,CAAC,kBAAkB,CAAC,GAAG,UAAU,CAAU,wBAAwB,CAAC,CAAC;IAE3E,IAAI,kBAAkB,EAAE,CAAC;QACrB,OAAO,KAAC,gBAAgB,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAC;IAC7E,CAAC;IAED,OAAO,KAAC,OAAO,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC,CAAC"}

package/dist/containers/Storage/utils/index.js

@@ -2,7 +2,8 @@ import { ASCENDING, DESCENDING } from '@gravity-ui/react-data-table/build/esm/li
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { EFlag } from '../../../types/api/enums';
 import { generateEvaluator } from '../../../utils/generateEvaluator';
-import { NODES_SORT_VALUES } from '../../../utils/nodes';
+import { NODES_COLUMNS_IDS } from '../../Nodes/columns/constants';
+import { STORAGE_GROUPS_COLUMNS_IDS } from '../StorageGroups/columns/constants';
 const defaultDegradationEvaluator = generateEvaluator(1, 2, ['success', 'warning', 'danger']);
 const degradationEvaluators = {
     'block-4-2': generateEvaluator(1, 2, ['success', 'warning', 'danger']),
@@ -26,19 +27,19 @@ export const getUsageSeverityForEntityStatus = generateEvaluator(80, 85, [
     EFlag.Red,
 ]);
 export const defaultSortNode = {
-    sortValue: NODES_SORT_VALUES.NodeId,
+    sortValue: NODES_COLUMNS_IDS.NodeId,
     sortOrder: ASCENDING,
 };
 const defaultSortGroup = {
-    sortValue: 'PoolName',
+    sortValue: STORAGE_GROUPS_COLUMNS_IDS.PoolName,
     sortOrder: ASCENDING,
 };
 const defaultSortGroupMissing = {
-    sortValue: 'Degraded',
+    sortValue: STORAGE_GROUPS_COLUMNS_IDS.Degraded,
     sortOrder: DESCENDING,
 };
 const defaultSortGroupSpace = {
-    sortValue: 'Usage',
+    sortValue: STORAGE_GROUPS_COLUMNS_IDS.Usage,
     sortOrder: DESCENDING,
 };
 export function getDefaultSortGroup(visibleEntities) {

package/dist/containers/Storage/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/Storage/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,sDAAsD,CAAC;AAG3F,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAM3E,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,MAAM,2BAA2B,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE9F,MAAM,qBAAqB,GAAG;IAC1B,WAAW,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IACtE,aAAa,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;CAC3E,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,KAAc,EAA+C,EAAE,CAC9F,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,qBAAqB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,yBAAyB,CAAC,KAAK,CAAC,cAAc,CAAC;QAC5D,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC,cAAc,CAAC;QAC7C,CAAC,CAAC,2BAA2B,CAAC;IAElC,OAAO,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE;IACrE,SAAS;IACT,SAAS;IACT,QAAQ;CACX,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE;IACrE,KAAK,CAAC,KAAK;IACX,KAAK,CAAC,MAAM;IACZ,KAAK,CAAC,GAAG;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAoB;IAC5C,SAAS,EAAE,iBAAiB,CAAC,MAAM;IACnC,SAAS,EAAE,SAAS;CACvB,CAAC;AAEF,MAAM,gBAAgB,GAAsB;IACxC,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,SAAS;CACvB,CAAC;AAEF,MAAM,uBAAuB,GAAsB;IAC/C,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,MAAM,qBAAqB,GAAsB;IAC7C,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,eAAgC;IAChE,IAAI,eAAe,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;QAC/C,OAAO,uBAAuB,CAAC;IACnC,CAAC;IACD,IAAI,eAAe,KAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,qBAAqB,CAAC;IACjC,CAAC;IACD,OAAO,gBAAgB,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/Storage/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,sDAAsD,CAAC;AAG3F,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAM3E,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAC,0BAA0B,EAAC,MAAM,oCAAoC,CAAC;AAE9E,MAAM,2BAA2B,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE9F,MAAM,qBAAqB,GAAG;IAC1B,WAAW,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IACtE,aAAa,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;CAC3E,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,KAAc,EAA+C,EAAE,CAC9F,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,qBAAqB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,yBAAyB,CAAC,KAAK,CAAC,cAAc,CAAC;QAC5D,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC,cAAc,CAAC;QAC7C,CAAC,CAAC,2BAA2B,CAAC;IAElC,OAAO,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE;IACrE,SAAS;IACT,SAAS;IACT,QAAQ;CACX,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE;IACrE,KAAK,CAAC,KAAK;IACX,KAAK,CAAC,MAAM;IACZ,KAAK,CAAC,GAAG;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAoB;IAC5C,SAAS,EAAE,iBAAiB,CAAC,MAAM;IACnC,SAAS,EAAE,SAAS;CACvB,CAAC;AAEF,MAAM,gBAAgB,GAAsB;IACxC,SAAS,EAAE,0BAA0B,CAAC,QAAQ;IAC9C,SAAS,EAAE,SAAS;CACvB,CAAC;AAEF,MAAM,uBAAuB,GAAsB;IAC/C,SAAS,EAAE,0BAA0B,CAAC,QAAQ;IAC9C,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,MAAM,qBAAqB,GAAsB;IAC7C,SAAS,EAAE,0BAA0B,CAAC,KAAK;IAC3C,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,eAAgC;IAChE,IAAI,eAAe,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;QAC/C,OAAO,uBAAuB,CAAC;IACnC,CAAC;IACD,IAAI,eAAe,KAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,qBAAqB,CAAC;IACjC,CAAC;IACD,OAAO,gBAAgB,CAAC;AAC5B,CAAC"}

package/dist/containers/StorageGroupPage/StorageGroupPage.d.ts

@@ -0,0 +1,2 @@
+import './StorageGroupPage.scss';
+export declare function StorageGroupPage(): import("react/jsx-runtime").JSX.Element;

package/dist/containers/StorageGroupPage/StorageGroupPage.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { skipToken } from '@reduxjs/toolkit/query';
+import { Helmet } from 'react-helmet-async';
+import { StringParam, useQueryParams } from 'use-query-params';
+import { EntityPageTitle } from '../../components/EntityPageTitle/EntityPageTitle';
+import { ResponseError } from '../../components/Errors/ResponseError';
+import { InfoViewerSkeleton } from '../../components/InfoViewerSkeleton/InfoViewerSkeleton';
+import { PageMetaWithAutorefresh } from '../../components/PageMeta/PageMeta';
+import { StorageGroupInfo } from '../../components/StorageGroupInfo/StorageGroupInfo';
+import { useCapabilitiesLoaded, useStorageGroupsHandlerAvailable, } from '../../store/reducers/capabilities/hooks';
+import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
+import { storageApi } from '../../store/reducers/storage/storage';
+import { EFlag } from '../../types/api/enums';
+import { valueIsDefined } from '../../utils';
+import { cn } from '../../utils/cn';
+import { useAutoRefreshInterval, useTypedDispatch } from '../../utils/hooks';
+import { Storage } from '../Storage/Storage';
+import { storageGroupPageKeyset } from './i18n';
+import './StorageGroupPage.scss';
+const storageGroupPageCn = cn('ydb-storage-group-page');
+export function StorageGroupPage() {
+    var _a, _b;
+    const dispatch = useTypedDispatch();
+    const [{ groupId }] = useQueryParams({ groupId: StringParam });
+    React.useEffect(() => {
+        dispatch(setHeaderBreadcrumbs('storageGroup', { groupId }));
+    }, [dispatch, groupId]);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const shouldUseGroupsHandler = useStorageGroupsHandlerAvailable();
+    const capabilitiesLoaded = useCapabilitiesLoaded();
+    const groupQuery = storageApi.useGetStorageGroupsInfoQuery(valueIsDefined(groupId) ? { groupId, shouldUseGroupsHandler, with: 'all' } : skipToken, {
+        pollingInterval: autoRefreshInterval,
+        skip: !capabilitiesLoaded,
+    });
+    const storageGroupData = (_b = (_a = groupQuery.data) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b[0];
+    const loading = groupQuery.isFetching && storageGroupData === undefined;
+    const renderHelmet = () => {
+        const pageTitle = groupId
+            ? `${storageGroupPageKeyset('storage-group')} ${groupId}`
+            : storageGroupPageKeyset('storage-group');
+        return (_jsx(Helmet, { titleTemplate: `%s - ${pageTitle} — YDB Monitoring`, defaultTitle: `${pageTitle} — YDB Monitoring` }));
+    };
+    const renderPageMeta = () => {
+        if (!groupId) {
+            return null;
+        }
+        const items = [`${storageGroupPageKeyset('pool-name')}: ${storageGroupData === null || storageGroupData === void 0 ? void 0 : storageGroupData.PoolName}`];
+        return (_jsx(PageMetaWithAutorefresh, { className: storageGroupPageCn('meta'), loading: loading, items: items }));
+    };
+    const renderPageTitle = () => {
+        return (_jsx(EntityPageTitle, { className: storageGroupPageCn('title'), entityName: storageGroupPageKeyset('storage-group'), status: (storageGroupData === null || storageGroupData === void 0 ? void 0 : storageGroupData.Overall) || EFlag.Grey, id: groupId }));
+    };
+    const renderInfo = () => {
+        if (loading) {
+            return _jsx(InfoViewerSkeleton, { className: storageGroupPageCn('info'), rows: 10 });
+        }
+        return _jsx(StorageGroupInfo, { data: storageGroupData, className: storageGroupPageCn('info') });
+    };
+    const renderStorage = () => {
+        if (!groupId) {
+            return null;
+        }
+        return (_jsxs(React.Fragment, { children: [_jsx("div", { className: storageGroupPageCn('storage-title'), children: storageGroupPageKeyset('storage') }), _jsx(Storage, { groupId: groupId })] }));
+    };
+    const renderError = () => {
+        if (!groupQuery.error) {
+            return null;
+        }
+        return _jsx(ResponseError, { error: groupQuery.error });
+    };
+    return (_jsxs("div", { className: storageGroupPageCn(null), children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderError(), renderInfo(), renderStorage()] }));
+}
+//# sourceMappingURL=StorageGroupPage.js.map