ydb-embedded-ui 6.7.0 → 6.9.0

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 });
-}

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

@@ -1,54 +0,0 @@
-/// <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 { 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;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const ClusterSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof Cluster;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const TenantSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof Tenant;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const NodeSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof Node;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const PDiskPageSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof PDiskPage;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const VDiskPageSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof VDiskPage;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const TabletSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof Tablet;
-    } & RouteComponentProps) => React.ReactNode);
-}, never>;
-export declare const TabletsFiltersSlot: import("../../components/slots/types").SlotComponent<{
-    children: import("react").ReactNode | ((props: {
-        component: typeof TabletsFilters;
-    } & RouteComponentProps) => React.ReactNode);
-}, 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/src/containers/App/i18n/index.d.ts

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

package/dist/src/containers/AppWithClusters/AppWithClusters.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { USE_CLUSTER_BALANCER_AS_BACKEND_KEY } from '../../utils/constants';
-import { getMonitoringClusterLink as getMonitoringClusterLinkDefault, getMonitoringLink as getMonitoringLinkDefault, } from '../../utils/monitoring';
-import { App, AppSlots } from '../App';
-import { settings } from '../UserSettings/settings';
-import { ExtendedCluster } from './ExtendedCluster/ExtendedCluster';
-import { ExtendedNode } from './ExtendedNode/ExtendedNode';
-import { ExtendedTenant } from './ExtendedTenant/ExtendedTenant';
-import i18n from './i18n';
-const defaultUserSettings = settings;
-defaultUserSettings[2].sections[0].settings.push({
-    title: i18n('settings.useClusterBalancerAsBackend.title'),
-    helpPopoverContent: i18n('settings.useClusterBalancerAsBackend.popover'),
-    settingKey: USE_CLUSTER_BALANCER_AS_BACKEND_KEY,
-});
-export function AppWithClusters({ store, history, getMonitoringLink = getMonitoringLinkDefault, getMonitoringClusterLink = getMonitoringClusterLinkDefault, userSettings = defaultUserSettings, children, }) {
-    return (_jsxs(App, { store: store, history: history, userSettings: userSettings, children: [_jsx(AppSlots.ClusterSlot, { children: ({ component }) => {
-                    return (_jsx(ExtendedCluster, { component: component, getMonitoringLink: getMonitoringLink, getMonitoringClusterLink: getMonitoringClusterLink }));
-                } }), _jsx(AppSlots.NodeSlot, { children: ({ component }) => {
-                    return _jsx(ExtendedNode, { component: component });
-                } }), _jsx(AppSlots.TenantSlot, { children: ({ component }) => {
-                    return (_jsx(ExtendedTenant, { component: component, getMonitoringLink: getMonitoringLink }));
-                } }), children] }));
-}

package/dist/src/containers/AppWithClusters/ExtendedCluster/ExtendedCluster.d.ts

