ydb-embedded-ui 5.5.0 → 6.0.0

package/dist/components/VirtualTable/VirtualTable.js

@@ -1,27 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useReducer, useRef, useCallback, useEffect } from 'react';
+import React from 'react';
 import { getArray } from '../../utils';
-import { TableWithControlsLayout } from '../TableWithControlsLayout/TableWithControlsLayout';
 import { ResponseError } from '../Errors/ResponseError';
-import { createVirtualTableReducer, initChunk, removeChunk, resetChunks, setChunkData, setChunkError, setChunkLoading, } from './reducer';
-import { DEFAULT_REQUEST_TIMEOUT, DEFAULT_TABLE_ROW_HEIGHT } from './constants';
-import { TableHead } from './TableHead';
+import { TableWithControlsLayout } from '../TableWithControlsLayout/TableWithControlsLayout';
 import { TableChunk } from './TableChunk';
+import { TableHead } from './TableHead';
 import { EmptyTableRow } from './TableRow';
-import { useIntersectionObserver } from './useIntersectionObserver';
+import { DEFAULT_REQUEST_TIMEOUT, DEFAULT_TABLE_ROW_HEIGHT } from './constants';
 import i18n from './i18n';
+import { createVirtualTableReducer, initChunk, removeChunk, resetChunks, setChunkData, setChunkError, setChunkLoading, } from './reducer';
 import { b } from './shared';
