ydb-embedded-ui 6.8.0 → 6.9.0

package/dist/components/AutoRefreshControl/AutoRefreshControl.d.ts

@@ -0,0 +1,6 @@
+import './AutoRefreshControl.scss';
+interface AutoRefreshControlProps {
+    className?: string;
+}
+export declare function AutoRefreshControl({ className }: AutoRefreshControlProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AutoRefreshControl/AutoRefreshControl.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowsRotateLeft } from '@gravity-ui/icons';
+import { Button, Select } from '@gravity-ui/uikit';
+import { api } from '../../store/reducers/api';
+import { cn } from '../../utils/cn';
+import { useAutoRefreshInterval, useTypedDispatch } from '../../utils/hooks';
+import i18n from './i18n';
+import './AutoRefreshControl.scss';
+const b = cn('auto-refresh-control');
+export function AutoRefreshControl({ className }) {
+    const dispatch = useTypedDispatch();
+    const [autoRefreshInterval, setAutoRefreshInterval] = useAutoRefreshInterval();
+    return (_jsxs("div", { className: b(null, className), children: [_jsx(Button, { view: "flat", onClick: () => {
+                    dispatch(api.util.invalidateTags(['All']));
+                }, extraProps: { 'aria-label': i18n('Refresh') }, children: _jsx(Button.Icon, { children: _jsx(ArrowsRotateLeft, {}) }) }), _jsxs(Select, { value: [String(autoRefreshInterval)], onUpdate: (v) => {
+                    setAutoRefreshInterval(Number(v));
+                }, width: 85, children: [_jsx(Select.Option, { value: "0", children: i18n('None') }), _jsx(Select.Option, { value: "15000", children: i18n('15 sec') }), _jsx(Select.Option, { value: "60000", children: i18n('1 min') }), _jsx(Select.Option, { value: "120000", children: i18n('2 min') }), _jsx(Select.Option, { value: "300000", children: i18n('5 min') })] })] }));
+}

package/dist/components/AutoRefreshControl/AutoRefreshControl.scss

@@ -0,0 +1,5 @@
+.auto-refresh-control {
+    display: flex;
+    align-items: center;
+    gap: var(--g-spacing-1);
+}

package/dist/components/AutoRefreshControl/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "1 min" | "5 min" | "None" | "15 sec" | "2 min" | "Refresh", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/AutoRefreshControl/i18n/index.js

@@ -0,0 +1,4 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-diagnostics-autorefresh-control';
+export default registerKeysets(COMPONENT, { en });

package/dist/components/CellWithPopover/CellWithPopover.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import './CellWithPopover.scss';
+const b = cn('ydb-cell-with-popover');
+export function CellWithPopover({ children, className, wrapperClassName, ...props }) {
+    return (_jsx("div", { className: b(null, wrapperClassName), children: _jsx(Popover, { className: b('popover', className), ...props, children: children }) }));
+}

package/dist/components/CircularProgressBar/CircularProgressBar.d.ts

@@ -0,0 +1,12 @@
+import type { MetricStatus } from '../../store/reducers/tenants/types';
+import './CircularProgressBar.scss';
+interface CircularProgressBarProps {
+    size?: number;
+    progress?: number;
+    strokeWidth?: number;
+    content?: React.ReactNode;
+    status?: MetricStatus;
+    circleBgClassName?: string;
+}
+export declare function CircularProgressBar({ size, progress, strokeWidth, content, status, circleBgClassName, }: CircularProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ClipboardButton/ClipboardButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, ClipboardIcon, CopyToClipboard as CopyToClipboardUiKit, Tooltip, } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+const b = cn('clipboard-button');
+/**
+ * An inner component required
+ * because `react-copy-to-clipboard` doesn't work with `Tooltip` otherwise.
+ */
+function InnerButton({ className, status, title, ...props }) {
+    return (_jsx(Tooltip, { content: status === 'success' ? 'Copied!' : title || 'Copy', 
+        /**
+         * Auto-placement has a bug with text changing.
+         * @link https://github.com/ydb-platform/ydb-embedded-ui/pull/648#discussion_r1453530092
+         */
+        placement: "bottom-start", children: _jsx(Button, { ...props, className: b(null, className), children: _jsx(Button.Icon, { children: _jsx(ClipboardIcon, { status: status, size: 16 }) }) }) }));
+}
+export function ClipboardButton({ text, ...props }) {
+    return (_jsx(CopyToClipboardUiKit, { text: text, timeout: 1000, children: (status) => _jsx(InnerButton, { ...props, status: status }) }));
+}

