ydb-embedded-ui 6.21.0 → 6.23.0

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

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

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

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

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

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

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

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

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

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

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

@@ -1,24 +1,28 @@
 import { prepareStorageNodesResponse } from '../../../store/reducers/storage/utils';
-import { getUptimeParamValue } from '../../../utils/nodes';
-const getConcurrentId = (limit, offset) => {
-    return `getStorageNodes|offset${offset}|limit${limit}`;
-};
+import { prepareSortValue } from '../../../utils/filters';
+import { getUptimeParamValue, isSortableNodesProperty } from '../../../utils/nodes';
 export const getStorageNodes = async (params) => {
     const { type = 'static', storage = true, limit, offset, sortParams, filters } = params;
-    const { searchValue, nodesUptimeFilter, visibleEntities, database } = filters !== null && filters !== void 0 ? filters : {};
+    const { searchValue, nodesUptimeFilter, visibleEntities, database, nodeId, groupId, filterGroup, filterGroupBy, } = filters !== null && filters !== void 0 ? filters : {};
     const { sortOrder, columnId } = sortParams !== null && sortParams !== void 0 ? sortParams : {};
+    const sort = isSortableNodesProperty(columnId)
+        ? prepareSortValue(columnId, sortOrder)
+        : undefined;
     const response = await window.api.getNodes({
         type,
         storage,
         limit,
         offset,
-        sortOrder,
-        sortValue: columnId,
+        sort,
         filter: searchValue,
         uptime: getUptimeParamValue(nodesUptimeFilter),
-        visibleEntities,
+        with: visibleEntities,
         database,
-    }, { concurrentId: getConcurrentId(limit, offset) });
+        node_id: nodeId,
+        group_id: groupId,
+        filter_group: filterGroup,
+        filter_group_by: filterGroupBy,
+    });
     const preparedResponse = prepareStorageNodesResponse(response);
     return {
         data: preparedResponse.nodes || [],

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import './TableGroup.scss';
+interface TableGroupProps {
+    children?: React.ReactNode;
+    title: string;
+    entityName: string;
+    count: string | number;
+    expanded: boolean;
+    onIsExpandedChange: (name: string, isExpanded: boolean) => void;
+}
+export declare function TableGroup({ children, title, entityName, count, expanded, onIsExpandedChange, }: TableGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Storage/TableGroup/TableGroup.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowToggle, Label, Text } from '@gravity-ui/uikit';
+import { cn } from '../../../utils/cn';
+import './TableGroup.scss';
+const b = cn('ydb-table-group');
+export function TableGroup({ children, title, entityName, count, expanded = false, onIsExpandedChange, }) {
+    const toggleCollapsed = () => {
+        onIsExpandedChange(title, !expanded);
+    };
+    const renderTitle = () => {
+        return (_jsx("button", { onClick: toggleCollapsed, className: b('button'), title: title, children: _jsxs("div", { className: b('title-wrapper'), children: [_jsx(ArrowToggle, { direction: expanded ? 'top' : 'bottom' }), _jsxs("div", { className: b('title'), children: [_jsx(Text, { variant: "subheader-2", children: title }), _jsxs(Text, { variant: "body-2", color: "secondary", className: b('count'), children: [entityName, ": ", _jsx(Label, { theme: "normal", children: count })] })] })] }) }));
+    };
+    const renderContent = () => {
+        if (expanded) {
+            return _jsx("div", { className: b('content'), children: children });
+        }
+        return null;
+    };
+    return (_jsxs("div", { className: b(null), children: [renderTitle(), renderContent()] }));
+}
+//# sourceMappingURL=TableGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableGroup.js","sourceRoot":"","sources":["../../../../src/containers/Storage/TableGroup/TableGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAYhC,MAAM,UAAU,UAAU,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GACJ;IACd,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,kBAAkB,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,OAAO,CACH,iBAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,YAClE,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,WAAW,IAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAAI,EACvD,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,EAC1C,MAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACzD,UAAU,QAAG,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,YAAE,KAAK,GAAS,IAChD,IACL,IACJ,GACD,CACZ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;QAC1D,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,aAClB,WAAW,EAAE,EACb,aAAa,EAAE,IACd,CACT,CAAC;AACN,CAAC"}

package/dist/containers/Storage/TableGroup/TableGroup.scss

@@ -0,0 +1,49 @@
+.ydb-table-group {
+    display: flex;
+    flex-direction: column;
+
+    width: 100%;
+    margin-bottom: 20px;
+
+    border: 1px solid var(--g-color-line-generic);
+    border-radius: var(--g-spacing-2);
+
+    &__button {
+        padding: 8px 0;
+
+        cursor: pointer;
+
+        border: unset;
+        background: unset;
+    }
+
+    &__title-wrapper {
+        position: sticky;
+        left: 0;
+
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        gap: var(--g-spacing-2);
+
+        width: max-content;
+        padding-left: 20px;
+    }
+
+    &__title {
+        display: flex;
+        flex-direction: row;
+        gap: var(--g-spacing-4);
+    }
+
+    &__count {
+        display: flex;
+        flex-direction: row;
+        gap: var(--g-spacing-3);
+    }
+
+    &__content {
+        padding: 12px 0 20px 20px;
+    }
+}

package/dist/containers/Storage/TableGroup/useExpandedTableGroups.d.ts

@@ -0,0 +1,5 @@
+import type { TableGroup } from '../../../store/reducers/storage/types';
+export declare function useExpandedGroups(groups?: TableGroup[]): {
+    expandedGroups: Record<string, boolean>;
+    setIsGroupExpanded: (name: string, isExpanded: boolean) => void;
+};

package/dist/containers/Storage/TableGroup/useExpandedTableGroups.js

@@ -0,0 +1,28 @@
+import React from 'react';
+export function useExpandedGroups(groups) {
+    const [expandedGroups, setExpandedGroups] = React.useState({});
+    React.useEffect(() => {
+        if (groups === null || groups === void 0 ? void 0 : groups.length) {
+            setExpandedGroups((previousExpandedGroups) => {
+                return groups.reduce((result, { name }) => {
+                    const previousValue = previousExpandedGroups[name];
+                    // Preserve previously expanded groups on groups list change
+                    return {
+                        ...result,
+                        [name]: previousValue !== null && previousValue !== void 0 ? previousValue : false,
+                    };
+                }, {});
+            });
+        }
+    }, [groups]);
+    const setIsGroupExpanded = React.useCallback((name, isExpanded) => {
+        setExpandedGroups((previousExpandedGroups) => {
+            return {
+                ...previousExpandedGroups,
+                [name]: isExpanded,
+            };
+        });
+    }, []);
+    return { expandedGroups, setIsGroupExpanded };
+}
+//# sourceMappingURL=useExpandedTableGroups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedTableGroups.js","sourceRoot":"","sources":["../../../../src/containers/Storage/TableGroup/useExpandedTableGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,UAAU,iBAAiB,CAAC,MAAqB;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAExF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,CAAC;YACjB,iBAAiB,CAAC,CAAC,sBAAsB,EAAE,EAAE;gBACzC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE;oBACpC,MAAM,aAAa,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;oBAEnD,4DAA4D;oBAC5D,OAAO;wBACH,GAAG,MAAM;wBACT,CAAC,IAAI,CAAC,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK;qBACjC,CAAC;gBACN,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAY,EAAE,UAAmB,EAAE,EAAE;QAC/E,iBAAiB,CAAC,CAAC,sBAAsB,EAAE,EAAE;YACzC,OAAO;gBACH,GAAG,sBAAsB;gBACzB,CAAC,IAAI,CAAC,EAAE,UAAU;aACrB,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAC,CAAC;AAChD,CAAC"}

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

@@ -2,5 +2,8 @@
     "groups": "Groups",
     "nodes": "Nodes",
     "controls_groups-search-placeholder": "Group ID, Pool name",
-    "controls_nodes-search-placeholder": "Node ID, FQDN"
+    "controls_nodes-search-placeholder": "Node ID, FQDN",
+    "controls_group-by-placeholder": "Group by:",
+    "no-nodes": "No such nodes",
+    "no-groups": "No such groups"
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "nodes" | "groups" | "controls_groups-search-placeholder" | "controls_nodes-search-placeholder", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "nodes" | "groups" | "controls_groups-search-placeholder" | "controls_nodes-search-placeholder" | "controls_group-by-placeholder" | "no-nodes" | "no-groups", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/Storage/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3B,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAE,EAAE,EAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/Storage/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

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

@@ -1 +1,3 @@
+import type { RenderErrorMessage } from '../../components/PaginatedTable';
 export declare const b: import("@bem-react/classname").ClassNameFormatter;
+export declare const renderPaginatedTableErrorMessage: RenderErrorMessage;

package/dist/containers/Storage/shared.js

@@ -1,3 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccessDenied } from '../../components/Errors/403';
+import { ResponseError } from '../../components/Errors/ResponseError';
 import { cn } from '../../utils/cn';
 export const b = cn('global-storage');
