ydb-embedded-ui 6.21.0 → 6.23.0

package/dist/containers/Storage/PaginatedStorageGroups.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ResponseError } from '../../components/Errors/ResponseError/ResponseError';
+import { LoaderWrapper } from '../../components/LoaderWrapper/LoaderWrapper';
+import { TableWithControlsLayout } from '../../components/TableWithControlsLayout/TableWithControlsLayout';
+import { useCapabilitiesLoaded, useStorageGroupsHandlerHasGrouping, } from '../../store/reducers/capabilities/hooks';
+import { storageApi } from '../../store/reducers/storage/storage';
+import { useAutoRefreshInterval } from '../../utils/hooks';
+import { StorageGroupsControls } from './StorageControls/StorageControls';
+import { PaginatedStorageGroupsTable } from './StorageGroups/PaginatedStorageGroupsTable';
+import { useStorageGroupsSelectedColumns } from './StorageGroups/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 function PaginatedStorageGroups(props) {
+    const { storageGroupsGroupByParam, visibleEntities, handleShowAllGroups } = useStorageQueryParams();
+    const capabilitiesLoaded = useCapabilitiesLoaded();
+    const storageGroupsHandlerHasGroupping = useStorageGroupsHandlerHasGrouping();
+    // Other filters do not fit with grouping
+    // Reset them if grouping available
+    React.useEffect(() => {
+        if (storageGroupsHandlerHasGroupping && visibleEntities !== 'all') {
+            handleShowAllGroups();
+        }
+    }, [handleShowAllGroups, storageGroupsHandlerHasGroupping, visibleEntities]);
+    const renderContent = () => {
+        if (storageGroupsHandlerHasGroupping && storageGroupsGroupByParam) {
+            return _jsx(GroupedStorageGroupsComponent, { ...props });
+        }
+        return _jsx(StorageGroupsComponent, { ...props });
+    };
+    return _jsx(LoaderWrapper, { loading: !capabilitiesLoaded, children: renderContent() });
+}
+function StorageGroupsComponent({ database, nodeId, groupId, pDiskId, parentContainer, }) {
+    const { searchValue, visibleEntities, handleShowAllGroups } = useStorageQueryParams();
+    const { columnsToShow, columnsToSelect, setColumns } = useStorageGroupsSelectedColumns({
+        visibleEntities,
+        nodeId: nodeId === null || nodeId === void 0 ? void 0 : nodeId.toString(),
+    });
+    const renderControls = ({ totalEntities, foundEntities, inited }) => {
+        return (_jsx(StorageGroupsControls, { withTypeSelector: true, withGroupBySelect: true, entitiesCountCurrent: foundEntities, entitiesCountTotal: totalEntities, entitiesLoading: !inited, columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns }));
+    };
+    return (_jsx(PaginatedStorageGroupsTable, { database: database, nodeId: nodeId, groupId: groupId, pDiskId: pDiskId, searchValue: searchValue, visibleEntities: visibleEntities, onShowAll: handleShowAllGroups, parentContainer: parentContainer, renderControls: renderControls, renderErrorMessage: renderPaginatedTableErrorMessage, columns: columnsToShow }));
+}
+function GroupedStorageGroupsComponent({ database, nodeId, groupId, pDiskId, }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { searchValue, storageGroupsGroupByParam, visibleEntities, handleShowAllGroups } = useStorageQueryParams();
+    const { columnsToShow, columnsToSelect, setColumns } = useStorageGroupsSelectedColumns({
+        visibleEntities,
+        nodeId: nodeId === null || nodeId === void 0 ? void 0 : nodeId.toString(),
+    });
+    const { currentData, isFetching, error } = storageApi.useGetStorageGroupsInfoQuery({
+        database,
+        with: 'all',
+        nodeId,
+        groupId,
+        pDiskId,
+        filter: searchValue,
+        shouldUseGroupsHandler: true,
+        group: storageGroupsGroupByParam,
+    }, {
+        pollingInterval: autoRefreshInterval,
+    });
+    const isLoading = currentData === undefined && isFetching;
+    const { tableGroups, found = 0, total = 0 } = currentData || {};
+    const { expandedGroups, setIsGroupExpanded } = useExpandedGroups(tableGroups);
+    const renderControls = () => {
+        return (_jsx(StorageGroupsControls, { 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('groups'), expanded: isExpanded, onIsExpandedChange: setIsGroupExpanded, children: _jsx(PaginatedStorageGroupsTable, { database: database, nodeId: nodeId, groupId: groupId, pDiskId: pDiskId, filterGroup: name, filterGroupBy: storageGroupsGroupByParam, searchValue: searchValue, visibleEntities: 'all', onShowAll: handleShowAllGroups, renderErrorMessage: renderPaginatedTableErrorMessage, columns: columnsToShow, initialEntitiesCount: count }) }, name));
+            });
+        }
+        return i18n('no-groups');
+    };
+    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() })] }));
+}
+//# sourceMappingURL=PaginatedStorageGroups.js.map

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

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

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

