ydb-embedded-ui 6.8.0 → 6.9.0

package/dist/src/components/TableWithControlsLayout/TableWithControlsLayout.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import './TableWithControlsLayout.scss';
-interface TableWithControlsLayoutItemProps {
-    children: React.ReactNode;
-    className?: string;
-}
-interface TableProps extends TableWithControlsLayoutItemProps {
-    loading?: boolean;
-}
-export declare const TableWithControlsLayout: {
-    ({ children, className, }: TableWithControlsLayoutItemProps): import("react/jsx-runtime").JSX.Element;
-    Controls({ children, className, }: TableWithControlsLayoutItemProps): import("react/jsx-runtime").JSX.Element;
-    Table({ children, loading, className }: TableProps): import("react/jsx-runtime").JSX.Element;
-};
-export {};

package/dist/src/components/UsageLabel/UsageLabel.js

@@ -1,10 +0,0 @@
-import { __rest } from "tslib";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from '@gravity-ui/uikit';
-import { cn } from '../../utils/cn';
-import './UsageLabel.scss';
-const b = cn('ydb-usage-label');
-export function UsageLabel(_a) {
-    var { value, overloadThreshold = 90, theme } = _a, props = __rest(_a, ["value", "overloadThreshold", "theme"]);
-    return (_jsxs(Label, Object.assign({ theme: theme, className: b({ overload: Number(value) >= overloadThreshold }) }, props, { children: [value || 0, "%"] })));
-}

package/dist/src/components/VDiskInfo/VDiskInfo.js