+import { useIntersectionObserver } from './useIntersectionObserver';
 import './VirtualTable.scss';
 export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentContainer, initialSortParams, onColumnsResize, renderControls, renderEmptyDataMessage, renderErrorMessage, dependencyArray, }) => {
-    const inited = useRef(false);
-    const tableContainer = useRef(null);
-    const [state, dispatch] = useReducer(createVirtualTableReducer(), {});
-    const [sortParams, setSortParams] = useState(initialSortParams);
-    const [totalEntities, setTotalEntities] = useState(limit);
-    const [foundEntities, setFoundEntities] = useState(0);
-    const [error, setError] = useState();
-    const pendingRequests = useRef({});
-    const fetchChunkData = useCallback(async (id) => {
+    const inited = React.useRef(false);
+    const tableContainer = React.useRef(null);
+    const [state, dispatch] = React.useReducer(createVirtualTableReducer(), {});
+    const [sortParams, setSortParams] = React.useState(initialSortParams);
+    const [totalEntities, setTotalEntities] = React.useState(limit);
+    const [foundEntities, setFoundEntities] = React.useState(0);
+    const [error, setError] = React.useState();
+    const pendingRequests = React.useRef({});
+    const fetchChunkData = React.useCallback(async (id) => {
         dispatch(setChunkLoading(id));
         const timer = setTimeout(async () => {
             const offset = Number(id) * limit;
@@ -50,10 +50,10 @@ export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHe
         }
         pendingRequests.current[id] = timer;
     }, [fetchData, limit, sortParams]);
-    const onEntry = useCallback((id) => {
+    const onEntry = React.useCallback((id) => {
         dispatch(initChunk(id));
     }, []);
-    const onLeave = useCallback((id) => {
+    const onLeave = React.useCallback((id) => {
         dispatch(removeChunk(id));
         // If there is a pending request for the removed chunk, cancel it
         // It made to prevent excessive requests on fast scroll
@@ -64,7 +64,7 @@ export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHe
         }
     }, []);
     // Cancel all pending requests on component unmount
-    useEffect(() => {
+    React.useEffect(() => {
         return () => {
             Object.values(pendingRequests.current).forEach((timer) => {
                 window.clearTimeout(timer);
@@ -75,7 +75,7 @@ export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHe
     // Load chunks if they become active
     // This mecanism helps to set chunk active state from different sources, but load data only once
     // Only currently active chunks should be in state so iteration by the whole state shouldn't be a problem
-    useEffect(() => {
+    React.useEffect(() => {
         for (const id of Object.keys(state)) {
             const chunk = state[Number(id)];
             if ((chunk === null || chunk === void 0 ? void 0 : chunk.active) && !(chunk === null || chunk === void 0 ? void 0 : chunk.loading) && !(chunk === null || chunk === void 0 ? void 0 : chunk.wasLoaded)) {
@@ -84,7 +84,7 @@ export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHe
         }
     }, [fetchChunkData, state]);
     // Reset table on filters change
-    useEffect(() => {
+    React.useEffect(() => {
         var _a;
         // Reset counts, so table unmount unneeded chunks
         setTotalEntities(limit);
@@ -135,17 +135,17 @@ export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHe
     };
     const renderData = () => {
         if (inited.current && foundEntities === 0) {
-            return (_jsx("tbody", { children: _jsx(EmptyTableRow, Object.assign({ columns: columns }, { children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') })) }));
+            return (_jsx("tbody", { children: _jsx(EmptyTableRow, { columns: columns, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }) }));
         }
         // If first chunk is loaded with the error, display error
         // In case of other chunks table will be inited
         if (!inited.current && error) {
-            return (_jsx("tbody", { children: _jsx(EmptyTableRow, Object.assign({ columns: columns }, { children: renderErrorMessage ? (renderErrorMessage(error)) : (_jsx(ResponseError, { error: error })) })) }));
+            return (_jsx("tbody", { children: _jsx(EmptyTableRow, { columns: columns, children: renderErrorMessage ? (renderErrorMessage(error)) : (_jsx(ResponseError, { error: error })) }) }));
         }
         return renderChunks();
     };
     const renderTable = () => {
-        return (_jsxs("table", Object.assign({ className: b('table') }, { children: [_jsx(TableHead, { columns: columns, onSort: handleSort, onColumnsResize: onColumnsResize }), renderData()] })));
+        return (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: handleSort, onColumnsResize: onColumnsResize }), renderData()] }));
     };
     const renderContent = () => {
         if (renderControls) {
@@ -153,5 +153,5 @@ export const VirtualTable = ({ limit, fetchData, columns, getRowClassName, rowHe
         }
         return renderTable();
     };
-    return (_jsx("div", Object.assign({ ref: tableContainer, className: b(null) }, { children: renderContent() })));
+    return (_jsx("div", { ref: tableContainer, className: b(null), children: renderContent() }));
 };

package/dist/components/VirtualTable/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", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/components/VirtualTable/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-virtual-table';
-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/components/VirtualTable/reducer.d.ts

@@ -1,4 +1,3 @@
-import type { Reducer } from 'react';
 import type { IResponseError } from '../../types/api/error';
 import type { Chunk } from './types';
 declare const SET_CHUNK_DATA = "infiniteTable/SET_CHUNK_DATA";
@@ -40,5 +39,5 @@ export declare const resetChunks: () => {
     readonly type: "infiniteTable/RESET_CHUNKS";
 };
 type VirtualTableAction<T> = SetChunkDataAction<T> | ReturnType<typeof setChunkError> | ReturnType<typeof initChunk> | ReturnType<typeof setChunkLoading> | ReturnType<typeof removeChunk> | ReturnType<typeof resetChunks>;
-export declare const createVirtualTableReducer: <T>() => Reducer<VirtualTableState<T>, VirtualTableAction<T>>;
+export declare const createVirtualTableReducer: <T>() => React.Reducer<VirtualTableState<T>, VirtualTableAction<T>>;
 export {};

package/dist/components/VirtualTable/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/components/VirtualTable/shared.js

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

package/dist/components/VirtualTable/types.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
+/// <reference types="react" />
 import type { IResponseError } from '../../types/api/error';
-import { ASCENDING, CENTER, DESCENDING, LEFT, RIGHT } from './constants';
+import type { ASCENDING, CENTER, DESCENDING, LEFT, RIGHT } from './constants';
 export interface Chunk<T> {
     active: boolean;
     loading: boolean;
@@ -20,14 +20,14 @@ export type SortParams = {
 export type OnSort = (params: SortParams) => void;
 export interface Column<T> {
     name: string;
-    header?: ReactNode;
+    header?: React.ReactNode;
     className?: string;
     sortable?: boolean;
     resizeable?: boolean;
     render: (props: {
         row: T;
         index: number;
-    }) => ReactNode;
+    }) => React.ReactNode;
     width: number;
     align: AlignType;
 }
@@ -43,8 +43,8 @@ interface ControlsParams {
     foundEntities: number;
     inited: boolean;
 }
-export type RenderControls = (params: ControlsParams) => ReactNode;
-export type RenderEmptyDataMessage = () => ReactNode;
-export type RenderErrorMessage = (error: IResponseError) => ReactNode;
+export type RenderControls = (params: ControlsParams) => React.ReactNode;
+export type RenderEmptyDataMessage = () => React.ReactNode;
+export type RenderErrorMessage = (error: IResponseError) => React.ReactNode;
 export type GetRowClassName<T> = (row: T) => string | undefined;
 export {};

package/dist/components/VirtualTable/useIntersectionObserver.js

@@ -1,8 +1,8 @@
-import { useEffect, useRef } from 'react';
+import React from 'react';
 import { DEFAULT_INTERSECTION_OBSERVER_MARGIN } from './constants';
 export const useIntersectionObserver = ({ onEntry, onLeave, parentContainer, }) => {
-    const observer = useRef();
-    useEffect(() => {
+    const observer = React.useRef();
+    React.useEffect(() => {
         const callback = (entries) => {
             entries.forEach((entry) => {
                 if (entry.isIntersecting) {

package/dist/components/slots/types.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export interface SlotComponent<Props = {}, Type = never> extends React.FC<Props & React.RefAttributes<Type>> {
+export interface SlotComponent<Props = {}, Type = never> extends React.FC<Props & {
+    ref?: React.Ref<Type>;
+}> {
 }
 export interface SlotItem<Props = {}, Type = unknown> {
     name: string;

package/dist/components/slots/utils.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import type { SlotComponent } from './types';
-export declare function isSlotElement<P = {}, Type = never>(node: React.ReactNode): node is React.ReactElement<P, SlotComponent<P>> & React.RefAttributes<Type>;
+export declare function isSlotElement<P = {}, Type = never>(node: React.ReactNode): node is React.ReactElement<P, SlotComponent<P>> & {
+    ref?: React.Ref<Type>;
+};
 export declare function isSlotComponent<T = {}>(type: string | React.JSXElementConstructor<any>): type is SlotComponent<T>;

package/dist/containers/App/App.d.ts

@@ -10,6 +10,12 @@ export interface AppProps {
     userSettings?: YDBEmbeddedUISettings;
     children?: React.ReactNode;
 }
-declare function App({ store, history, singleClusterMode, children, userSettings }: AppProps): JSX.Element;
-declare const _default: import("react-redux").ConnectedComponent<typeof App, import("react-redux").Omit<AppProps, "singleClusterMode">>;
+declare function App({ store, history, singleClusterMode, children, userSettings }: AppProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react-redux").ConnectedComponent<typeof App, {
+    history: History<unknown>;
+    store: Store<any, import("redux").UnknownAction, unknown>;
+    children?: React.ReactNode;
+    userSettings?: YDBEmbeddedUISettings | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+}>;
 export default _default;

package/dist/containers/App/App.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { connect } from 'react-redux';
 import { Helmet } from 'react-helmet-async';
-import ContentWrapper, { Content } from './Content';
-import ReduxTooltip from '../ReduxTooltip/ReduxTooltip';
+import { connect } from 'react-redux';
+import { ErrorBoundary } from '../../components/ErrorBoundary/ErrorBoundary';
 import AppIcons from '../AppIcons/AppIcons';
 import { Navigation } from '../AsideNavigation/Navigation';
-import { ErrorBoundary } from '../../components/ErrorBoundary/ErrorBoundary';
+import ReduxTooltip from '../ReduxTooltip/ReduxTooltip';
 import { settings } from '../UserSettings/settings';
+import ContentWrapper, { Content } from './Content';
 import { Providers } from './Providers';
 import './App.scss';
 function App({ store, history, singleClusterMode, children, userSettings = settings }) {
-    return (_jsxs(Providers, Object.assign({ store: store, history: history }, { children: [_jsx(Helmet, { defaultTitle: "YDB Monitoring", titleTemplate: "%s \u2014 YDB Monitoring" }), _jsx(ContentWrapper, { children: _jsx(Navigation, Object.assign({ userSettings: userSettings }, { children: _jsxs(ErrorBoundary, { children: [_jsx(Content, Object.assign({ singleClusterMode: singleClusterMode }, { children: children })), _jsx("div", { id: "fullscreen-root" })] }) })) }), _jsx(ReduxTooltip, {}), _jsx(AppIcons, {})] })));
+    return (_jsxs(Providers, { store: store, history: history, children: [_jsx(Helmet, { defaultTitle: "YDB Monitoring", titleTemplate: "%s \u2014 YDB Monitoring" }), _jsx(ContentWrapper, { children: _jsx(Navigation, { userSettings: userSettings, children: _jsxs(ErrorBoundary, { children: [_jsx(Content, { singleClusterMode: singleClusterMode, children: children }), _jsx("div", { id: "fullscreen-root" })] }) }) }), _jsx(ReduxTooltip, {}), _jsx(AppIcons, {})] }));
 }
 function mapStateToProps(state) {
     return {

package/dist/containers/App/App.scss

@@ -9,7 +9,7 @@
     font-variant-numeric: tabular-nums;
 }
 
-.yc-select-popup__tick-icon {
+.g-select-popup__tick-icon {
     // this is a local fix, remove after the refactoring
     box-sizing: content-box;
 }
@@ -45,11 +45,11 @@ body,
     --ydb-color-status-black: var(--g-color-base-misc-heavy);
 }
 
-:is(#tab, .yc-tabs-item_active .yc-tabs-item__title) {
+:is(#tab, .g-tabs-item_active .g-tabs-item__title) {
     color: var(--g-color-text-primary) !important;
 }
 
-:is(#tab, .yc-tabs-item__title) {
+:is(#tab, .g-tabs-item__title) {
     color: var(--g-color-text-secondary);
 }
 
@@ -131,7 +131,7 @@ body,
     background: var(--ydb-data-table-color-hover);
 }
 
-.yc-table-column-setup__item {
+.g-table-column-setup__item {
     /* stylelint-disable-next-line declaration-no-important*/
     padding: 0 8px 0 32px !important;
     /* stylelint-disable-next-line declaration-no-important*/
@@ -142,6 +142,6 @@ body,
     font-family: 'Rubik', sans-serif;
 }
 
-.yc-popup {
+.g-popup {
     max-width: 500px;
 }

package/dist/containers/App/Content.d.ts

@@ -4,12 +4,16 @@ interface ContentProps {
     singleClusterMode: boolean;
     children: React.ReactNode;
 }
-export declare function Content(props: ContentProps): JSX.Element;
+export declare function Content(props: ContentProps): import("react/jsx-runtime").JSX.Element;
 interface ContentWrapperProps {
     singleClusterMode: boolean;
     isAuthenticated: boolean;
     children: React.ReactNode;
 }
-declare function ContentWrapper(props: ContentWrapperProps): JSX.Element;
-declare const _default: import("react-redux").ConnectedComponent<typeof ContentWrapper, import("react-redux").Omit<ContentWrapperProps, "singleClusterMode" | "isAuthenticated">>;
+declare function ContentWrapper(props: ContentWrapperProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react-redux").ConnectedComponent<typeof ContentWrapper, {
+    children: React.ReactNode;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
+}>;
 export default _default;

package/dist/containers/App/Content.js

@@ -1,25 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Switch, Route, Redirect } from 'react-router-dom';
-import cn from 'bem-cn-lite';
-import { connect } from 'react-redux';
+import { connect, shallowEqual } from 'react-redux';
+import { Redirect, Route, Switch } from 'react-router-dom';
+import { useSlots } from '../../components/slots';
 import routes from '../../routes';
-import { Clusters } from '../Clusters/Clusters';
+import { getUser } from '../../store/reducers/authentication/authentication';
+import { nodesListApi } from '../../store/reducers/nodesList';
+import { cn } from '../../utils/cn';
+import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
+import Authentication from '../Authentication/Authentication';
 import Cluster from '../Cluster/Cluster';
-import Tenant from '../Tenant/Tenant';
+import { getClusterPath } from '../Cluster/utils';
+import { Clusters } from '../Clusters/Clusters';
+import Header from '../Header/Header';
 import Node from '../Node/Node';
 import { PDiskPage } from '../PDiskPage/PDiskPage';
-import { VDiskPage } from '../VDiskPage/VDiskPage';
 import { Tablet } from '../Tablet';
 import TabletsFilters from '../TabletsFilters/TabletsFilters';
-import Header from '../Header/Header';
-import Authentication from '../Authentication/Authentication';
-import { getUser } from '../../store/reducers/authentication/authentication';
-import { getNodesList } from '../../store/reducers/nodesList';
-import { getClusterPath } from '../Cluster/utils';
-import { useSlots } from '../../components/slots';
-import { useTypedSelector, useTypedDispatch } from '../../utils/hooks';
-import { ClusterSlot, ClustersSlot, NodeSlot, PDiskPageSlot, VDiskPageSlot, RedirectSlot, RoutesSlot, TabletSlot, TabletsFiltersSlot, TenantSlot, } from './appSlots';
+import Tenant from '../Tenant/Tenant';
+import { VDiskPage } from '../VDiskPage/VDiskPage';
+import { ClusterSlot, ClustersSlot, NodeSlot, PDiskPageSlot, RedirectSlot, RoutesSlot, TabletSlot, TabletsFiltersSlot, TenantSlot, VDiskPageSlot, } from './appSlots';
 import i18n from './i18n';
 import './App.scss';
 const b = cn('app');
@@ -74,7 +74,7 @@ function renderRouteSlot(slots, route) {
             else {
                 content = slot.rendered;
             }
-            return _jsx("main", Object.assign({ className: b('main') }, { children: content }));
+            return _jsx("main", { className: b('main'), children: content });
         } }, route.path));
 }
 export function Content(props) {
@@ -104,7 +104,7 @@ function GetUser() {
     const { isAuthenticated, isInternalUser } = useTypedSelector((state) => ({
         isAuthenticated: state.authentication.isAuthenticated,
         isInternalUser: Boolean(state.authentication.user),
-    }));
+    }), shallowEqual);
     React.useEffect(() => {
         if (isAuthenticated && !isInternalUser) {
             dispatch(getUser());
@@ -113,15 +113,12 @@ function GetUser() {
     return null;
 }
 function GetNodesList() {
-    const dispatch = useTypedDispatch();
-    React.useEffect(() => {
-        dispatch(getNodesList());
-    }, [dispatch]);
+    nodesListApi.useGetNodesListQuery(undefined);
     return null;
 }
 function ContentWrapper(props) {
     const { singleClusterMode, isAuthenticated } = props;
-    return (_jsxs(Switch, { children: [_jsx(Route, Object.assign({ path: routes.auth }, { children: _jsx(Authentication, { closable: true }) })), _jsx(Route, { children: _jsx("div", Object.assign({ className: b({ embedded: singleClusterMode }) }, { children: isAuthenticated ? props.children : _jsx(Authentication, {}) })) })] }));
+    return (_jsxs(Switch, { children: [_jsx(Route, { path: routes.auth, children: _jsx(Authentication, { closable: true }) }), _jsx(Route, { children: _jsx("div", { className: b({ embedded: singleClusterMode }), children: isAuthenticated ? props.children : _jsx(Authentication, {}) }) })] }));
 }
 function mapStateToProps(state) {
     return {

package/dist/containers/App/Providers.d.ts

@@ -8,5 +8,5 @@ interface ProvidersProps {
     componentsRegistry?: ComponentsRegistry;
     children: React.ReactNode;
 }
-export declare function Providers({ store, history, componentsRegistry, children, }: ProvidersProps): JSX.Element;
+export declare function Providers({ store, history, componentsRegistry, children, }: ProvidersProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/containers/App/Providers.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from '@gravity-ui/uikit';
+import { HelmetProvider } from 'react-helmet-async';
 import { Provider } from 'react-redux';
 import { Router } from 'react-router';
 import { QueryParamProvider } from 'use-query-params';
 import { ReactRouter5Adapter } from 'use-query-params/adapters/react-router-5';
-import { ThemeProvider } from '@gravity-ui/uikit';
-import { HelmetProvider } from 'react-helmet-async';
 import { ComponentsProvider } from '../../components/ComponentsProvider/ComponentsProvider';
 import { componentsRegistry as defaultComponentsRegistry } from '../../components/ComponentsProvider/componentsRegistry';
-import { useSetting } from '../../utils/hooks';
 import { THEME_KEY } from '../../utils/constants';
+import { useSetting } from '../../utils/hooks';
 export function Providers({ store, history, componentsRegistry = defaultComponentsRegistry, children, }) {
-    return (_jsx(HelmetProvider, { children: _jsx(Provider, Object.assign({ store: store }, { children: _jsx(Router, Object.assign({ history: history }, { children: _jsx(QueryParamProvider, Object.assign({ adapter: ReactRouter5Adapter }, { children: _jsx(Theme, { children: _jsx(ComponentsProvider, Object.assign({ registry: componentsRegistry }, { children: children })) }) })) })) })) }));
+    return (_jsx(HelmetProvider, { children: _jsx(Provider, { store: store, children: _jsx(Router, { history: history, children: _jsx(QueryParamProvider, { adapter: ReactRouter5Adapter, children: _jsx(Theme, { children: _jsx(ComponentsProvider, { registry: componentsRegistry, children: children }) }) }) }) }) }));
 }
 function Theme({ children }) {
     const [theme] = useSetting(THEME_KEY);
-    return _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }));
+    return _jsx(ThemeProvider, { theme: theme, children: children });
 }

package/dist/containers/App/appSlots.d.ts

@@ -1,12 +1,13 @@
+/// <reference types="react" />
 import type { RedirectProps, RouteComponentProps } from 'react-router';
 import type Cluster from '../Cluster/Cluster';
 import type { Clusters } from '../Clusters/Clusters';
 import type Node from '../Node/Node';
 import type { PDiskPage } from '../PDiskPage/PDiskPage';
-import type { VDiskPage } from '../VDiskPage/VDiskPage';
 import type { Tablet } from '../Tablet';
 import type TabletsFilters from '../TabletsFilters/TabletsFilters';
 import type Tenant from '../Tenant/Tenant';
+import type { VDiskPage } from '../VDiskPage/VDiskPage';
 export declare const ClustersSlot: import("../../components/slots/types").SlotComponent<{
     children: import("react").ReactNode | ((props: {
         component: typeof Clusters;
@@ -47,5 +48,7 @@ export declare const TabletsFiltersSlot: import("../../components/slots/types").
         component: typeof TabletsFilters;
     } & RouteComponentProps) => React.ReactNode);
 }, never>;
-export declare const RoutesSlot: import("../../components/slots/types").SlotComponent<{}, never>;
+export declare const RoutesSlot: import("../../components/slots/types").SlotComponent<{
+    children: React.ReactNode;
+}, never>;
 export declare const RedirectSlot: import("../../components/slots/types").SlotComponent<RedirectProps, never>;

package/dist/containers/App/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: "pages.clusters", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/App/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-app-content';
-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/AppIcons/AppIcons.d.ts

@@ -1,2 +1,2 @@
 export default AppIcons;
-declare function AppIcons(): JSX.Element;
+declare function AppIcons(): import("react/jsx-runtime").JSX.Element;