ydb-embedded-ui 6.21.0 → 6.22.0

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

@@ -1,17 +1,17 @@
 import type { RenderControls, RenderErrorMessage } from '../../../components/PaginatedTable';
 import type { VisibleEntities } from '../../../store/reducers/storage/types';
-import type { AdditionalNodesProps } from '../../../types/additionalProps';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
+import type { StorageNodesColumn } from './columns/types';
 interface PaginatedStorageNodesProps {
+    columns: StorageNodesColumn[];
     searchValue: string;
     visibleEntities: VisibleEntities;
     nodesUptimeFilter: NodesUptimeFilterValues;
     database?: string;
-    additionalNodesProps?: AdditionalNodesProps;
     onShowAll: VoidFunction;
     parentContainer?: Element | null;
     renderControls: RenderControls;
     renderErrorMessage: RenderErrorMessage;
 }
-export declare const PaginatedStorageNodes: ({ searchValue, visibleEntities, nodesUptimeFilter, database, additionalNodesProps, onShowAll, parentContainer, renderControls, renderErrorMessage, }: PaginatedStorageNodesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginatedStorageNodes: ({ columns, searchValue, visibleEntities, nodesUptimeFilter, database, onShowAll, parentContainer, renderControls, renderErrorMessage, }: PaginatedStorageNodesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,17 +4,14 @@ import { ResizeablePaginatedTable } from '../../../components/PaginatedTable';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
 import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
+import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import { getStorageNodes } from './getNodes';
-import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, getPreparedStorageNodesColumns, } from './getStorageNodesColumns';
 import i18n from './i18n';
 import { getRowUnavailableClassName } from './shared';
-export const PaginatedStorageNodes = ({ searchValue, visibleEntities, nodesUptimeFilter, database, additionalNodesProps, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
+export const PaginatedStorageNodes = ({ columns, searchValue, visibleEntities, nodesUptimeFilter, database, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
     const tableFilters = React.useMemo(() => {
         return { searchValue, visibleEntities, nodesUptimeFilter, database };
     }, [searchValue, visibleEntities, nodesUptimeFilter, database]);
-    const columns = React.useMemo(() => {
-        return getPreparedStorageNodesColumns(additionalNodesProps, visibleEntities, database);
-    }, [additionalNodesProps, visibleEntities, database]);
     const renderEmptyDataMessage = () => {
         if (visibleEntities !== VISIBLE_ENTITIES.all ||
             nodesUptimeFilter !== NodesUptimeFilterValues.All) {

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

@@ -1 +1 @@
-{"version":3,"file":"PaginatedStorageNodes.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/PaginatedStorageNodes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAG3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EACH,kCAAkC,EAClC,8BAA8B,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAgBpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpB,SAAS,EACT,eAAe,EACf,cAAc,EACd,kBAAkB,GACO,EAAE,EAAE;IAC7B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,EAAC,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAC,CAAC;IACvE,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,8BAA8B,CAAC,oBAAoB,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC3F,CAAC,EAAE,CAAC,oBAAoB,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,IACI,eAAe,KAAK,gBAAgB,CAAC,GAAG;YACxC,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,EACnD,CAAC;YACC,OAAO,CACH,KAAC,4BAA4B,IACzB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,wBAAwB,IACrB,iBAAiB,EAAE,kCAAkC,EACrD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,EAAE,EACb,KAAK,EAAE,EAAE,EACT,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,0BAA0B,EAC3C,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,eAAe,GAC3B,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"PaginatedStorageNodes.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/PaginatedStorageNodes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAE3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAC,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAiBpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,OAAO,EACP,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,kBAAkB,GACO,EAAE,EAAE;IAC7B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,EAAC,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAC,CAAC;IACvE,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhE,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,IACI,eAAe,KAAK,gBAAgB,CAAC,GAAG;YACxC,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,EACnD,CAAC;YACC,OAAO,CACH,KAAC,4BAA4B,IACzB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,wBAAwB,IACrB,iBAAiB,EAAE,kCAAkC,EACrD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,EAAE,EACb,KAAK,EAAE,EAAE,EACT,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,0BAA0B,EAC3C,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,eAAe,GAC3B,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,19 +1,17 @@
 import type { Settings, SortOrder } from '@gravity-ui/react-data-table';
 import type { PreparedStorageNode, VisibleEntities } from '../../../store/reducers/storage/types';
-import type { AdditionalNodesProps } from '../../../types/additionalProps';
 import type { HandleSort } from '../../../utils/hooks/useTableSort';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
-import './StorageNodes.scss';
+import type { StorageNodesColumn } from './columns/types';
 interface StorageNodesProps {
     data: PreparedStorageNode[];
+    columns: StorageNodesColumn[];
     tableSettings: Settings;
     visibleEntities: VisibleEntities;
     nodesUptimeFilter: NodesUptimeFilterValues;
-    onShowAll?: VoidFunction;
-    additionalNodesProps?: AdditionalNodesProps;
     sort?: SortOrder;
+    onShowAll?: VoidFunction;
     handleSort?: HandleSort;
-    database?: string;
 }
-export declare function StorageNodes({ data, tableSettings, visibleEntities, onShowAll, nodesUptimeFilter, additionalNodesProps, sort, handleSort, database, }: StorageNodesProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorageNodes({ data, columns, tableSettings, visibleEntities, nodesUptimeFilter, sort, onShowAll, handleSort, }: StorageNodesProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,12 +3,10 @@ import { ResizeableDataTable } from '../../../components/ResizeableDataTable/Res
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
 import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
-import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY, getPreparedStorageNodesColumns, } from './getStorageNodesColumns';
+import { STORAGE_NODES_COLUMNS_WIDTH_LS_KEY } from './columns/constants';
 import i18n from './i18n';
 import { getRowUnavailableClassName } from './shared';
-import './StorageNodes.scss';
-export function StorageNodes({ data, tableSettings, visibleEntities, onShowAll, nodesUptimeFilter, additionalNodesProps, sort, handleSort, database, }) {
-    const columns = getPreparedStorageNodesColumns(additionalNodesProps, visibleEntities, database);
+export function StorageNodes({ data, columns, tableSettings, visibleEntities, nodesUptimeFilter, sort, onShowAll, handleSort, }) {
     if (!data.length &&
         (visibleEntities !== VISIBLE_ENTITIES.all ||
             nodesUptimeFilter !== NodesUptimeFilterValues.All)) {

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

@@ -1 +1 @@
-{"version":3,"file":"StorageNodes.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/StorageNodes.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,6DAA6D,CAAC;AAChG,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAI3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EACH,kCAAkC,EAClC,8BAA8B,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAEpD,OAAO,qBAAqB,CAAC;AAc7B,MAAM,UAAU,YAAY,CAAC,EACzB,IAAI,EACJ,aAAa,EACb,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,IAAI,EACJ,UAAU,EACV,QAAQ,GACQ;IAChB,MAAM,OAAO,GAAG,8BAA8B,CAAC,oBAAoB,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAEhG,IACI,CAAC,IAAI,CAAC,MAAM;QACZ,CAAC,eAAe,KAAK,gBAAgB,CAAC,GAAG;YACrC,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,CAAC,EACxD,CAAC;QACC,OAAO,CACH,KAAC,4BAA4B,IACzB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACtB,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,kCAAkC,EAErD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE;YACN,GAAG,aAAa;YAChB,iBAAiB,EAAE,UAAU;SAChC,EACD,gBAAgB,EAAE,IAAI,CAAC,eAAe,CAAC,EACvC,YAAY,EAAE,0BAA0B,EACxC,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,UAAU,IAVb,eAAyB,CAWhC,CACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"StorageNodes.js","sourceRoot":"","sources":["../../../../src/containers/Storage/StorageNodes/StorageNodes.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,6DAA6D,CAAC;AAChG,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAG3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAC,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAEvE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAapD,MAAM,UAAU,YAAY,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,IAAI,EACJ,SAAS,EACT,UAAU,GACM;IAChB,IACI,CAAC,IAAI,CAAC,MAAM;QACZ,CAAC,eAAe,KAAK,gBAAgB,CAAC,GAAG;YACrC,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,CAAC,EACxD,CAAC;QACC,OAAO,CACH,KAAC,4BAA4B,IACzB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACtB,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,mBAAmB,IAChB,iBAAiB,EAAE,kCAAkC,EAErD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE;YACN,GAAG,aAAa;YAChB,iBAAiB,EAAE,UAAU;SAChC,EACD,gBAAgB,EAAE,IAAI,CAAC,eAAe,CAAC,EACvC,YAAY,EAAE,0BAA0B,EACxC,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,UAAU,IAVb,eAAyB,CAWhC,CACL,CAAC;AACN,CAAC"}

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

@@ -1,30 +1,4 @@
-.global-storage-nodes {
-    &__pdisks-column {
-        overflow: visible; // to enable stacked disks overflow the row
-    }
-
-    &__pdisks-wrapper {
-        display: flex;
-        justify-content: left;
-        align-items: flex-end;
-
-        width: max-content;
-    }
-    &__pdisks-item {
-        flex-grow: 1;
-
-        max-width: 200px;
-        margin-right: 10px;
-
-        &:last-child {
-            margin-right: 0px;
-        }
-    }
-
-    &__group-id {
-        font-weight: 500;
-    }
-
+.ydb-storage-nodes {
     &__node_unavailable {
         opacity: 0.6;
     }

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

@@ -0,0 +1,23 @@
+.ydb-storage-nodes-columns {
+    &__pdisks-column {
+        overflow: visible; // to enable stacked disks overflow the row
+    }
+
+    &__pdisks-wrapper {
+        display: flex;
+        justify-content: left;
+        align-items: flex-end;
+
+        width: max-content;
+    }
+    &__pdisks-item {
+        flex-grow: 1;
+
+        max-width: 200px;
+        margin-right: 10px;
+
+        &:last-child {
+            margin-right: 0px;
+        }
+    }
+}

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

@@ -0,0 +1,39 @@
+import type { GetStorageNodesColumnsParams } from './types';
+import './StorageNodesColumns.scss';
+export declare const getPreparedStorageNodesColumns: ({ additionalNodesProps, database, groupId, }: GetStorageNodesColumnsParams) => {
+    sortable: boolean;
+    name: string;
+    header?: React.ReactNode;
+    className?: string;
+    resizeable?: boolean;
+    render: ((props: {
+        row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+        index: number;
+    }) => React.ReactNode) & ((props: {
+        value?: unknown;
+        row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }) => import("react").ReactNode);
+    width?: number;
+    resizeMaxWidth?: number;
+    resizeMinWidth?: number;
+    align: "center" | "left" | "right";
+    headerTitle?: string;
+    accessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+    title?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => string) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<import("../../../../store/reducers/storage/types").PreparedStorageNode>) => import("react").CSSProperties) | undefined;
+    onClick?: ((data: {
+        row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+        index: number;
+        footer?: boolean;
+        headerData?: boolean;
+    }, column: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>, event: import("react").MouseEvent<HTMLTableCellElement>) => void) | undefined;
+    defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+    sortAccessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+    sortAscending?: import("@gravity-ui/react-data-table").Comparator<import("../../../../store/reducers/storage/types").PreparedStorageNode> | undefined;
+    sub?: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>[] | undefined;
+    group?: boolean;
+    autogroup?: boolean;
+}[];

package/dist/containers/Storage/StorageNodes/{getStorageNodesColumns.js → columns/columns.js}

@@ -1,34 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
-import { NodeHostWrapper } from '../../../components/NodeHostWrapper/NodeHostWrapper';
-import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
-import { EMPTY_DATA_PLACEHOLDER } from '../../../utils/constants';
-import { isSortableNodesProperty } from '../../../utils/nodes';
-import { PDisk } from '../PDisk/PDisk';
-import { b } from './shared';
-export const STORAGE_NODES_COLUMNS_WIDTH_LS_KEY = 'storageNodesColumnsWidth';
-export const STORAGE_NODES_COLUMNS_IDS = {
-    NodeId: 'NodeId',
-    Host: 'Host',
-    DC: 'DC',
-    Rack: 'Rack',
-    Uptime: 'Uptime',
-    PDisks: 'PDisks',
-    Missing: 'Missing',
-};
-const getStorageNodesColumns = (additionalNodesProps, database) => {
+import { NodeHostWrapper } from '../../../../components/NodeHostWrapper/NodeHostWrapper';
+import { cn } from '../../../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../../../utils/constants';
+import { isSortableNodesProperty } from '../../../../utils/nodes';
+import { PDisk } from '../../PDisk/PDisk';
+import { STORAGE_NODES_COLUMNS_IDS, STORAGE_NODES_COLUMNS_TITLES } from './constants';
+import './StorageNodesColumns.scss';
+const b = cn('ydb-storage-nodes-columns');
+const getStorageNodesColumns = (additionalNodesProps, database, groupId) => {
     const getNodeRef = additionalNodesProps === null || additionalNodesProps === void 0 ? void 0 : additionalNodesProps.getNodeRef;
     const columns = [
         {
             name: STORAGE_NODES_COLUMNS_IDS.NodeId,
-            header: 'Node ID',
+            header: STORAGE_NODES_COLUMNS_TITLES.NodeId,
             width: 100,
             align: DataTable.RIGHT,
             render: ({ row }) => row.NodeId,
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Host,
-            header: 'Host',
+            header: STORAGE_NODES_COLUMNS_TITLES.Host,
             width: 350,
             render: ({ row }) => {
                 return _jsx(NodeHostWrapper, { node: row, getNodeRef: getNodeRef, database: database });
@@ -37,21 +29,21 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.DC,
-            header: 'DC',
+            header: STORAGE_NODES_COLUMNS_TITLES.DC,
             width: 100,
             render: ({ row }) => row.DC || EMPTY_DATA_PLACEHOLDER,
             align: DataTable.LEFT,
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Rack,
-            header: 'Rack',
+            header: STORAGE_NODES_COLUMNS_TITLES.Rack,
             width: 100,
             render: ({ row }) => row.Rack || '—',
             align: DataTable.LEFT,
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Uptime,
-            header: 'Uptime',
+            header: STORAGE_NODES_COLUMNS_TITLES.Uptime,
             width: 130,
             sortAccessor: ({ StartTime }) => (StartTime ? -StartTime : 0),
             align: DataTable.RIGHT,
@@ -59,7 +51,7 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.Missing,
-            header: 'Missing',
+            header: STORAGE_NODES_COLUMNS_TITLES.Missing,
             width: 100,
             align: DataTable.CENTER,
             defaultOrder: DataTable.DESCENDING,
@@ -67,14 +59,15 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
         },
         {
             name: STORAGE_NODES_COLUMNS_IDS.PDisks,
+            header: STORAGE_NODES_COLUMNS_TITLES.PDisks,
             className: b('pdisks-column'),
-            header: 'PDisks',
             render: ({ row }) => {
                 var _a;
                 return (_jsx("div", { className: b('pdisks-wrapper'), children: (_a = row.PDisks) === null || _a === void 0 ? void 0 : _a.map((pDisk) => {
                         var _a;
                         const vDisks = (_a = row.VDisks) === null || _a === void 0 ? void 0 : _a.filter((vdisk) => vdisk.PDiskId === pDisk.PDiskId);
-                        return (_jsx("div", { className: b('pdisks-item'), children: _jsx(PDisk, { data: pDisk, vDisks: vDisks }) }, pDisk.PDiskId));
+                        const inactiveVdisks = vDisks === null || vDisks === void 0 ? void 0 : vDisks.filter((vdisk) => { var _a; return groupId && ((_a = vdisk.VDiskId) === null || _a === void 0 ? void 0 : _a.GroupID) !== Number(groupId); });
+                        return (_jsx("div", { className: b('pdisks-item'), children: _jsx(PDisk, { data: pDisk, vDisks: vDisks, inactiveVdisks: inactiveVdisks }) }, pDisk.PDiskId));
                     }) }));
             },
             align: DataTable.CENTER,
@@ -85,15 +78,12 @@ const getStorageNodesColumns = (additionalNodesProps, database) => {
     ];
     return columns;
 };
-export const getPreparedStorageNodesColumns = (additionalNodesProps, visibleEntities, database) => {
-    const rawColumns = getStorageNodesColumns(additionalNodesProps, database);
+export const getPreparedStorageNodesColumns = ({ additionalNodesProps, database, groupId, }) => {
+    const rawColumns = getStorageNodesColumns(additionalNodesProps, database, groupId);
     const sortableColumns = rawColumns.map((column) => ({
         ...column,
         sortable: isSortableNodesProperty(column.name),
     }));
-    if (visibleEntities !== VISIBLE_ENTITIES.missing) {
-        return sortableColumns.filter((col) => col.name !== STORAGE_NODES_COLUMNS_IDS.Missing);
-    }
     return sortableColumns;
 };
-//# sourceMappingURL=getStorageNodesColumns.js.map
+//# sourceMappingURL=columns.js.map

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

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

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

@@ -0,0 +1,25 @@
+import type { ValueOf } from '../../../../types/common';
+export declare const STORAGE_NODES_COLUMNS_WIDTH_LS_KEY = "storageNodesColumnsWidth";
+export declare const STORAGE_NODES_SELECTED_COLUMNS_LS_KEY = "storageNodesSelectedColumns";
+export declare const STORAGE_NODES_COLUMNS_IDS: {
+    readonly NodeId: "NodeId";
+    readonly Host: "Host";
+    readonly DC: "DC";
+    readonly Rack: "Rack";
+    readonly Uptime: "Uptime";
+    readonly PDisks: "PDisks";
+    readonly Missing: "Missing";
+};
+type StorageNodesColumnId = ValueOf<typeof STORAGE_NODES_COLUMNS_IDS>;
+export declare const DEFAULT_STORAGE_NODES_COLUMNS: StorageNodesColumnId[];
+export declare const REQUIRED_STORAGE_NODES_COLUMNS: StorageNodesColumnId[];
+export declare const STORAGE_NODES_COLUMNS_TITLES: {
+    readonly NodeId: string;
+    readonly Host: string;
+    readonly DC: string;
+    readonly Rack: string;
+    readonly Uptime: string;
+    readonly PDisks: string;
+    readonly Missing: string;
+};
+export {};

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

@@ -0,0 +1,47 @@
+import i18n from './i18n';
+export const STORAGE_NODES_COLUMNS_WIDTH_LS_KEY = 'storageNodesColumnsWidth';
+export const STORAGE_NODES_SELECTED_COLUMNS_LS_KEY = 'storageNodesSelectedColumns';
+export const STORAGE_NODES_COLUMNS_IDS = {
+    NodeId: 'NodeId',
+    Host: 'Host',
+    DC: 'DC',
+    Rack: 'Rack',
+    Uptime: 'Uptime',
+    PDisks: 'PDisks',
+    Missing: 'Missing',
+};
+export const DEFAULT_STORAGE_NODES_COLUMNS = [
+    'NodeId',
+    'Host',
+    'DC',
+    'Rack',
+    'Uptime',
+    'PDisks',
+];
+export const REQUIRED_STORAGE_NODES_COLUMNS = ['NodeId'];
+// This code is running when module is initialized and correct language may not be set yet
+// get functions guarantee that i18n fields will be inited on render with current render language
+export const STORAGE_NODES_COLUMNS_TITLES = {
+    get NodeId() {
+        return i18n('nodes-id');
+    },
+    get Host() {
+        return i18n('host');
+    },
+    get DC() {
+        return i18n('dc');
+    },
+    get Rack() {
+        return i18n('rack');
+    },
+    get Uptime() {
+        return i18n('uptime');
+    },
+    get PDisks() {
+        return i18n('pdisks');
+    },
+    get Missing() {
+        return i18n('missing');
+    },
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageNodes/columns/constants.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,MAAM,kCAAkC,GAAG,0BAA0B,CAAC;AAC7E,MAAM,CAAC,MAAM,qCAAqC,GAAG,6BAA6B,CAAC;AAEnF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC;AAIX,MAAM,CAAC,MAAM,6BAA6B,GAA2B;IACjE,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,QAAQ;CACX,CAAC;AACF,MAAM,CAAC,MAAM,8BAA8B,GAA2B,CAAC,QAAQ,CAAC,CAAC;AAEjF,0FAA0F;AAC1F,iGAAiG;AACjG,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC;IACD,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IACD,IAAI,EAAE;QACF,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IACD,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IACD,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IACD,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IACD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACoD,CAAC"}

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { GetStorageNodesColumnsParams } from './types';
+export declare function useStorageNodesSelectedColumns({ visibleEntities, database, additionalNodesProps, groupId, }: GetStorageNodesColumnsParams): {
+    columnsToShow: {
+        sortable: boolean;
+        name: string;
+        header?: React.ReactNode;
+        className?: string;
+        resizeable?: boolean;
+        render: ((props: {
+            row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+            index: number;
+        }) => React.ReactNode) & ((props: {
+            value?: unknown;
+            row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+            index: number;
+            footer?: boolean;
+            headerData?: boolean;
+        }) => React.ReactNode);
+        width?: number;
+        resizeMaxWidth?: number;
+        resizeMinWidth?: number;
+        align: "center" | "left" | "right";
+        headerTitle?: string;
+        accessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+        title?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => string) | undefined;
+        customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<import("../../../../store/reducers/storage/types").PreparedStorageNode>) => React.CSSProperties) | undefined;
+        onClick?: ((data: {
+            row: import("../../../../store/reducers/storage/types").PreparedStorageNode;
+            index: number;
+            footer?: boolean;
+            headerData?: boolean;
+        }, column: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>, event: React.MouseEvent<HTMLTableCellElement>) => void) | undefined;
+        defaultOrder?: import("@gravity-ui/react-data-table").OrderType;
+        sortAccessor?: string | ((row: import("../../../../store/reducers/storage/types").PreparedStorageNode) => any) | undefined;
+        sortAscending?: import("@gravity-ui/react-data-table").Comparator<import("../../../../store/reducers/storage/types").PreparedStorageNode> | undefined;
+        sub?: import("@gravity-ui/react-data-table").Column<import("../../../../store/reducers/storage/types").PreparedStorageNode>[] | undefined;
+        group?: boolean;
+        autogroup?: boolean;
+    }[];
+    columnsToSelect: import("@gravity-ui/uikit").TableColumnSetupItem[];
+    setColumns: (updated: import("@gravity-ui/uikit").TableColumnSetupItem[]) => void;
+};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { VISIBLE_ENTITIES } from '../../../../store/reducers/storage/constants';
+import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
+import { getPreparedStorageNodesColumns } from './columns';
+import { DEFAULT_STORAGE_NODES_COLUMNS, REQUIRED_STORAGE_NODES_COLUMNS, STORAGE_NODES_COLUMNS_IDS, STORAGE_NODES_COLUMNS_TITLES, STORAGE_NODES_SELECTED_COLUMNS_LS_KEY, } from './constants';
+export function useStorageNodesSelectedColumns({ visibleEntities, database, additionalNodesProps, groupId, }) {
+    const columns = React.useMemo(() => {
+        return getPreparedStorageNodesColumns({ database, additionalNodesProps, groupId });
+    }, [database, additionalNodesProps, groupId]);
+    const requiredColumns = React.useMemo(() => {
+        if (visibleEntities === VISIBLE_ENTITIES.missing) {
+            return [...REQUIRED_STORAGE_NODES_COLUMNS, STORAGE_NODES_COLUMNS_IDS.Missing];
+        }
+        return REQUIRED_STORAGE_NODES_COLUMNS;
+    }, [visibleEntities]);
+    return useSelectedColumns(columns, STORAGE_NODES_SELECTED_COLUMNS_LS_KEY, STORAGE_NODES_COLUMNS_TITLES, DEFAULT_STORAGE_NODES_COLUMNS, requiredColumns);
+}
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/Storage/StorageNodes/columns/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAC,kBAAkB,EAAC,MAAM,4CAA4C,CAAC;AAE9E,OAAO,EAAC,8BAA8B,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,EACH,6BAA6B,EAC7B,8BAA8B,EAC9B,yBAAyB,EACzB,4BAA4B,EAC5B,qCAAqC,GACxC,MAAM,aAAa,CAAC;AAGrB,MAAM,UAAU,8BAA8B,CAAC,EAC3C,eAAe,EACf,QAAQ,EACR,oBAAoB,EACpB,OAAO,GACoB;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,8BAA8B,CAAC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,EAAC,CAAC,CAAC;IACrF,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,eAAe,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC/C,OAAO,CAAC,GAAG,8BAA8B,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAClF,CAAC;QACD,OAAO,8BAA8B,CAAC;IAC1C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,kBAAkB,CACrB,OAAO,EACP,qCAAqC,EACrC,4BAA4B,EAC5B,6BAA6B,EAC7B,eAAe,CAClB,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,9 @@
+{
+    "nodes-id": "Node ID",
+    "host": "Host",
+    "dc": "DC",
+    "rack": "Rack",
+    "uptime": "Uptime",
+    "missing": "Missing",
+    "pdisks": "PDisks"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "missing" | "host" | "uptime" | "dc" | "rack" | "nodes-id" | "pdisks", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

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

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

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,5 +1,6 @@
 import { prepareStorageNodesResponse } from '../../../store/reducers/storage/utils';
-import { getUptimeParamValue } from '../../../utils/nodes';
+import { prepareSortValue } from '../../../utils/filters';
+import { getUptimeParamValue, isSortableNodesProperty } from '../../../utils/nodes';
 const getConcurrentId = (limit, offset) => {
     return `getStorageNodes|offset${offset}|limit${limit}`;
 };
@@ -7,16 +8,18 @@ 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 { 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) });
     const preparedResponse = prepareStorageNodesResponse(response);

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,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,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,CACtC;QACI,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;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"}

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"}