@@ -1,113 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getVDiskPagePath } from '../../routes';
-import { valueIsDefined } from '../../utils';
-import { cn } from '../../utils/cn';
-import { formatStorageValuesToGb } from '../../utils/dataFormatters/dataFormatters';
-import { createVDiskDeveloperUILink } from '../../utils/developerUI/developerUI';
-import { bytesToSpeed } from '../../utils/utils';
-import { EntityStatus } from '../EntityStatus/EntityStatus';
-import { InfoViewer } from '../InfoViewer';
-import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
-import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
-import { vDiskInfoKeyset } from './i18n';
-import './VDiskInfo.scss';
-const b = cn('ydb-vdisk-info');
-// eslint-disable-next-line complexity
-export function VDiskInfo(_a) {
-    var _b, _c, _d, _e;
-    var { data, isVDiskPage = false } = _a, infoViewerProps = __rest(_a, ["data", "isVDiskPage"]);
-    const { AllocatedSize, DiskSpace, FrontQueues, Guid, Replicated, VDiskState, VDiskSlotId, Kind, SatisfactionRank, AvailableSize, HasUnreadableBlobs, IncarnationGuid, InstanceGuid, StoragePoolName, ReadThroughput, WriteThroughput, PDiskId, NodeId, } = data;
-    const vdiskInfo = [];
-    if (valueIsDefined(VDiskSlotId)) {
-        vdiskInfo.push({ label: vDiskInfoKeyset('slot-id'), value: VDiskSlotId });
-    }
-    if (valueIsDefined(StoragePoolName)) {
-        vdiskInfo.push({ label: vDiskInfoKeyset('pool-name'), value: StoragePoolName });
-    }
-    if (valueIsDefined(VDiskState)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('state-status'),
-            value: VDiskState,
-        });
-    }
-    if (Number(AllocatedSize) >= 0 && Number(AvailableSize) >= 0) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('size'),
-            value: (_jsx(ProgressViewer, { value: AllocatedSize, capacity: Number(AllocatedSize) + Number(AvailableSize), formatValues: formatStorageValuesToGb, colorizeProgress: true })),
-        });
-    }
-    if (valueIsDefined(Kind)) {
-        vdiskInfo.push({ label: vDiskInfoKeyset('kind'), value: Kind });
-    }
-    if (valueIsDefined(Guid)) {
-        vdiskInfo.push({ label: vDiskInfoKeyset('guid'), value: Guid });
-    }
-    if (valueIsDefined(IncarnationGuid)) {
-        vdiskInfo.push({ label: vDiskInfoKeyset('incarnation-guid'), value: IncarnationGuid });
-    }
-    if (valueIsDefined(InstanceGuid)) {
-        vdiskInfo.push({ label: vDiskInfoKeyset('instance-guid'), value: InstanceGuid });
-    }
-    if (valueIsDefined(Replicated)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('replication-status'),
-            value: Replicated ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
-        });
-    }
-    if (valueIsDefined(DiskSpace)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('space-status'),
-            value: _jsx(EntityStatus, { status: DiskSpace }),
-        });
-    }
-    if (valueIsDefined((_b = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.FreshRank) === null || _b === void 0 ? void 0 : _b.Flag)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('fresh-rank-satisfaction'),
-            value: _jsx(EntityStatus, { status: (_c = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.FreshRank) === null || _c === void 0 ? void 0 : _c.Flag }),
-        });
-    }
-    if (valueIsDefined((_d = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.LevelRank) === null || _d === void 0 ? void 0 : _d.Flag)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('level-rank-satisfaction'),
-            value: _jsx(EntityStatus, { status: (_e = SatisfactionRank === null || SatisfactionRank === void 0 ? void 0 : SatisfactionRank.LevelRank) === null || _e === void 0 ? void 0 : _e.Flag }),
-        });
-    }
-    if (valueIsDefined(FrontQueues)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('front-queues'),
-            value: _jsx(EntityStatus, { status: FrontQueues }),
-        });
-    }
-    if (valueIsDefined(HasUnreadableBlobs)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('has-unreadable-blobs'),
-            value: HasUnreadableBlobs ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
-        });
-    }
-    if (valueIsDefined(ReadThroughput)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('read-throughput'),
-            value: bytesToSpeed(ReadThroughput),
-        });
-    }
-    if (valueIsDefined(WriteThroughput)) {
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('write-throughput'),
-            value: bytesToSpeed(WriteThroughput),
-        });
-    }
-    if (valueIsDefined(PDiskId) && valueIsDefined(NodeId) && valueIsDefined(VDiskSlotId)) {
-        const vDiskPagePath = getVDiskPagePath(VDiskSlotId, PDiskId, NodeId);
-        const vDiskInternalViewerPath = createVDiskDeveloperUILink({
-            nodeId: NodeId,
-            pDiskId: PDiskId,
-            vDiskSlotId: VDiskSlotId,
-        });
-        vdiskInfo.push({
-            label: vDiskInfoKeyset('links'),
-            value: (_jsxs("span", { className: b('links'), children: [!isVDiskPage && (_jsx(LinkWithIcon, { title: vDiskInfoKeyset('vdisk-page'), url: vDiskPagePath, external: false })), _jsx(LinkWithIcon, { title: vDiskInfoKeyset('developer-ui'), url: vDiskInternalViewerPath })] })),
-        });
-    }
-    return _jsx(InfoViewer, Object.assign({ info: vdiskInfo }, infoViewerProps));
-}

package/dist/src/components/VDiskInfo/i18n/index.d.ts