+export const renderPaginatedTableErrorMessage = (error) => {
+    if (error.status === 403) {
+        return _jsx(AccessDenied, { position: "left" });
+    }
+    return _jsx(ResponseError, { error: error });
+};
 //# sourceMappingURL=shared.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/containers/Storage/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/containers/Storage/shared.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAC;AAEpE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,gCAAgC,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC1E,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QACvB,OAAO,KAAC,YAAY,IAAC,QAAQ,EAAC,MAAM,GAAG,CAAC;IAC5C,CAAC;IAED,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC3C,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { StorageType, VisibleEntities } from '../../store/reducers/storage/types';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
+export declare function useStorageQueryParams(): {
+    storageType: "nodes" | "groups";
+    visibleEntities: "space" | "missing" | "all";
+    searchValue: string;
+    nodesUptimeFilter: NodesUptimeFilterValues;
+    storageGroupsGroupByParam: import("../../types/api/storage").GroupsGroupByField | undefined;
+    storageNodesGroupByParam: import("../../types/api/nodes").NodesGroupByField | undefined;
+    handleTextFilterChange: (value: string) => void;
+    handleVisibleEntitiesChange: (value: VisibleEntities) => void;
+    handleStorageTypeChange: (value: StorageType) => void;
+    handleUptimeFilterChange: (value: NodesUptimeFilterValues) => void;
+    handleStorageGroupsGroupByParamChange: (value: string) => void;
+    handleStorageNodesGroupByParamChange: (value: string) => void;
+    handleShowAllGroups: () => void;
+    handleShowAllNodes: () => void;
+};