package/dist/components/ComponentsProvider/registry.d.ts

@@ -0,0 +1,17 @@
+type RegistryEntity<T = any> = T;
+type RegistryEntities = Record<string, RegistryEntity>;
+export declare class Registry<Entities extends RegistryEntities = {}> {
+    type?: Entities;
+    private entities;
+    set<Id extends keyof Entities>(id: Id, entity: Entities[Id]): this;
+    get<Id extends keyof Entities>(id: Id): any;
+    register<Id extends string, T>(id: Id, entity: T): Registry<Entities & {
+        [key in Id]: T;
+    }>;
+}
+type ComponentType<T> = T extends React.ComponentType<any> ? React.ComponentType<React.ComponentPropsWithoutRef<T>> : never;
+export interface ComponentsRegistryTemplate<T extends Registry, Entities = NonNullable<T['type']>> {
+    set<Id extends keyof Entities>(id: Id, entity: ComponentType<Entities[Id]>): this;
+    get<Id extends keyof Entities>(id: Id): ComponentType<Entities[Id]>;
+}
+export {};

package/dist/components/ContentWithPopup/ContentWithPopup.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Popup } from '@gravity-ui/uikit';
+export const ContentWithPopup = ({ children, content, className, hasArrow = true, placement = ['top', 'bottom'], ...props }) => {
+    const [isPopupVisible, setIsPopupVisible] = React.useState(false);
+    const anchor = React.useRef(null);
+    const showPopup = () => {
+        setIsPopupVisible(true);
+    };
+    const hidePopup = () => {
+        setIsPopupVisible(false);
+    };
+    return (_jsxs(React.Fragment, { children: [_jsx(Popup, { anchorRef: anchor, open: isPopupVisible, placement: placement, hasArrow: hasArrow, ...props, children: content }), _jsx("span", { className: className, ref: anchor, onMouseEnter: showPopup, onMouseLeave: hidePopup, children: children })] }));
+};

