ydb-embedded-ui 6.8.0 → 6.9.0

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/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;

package/dist/src/containers/Cluster/Cluster.js

@@ -1,93 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Skeleton, Tabs } from '@gravity-ui/uikit';
-import qs from 'qs';
-import { Helmet } from 'react-helmet-async';
-import { Redirect, Route, Switch, useLocation, useRouteMatch } from 'react-router';
-import { EntityStatus } from '../../components/EntityStatus/EntityStatus';
-import { InternalLink } from '../../components/InternalLink';
-import routes, { getLocationObjectFromHref } from '../../routes';
-import { clusterApi, updateDefaultClusterTab } from '../../store/reducers/cluster/cluster';
-import { clusterNodesApi } from '../../store/reducers/clusterNodes/clusterNodes';
-import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { cn } from '../../utils/cn';
-import { CLUSTER_DEFAULT_TITLE, DEFAULT_POLLING_INTERVAL } from '../../utils/constants';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { parseNodesToVersionsValues, parseVersionsToVersionToColorMap } from '../../utils/versions';
-import { NodesWrapper } from '../Nodes/NodesWrapper';
-import { StorageWrapper } from '../Storage/StorageWrapper';
-import { Tenants } from '../Tenants/Tenants';
-import { Versions } from '../Versions/Versions';
-import { ClusterInfo } from './ClusterInfo/ClusterInfo';
-import { clusterTabs, clusterTabsIds, getClusterPath, isClusterTab } from './utils';
-import './Cluster.scss';
-const b = cn('cluster');
-function Cluster({ additionalClusterProps, additionalTenantsProps, additionalNodesProps, additionalVersionsProps, }) {
-    var _a, _b;
-    const container = React.useRef(null);
-    const dispatch = useTypedDispatch();
-    const activeTabId = useClusterTab();
-    const location = useLocation();
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-    const { clusterName, backend } = queryParams;
-    const { data: { clusterData: cluster = {}, groupsStats } = {}, isLoading: isClusterLoading, error, } = clusterApi.useGetClusterInfoQuery(clusterName ? String(clusterName) : undefined, {
-        pollingInterval: DEFAULT_POLLING_INTERVAL,
-    });
-    const clusterError = error && typeof error === 'object' ? error : undefined;
-    const { data: nodes = [], isLoading: isNodesLoading } = clusterNodesApi.useGetClusterNodesQuery(undefined);
-    const infoLoading = isClusterLoading || isNodesLoading;
-    const { Name } = cluster;
-    React.useEffect(() => {
-        dispatch(setHeaderBreadcrumbs('cluster', {}));
-    }, [dispatch, Name]);
-    const versionToColor = React.useMemo(() => {
-        if (additionalVersionsProps === null || additionalVersionsProps === void 0 ? void 0 : additionalVersionsProps.getVersionToColorMap) {
-            return additionalVersionsProps === null || additionalVersionsProps === void 0 ? void 0 : additionalVersionsProps.getVersionToColorMap();
-        }
-        return parseVersionsToVersionToColorMap(cluster === null || cluster === void 0 ? void 0 : cluster.Versions);
-    }, [additionalVersionsProps, cluster]);
-    const versionsValues = React.useMemo(() => {
-        return parseNodesToVersionsValues(nodes, versionToColor);
-    }, [nodes, versionToColor]);
-    const getClusterTitle = () => {
-        var _a;
-        if (infoLoading) {
-            return _jsx(Skeleton, { className: b('title-skeleton') });
-        }
-        return (_jsx(EntityStatus, { size: "m", status: cluster === null || cluster === void 0 ? void 0 : cluster.Overall, name: (_a = cluster === null || cluster === void 0 ? void 0 : cluster.Name) !== null && _a !== void 0 ? _a : CLUSTER_DEFAULT_TITLE, className: b('title') }));
-    };
-    const clusterTitle = (_b = (_a = cluster === null || cluster === void 0 ? void 0 : cluster.Name) !== null && _a !== void 0 ? _a : clusterName) !== null && _b !== void 0 ? _b : CLUSTER_DEFAULT_TITLE;
-    const activeTab = React.useMemo(() => clusterTabs.find(({ id }) => id === activeTabId), [activeTabId]);
-    return (_jsxs("div", { className: b(), ref: container, children: [_jsx(Helmet, { defaultTitle: `${clusterTitle} — YDB Monitoring`, titleTemplate: `%s — ${clusterTitle} — YDB Monitoring`, children: activeTab ? _jsx("title", { children: activeTab.title }) : null }), _jsx("div", { className: b('header'), children: getClusterTitle() }), _jsx("div", { className: b('tabs'), children: _jsx(Tabs, { size: "l", allowNotSelected: true, activeTab: activeTabId, items: clusterTabs, wrapTo: ({ id }, node) => {
-                        const path = getClusterPath(id, { clusterName, backend });
-                        return (_jsx(InternalLink, { to: path, onClick: () => {
-                                dispatch(updateDefaultClusterTab(id));
-                            }, children: node }, id));
-                    } }) }), _jsx("div", { children: _jsxs(Switch, { children: [_jsx(Route, { path: getLocationObjectFromHref(getClusterPath(clusterTabsIds.overview))
-                                .pathname, children: _jsx(ClusterInfo, { cluster: cluster, groupsStats: groupsStats, versionsValues: versionsValues, loading: infoLoading, error: clusterError, additionalClusterProps: additionalClusterProps }) }), _jsx(Route, { path: getLocationObjectFromHref(getClusterPath(clusterTabsIds.tenants))
-                                .pathname, children: _jsx(Tenants, { additionalTenantsProps: additionalTenantsProps }) }), _jsx(Route, { path: getLocationObjectFromHref(getClusterPath(clusterTabsIds.nodes)).pathname, children: _jsx(NodesWrapper, { parentContainer: container.current, additionalNodesProps: additionalNodesProps }) }), _jsx(Route, { path: getLocationObjectFromHref(getClusterPath(clusterTabsIds.storage))
-                                .pathname, children: _jsx(StorageWrapper, { parentContainer: container.current, additionalNodesProps: additionalNodesProps }) }), _jsx(Route, { path: getLocationObjectFromHref(getClusterPath(clusterTabsIds.versions))
-                                .pathname, children: _jsx(Versions, { versionToColor: versionToColor }) }), _jsx(Redirect, { to: getLocationObjectFromHref(getClusterPath(activeTabId)) })] }) })] }));
-}
-function useClusterTab() {
-    const dispatch = useTypedDispatch();
-    const defaultTab = useTypedSelector((state) => state.cluster.defaultClusterTab);
-    const match = useRouteMatch(routes.cluster);
-    const { activeTab: activeTabFromParams } = (match === null || match === void 0 ? void 0 : match.params) || {};
-    let activeTab;
-    if (isClusterTab(activeTabFromParams)) {
-        activeTab = activeTabFromParams;
-    }
-    else {
-        activeTab = defaultTab;
-    }
-    React.useEffect(() => {
-        if (activeTab !== defaultTab) {
-            dispatch(updateDefaultClusterTab(activeTab));
-        }
-    }, [activeTab, defaultTab, dispatch]);
-    return activeTab;
-}
-export default Cluster;

