ydb-embedded-ui 6.22.0 → 6.23.0

package/dist/containers/Storage/PaginatedStorageNodes.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ResponseError } from '../../components/Errors/ResponseError';
+import { LoaderWrapper } from '../../components/LoaderWrapper/LoaderWrapper';
+import { TableWithControlsLayout } from '../../components/TableWithControlsLayout/TableWithControlsLayout';
+import { useCapabilitiesLoaded, useViewerNodesHandlerHasGrouping, } from '../../store/reducers/capabilities/hooks';
+import { useClusterBaseInfo } from '../../store/reducers/cluster/cluster';
+import { storageApi } from '../../store/reducers/storage/storage';
+import { useAutoRefreshInterval } from '../../utils/hooks';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
+import { useAdditionalNodeProps } from '../AppWithClusters/useClusterData';
+import { StorageNodesControls } from './StorageControls/StorageControls';
+import { PaginatedStorageNodesTable } from './StorageNodes/PaginatedStorageNodesTable';
+import { useStorageNodesSelectedColumns } from './StorageNodes/columns/hooks';
+import { TableGroup } from './TableGroup/TableGroup';
+import { useExpandedGroups } from './TableGroup/useExpandedTableGroups';
+import i18n from './i18n';
+import { b, renderPaginatedTableErrorMessage } from './shared';
+import { useStorageQueryParams } from './useStorageQueryParams';
+import './Storage.scss';
+export const PaginatedStorageNodes = (props) => {
+    const { storageNodesGroupByParam, visibleEntities, nodesUptimeFilter, handleShowAllNodes } = useStorageQueryParams();
+    const capabilitiesLoaded = useCapabilitiesLoaded();
+    const viewerNodesHandlerHasGrouping = useViewerNodesHandlerHasGrouping();
+    // Other filters do not fit with grouping
+    // Reset them if grouping available
+    React.useEffect(() => {
+        if (viewerNodesHandlerHasGrouping &&
+            visibleEntities !== 'all' &&
+            nodesUptimeFilter !== NodesUptimeFilterValues.All) {
+            handleShowAllNodes();
+        }
+    }, [handleShowAllNodes, nodesUptimeFilter, viewerNodesHandlerHasGrouping, visibleEntities]);
+    const renderContent = () => {
+        if (viewerNodesHandlerHasGrouping && storageNodesGroupByParam) {
+            return _jsx(GroupedStorageNodesComponent, { ...props });
+        }
+        return _jsx(StorageNodesComponent, { ...props });
+    };
+    return _jsx(LoaderWrapper, { loading: !capabilitiesLoaded, children: renderContent() });
+};
+function StorageNodesComponent({ database, nodeId, groupId, parentContainer, }) {
+    const { searchValue, visibleEntities, nodesUptimeFilter, handleShowAllNodes } = useStorageQueryParams();
+    const { columnsToShow, columnsToSelect, setColumns } = useStorageNodesColumnsToSelect({
+        database,
+        groupId: groupId === null || groupId === void 0 ? void 0 : groupId.toString(),
+    });
+    const renderControls = ({ totalEntities, foundEntities, inited }) => {
+        return (_jsx(StorageNodesControls, { withTypeSelector: true, withGroupBySelect: true, entitiesCountCurrent: foundEntities, entitiesCountTotal: totalEntities, entitiesLoading: !inited, columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns }));
+    };
+    return (_jsx(PaginatedStorageNodesTable, { database: database, nodeId: nodeId, groupId: groupId, searchValue: searchValue, visibleEntities: visibleEntities, nodesUptimeFilter: nodesUptimeFilter, onShowAll: handleShowAllNodes, parentContainer: parentContainer, renderControls: renderControls, renderErrorMessage: renderPaginatedTableErrorMessage, columns: columnsToShow }));
+}
+function GroupedStorageNodesComponent({ database, groupId, nodeId }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { searchValue, storageNodesGroupByParam, handleShowAllNodes } = useStorageQueryParams();
+    const { columnsToShow, columnsToSelect, setColumns } = useStorageNodesColumnsToSelect({
+        database,
+        groupId: groupId === null || groupId === void 0 ? void 0 : groupId.toString(),
+    });
+    const { currentData, isFetching, error } = storageApi.useGetStorageNodesInfoQuery({
+        database,
+        with: 'all',
+        filter: searchValue,
+        node_id: nodeId,
+        group_id: groupId,
+        group: storageNodesGroupByParam,
+    }, {
+        pollingInterval: autoRefreshInterval,
+    });
+    const isLoading = currentData === undefined && isFetching;
+    const { tableGroups, found = 0, total = 0 } = currentData || {};
+    const { expandedGroups, setIsGroupExpanded } = useExpandedGroups(tableGroups);
+    const renderControls = () => {
+        return (_jsx(StorageNodesControls, { withTypeSelector: true, withGroupBySelect: true, entitiesCountCurrent: found, entitiesCountTotal: total, entitiesLoading: isLoading, columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns }));
+    };
+    const renderGroups = () => {
+        if (tableGroups === null || tableGroups === void 0 ? void 0 : tableGroups.length) {
+            return tableGroups.map(({ name, count }) => {
+                const isExpanded = expandedGroups[name];
+                return (_jsx(TableGroup, { title: name, count: count, entityName: i18n('nodes'), expanded: isExpanded, onIsExpandedChange: setIsGroupExpanded, children: _jsx(PaginatedStorageNodesTable, { database: database, nodeId: nodeId, groupId: groupId, searchValue: searchValue, visibleEntities: 'all', nodesUptimeFilter: NodesUptimeFilterValues.All, onShowAll: handleShowAllNodes, filterGroup: name, filterGroupBy: storageNodesGroupByParam, renderErrorMessage: renderPaginatedTableErrorMessage, columns: columnsToShow, initialEntitiesCount: count }) }, name));
+            });
+        }
+        return i18n('no-nodes');
+    };
+    return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls() }), error ? _jsx(ResponseError, { error: error }) : null, _jsx(TableWithControlsLayout.Table, { loading: isLoading, className: b('groups-wrapper'), children: renderGroups() })] }));
+}
+function useStorageNodesColumnsToSelect({ database, groupId, }) {
+    const { balancer } = useClusterBaseInfo();
+    const { additionalNodesProps } = useAdditionalNodeProps({ balancer });
+    const { visibleEntities } = useStorageQueryParams();
+    return useStorageNodesSelectedColumns({
+        additionalNodesProps,
+        visibleEntities,
+        database,
+        groupId,
+    });
+}
+//# sourceMappingURL=PaginatedStorageNodes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedStorageNodes.js","sourceRoot":"","sources":["../../../src/containers/Storage/PaginatedStorageNodes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAC;AAE3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,kEAAkE,CAAC;AACzG,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAC,0BAA0B,EAAC,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAC,8BAA8B,EAAC,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AACtE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAE,gCAAgC,EAAC,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAE9D,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAClE,MAAM,EAAC,wBAAwB,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,GACpF,qBAAqB,EAAE,CAAC;IAE5B,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,6BAA6B,GAAG,gCAAgC,EAAE,CAAC;IAEzE,yCAAyC;IACzC,mCAAmC;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IACI,6BAA6B;YAC7B,eAAe,KAAK,KAAK;YACzB,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,EACnD,CAAC;YACC,kBAAkB,EAAE,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,6BAA6B,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5F,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,6BAA6B,IAAI,wBAAwB,EAAE,CAAC;YAC5D,OAAO,KAAC,4BAA4B,OAAK,KAAK,GAAI,CAAC;QACvD,CAAC;QAED,OAAO,KAAC,qBAAqB,OAAK,KAAK,GAAI,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,KAAC,aAAa,IAAC,OAAO,EAAE,CAAC,kBAAkB,YAAG,aAAa,EAAE,GAAiB,CAAC;AAC1F,CAAC,CAAC;AAEF,SAAS,qBAAqB,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,eAAe,GACK;IACpB,MAAM,EAAC,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,GACvE,qBAAqB,EAAE,CAAC;IAE5B,MAAM,EAAC,aAAa,EAAE,eAAe,EAAE,UAAU,EAAC,GAAG,8BAA8B,CAAC;QAChF,QAAQ;QACR,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE;KAC/B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAmB,CAAC,EAAC,aAAa,EAAE,aAAa,EAAE,MAAM,EAAC,EAAE,EAAE;QAC9E,OAAO,CACH,KAAC,oBAAoB,IACjB,gBAAgB,QAChB,iBAAiB,QACjB,oBAAoB,EAAE,aAAa,EACnC,kBAAkB,EAAE,aAAa,EACjC,eAAe,EAAE,CAAC,MAAM,EACxB,eAAe,EAAE,eAAe,EAChC,2BAA2B,EAAE,UAAU,GACzC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,0BAA0B,IACvB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,kBAAkB,EAC7B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,gCAAgC,EACpD,OAAO,EAAE,aAAa,GACxB,CACL,CAAC;AACN,CAAC;AAED,SAAS,4BAA4B,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAwB;IACpF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,EAAC,WAAW,EAAE,wBAAwB,EAAE,kBAAkB,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAE5F,MAAM,EAAC,aAAa,EAAE,eAAe,EAAE,UAAU,EAAC,GAAG,8BAA8B,CAAC;QAChF,QAAQ;QACR,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE;KAC/B,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC,2BAA2B,CAC3E;QACI,QAAQ;QACR,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,WAAW;QACnB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,wBAAwB;KAClC,EACD;QACI,eAAe,EAAE,mBAAmB;KACvC,CACJ,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,KAAK,SAAS,IAAI,UAAU,CAAC;IAC1D,MAAM,EAAC,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAC,GAAG,WAAW,IAAI,EAAE,CAAC;IAE9D,MAAM,EAAC,cAAc,EAAE,kBAAkB,EAAC,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE5E,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,OAAO,CACH,KAAC,oBAAoB,IACjB,gBAAgB,QAChB,iBAAiB,QACjB,oBAAoB,EAAE,KAAK,EAC3B,kBAAkB,EAAE,KAAK,EACzB,eAAe,EAAE,SAAS,EAC1B,eAAe,EAAE,eAAe,EAChC,2BAA2B,EAAE,UAAU,GACzC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,IAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,EAAE,CAAC;YACtB,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,EAAE;gBACrC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;gBAExC,OAAO,CACH,KAAC,UAAU,IAEP,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,EACzB,QAAQ,EAAE,UAAU,EACpB,kBAAkB,EAAE,kBAAkB,YAEtC,KAAC,0BAA0B,IACvB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,KAAK,EACtB,iBAAiB,EAAE,uBAAuB,CAAC,GAAG,EAC9C,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,wBAAwB,EACvC,kBAAkB,EAAE,gCAAgC,EACpD,OAAO,EAAE,aAAa,EACtB,oBAAoB,EAAE,KAAK,GAC7B,IApBG,IAAI,CAqBA,CAChB,CAAC;YACN,CAAC,CAAC,CAAC;QACP,CAAC;QAED,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,uBAAuB,eACpB,KAAC,uBAAuB,CAAC,QAAQ,cAAE,cAAc,EAAE,GAAoC,EACtF,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,KAAC,uBAAuB,CAAC,KAAK,IAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC5E,YAAY,EAAE,GACa,IACV,CAC7B,CAAC;AACN,CAAC;AAED,SAAS,8BAA8B,CAAC,EACpC,QAAQ,EACR,OAAO,GAIV;IACG,MAAM,EAAC,QAAQ,EAAC,GAAG,kBAAkB,EAAE,CAAC;IACxC,MAAM,EAAC,oBAAoB,EAAC,GAAG,sBAAsB,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;IAClE,MAAM,EAAC,eAAe,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAElD,OAAO,8BAA8B,CAAC;QAClC,oBAAoB;QACpB,eAAe;QACf,QAAQ;QACR,OAAO;KACV,CAAC,CAAC;AACP,CAAC"}