package/dist/components/CriticalActionDialog/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const criticalActionDialogKeyset: (key: "default-error" | "no-rights-error" | "button-confirm" | "button-cancel" | "button-close", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/DiagnosticCard/DiagnosticCard.d.ts

@@ -0,0 +1,8 @@
+import './DiagnosticCard.scss';
+interface DiagnosticCardProps {
+    children?: React.ReactNode;
+    className?: string;
+    active?: boolean;
+}
+export declare function DiagnosticCard({ children, className, active }: DiagnosticCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DiskPageTitle/DiskPageTitle.d.ts

@@ -0,0 +1,10 @@
+import type { EFlag } from '../../types/api/enums';
+import './DiskPageTitle.scss';
+interface DiskPageTitleProps {
+    entityName: React.ReactNode;
+    status: EFlag;
+    id: React.ReactNode;
+    className?: string;
+}
+export declare function DiskPageTitle({ entityName, status, id, className }: DiskPageTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,16 @@
+import './EmptyState.scss';
+declare const sizes: {
+    s: number;
+    m: number;
+    l: number;
+};
+export interface EmptyStateProps {
+    title: string;
+    image?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode[];
+    size?: keyof typeof sizes;
+    position?: 'left' | 'center';
+}
+export declare const EmptyState: ({ image, title, description, actions, size, position, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EntitiesCount/i18n/index.d.ts

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

package/dist/components/EntityStatus/EntityStatus.d.ts

@@ -0,0 +1,21 @@
+import { EFlag } from '../../types/api/enums';
+import type { StatusIconMode, StatusIconSize } from '../StatusIcon/StatusIcon';
+import './EntityStatus.scss';
+interface EntityStatusProps {
+    status?: EFlag;
+    name?: string;
+    label?: string;
+    path?: string;
+    iconPath?: string;
+    size?: StatusIconSize;
+    mode?: StatusIconMode;
+    showStatus?: boolean;
+    externalLink?: boolean;
+    withLeftTrim?: boolean;
+    hasClipboardButton?: boolean;
+    clipboardButtonAlwaysVisible?: boolean;
+    className?: string;
+    additionalControls?: React.ReactNode;
+}
+export declare function EntityStatus({ status, name, label, path, iconPath, size, mode, showStatus, externalLink, withLeftTrim, hasClipboardButton, clipboardButtonAlwaysVisible, className, additionalControls, }: EntityStatusProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import './ErrorBoundary.scss';
+export declare function ErrorBoundary({ children }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+interface ErrorBoundaryProps {
+    children?: React.ReactNode;
+    useRetry?: boolean;
+    onReportProblem?: (error?: Error) => void;
+}
+export declare function ErrorBoundaryInner({ children, useRetry, onReportProblem, }: ErrorBoundaryProps): import("react/jsx-runtime").JSX.Element;
+interface ErrorBoundaryFallbackProps {
+    error: Error;
+    useRetry?: boolean;
+    resetErrorBoundary?: () => void;
+    onReportProblem?: (error?: Error) => void;
+}
+export declare function ErrorBoundaryFallback({ error, resetErrorBoundary, useRetry, onReportProblem, }: ErrorBoundaryFallbackProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ErrorBoundary/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "error-title" | "error-description" | "show-details" | "report-problem" | "button-reset", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/Errors/403/AccessDenied.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmptyState } from '../../EmptyState';
+import { Illustration } from '../../Illustration';
+import i18n from '../i18n';
+export const AccessDenied = ({ title, description, ...restProps }) => {
+    return (_jsx(EmptyState, { image: _jsx(Illustration, { name: "403" }), title: title || i18n('403.title'), description: description || i18n('403.description'), ...restProps }));
+};

package/dist/components/Errors/ResponseError/ResponseError.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import i18n from '../i18n';
+export const ResponseError = ({ error, className, defaultMessage = i18n('responseError.defaultMessage'), }) => {
+    let statusText = '';
+    if (error && typeof error === 'string') {
+        statusText = error;
+    }
+    if (error && typeof error === 'object') {
+        if ('data' in error && typeof error.data === 'string') {
+            statusText = error.data;
+        }
+        else if ('statusText' in error && typeof error.statusText === 'string') {
+            statusText = error.statusText;
+        }
+        else if ('message' in error && typeof error.message === 'string') {
+            statusText = error.message;
+        }
+    }
+    return _jsx("div", { className: `error ${className}`, children: statusText || defaultMessage });
+};

package/dist/components/Errors/i18n/index.d.ts

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

package/dist/components/FormattedBytes/FormattedBytes.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatBytes } from '../../utils/bytesParsers';
+export const FormattedBytes = ({ value, withSpeedLabel, ...params }) => {
+    const formatted = formatBytes({ value, withSpeedLabel, ...params });
+    const bytes = formatBytes({ value, withSpeedLabel, size: 'b' });
+    return _jsx("span", { title: bytes, children: formatted });
+};

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

@@ -0,0 +1,2 @@
+import type { FormatBytesArgs } from '../../utils/bytesParsers';
+export declare const toFormattedSize: (value: number | string | undefined, params?: Omit<FormatBytesArgs, "value">) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormattedBytes/utils.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormattedBytes } from './FormattedBytes';
+export const toFormattedSize = (value, params) => {
+    if (!value) {
+        return null;
+    }
+    return _jsx(FormattedBytes, { value: value, significantDigits: 2, ...params });
+};

package/dist/components/FullNodeViewer/FullNodeViewer.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import { LOAD_AVERAGE_TIME_INTERVALS } from '../../utils/constants';
+import InfoViewer from '../InfoViewer/InfoViewer';
+import { PoolUsage } from '../PoolUsage/PoolUsage';
+import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
+import './FullNodeViewer.scss';
+const b = cn('full-node-viewer');
+export const FullNodeViewer = ({ node, className }) => {
+    var _a, _b, _c, _d;
+    const endpointsInfo = (_a = node === null || node === void 0 ? void 0 : node.Endpoints) === null || _a === void 0 ? void 0 : _a.map(({ Name, Address }) => ({
+        label: Name,
+        value: Address,
+    }));
+    const commonInfo = [];
+    // Do not add DB field for static nodes (they have no Tenants)
+    if ((_b = node === null || node === void 0 ? void 0 : node.Tenants) === null || _b === void 0 ? void 0 : _b.length) {
+        commonInfo.push({ label: 'Database', value: node.Tenants[0] });
+    }
+    commonInfo.push({ label: 'Version', value: node === null || node === void 0 ? void 0 : node.Version }, { label: 'Uptime', value: node === null || node === void 0 ? void 0 : node.Uptime }, { label: 'DC', value: (node === null || node === void 0 ? void 0 : node.DataCenterDescription) || (node === null || node === void 0 ? void 0 : node.DC) }, { label: 'Rack', value: node === null || node === void 0 ? void 0 : node.Rack });
+    const averageInfo = (_c = node === null || node === void 0 ? void 0 : node.LoadAveragePercents) === null || _c === void 0 ? void 0 : _c.map((load, loadIndex) => ({
+        label: LOAD_AVERAGE_TIME_INTERVALS[loadIndex],
+        value: (_jsx(ProgressViewer, { value: load, percents: true, colorizeProgress: true, capacity: 100 })),
+    }));
+    return (_jsx("div", { className: `${b()} ${className}`, children: node ? (_jsxs("div", { className: b('common-info'), children: [_jsxs("div", { children: [_jsx("div", { className: b('section-title'), children: "Pools" }), _jsx("div", { className: b('section', { pools: true }), children: (_d = node === null || node === void 0 ? void 0 : node.PoolStats) === null || _d === void 0 ? void 0 : _d.map((pool, poolIndex) => (_jsx(PoolUsage, { data: pool }, poolIndex))) })] }), endpointsInfo && endpointsInfo.length && (_jsx(InfoViewer, { title: "Endpoints", className: b('section'), info: endpointsInfo })), _jsx(InfoViewer, { title: "Common info", className: b('section'), info: commonInfo }), _jsx(InfoViewer, { title: "Load average", className: b('section', { average: true }), info: averageInfo })] })) : (_jsx("div", { className: "error", children: "no data" })) }));
+};

package/dist/components/GroupInfo/GroupInfo.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { valueIsDefined } from '../../utils';
+import { formatStorageValuesToGb } from '../../utils/dataFormatters/dataFormatters';
+import { InfoViewer } from '../InfoViewer';
+import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
+import { groupInfoKeyset } from './i18n';
+export function GroupInfo({ data, ...infoViewerProps }) {
+    const { GroupID, PoolName, Used, Limit, ErasureSpecies } = data;
+    const groupInfo = [];
+    if (valueIsDefined(GroupID)) {
+        groupInfo.push({ label: groupInfoKeyset('group-id'), value: GroupID });
+    }
+    if (valueIsDefined(PoolName)) {
+        groupInfo.push({ label: groupInfoKeyset('pool-name'), value: PoolName });
+    }
+    if (valueIsDefined(ErasureSpecies)) {
+        groupInfo.push({ label: groupInfoKeyset('erasure'), value: ErasureSpecies });
+    }
+    if (Number(Used) >= 0 && Number(Limit) >= 0) {
+        groupInfo.push({
+            label: groupInfoKeyset('size'),
+            value: (_jsx(ProgressViewer, { value: Used, capacity: Limit, formatValues: formatStorageValuesToGb, colorizeProgress: true })),
+        });
+    }
+    return _jsx(InfoViewer, { info: groupInfo, ...infoViewerProps });
+}

package/dist/components/GroupInfo/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const groupInfoKeyset: (key: "size" | "group-id" | "erasure" | "pool-name", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/Illustration/Illustration.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useThemeValue } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+const store = {
+    light: {
+        403: () => import('../../assets/illustrations/light/403.svg'),
+        thumbsUp: () => import('../../assets/illustrations/light/thumbsUp.svg'),
+        error: () => import('../../assets/illustrations/light/error.svg'),
+    },
+    dark: {
+        403: () => import('../../assets/illustrations/dark/403.svg'),
+        thumbsUp: () => import('../../assets/illustrations/dark/thumbsUp.svg'),
+        error: () => import('../../assets/illustrations/dark/error.svg'),
+    },
+};
+const b = cn('kv-illustration');
+export const Illustration = ({ name, className, ...props }) => {
+    const theme = useThemeValue();
+    const [src, setSrc] = React.useState('');
+    const srcGetter = store[theme] && store[theme][name];
+    React.useEffect(() => {
+        if (typeof srcGetter === 'function') {
+            srcGetter()
+                .then((svg) => setSrc(svg.default))
+                .catch((e) => {
+                console.error(e);
+                setSrc('');
+            });
+        }
+    }, [srcGetter]);
+    return src ? _jsx("img", { alt: name, src: src, className: b(null, className), ...props }) : null;
+};

package/dist/components/InfoViewer/formatters/cdcStream.d.ts

@@ -0,0 +1,5 @@
+import type { TCdcStreamDescription } from '../../../types/api/schema';
+export declare const formatCdcStreamItem: <Key extends keyof TCdcStreamDescription>(label: Key, value: TCdcStreamDescription[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TCdcStreamDescription[Key] | null | undefined;
+};

package/dist/components/InfoViewer/formatters/common.d.ts

@@ -0,0 +1,5 @@
+import type { TDirEntry } from '../../../types/api/schema';
+export declare const formatCommonItem: <Key extends keyof TDirEntry>(label: Key, value: TDirEntry[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TDirEntry[Key] | null | undefined;
+};

package/dist/components/InfoViewer/formatters/pqGroup.d.ts

@@ -0,0 +1,13 @@
+import type { TPQPartitionConfig, TPQTabletConfig, TPersQueueGroupDescription } from '../../../types/api/schema';
+export declare const formatPQGroupItem: <Key extends keyof TPersQueueGroupDescription>(label: Key, value: TPersQueueGroupDescription[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TPersQueueGroupDescription[Key] | null | undefined;
+};
+export declare const formatPQTabletConfig: <Key extends keyof TPQTabletConfig>(label: Key, value: TPQTabletConfig[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TPQTabletConfig[Key] | null | undefined;
+};
+export declare const formatPQPartitionConfig: <Key extends keyof TPQPartitionConfig>(label: Key, value: TPQPartitionConfig[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TPQPartitionConfig[Key] | null | undefined;
+};

package/dist/components/InfoViewer/formatters/schema.d.ts

@@ -0,0 +1,5 @@
+import type { TIndexDescription } from '../../../types/api/schema';
+export declare const formatTableIndexItem: <Key extends keyof TIndexDescription>(label: Key, value: TIndexDescription[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TIndexDescription[Key] | null | undefined;
+};

package/dist/components/InfoViewer/formatters/table.d.ts

@@ -0,0 +1,18 @@
+import type { TFollowerGroup, TPartitionConfig, TTableStats } from '../../../types/api/schema';
+import type { TMetrics } from '../../../types/api/tenant';
+export declare const formatTabletMetricsItem: <Key extends keyof TMetrics>(label: Key, value: TMetrics[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TMetrics[Key] | null | undefined;
+};
+export declare const formatFollowerGroupItem: <Key extends keyof TFollowerGroup>(label: Key, value: TFollowerGroup[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TFollowerGroup[Key] | null | undefined;
+};
+export declare const formatPartitionConfigItem: <Key extends keyof TPartitionConfig>(label: Key, value: TPartitionConfig[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TPartitionConfig[Key] | null | undefined;
+};
+export declare const formatTableStatsItem: <Key extends keyof TTableStats>(label: Key, value: TTableStats[Key]) => {
+    label: string;
+    value: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | TTableStats[Key] | null | undefined;
+};

package/dist/components/InfoViewer/i18n/index.d.ts

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

package/dist/components/InternalLink/InternalLink.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from 'react-router-dom';
+import { cn } from '../../utils/cn';
+const bLink = cn('g-link');
+export const InternalLink = ({ className, to, onClick, ...props }) => to ? (_jsx(Link, { to: to, onClick: onClick, className: bLink({ view: 'normal' }, className), ...props })) : (_jsx("span", { className: className, onClick: onClick, children: props.children }));

package/dist/components/LabelWithPopover/LabelWithPopover.d.ts

@@ -0,0 +1,8 @@
+interface LabelWithPopoverProps {
+    text: React.ReactNode;
+    popoverContent: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+}
+export declare const LabelWithPopover: ({ text, popoverContent, className, contentClassName, }: LabelWithPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LinkToSchemaObject/LinkToSchemaObject.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from '@gravity-ui/uikit';
+import { createExternalUILink, parseQuery } from '../../routes';
+export function LinkToSchemaObject({ path, location, ...props }) {
+    const queryParams = parseQuery(location);
+    const pathToSchemaObject = createExternalUILink({
+        ...queryParams,
+        schema: path,
+    });
+    return _jsx(Link, { view: "normal", ...props, href: pathToSchemaObject });
+}

package/dist/components/MetricChart/convertResponse.js

@@ -0,0 +1,22 @@
+export const convertResponse = (data = [], metrics) => {
+    const preparedMetrics = data
+        .map(({ datapoints, target }) => {
+        const metricDescription = metrics.find((metric) => metric.target === target);
+        if (!metricDescription) {
+            return undefined;
+        }
+        const chartData = datapoints.map((datapoint) => datapoint[0]);
+        return {
+            ...metricDescription,
+            data: chartData,
+        };
+    })
+        .filter((metric) => metric !== undefined);
+    // Asuming all metrics in response have the same timeline
+    // Backend return data in seconds, while chart needs ms
+    const timeline = data[0].datapoints.map((datapoint) => datapoint[1] * 1000);
+    return {
+        timeline,
+        metrics: preparedMetrics,
+    };
+};

package/dist/components/MetricChart/getChartData.d.ts

@@ -0,0 +1,11 @@
+import type { TimeFrame } from '../../utils/timeframes';
+import type { MetricDescription } from './types';
+export interface GetChartDataParams {
+    database: string;
+    metrics: MetricDescription[];
+    timeFrame: TimeFrame;
+    maxDataPoints: number;
+}
+export declare const getChartData: ({ database, metrics, timeFrame, maxDataPoints }: GetChartDataParams, { signal }?: {
+    signal?: AbortSignal;
+}) => Promise<import("../../types/api/render").JsonRenderResponse>;

package/dist/components/MetricChart/i18n/index.d.ts

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

package/dist/components/MetricChart/reducer.d.ts

@@ -0,0 +1,4 @@
+import type { GetChartDataParams } from './getChartData';
+export declare const chartApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, {
+    getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "All", import("./types").PreparedMetricsData | undefined, "api">;
+}, "api", "All", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;

package/dist/components/MonacoEditor/MonacoEditor.d.ts

@@ -0,0 +1 @@
+export declare const MonacoEditor: import("react").ForwardRefExoticComponent<import("react-monaco-editor").MonacoEditorProps & import("react").RefAttributes<typeof import("react-monaco-editor").default>>;

package/dist/components/PDiskInfo/PDiskInfo.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getPDiskPagePath } from '../../routes';
+import { valueIsDefined } from '../../utils';
+import { cn } from '../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
+import { formatStorageValuesToGb } from '../../utils/dataFormatters/dataFormatters';
+import { createPDiskDeveloperUILink } from '../../utils/developerUI/developerUI';
+import { EntityStatus } from '../EntityStatus/EntityStatus';
+import { InfoViewer } from '../InfoViewer/InfoViewer';
+import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
+import { ProgressViewer } from '../ProgressViewer/ProgressViewer';
+import { pDiskInfoKeyset } from './i18n';
+import './PDiskInfo.scss';
+const b = cn('ydb-pdisk-info');
+export function PDiskInfo({ pDisk, nodeId, isPDiskPage = false, ...infoViewerProps }) {
+    const { PDiskId, Path, Guid, Category, Type, Device, Realtime, State, SerialNumber, TotalSize, AvailableSize, } = pDisk;
+    const total = Number(TotalSize);
+    const available = Number(AvailableSize);
+    const pdiskInfo = [];
+    if (valueIsDefined(Path)) {
+        pdiskInfo.push({ label: pDiskInfoKeyset('path'), value: Path });
+    }
+    if (valueIsDefined(Guid)) {
+        pdiskInfo.push({ label: pDiskInfoKeyset('guid'), value: Guid });
+    }
+    if (valueIsDefined(Category)) {
+        pdiskInfo.push({ label: pDiskInfoKeyset('category'), value: Category });
+        pdiskInfo.push({ label: pDiskInfoKeyset('type'), value: Type });
+    }
+    if (total >= 0 && available >= 0) {
+        pdiskInfo.push({
+            label: pDiskInfoKeyset('size'),
+            value: (_jsx(ProgressViewer, { value: total - available, capacity: total, formatValues: formatStorageValuesToGb, colorizeProgress: true })),
+        });
+    }
+    if (valueIsDefined(State)) {
+        pdiskInfo.push({ label: pDiskInfoKeyset('state'), value: State });
+    }
+    if (valueIsDefined(Device)) {
+        pdiskInfo.push({
+            label: pDiskInfoKeyset('device'),
+            value: _jsx(EntityStatus, { status: Device }),
+        });
+    }
+    if (valueIsDefined(Realtime)) {
+        pdiskInfo.push({
+            label: pDiskInfoKeyset('realtime'),
+            value: _jsx(EntityStatus, { status: Realtime }),
+        });
+    }
+    if (valueIsDefined(SerialNumber)) {
+        pdiskInfo.push({
+            label: pDiskInfoKeyset('serial-number'),
+            value: SerialNumber || EMPTY_DATA_PLACEHOLDER,
+        });
+    }
+    if (valueIsDefined(PDiskId) && valueIsDefined(nodeId)) {
+        const pDiskPagePath = getPDiskPagePath(PDiskId, nodeId);
+        const pDiskInternalViewerPath = createPDiskDeveloperUILink({
+            nodeId,
+            pDiskId: PDiskId,
+        });
+        pdiskInfo.push({
+            label: pDiskInfoKeyset('links'),
+            value: (_jsxs("span", { className: b('links'), children: [!isPDiskPage && (_jsx(LinkWithIcon, { title: pDiskInfoKeyset('pdisk-page'), url: pDiskPagePath, external: false })), _jsx(LinkWithIcon, { title: pDiskInfoKeyset('developer-ui'), url: pDiskInternalViewerPath })] })),
+        });
+    }
+    return _jsx(InfoViewer, { info: pdiskInfo, ...infoViewerProps });
+}

package/dist/components/PDiskInfo/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const pDiskInfoKeyset: (key: "path" | "type" | "size" | "state" | "links" | "guid" | "category" | "device" | "realtime" | "serial-number" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params) => string;