ydb-embedded-ui 6.31.0 → 6.32.0

package/dist/containers/Nodes/Nodes.js

@@ -1,40 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { ASCENDING } from '@gravity-ui/react-data-table/build/esm/lib/constants';
-import { TableColumnSetup } from '@gravity-ui/uikit';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { EntitiesCount } from '../../components/EntitiesCount';
 import { AccessDenied } from '../../components/Errors/403';
 import { isAccessError } from '../../components/Errors/PageError/PageError';
 import { ResponseError } from '../../components/Errors/ResponseError';
 import { Illustration } from '../../components/Illustration';
-import { ProblemFilter } from '../../components/ProblemFilter';
 import { ResizeableDataTable } from '../../components/ResizeableDataTable/ResizeableDataTable';
-import { Search } from '../../components/Search';
 import { TableWithControlsLayout } from '../../components/TableWithControlsLayout/TableWithControlsLayout';
-import { UptimeFilter } from '../../components/UptimeFIlter';
 import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../components/nodesColumns/constants';
 import { nodesApi } from '../../store/reducers/nodes/nodes';
 import { filterNodes } from '../../store/reducers/nodes/selectors';
-import { ProblemFilterValues, changeFilter, selectProblemFilter, } from '../../store/reducers/settings/settings';
-import { cn } from '../../utils/cn';
+import { useProblemFilter } from '../../store/reducers/settings/hooks';
 import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
-import { useAutoRefreshInterval, useTableSort, useTypedDispatch, useTypedSelector, } from '../../utils/hooks';
-import { NodesUptimeFilterValues, isUnavailableNode, nodesUptimeFilterValuesSchema, } from '../../utils/nodes';
+import { useAutoRefreshInterval, useTableSort } from '../../utils/hooks';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
+import { NodesControls } from './NodesControls/NodesControls';
 import { useNodesSelectedColumns } from './columns/hooks';
 import i18n from './i18n';
+import { getRowClassName } from './shared';
+import { useNodesPageQueryParams } from './useNodesPageQueryParams';
 import './Nodes.scss';