package/dist/containers/Storage/useStorageQueryParams.js

@@ -0,0 +1,64 @@
+import { StringParam, useQueryParams } from 'use-query-params';
+import { storageTypeSchema, visibleEntitiesSchema } from '../../store/reducers/storage/types';
+import { NodesUptimeFilterValues, nodesUptimeFilterValuesSchema } from '../../utils/nodes';
+import { storageGroupsGroupByParamSchema } from './StorageGroups/columns/constants';
+import { storageNodesGroupByParamSchema } from './StorageNodes/columns/constants';
+export function useStorageQueryParams() {
+    var _a;
+    const [queryParams, setQueryParams] = useQueryParams({
+        type: StringParam,
+        visible: StringParam,
+        search: StringParam,
+        uptimeFilter: StringParam,
+        storageNodesGroupBy: StringParam,
+        storageGroupsGroupBy: StringParam,
+    });
+    const storageType = storageTypeSchema.parse(queryParams.type);
+    const visibleEntities = visibleEntitiesSchema.parse(queryParams.visible);
+    const searchValue = (_a = queryParams.search) !== null && _a !== void 0 ? _a : '';
+    const nodesUptimeFilter = nodesUptimeFilterValuesSchema.parse(queryParams.uptimeFilter);
+    const storageGroupsGroupByParam = storageGroupsGroupByParamSchema.parse(queryParams.storageGroupsGroupBy);
+    const storageNodesGroupByParam = storageNodesGroupByParamSchema.parse(queryParams.storageNodesGroupBy);
+    const handleTextFilterChange = (value) => {
+        setQueryParams({ search: value || undefined }, 'replaceIn');
+    };
+    const handleVisibleEntitiesChange = (value) => {
+        setQueryParams({ visible: value }, 'replaceIn');
+    };
+    const handleStorageTypeChange = (value) => {
+        setQueryParams({ type: value }, 'replaceIn');
+    };
+    const handleUptimeFilterChange = (value) => {
+        setQueryParams({ uptimeFilter: value }, 'replaceIn');
+    };
+    const handleStorageGroupsGroupByParamChange = (value) => {
+        setQueryParams({ storageGroupsGroupBy: value }, 'replaceIn');
+    };
+    const handleStorageNodesGroupByParamChange = (value) => {
+        setQueryParams({ storageNodesGroupBy: value }, 'replaceIn');
+    };
+    const handleShowAllGroups = () => {
+        handleVisibleEntitiesChange('all');
+    };
+    const handleShowAllNodes = () => {
+        handleVisibleEntitiesChange('all');
+        handleUptimeFilterChange(NodesUptimeFilterValues.All);
+    };
+    return {
+        storageType,
+        visibleEntities,
+        searchValue,
+        nodesUptimeFilter,
+        storageGroupsGroupByParam,
+        storageNodesGroupByParam,
+        handleTextFilterChange,
+        handleVisibleEntitiesChange,
+        handleStorageTypeChange,
+        handleUptimeFilterChange,
+        handleStorageGroupsGroupByParamChange,
+        handleStorageNodesGroupByParamChange,
+        handleShowAllGroups,
+        handleShowAllNodes,
+    };
+}
+//# sourceMappingURL=useStorageQueryParams.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStorageQueryParams.js","sourceRoot":"","sources":["../../../src/containers/Storage/useStorageQueryParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,oCAAoC,CAAC;AAC5F,OAAO,EAAC,uBAAuB,EAAE,6BAA6B,EAAC,MAAM,mBAAmB,CAAC;AAEzF,OAAO,EAAC,+BAA+B,EAAC,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAC,8BAA8B,EAAC,MAAM,kCAAkC,CAAC;AAEhF,MAAM,UAAU,qBAAqB;;IACjC,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,mBAAmB,EAAE,WAAW;QAChC,oBAAoB,EAAE,WAAW;KACpC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAE9D,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,MAAA,WAAW,CAAC,MAAM,mCAAI,EAAE,CAAC;IAC7C,MAAM,iBAAiB,GAAG,6BAA6B,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAExF,MAAM,yBAAyB,GAAG,+BAA+B,CAAC,KAAK,CACnE,WAAW,CAAC,oBAAoB,CACnC,CAAC;IACF,MAAM,wBAAwB,GAAG,8BAA8B,CAAC,KAAK,CACjE,WAAW,CAAC,mBAAmB,CAClC,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,qCAAqC,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5D,cAAc,CAAC,EAAC,oBAAoB,EAAE,KAAK,EAAC,EAAE,WAAW,CAAC,CAAC;IAC/D,CAAC,CAAC;IACF,MAAM,oCAAoC,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3D,cAAc,CAAC,EAAC,mBAAmB,EAAE,KAAK,EAAC,EAAE,WAAW,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,2BAA2B,CAAC,KAAK,CAAC,CAAC;QACnC,wBAAwB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO;QACH,WAAW;QACX,eAAe;QACf,WAAW;QACX,iBAAiB;QACjB,yBAAyB;QACzB,wBAAwB;QAExB,sBAAsB;QACtB,2BAA2B;QAC3B,uBAAuB;QACvB,wBAAwB;QAExB,qCAAqC;QACrC,oCAAoC;QAEpC,mBAAmB;QACnB,kBAAkB;KACrB,CAAC;AACN,CAAC"}