package/dist/src/containers/Cluster/Cluster.scss

@@ -1,34 +0,0 @@
-@import '../../styles/mixins.scss';
-
-.cluster {
-    overflow: auto;
-    flex-grow: 1;
-
-    height: 100%;
-    padding: 0 20px;
-
-    @include flex-container();
-
-    &__header {
-        position: sticky;
-        left: 0;
-
-        padding: 20px 0;
-    }
-
-    &__title {
-        font-weight: var(--g-text-header-font-weight);
-        @include header-1-typography();
-    }
-
-    &__title-skeleton {
-        width: 20%;
-        min-width: 200px;
-        height: var(--g-text-header-1-line-height);
-    }
-
-    &__tabs {
-        position: sticky;
-        left: 0;
-    }
-}

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

@@ -1,2 +0,0 @@
-declare const _default: (key: "nodes" | "tablets" | "versions" | "load" | "links" | "disk-type" | "erasure" | "allocated" | "available" | "usage" | "dc" | "databases" | "storage-size" | "storage-groups", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/src/containers/Clusters/Clusters.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import DataTable from '@gravity-ui/react-data-table';
-import { Select, TableColumnSetup } from '@gravity-ui/uikit';
-import { Helmet } from 'react-helmet-async';
-import { ResponseError } from '../../components/Errors/ResponseError';
-import { Loader } from '../../components/Loader';
-import { ResizeableDataTable } from '../../components/ResizeableDataTable/ResizeableDataTable';
-import { Search } from '../../components/Search';
-import { changeClustersFilters, clustersApi } from '../../store/reducers/clusters/clusters';
-import { aggregateClustersInfo, filterClusters, selectClusterNameFilter, selectServiceFilter, selectStatusFilter, selectVersionFilter, } from '../../store/reducers/clusters/selectors';
-import { DEFAULT_POLLING_INTERVAL, DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { getMinorVersion } from '../../utils/versions';
-import { ClustersStatistics } from './ClustersStatistics';
-import { CLUSTERS_COLUMNS, CLUSTERS_COLUMNS_WIDTH_LS_KEY } from './columns';
-import { COLUMNS_NAMES, COLUMNS_TITLES, DEFAULT_COLUMNS, SELECTED_COLUMNS_KEY } from './constants';
-import i18n from './i18n';
-import { b } from './shared';
-import { useSelectedColumns } from './useSelectedColumns';
-import './Clusters.scss';
-export function Clusters() {
-    const query = clustersApi.useGetClustersListQuery(undefined, {
-        pollingInterval: DEFAULT_POLLING_INTERVAL,
-    });
-    const dispatch = useTypedDispatch();
-    const clusterName = useTypedSelector(selectClusterNameFilter);
-    const status = useTypedSelector(selectStatusFilter);
-    const service = useTypedSelector(selectServiceFilter);
-    const version = useTypedSelector(selectVersionFilter);
-    const changeStatus = (value) => {
-        dispatch(changeClustersFilters({ status: value }));
-    };
-    const changeService = (value) => {
-        dispatch(changeClustersFilters({ service: value }));
-    };
-    const changeClusterName = (value) => {
-        dispatch(changeClustersFilters({ clusterName: value }));
-    };
-    const changeVersion = (value) => {
-        dispatch(changeClustersFilters({ version: value }));
-    };
-    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(CLUSTERS_COLUMNS, SELECTED_COLUMNS_KEY, COLUMNS_TITLES, DEFAULT_COLUMNS, [COLUMNS_NAMES.TITLE]);
-    const clusters = query.data;
-    const { servicesToSelect, versions } = React.useMemo(() => {
-        const clustersServices = new Set();
-        const uniqVersions = new Set();
-        const clusterList = clusters !== null && clusters !== void 0 ? clusters : [];
-        clusterList.forEach((cluster) => {
-            var _a, _b;
-            if (cluster.service) {
-                clustersServices.add(cluster.service);
-            }
-            (_b = (_a = cluster.cluster) === null || _a === void 0 ? void 0 : _a.Versions) === null || _b === void 0 ? void 0 : _b.forEach((v) => {
-                uniqVersions.add(getMinorVersion(v));
-            });
-        });
-        return {
-            servicesToSelect: Array.from(clustersServices).map((value) => ({
-                value,
-                content: value,
-            })),
-            versions: Array.from(uniqVersions).map((value) => ({ value, content: value })),
-        };
-    }, [clusters]);
-    const filteredClusters = React.useMemo(() => {
-        return filterClusters(clusters !== null && clusters !== void 0 ? clusters : [], { clusterName, status, service, version });
-    }, [clusterName, clusters, service, status, version]);
-    const aggregation = React.useMemo(() => aggregateClustersInfo(filteredClusters), [filteredClusters]);
-    const statuses = React.useMemo(() => {
-        return Array.from(new Set((clusters !== null && clusters !== void 0 ? clusters : []).map((cluster) => cluster.status).filter(Boolean)))
-            .sort()
-            .map((el) => ({ value: el, content: el }));
-    }, [clusters]);
-    if (query.isLoading) {
-        return _jsx(Loader, { size: "l" });
-    }
-    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), _jsx(ClustersStatistics, { stats: aggregation, count: filteredClusters.length }), _jsxs("div", { className: b('controls'), children: [_jsx("div", { className: b('control', { wide: true }), children: _jsx(Search, { placeholder: i18n('controls_search-placeholder'), onChange: changeClusterName, value: clusterName }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: statuses, onUpdate: changeStatus, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }, "TableColumnSetup") })] }), query.isError ? _jsx(ResponseError, { error: query.error, className: b('error') }) : null, _jsx("div", { className: b('table-wrapper'), children: _jsx("div", { className: b('table-content'), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: columnsToShow, settings: Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRender: false }), initialSortOrder: {
-                            columnId: COLUMNS_NAMES.TITLE,
-                            order: DataTable.ASCENDING,
-                        } }) }) })] }));
-}

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