-const b = cn('ydb-nodes');
 export const Nodes = ({ path, database, additionalNodesProps = {} }) => {
-    var _a;
-    const [queryParams, setQueryParams] = useQueryParams({
-        uptimeFilter: StringParam,
-        search: StringParam,
-    });
-    const uptimeFilter = nodesUptimeFilterValuesSchema.parse(queryParams.uptimeFilter);
-    const searchValue = (_a = queryParams.search) !== null && _a !== void 0 ? _a : '';
-    const dispatch = useTypedDispatch();
-    const problemFilter = useTypedSelector(selectProblemFilter);
+    const { searchValue, uptimeFilter } = useNodesPageQueryParams();
+    const { problemFilter } = useProblemFilter();
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const { columnsToShow, columnsToSelect, setColumns } = useNodesSelectedColumns({
         getNodeRef: additionalNodesProps.getNodeRef,
@@ -48,30 +36,20 @@ export const Nodes = ({ path, database, additionalNodesProps = {} }) => {
     const [sort, handleSort] = useTableSort(sortValue, (sortParams) => {
         setSortValue(sortParams);
     });
-    const handleSearchQueryChange = (value) => {
-        setQueryParams({ search: value || undefined }, 'replaceIn');
-    };
-    const handleProblemFilterChange = (value) => {
-        dispatch(changeFilter(value));
-    };
-    const handleUptimeFilterChange = (value) => {
-        setQueryParams({ uptimeFilter: value }, 'replaceIn');
-    };
     const nodes = React.useMemo(() => {
         return filterNodes(data === null || data === void 0 ? void 0 : data.Nodes, { searchValue, uptimeFilter, problemFilter });
     }, [data, searchValue, uptimeFilter, problemFilter]);
     const totalNodes = (data === null || data === void 0 ? void 0 : data.TotalNodes) || 0;
     const renderControls = () => {
-        return (_jsxs(React.Fragment, { children: [_jsx(Search, { onChange: handleSearchQueryChange, placeholder: "Host name", className: b('search'), value: searchValue }), _jsx(ProblemFilter, { value: problemFilter, onChange: handleProblemFilterChange }), _jsx(UptimeFilter, { value: uptimeFilter, onChange: handleUptimeFilterChange }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }), _jsx(EntitiesCount, { total: totalNodes, current: nodes.length, label: 'Nodes', loading: isLoading })] }));
+        return (_jsx(NodesControls, { columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns, entitiesCountCurrent: nodes.length, entitiesCountTotal: totalNodes, entitiesLoading: isLoading }));
     };
     const renderTable = () => {
         if (nodes.length === 0) {
-            if (problemFilter !== ProblemFilterValues.ALL ||
-                uptimeFilter !== NodesUptimeFilterValues.All) {
+            if (problemFilter !== 'All' || uptimeFilter !== NodesUptimeFilterValues.All) {
                 return _jsx(Illustration, { name: "thumbsUp", width: "200" });
             }
         }
-        return (_jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: nodes || [], columns: columnsToShow, settings: DEFAULT_TABLE_SETTINGS, sortOrder: sort, onSort: handleSort, emptyDataMessage: i18n('empty.default'), rowClassName: (row) => b('node', { unavailable: isUnavailableNode(row) }) }));
+        return (_jsx(ResizeableDataTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, data: nodes || [], columns: columnsToShow, settings: DEFAULT_TABLE_SETTINGS, sortOrder: sort, onSort: handleSort, emptyDataMessage: i18n('empty.default'), rowClassName: getRowClassName }));
     };
     if (isAccessError(error)) {
         return _jsx(AccessDenied, {});

package/dist/containers/Nodes/Nodes.js.map

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

package/dist/containers/Nodes/Nodes.scss

@@ -15,4 +15,8 @@
     &__node_unavailable {
         opacity: 0.6;
     }
+
+    &__groups-wrapper {
+        padding-right: 20px;
+    }
 }

package/dist/containers/Nodes/NodesControls/NodesControls.d.ts

@@ -0,0 +1,11 @@
+import type { TableColumnSetupItem } from '@gravity-ui/uikit';
+interface NodesControlsProps {
+    withGroupBySelect?: boolean;
+    columnsToSelect: TableColumnSetupItem[];
+    handleSelectedColumnsUpdate: (updated: TableColumnSetupItem[]) => void;
+    entitiesCountCurrent: number;
+    entitiesCountTotal?: number;
+    entitiesLoading: boolean;
+}
+export declare function NodesControls({ withGroupBySelect, columnsToSelect, handleSelectedColumnsUpdate, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, }: NodesControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Nodes/NodesControls/NodesControls.js

@@ -0,0 +1,24 @@
+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';
+import { ProblemFilter } from '../../../components/ProblemFilter';
+import { Search } from '../../../components/Search';
+import { UptimeFilter } from '../../../components/UptimeFIlter';
+import { useViewerNodesHandlerHasGroupingBySystemState } from '../../../store/reducers/capabilities/hooks';
+import { useProblemFilter } from '../../../store/reducers/settings/hooks';
+import { getNodesGroupByOptions } from '../columns/constants';
+import i18n from '../i18n';
+import { b } from '../shared';
+import { useNodesPageQueryParams } from '../useNodesPageQueryParams';
+export function NodesControls({ withGroupBySelect, columnsToSelect, handleSelectedColumnsUpdate, entitiesCountCurrent, entitiesCountTotal, entitiesLoading, }) {
+    const { searchValue, uptimeFilter, groupByParam, handleSearchQueryChange, handleUptimeFilterChange, handleGroupByParamChange, } = useNodesPageQueryParams();
+    const { problemFilter, handleProblemFilterChange } = useProblemFilter();
+    const systemStateGroupingAvailable = useViewerNodesHandlerHasGroupingBySystemState();
+    const groupByoptions = getNodesGroupByOptions(systemStateGroupingAvailable);
+    const handleGroupBySelectUpdate = (value) => {
+        handleGroupByParamChange(value[0]);
+    };
+    return (_jsxs(React.Fragment, { children: [_jsx(Search, { onChange: handleSearchQueryChange, placeholder: i18n('controls_search-placeholder'), width: 238, value: searchValue }), systemStateGroupingAvailable && withGroupBySelect ? null : (_jsx(ProblemFilter, { value: problemFilter, onChange: handleProblemFilterChange })), withGroupBySelect ? null : (_jsx(UptimeFilter, { value: uptimeFilter, onChange: handleUptimeFilterChange })), _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: 150, defaultValue: groupByParam ? [groupByParam] : undefined, onUpdate: handleGroupBySelectUpdate, options: groupByoptions, className: b('group-by-select'), popupClassName: b('group-by-popup') })] })) : null, _jsx(EntitiesCount, { current: entitiesCountCurrent, total: entitiesCountTotal, label: i18n('nodes'), loading: entitiesLoading })] }));
+}
+//# sourceMappingURL=NodesControls.js.map