package/dist/containers/Storage/utils/index.d.ts

@@ -1,8 +1,12 @@
 import type { NodesSortParams } from '../../../store/reducers/nodes/types';
 import type { PreparedStorageGroup, StorageSortParams, VisibleEntities } from '../../../store/reducers/storage/types';
-import { EFlag } from '../../../types/api/enums';
+import type { PreparedVDisk } from '../../../utils/disks/types';
 export declare const getDegradedSeverity: (group: PreparedStorageGroup) => "success" | "danger" | "warning" | undefined;
 export declare const getUsageSeverityForStorageGroup: (value: number) => "success" | "danger" | "warning" | undefined;
-export declare const getUsageSeverityForEntityStatus: (value: number) => EFlag.Green | EFlag.Yellow | EFlag.Red | undefined;
 export declare const defaultSortNode: NodesSortParams;
 export declare function getDefaultSortGroup(visibleEntities: VisibleEntities): StorageSortParams;
+export type VDiskViewContext = {
+    groupId?: string;
+    nodeId?: string;
+};
+export declare function isVdiskActive(vDisk: PreparedVDisk, viewContext?: VDiskViewContext): boolean;

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

@@ -1,8 +1,9 @@
 import { ASCENDING, DESCENDING } from '@gravity-ui/react-data-table/build/esm/lib/constants';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
-import { EFlag } from '../../../types/api/enums';
+import { valueIsDefined } from '../../../utils';
 import { generateEvaluator } from '../../../utils/generateEvaluator';