package/dist/containers/Storage/Storage.js

@@ -1,62 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { ArrayParam, StringParam, useQueryParams, withDefault } from 'use-query-params';
 import { AccessDenied } from '../../components/Errors/403';
 import { isAccessError } from '../../components/Errors/PageError/PageError';
 import { ResponseError } from '../../components/Errors/ResponseError';
 import { TableWithControlsLayout } from '../../components/TableWithControlsLayout/TableWithControlsLayout';
 import { useCapabilitiesLoaded, useStorageGroupsHandlerAvailable, } from '../../store/reducers/capabilities/hooks';
 import { useClusterBaseInfo } from '../../store/reducers/cluster/cluster';
-import { VISIBLE_ENTITIES } from '../../store/reducers/storage/constants';
-import { filterGroups, filterNodes, getUsageFilterOptions, } from '../../store/reducers/storage/selectors';
+import { filterGroups, filterNodes } from '../../store/reducers/storage/selectors';
 import { storageApi } from '../../store/reducers/storage/storage';
-import { storageTypeSchema, visibleEntitiesSchema } from '../../store/reducers/storage/types';
-import { valueIsDefined } from '../../utils';
-import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
 import { useAutoRefreshInterval, useTableSort } from '../../utils/hooks';
-import { NodesUptimeFilterValues, nodesUptimeFilterValuesSchema } from '../../utils/nodes';
 import { useAdditionalNodeProps } from '../AppWithClusters/useClusterData';