package/dist/containers/Nodes/NodesControls/NodesControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodesControls.js","sourceRoot":"","sources":["../../../../src/containers/Nodes/NodesControls/NodesControls.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,mCAAmC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,6CAA6C,EAAC,MAAM,4CAA4C,CAAC;AACzG,OAAO,EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAC5D,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AAC5B,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AAanE,MAAM,UAAU,aAAa,CAAC,EAC1B,iBAAiB,EAEjB,eAAe,EACf,2BAA2B,EAE3B,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,GACE;IACjB,MAAM,EACF,WAAW,EACX,YAAY,EACZ,YAAY,EAEZ,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GAC3B,GAAG,uBAAuB,EAAE,CAAC;IAC9B,MAAM,EAAC,aAAa,EAAE,yBAAyB,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAEtE,MAAM,4BAA4B,GAAG,6CAA6C,EAAE,CAAC;IACrF,MAAM,cAAc,GAAG,sBAAsB,CAAC,4BAA4B,CAAC,CAAC;IAE5E,MAAM,yBAAyB,GAAG,CAAC,KAAe,EAAE,EAAE;QAClD,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IACH,QAAQ,EAAE,uBAAuB,EACjC,WAAW,EAAE,IAAI,CAAC,6BAA6B,CAAC,EAChD,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,WAAW,GACpB,EACD,4BAA4B,IAAI,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxD,KAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,yBAAyB,GAAI,CAC/E,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,wBAAwB,GAAI,CAC5E,EACD,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,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,EACvD,QAAQ,EAAE,yBAAyB,EACnC,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC/B,cAAc,EAAE,CAAC,CAAC,gBAAgB,CAAC,GACrC,IACW,CACpB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,IACV,OAAO,EAAE,oBAAoB,EAC7B,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EACpB,OAAO,EAAE,eAAe,GAC1B,IACW,CACpB,CAAC;AACN,CAAC"}

package/dist/containers/Nodes/PaginatedNodes.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { AdditionalNodesProps } from '../../types/additionalProps';
 import './Nodes.scss';