@@ -1 +0,0 @@
-export declare const vDiskInfoKeyset: (key: "size" | "kind" | "yes" | "no" | "links" | "pool-name" | "guid" | "developer-ui" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/src/components/VDiskPopup/VDiskPopup.js

@@ -1,96 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Label, Popup } from '@gravity-ui/uikit';
-import { EFlag } from '../../types/api/enums';
-import { cn } from '../../utils/cn';
-import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
-import { stringifyVdiskId } from '../../utils/dataFormatters/dataFormatters';
-import { isFullVDiskData } from '../../utils/disks/helpers';
-import { bytesToGB, bytesToSpeed } from '../../utils/utils';
-import { InfoViewer } from '../InfoViewer';
-import { preparePDiskData } from '../PDiskPopup/PDiskPopup';
-import './VDiskPopup.scss';
-const b = cn('vdisk-storage-popup');
-const prepareUnavailableVDiskData = (data) => {
-    const { NodeId, PDiskId, VSlotId, StoragePoolName } = data;
-    const vdiskData = [{ label: 'State', value: 'not available' }];
-    if (StoragePoolName) {
-        vdiskData.push({ label: 'StoragePool', value: StoragePoolName });
-    }
-    vdiskData.push({ label: 'NodeId', value: NodeId !== null && NodeId !== void 0 ? NodeId : EMPTY_DATA_PLACEHOLDER }, { label: 'PDiskId', value: PDiskId !== null && PDiskId !== void 0 ? PDiskId : EMPTY_DATA_PLACEHOLDER }, { label: 'VSlotId', value: VSlotId !== null && VSlotId !== void 0 ? VSlotId : EMPTY_DATA_PLACEHOLDER });
-    return vdiskData;
-};
-const prepareVDiskData = (data) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { VDiskId, VDiskState, SatisfactionRank, DiskSpace, FrontQueues, Replicated, UnsyncedVDisks, AllocatedSize, ReadThroughput, WriteThroughput, StoragePoolName, } = data;
-    const vdiskData = [
-        { label: 'VDisk', value: stringifyVdiskId(VDiskId) },
-        { label: 'State', value: VDiskState !== null && VDiskState !== void 0 ? VDiskState : 'not available' },
-    ];
-    if (StoragePoolName) {
-        vdiskData.push({ label: 'StoragePool', value: StoragePoolName });
-    }
-    if (SatisfactionRank && ((_a = SatisfactionRank.FreshRank) === null || _a === void 0 ? void 0 : _a.Flag) !== EFlag.Green) {
-        vdiskData.push({
-            label: 'Fresh',
-            value: (_b = SatisfactionRank.FreshRank) === null || _b === void 0 ? void 0 : _b.Flag,
-        });
-    }
-    if (SatisfactionRank && ((_c = SatisfactionRank.LevelRank) === null || _c === void 0 ? void 0 : _c.Flag) !== EFlag.Green) {
-        vdiskData.push({
-            label: 'Level',
-            value: (_d = SatisfactionRank.LevelRank) === null || _d === void 0 ? void 0 : _d.Flag,
-        });
-    }
-    if (SatisfactionRank && ((_e = SatisfactionRank.FreshRank) === null || _e === void 0 ? void 0 : _e.RankPercent)) {
-        vdiskData.push({
-            label: 'Fresh',
-            value: SatisfactionRank.FreshRank.RankPercent,
-        });
-    }
-    if (SatisfactionRank && ((_f = SatisfactionRank.LevelRank) === null || _f === void 0 ? void 0 : _f.RankPercent)) {
-        vdiskData.push({
-            label: 'Level',
-            value: SatisfactionRank.LevelRank.RankPercent,
-        });
-    }
-    if (DiskSpace && DiskSpace !== EFlag.Green) {
-        vdiskData.push({ label: 'Space', value: DiskSpace });
-    }
-    if (FrontQueues && FrontQueues !== EFlag.Green) {
-        vdiskData.push({ label: 'FrontQueues', value: FrontQueues });
-    }
-    if (!Replicated) {
-        vdiskData.push({ label: 'Replicated', value: 'NO' });
-    }
-    if (UnsyncedVDisks) {
-        vdiskData.push({ label: 'UnsyncVDisks', value: UnsyncedVDisks });
-    }
-    if (Number(AllocatedSize)) {
-        vdiskData.push({
-            label: 'Allocated',
-            value: bytesToGB(AllocatedSize),
-        });
-    }
-    if (Number(ReadThroughput)) {
-        vdiskData.push({ label: 'Read', value: bytesToSpeed(ReadThroughput) });
-    }
-    if (Number(WriteThroughput)) {
-        vdiskData.push({
-            label: 'Write',
-            value: bytesToSpeed(WriteThroughput),
-        });
-    }
-    return vdiskData;
-};
-export const VDiskPopup = (_a) => {
-    var { data, nodes } = _a, props = __rest(_a, ["data", "nodes"]);
-    const isFullData = isFullVDiskData(data);
-    const vdiskInfo = React.useMemo(() => (isFullData ? prepareVDiskData(data) : prepareUnavailableVDiskData(data)), [data, isFullData]);
-    const pdiskInfo = React.useMemo(() => isFullData && data.PDisk && preparePDiskData(data.PDisk, nodes), [data, nodes, isFullData]);
-    return (_jsxs(Popup, Object.assign({ contentClassName: b(), placement: ['top', 'bottom'], 
-        // bigger offset for easier switching to neighbour nodes
-        // matches the default offset for popup with arrow out of a sense of beauty
-        offset: [0, 12] }, props, { children: [data.DonorMode && _jsx(Label, { className: b('donor-label'), children: "Donor" }), _jsx(InfoViewer, { title: "VDisk", info: vdiskInfo, size: "s" }), pdiskInfo && _jsx(InfoViewer, { title: "PDisk", info: pdiskInfo, size: "s" })] })));
-};

