ydb-embedded-ui 5.5.0 → 6.0.1

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

@@ -1,6 +1,6 @@
-import type { NodesMap } from '../../../types/store/nodesList';
-import { type RenderControls, type RenderErrorMessage } from '../../../components/VirtualTable';
+import type { RenderControls, RenderErrorMessage } from '../../../components/VirtualTable';
 import type { VisibleEntities } from '../../../store/reducers/storage/types';
+import type { NodesMap } from '../../../types/store/nodesList';
 interface VirtualStorageGroupsProps {
     searchValue: string;
     visibleEntities: VisibleEntities;
@@ -12,5 +12,5 @@ interface VirtualStorageGroupsProps {
     renderControls: RenderControls;
     renderErrorMessage: RenderErrorMessage;
 }
-export declare const VirtualStorageGroups: ({ searchValue, visibleEntities, tenant, nodeId, nodesMap, onShowAll, parentContainer, renderControls, renderErrorMessage, }: VirtualStorageGroupsProps) => JSX.Element;
+export declare const VirtualStorageGroups: ({ searchValue, visibleEntities, tenant, nodeId, nodesMap, onShowAll, parentContainer, renderControls, renderErrorMessage, }: VirtualStorageGroupsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { VirtualTable, } from '../../../components/VirtualTable';
+import React from 'react';
+import { VirtualTable } from '../../../components/VirtualTable';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { StorageGroupsEmptyDataMessage } from './StorageGroupsEmptyDataMessage';
-import { getPreparedStorageGroupsColumns } from './getStorageGroupsColumns';
 import { getStorageGroups } from './getGroups';
+import { getPreparedStorageGroupsColumns } from './getStorageGroupsColumns';
 import i18n from './i18n';
 export const VirtualStorageGroups = ({ searchValue, visibleEntities, tenant, nodeId, nodesMap, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
-    const filters = useMemo(() => {
+    const filters = React.useMemo(() => {
         return [searchValue, visibleEntities, tenant, nodeId];
     }, [searchValue, visibleEntities, tenant, nodeId]);
-    const fetchData = useCallback(async (limit, offset, { sortOrder, columnId } = {}) => {
+    const fetchData = React.useCallback(async (limit, offset, { sortOrder, columnId } = {}) => {
         return await getStorageGroups({
             limit,
             offset,
@@ -22,7 +22,7 @@ export const VirtualStorageGroups = ({ searchValue, visibleEntities, tenant, nod
             sortValue: columnId,
         });
     }, [nodeId, searchValue, tenant, visibleEntities]);
-    const columns = useMemo(() => {
+    const columns = React.useMemo(() => {
         return getPreparedStorageGroupsColumns(nodesMap, visibleEntities);
     }, [nodesMap, visibleEntities]);
     const renderEmptyDataMessage = () => {

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

@@ -1,7 +1,8 @@
-import { type Column as DataTableColumn } from '@gravity-ui/react-data-table';
+import React from 'react';
+import type { Column as DataTableColumn } from '@gravity-ui/react-data-table';
 import type { Column as VirtualTableColumn } from '../../../components/VirtualTable';
-import type { NodesMap } from '../../../types/store/nodesList';
 import type { PreparedStorageGroup, VisibleEntities } from '../../../store/reducers/storage/types';
+import type { NodesMap } from '../../../types/store/nodesList';
 import './StorageGroups.scss';
 type StorageGroupsColumn = VirtualTableColumn<PreparedStorageGroup> & DataTableColumn<PreparedStorageGroup>;
 export declare const GROUPS_COLUMNS_IDS: {
@@ -23,31 +24,31 @@ export declare const getPDiskStorageColumns: (nodes?: NodesMap) => StorageGroups
 export declare const getPreparedStorageGroupsColumns: (nodesMap: NodesMap | undefined, visibleEntities: VisibleEntities) => {
     sortable: boolean;
     name: string;
-    header?: import("react").ReactNode;
+    header?: React.ReactNode;
     className?: string | undefined;
     resizeable?: boolean | undefined;
     render: ((props: {
         row: PreparedStorageGroup;
         index: number;
-    }) => import("react").ReactNode) & ((props: {
+    }) => React.ReactNode) & ((props: {
         value?: unknown;
         row: PreparedStorageGroup;
         index: number;
         footer?: boolean | undefined;
         headerData?: boolean | undefined;
-    }) => import("react").ReactNode);
+    }) => React.ReactNode);
     width: number;
-    align: "left" | "right" | "center";
+    align: "center" | "left" | "right";
     headerTitle?: string | undefined;
     accessor?: string | ((row: PreparedStorageGroup) => any) | undefined;
     title?: string | ((row: PreparedStorageGroup) => string) | undefined;
-    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<PreparedStorageGroup>) => import("react").CSSProperties) | undefined;
+    customStyle?: ((props: import("@gravity-ui/react-data-table").CustomStyleParams<PreparedStorageGroup>) => React.CSSProperties) | undefined;
     onClick?: ((data: {
         row: PreparedStorageGroup;
         index: number;
         footer?: boolean | undefined;
         headerData?: boolean | undefined;
-    }, column: DataTableColumn<PreparedStorageGroup>, event: import("react").MouseEvent<HTMLTableCellElement, MouseEvent>) => void) | undefined;
+    }, column: DataTableColumn<PreparedStorageGroup>, event: React.MouseEvent<HTMLTableCellElement, MouseEvent>) => void) | undefined;
     defaultOrder?: import("@gravity-ui/react-data-table").OrderType | undefined;
     sortAccessor?: string | ((row: PreparedStorageGroup) => any) | undefined;
     sortAscending?: import("@gravity-ui/react-data-table").Comparator<PreparedStorageGroup> | undefined;

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

@@ -1,19 +1,20 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'bem-cn-lite';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import DataTable from '@gravity-ui/react-data-table';
 import { Icon, Label, Popover, PopoverBehavior } from '@gravity-ui/uikit';
-import { EFlag } from '../../../types/api/enums';
-import shieldIcon from '../../../assets/icons/shield.svg';
-import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
-import { isSortableStorageProperty } from '../../../utils/storage';
-import { bytesToGB, bytesToSpeed } from '../../../utils/utils';
-import { stringifyVdiskId } from '../../../utils/dataFormatters/dataFormatters';
-import { EntityStatus } from '../../../components/EntityStatus/EntityStatus';
 import { CellWithPopover } from '../../../components/CellWithPopover/CellWithPopover';
+import { EntityStatus } from '../../../components/EntityStatus/EntityStatus';
 import { UsageLabel } from '../../../components/UsageLabel/UsageLabel';
 import { VDiskWithDonorsStack } from '../../../components/VDisk/VDiskWithDonorsStack';
+import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
+import { EFlag } from '../../../types/api/enums';
+import { cn } from '../../../utils/cn';
+import { stringifyVdiskId } from '../../../utils/dataFormatters/dataFormatters';
+import { isSortableStorageProperty } from '../../../utils/storage';
+import { bytesToGB, bytesToSpeed } from '../../../utils/utils';
 import { getDegradedSeverity, getUsageSeverityForStorageGroup } from '../utils';
 import i18n from './i18n';
+import shieldIcon from '../../../assets/icons/shield.svg';
 import './StorageGroups.scss';
 const b = cn('global-storage-groups');
 export const GROUPS_COLUMNS_IDS = {
@@ -37,7 +38,7 @@ const poolNameColumn = {
     render: ({ row }) => {
         var _a;
         const splitted = (_a = row.PoolName) === null || _a === void 0 ? void 0 : _a.split('/');
-        return (splitted && (_jsx(CellWithPopover, Object.assign({ wrapperClassName: b('pool-name-wrapper'), content: row.PoolName, placement: ['right'], behavior: PopoverBehavior.Immediate }, { children: splitted[splitted.length - 1] }))));
+        return (splitted && (_jsx(CellWithPopover, { wrapperClassName: b('pool-name-wrapper'), content: row.PoolName, placement: ['right'], behavior: PopoverBehavior.Immediate, children: splitted[splitted.length - 1] })));
     },
     align: DataTable.LEFT,
 };
@@ -46,7 +47,7 @@ const typeColumn = {
     header: 'Type',
     width: 100,
     align: DataTable.LEFT,
-    render: ({ row }) => (_jsxs(_Fragment, { children: [_jsx(Label, { children: row.MediaType || '—' }), '\u00a0', row.Encryption && (_jsx(Popover, Object.assign({ content: i18n('encrypted'), placement: "right", behavior: PopoverBehavior.Immediate }, { children: _jsx(Label, { children: _jsx(Icon, { data: shieldIcon }) }) })))] })),
+    render: ({ row }) => (_jsxs(React.Fragment, { children: [_jsx(Label, { children: row.MediaType || '—' }), '\u00a0', row.Encryption && (_jsx(Popover, { content: i18n('encrypted'), placement: "right", behavior: PopoverBehavior.Immediate, children: _jsx(Label, { children: _jsx(Icon, { data: shieldIcon }) }) }))] })),
     sortable: false,
 };
 const erasureColumn = {
@@ -61,7 +62,7 @@ const degradedColumn = {
     name: GROUPS_COLUMNS_IDS.Degraded,
     header: 'Degraded',
     width: 100,
-    render: ({ row }) => row.Degraded ? (_jsxs(Label, Object.assign({ theme: getDegradedSeverity(row) }, { children: ["Degraded: ", row.Degraded] }))) : ('-'),
+    render: ({ row }) => row.Degraded ? (_jsxs(Label, { theme: getDegradedSeverity(row), children: ["Degraded: ", row.Degraded] })) : ('-'),
     align: DataTable.LEFT,
     defaultOrder: DataTable.DESCENDING,
 };
@@ -84,7 +85,7 @@ const groupIdColumn = {
     header: 'Group ID',
     width: 130,
     render: ({ row }) => {
-        return _jsx("span", Object.assign({ className: b('group-id') }, { children: row.GroupID }));
+        return _jsx("span", { className: b('group-id'), children: row.GroupID });
     },
     sortAccessor: (row) => Number(row.GroupID),
     align: DataTable.RIGHT,
@@ -154,9 +155,9 @@ const getVdiscksColumn = (nodes) => ({
     header: 'VDisks',
     render: ({ row }) => {
         var _a;
-        return (_jsx("div", Object.assign({ className: b('vdisks-wrapper') }, { children: (_a = row.VDisks) === null || _a === void 0 ? void 0 : _a.map((vDisk) => {
+        return (_jsx("div", { className: b('vdisks-wrapper'), children: (_a = row.VDisks) === null || _a === void 0 ? void 0 : _a.map((vDisk) => {
                 return (_jsx(VDiskWithDonorsStack, { data: vDisk, nodes: nodes, className: b('vdisks-item') }, stringifyVdiskId(vDisk.VDiskId)));
-            }) })));
+            }) }));
     },
     align: DataTable.CENTER,
     width: 900,

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

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "empty.default" | "empty.out_of_space" | "empty.degraded" | "show_all" | "encrypted", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

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

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../../../utils/i18n';
+import { registerKeysets } from '../../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-storage-groups';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { ru, en });

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { Settings, SortOrder } from '@gravity-ui/react-data-table';
+import type { Settings, SortOrder } from '@gravity-ui/react-data-table';
 import type { PreparedStorageNode, VisibleEntities } from '../../../store/reducers/storage/types';
-import type { HandleSort } from '../../../utils/hooks/useTableSort';
 import type { AdditionalNodesProps } from '../../../types/additionalProps';
+import type { HandleSort } from '../../../utils/hooks/useTableSort';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
 import './StorageNodes.scss';
 interface StorageNodesProps {
@@ -15,5 +14,5 @@ interface StorageNodesProps {
     sort?: SortOrder;
     handleSort?: HandleSort;
 }
-export declare function StorageNodes({ data, tableSettings, visibleEntities, onShowAll, nodesUptimeFilter, additionalNodesProps, sort, handleSort, }: StorageNodesProps): JSX.Element;
+export declare function StorageNodes({ data, tableSettings, visibleEntities, onShowAll, nodesUptimeFilter, additionalNodesProps, sort, handleSort, }: StorageNodesProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
-import { getPreparedStorageNodesColumns } from './getStorageNodesColumns';
 import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
-import { getRowUnavailableClassName } from './shared';
+import { getPreparedStorageNodesColumns } from './getStorageNodesColumns';
 import i18n from './i18n';
+import { getRowUnavailableClassName } from './shared';
 import './StorageNodes.scss';
 export function StorageNodes({ data, tableSettings, visibleEntities, onShowAll, nodesUptimeFilter, additionalNodesProps, sort, handleSort, }) {
     const columns = getPreparedStorageNodesColumns(additionalNodesProps, visibleEntities);

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

@@ -5,5 +5,5 @@ interface StorageNodesEmptyDataMessageProps {
     nodesUptimeFilter: NodesUptimeFilterValues;
     onShowAll?: VoidFunction;
 }
-export declare const StorageNodesEmptyDataMessage: ({ visibleEntities, nodesUptimeFilter, onShowAll, }: StorageNodesEmptyDataMessageProps) => JSX.Element | null;
+export declare const StorageNodesEmptyDataMessage: ({ visibleEntities, nodesUptimeFilter, onShowAll, }: StorageNodesEmptyDataMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,7 +1,7 @@
+import type { RenderControls, RenderErrorMessage } from '../../../components/VirtualTable';
+import type { VisibleEntities } from '../../../store/reducers/storage/types';
 import type { AdditionalNodesProps } from '../../../types/additionalProps';
 import { NodesUptimeFilterValues } from '../../../utils/nodes';
-import { type RenderControls, type RenderErrorMessage } from '../../../components/VirtualTable';
-import type { VisibleEntities } from '../../../store/reducers/storage/types';
 interface VirtualStorageNodesProps {
     searchValue: string;
     visibleEntities: VisibleEntities;
@@ -13,5 +13,5 @@ interface VirtualStorageNodesProps {
     renderControls: RenderControls;
     renderErrorMessage: RenderErrorMessage;
 }
-export declare const VirtualStorageNodes: ({ searchValue, visibleEntities, nodesUptimeFilter, tenant, additionalNodesProps, onShowAll, parentContainer, renderControls, renderErrorMessage, }: VirtualStorageNodesProps) => JSX.Element;
+export declare const VirtualStorageNodes: ({ searchValue, visibleEntities, nodesUptimeFilter, tenant, additionalNodesProps, onShowAll, parentContainer, renderControls, renderErrorMessage, }: VirtualStorageNodesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,18 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { getUptimeParamValue, NodesUptimeFilterValues, } from '../../../utils/nodes';
-import { VirtualTable, } from '../../../components/VirtualTable';
+import React from 'react';
+import { VirtualTable } from '../../../components/VirtualTable';
 import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
+import { NodesUptimeFilterValues, getUptimeParamValue } from '../../../utils/nodes';
 import { StorageNodesEmptyDataMessage } from './StorageNodesEmptyDataMessage';
-import { getPreparedStorageNodesColumns } from './getStorageNodesColumns';
 import { getStorageNodes } from './getNodes';
-import { getRowUnavailableClassName } from './shared';
+import { getPreparedStorageNodesColumns } from './getStorageNodesColumns';
 import i18n from './i18n';
+import { getRowUnavailableClassName } from './shared';
 export const VirtualStorageNodes = ({ searchValue, visibleEntities, nodesUptimeFilter, tenant, additionalNodesProps, onShowAll, parentContainer, renderControls, renderErrorMessage, }) => {
-    const filters = useMemo(() => {
+    const filters = React.useMemo(() => {
         return [searchValue, visibleEntities, nodesUptimeFilter, tenant];
     }, [searchValue, visibleEntities, nodesUptimeFilter, tenant]);
-    const fetchData = useCallback(async (limit, offset, { sortOrder, columnId } = {}) => {
+    const fetchData = React.useCallback(async (limit, offset, { sortOrder, columnId } = {}) => {
         return await getStorageNodes({
             limit,
             offset,
@@ -24,7 +24,7 @@ export const VirtualStorageNodes = ({ searchValue, visibleEntities, nodesUptimeF
             sortValue: columnId,
         });
     }, [nodesUptimeFilter, searchValue, tenant, visibleEntities]);
-    const columns = useMemo(() => {
+    const columns = React.useMemo(() => {
         return getPreparedStorageNodesColumns(additionalNodesProps, visibleEntities);
     }, [additionalNodesProps, visibleEntities]);
     const renderEmptyDataMessage = () => {

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

@@ -1,4 +1,5 @@
-import { type Column as DataTableColumn } from '@gravity-ui/react-data-table';
+/// <reference types="react" />
+import type { Column as DataTableColumn } from '@gravity-ui/react-data-table';
 import type { PreparedStorageNode, VisibleEntities } from '../../../store/reducers/storage/types';
 import type { AdditionalNodesProps } from '../../../types/additionalProps';
 export declare const STORAGE_NODES_COLUMNS_IDS: {
@@ -27,7 +28,7 @@ export declare const getPreparedStorageNodesColumns: (additionalNodesProps: Addi
         headerData?: boolean | undefined;
     }) => import("react").ReactNode);
     width: number;
-    align: "left" | "right" | "center";
+    align: "center" | "left" | "right";
     headerTitle?: string | undefined;
     accessor?: string | ((row: PreparedStorageNode) => any) | undefined;
     title?: string | ((row: PreparedStorageNode) => string) | undefined;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
-import { VISIBLE_ENTITIES } from '../../../store/reducers/storage/constants';
 import { NodeHostWrapper } from '../../../components/NodeHostWrapper/NodeHostWrapper';
-import { isSortableNodesProperty } from '../../../utils/nodes';
+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_IDS = {
@@ -70,11 +70,11 @@ const getStorageNodesColumns = (additionalNodesProps) => {
             header: 'PDisks',
             render: ({ row }) => {
                 var _a;
-                return (_jsx("div", Object.assign({ className: b('pdisks-wrapper') }, { children: (_a = row.PDisks) === null || _a === void 0 ? void 0 : _a.map((pDisk) => {
+                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", Object.assign({ className: b('pdisks-item') }, { children: _jsx(PDisk, { data: pDisk, nodeId: row.NodeId, vDisks: vDisks }) }), pDisk.PDiskId));
-                    }) })));
+                        return (_jsx("div", { className: b('pdisks-item'), children: _jsx(PDisk, { data: pDisk, nodeId: row.NodeId, vDisks: vDisks }) }, pDisk.PDiskId));
+                    }) }));
             },
             align: DataTable.CENTER,
             sortable: false,

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

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "empty.default" | "empty.out_of_space" | "empty.degraded" | "show_all" | "empty.small_uptime" | "empty.several_filters", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

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

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../../../utils/i18n';
+import { registerKeysets } from '../../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-storage-nodes';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { ru, en });

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

@@ -1,12 +1,3 @@
 import type { PreparedStorageNode } from '../../../store/reducers/storage/types';
-export declare const b: {
-    (elementName: string, modifiers: import("bem-cn-lite").Modifications | null, mixin?: string | string[] | undefined): string;
-    (elementName: string, mixin?: string | string[] | undefined): string;
-    (elementName: string, modifiers: import("bem-cn-lite").Modifications): string;
-    (mods: import("bem-cn-lite").Modifications | null, mixin?: string | string[] | undefined): string;
-    (elementName: string): string;
-    (mods: import("bem-cn-lite").Modifications | null): string;
-    (): string;
-    builder(): import("bem-cn").Block;
-};
+export declare const b: import("@bem-react/classname").ClassNameFormatter;
 export declare const getRowUnavailableClassName: (row: PreparedStorageNode) => string;

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

@@ -1,4 +1,4 @@
-import cn from 'bem-cn-lite';
+import { cn } from '../../../utils/cn';
 import { isUnavailableNode } from '../../../utils/nodes';
 export const b = cn('global-storage-nodes');
 export const getRowUnavailableClassName = (row) => b('node', { unavailable: isUnavailableNode(row) });

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

@@ -3,5 +3,5 @@ interface StorageTypeFilterProps {
     value: StorageType;
     onChange: (value: StorageType) => void;
 }
-export declare const StorageTypeFilter: ({ value, onChange }: StorageTypeFilterProps) => JSX.Element;
+export declare const StorageTypeFilter: ({ value, onChange }: StorageTypeFilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/StorageTypeFilter/StorageTypeFilter.js

@@ -7,5 +7,5 @@ const StorageTypesTitles = {
 };
 const storageTypeFilterQa = 'storage-type-filter';
 export const StorageTypeFilter = ({ value, onChange }) => {
-    return (_jsxs(RadioButton, Object.assign({ value: value, onUpdate: onChange, qa: storageTypeFilterQa }, { children: [_jsx(RadioButton.Option, Object.assign({ value: STORAGE_TYPES.groups }, { children: StorageTypesTitles[STORAGE_TYPES.groups] })), _jsx(RadioButton.Option, Object.assign({ value: STORAGE_TYPES.nodes }, { children: StorageTypesTitles[STORAGE_TYPES.nodes] }))] })));
+    return (_jsxs(RadioButton, { value: value, onUpdate: onChange, qa: storageTypeFilterQa, children: [_jsx(RadioButton.Option, { value: STORAGE_TYPES.groups, children: StorageTypesTitles[STORAGE_TYPES.groups] }), _jsx(RadioButton.Option, { value: STORAGE_TYPES.nodes, children: StorageTypesTitles[STORAGE_TYPES.nodes] })] }));
 };

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

@@ -8,5 +8,5 @@ interface StorageProblemFilterProps {
     value: VisibleEntities;
     onChange: (value: VisibleEntities) => void;
 }
-export declare const StorageVisibleEntitiesFilter: ({ value, onChange }: StorageProblemFilterProps) => JSX.Element;
+export declare const StorageVisibleEntitiesFilter: ({ value, onChange }: StorageProblemFilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/StorageVisibleEntitiesFilter/StorageVisibleEntitiesFilter.js

@@ -8,5 +8,5 @@ export const VisibleEntitiesTitles = {
 };
 const storageVisibleEntitiesFilterQa = 'storage-visible-entities-filter';
 export const StorageVisibleEntitiesFilter = ({ value, onChange }) => {
-    return (_jsxs(RadioButton, Object.assign({ value: value, onUpdate: onChange, qa: storageVisibleEntitiesFilterQa }, { children: [_jsx(RadioButton.Option, Object.assign({ value: VISIBLE_ENTITIES.missing }, { children: VisibleEntitiesTitles[VISIBLE_ENTITIES.missing] })), _jsx(RadioButton.Option, Object.assign({ value: VISIBLE_ENTITIES.space }, { children: VisibleEntitiesTitles[VISIBLE_ENTITIES.space] })), _jsx(RadioButton.Option, Object.assign({ value: VISIBLE_ENTITIES.all }, { children: VisibleEntitiesTitles[VISIBLE_ENTITIES.all] }))] })));
+    return (_jsxs(RadioButton, { value: value, onUpdate: onChange, qa: storageVisibleEntitiesFilterQa, children: [_jsx(RadioButton.Option, { value: VISIBLE_ENTITIES.missing, children: VisibleEntitiesTitles[VISIBLE_ENTITIES.missing] }), _jsx(RadioButton.Option, { value: VISIBLE_ENTITIES.space, children: VisibleEntitiesTitles[VISIBLE_ENTITIES.space] }), _jsx(RadioButton.Option, { value: VISIBLE_ENTITIES.all, children: VisibleEntitiesTitles[VISIBLE_ENTITIES.all] })] }));
 };

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

@@ -5,5 +5,5 @@ interface StorageWrapperProps {
     parentContainer?: Element | null;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare const StorageWrapper: ({ parentContainer, ...props }: StorageWrapperProps) => JSX.Element;
+export declare const StorageWrapper: ({ parentContainer, ...props }: StorageWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/StorageWrapper.js

@@ -2,8 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { USE_BACKEND_PARAMS_FOR_TABLES_KEY } from '../../utils/constants';
 import { useSetting } from '../../utils/hooks';
-import { VirtualStorage } from './VirtualStorage';
 import { Storage } from './Storage';
+import { VirtualStorage } from './VirtualStorage';
 export const StorageWrapper = (_a) => {
     var { parentContainer } = _a, props = __rest(_a, ["parentContainer"]);
     const [useVirtualTable] = useSetting(USE_BACKEND_PARAMS_FOR_TABLES_KEY);

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

@@ -10,5 +10,5 @@ interface UsageFilterProps {
     onChange?: (value: string[]) => void;
     debounce?: number;
 }
-export declare const UsageFilter: (props: UsageFilterProps) => JSX.Element;
+export declare const UsageFilter: (props: UsageFilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/UsageFilter/UsageFilter.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
-import cn from 'bem-cn-lite';
+import React from 'react';
 import { Select } from '@gravity-ui/uikit';
 import { EntityStatus } from '../../../components/EntityStatus/EntityStatus';
+import { cn } from '../../../utils/cn';
 import { getUsageSeverityForEntityStatus } from '../utils';
 import i18n from './i18n';
 import './UsageFilter.scss';
 const b = cn('usage-filter');
 export const UsageFilter = (props) => {
     const { className, value = [], groups = [], onChange, debounce = 200 } = props;
-    const [filterValue, setFilterValue] = useState(value);
-    const timer = useRef();
-    useEffect(() => {
+    const [filterValue, setFilterValue] = React.useState(value);
+    const timer = React.useRef();
+    React.useEffect(() => {
         // sync inner state with external value
         setFilterValue((prevValue) => {
             if (prevValue.join(',') !== value.join(',')) {
@@ -20,7 +20,7 @@ export const UsageFilter = (props) => {
             return prevValue;
         });
     }, [value]);
-    const options = useMemo(() => groups.map(({ threshold, count }) => ({
+    const options = React.useMemo(() => groups.map(({ threshold, count }) => ({
         value: String(threshold),
         text: `${threshold}%`,
         data: { count },
@@ -33,6 +33,6 @@ export const UsageFilter = (props) => {
         }, debounce);
     };
     const maxWidth = Math.max(...groups.map(({ count }) => count));
-    const renderOption = ({ value: optionValue, data, text }) => (_jsxs("div", Object.assign({ className: b('option') }, { children: [_jsx(EntityStatus, { className: b('option-title'), status: getUsageSeverityForEntityStatus(Number(optionValue)), name: text, size: "xs" }), _jsxs("div", Object.assign({ className: b('option-meta') }, { children: [i18n('groups_count', { count: data.count }), _jsx("div", { className: b('option-bar'), style: { width: `${(data.count / maxWidth) * 100}%` } })] }))] })));
+    const renderOption = ({ value: optionValue, data, text }) => (_jsxs("div", { className: b('option'), children: [_jsx(EntityStatus, { className: b('option-title'), status: getUsageSeverityForEntityStatus(Number(optionValue)), name: text, size: "xs" }), _jsxs("div", { className: b('option-meta'), children: [i18n('groups_count', { count: data.count }), _jsx("div", { className: b('option-bar'), style: { width: `${(data.count / maxWidth) * 100}%` } })] })] }));
     return (_jsx(Select, { className: b(null, className), label: i18n('label'), value: filterValue, placeholder: i18n('default_value'), options: options, multiple: true, onUpdate: handleUpdate, renderOption: renderOption, getOptionHeight: () => 50, popupWidth: 280, disabled: groups.length === 0 }));
 };

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

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "label" | "default_value" | "groups_count", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

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

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../../../utils/i18n';
+import { registerKeysets } from '../../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-usage-filter';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { ru, en });

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

@@ -5,5 +5,5 @@ interface VirtualStorageProps {
     parentContainer?: Element | null;
     additionalNodesProps?: AdditionalNodesProps;
 }
-export declare const VirtualStorage: ({ tenant, nodeId, parentContainer, additionalNodesProps, }: VirtualStorageProps) => JSX.Element;
+export declare const VirtualStorage: ({ tenant, nodeId, parentContainer, additionalNodesProps, }: VirtualStorageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/Storage/VirtualStorage.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { STORAGE_TYPES, VISIBLE_ENTITIES } from '../../store/reducers/storage/constants';
-import { NodesUptimeFilterValues } from '../../utils/nodes';
+import React from 'react';
 import { AccessDenied } from '../../components/Errors/403/AccessDenied';
 import { ResponseError } from '../../components/Errors/ResponseError/ResponseError';
 import { selectNodesMap } from '../../store/reducers/nodesList';
+import { STORAGE_TYPES, VISIBLE_ENTITIES } from '../../store/reducers/storage/constants';
 import { useTypedSelector } from '../../utils/hooks';
+import { NodesUptimeFilterValues } from '../../utils/nodes';
 import { StorageControls } from './StorageControls/StorageControls';
 import { VirtualStorageGroups } from './StorageGroups/VirtualStorageGroups';
 import { VirtualStorageNodes } from './StorageNodes/VirtualStorageNodes';
 export const VirtualStorage = ({ tenant, nodeId, parentContainer, additionalNodesProps, }) => {
-    const [searchValue, setSearchValue] = useState('');
-    const [storageType, setStorageType] = useState(STORAGE_TYPES.groups);
-    const [visibleEntities, setVisibleEntities] = useState(VISIBLE_ENTITIES.all);
-    const [nodesUptimeFilter, setNodesUptimeFilter] = useState(NodesUptimeFilterValues.All);
+    const [searchValue, setSearchValue] = React.useState('');
+    const [storageType, setStorageType] = React.useState(STORAGE_TYPES.groups);
+    const [visibleEntities, setVisibleEntities] = React.useState(VISIBLE_ENTITIES.all);
+    const [nodesUptimeFilter, setNodesUptimeFilter] = React.useState(NodesUptimeFilterValues.All);
     const nodesMap = useTypedSelector(selectNodesMap);
     const handleShowAllGroups = () => {
         setVisibleEntities(VISIBLE_ENTITIES.all);

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

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

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

@@ -1,7 +1,5 @@
-import { i18n, Lang } from '../../../utils/i18n';
+import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 const COMPONENT = 'ydb-storage';
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-export default i18n.keyset(COMPONENT);
+export default registerKeysets(COMPONENT, { ru, en });

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

@@ -1,10 +1 @@
-export declare const b: {
-    (elementName: string, modifiers: import("bem-cn-lite").Modifications | null, mixin?: string | string[] | undefined): string;
-    (elementName: string, mixin?: string | string[] | undefined): string;
-    (elementName: string, modifiers: import("bem-cn-lite").Modifications): string;
-    (mods: import("bem-cn-lite").Modifications | null, mixin?: string | string[] | undefined): string;
-    (elementName: string): string;
-    (mods: import("bem-cn-lite").Modifications | null): string;
-    (): string;
-    builder(): import("bem-cn").Block;
-};
+export declare const b: import("@bem-react/classname").ClassNameFormatter;

package/dist/containers/Storage/shared.js

@@ -1,2 +1,2 @@
-import cn from 'bem-cn-lite';
+import { cn } from '../../utils/cn';
 export const b = cn('global-storage');

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

@@ -1,5 +1,5 @@
 import type { PreparedStorageGroup } from '../../../store/reducers/storage/types';
 import { EFlag } from '../../../types/api/enums';
-export declare const getDegradedSeverity: (group: PreparedStorageGroup) => "success" | "warning" | "danger" | undefined;
-export declare const getUsageSeverityForStorageGroup: (value: number) => "success" | "warning" | "danger" | undefined;
+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;

package/dist/containers/Tablet/Tablet.d.ts

@@ -1,12 +1,3 @@
 import './Tablet.scss';
-export declare const b: {
-    (elementName: string, modifiers: import("bem-cn-lite").Modifications | null, mixin?: string | string[] | undefined): string;
-    (elementName: string, mixin?: string | string[] | undefined): string;
-    (elementName: string, modifiers: import("bem-cn-lite").Modifications): string;
-    (mods: import("bem-cn-lite").Modifications | null, mixin?: string | string[] | undefined): string;
-    (elementName: string): string;
-    (mods: import("bem-cn-lite").Modifications | null): string;
-    (): string;
-    builder(): import("bem-cn").Block;
-};
-export declare const Tablet: () => JSX.Element;
+export declare const b: import("@bem-react/classname").ClassNameFormatter;
+export declare const Tablet: () => import("react/jsx-runtime").JSX.Element;