ydb-embedded-ui 6.7.0 → 6.9.0

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[];

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

@@ -1,125 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NodesRight as ClusterIcon, Cpu as ComputeNodeIcon, Database as DatabaseIcon, HardDrive as StorageNodeIcon, } from '@gravity-ui/icons';
-import { TabletIcon } from '../../components/TabletIcon/TabletIcon';
-import routes, { createHref, getPDiskPagePath } from '../../routes';
-import { TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGE, TENANT_PAGES_IDS, } from '../../store/reducers/tenant/constants';
-import { CLUSTER_DEFAULT_TITLE, getTabletLabel } from '../../utils/constants';
-import { getClusterPath } from '../Cluster/utils';
-import { getDefaultNodePath } from '../Node/NodePages';
-import { TenantTabsGroups, getTenantPath } from '../Tenant/TenantPages';
-import { headerKeyset } from './i18n';
-const prepareTenantName = (tenantName) => {
-    return tenantName.startsWith('/') ? tenantName.slice(1) : tenantName;
-};
-const getQueryForTenant = (type) => ({
-    [TENANT_PAGE]: TENANT_PAGES_IDS.diagnostics,
-    [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS[type],
-});
-const getClusterBreadcrumbs = (options, query = {}) => {
-    const { clusterName, clusterTab } = options;
-    return [
-        {
-            text: clusterName || CLUSTER_DEFAULT_TITLE,
-            link: getClusterPath(clusterTab, query),
-            icon: _jsx(ClusterIcon, {}),
-        },
-    ];
-};
-const getTenantBreadcrumbs = (options, query = {}) => {
-    const { tenantName } = options;
-    const breadcrumbs = getClusterBreadcrumbs(options, query);
-    const text = tenantName ? prepareTenantName(tenantName) : headerKeyset('breadcrumbs.tenant');
-    const link = tenantName ? getTenantPath(Object.assign(Object.assign({}, query), { name: tenantName })) : undefined;
-    const lastItem = { text, link, icon: _jsx(DatabaseIcon, {}) };
-    breadcrumbs.push(lastItem);
-    return breadcrumbs;
-};
-const getNodeBreadcrumbs = (options, query = {}) => {
-    const { tenantName, nodeId } = options;
-    // Compute nodes have tenantName, storage nodes doesn't
-    const isStorage = !tenantName;
-    const tenantQuery = getQueryForTenant('nodes');
-    const breadcrumbs = isStorage
-        ? getClusterBreadcrumbs(options, query)
-        : getTenantBreadcrumbs(options, Object.assign(Object.assign({}, query), tenantQuery));
-    let text = headerKeyset('breadcrumbs.node');
-    if (nodeId) {
-        text += ` ${nodeId}`;
-    }
-    const lastItem = {
-        text,
-        link: nodeId ? getDefaultNodePath(nodeId, query) : undefined,
-        icon: isStorage ? _jsx(StorageNodeIcon, {}) : _jsx(ComputeNodeIcon, {}),
-    };
-    breadcrumbs.push(lastItem);
-    return breadcrumbs;
-};
-const getPDiskBreadcrumbs = (options, query = {}) => {
-    const { nodeId, pDiskId } = options;
-    const breadcrumbs = getNodeBreadcrumbs({
-        nodeId,
-    });
-    let text = headerKeyset('breadcrumbs.pDisk');
-    if (pDiskId) {
-        text += ` ${pDiskId}`;
-    }
-    const hasLink = pDiskId && nodeId;
-    const link = hasLink ? getPDiskPagePath(pDiskId, nodeId, query) : undefined;
-    const lastItem = {
-        text,
-        link,
-    };
-    breadcrumbs.push(lastItem);
-    return breadcrumbs;
-};
-const getVDiskBreadcrumbs = (options, query = {}) => {
-    const { vDiskSlotId } = options;
-    const breadcrumbs = getPDiskBreadcrumbs(options, query);
-    let text = headerKeyset('breadcrumbs.vDisk');
-    if (vDiskSlotId) {
-        text += ` ${vDiskSlotId}`;
-    }
-    const lastItem = {
-        text,
-    };
-    breadcrumbs.push(lastItem);
-    return breadcrumbs;
-};
-const getTabletsBreadcrumbs = (options, query = {}) => {
-    const { tenantName, nodeIds } = options;
-    const tenantQuery = getQueryForTenant('tablets');
-    const breadcrumbs = tenantName
-        ? getTenantBreadcrumbs(options, Object.assign(Object.assign({}, query), tenantQuery))
-        : getClusterBreadcrumbs(options, query);
-    const link = createHref(routes.tabletsFilters, undefined, Object.assign(Object.assign({}, query), { nodeIds, path: tenantName }));
-    const lastItem = { text: headerKeyset('breadcrumbs.tablets'), link };
-    breadcrumbs.push(lastItem);
-    return breadcrumbs;
-};
-const getTabletBreadcrumbs = (options, query = {}) => {
-    const { tabletId, tabletType } = options;
-    const breadcrumbs = getTabletsBreadcrumbs(options, query);
-    const lastItem = {
-        text: tabletId || headerKeyset('breadcrumbs.tablet'),
-        icon: _jsx(TabletIcon, { text: getTabletLabel(tabletType) }),
-    };
-    breadcrumbs.push(lastItem);
-    return breadcrumbs;
-};
-const mapPageToGetter = {
-    cluster: getClusterBreadcrumbs,
-    node: getNodeBreadcrumbs,
-    pDisk: getPDiskBreadcrumbs,
-    tablet: getTabletBreadcrumbs,
-    tablets: getTabletsBreadcrumbs,
-    tenant: getTenantBreadcrumbs,
-    vDisk: getVDiskBreadcrumbs,
-};
-export const getBreadcrumbs = (page, options, rawBreadcrumbs = [], query = {}) => {
-    if (!page) {
-        return rawBreadcrumbs;
-    }
-    const getter = mapPageToGetter[page];
-    const pageBreadcrumbs = getter(options, query);
-    return [...rawBreadcrumbs, ...pageBreadcrumbs];
-};

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

@@ -1 +0,0 @@
-export declare const headerKeyset: (key: "breadcrumbs.tenant" | "breadcrumbs.node" | "breadcrumbs.pDisk" | "breadcrumbs.vDisk" | "breadcrumbs.tablet" | "breadcrumbs.tablets", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/src/containers/Heatmap/Heatmap.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Checkbox, Select } from '@gravity-ui/uikit';
-import { ResponseError } from '../../components/Errors/ResponseError';
-import { Loader } from '../../components/Loader';
-import { heatmapApi, setHeatmapOptions } from '../../store/reducers/heatmap';
-import { hideTooltip, showTooltip } from '../../store/reducers/tooltip';
-import { cn } from '../../utils/cn';
-import { formatNumber } from '../../utils/dataFormatters/dataFormatters';
-import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { HeatmapCanvas } from './HeatmapCanvas/HeatmapCanvas';
-import { Histogram } from './Histogram/Histogram';
-import { COLORS_RANGE_SIZE, getColorIndex, getColorRange, getCurrentMetricLimits } from './util';
-import './Heatmap.scss';
-const b = cn('heatmap');
-const COLORS_RANGE = getColorRange(COLORS_RANGE_SIZE);
-export const Heatmap = ({ path }) => {
-    const dispatch = useTypedDispatch();
-    const itemsContainer = React.createRef();
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const { currentData, isFetching, error } = heatmapApi.useGetHeatmapTabletsInfoQuery({ path }, { pollingInterval: autoRefreshInterval });
-    const loading = isFetching && currentData === undefined;
-    const { tablets = [], metrics } = currentData || {};
-    const { sort, heatmap, currentMetric } = useTypedSelector((state) => state.heatmap);
-    const onShowTooltip = (...args) => {
-        dispatch(showTooltip(...args));
-    };
-    const onHideTooltip = () => {
-        dispatch(hideTooltip());
-    };
-    const handleMetricChange = (value) => {
-        dispatch(setHeatmapOptions({
-            currentMetric: value[0],
-        }));
-    };
-    const handleCheckboxChange = () => {
-        dispatch(setHeatmapOptions({
-            sort: !sort,
-        }));
-    };
-    const handleHeatmapChange = () => {
-        dispatch(setHeatmapOptions({
-            heatmap: !heatmap,
-        }));
-    };
-    const renderHistogram = () => {
-        return (_jsx(Histogram, { tablets: tablets, currentMetric: currentMetric, showTooltip: onShowTooltip, hideTooltip: onHideTooltip }));
-    };
-    const renderHeatmapCanvas = () => {
-        const { min, max } = getCurrentMetricLimits(currentMetric, tablets);
-        const preparedTablets = tablets.map((tablet) => {
-            var _a;
-            const value = currentMetric && Number((_a = tablet.metrics) === null || _a === void 0 ? void 0 : _a[currentMetric]);
-            const colorIndex = getColorIndex(value, min, max);
-            const color = COLORS_RANGE[colorIndex];
-            return Object.assign(Object.assign({}, tablet), { color,
-                value, formattedValue: formatNumber(value), currentMetric });
-        });
-        const sortedTablets = sort
-            ? preparedTablets.sort((x, y) => Number(y.value) - Number(x.value))
-            : preparedTablets;
-        return (_jsx("div", { ref: itemsContainer, className: b('items'), children: _jsx(HeatmapCanvas, { tablets: sortedTablets, parentRef: itemsContainer, showTooltip: onShowTooltip, hideTooltip: onHideTooltip }) }));
-    };
-    const renderContent = () => {
-        const { min, max } = getCurrentMetricLimits(currentMetric, tablets);
-        return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('filters'), children: [_jsx(Select, { className: b('heatmap-select'), value: currentMetric ? [currentMetric] : [], options: metrics, onUpdate: handleMetricChange, width: 200 }), _jsx("div", { className: b('sort-checkbox'), children: _jsx(Checkbox, { onUpdate: handleCheckboxChange, checked: sort, children: "Sort" }) }), _jsx("div", { className: b('histogram-checkbox'), children: _jsx(Checkbox, { onUpdate: handleHeatmapChange, checked: heatmap, children: "Heatmap" }) }), _jsxs("div", { className: b('limits'), children: [_jsxs("div", { className: b('limits-block'), children: [_jsx("div", { className: b('limits-title'), children: "min:" }), _jsx("div", { className: b('limits-value'), children: Number.isInteger(min) ? formatNumber(min) : '—' })] }), _jsxs("div", { className: b('limits-block'), children: [_jsx("div", { className: b('limits-title'), children: "max:" }), _jsx("div", { className: b('limits-value'), children: Number.isInteger(max) ? formatNumber(max) : '—' })] }), _jsxs("div", { className: b('limits-block'), children: [_jsx("div", { className: b('limits-title'), children: "count:" }), _jsx("div", { className: b('limits-value'), children: formatNumber(tablets.length) })] })] })] }), heatmap ? renderHeatmapCanvas() : renderHistogram()] }));
-    };
-    if (loading) {
-        return _jsx(Loader, {});
-    }
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    return renderContent();
-};