@@ -1,10 +0,0 @@
-import type { GetMonitoringClusterLink, GetMonitoringLink } from '../../../utils/monitoring';
-import type Cluster from '../../Cluster/Cluster';
-import './ExtendedCluster.scss';
-interface ExtendedClusterProps {
-    component: typeof Cluster;
-    getMonitoringLink?: GetMonitoringLink;
-    getMonitoringClusterLink?: GetMonitoringClusterLink;
-}
-export declare function ExtendedCluster({ component: ClusterComponent, getMonitoringLink, getMonitoringClusterLink, }: ExtendedClusterProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/containers/AppWithClusters/ExtendedNode/ExtendedNode.d.ts

@@ -1,4 +0,0 @@
-import type Node from '../../Node/Node';
-export declare function ExtendedNode({ component: NodeComponent }: {
-    component: typeof Node;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/src/containers/AppWithClusters/ExtendedTenant/ExtendedTenant.d.ts

@@ -1,7 +0,0 @@
-import type { GetMonitoringLink } from '../../../utils/monitoring';
-import type Tenant from '../../Tenant/Tenant';
-export interface ExtendedTenantProps {
-    component: typeof Tenant;
-    getMonitoringLink?: GetMonitoringLink;
-}
-export declare function ExtendedTenant({ component: TenantComponent, getMonitoringLink, }: ExtendedTenantProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/containers/AppWithClusters/i18n/index.d.ts

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

package/dist/src/containers/AppWithClusters/useClusterData.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { useLocation } from 'react-router';
-import { parseQuery } from '../../routes';
-import { clustersApi } from '../../store/reducers/clusters/clusters';
-import { getAdditionalNodesProps } from '../../utils/additionalProps';
-import { USE_CLUSTER_BALANCER_AS_BACKEND_KEY } from '../../utils/constants';
-import { useSetting } from '../../utils/hooks';
-export function useClusterData() {
-    const location = useLocation();
-    const { clusterName } = parseQuery(location);
-    const { data } = clustersApi.useGetClustersListQuery(undefined);
-    const info = React.useMemo(() => {
-        const clusters = data || [];
-        return clusters.find((cluster) => cluster.name === clusterName);
-    }, [data, clusterName]);
-    const { solomon: monitoring, balancer, versions, cluster } = info || {};
-    const [useClusterBalancerAsBackend] = useSetting(USE_CLUSTER_BALANCER_AS_BACKEND_KEY);
-    const additionalNodesProps = getAdditionalNodesProps(balancer, useClusterBalancerAsBackend);
-    return {
-        monitoring,
-        balancer,
-        versions,
-        cluster,
-        useClusterBalancerAsBackend,
-        additionalNodesProps,
-    };
-}

package/dist/src/containers/AsideNavigation/Navigation.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { YDBEmbeddedUISettings } from '../UserSettings/settings';
-interface NavigationProps {
-    userSettings?: YDBEmbeddedUISettings;
-    children: React.ReactNode;
-}
-export declare function Navigation({ children, userSettings }: NavigationProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/containers/AsideNavigation/YdbInternalUser/YdbInternalUser.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowRightFromSquare, ArrowRightToSquare } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import { useHistory } from 'react-router';
-import routes, { createHref } from '../../../routes';
-import { logout } from '../../../store/reducers/authentication/authentication';
-import { cn } from '../../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
-import i18n from '../i18n';
-import './YdbInternalUser.scss';
-const b = cn('kv-ydb-internal-user');
-export function YdbInternalUser() {
-    const { user: ydbUser } = useTypedSelector((state) => state.authentication);
-    const history = useHistory();
-    const handleLoginClick = () => {
-        history.push(createHref(routes.auth, undefined, { returnUrl: encodeURIComponent(location.href) }));
-    };
-    const dispatch = useTypedDispatch();
-    const handleLogout = () => {
-        dispatch(logout);
-    };
-    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('user-info-wrapper'), children: [_jsx("div", { className: b('ydb-internal-user-title'), children: i18n('account.user') }), ydbUser && _jsx("div", { className: b('username'), children: ydbUser })] }), ydbUser ? (_jsx(Button, { view: "flat-secondary", title: i18n('account.logout'), onClick: handleLogout, children: _jsx(Icon, { data: ArrowRightFromSquare }) })) : (_jsx(Button, { view: "flat-secondary", title: i18n('account.login'), onClick: handleLoginClick, children: _jsx(Icon, { data: ArrowRightToSquare }) }))] }));
-}

