ydb-embedded-ui 6.21.0 → 6.23.0

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

@@ -1,14 +1,12 @@
 import type { Column as DataTableColumn } from '@gravity-ui/react-data-table';
 import type { Column as PaginatedTableColumn } from '../../../../components/PaginatedTable';
 import type { PreparedStorageGroup, VisibleEntities } from '../../../../store/reducers/storage/types';
-import type { NodesMap } from '../../../../types/store/nodesList';
 export type StorageGroupsColumn = PaginatedTableColumn<PreparedStorageGroup> & DataTableColumn<PreparedStorageGroup>;
-interface GetStorageColumnsData {
-    nodes?: NodesMap;
+export interface GetStorageColumnsData {
+    nodeId?: string;
 }
-interface GetStorageColumnsOptions {
-    useAdvancedStorage?: boolean;
+export interface GetStorageGroupsColumnsParams {
     visibleEntities?: VisibleEntities;
+    nodeId?: string;
 }
-export type StorageColumnsGetter = (data?: GetStorageColumnsData, options?: GetStorageColumnsOptions) => StorageGroupsColumn[];
-export {};
+export type StorageColumnsGetter = (data?: GetStorageColumnsData) => StorageGroupsColumn[];

package/dist/containers/Storage/StorageGroups/getGroups.js

@@ -1,15 +1,15 @@
 import React from 'react';
 import { requestStorageData } from '../../../store/reducers/storage/requestStorageData';
 import { prepareSortValue } from '../../../utils/filters';
-const getConcurrentId = (limit, offset) => {
-    return `getStorageGroups|offset${offset}|limit${limit}`;
-};
+import { isSortableStorageProperty } from '../../../utils/storage';
 export function useGroupsGetter(shouldUseGroupsHandler) {
     const fetchData = React.useCallback(async (params) => {
         const { limit, offset, sortParams, filters } = params;
         const { sortOrder, columnId } = sortParams !== null && sortParams !== void 0 ? sortParams : {};
-        const { searchValue, visibleEntities, database, nodeId } = filters !== null && filters !== void 0 ? filters : {};
-        const sort = prepareSortValue(columnId, sortOrder);
+        const { searchValue, visibleEntities, database, nodeId, groupId, pDiskId, filterGroup, filterGroupBy, } = filters !== null && filters !== void 0 ? filters : {};
+        const sort = isSortableStorageProperty(columnId)
+            ? prepareSortValue(columnId, sortOrder)
+            : undefined;
         const { groups, found, total } = await requestStorageData({
             limit,
             offset,
@@ -18,8 +18,12 @@ export function useGroupsGetter(shouldUseGroupsHandler) {
             with: visibleEntities,
             database,
             nodeId,
+            groupId,
+            pDiskId,
+            filter_group: filterGroup,
+            filter_group_by: filterGroupBy,
             shouldUseGroupsHandler,
-        }, { concurrentId: getConcurrentId(limit, offset) });
+        });
         return {
             data: groups || [],
             found: found || 0,

package/dist/containers/Storage/StorageGroups/getGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroups.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageGroups/getGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,oDAAoD,CAAC;AAMtF,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAExD,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,MAAe,EAAE,EAAE;IACxD,OAAO,0BAA0B,MAAM,SAAS,KAAK,EAAE,CAAC;AAC5D,CAAC,CAAC;AAIF,MAAM,UAAU,eAAe,CAAC,sBAA+B;IAC3D,MAAM,SAAS,GAAqB,KAAK,CAAC,WAAW,CACjD,KAAK,EAAE,MAAM,EAAE,EAAE;QACb,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAC,GAAG,MAAM,CAAC;QACpD,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;QAC/C,MAAM,EAAC,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;QAEvE,MAAM,IAAI,GAAG,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAkB,CAAC;QAEpE,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,kBAAkB,CACnD;YACI,KAAK;YACL,MAAM;YACN,IAAI;YACJ,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,eAAe;YACrB,QAAQ;YACR,MAAM;YACN,sBAAsB;SACzB,EACD,EAAC,YAAY,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAC,CACjD,CAAC;QAEF,OAAO;YACH,IAAI,EAAE,MAAM,IAAI,EAAE;YAClB,KAAK,EAAE,KAAK,IAAI,CAAC;YACjB,KAAK,EAAE,KAAK,IAAI,CAAC;SACpB,CAAC;IACN,CAAC,EACD,CAAC,sBAAsB,CAAC,CAC3B,CAAC;IAEF,OAAO,SAAS,CAAC;AACrB,CAAC"}
+{"version":3,"file":"getGroups.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageGroups/getGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,oDAAoD,CAAC;AAKtF,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AAIjE,MAAM,UAAU,eAAe,CAAC,sBAA+B;IAC3D,MAAM,SAAS,GAAqB,KAAK,CAAC,WAAW,CACjD,KAAK,EAAE,MAAM,EAAE,EAAE;QACb,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAC,GAAG,MAAM,CAAC;QACpD,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;QAC/C,MAAM,EACF,WAAW,EACX,eAAe,EACf,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,GAChB,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;QAElB,MAAM,IAAI,GAAG,yBAAyB,CAAC,QAAQ,CAAC;YAC5C,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC;YACvC,CAAC,CAAC,SAAS,CAAC;QAEhB,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,kBAAkB,CAAC;YACpD,KAAK;YACL,MAAM;YACN,IAAI;YACJ,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,eAAe;YACrB,QAAQ;YACR,MAAM;YACN,OAAO;YACP,OAAO;YACP,YAAY,EAAE,WAAW;YACzB,eAAe,EAAE,aAAa;YAC9B,sBAAsB;SACzB,CAAC,CAAC;QAEH,OAAO;YACH,IAAI,EAAE,MAAM,IAAI,EAAE;YAClB,KAAK,EAAE,KAAK,IAAI,CAAC;YACjB,KAAK,EAAE,KAAK,IAAI,CAAC;SACpB,CAAC;IACN,CAAC,EACD,CAAC,sBAAsB,CAAC,CAC3B,CAAC;IAEF,OAAO,SAAS,CAAC;AACrB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { RenderControls, RenderErrorMessage } from '../../../components/PaginatedTable';
+import type { VisibleEntities } from '../../../store/reducers/storage/types';
+import type { NodesGroupByField } from '../../../types/api/nodes';
+import { NodesUptimeFilterValues } from '../../../utils/nodes';
+import type { StorageNodesColumn } from './columns/types';
+interface PaginatedStorageNodesTableProps {
+    columns: StorageNodesColumn[];
+    database?: string;
+    nodeId?: string | number;
+    groupId?: string | number;
+    filterGroup?: string;
+    filterGroupBy?: NodesGroupByField;
+    searchValue: string;
+    visibleEntities: VisibleEntities;
+    nodesUptimeFilter: NodesUptimeFilterValues;
+    onShowAll: VoidFunction;
+    parentContainer?: Element | null;
+    renderControls?: RenderControls;
+    renderErrorMessage: RenderErrorMessage;
+    initialEntitiesCount?: number;
+}
+export declare const PaginatedStorageNodesTable: ({ columns, database, nodeId, groupId, filterGroup, filterGroupBy, searchValue, visibleEntities, nodesUptimeFilter, onShowAll, parentContainer, renderControls, renderErrorMessage, initialEntitiesCount, }: PaginatedStorageNodesTableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Storage/StorageNodes/{PaginatedStorageNodes.js → PaginatedStorageNodesTable.js}

@@ -4,17 +4,32 @@ import { ResizeablePaginatedTable } from '../../../components/PaginatedTable';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
 import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
+import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import { getStorageNodes } from './getNodes';
-import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, getPreparedStorageNodesColumns, } from './getStorageNodesColumns';
 import i18n from './i18n';
 import { getRowUnavailableClassName } from './shared';
-export const PaginatedStorageNodes = ({ searchValue, visibleEntities, nodesUptimeFilter, database, additionalNodesProps, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
+export const PaginatedStorageNodesTable = ({ columns, database, nodeId, groupId, filterGroup, filterGroupBy, searchValue, visibleEntities, nodesUptimeFilter, onShowAll, parentContainer, renderControls, renderErrorMessage, initialEntitiesCount, }) => {
     const tableFilters = React.useMemo(() => {
-        return { searchValue, visibleEntities, nodesUptimeFilter, database };
-    }, [searchValue, visibleEntities, nodesUptimeFilter, database]);
-    const columns = React.useMemo(() => {
-        return getPreparedStorageNodesColumns(additionalNodesProps, visibleEntities, database);
-    }, [additionalNodesProps, visibleEntities, database]);
+        return {
+            searchValue,
+            visibleEntities,
+            nodesUptimeFilter,
+            database,
+            nodeId,
+            groupId,
+            filterGroup,
+            filterGroupBy,
+        };
+    }, [
+        searchValue,
+        visibleEntities,
+        nodesUptimeFilter,
+        database,
+        nodeId,
+        groupId,
+        filterGroup,
+        filterGroupBy,
+    ]);
     const renderEmptyDataMessage = () => {
         if (visibleEntities !== VISIBLE_ENTITIES.all ||
             nodesUptimeFilter !== NodesUptimeFilterValues.All) {
@@ -22,6 +37,6 @@ export const PaginatedStorageNodes = ({ searchValue, visibleEntities, nodesUptim
         }
         return i18n('empty.default');
     };
-    return (_jsx(ResizeablePaginatedTable, { columnsWidthLSKey: STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, parentContainer: parentContainer, columns: columns, fetchData: getStorageNodes, rowHeight: 51, limit: 50, renderControls: renderControls, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, getRowClassName: getRowUnavailableClassName, filters: tableFilters, tableName: "storage-nodes" }));
+    return (_jsx(ResizeablePaginatedTable, { columnsWidthLSKey: STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, parentContainer: parentContainer, columns: columns, fetchData: getStorageNodes, rowHeight: 51, limit: 50, initialEntitiesCount: initialEntitiesCount, renderControls: renderControls, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, getRowClassName: getRowUnavailableClassName, filters: tableFilters, tableName: "storage-nodes" }));
 };
-//# sourceMappingURL=PaginatedStorageNodes.js.map
+//# sourceMappingURL=PaginatedStorageNodesTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedStorageNodesTable.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/PaginatedStorageNodesTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAG3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAC,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAuBpD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,aAAa,EACb,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,oBAAoB,GACU,EAAE,EAAE;IAClC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO;YACH,WAAW;YACX,eAAe;YACf,iBAAiB;YACjB,QAAQ;YACR,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa;SAChB,CAAC;IACN,CAAC,EAAE;QACC,WAAW;QACX,eAAe;QACf,iBAAiB;QACjB,QAAQ;QACR,MAAM;QACN,OAAO;QACP,WAAW;QACX,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,IACI,eAAe,KAAK,gBAAgB,CAAC,GAAG;YACxC,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,EACnD,CAAC;YACC,OAAO,CACH,KAAC,4BAA4B,IACzB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,wBAAwB,IACrB,iBAAiB,EAAE,kCAAkC,EACrD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,EAAE,EACb,KAAK,EAAE,EAAE,EACT,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,0BAA0B,EAC3C,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,eAAe,GAC3B,CACL,CAAC;AACN,CAAC,CAAC"}

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/StorageNodesTable.d.ts

@@ -0,0 +1,16 @@
+import type { SortOrder } from '@gravity-ui/react-data-table';
+import type { PreparedStorageNode, VisibleEntities } from '../../../store/reducers/storage/types';
+import type { HandleSort } from '../../../utils/hooks/useTableSort';
+import { NodesUptimeFilterValues } from '../../../utils/nodes';
+import type { StorageNodesColumn } from './columns/types';
+interface StorageNodesTableProps {
+    data: PreparedStorageNode[];
+    columns: StorageNodesColumn[];
+    visibleEntities: VisibleEntities;
+    nodesUptimeFilter: NodesUptimeFilterValues;
+    sort?: SortOrder;
+    onShowAll?: VoidFunction;
+    handleSort?: HandleSort;
+}
+export declare function StorageNodesTable({ data, columns, visibleEntities, nodesUptimeFilter, sort, onShowAll, handleSort, }: StorageNodesTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Storage/StorageNodes/{StorageNodes.js → StorageNodesTable.js}

@@ -1,22 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ResizeableDataTable } from '../../../components/ResizeableDataTable/ResizeableDataTable';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
+import { DEFAULT_TABLE_SETTINGS } from '../../../utils/constants';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
 import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
-import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, getPreparedStorageNodesColumns, } from './getStorageNodesColumns';
+import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import i18n from './i18n';
 import { getRowUnavailableClassName } from './shared';
-import './StorageNodes.scss';
-export function StorageNodes({ data, tableSettings, visibleEntities, onShowAll, nodesUptimeFilter, additionalNodesProps, sort, handleSort, database, }) {
-    const columns = getPreparedStorageNodesColumns(additionalNodesProps, visibleEntities, database);
+const tableSettings = {
+    ...DEFAULT_TABLE_SETTINGS,
+    dynamicRenderMinSize: 51,
+};
+export function StorageNodesTable({ data, columns, visibleEntities, nodesUptimeFilter, sort, onShowAll, handleSort, }) {
     if (!data.length &&
         (visibleEntities !== VISIBLE_ENTITIES.all ||
             nodesUptimeFilter !== NodesUptimeFilterValues.All)) {
         return (_jsx(StorageNodesEmptyDataMessage, { visibleEntities: visibleEntities, nodesUptimeFilter: nodesUptimeFilter, onShowAll: onShowAll }));
     }
-    return (_jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: {
-            ...tableSettings,
-            dynamicRenderType: 'variable',
-        }, emptyDataMessage: i18n('empty.default'), rowClassName: getRowUnavailableClassName, sortOrder: sort, onSort: handleSort }, visibleEntities));
+    return (_jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: tableSettings, emptyDataMessage: i18n('empty.default'), rowClassName: getRowUnavailableClassName, sortOrder: sort, onSort: handleSort }, visibleEntities));
 }
-//# sourceMappingURL=StorageNodes.js.map
+//# sourceMappingURL=StorageNodesTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StorageNodesTable.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/StorageNodesTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,6DAA6D,CAAC;AAChG,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAE3E,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAC,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAEvE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAEpD,MAAM,aAAa,GAAG;IAClB,GAAG,sBAAsB;IACzB,oBAAoB,EAAE,EAAE;CAClB,CAAC;AAYX,MAAM,UAAU,iBAAiB,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,IAAI,EACJ,SAAS,EACT,UAAU,GACW;IACrB,IACI,CAAC,IAAI,CAAC,MAAM;QACZ,CAAC,eAAe,KAAK,gBAAgB,CAAC,GAAG;YACrC,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,CAAC,EACxD,CAAC;QACC,OAAO,CACH,KAAC,4BAA4B,IACzB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACtB,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,kCAAkC,EAErD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,gBAAgB,EAAE,IAAI,CAAC,eAAe,CAAC,EACvC,YAAY,EAAE,0BAA0B,EACxC,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,UAAU,IAPb,eAAyB,CAQhC,CACL,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,24 @@
+.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;
+        height: 40px;
+    }
+    &__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: (params: 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,14 @@ 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));
+                        return (_jsx("div", { className: b('pdisks-item'), children: _jsx(PDisk, { data: pDisk, vDisks: vDisks, viewContext: { groupId } }) }, pDisk.PDiskId));
                     }) }));
             },
             align: DataTable.CENTER,