-import { StorageControls } from './StorageControls/StorageControls';
-import { StorageGroups } from './StorageGroups/StorageGroups';
+import { StorageGroupsControls, StorageNodesControls } from './StorageControls/StorageControls';
+import { StorageGroupsTable } from './StorageGroups/StorageGroupsTable';
 import { useStorageGroupsSelectedColumns } from './StorageGroups/columns/hooks';
-import { StorageNodes } from './StorageNodes/StorageNodes';
+import { StorageNodesTable } from './StorageNodes/StorageNodesTable';
 import { useStorageNodesSelectedColumns } from './StorageNodes/columns/hooks';
 import { b } from './shared';
+import { useStorageQueryParams } from './useStorageQueryParams';
 import { defaultSortNode, getDefaultSortGroup } from './utils';
 import './Storage.scss';
-const UsageFilterParam = withDefault({
-    encode: ArrayParam.encode,
-    decode: (input) => {
-        if (input === null || input === undefined) {
-            return input;
-        }
-        if (!Array.isArray(input)) {
-            return input ? [input] : [];
-        }
-        return input.filter(Boolean);
-    },
-}, []);
 export const Storage = ({ database, nodeId, groupId, pDiskId }) => {
-    var _a;
+    var _a, _b;
     const { balancer } = useClusterBaseInfo();
     const { additionalNodesProps } = useAdditionalNodeProps({ balancer });
+    const { storageType, searchValue, visibleEntities, nodesUptimeFilter, handleShowAllGroups, handleShowAllNodes, } = useStorageQueryParams();
     const capabilitiesLoaded = useCapabilitiesLoaded();
     const groupsHandlerAvailable = useStorageGroupsHandlerAvailable();
     const [autoRefreshInterval] = useAutoRefreshInterval();
-    const [queryParams, setQueryParams] = useQueryParams({
-        type: StringParam,
-        visible: StringParam,
-        search: StringParam,
-        uptimeFilter: StringParam,
-        usageFilter: UsageFilterParam,
-    });
-    const storageType = storageTypeSchema.parse(queryParams.type);
     const isGroups = storageType === 'groups';
     const isNodes = storageType === 'nodes';
-    const visibleEntities = visibleEntitiesSchema.parse(queryParams.visible);
-    const filter = (_a = queryParams.search) !== null && _a !== void 0 ? _a : '';
-    const uptimeFilter = nodesUptimeFilterValuesSchema.parse(queryParams.uptimeFilter);
-    const usageFilter = queryParams.usageFilter;
     const [nodeSort, setNodeSort] = React.useState({
         sortOrder: undefined,
         sortValue: undefined,
@@ -73,13 +45,12 @@ export const Storage = ({ database, nodeId, groupId, pDiskId }) => {
         database,
         groupId: groupId === null || groupId === void 0 ? void 0 : groupId.toString(),
     });
-    const { columnsToShow: storageGroupsColumnsToShow, columnsToSelect: storageGroupsColumnsToSelect, setColumns: setStorageGroupsSelectedColumns, } = useStorageGroupsSelectedColumns(visibleEntities);
+    const { columnsToShow: storageGroupsColumnsToShow, columnsToSelect: storageGroupsColumnsToSelect, setColumns: setStorageGroupsSelectedColumns, } = useStorageGroupsSelectedColumns({ visibleEntities, nodeId: nodeId === null || nodeId === void 0 ? void 0 : nodeId.toString() });
     const nodesQuery = storageApi.useGetStorageNodesInfoQuery({
         database,
         with: visibleEntities,
         node_id: nodeId,
-        // node_id and group_id params don't work together
-        group_id: valueIsDefined(nodeId) ? undefined : groupId,
+        group_id: groupId,
     }, {
         skip: !isNodes,
         pollingInterval: autoRefreshInterval,
@@ -98,44 +69,18 @@ export const Storage = ({ database, nodeId, groupId, pDiskId }) => {
     const { currentData, isFetching, error } = isNodes ? nodesQuery : groupsQuery;
     const { currentData: { nodes = [] } = {} } = nodesQuery;
     const { currentData: { groups = [] } = {} } = groupsQuery;
-    const { nodes: _, groups: __, ...entitiesCount } = currentData !== null && currentData !== void 0 ? currentData : { found: 0, total: 0 };
+    const nodesTotalCount = ((_a = nodesQuery.currentData) === null || _a === void 0 ? void 0 : _a.total) || 0;
+    const groupsTotalCount = ((_b = groupsQuery.currentData) === null || _b === void 0 ? void 0 : _b.total) || 0;
     const isLoading = currentData === undefined && isFetching;
-    const storageNodes = React.useMemo(() => filterNodes(nodes, filter, uptimeFilter), [filter, nodes, uptimeFilter]);
-    const storageGroups = React.useMemo(() => filterGroups(groups, filter, usageFilter), [filter, groups, usageFilter]);
-    const usageFilterOptions = React.useMemo(() => getUsageFilterOptions(groups), [groups]);
+    const storageNodes = React.useMemo(() => filterNodes(nodes, searchValue, nodesUptimeFilter), [nodes, nodesUptimeFilter, searchValue]);
+    const storageGroups = React.useMemo(() => filterGroups(groups, searchValue), [searchValue, groups]);
     const [nodesSort, handleNodesSort] = useTableSort(nodesSortParams, (params) => setNodeSort(params));
     const [groupsSort, handleGroupsSort] = useTableSort(groupsSortParams, (params) => setGroupSort(params));
-    const handleUsageFilterChange = (value) => {
-        setQueryParams({ usageFilter: value.length ? value : undefined }, 'replaceIn');
-    };
-    const handleTextFilterChange = (value) => {
-        setQueryParams({ search: value || undefined }, 'replaceIn');
-    };
-    const handleGroupVisibilityChange = (value) => {
-        setQueryParams({ visible: value }, 'replaceIn');
-    };
-    const handleStorageTypeChange = (value) => {
-        setQueryParams({ type: value }, 'replaceIn');
-    };
-    const handleUptimeFilterChange = (value) => {
-        setQueryParams({ uptimeFilter: value }, 'replaceIn');
-    };
-    const handleShowAllNodes = () => {
-        handleGroupVisibilityChange(VISIBLE_ENTITIES.all);
-        handleUptimeFilterChange(NodesUptimeFilterValues.All);
-    };
     const renderDataTable = () => {
-        return (_jsxs(React.Fragment, { children: [isGroups ? (_jsx(StorageGroups, { visibleEntities: visibleEntities, data: storageGroups, tableSettings: DEFAULT_TABLE_SETTINGS, onShowAll: () => handleGroupVisibilityChange(VISIBLE_ENTITIES.all), sort: groupsSort, handleSort: handleGroupsSort, columns: storageGroupsColumnsToShow }, "groups")) : null, isNodes ? (_jsx(StorageNodes, { visibleEntities: visibleEntities, nodesUptimeFilter: uptimeFilter, data: storageNodes, tableSettings: DEFAULT_TABLE_SETTINGS, onShowAll: handleShowAllNodes, sort: nodesSort, handleSort: handleNodesSort, columns: storageNodesColumnsToShow }, "nodes")) : null] }));
+        return (_jsxs(React.Fragment, { children: [isGroups ? (_jsx(StorageGroupsTable, { visibleEntities: visibleEntities, data: storageGroups, onShowAll: handleShowAllGroups, sort: groupsSort, handleSort: handleGroupsSort, columns: storageGroupsColumnsToShow }, "groups")) : null, isNodes ? (_jsx(StorageNodesTable, { visibleEntities: visibleEntities, nodesUptimeFilter: nodesUptimeFilter, data: storageNodes, onShowAll: handleShowAllNodes, sort: nodesSort, handleSort: handleNodesSort, columns: storageNodesColumnsToShow }, "nodes")) : null] }));
     };
     const renderControls = () => {
-        const entitiesCountCurrent = isGroups ? storageGroups.length : storageNodes.length;
-        const columnsToSelect = isGroups
-            ? storageGroupsColumnsToSelect
-            : storageNodesColumnsToSelect;
-        const handleSelectedColumnsUpdate = isGroups
-            ? setStorageGroupsSelectedColumns
-            : setStorageNodesSelectedColumns;
-        return (_jsx(StorageControls, { searchValue: filter, handleSearchValueChange: handleTextFilterChange, withTypeSelector: true, storageType: storageType, handleStorageTypeChange: handleStorageTypeChange, visibleEntities: visibleEntities, handleVisibleEntitiesChange: handleGroupVisibilityChange, nodesUptimeFilter: uptimeFilter, handleNodesUptimeFilterChange: handleUptimeFilterChange, groupsUsageFilter: usageFilter, groupsUsageFilterOptions: usageFilterOptions, handleGroupsUsageFilterChange: handleUsageFilterChange, entitiesCountCurrent: entitiesCountCurrent, entitiesCountTotal: entitiesCount.total, entitiesLoading: isLoading, columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: handleSelectedColumnsUpdate }));
+        return (_jsxs(React.Fragment, { children: [isGroups ? (_jsx(StorageGroupsControls, { withTypeSelector: true, entitiesCountCurrent: storageGroups.length, entitiesCountTotal: groupsTotalCount, entitiesLoading: isLoading, columnsToSelect: storageGroupsColumnsToSelect, handleSelectedColumnsUpdate: setStorageGroupsSelectedColumns })) : null, isNodes ? (_jsx(StorageNodesControls, { withTypeSelector: true, entitiesCountCurrent: storageNodes.length, entitiesCountTotal: nodesTotalCount, entitiesLoading: isLoading, columnsToSelect: storageNodesColumnsToSelect, handleSelectedColumnsUpdate: setStorageNodesSelectedColumns })) : null] }));
     };
     if (isAccessError(error)) {
         return _jsx(AccessDenied, { position: "left" });

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

@@ -1 +1 @@
-{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../src/containers/Storage/Storage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAEtF,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAC,uBAAuB,EAAC,MAAM,kEAAkE,CAAC;AACzG,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AACxE,OAAO,EACH,YAAY,EACZ,WAAW,EACX,qBAAqB,GACxB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,oCAAoC,CAAC;AAM5F,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,sBAAsB,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,uBAAuB,EAAE,6BAA6B,EAAC,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAC,sBAAsB,EAAC,MAAM,mCAAmC,CAAC;AAEzE,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,+BAA+B,EAAC,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,8BAA8B,EAAC,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAE7D,OAAO,gBAAgB,CAAC;AAExB,MAAM,gBAAgB,GAAG,WAAW,CAChC;IACI,MAAM,EAAE,UAAU,CAAC,MAAM;IACzB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;QACd,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxC,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChC,CAAC;QACD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAa,CAAC;IAC7C,CAAC;CACJ,EACD,EAAE,CACL,CAAC;AASF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAe,EAAE,EAAE;;IAC1E,MAAM,EAAC,QAAQ,EAAC,GAAG,kBAAkB,EAAE,CAAC;IACxC,MAAM,EAAC,oBAAoB,EAAC,GAAG,sBAAsB,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,sBAAsB,GAAG,gCAAgC,EAAE,CAAC;IAClE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,cAAc,CAAC;QACjD,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,WAAW;QACzB,WAAW,EAAE,gBAAgB;KAChC,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,WAAW,KAAK,QAAQ,CAAC;IAC1C,MAAM,OAAO,GAAG,WAAW,KAAK,OAAO,CAAC;IAExC,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzE,MAAM,MAAM,GAAG,MAAA,WAAW,CAAC,MAAM,mCAAI,EAAE,CAAC;IACxC,MAAM,YAAY,GAAG,6BAA6B,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACnF,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;IAE5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB;QAC5D,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB,CAAC,CAAC;IACH,MAAM,eAAe,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC;IAExE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB;QAChE,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACvB,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAEhG,MAAM,EACF,aAAa,EAAE,yBAAyB,EACxC,eAAe,EAAE,2BAA2B,EAC5C,UAAU,EAAE,8BAA8B,GAC7C,GAAG,8BAA8B,CAAC;QAC/B,oBAAoB;QACpB,eAAe;QACf,QAAQ;QACR,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE;KAC/B,CAAC,CAAC;IAEH,MAAM,EACF,aAAa,EAAE,0BAA0B,EACzC,eAAe,EAAE,4BAA4B,EAC7C,UAAU,EAAE,+BAA+B,GAC9C,GAAG,+BAA+B,CAAC,eAAe,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,UAAU,CAAC,2BAA2B,CACrD;QACI,QAAQ;QACR,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,MAAM;QACf,kDAAkD;QAClD,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;KACzD,EACD;QACI,IAAI,EAAE,CAAC,OAAO;QACd,eAAe,EAAE,mBAAmB;KACvC,CACJ,CAAC;IACF,MAAM,WAAW,GAAG,UAAU,CAAC,4BAA4B,CACvD;QACI,QAAQ;QACR,IAAI,EAAE,eAAe;QACrB,MAAM;QACN,OAAO;QACP,OAAO;QACP,sBAAsB,EAAE,sBAAsB;KACjD,EACD;QACI,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,kBAAkB;QACtC,eAAe,EAAE,mBAAmB;KACvC,CACJ,CAAC;IAEF,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAE5E,MAAM,EAAC,WAAW,EAAE,EAAC,KAAK,GAAG,EAAE,EAAC,GAAG,EAAE,EAAC,GAAG,UAAU,CAAC;IACpD,MAAM,EAAC,WAAW,EAAE,EAAC,MAAM,GAAG,EAAE,EAAC,GAAG,EAAE,EAAC,GAAG,WAAW,CAAC;IACtD,MAAM,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,aAAa,EAAC,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC;IAErF,MAAM,SAAS,GAAG,WAAW,KAAK,SAAS,IAAI,UAAU,CAAC;IAE1D,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC9C,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAChC,CAAC;IACF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAChC,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAExF,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE,CAC1E,WAAW,CAAC,MAAyB,CAAC,CACzC,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAE,CAC7E,YAAY,CAAC,MAA2B,CAAC,CAC5C,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAe,EAAE,EAAE;QAChD,cAAc,CAAC,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAC,EAAE,WAAW,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC7C,cAAc,CAAC,EAAC,MAAM,EAAE,KAAK,IAAI,SAAS,EAAC,EAAE,WAAW,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC3D,cAAc,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,EAAE,WAAW,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAkB,EAAE,EAAE;QACnD,cAAc,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,WAAW,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,KAA8B,EAAE,EAAE;QAChE,cAAc,CAAC,EAAC,YAAY,EAAE,KAAK,EAAC,EAAE,WAAW,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,2BAA2B,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAClD,wBAAwB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,QAAQ,CAAC,CAAC,CAAC,CACR,KAAC,aAAa,IAEV,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,sBAAsB,EACrC,SAAS,EAAE,GAAG,EAAE,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAClE,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,gBAAgB,EAC5B,OAAO,EAAE,0BAA0B,IAP/B,QAAQ,CAQd,CACL,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACP,KAAC,YAAY,IAET,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,YAAY,EAC/B,IAAI,EAAE,YAAY,EAClB,aAAa,EAAE,sBAAsB,EACrC,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,yBAAyB,IAR9B,OAAO,CASb,CACL,CAAC,CAAC,CAAC,IAAI,IACK,CACpB,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,oBAAoB,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;QAEnF,MAAM,eAAe,GAAG,QAAQ;YAC5B,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,2BAA2B,CAAC;QAElC,MAAM,2BAA2B,GAAG,QAAQ;YACxC,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,8BAA8B,CAAC;QAErC,OAAO,CACH,KAAC,eAAe,IACZ,WAAW,EAAE,MAAM,EACnB,uBAAuB,EAAE,sBAAsB,EAC/C,gBAAgB,QAChB,WAAW,EAAE,WAAW,EACxB,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,2BAA2B,EAAE,2BAA2B,EACxD,iBAAiB,EAAE,YAAY,EAC/B,6BAA6B,EAAE,wBAAwB,EACvD,iBAAiB,EAAE,WAAW,EAC9B,wBAAwB,EAAE,kBAAkB,EAC5C,6BAA6B,EAAE,uBAAuB,EACtD,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,aAAa,CAAC,KAAK,EACvC,eAAe,EAAE,SAAS,EAC1B,eAAe,EAAE,eAAe,EAChC,2BAA2B,EAAE,2BAA2B,GAC1D,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,YAAY,IAAC,QAAQ,EAAC,MAAM,GAAG,CAAC;IAC5C,CAAC;IAED,OAAO,CACH,MAAC,uBAAuB,eACpB,KAAC,uBAAuB,CAAC,QAAQ,cAAE,cAAc,EAAE,GAAoC,EACtF,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,KAAC,uBAAuB,CAAC,KAAK,IAC1B,OAAO,EAAE,SAAS,IAAI,CAAC,kBAAkB,EACzC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAEpB,WAAW,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,GACX,IACV,CAC7B,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../src/containers/Storage/Storage.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Storage/Storage.scss

@@ -15,4 +15,8 @@
     .entity-status {
         justify-content: center;
     }
+
+    &__groups-wrapper {
+        padding-right: 20px;
+    }
 }

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

@@ -1,26 +1,13 @@
 import type { TableColumnSetupItem } from '@gravity-ui/uikit';
-import type { StorageType, VisibleEntities } from '../../../store/reducers/storage/types';
-import type { NodesUptimeFilterValues } from '../../../utils/nodes';
-import type { UsageFilterItem } from '../UsageFilter/UsageFilter';
 interface StorageControlsProps {
-    searchValue?: string;
-    handleSearchValueChange: (value: string) => void;
     withTypeSelector?: boolean;
-    storageType: StorageType;
-    handleStorageTypeChange: (value: StorageType) => void;
-    visibleEntities: VisibleEntities;
-    handleVisibleEntitiesChange: (value: VisibleEntities) => void;
-    nodesUptimeFilter: NodesUptimeFilterValues;
-    handleNodesUptimeFilterChange: (value: NodesUptimeFilterValues) => void;
-    withGroupsUsageFilter?: boolean;
-    groupsUsageFilter?: string[];
-    groupsUsageFilterOptions?: UsageFilterItem[];
-    handleGroupsUsageFilterChange?: (value: string[]) => void;
+    withGroupBySelect?: boolean;
     entitiesCountCurrent: number;
     entitiesCountTotal?: number;
     entitiesLoading: boolean;
     columnsToSelect: TableColumnSetupItem[];
     handleSelectedColumnsUpdate: (updated: TableColumnSetupItem[]) => void;
 }
-export declare const StorageControls: ({ searchValue, handleSearchValueChange, withTypeSelector, storageType, handleStorageTypeChange, visibleEntities, handleVisibleEntitiesChange, nodesUptimeFilter, handleNodesUptimeFilterChange, withGroupsUsageFilter, groupsUsageFilter, groupsUsageFilterOptions, handleGroupsUsageFilterChange, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, columnsToSelect, handleSelectedColumnsUpdate, }: StorageControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare function StorageGroupsControls({ withTypeSelector, withGroupBySelect, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, columnsToSelect, handleSelectedColumnsUpdate, }: StorageControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorageNodesControls({ withTypeSelector, withGroupBySelect, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, columnsToSelect, handleSelectedColumnsUpdate, }: StorageControlsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/StorageControls/StorageControls.js

@@ -1,21 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { TableColumnSetup } from '@gravity-ui/uikit';
+import { Select, TableColumnSetup, Text } from '@gravity-ui/uikit';
 import { EntitiesCount } from '../../../components/EntitiesCount/EntitiesCount';
 import { Search } from '../../../components/Search/Search';
 import { UptimeFilter } from '../../../components/UptimeFIlter';
-import { STORAGE_TYPES } from '../../../store/reducers/storage/constants';
+import { STORAGE_GROUPS_GROUP_BY_OPTIONS } from '../StorageGroups/columns/constants';
+import { STORAGE_NODES_GROUP_BY_OPTIONS } from '../StorageNodes/columns/constants';
 import { StorageTypeFilter } from '../StorageTypeFilter/StorageTypeFilter';
 import { StorageVisibleEntitiesFilter } from '../StorageVisibleEntitiesFilter/StorageVisibleEntitiesFilter';
-import { UsageFilter } from '../UsageFilter/UsageFilter';
 import i18n from '../i18n';
 import { b } from '../shared';
-export const StorageControls = ({ searchValue, handleSearchValueChange, withTypeSelector, storageType, handleStorageTypeChange, visibleEntities, handleVisibleEntitiesChange, nodesUptimeFilter, handleNodesUptimeFilterChange, withGroupsUsageFilter, groupsUsageFilter, groupsUsageFilterOptions, handleGroupsUsageFilterChange, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, columnsToSelect, handleSelectedColumnsUpdate, }) => {
-    const isNodes = storageType === STORAGE_TYPES.nodes;
-    const isGroups = storageType === STORAGE_TYPES.groups;
-    const entityName = isNodes ? i18n('nodes') : i18n('groups');
-    return (_jsxs(React.Fragment, { children: [_jsx(Search, { value: searchValue, onChange: handleSearchValueChange, placeholder: isNodes
-                    ? i18n('controls_nodes-search-placeholder')
-                    : i18n('controls_groups-search-placeholder'), className: b('search') }), withTypeSelector && (_jsx(StorageTypeFilter, { value: storageType, onChange: handleStorageTypeChange })), _jsx(StorageVisibleEntitiesFilter, { value: visibleEntities, onChange: handleVisibleEntitiesChange }), isNodes && (_jsx(UptimeFilter, { value: nodesUptimeFilter, onChange: handleNodesUptimeFilterChange })), isGroups && withGroupsUsageFilter && (_jsx(UsageFilter, { value: groupsUsageFilter, onChange: handleGroupsUsageFilterChange, groups: groupsUsageFilterOptions })), _jsx(EntitiesCount, { label: entityName, loading: entitiesLoading, total: entitiesCountTotal, current: entitiesCountCurrent }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: handleSelectedColumnsUpdate, sortable: false })] }));
-};
+import { useStorageQueryParams } from '../useStorageQueryParams';
+export function StorageGroupsControls({ withTypeSelector, withGroupBySelect, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, columnsToSelect, handleSelectedColumnsUpdate, }) {
+    const { searchValue, storageType, visibleEntities, storageGroupsGroupByParam, handleTextFilterChange, handleStorageTypeChange, handleVisibleEntitiesChange, handleStorageGroupsGroupByParamChange, } = useStorageQueryParams();
+    const handleGroupBySelectUpdate = (value) => {
+        handleStorageGroupsGroupByParamChange(value[0]);
+    };
+    return (_jsxs(React.Fragment, { children: [_jsx(Search, { value: searchValue, onChange: handleTextFilterChange, placeholder: i18n('controls_groups-search-placeholder'), className: b('search') }), withTypeSelector && (_jsx(StorageTypeFilter, { value: storageType, onChange: handleStorageTypeChange })), withGroupBySelect ? null : (_jsx(StorageVisibleEntitiesFilter, { value: visibleEntities, onChange: handleVisibleEntitiesChange })), _jsx(EntitiesCount, { label: i18n('groups'), loading: entitiesLoading, total: entitiesCountTotal, current: entitiesCountCurrent }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: handleSelectedColumnsUpdate, sortable: false }), withGroupBySelect ? (_jsxs(React.Fragment, { children: [_jsx(Text, { variant: "body-2", children: i18n('controls_group-by-placeholder') }), _jsx(Select, { hasClear: true, placeholder: '-', width: 170, defaultValue: storageGroupsGroupByParam ? [storageGroupsGroupByParam] : undefined, onUpdate: handleGroupBySelectUpdate, options: STORAGE_GROUPS_GROUP_BY_OPTIONS })] })) : null] }));
+}
+export function StorageNodesControls({ withTypeSelector, withGroupBySelect, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, columnsToSelect, handleSelectedColumnsUpdate, }) {
+    const { searchValue, storageType, visibleEntities, nodesUptimeFilter, storageNodesGroupByParam, handleTextFilterChange, handleStorageTypeChange, handleVisibleEntitiesChange, handleUptimeFilterChange, handleStorageNodesGroupByParamChange, } = useStorageQueryParams();
+    const handleGroupBySelectUpdate = (value) => {
+        handleStorageNodesGroupByParamChange(value[0]);
+    };
+    return (_jsxs(React.Fragment, { children: [_jsx(Search, { value: searchValue, onChange: handleTextFilterChange, placeholder: i18n('controls_nodes-search-placeholder'), className: b('search') }), withTypeSelector && (_jsx(StorageTypeFilter, { value: storageType, onChange: handleStorageTypeChange })), withGroupBySelect ? null : (_jsx(StorageVisibleEntitiesFilter, { value: visibleEntities, onChange: handleVisibleEntitiesChange })), withGroupBySelect ? null : (_jsx(UptimeFilter, { value: nodesUptimeFilter, onChange: handleUptimeFilterChange })), _jsx(EntitiesCount, { label: i18n('nodes'), loading: entitiesLoading, total: entitiesCountTotal, current: entitiesCountCurrent }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: handleSelectedColumnsUpdate, sortable: false }), withGroupBySelect ? (_jsxs(React.Fragment, { children: [_jsx(Text, { variant: "body-2", children: i18n('controls_group-by-placeholder') }), _jsx(Select, { hasClear: true, placeholder: '-', width: 170, defaultValue: storageNodesGroupByParam ? [storageNodesGroupByParam] : undefined, onUpdate: handleGroupBySelectUpdate, options: STORAGE_NODES_GROUP_BY_OPTIONS })] })) : null] }));
+}
 //# sourceMappingURL=StorageControls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StorageControls.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageControls/StorageControls.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,aAAa,EAAC,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,2CAA2C,CAAC;AAGxE,OAAO,EAAC,iBAAiB,EAAC,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAC,4BAA4B,EAAC,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAEvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AA6B5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,WAAW,EACX,uBAAuB,EAEvB,gBAAgB,EAChB,WAAW,EACX,uBAAuB,EAEvB,eAAe,EACf,2BAA2B,EAE3B,iBAAiB,EACjB,6BAA6B,EAE7B,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,EACxB,6BAA6B,EAE7B,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EAEf,eAAe,EACf,2BAA2B,GACR,EAAE,EAAE;IACvB,MAAM,OAAO,GAAG,WAAW,KAAK,aAAa,CAAC,KAAK,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,KAAK,aAAa,CAAC,MAAM,CAAC;IACtD,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE5D,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IACH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,uBAAuB,EACjC,WAAW,EACP,OAAO;oBACH,CAAC,CAAC,IAAI,CAAC,mCAAmC,CAAC;oBAC3C,CAAC,CAAC,IAAI,CAAC,oCAAoC,CAAC,EAEpD,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,EACD,gBAAgB,IAAI,CACjB,KAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,GAAI,CAC/E,EACD,KAAC,4BAA4B,IACzB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,2BAA2B,GACvC,EAED,OAAO,IAAI,CACR,KAAC,YAAY,IAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,6BAA6B,GAAI,CACtF,EACA,QAAQ,IAAI,qBAAqB,IAAI,CAClC,KAAC,WAAW,IACR,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,6BAA6B,EACvC,MAAM,EAAE,wBAAwB,GAClC,CACL,EAED,KAAC,aAAa,IACV,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,oBAAoB,GAC/B,EACF,KAAC,gBAAgB,IACb,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,eAAe,EACtB,UAAU,QACV,QAAQ,EAAE,2BAA2B,EACrC,QAAQ,EAAE,KAAK,GACjB,IACW,CACpB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"StorageControls.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageControls/StorageControls.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Storage/StorageGroups/PaginatedStorageGroupsTable.d.ts

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

package/dist/containers/Storage/StorageGroups/{PaginatedStorageGroups.js → PaginatedStorageGroupsTable.js}

@@ -8,19 +8,37 @@ import { StorageGroupsEmptyDataMessage } from './StorageGroupsEmptyDataMessage';
 import { STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import { useGroupsGetter } from './getGroups';
 import i18n from './i18n';
-export const PaginatedStorageGroups = ({ columns, searchValue, visibleEntities, database, nodeId, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
+export const PaginatedStorageGroupsTable = ({ columns, database, nodeId, groupId, pDiskId, filterGroup, filterGroupBy, searchValue, visibleEntities, onShowAll, parentContainer, renderControls, renderErrorMessage, initialEntitiesCount, }) => {
     const capabilitiesLoaded = useCapabilitiesLoaded();
     const groupsHandlerAvailable = useStorageGroupsHandlerAvailable();
     const fetchData = useGroupsGetter(groupsHandlerAvailable);
     const tableFilters = React.useMemo(() => {
-        return { searchValue, visibleEntities, database, nodeId };
-    }, [searchValue, visibleEntities, database, nodeId]);
+        return {
+            searchValue,
+            visibleEntities,
+            database,
+            nodeId,
+            groupId,
+            pDiskId,
+            filterGroup,
+            filterGroupBy,
+        };
+    }, [
+        searchValue,
+        visibleEntities,
+        database,
+        nodeId,
+        groupId,
+        pDiskId,
+        filterGroup,
+        filterGroupBy,
+    ]);
     const renderEmptyDataMessage = () => {
         if (visibleEntities !== VISIBLE_ENTITIES.all) {
             return (_jsx(StorageGroupsEmptyDataMessage, { onShowAll: onShowAll, visibleEntities: visibleEntities }));
         }
         return i18n('empty.default');
     };
-    return (_jsx(LoaderWrapper, { loading: !capabilitiesLoaded, children: _jsx(ResizeablePaginatedTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, parentContainer: parentContainer, columns: columns, fetchData: fetchData, limit: 50, renderControls: renderControls, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, filters: tableFilters, tableName: "storage-groups" }) }));
+    return (_jsx(LoaderWrapper, { loading: !capabilitiesLoaded, children: _jsx(ResizeablePaginatedTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, parentContainer: parentContainer, columns: columns, fetchData: fetchData, limit: 50, initialEntitiesCount: initialEntitiesCount, renderControls: renderControls, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, filters: tableFilters, tableName: "storage-groups" }) }));
 };
-//# sourceMappingURL=PaginatedStorageGroups.js.map
+//# sourceMappingURL=PaginatedStorageGroupsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedStorageGroupsTable.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageGroups/PaginatedStorageGroupsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,iDAAiD,CAAC;AAE9E,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EACH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAI3E,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,mCAAmC,EAAC,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAuB1B,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EACxC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,WAAW,EACX,eAAe,EACf,SAAS,EACT,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,oBAAoB,GACW,EAAE,EAAE;IACnC,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,sBAAsB,GAAG,gCAAgC,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO;YACH,WAAW;YACX,eAAe;YACf,QAAQ;YACR,MAAM;YACN,OAAO;YACP,OAAO;YACP,WAAW;YACX,aAAa;SAChB,CAAC;IACN,CAAC,EAAE;QACC,WAAW;QACX,eAAe;QACf,QAAQ;QACR,MAAM;QACN,OAAO;QACP,OAAO;QACP,WAAW;QACX,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,IAAI,eAAe,KAAK,gBAAgB,CAAC,GAAG,EAAE,CAAC;YAC3C,OAAO,CACH,KAAC,6BAA6B,IAC1B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,CAAC,kBAAkB,YACvC,KAAC,wBAAwB,IACrB,iBAAiB,EAAE,mCAAmC,EACtD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,EACT,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,gBAAgB,GAC5B,GACU,CACnB,CAAC;AACN,CAAC,CAAC"}

package/dist/containers/Storage/StorageGroups/{StorageGroups.d.ts → StorageGroupsTable.d.ts}

@@ -1,15 +1,14 @@
-import type { Settings, SortOrder } from '@gravity-ui/react-data-table';
+import type { SortOrder } from '@gravity-ui/react-data-table';
 import type { PreparedStorageGroup, VisibleEntities } from '../../../store/reducers/storage/types';
 import type { HandleSort } from '../../../utils/hooks/useTableSort';
 import type { StorageGroupsColumn } from './columns/types';
-interface StorageGroupsProps {
+interface StorageGroupsTableProps {
     data: PreparedStorageGroup[];
     columns: StorageGroupsColumn[];
-    tableSettings: Settings;
     visibleEntities: VisibleEntities;
     onShowAll?: VoidFunction;
     sort?: SortOrder;
     handleSort?: HandleSort;
 }
-export declare function StorageGroups({ data, columns, tableSettings, visibleEntities, onShowAll, sort, handleSort, }: StorageGroupsProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorageGroupsTable({ data, columns, visibleEntities, onShowAll, sort, handleSort, }: StorageGroupsTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/StorageGroups/{StorageGroups.js → StorageGroupsTable.js}

@@ -1,13 +1,14 @@
 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 { StorageGroupsEmptyDataMessage } from './StorageGroupsEmptyDataMessage';
 import { STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import i18n from './i18n';
-export function StorageGroups({ data, columns, tableSettings, visibleEntities, onShowAll, sort, handleSort, }) {
+export function StorageGroupsTable({ data, columns, visibleEntities, onShowAll, sort, handleSort, }) {
     if (!data.length && visibleEntities !== VISIBLE_ENTITIES.all) {
         return (_jsx(StorageGroupsEmptyDataMessage, { onShowAll: onShowAll, visibleEntities: visibleEntities }));
     }
-    return (_jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: tableSettings, emptyDataMessage: i18n('empty.default'), sortOrder: sort, onSort: handleSort }, visibleEntities));
+    return (_jsx(ResizeableDataTable, { columnsWidthLSKey: STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY, data: data, columns: columns, settings: DEFAULT_TABLE_SETTINGS, emptyDataMessage: i18n('empty.default'), sortOrder: sort, onSort: handleSort }, visibleEntities));
 }
-//# sourceMappingURL=StorageGroups.js.map
+//# sourceMappingURL=StorageGroupsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StorageGroupsTable.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageGroups/StorageGroupsTable.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;AAGhE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,mCAAmC,EAAC,MAAM,qBAAqB,CAAC;AAExE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAW1B,MAAM,UAAU,kBAAkB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,IAAI,EACJ,UAAU,GACY;IACtB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,eAAe,KAAK,gBAAgB,CAAC,GAAG,EAAE,CAAC;QAC3D,OAAO,CACH,KAAC,6BAA6B,IAC1B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,mCAAmC,EAEtD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,gBAAgB,EAAE,IAAI,CAAC,eAAe,CAAC,EACvC,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,UAAU,IANb,eAAe,CAOtB,CACL,CAAC;AACN,CAAC"}

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

@@ -9,12 +9,15 @@ import { InternalLink } from '../../../../components/InternalLink';
 import { UsageLabel } from '../../../../components/UsageLabel/UsageLabel';
 import { VDiskWithDonorsStack } from '../../../../components/VDisk/VDiskWithDonorsStack';
 import { getStorageGroupPath } from '../../../../routes';
+import { valueIsDefined } from '../../../../utils';
 import { cn } from '../../../../utils/cn';
-import { stringifyVdiskId } from '../../../../utils/dataFormatters/dataFormatters';
+import { EMPTY_DATA_PLACEHOLDER } from '../../../../utils/constants';
+import { formatNumber, stringifyVdiskId } from '../../../../utils/dataFormatters/dataFormatters';
 import { isSortableStorageProperty } from '../../../../utils/storage';
+import { formatToMs, parseUsToMs } from '../../../../utils/timeParsers';
 import { bytesToGB, bytesToSpeed } from '../../../../utils/utils';
 import { Disks } from '../../Disks/Disks';
-import { getDegradedSeverity, getUsageSeverityForStorageGroup } from '../../utils';
+import { getDegradedSeverity, getUsageSeverityForStorageGroup, isVdiskActive } from '../../utils';
 import i18n from '../i18n';
 import { STORAGE_GROUPS_COLUMNS_IDS, STORAGE_GROUPS_COLUMNS_TITLES } from './constants';
 import './StorageGroupsColumns.scss';
@@ -125,27 +128,47 @@ const writeColumn = {
     },
     align: DataTable.RIGHT,
 };
-const getVDisksColumn = (nodes) => ({
+const latencyColumn = {
+    name: STORAGE_GROUPS_COLUMNS_IDS.Latency,
+    header: STORAGE_GROUPS_COLUMNS_TITLES.Latency,
+    width: 100,
+    render: ({ row }) => {
+        return valueIsDefined(row.LatencyPutTabletLogMs)
+            ? formatToMs(parseUsToMs(row.LatencyPutTabletLogMs))
+            : EMPTY_DATA_PLACEHOLDER;
+    },
+    align: DataTable.RIGHT,
+};
+const allocationUnitsColumn = {
+    name: STORAGE_GROUPS_COLUMNS_IDS.AllocationUnits,
+    header: STORAGE_GROUPS_COLUMNS_TITLES.AllocationUnits,
+    width: 150,
+    render: ({ row }) => {
+        return valueIsDefined(row.AllocationUnits)
+            ? formatNumber(row.AllocationUnits)
+            : EMPTY_DATA_PLACEHOLDER;
+    },
+    align: DataTable.RIGHT,
+};
+const getVDisksColumn = (data) => ({
     name: STORAGE_GROUPS_COLUMNS_IDS.VDisks,
     header: STORAGE_GROUPS_COLUMNS_TITLES.VDisks,
     className: b('vdisks-column'),
     render: ({ row }) => {
         var _a;
-        return (_jsx("div", { className: b('vdisks-wrapper'), children: (_a = row.VDisks) === null || _a === void 0 ? void 0 : _a.map((vDisk) => {
-                return (_jsx(VDiskWithDonorsStack, { data: vDisk, nodes: nodes, className: b('vdisks-item') }, stringifyVdiskId(vDisk.VDiskId)));
-            }) }));
+        return (_jsx("div", { className: b('vdisks-wrapper'), children: (_a = row.VDisks) === null || _a === void 0 ? void 0 : _a.map((vDisk) => (_jsx(VDiskWithDonorsStack, { data: vDisk, inactive: !isVdiskActive(vDisk, data), className: b('vdisks-item') }, stringifyVdiskId(vDisk.VDiskId)))) }));
     },
     align: DataTable.CENTER,
     width: 900,
     resizeable: false,
     sortable: false,
 });
-const getDisksColumn = (nodes) => ({
+const getDisksColumn = (data) => ({
     name: STORAGE_GROUPS_COLUMNS_IDS.VDisksPDisks,
     header: STORAGE_GROUPS_COLUMNS_TITLES.VDisksPDisks,
     className: b('disks-column'),
     render: ({ row }) => {
-        return _jsx(Disks, { vDisks: row.VDisks, nodes: nodes });
+        return _jsx(Disks, { vDisks: row.VDisks, viewContext: data });
     },
     align: DataTable.CENTER,
     width: 900,
@@ -181,8 +204,10 @@ export const getStorageGroupsColumns = (data) => {
         usedSpaceFlagColumn,
         readColumn,
         writeColumn,
-        getVDisksColumn(data === null || data === void 0 ? void 0 : data.nodes),
-        getDisksColumn(data === null || data === void 0 ? void 0 : data.nodes),
+        latencyColumn,
+        allocationUnitsColumn,
+        getVDisksColumn(data),
+        getDisksColumn(data),
     ];
     return columns.map((column) => ({
         ...column,