-import { NODES_SORT_VALUES } from '../../../utils/nodes';
+import { NODES_COLUMNS_IDS } from '../../Nodes/columns/constants';
+import { STORAGE_GROUPS_COLUMNS_IDS } from '../StorageGroups/columns/constants';
 const defaultDegradationEvaluator = generateEvaluator(1, 2, ['success', 'warning', 'danger']);
 const degradationEvaluators = {
     'block-4-2': generateEvaluator(1, 2, ['success', 'warning', 'danger']),
@@ -20,25 +21,20 @@ export const getUsageSeverityForStorageGroup = generateEvaluator(80, 85, [
     'warning',
     'danger',
 ]);
-export const getUsageSeverityForEntityStatus = generateEvaluator(80, 85, [
-    EFlag.Green,
-    EFlag.Yellow,
-    EFlag.Red,
-]);
 export const defaultSortNode = {
-    sortValue: NODES_SORT_VALUES.NodeId,
+    sortValue: NODES_COLUMNS_IDS.NodeId,
     sortOrder: ASCENDING,
 };
 const defaultSortGroup = {
-    sortValue: 'PoolName',
+    sortValue: STORAGE_GROUPS_COLUMNS_IDS.PoolName,
     sortOrder: ASCENDING,
 };
 const defaultSortGroupMissing = {
-    sortValue: 'Degraded',
+    sortValue: STORAGE_GROUPS_COLUMNS_IDS.Degraded,
     sortOrder: DESCENDING,
 };
 const defaultSortGroupSpace = {
-    sortValue: 'Usage',
+    sortValue: STORAGE_GROUPS_COLUMNS_IDS.Usage,
     sortOrder: DESCENDING,
 };
 export function getDefaultSortGroup(visibleEntities) {
@@ -50,4 +46,14 @@ export function getDefaultSortGroup(visibleEntities) {
     }
     return defaultSortGroup;
 }
+export function isVdiskActive(vDisk, viewContext) {
+    var _a;
+    if (valueIsDefined((_a = vDisk.VDiskId) === null || _a === void 0 ? void 0 : _a.GroupID) && (viewContext === null || viewContext === void 0 ? void 0 : viewContext.groupId)) {
+        return String(vDisk.VDiskId.GroupID) === viewContext.groupId;
+    }
+    if (valueIsDefined(vDisk.NodeId) && (viewContext === null || viewContext === void 0 ? void 0 : viewContext.nodeId)) {
+        return String(vDisk.NodeId) === viewContext.nodeId;
+    }
+    return true;
+}
 //# sourceMappingURL=index.js.map

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

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

package/dist/containers/StorageGroupPage/StorageGroupPage.js

@@ -1,68 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Tabs } from '@gravity-ui/uikit';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { Helmet } from 'react-helmet-async';
 import { StringParam, useQueryParams } from 'use-query-params';
-import { z } from 'zod';
 import { EntityPageTitle } from '../../components/EntityPageTitle/EntityPageTitle';
 import { ResponseError } from '../../components/Errors/ResponseError';
 import { InfoViewerSkeleton } from '../../components/InfoViewerSkeleton/InfoViewerSkeleton';
-import { InternalLink } from '../../components/InternalLink';
 import { PageMetaWithAutorefresh } from '../../components/PageMeta/PageMeta';
 import { StorageGroupInfo } from '../../components/StorageGroupInfo/StorageGroupInfo';
-import { getStorageGroupPath } from '../../routes';
-import { useStorageGroupsHandlerAvailable } from '../../store/reducers/capabilities/hooks';
+import { useCapabilitiesLoaded, useStorageGroupsHandlerAvailable, } from '../../store/reducers/capabilities/hooks';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { STORAGE_TYPES } from '../../store/reducers/storage/constants';
 import { storageApi } from '../../store/reducers/storage/storage';
 import { EFlag } from '../../types/api/enums';
 import { valueIsDefined } from '../../utils';
 import { cn } from '../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
 import { useAutoRefreshInterval, useTypedDispatch } from '../../utils/hooks';
-import { NodesUptimeFilterValues } from '../../utils/nodes';
-import { StorageGroups } from '../Storage/StorageGroups/StorageGroups';
-import { StorageNodes } from '../Storage/StorageNodes/StorageNodes';
+import { Storage } from '../Storage/Storage';
 import { storageGroupPageKeyset } from './i18n';
 import './StorageGroupPage.scss';
-const STORAGE_GROUP_PAGE_TABS = [
-    {
-        id: STORAGE_TYPES.groups,
-        get title() {
-            return storageGroupPageKeyset('group');
-        },
-    },
-    {
-        id: STORAGE_TYPES.nodes,
-        get title() {
-            return storageGroupPageKeyset('nodes');
-        },
-    },
-];
 const storageGroupPageCn = cn('ydb-storage-group-page');