package/dist/src/containers/AsideNavigation/i18n/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (key: "navigation-item.documentation" | "navigation-item.settings" | "navigation-item.account" | "account.user" | "account.login" | "account.logout", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/src/containers/Authentication/Authentication.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Eye, EyeSlash, Xmark } from '@gravity-ui/icons';
-import { Button, Link as ExternalLink, Icon, TextInput } from '@gravity-ui/uikit';
-import { useHistory, useLocation } from 'react-router';
-import { parseQuery } from '../../routes';
-import { authenticate } from '../../store/reducers/authentication/authentication';
-import { cn } from '../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import ydbLogoIcon from '../../assets/icons/ydb.svg';
-import './Authentication.scss';
-const b = cn('authentication');
-function Authentication({ closable = false }) {
-    const dispatch = useTypedDispatch();
-    const history = useHistory();
-    const location = useLocation();
-    const { returnUrl } = parseQuery(location);
-    const { error } = useTypedSelector((state) => state.authentication);
-    const [login, setLogin] = React.useState('');
-    const [pass, setPass] = React.useState('');
-    const [loginError, setLoginError] = React.useState('');
-    const [passwordError, setPasswordError] = React.useState('');
-    const [showPassword, setShowPassword] = React.useState(false);
-    React.useEffect(() => {
-        var _a, _b, _c, _d;
-        if ((_b = (_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.includes('user')) {
-            setLoginError(error.data.error);
-        }
-        if ((_d = (_c = error === null || error === void 0 ? void 0 : error.data) === null || _c === void 0 ? void 0 : _c.error) === null || _d === void 0 ? void 0 : _d.includes('password')) {
-            setPasswordError(error.data.error);
-        }
-    }, [error]);
-    const onLoginUpdate = (value) => {
-        setLogin(value);
-        setLoginError('');
-    };
-    const onPassUpdate = (value) => {
-        setPass(value);
-        setPasswordError('');
-    };
-    const onLoginClick = () => {
-        dispatch(authenticate(login, pass)).then(() => {
-            if (returnUrl) {
-                const decodedUrl = decodeURIComponent(returnUrl.toString());
-                // to prevent page reload we use router history
-                // history navigates relative to origin
-                // so we remove origin to make it work properly
-                const url = new URL(decodedUrl);
-                const path = url.pathname + url.search;
-                history.replace(path);
-            }
-        });
-    };
-    const onEnterClick = (e) => {
-        if (e.keyCode === 13) {
-            onLoginClick();
-        }
-    };
-    const onClose = () => {
-        history.go(-1);
-    };
-    const onTogglePasswordVisibility = () => {
-        setShowPassword((prev) => !prev);
-    };
-    return (_jsxs("section", { className: b(), children: [_jsxs("form", { className: b('form-wrapper'), children: [_jsxs("div", { className: b('header'), children: [_jsxs("div", { className: b('logo'), children: [_jsx(Icon, { data: ydbLogoIcon, size: 24 }), "YDB"] }), _jsx(ExternalLink, { href: "http://ydb.tech/docs", target: "_blank", children: "Documentation" })] }), _jsx("h2", { className: b('title'), children: "Sign in" }), _jsx("div", { className: b('field-wrapper'), children: _jsx(TextInput, { value: login, onUpdate: onLoginUpdate, placeholder: 'Username', error: loginError, onKeyDown: onEnterClick, size: "l", autoFocus: true }) }), _jsxs("div", { className: b('field-wrapper'), children: [_jsx(TextInput, { value: pass, onUpdate: onPassUpdate, type: showPassword ? 'text' : 'password', placeholder: 'Password', error: passwordError, onKeyDown: onEnterClick, size: "l" }), _jsx(Button, { onClick: onTogglePasswordVisibility, size: "l", className: b('show-password-button'), children: _jsx(Icon, { data: showPassword ? EyeSlash : Eye, size: 16 }) })] }), _jsx(Button, { view: "action", onClick: onLoginClick, width: "max", size: "l", disabled: Boolean(!login || loginError || passwordError), className: b('button-sign-in'), children: "Sign in" })] }), closable && history.length > 1 && (_jsx(Button, { onClick: onClose, className: b('close'), children: _jsx(Icon, { data: Xmark, size: 24 }) }))] }));
-}
-export default Authentication;

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

@@ -1,10 +0,0 @@
-import type { AdditionalClusterProps, AdditionalNodesProps, AdditionalTenantsProps, AdditionalVersionsProps } from '../../types/additionalProps';
-import './Cluster.scss';
-interface ClusterProps {
-    additionalTenantsProps?: AdditionalTenantsProps;
-    additionalNodesProps?: AdditionalNodesProps;
-    additionalClusterProps?: AdditionalClusterProps;
-    additionalVersionsProps?: AdditionalVersionsProps;
-}
-declare function Cluster({ additionalClusterProps, additionalTenantsProps, additionalNodesProps, additionalVersionsProps, }: ClusterProps): import("react/jsx-runtime").JSX.Element;
-export default Cluster;