package/dist/src/components/VirtualTable/ResizeableVirtualTable.js

@@ -1,16 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTableResize } from '../../utils/hooks/useTableResize';
-import { VirtualTable } from './VirtualTable';
-function updateColumnsWidth(columns, columnsWidthSetup) {
-    return columns.map((column) => {
-        var _a;
-        return Object.assign(Object.assign({}, column), { width: (_a = columnsWidthSetup[column.name]) !== null && _a !== void 0 ? _a : column.width });
-    });
-}
-export function ResizeableVirtualTable(_a) {
-    var { columnsWidthLSKey, columns } = _a, props = __rest(_a, ["columnsWidthLSKey", "columns"]);
-    const [tableColumnsWidth, setTableColumnsWidth] = useTableResize(columnsWidthLSKey);
-    const updatedColumns = updateColumnsWidth(columns, tableColumnsWidth);
-    return (_jsx(VirtualTable, Object.assign({ columns: updatedColumns, onColumnsResize: setTableColumnsWidth }, props)));
-}

package/dist/src/components/VirtualTable/TableRow.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import type { Column, GetRowClassName } from './types';
-interface LoadingTableRowProps<T> {
-    columns: Column<T>[];
-    index: number;
-    height: number;
-}
-export declare const LoadingTableRow: <T>({ index, columns, height }: LoadingTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
-interface TableRowProps<T> {
-    columns: Column<T>[];
-    index: number;
-    row: T;
-    height: number;
-    getRowClassName?: GetRowClassName<T>;
-}
-export declare const TableRow: <T>({ row, index, columns, getRowClassName, height }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
-interface EmptyTableRowProps<T> {
-    columns: Column<T>[];
-    children?: React.ReactNode;
-}
-export declare const EmptyTableRow: <T>({ columns, children }: EmptyTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/VirtualTable/i18n/index.d.ts

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

package/dist/src/components/VirtualTable/reducer.js

@@ -1,91 +0,0 @@
-const INIT_CHUNK = 'infiniteTable/INIT_CHUNK';
-const REMOVE_CHUNK = 'infiniteTable/REMOVE_CHUNK';
-const SET_CHUNK_LOADING = 'infiniteTable/SET_CHUNK_LOADING';
-const SET_CHUNK_DATA = 'infiniteTable/SET_CHUNK_DATA';
-const SET_CHUNK_ERROR = 'infiniteTable/SET_CHUNK_ERROR';
-const RESET_CHUNKS = 'infiniteTable/RESET_CHUNKS';
-export const setChunkData = (id, data) => {
-    return {
-        type: SET_CHUNK_DATA,
-        data: { id, data },
-    };
-};
-export const setChunkError = (id, error) => {
-    return {
-        type: SET_CHUNK_ERROR,
-        data: { id, error },
-    };
-};
-export const initChunk = (id) => {
-    return {
-        type: INIT_CHUNK,
-        data: { id },
-    };
-};
-export const setChunkLoading = (id) => {
-    return {
-        type: SET_CHUNK_LOADING,
-        data: { id },
-    };
-};
-export const removeChunk = (id) => {
-    return {
-        type: REMOVE_CHUNK,
-        data: { id },
-    };
-};
-export const resetChunks = () => {
-    return {
-        type: RESET_CHUNKS,
-    };
-};
-// Reducer wrapped in additional function to pass generic type
-export const createVirtualTableReducer = () => (state, action) => {
-    switch (action.type) {
-        case SET_CHUNK_DATA: {
-            const { id, data } = action.data;
-            return Object.assign(Object.assign({}, state), { [id]: {
-                    loading: false,
-                    wasLoaded: true,
-                    active: true,
-                    data,
-                } });
-        }
-        case SET_CHUNK_ERROR: {
-            const { id, error } = action.data;
-            return Object.assign(Object.assign({}, state), { [id]: {
-                    loading: false,
-                    wasLoaded: true,
-                    active: true,
-                    error,
-                } });
-        }
-        case INIT_CHUNK: {
-            const { id } = action.data;
-            return Object.assign(Object.assign({}, state), { [id]: {
-                    loading: false,
-                    wasLoaded: false,
-                    active: true,
-                } });
-        }
-        case SET_CHUNK_LOADING: {
-            const { id } = action.data;
-            return Object.assign(Object.assign({}, state), { [id]: {
-                    loading: true,
-                    wasLoaded: false,
-                    active: true,
-                } });
-        }
-        case REMOVE_CHUNK: {
-            const { id } = action.data;
-            const newState = Object.assign({}, state);
-            delete newState[id];
-            return newState;
-        }
-        case RESET_CHUNKS: {
-            return {};
-        }
-        default:
-            return state;
-    }
-};

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

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import type { IResponseError } from '../../types/api/error';
-import type { ASCENDING, CENTER, DESCENDING, LEFT, RIGHT } from './constants';
-export interface Chunk<T> {
-    active: boolean;
-    loading: boolean;
-    wasLoaded: boolean;
-    data?: T[];
-    error?: IResponseError;
-}
-export type GetChunk<T> = (id: number) => Chunk<T> | undefined;
-export type OnEntry = (id: string) => void;
-export type OnLeave = (id: string) => void;
-export type AlignType = typeof LEFT | typeof RIGHT | typeof CENTER;
-export type SortOrderType = typeof ASCENDING | typeof DESCENDING;
-export type SortParams = {
-    columnId?: string;
-    sortOrder?: SortOrderType;
-};
-export type OnSort = (params: SortParams) => void;
-export type HandleTableColumnsResize = (columnId: string, width: number) => void;
-export interface Column<T> {
-    name: string;
-    header?: React.ReactNode;
-    className?: string;
-    sortable?: boolean;
-    resizeable?: boolean;
-    render: (props: {
-        row: T;
-        index: number;
-    }) => React.ReactNode;
-    width: number;
-    resizeMaxWidth?: number;
-    resizeMinWidth?: number;
-    align: AlignType;
-}
-export interface VirtualTableData<T> {
-    data: T[];
-    total: number;
-    found: number;
-}
-export type FetchData<T> = (limit: number, offset: number, sortParams?: SortParams) => Promise<VirtualTableData<T>>;
-export type OnError = (error?: IResponseError) => void;
-interface ControlsParams {
-    totalEntities: number;
-    foundEntities: number;
-    inited: boolean;
-}
-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/src/components/slots/types.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export interface SlotComponent<Props = {}, Type = never> extends React.FC<Props & {
-    ref?: React.Ref<Type>;
-}> {
-}
-export interface SlotItem<Props = {}, Type = unknown> {
-    name: string;
-    props: Props;
-    ref?: React.Ref<Type>;
-    rendered: ExtractChildrenType<Props>;
-}
-type ExtractChildrenType<Props> = Props extends {
-    children: infer Children;
-} ? Children : Props extends {
-    children?: infer Children;
-} ? Children | undefined : never;
-export {};

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { Store } from '@reduxjs/toolkit';
-import type { History } from 'history';
-import type { YDBEmbeddedUISettings } from '../UserSettings/settings';
-import './App.scss';
-export interface AppProps {
-    store: Store;
-    history: History;
-    singleClusterMode: boolean;
-    userSettings?: YDBEmbeddedUISettings;
-    children?: React.ReactNode;
-}
-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>;
-    userSettings?: YDBEmbeddedUISettings | undefined;
-    store: Store<any, import("redux").UnknownAction, unknown>;
-    children?: React.ReactNode;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
-}>;
-export default _default;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import './App.scss';
-interface ContentProps {
-    singleClusterMode: boolean;
-    children: React.ReactNode;
-}
-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): 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/src/containers/App/Content.js

@@ -1,129 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { connect, shallowEqual } from 'react-redux';
-import { Redirect, Route, Switch } from 'react-router-dom';
-import { useSlots } from '../../components/slots';
-import routes from '../../routes';
-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 { 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 { Tablet } from '../Tablet';
-import { TabletsFilters } from '../TabletsFilters/TabletsFilters';
-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');
-const routesSlots = [
-    {
-        path: routes.cluster,
-        slot: ClusterSlot,
-        component: Cluster,
-    },
-    {
-        path: routes.tenant,
-        slot: TenantSlot,
-        component: Tenant,
-    },
-    {
-        path: routes.node,
-        slot: NodeSlot,
-        component: Node,
-    },
-    {
-        path: routes.pDisk,
-        slot: PDiskPageSlot,
-        component: PDiskPage,
-    },
-    {
-        path: routes.vDisk,
-        slot: VDiskPageSlot,
-        component: VDiskPage,
-    },
-    {
-        path: routes.tablet,
-        slot: TabletSlot,
-        component: Tablet,
-    },
-    {
-        path: routes.tabletsFilters,
-        slot: TabletsFiltersSlot,
-        component: TabletsFilters,
-    },
-];
-function renderRouteSlot(slots, route) {
-    return (_jsx(Route, { path: route.path, exact: route.exact, render: (props) => {
-            const slot = slots.get(route.slot);
-            let content;
-            if (!slot) {
-                const Component = route.component;
-                content = _jsx(Component, Object.assign({}, props));
-            }
-            else if (typeof slot.rendered === 'function') {
-                content = slot.rendered(Object.assign({ component: route.component }, props));
-            }
-            else {
-                content = slot.rendered;
-            }
-            return _jsx("main", { className: b('main'), children: content });
-        } }, route.path));
-}
-export function Content(props) {
-    var _a;
-    const { singleClusterMode } = props;
-    const slots = useSlots(props);
-    const additionalRoutes = slots.get(RoutesSlot);
-    const redirect = slots.get(RedirectSlot);
-    const redirectProps = (_a = redirect === null || redirect === void 0 ? void 0 : redirect.props) !== null && _a !== void 0 ? _a : (singleClusterMode ? { to: getClusterPath() } : { to: routes.clusters });
-    let mainPage;
-    if (!singleClusterMode) {
-        mainPage = { text: i18n('pages.clusters'), link: routes.clusters };
-    }
-    return (_jsxs(Switch, { children: [singleClusterMode
-                ? null
-                : renderRouteSlot(slots, {
-                    path: routes.clusters,
-                    exact: true,
-                    component: Clusters,
-                    slot: ClustersSlot,
-                }), additionalRoutes === null || additionalRoutes === void 0 ? void 0 : additionalRoutes.rendered, _jsxs(Route, { children: [_jsx(GetUser, {}), _jsx(GetNodesList, {}), _jsx(Header, { mainPage: mainPage }), _jsxs(Switch, { children: [routesSlots.map((route) => {
-                                return renderRouteSlot(slots, route);
-                            }), _jsx(Redirect, Object.assign({}, redirectProps))] })] }, "single-cluster")] }));
-}
-function GetUser() {
-    const dispatch = useTypedDispatch();
-    const { isAuthenticated, isInternalUser } = useTypedSelector((state) => ({
-        isAuthenticated: state.authentication.isAuthenticated,
-        isInternalUser: Boolean(state.authentication.user),
-    }), shallowEqual);
-    React.useEffect(() => {
-        if (isAuthenticated && !isInternalUser) {
-            dispatch(getUser());
-        }
-    }, [dispatch, isAuthenticated, isInternalUser]);
-    return null;
-}
-function GetNodesList() {
-    nodesListApi.useGetNodesListQuery(undefined);
-    return null;
-}
-function ContentWrapper(props) {
-    const { singleClusterMode, isAuthenticated } = props;
-    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 {
-        isAuthenticated: state.authentication.isAuthenticated,
-        singleClusterMode: state.singleClusterMode,
-    };
-}
-export default connect(mapStateToProps)(ContentWrapper);

package/dist/src/containers/App/Providers.js

@@ -1,18 +0,0 @@
-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 { ComponentsProvider } from '../../components/ComponentsProvider/ComponentsProvider';
-import { componentsRegistry as defaultComponentsRegistry } from '../../components/ComponentsProvider/componentsRegistry';
-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, { 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, { theme: theme, children: children });
-}