@@ -1,2 +0,0 @@
-declare const _default: (key: "controls_status-select-label" | "controls_service-select-label" | "controls_version-select-label" | "controls_search-placeholder" | "controls_select-placeholder" | "statistics_clusters" | "statistics_hosts" | "statistics_tenants" | "statistics_nodes" | "statistics_load" | "statistics_storage" | "tooltip_no-cluster-data" | "page_title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/src/containers/Header/Header.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Breadcrumbs } from '@gravity-ui/uikit';
-import { get } from 'lodash';
-import { useHistory, useLocation } from 'react-router';
-import { InternalLink } from '../../components/InternalLink';
-import { LinkWithIcon } from '../../components/LinkWithIcon/LinkWithIcon';
-import { parseQuery } from '../../routes';
-import { backend, customBackend } from '../../store';
-import { clusterApi } from '../../store/reducers/cluster/cluster';
-import { cn } from '../../utils/cn';
-import { DEVELOPER_UI_TITLE } from '../../utils/constants';
-import { useTypedSelector } from '../../utils/hooks';
-import { getBreadcrumbs } from './breadcrumbs';
-import './Header.scss';
-const b = cn('header');
-const getInternalLink = (singleClusterMode) => {
-    if (singleClusterMode && !customBackend) {
-        return `/internal`;
-    }
-    return backend + '/internal';
-};
-function Header({ mainPage }) {
-    const history = useHistory();
-    const location = useLocation();
-    const queryParams = parseQuery(location);
-    const singleClusterMode = useTypedSelector((state) => state.singleClusterMode);
-    const { page, pageBreadcrumbsOptions } = useTypedSelector((state) => state.header);
-    const clusterInfo = clusterApi.useGetClusterInfoQuery(queryParams.clusterName);
-    const clusterName = get(clusterInfo, ['currentData', 'clusterData', 'Name'], queryParams.clusterName);
-    const breadcrumbItems = React.useMemo(() => {
-        const rawBreadcrumbs = [];
-        const options = pageBreadcrumbsOptions;
-        if (mainPage) {
-            rawBreadcrumbs.push(mainPage);
-        }
-        if (clusterName) {
-            options.clusterName = clusterName;
-        }
-        const breadcrumbs = getBreadcrumbs(page, options, rawBreadcrumbs, queryParams);
-        return breadcrumbs.map((item) => {
-            return Object.assign(Object.assign({}, item), { action: () => { } });
-        });
-    }, [clusterName, mainPage, history, queryParams, page, pageBreadcrumbsOptions]);
-    const renderHeader = () => {
-        return (_jsxs("header", { className: b(), children: [_jsx(Breadcrumbs, { items: breadcrumbItems, lastDisplayedItemsCount: 1, firstDisplayedItemsCount: 1, className: b('breadcrumbs'), renderItem: ({ item, isCurrent }) => {
-                        const { icon, text, link } = item;
-                        return (_jsxs(InternalLink, { className: b('breadcrumbs-item', {
-                                active: isCurrent,
-                                link: !isCurrent,
-                            }), to: isCurrent ? undefined : link, children: [icon ? (_jsx("span", { className: b('breadcrumbs-icon'), children: icon })) : null, _jsx("span", { children: text })] }));
-                    } }), _jsx(LinkWithIcon, { title: DEVELOPER_UI_TITLE, url: getInternalLink(singleClusterMode) })] }));
-    };
-    return renderHeader();
-}
-export default Header;

package/dist/src/containers/Header/breadcrumbs.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { BreadcrumbsOptions, Page } from '../../store/reducers/header/types';
-export interface RawBreadcrumbItem {
-    text: string;
-    link?: string;
-    icon?: JSX.Element;
-}
-export declare const getBreadcrumbs: (page: Page, options: BreadcrumbsOptions, rawBreadcrumbs?: RawBreadcrumbItem[], query?: {}) => RawBreadcrumbItem[];