-const storageGroupTabSchema = z.nativeEnum(STORAGE_TYPES).catch(STORAGE_TYPES.groups);
 export function StorageGroupPage() {
-    var _a, _b, _c;
+    var _a, _b;
     const dispatch = useTypedDispatch();
-    const [{ groupId, activeTab }] = useQueryParams({
-        groupId: StringParam,
-        activeTab: StringParam,
-    });
-    const storageGroupTab = storageGroupTabSchema.parse(activeTab);
+    const [{ groupId }] = useQueryParams({ groupId: StringParam });
     React.useEffect(() => {
         dispatch(setHeaderBreadcrumbs('storageGroup', { groupId }));
     }, [dispatch, groupId]);
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const shouldUseGroupsHandler = useStorageGroupsHandlerAvailable();
-    const groupQuery = storageApi.useGetStorageGroupsInfoQuery(valueIsDefined(groupId) ? { groupId, shouldUseGroupsHandler } : skipToken, {
-        pollingInterval: autoRefreshInterval,
-    });
-    const nodesQuery = storageApi.useGetStorageNodesInfoQuery(groupId && storageGroupTab === STORAGE_TYPES.nodes ? { group_id: groupId } : skipToken, {
+    const capabilitiesLoaded = useCapabilitiesLoaded();
+    const groupQuery = storageApi.useGetStorageGroupsInfoQuery(valueIsDefined(groupId) ? { groupId, shouldUseGroupsHandler, with: 'all' } : skipToken, {
         pollingInterval: autoRefreshInterval,
+        skip: !capabilitiesLoaded,
     });
     const storageGroupData = (_b = (_a = groupQuery.data) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b[0];
-    const nodesData = (_c = nodesQuery.data) === null || _c === void 0 ? void 0 : _c.nodes;
     const loading = groupQuery.isFetching && storageGroupData === undefined;
     const renderHelmet = () => {
         const pageTitle = groupId
@@ -86,32 +57,18 @@ export function StorageGroupPage() {
         }
         return _jsx(StorageGroupInfo, { data: storageGroupData, className: storageGroupPageCn('info') });
     };
-    const renderTabs = () => {
-        return (_jsx("div", { className: storageGroupPageCn('tabs'), children: _jsx(Tabs, { size: "l", items: STORAGE_GROUP_PAGE_TABS, activeTab: storageGroupTab, wrapTo: ({ id }, tabNode) => {
-                    const path = groupId
-                        ? getStorageGroupPath(groupId, { activeTab: id })
-                        : undefined;
-                    return (_jsx(InternalLink, { to: path, children: tabNode }, id));
-                } }) }));
-    };
-    const renderTabsContent = () => {
-        switch (storageGroupTab) {
-            case 'groups': {
-                return storageGroupData ? (_jsx(StorageGroups, { data: [storageGroupData], tableSettings: DEFAULT_TABLE_SETTINGS, visibleEntities: "all" })) : null;
-            }
-            case 'nodes': {
-                return nodesData ? (_jsx(StorageNodes, { data: nodesData, tableSettings: DEFAULT_TABLE_SETTINGS, visibleEntities: "all", nodesUptimeFilter: NodesUptimeFilterValues.All })) : null;
-            }
-            default:
-                return null;
+    const renderStorage = () => {
+        if (!groupId) {
+            return null;
         }
+        return (_jsxs(React.Fragment, { children: [_jsx("div", { className: storageGroupPageCn('storage-title'), children: storageGroupPageKeyset('storage') }), _jsx(Storage, { groupId: groupId })] }));
     };
     const renderError = () => {
-        if (!groupQuery.error && !nodesQuery.error) {
+        if (!groupQuery.error) {
             return null;
         }
-        return _jsx(ResponseError, { error: groupQuery.error || nodesQuery.error });
+        return _jsx(ResponseError, { error: groupQuery.error });
     };
-    return (_jsxs("div", { className: storageGroupPageCn(null), children: [_jsxs("div", { className: storageGroupPageCn('info-content'), children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderError(), renderInfo(), renderTabs()] }), _jsx("div", { className: storageGroupPageCn('tabs-content'), children: renderTabsContent() })] }));
+    return (_jsxs("div", { className: storageGroupPageCn(null), children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderError(), renderInfo(), renderStorage()] }));
 }
 //# sourceMappingURL=StorageGroupPage.js.map