package/dist/src/containers/Heatmap/Histogram/Histogram.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import PropTypes from 'prop-types';
-import { cn } from '../../../utils/cn';
-import { formatNumber } from '../../../utils/dataFormatters/dataFormatters';
-import { getColorRange, getCurrentMetricLimits } from '../util';
-import './Histogram.scss';
-const b = cn('histogram');
-const HistogramBar = (props) => {
-    const barRef = React.useRef();
-    const { data = {}, maxCount } = props;
-    const { count, leftBound, rightBound, color } = data;
-    const height = (count / maxCount) * 100;
-    const _onHistogramItemEnter = () => {
-        const ref = barRef.current;
-        props.showTooltip(ref, {
-            count,
-            leftBound,
-            rightBound,
-        }, 'histogram');
-    };
-    return (_jsx("div", { ref: barRef, className: b('item'), style: { backgroundColor: color, height: `${height}%` }, onMouseEnter: _onHistogramItemEnter, onMouseLeave: props.hideTooltip }));
-};
-HistogramBar.propTypes = {
-    data: PropTypes.object,
-    maxCount: PropTypes.number,
-    showTooltip: PropTypes.func,
-    hideTooltip: PropTypes.func,
-};
-export const Histogram = (props) => {
-    const { tablets, currentMetric } = props;
-    const { min, max } = getCurrentMetricLimits(currentMetric, tablets);
-    const histogramColorRange = getColorRange(50);
-    const step = (max - min) / 50;
-    const histogramRange = histogramColorRange.map((item, index) => {
-        return {
-            color: item,
-            count: 0,
-            leftBound: formatNumber(min + index * step),
-            rightBound: formatNumber(min + (index + 1) * step),
-        };
-    });
-    let maxCount = 0;
-    tablets.forEach((tablet) => {
-        var _a;
-        const value = currentMetric && Number(tablet.metrics[currentMetric]);
-        const bucketIndex = Math.floor(value / step);
-        const nextCountValue = ((_a = histogramRange[bucketIndex]) === null || _a === void 0 ? void 0 : _a.count) + 1;
-        if (nextCountValue > maxCount) {
-            maxCount = nextCountValue;
-        }
-        histogramRange[bucketIndex] = Object.assign(Object.assign({}, histogramRange[bucketIndex]), { count: nextCountValue });
-    });
-    const renderHistogramItem = (item, index) => {
-        return (_jsx(HistogramBar, { data: item, maxCount: maxCount, showTooltip: props.showTooltip, hideTooltip: props.hideTooltip }, index));
-    };
-    return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('chart'), children: [Boolean(max) && histogramRange.map(renderHistogramItem), _jsx("div", { className: b('x-min'), children: formatNumber(min) }), _jsx("div", { className: b('x-max'), children: formatNumber(max) }), _jsx("div", { className: b('y-min'), children: "0" }), _jsx("div", { className: b('y-max'), children: formatNumber(maxCount) })] }) }));
-};
-Histogram.propTypes = {
-    tablets: PropTypes.array,
-    currentMetric: PropTypes.string,
-    showTooltip: PropTypes.func,
-    hideTooltip: PropTypes.func,
-};

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

@@ -1,9 +0,0 @@
-import type { AdditionalNodesProps } from '../../types/additionalProps';
-import './Node.scss';
-export declare const STORAGE_ROLE = "Storage";
-interface NodeProps {
-    additionalNodesProps?: AdditionalNodesProps;
-    className?: string;
-}
-declare function Node(props: NodeProps): import("react/jsx-runtime").JSX.Element;
-export default Node;