@@ -85,15 +77,12 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
     ];
     return columns;
 };
-export const getPreparedStorageNodesColumns = (additionalNodesProps, visibleEntities, database) => {
-    const rawColumns = getStorageNodesColumns(additionalNodesProps, database);
+export const getPreparedStorageNodesColumns = (params) => {
+    const rawColumns = getStorageNodesColumns(params);
     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,34 @@
+import type { SelectOption } from '@gravity-ui/uikit';
+import { z } from 'zod';
+import type { NodesGroupByField } from '../../../../types/api/nodes';
+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 Version: "Version";
+    readonly Uptime: "Uptime";
+    readonly PDisks: "PDisks";
+    readonly Missing: "Missing";
+    readonly DiskSpaceUsage: "DiskSpaceUsage";
+};
+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 Version: string;
+    readonly Uptime: string;
+    readonly PDisks: string;
+    readonly Missing: string;
+    readonly DiskSpaceUsage: string;
+};
+export declare const STORAGE_NODES_GROUP_BY_OPTIONS: SelectOption[];
+export declare const storageNodesGroupByParamSchema: z.ZodCatch<z.ZodType<NodesGroupByField | undefined, z.ZodTypeDef, NodesGroupByField | undefined>>;
+export {};

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

@@ -0,0 +1,74 @@
+import { z } from 'zod';
+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',
+    Version: 'Version',
+    Uptime: 'Uptime',
+    PDisks: 'PDisks',
+    Missing: 'Missing',
+    DiskSpaceUsage: 'DiskSpaceUsage',
+};
+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 Version() {
+        return i18n('version');
+    },
+    get Uptime() {
+        return i18n('uptime');
+    },
+    get PDisks() {
+        return i18n('pdisks');
+    },
+    get Missing() {
+        return i18n('missing');
+    },
+    get DiskSpaceUsage() {
+        return i18n('disk-space-usage');
+    },
+};
+const STORAGE_NODES_GROUP_BY_PARAMS = [
+    'Host',
+    'DC',
+    'Rack',
+    'Version',
+    'Uptime',
+    'Missing',
+    'DiskSpaceUsage',
+];
+export const STORAGE_NODES_GROUP_BY_OPTIONS = STORAGE_NODES_GROUP_BY_PARAMS.map((param) => {
+    return {
+        value: param,
+        content: STORAGE_NODES_COLUMNS_TITLES[param],
+    };
+});
+export const storageNodesGroupByParamSchema = z
+    .custom((value) => STORAGE_NODES_GROUP_BY_PARAMS.includes(value))
+    .catch(undefined);
+//# 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":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAKtB,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,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,gBAAgB;CAC1B,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,OAAO;QACP,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3B,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;IACD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACpC,CAAC;CACoD,CAAC;AAE1D,MAAM,6BAA6B,GAAG;IAClC,MAAM;IACN,IAAI;IACJ,MAAM;IACN,SAAS;IACT,QAAQ;IACR,SAAS;IACT,gBAAgB;CACoB,CAAC;AAEzC,MAAM,CAAC,MAAM,8BAA8B,GAAmB,6BAA6B,CAAC,GAAG,CAC3F,CAAC,KAAK,EAAE,EAAE;IACN,OAAO;QACH,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,4BAA4B,CAAC,KAAK,CAAC;KAC/C,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC;KAC1C,MAAM,CAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,6BAA6B,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC/F,KAAK,CAAC,SAAS,CAAC,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,11 @@
+{
+    "nodes-id": "Node ID",
+    "host": "Host",
+    "dc": "DC",
+    "rack": "Rack",
+    "version": "Version",
+    "uptime": "Uptime",
+    "missing": "Missing",
+    "disk-space-usage": "Disk space usage",
+    "pdisks": "PDisks"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "missing" | "version" | "host" | "uptime" | "dc" | "rack" | "disk-space-usage" | "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