@@ -0,0 +1,3 @@
+import type { PaginatedStorageProps } from './PaginatedStorage';
+import './Storage.scss';
+export declare const PaginatedStorageNodes: (props: PaginatedStorageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
-import type { AdditionalNodesProps } from '../../types/additionalProps';
 import './Storage.scss';
 interface StorageProps {
-    additionalNodesProps?: AdditionalNodesProps;
     database?: string;
-    nodeId?: string;
+    nodeId?: string | number;
+    groupId?: string | number;
+    pDiskId?: string | number;
 }
-export declare const Storage: ({ additionalNodesProps, database, nodeId }: StorageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Storage: ({ database, nodeId, groupId, pDiskId }: StorageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/Storage.js

@@ -1,53 +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 { STORAGE_TYPES, VISIBLE_ENTITIES } from '../../store/reducers/storage/constants';
-import { filterGroups, filterNodes, getUsageFilterOptions, } from '../../store/reducers/storage/selectors';
+import { useClusterBaseInfo } from '../../store/reducers/cluster/cluster';
+import { filterGroups, filterNodes } from '../../store/reducers/storage/selectors';
 import { storageApi } from '../../store/reducers/storage/storage';
-import { storageTypeSchema, visibleEntitiesSchema } from '../../store/reducers/storage/types';
-import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
 import { useAutoRefreshInterval, useTableSort } from '../../utils/hooks';
-import { NodesUptimeFilterValues, nodesUptimeFilterValuesSchema } from '../../utils/nodes';
-import { StorageControls } from './StorageControls/StorageControls';
-import { StorageGroups } from './StorageGroups/StorageGroups';
-import { StorageNodes } from './StorageNodes/StorageNodes';
+import { useAdditionalNodeProps } from '../AppWithClusters/useClusterData';
+import { StorageGroupsControls, StorageNodesControls } from './StorageControls/StorageControls';
+import { StorageGroupsTable } from './StorageGroups/StorageGroupsTable';
+import { useStorageGroupsSelectedColumns } from './StorageGroups/columns/hooks';
+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 = ({ additionalNodesProps, database, nodeId }) => {
-    var _a;
+export const Storage = ({ database, nodeId, groupId, pDiskId }) => {
+    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 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 isGroups = storageType === 'groups';
+    const isNodes = storageType === 'nodes';
     const [nodeSort, setNodeSort] = React.useState({
         sortOrder: undefined,
         sortValue: undefined,
@@ -58,50 +39,48 @@ export const Storage = ({ additionalNodesProps, database, nodeId }) => {
         sortValue: undefined,
     });
     const groupsSortParams = groupSort.sortOrder ? groupSort : getDefaultSortGroup(visibleEntities);
-    const nodesQuery = storageApi.useGetStorageNodesInfoQuery({ database, visibleEntities, node_id: nodeId }, {
-        skip: storageType !== STORAGE_TYPES.nodes,
+    const { columnsToShow: storageNodesColumnsToShow, columnsToSelect: storageNodesColumnsToSelect, setColumns: setStorageNodesSelectedColumns, } = useStorageNodesSelectedColumns({
+        additionalNodesProps,
+        visibleEntities,
+        database,
+        groupId: groupId === null || groupId === void 0 ? void 0 : groupId.toString(),
+    });
+    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,
+        group_id: groupId,
+    }, {
+        skip: !isNodes,
         pollingInterval: autoRefreshInterval,
     });
-    const groupsQuery = storageApi.useGetStorageGroupsInfoQuery({ database, with: visibleEntities, nodeId, shouldUseGroupsHandler: groupsHandlerAvailable }, {
-        skip: storageType !== STORAGE_TYPES.groups || !capabilitiesLoaded,
+    const groupsQuery = storageApi.useGetStorageGroupsInfoQuery({
+        database,
+        with: visibleEntities,
+        nodeId,
+        groupId,
+        pDiskId,
+        shouldUseGroupsHandler: groupsHandlerAvailable,
+    }, {
+        skip: !isGroups || !capabilitiesLoaded,
         pollingInterval: autoRefreshInterval,
     });
-    const { currentData, isFetching, error } = storageType === STORAGE_TYPES.nodes ? nodesQuery : groupsQuery;
+    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: [storageType === STORAGE_TYPES.groups && (_jsx(StorageGroups, { visibleEntities: visibleEntities, data: storageGroups, tableSettings: DEFAULT_TABLE_SETTINGS, onShowAll: () => handleGroupVisibilityChange(VISIBLE_ENTITIES.all), sort: groupsSort, handleSort: handleGroupsSort }, "groups")), storageType === STORAGE_TYPES.nodes && (_jsx(StorageNodes, { visibleEntities: visibleEntities, nodesUptimeFilter: uptimeFilter, data: storageNodes, tableSettings: DEFAULT_TABLE_SETTINGS, onShowAll: handleShowAllNodes, additionalNodesProps: additionalNodesProps, sort: nodesSort, handleSort: handleNodesSort, database: database }, "nodes"))] }));
+        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 = () => {
-        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: storageType === STORAGE_TYPES.groups
-                ? storageGroups.length
-                : storageNodes.length, entitiesCountTotal: entitiesCount.total, entitiesLoading: isLoading }));
+        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":"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"}
+{"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,23 +1,13 @@
-import type { StorageType, VisibleEntities } from '../../../store/reducers/storage/types';
-import type { NodesUptimeFilterValues } from '../../../utils/nodes';
-import type { UsageFilterItem } from '../UsageFilter/UsageFilter';
+import type { TableColumnSetupItem } from '@gravity-ui/uikit';
 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, }: 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,19 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+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, }) => {
-    const isNodes = storageType === STORAGE_TYPES.nodes;
-    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 })), !isNodes && withGroupsUsageFilter && (_jsx(UsageFilter, { value: groupsUsageFilter, onChange: handleGroupsUsageFilterChange, groups: groupsUsageFilterOptions })), _jsx(EntitiesCount, { label: entityName, loading: entitiesLoading, total: entitiesCountTotal, current: entitiesCountCurrent })] }));
-};
+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;AAE1B,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;AA0B5B,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,GACI,EAAE,EAAE;IACvB,MAAM,OAAO,GAAG,WAAW,KAAK,aAAa,CAAC,KAAK,CAAC;IACpD,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,CAAC,OAAO,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,IACW,CACpB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"StorageControls.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageControls/StorageControls.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEjE,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,+BAA+B,EAAC,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAC,8BAA8B,EAAC,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAC,iBAAiB,EAAC,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAC,4BAA4B,EAAC,MAAM,8DAA8D,CAAC;AAC1G,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AAC5B,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;AAc/D,MAAM,UAAU,qBAAqB,CAAC,EAClC,gBAAgB,EAChB,iBAAiB,EAEjB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EAEf,eAAe,EACf,2BAA2B,GACR;IACnB,MAAM,EACF,WAAW,EACX,WAAW,EACX,eAAe,EACf,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,qCAAqC,GACxC,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,yBAAyB,GAAG,CAAC,KAAe,EAAE,EAAE;QAClD,qCAAqC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IACH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,sBAAsB,EAChC,WAAW,EAAE,IAAI,CAAC,oCAAoC,CAAC,EACvD,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,EACD,gBAAgB,IAAI,CACjB,KAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,GAAI,CAC/E,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,4BAA4B,IACzB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,2BAA2B,GACvC,CACL,EACD,KAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EACrB,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,EACD,iBAAiB,CAAC,CAAC,CAAC,CACjB,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,YAAE,IAAI,CAAC,+BAA+B,CAAC,GAAQ,EACrE,KAAC,MAAM,IACH,QAAQ,QACR,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,GAAG,EACV,YAAY,EACR,yBAAyB,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,SAAS,EAEvE,QAAQ,EAAE,yBAAyB,EACnC,OAAO,EAAE,+BAA+B,GAC1C,IACW,CACpB,CAAC,CAAC,CAAC,IAAI,IACK,CACpB,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,gBAAgB,EAChB,iBAAiB,EAEjB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EAEf,eAAe,EACf,2BAA2B,GACR;IACnB,MAAM,EACF,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,wBAAwB,EACxB,oCAAoC,GACvC,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,yBAAyB,GAAG,CAAC,KAAe,EAAE,EAAE;QAClD,oCAAoC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IACH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,sBAAsB,EAChC,WAAW,EAAE,IAAI,CAAC,mCAAmC,CAAC,EACtD,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,EACD,gBAAgB,IAAI,CACjB,KAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,GAAI,CAC/E,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,4BAA4B,IACzB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,2BAA2B,GACvC,CACL,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,wBAAwB,GAAI,CACjF,EACD,KAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EACpB,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,EACD,iBAAiB,CAAC,CAAC,CAAC,CACjB,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,YAAE,IAAI,CAAC,+BAA+B,CAAC,GAAQ,EACrE,KAAC,MAAM,IACH,QAAQ,QACR,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,GAAG,EACV,YAAY,EACR,wBAAwB,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,EAErE,QAAQ,EAAE,yBAAyB,EACnC,OAAO,EAAE,8BAA8B,GACzC,IACW,CACpB,CAAC,CAAC,CAAC,IAAI,IACK,CACpB,CAAC;AACN,CAAC"}

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}

@@ -5,24 +5,40 @@ import { ResizeablePaginatedTable } from '../../../components/PaginatedTable';
 import { useCapabilitiesLoaded, useStorageGroupsHandlerAvailable, } from '../../../store/reducers/capabilities/hooks';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { StorageGroupsEmptyDataMessage } from './StorageGroupsEmptyDataMessage';
-import { STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY } from './columns/getStorageGroupsColumns';
-import { useGetStorageGroupsColumns } from './columns/hooks';
+import { STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import { useGroupsGetter } from './getGroups';
 import i18n from './i18n';
-export const PaginatedStorageGroups = ({ searchValue, visibleEntities, database, nodeId, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
-    const columns = useGetStorageGroupsColumns(visibleEntities);
+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