-interface NodesProps {
+interface PaginatedNodesProps {
     path?: string;
     database?: string;
     parentRef: React.RefObject<HTMLElement>;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare const PaginatedNodes: ({ path, database, parentRef, additionalNodesProps }: NodesProps) => import("react/jsx-runtime").JSX.Element;
+export declare function PaginatedNodes(props: PaginatedNodesProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Nodes/PaginatedNodes.js

@@ -1,70 +1,94 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { TableColumnSetup } from '@gravity-ui/uikit';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { EntitiesCount } from '../../components/EntitiesCount';
-import { AccessDenied } from '../../components/Errors/403';
 import { ResponseError } from '../../components/Errors/ResponseError';
-import { Illustration } from '../../components/Illustration';
-import { ResizeablePaginatedTable } from '../../components/PaginatedTable';
-import { ProblemFilter } from '../../components/ProblemFilter';
-import { Search } from '../../components/Search';
-import { UptimeFilter } from '../../components/UptimeFIlter';
-import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../components/nodesColumns/constants';
-import { ProblemFilterValues, changeFilter, selectProblemFilter, } from '../../store/reducers/settings/settings';
-import { cn } from '../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { NodesUptimeFilterValues, isUnavailableNode, nodesUptimeFilterValuesSchema, } from '../../utils/nodes';
+import { LoaderWrapper } from '../../components/LoaderWrapper/LoaderWrapper';
+import { TableWithControlsLayout } from '../../components/TableWithControlsLayout/TableWithControlsLayout';
+import { useCapabilitiesLoaded, useViewerNodesHandlerHasGrouping, } from '../../store/reducers/capabilities/hooks';
+import { nodesApi } from '../../store/reducers/nodes/nodes';
+import { useProblemFilter } from '../../store/reducers/settings/hooks';
+import { useAutoRefreshInterval } from '../../utils/hooks';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
+import { TableGroup } from '../Storage/TableGroup/TableGroup';
+import { useExpandedGroups } from '../Storage/TableGroup/useExpandedTableGroups';
+import { NodesControls } from './NodesControls/NodesControls';
+import { PaginatedNodesTable } from './PaginatedNodesTable';
 import { useNodesSelectedColumns } from './columns/hooks';
-import { getNodes } from './getNodes';
 import i18n from './i18n';
+import { b } from './shared';
+import { useNodesPageQueryParams } from './useNodesPageQueryParams';
 import './Nodes.scss';
-const b = cn('ydb-nodes');
-export const PaginatedNodes = ({ path, database, parentRef, additionalNodesProps }) => {
-    var _a;
-    const [queryParams, setQueryParams] = useQueryParams({
-        uptimeFilter: StringParam,
-        search: StringParam,
-    });
-    const uptimeFilter = nodesUptimeFilterValuesSchema.parse(queryParams.uptimeFilter);
-    const searchValue = (_a = queryParams.search) !== null && _a !== void 0 ? _a : '';
-    const dispatch = useTypedDispatch();
-    const problemFilter = useTypedSelector(selectProblemFilter);
-    const tableFilters = React.useMemo(() => {
-        return { path, database, searchValue, problemFilter, uptimeFilter };
-    }, [path, database, searchValue, problemFilter, uptimeFilter]);
+export function PaginatedNodes(props) {
+    const { uptimeFilter, groupByParam, handleUptimeFilterChange } = useNodesPageQueryParams();
+    const { problemFilter, handleProblemFilterChange } = useProblemFilter();
+    const capabilitiesLoaded = useCapabilitiesLoaded();
+    const viewerNodesHandlerHasGrouping = useViewerNodesHandlerHasGrouping();
+    // Other filters do not fit with grouping
+    // Reset them if grouping available
+    React.useEffect(() => {
+        if (viewerNodesHandlerHasGrouping &&
+            (problemFilter !== 'All' || uptimeFilter !== NodesUptimeFilterValues.All)) {
+            handleProblemFilterChange('All');
+            handleUptimeFilterChange(NodesUptimeFilterValues.All);
+        }
+    }, [
+        handleProblemFilterChange,
+        handleUptimeFilterChange,
+        problemFilter,
+        uptimeFilter,
+        viewerNodesHandlerHasGrouping,
+    ]);
+    const renderContent = () => {
+        if (viewerNodesHandlerHasGrouping && groupByParam) {
+            return _jsx(GroupedNodesComponent, { ...props });
+        }
+        return _jsx(NodesComponent, { ...props });
+    };
+    return _jsx(LoaderWrapper, { loading: !capabilitiesLoaded, children: renderContent() });
+}
+function NodesComponent({ path, database, parentRef, additionalNodesProps }) {
+    const { searchValue, uptimeFilter } = useNodesPageQueryParams();
+    const { problemFilter } = useProblemFilter();
+    const viewerNodesHandlerHasGrouping = useViewerNodesHandlerHasGrouping();
     const { columnsToShow, columnsToSelect, setColumns } = useNodesSelectedColumns({
         getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
         database,
     });
-    const getRowClassName = (row) => {
-        return b('node', { unavailable: isUnavailableNode(row) });
-    };
     const renderControls = ({ totalEntities, foundEntities, inited }) => {
-        const handleSearchQueryChange = (value) => {
-            setQueryParams({ search: value || undefined }, 'replaceIn');
-        };
-        const handleProblemFilterChange = (value) => {
-            dispatch(changeFilter(value));
-        };
-        const handleUptimeFilterChange = (value) => {
-            setQueryParams({ uptimeFilter: value }, 'replaceIn');
-        };
-        return (_jsxs(React.Fragment, { children: [_jsx(Search, { onChange: handleSearchQueryChange, placeholder: "Host name", className: b('search'), value: searchValue }), _jsx(ProblemFilter, { value: problemFilter, onChange: handleProblemFilterChange }), _jsx(UptimeFilter, { value: uptimeFilter, onChange: handleUptimeFilterChange }), _jsx(TableColumnSetup, { popupWidth: 200, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }), _jsx(EntitiesCount, { total: totalEntities, current: foundEntities, label: 'Nodes', loading: !inited })] }));
+        return (_jsx(NodesControls, { withGroupBySelect: viewerNodesHandlerHasGrouping, columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns, entitiesCountCurrent: foundEntities, entitiesCountTotal: totalEntities, entitiesLoading: !inited }));
     };
-    const renderEmptyDataMessage = () => {
-        if (problemFilter !== ProblemFilterValues.ALL ||
-            uptimeFilter !== NodesUptimeFilterValues.All) {
-            return _jsx(Illustration, { name: "thumbsUp", width: "200" });
-        }
-        return i18n('empty.default');
+    return (_jsx(PaginatedNodesTable, { path: path, database: database, searchValue: searchValue, problemFilter: problemFilter, uptimeFilter: uptimeFilter, columns: columnsToShow, parentRef: parentRef, renderControls: renderControls }));
+}
+function GroupedNodesComponent({ path, database, parentRef, additionalNodesProps, }) {
+    const { searchValue, groupByParam } = useNodesPageQueryParams();
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { columnsToShow, columnsToSelect, setColumns } = useNodesSelectedColumns({
+        getNodeRef: additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef,
+        database,
+    });
+    const { currentData, isFetching, error } = nodesApi.useGetNodesQuery({
+        path,
+        database,
+        filter: searchValue,
+        group: groupByParam,
+        limit: 0,
+    }, {
+        pollingInterval: autoRefreshInterval,
+    });
+    const isLoading = currentData === undefined && isFetching;
+    const { NodeGroups: tableGroups, FoundNodes: found = 0, TotalNodes: total = 0, } = currentData || {};
+    const { expandedGroups, setIsGroupExpanded } = useExpandedGroups(tableGroups);
+    const renderControls = () => {
+        return (_jsx(NodesControls, { withGroupBySelect: true, columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns, entitiesCountCurrent: found, entitiesCountTotal: total, entitiesLoading: isLoading }));
     };
-    const renderErrorMessage = (error) => {
-        if (error && error.status === 403) {
-            return _jsx(AccessDenied, { position: "left" });
+    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(PaginatedNodesTable, { path: path, database: database, searchValue: searchValue, problemFilter: 'All', uptimeFilter: NodesUptimeFilterValues.All, filterGroup: name, filterGroupBy: groupByParam, initialEntitiesCount: count, columns: columnsToShow, parentRef: parentRef }) }, name));
+            });
         }
-        return _jsx(ResponseError, { error: error });
+        return i18n('no-nodes-groups');
     };
-    return (_jsx(ResizeablePaginatedTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, parentRef: parentRef, columns: columnsToShow, fetchData: getNodes, limit: 50, renderControls: renderControls, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, getRowClassName: getRowClassName, filters: tableFilters, tableName: "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() })] }));
+}
 //# sourceMappingURL=PaginatedNodes.js.map

package/dist/containers/Nodes/PaginatedNodes.js.map

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

package/dist/containers/Nodes/PaginatedNodesTable.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { RenderControls } from '../../components/PaginatedTable';
+import type { NodesPreparedEntity } from '../../store/reducers/nodes/types';
+import type { ProblemFilterValue } from '../../store/reducers/settings/types';
+import type { NodesGroupByField } from '../../types/api/nodes';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
+import type { Column } from '../../utils/tableUtils/types';
+interface PaginatedNodesTableProps {
+    path?: string;
+    database?: string;
+    searchValue: string;
+    problemFilter: ProblemFilterValue;
+    uptimeFilter: NodesUptimeFilterValues;
+    filterGroup?: string;
+    filterGroupBy?: NodesGroupByField;
+    columns: Column<NodesPreparedEntity>[];
+    parentRef: React.RefObject<HTMLElement>;
+    renderControls?: RenderControls;
+    initialEntitiesCount?: number;
+}
+export declare function PaginatedNodesTable({ path, database, searchValue, problemFilter, uptimeFilter, filterGroup, filterGroupBy, columns, parentRef, renderControls, initialEntitiesCount, }: PaginatedNodesTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Nodes/PaginatedNodesTable.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Illustration } from '../../components/Illustration';
+import { ResizeablePaginatedTable } from '../../components/PaginatedTable';
+import { NODES_COLUMNS_WIDTH_LS_KEY } from '../../components/nodesColumns/constants';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
+import { getNodes } from './getNodes';
+import i18n from './i18n';
+import { getRowClassName, renderPaginatedTableErrorMessage } from './shared';
+export function PaginatedNodesTable({ path, database, searchValue, problemFilter, uptimeFilter, filterGroup, filterGroupBy, columns, parentRef, renderControls, initialEntitiesCount, }) {
+    const tableFilters = React.useMemo(() => {
+        return {
+            path,
+            database,
+            searchValue,
+            problemFilter,
+            uptimeFilter,
+            filterGroup,
+            filterGroupBy,
+        };
+    }, [path, database, searchValue, problemFilter, uptimeFilter, filterGroup, filterGroupBy]);
+    const renderEmptyDataMessage = () => {
+        if (problemFilter !== 'All' || uptimeFilter !== NodesUptimeFilterValues.All) {
+            return _jsx(Illustration, { name: "thumbsUp", width: "200" });
+        }
+        return i18n('empty.default');
+    };
+    return (_jsx(ResizeablePaginatedTable, { columnsWidthLSKey: NODES_COLUMNS_WIDTH_LS_KEY, parentRef: parentRef, columns: columns, fetchData: getNodes, limit: 50, initialEntitiesCount: initialEntitiesCount, renderControls: renderControls, renderErrorMessage: renderPaginatedTableErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, getRowClassName: getRowClassName, filters: tableFilters, tableName: "nodes" }));
+}
+//# sourceMappingURL=PaginatedNodesTable.js.map

package/dist/containers/Nodes/PaginatedNodesTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedNodesTable.js","sourceRoot":"","sources":["../../../src/containers/Nodes/PaginatedNodesTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAC,wBAAwB,EAAC,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAC,0BAA0B,EAAC,MAAM,yCAAyC,CAAC;AAInF,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAE,gCAAgC,EAAC,MAAM,UAAU,CAAC;AAoB3E,MAAM,UAAU,mBAAmB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,cAAc,EACd,oBAAoB,GACG;IACvB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO;YACH,IAAI;YACJ,QAAQ;YACR,WAAW;YACX,aAAa;YACb,YAAY;YACZ,WAAW;YACX,aAAa;SAChB,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3F,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,IAAI,aAAa,KAAK,KAAK,IAAI,YAAY,KAAK,uBAAuB,CAAC,GAAG,EAAE,CAAC;YAC1E,OAAO,KAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,GAAG,CAAC;QACxD,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,wBAAwB,IACrB,iBAAiB,EAAE,0BAA0B,EAC7C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,EAAE,EACT,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,gCAAgC,EACpD,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,OAAO,GACnB,CACL,CAAC;AACN,CAAC"}

package/dist/containers/Nodes/columns/constants.d.ts

@@ -1,4 +1,8 @@
+import type { SelectOption } from '@gravity-ui/uikit';
 import type { NodesColumnId } from '../../../components/nodesColumns/constants';
+import type { NodesGroupByField } from '../../../types/api/nodes';
 export declare const NODES_TABLE_SELECTED_COLUMNS_LS_KEY = "nodesTableSelectedColumns";
 export declare const DEFAULT_NODES_COLUMNS: NodesColumnId[];
 export declare const REQUIRED_NODES_COLUMNS: NodesColumnId[];
+export declare function getNodesGroupByOptions(withSystemStateGroupBy?: boolean): SelectOption[];
+export declare function parseNodesGroupByParam(paramToParse: unknown, withSystemStateGroupBy?: boolean): NodesGroupByField | undefined;

package/dist/containers/Nodes/columns/constants.js

@@ -1,3 +1,4 @@
+import { NODES_COLUMNS_TITLES } from '../../../components/nodesColumns/constants';
 export const NODES_TABLE_SELECTED_COLUMNS_LS_KEY = 'nodesTableSelectedColumns';
 export const DEFAULT_NODES_COLUMNS = [
     'NodeId',
@@ -12,4 +13,33 @@ export const DEFAULT_NODES_COLUMNS = [
     'Tablets',
 ];
 export const REQUIRED_NODES_COLUMNS = ['NodeId'];
+const ALL_NODES_GROUP_BY_PARAMS = [
+    'SystemState',
+    'Host',
+    'DC',
+    'Rack',
+    'Database',
+    'Version',
+    'Uptime',
+    'Missing',
+    'DiskSpaceUsage',
+];
+function getAvailableNodesGroupByParams(withSystemStateGroupBy) {
+    if (!withSystemStateGroupBy) {
+        return ALL_NODES_GROUP_BY_PARAMS.filter((param) => param !== 'SystemState');
+    }
+    return ALL_NODES_GROUP_BY_PARAMS;
+}
+export function getNodesGroupByOptions(withSystemStateGroupBy) {
+    return getAvailableNodesGroupByParams(withSystemStateGroupBy).map((param) => {
+        return {
+            value: param,
+            content: NODES_COLUMNS_TITLES[param],
+        };
+    });
+}
+export function parseNodesGroupByParam(paramToParse, withSystemStateGroupBy) {
+    const availableParams = getAvailableNodesGroupByParams(withSystemStateGroupBy);
+    return availableParams.find((groupByField) => groupByField === paramToParse);
+}
 //# sourceMappingURL=constants.js.map

package/dist/containers/Nodes/columns/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/containers/Nodes/columns/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mCAAmC,GAAG,2BAA2B,CAAC;AAE/E,MAAM,CAAC,MAAM,qBAAqB,GAAoB;IAClD,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,MAAM;IACN,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,aAAa;IACb,SAAS;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAoB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/containers/Nodes/columns/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAIhF,MAAM,CAAC,MAAM,mCAAmC,GAAG,2BAA2B,CAAC;AAE/E,MAAM,CAAC,MAAM,qBAAqB,GAAoB;IAClD,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,MAAM;IACN,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,aAAa;IACb,SAAS;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAoB,CAAC,QAAQ,CAAC,CAAC;AAElE,MAAM,yBAAyB,GAAG;IAC9B,aAAa;IACb,MAAM;IACN,IAAI;IACJ,MAAM;IACN,UAAU;IACV,SAAS;IACT,QAAQ;IACR,SAAS;IACT,gBAAgB;CACoB,CAAC;AAEzC,SAAS,8BAA8B,CAAC,sBAAgC;IACpE,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC1B,OAAO,yBAAyB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,yBAAyB,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,sBAAgC;IACnE,OAAO,8BAA8B,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACxE,OAAO;YACH,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC;SACvC,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAM,UAAU,sBAAsB,CAClC,YAAqB,EACrB,sBAAgC;IAEhC,MAAM,eAAe,GAAG,8BAA8B,CAAC,sBAAsB,CAAC,CAAC;IAE/E,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,KAAK,YAAY,CAAC,CAAC;AACjF,CAAC"}

package/dist/containers/Nodes/getNodes.js

@@ -3,13 +3,10 @@ import { prepareNodesData } from '../../store/reducers/nodes/utils';
 import { prepareSortValue } from '../../utils/filters';
 import { NODES_SORT_VALUE_TO_FIELD, getProblemParamValue, getUptimeParamValue, isSortableNodesProperty, } from '../../utils/nodes';
 import { getRequiredDataFields } from '../../utils/tableUtils/getRequiredDataFields';
-const getConcurrentId = (limit, offset) => {
-    return `getNodes|offset${offset}|limit${limit}`;
-};
 export const getNodes = async (params) => {
     const { type = 'any', storage = false, tablets = true, limit, offset, sortParams, filters, columnsIds, } = params;
     const { sortOrder, columnId } = sortParams !== null && sortParams !== void 0 ? sortParams : {};
-    const { path, database, searchValue, problemFilter, uptimeFilter } = filters !== null && filters !== void 0 ? filters : {};
+    const { path, database, searchValue, problemFilter, uptimeFilter, filterGroup, filterGroupBy } = filters !== null && filters !== void 0 ? filters : {};
     const sort = isSortableNodesProperty(columnId)
         ? prepareSortValue(NODES_SORT_VALUE_TO_FIELD[columnId], sortOrder)
         : undefined;
@@ -26,8 +23,10 @@ export const getNodes = async (params) => {
         filter: searchValue,
         problems_only: getProblemParamValue(problemFilter),
         uptime: getUptimeParamValue(uptimeFilter),
+        filter_group: filterGroup,
+        filter_group_by: filterGroupBy,
         fieldsRequired: dataFieldsRequired,
-    }, { concurrentId: getConcurrentId(limit, offset), signal: params.signal });
+    });
     const preparedResponse = prepareNodesData(response);
     return {
         data: preparedResponse.Nodes || [],

package/dist/containers/Nodes/getNodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNodes.js","sourceRoot":"","sources":["../../../src/containers/Nodes/getNodes.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,4BAA4B,EAAC,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACH,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAEnF,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,MAAe,EAAE,EAAE;IACxD,OAAO,kBAAkB,MAAM,SAAS,KAAK,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAIjB,KAAK,EAAE,MAAM,EAAE,EAAE;IACjB,MAAM,EACF,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,IAAI,EACd,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,UAAU,GACb,GAAG,MAAM,CAAC;IAEX,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;IAC/C,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;IAEjF,MAAM,IAAI,GAAG,uBAAuB,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,QAAQ,CACtC;QACI,IAAI;QACJ,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,MAAM,EAAE,WAAW;QACnB,aAAa,EAAE,oBAAoB,CAAC,aAAa,CAAC;QAClD,MAAM,EAAE,mBAAmB,CAAC,YAAY,CAAC;QACzC,cAAc,EAAE,kBAAkB;KACrC,EACD,EAAC,YAAY,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAC,CACxE,CAAC;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO;QACH,IAAI,EAAE,gBAAgB,CAAC,KAAK,IAAI,EAAE;QAClC,KAAK,EAAE,gBAAgB,CAAC,UAAU,IAAI,CAAC;QACvC,KAAK,EAAE,gBAAgB,CAAC,UAAU,IAAI,CAAC;KAC1C,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"getNodes.js","sourceRoot":"","sources":["../../../src/containers/Nodes/getNodes.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,4BAA4B,EAAC,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACH,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAEnF,MAAM,CAAC,MAAM,QAAQ,GAIjB,KAAK,EAAE,MAAM,EAAE,EAAE;IACjB,MAAM,EACF,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,IAAI,EACd,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,UAAU,GACb,GAAG,MAAM,CAAC;IAEX,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;IAC/C,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,GACxF,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;IAElB,MAAM,IAAI,GAAG,uBAAuB,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvC,IAAI;QACJ,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,MAAM,EAAE,WAAW;QACnB,aAAa,EAAE,oBAAoB,CAAC,aAAa,CAAC;QAClD,MAAM,EAAE,mBAAmB,CAAC,YAAY,CAAC;QACzC,YAAY,EAAE,WAAW;QACzB,eAAe,EAAE,aAAa;QAC9B,cAAc,EAAE,kBAAkB;KACrC,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO;QACH,IAAI,EAAE,gBAAgB,CAAC,KAAK,IAAI,EAAE;QAClC,KAAK,EAAE,gBAAgB,CAAC,UAAU,IAAI,CAAC;QACvC,KAAK,EAAE,gBAAgB,CAAC,UAAU,IAAI,CAAC;KAC1C,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,3 +1,7 @@
 {
-    "empty.default": "No such nodes"
+    "nodes": "Nodes",
+    "empty.default": "No such nodes",
+    "no-nodes-groups": "No nodes groups",
+    "controls_search-placeholder": "Host name",
+    "controls_group-by-placeholder": "Group by:"
 }

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

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

package/dist/containers/Nodes/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-nodes';
-export default registerKeysets(COMPONENT, { ru, en });
+export default registerKeysets(COMPONENT, { en });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/Nodes/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,WAAW,CAAC;AAE9B,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAE,EAAE,EAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/Nodes/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,WAAW,CAAC;AAE9B,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { GetRowClassName, RenderErrorMessage } from '../../components/PaginatedTable';
+import type { NodesPreparedEntity } from '../../store/reducers/nodes/types';
+export declare const b: import("@bem-react/classname").ClassNameFormatter;
+export declare const getRowClassName: GetRowClassName<NodesPreparedEntity>;
+export declare const renderPaginatedTableErrorMessage: RenderErrorMessage;

package/dist/containers/Nodes/shared.js

@@ -0,0 +1,16 @@
+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';
+import { isUnavailableNode } from '../../utils/nodes';
+export const b = cn('ydb-nodes');
+export const getRowClassName = (row) => {
+    return b('node', { unavailable: isUnavailableNode(row) });
+};
+export const renderPaginatedTableErrorMessage = (error) => {
+    if (error && error.status === 403) {
+        return _jsx(AccessDenied, { position: "left" });
+    }
+    return _jsx(ResponseError, { error: error });
+};
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/containers/Nodes/shared.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAC;AAGpE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjC,MAAM,CAAC,MAAM,eAAe,GAAyC,CAAC,GAAG,EAAE,EAAE;IACzE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAC,WAAW,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC1E,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QAChC,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/Nodes/useNodesPageQueryParams.d.ts

@@ -0,0 +1,9 @@
+import type { NodesUptimeFilterValues } from '../../utils/nodes';
+export declare function useNodesPageQueryParams(): {
+    uptimeFilter: NodesUptimeFilterValues;
+    searchValue: string;
+    groupByParam: import("../../types/api/nodes").NodesGroupByField | undefined;
+    handleSearchQueryChange: (value: string) => void;
+    handleUptimeFilterChange: (value: NodesUptimeFilterValues) => void;
+    handleGroupByParamChange: (value: string) => void;
+};