ydb-embedded-ui 6.12.0 → 6.13.0

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

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

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import type { ButtonProps, PopoverProps } from '@gravity-ui/uikit';
 interface ButtonWithConfirmDialogProps<T, K> {
     children: React.ReactNode;
-    onConfirmAction: () => Promise<T>;
+    onConfirmAction: (isRetry?: boolean) => Promise<T>;
     onConfirmActionSuccess?: (() => Promise<K>) | VoidFunction;
     dialogContent: string;
+    retryButtonText?: string;
     buttonDisabled?: ButtonProps['disabled'];
     buttonView?: ButtonProps['view'];
     buttonClassName?: ButtonProps['className'];
@@ -13,5 +14,5 @@ interface ButtonWithConfirmDialogProps<T, K> {
     popoverPlacement?: PopoverProps['placement'];
     popoverDisabled?: PopoverProps['disabled'];
 }
-export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled, buttonView, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, retryButtonText, buttonDisabled, buttonView, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js

@@ -2,15 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button, Popover } from '@gravity-ui/uikit';
 import { CriticalActionDialog } from '../CriticalActionDialog';
-export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled = false, buttonView = 'action', buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, }) {
+export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, retryButtonText, buttonDisabled = false, buttonView = 'action', buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, }) {
     const [isConfirmDialogVisible, setIsConfirmDialogVisible] = React.useState(false);
     const [buttonLoading, setButtonLoading] = React.useState(false);
-    const handleConfirmAction = async () => {
+    const [withRetry, setWithRetry] = React.useState(false);
+    const handleConfirmAction = async (isRetry) => {
         setButtonLoading(true);
-        await onConfirmAction();
+        await onConfirmAction(isRetry);
         setButtonLoading(false);
     };
     const handleConfirmActionSuccess = async () => {
+        setWithRetry(false);
         if (onConfirmActionSuccess) {
             setButtonLoading(true);
             try {
@@ -23,7 +25,9 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
             }
         }
     };
-    const handleConfirmActionError = () => {
+    const handleConfirmActionError = (error) => {
+        const isWithRetry = Boolean(error && typeof error === 'object' && 'retryPossible' in error && error.retryPossible);
+        setWithRetry(isWithRetry);
         setButtonLoading(false);
     };
     const renderButton = () => {
@@ -35,7 +39,7 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
         }
         return renderButton();
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text: dialogContent, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
+    return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text: dialogContent, withRetry: withRetry, retryButtonText: retryButtonText, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
                     setIsConfirmDialogVisible(false);
                 } }), renderContent()] }));
 }

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

@@ -2,10 +2,12 @@ import './CriticalActionDialog.scss';
 interface CriticalActionDialogProps<T> {
     visible: boolean;
     text: string;
+    withRetry?: boolean;
+    retryButtonText?: string;
     onClose: VoidFunction;
-    onConfirm: () => Promise<T>;
+    onConfirm: (isRetry?: boolean) => Promise<T>;
     onConfirmActionSuccess: VoidFunction;
-    onConfirmActionError: VoidFunction;
+    onConfirmActionError: (error: unknown) => void;
 }
-export declare function CriticalActionDialog<T>({ visible, text, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CriticalActionDialog<T>({ visible, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CriticalActionDialog/CriticalActionDialog.js

@@ -15,19 +15,18 @@ const parseError = (error) => {
     }
     return criticalActionDialogKeyset('default-error');
 };
-export function CriticalActionDialog({ visible, text, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
+export function CriticalActionDialog({ visible, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
-    const onSubmit = async (e) => {
-        e.preventDefault();
+    const onApply = async (isRetry) => {
         setIsLoading(true);
-        return onConfirm()
+        return onConfirm(isRetry)
             .then(() => {
             onConfirmActionSuccess();
             onClose();
         })
             .catch((err) => {
-            onConfirmActionError();
+            onConfirmActionError(err);
             setError(err);
         })
             .finally(() => {
@@ -36,9 +35,11 @@ export function CriticalActionDialog({ visible, text, onClose, onConfirm, onConf
     };
     const renderDialogContent = () => {
         if (error) {
-            return (_jsxs(React.Fragment, { children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('error-icon'), children: _jsx(CircleXmarkFill, { width: "24", height: "22" }) }), parseError(error)] }), _jsx(Dialog.Footer, { loading: false, preset: "default", textButtonCancel: criticalActionDialogKeyset('button-close'), onClickButtonCancel: onClose })] }));
+            return (_jsxs(React.Fragment, { children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('error-icon'), children: _jsx(CircleXmarkFill, { width: "24", height: "22" }) }), parseError(error)] }), _jsx(Dialog.Footer, { loading: false, preset: "default", textButtonApply: withRetry
+                            ? retryButtonText || criticalActionDialogKeyset('button-retry')
+                            : undefined, textButtonCancel: criticalActionDialogKeyset('button-close'), onClickButtonApply: () => onApply(true), onClickButtonCancel: onClose })] }));
         }
-        return (_jsxs("form", { onSubmit: onSubmit, children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit' }, onClickButtonCancel: onClose, onClickButtonApply: () => { } })] }));
+        return (_jsxs(React.Fragment, { children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit' }, onClickButtonCancel: onClose, onClickButtonApply: () => onApply() })] }));
     };
     return (_jsx(Dialog, { open: visible, hasCloseButton: false, className: b(), size: "s", onClose: onClose, onTransitionExited: () => setError(undefined), children: renderDialogContent() }));
 }

package/dist/components/CriticalActionDialog/CriticalActionDialog.scss

@@ -1,5 +1,5 @@
 .ydb-critical-dialog {
-    width: 400px;
+    padding-top: 18px;
 
     &__warning-icon {
         margin-right: 16px;

package/dist/components/CriticalActionDialog/i18n/en.json

@@ -2,6 +2,7 @@
     "default-error": "Something went wrong, action cannot be completed",
     "no-rights-error": "You don't have enough rights to complete the operation",
     "button-confirm": "Confirm",
+    "button-retry": "Retry",
     "button-cancel": "Cancel",
     "button-close": "Close"
 }

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

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

package/dist/components/Errors/PageError/PageError.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { EmptyStateProps } from '../../EmptyState';
+interface PageErrorProps extends Omit<EmptyStateProps, 'image' | 'title' | 'description'> {
+    title?: string;
+    description?: string;
+    error: unknown;
+    children?: React.ReactNode;
+}
+export declare function PageError({ title, description, error, children, ...restProps }: PageErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function isAccessError(error: unknown): boolean;
+export {};

package/dist/components/Errors/PageError/PageError.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { EmptyState } from '../../EmptyState';
+import { Illustration } from '../../Illustration';
+import { AccessDenied } from '../403';
+import { ResponseError } from '../ResponseError';
+import i18n from '../i18n';
+export function PageError({ title, description, error, children, ...restProps }) {
+    if (isAccessError(error)) {
+        return _jsx(AccessDenied, { title: title, description: description, ...restProps });
+    }
+    if (error || description) {
+        return (_jsx(EmptyState, { image: _jsx(Illustration, { name: "error" }), title: title || i18n('error.title'), description: error ? _jsx(ResponseError, { error: error }) : description, ...restProps }));
+    }
+    return _jsx(React.Fragment, { children: children });
+}
+export function isAccessError(error) {
+    return Boolean(error && typeof error === 'object' && 'status' in error && error.status === 403);
+}

package/dist/components/Errors/i18n/en.json

@@ -1,5 +1,6 @@
 {
     "403.title": "Access denied",
     "403.description": "You don’t have the necessary roles to view this page.",
-    "responseError.defaultMessage": "Response error"
+    "responseError.defaultMessage": "Response error",
+    "error.title": "Error"
 }

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

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

package/dist/components/Errors/i18n/ru.json

@@ -1,5 +1,6 @@
 {
     "403.title": "Доступ запрещен",
     "403.description": "У вас недостаточно прав для просмотра данной страницы.",
-    "responseError.defaultMessage": "Ошибка запроса"
+    "responseError.defaultMessage": "Ошибка запроса",
+    "error.title": "Ошибка"
 }

package/dist/components/Fullscreen/Fullscreen.d.ts

@@ -4,5 +4,5 @@ interface FullscreenProps {
     children: React.ReactNode;
     className?: string;
 }
-declare function Fullscreen(props: FullscreenProps): import("react/jsx-runtime").JSX.Element;
+declare function Fullscreen({ children, className }: FullscreenProps): import("react/jsx-runtime").JSX.Element | null;
 export default Fullscreen;

package/dist/components/Fullscreen/Fullscreen.js

@@ -1,35 +1,16 @@
+var _a;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Button, Icon } from '@gravity-ui/uikit';
-import ReactDOM from 'react-dom';
+import { Button, Icon, Portal } from '@gravity-ui/uikit';
 import { disableFullscreen } from '../../store/reducers/fullscreen';
 import { cn } from '../../utils/cn';
-import { useTypedDispatch } from '../../utils/hooks';
+import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
 import disableFullscreenIcon from '../../assets/icons/disableFullscreen.svg';
 import './Fullscreen.scss';
-const b = cn('kv-fullscreen');
-class FullscreenWrapper extends React.Component {
-    constructor(props) {
-        super(props);
-        this.modalRoot = null;
-        this.el = document.createElement('div');
-    }
-    componentDidMount() {
-        this.modalRoot = document.getElementById('fullscreen-root');
-        if (this.modalRoot) {
-            this.modalRoot.appendChild(this.el);
-        }
-    }
-    componentWillUnmount() {
-        if (this.modalRoot) {
-            this.modalRoot.removeChild(this.el);
-        }
-    }
-    render() {
-        return ReactDOM.createPortal(this.props.children, this.el);
-    }
-}
-function Fullscreen(props) {
+const b = cn('ydb-fullscreen');
+const fullscreenRoot = (_a = document.getElementById('fullscreen-root')) !== null && _a !== void 0 ? _a : undefined;
+function Fullscreen({ children, className }) {
+    const isFullscreen = useTypedSelector((state) => state.fullscreen);
     const dispatch = useTypedDispatch();
     const onDisableFullScreen = React.useCallback(() => {
         dispatch(disableFullscreen());
@@ -45,6 +26,32 @@ function Fullscreen(props) {
             document.removeEventListener('keydown', escFunction, false);
         };
     }, [onDisableFullScreen]);
-    return (_jsx(FullscreenWrapper, { children: _jsxs("div", { className: b(null, props.className), children: [_jsx(Button, { onClick: onDisableFullScreen, view: "raised", className: b('close-button'), children: _jsx(Icon, { data: disableFullscreenIcon }) }), props.children] }) }));
+    const [container, setContainer] = React.useState(null);
+    React.useEffect(() => {
+        const div = document.createElement('div');
+        fullscreenRoot === null || fullscreenRoot === void 0 ? void 0 : fullscreenRoot.appendChild(div);
+        div.style.display = 'contents';
+        setContainer(div);
+        return () => {
+            setContainer(null);
+            div.remove();
+        };
+    }, []);
+    const ref = React.useRef(null);
+    React.useLayoutEffect(() => {
+        var _a;
+        if (container) {
+            if (isFullscreen) {
+                fullscreenRoot === null || fullscreenRoot === void 0 ? void 0 : fullscreenRoot.appendChild(container);
+            }
+            else {
+                (_a = ref.current) === null || _a === void 0 ? void 0 : _a.appendChild(container);
+            }
+        }
+    }, [container, isFullscreen]);
+    if (!container) {
+        return null;
+    }
+    return (_jsx("div", { ref: ref, style: { display: 'contents' }, children: _jsx(Portal, { container: container, children: _jsxs("div", { className: b({ fullscreen: isFullscreen }, className), children: [_jsx(Button, { onClick: onDisableFullScreen, view: "raised", className: b('close-button'), children: _jsx(Icon, { data: disableFullscreenIcon }) }), children] }) }) }));
 }
 export default Fullscreen;

package/dist/components/Fullscreen/Fullscreen.scss

@@ -1,20 +1,28 @@
-.kv-fullscreen {
-    // should expand to fill the content area, keeping aside navigation visible
-    // counts on .gn-aside-header__content to have position: relative, it is set in App.scss
-    position: absolute;
-    z-index: 10;
-    inset: 0;
-
+.ydb-fullscreen {
     display: flex;
     overflow: hidden;
     flex-grow: 1;
 
-    background-color: var(--g-color-base-background);
+    &_fullscreen {
+        // should expand to fill the content area, keeping aside navigation visible
+        // counts on .gn-aside-header__content to have position: relative, it is set in App.scss
+        position: absolute;
+        z-index: 10;
+        inset: 0;
+
+        background-color: var(--g-color-base-background);
+    }
 
     &__close-button {
         position: fixed;
         z-index: 11;
         top: 8px;
         right: 20px;
+
+        display: none;
+    }
+
+    &_fullscreen &__close-button {
+        display: block;
     }
 }

package/dist/components/Graph/Graph.d.ts

@@ -0,0 +1,13 @@
+import type { Data, GraphNode, Options, Shapes } from '@gravity-ui/paranoid';
+interface GraphProps<T> {
+    data: Data<T>;
+    opts?: Options;
+    shapes?: Shapes;
+}
+export declare function Graph<T>(props: GraphProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const renderExplainNode: (node: GraphNode) => string;
+interface YDBGraphProps<T> {
+    data: Data<T>;
+}
+export declare function YDBGraph<T>(props: YDBGraphProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/Graph.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { getTopology, getYdbPlanNodeShape } from '@gravity-ui/paranoid';
+export function Graph(props) {
+    const containerRef = React.useRef(null);
+    const containerId = React.useId();
+    const { data, opts, shapes } = props;
+    React.useEffect(() => {
+        const graphRoot = containerRef.current;
+        if (!graphRoot) {
+            return undefined;
+        }
+        graphRoot.innerHTML = '';
+        // set width and height to screen size to make a canvas bigger then the container
+        graphRoot.style.setProperty('width', '100vw');
+        graphRoot.style.setProperty('height', '100vh');
+        const topology = getTopology(graphRoot.id, data, opts, shapes);
+        topology.render();
+        graphRoot.style.setProperty('width', '100%');
+        graphRoot.style.setProperty('height', '100%');
+        return () => {
+            topology.destroy();
+        };
+    }, [data, opts, shapes]);
+    return _jsx("div", { id: containerId, ref: containerRef, style: { overflow: 'auto' } });
+}
+export const renderExplainNode = (node) => {
+    const parts = node.name.split('|');
+    return parts.length > 1 ? parts[1] : node.name;
+};
+const schemaOptions = {
+    renderNodeTitle: renderExplainNode,
+    textOverflow: 'normal',
+    initialZoomFitsCanvas: true,
+};
+const schemaShapes = {
+    node: getYdbPlanNodeShape,
+};
+export function YDBGraph(props) {
+    return _jsx(Graph, { ...props, opts: schemaOptions, shapes: schemaShapes });
+}

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

@@ -1,8 +1,11 @@
+import type { ButtonProps } from '@gravity-ui/uikit';
 interface LabelWithPopoverProps {
     text: React.ReactNode;
     popoverContent: React.ReactNode;
+    popoverClassName?: string;
     className?: string;
     contentClassName?: string;
+    buttonProps?: ButtonProps;
 }
-export declare const LabelWithPopover: ({ text, popoverContent, className, contentClassName, }: LabelWithPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelWithPopover: ({ text, popoverContent, popoverClassName, className, contentClassName, buttonProps, }: LabelWithPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LabelWithPopover/LabelWithPopover.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HelpPopover } from '@gravity-ui/components';
-export const LabelWithPopover = ({ text, popoverContent, className, contentClassName, }) => (_jsxs("div", { className: className, children: [text, '\u00a0', _jsx(HelpPopover, { content: popoverContent, contentClassName: contentClassName })] }));
+export const LabelWithPopover = ({ text, popoverContent, popoverClassName, className, contentClassName, buttonProps, }) => (_jsxs("div", { className: className, children: [text, '\u00a0', _jsx(HelpPopover, { className: popoverClassName, buttonProps: buttonProps, content: popoverContent, contentClassName: contentClassName })] }));

package/dist/components/Loader/Loader.d.ts

@@ -2,7 +2,8 @@ import type { LoaderSize } from '@gravity-ui/uikit';
 import './Loader.scss';
 interface LoaderProps {
     size?: LoaderSize;
+    delay?: number;
     className?: string;
 }
-export declare const Loader: ({ size, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loader: ({ size, delay, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Loader/Loader.js

@@ -1,8 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Loader as KitLoader } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
+import { useDelayed } from '../../utils/hooks/useDelayed';
 import './Loader.scss';
 const b = cn('ydb-loader');
-export const Loader = ({ size = 'm', className }) => {
+export const Loader = ({ size = 'm', delay = 600, className }) => {
+    const show = useDelayed(delay);
+    if (!show) {
+        return null;
+    }
     return (_jsx("div", { className: b(null, className), children: _jsx(KitLoader, { size: size }) }));
 };

package/dist/components/LoaderWrapper/LoaderWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { LoaderSize } from '@gravity-ui/uikit';
+interface LoaderWrapperProps {
+    loading?: boolean;
+    size?: LoaderSize;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function LoaderWrapper({ loading, size, className, children }: LoaderWrapperProps): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/components/LoaderWrapper/LoaderWrapper.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader } from '../Loader/Loader';
+export function LoaderWrapper({ loading, size = 'm', className, children }) {
+    if (loading) {
+        return _jsx(Loader, { size: size, className: className });
+    }
+    return children;
+}

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

@@ -1,4 +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" | "PDiskData", import("./types").PreparedMetricsData | undefined, "api">;
-}, "api", "All" | "PDiskData", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
+    getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "All" | "PDiskData" | "UserData", import("./types").PreparedMetricsData | undefined, "api">;
+}, "api", "All" | "PDiskData" | "UserData", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;

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

@@ -3,11 +3,11 @@ import './PDiskInfo.scss';
 interface GetPDiskInfoOptions<T extends PreparedPDisk> {
     pDisk?: T;
     nodeId?: number | string | null;
-    isPDiskPage?: boolean;
+    withPDiskPageLink?: boolean;
     isUserAllowedToMakeChanges?: boolean;
 }
 interface PDiskInfoProps<T extends PreparedPDisk> extends GetPDiskInfoOptions<T> {
     className?: string;
 }
-export declare function PDiskInfo<T extends PreparedPDisk>({ pDisk, nodeId, isPDiskPage, className, }: PDiskInfoProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function PDiskInfo<T extends PreparedPDisk>({ pDisk, nodeId, withPDiskPageLink, className, }: PDiskInfoProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PDiskInfo/PDiskInfo.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getPDiskPagePath } from '../../routes';
+import { selectIsUserAllowedToMakeChanges } from '../../store/reducers/authentication/authentication';
+import { useDiskPagesAvailable } from '../../store/reducers/capabilities/hooks';
 import { valueIsDefined } from '../../utils';
 import { formatBytes } from '../../utils/bytesParsers';
 import { cn } from '../../utils/cn';
@@ -14,7 +16,7 @@ import { pDiskInfoKeyset } from './i18n';
 import './PDiskInfo.scss';
 const b = cn('ydb-pdisk-info');
 // eslint-disable-next-line complexity
-function getPDiskInfo({ pDisk, nodeId, isPDiskPage = false, isUserAllowedToMakeChanges, }) {
+function getPDiskInfo({ pDisk, nodeId, withPDiskPageLink, isUserAllowedToMakeChanges, }) {
     const { PDiskId, Path, Guid, Category, Type, Device, Realtime, State, SerialNumber, TotalSize, AllocatedSize, DecommitStatus, StatusV2, NumActiveSlots, ExpectedSlotCount, LogUsedSize, LogTotalSize, SystemSize, SharedWithOs, } = pDisk || {};
     const generalInfo = [];
     if (valueIsDefined(DecommitStatus)) {
@@ -88,7 +90,7 @@ function getPDiskInfo({ pDisk, nodeId, isPDiskPage = false, isUserAllowedToMakeC
         });
     }
     const additionalInfo = [];
-    const shouldDisplayLinks = (!isPDiskPage || isUserAllowedToMakeChanges) &&
+    const shouldDisplayLinks = (withPDiskPageLink || isUserAllowedToMakeChanges) &&
         valueIsDefined(PDiskId) &&
         valueIsDefined(nodeId);
     if (shouldDisplayLinks) {
@@ -99,17 +101,18 @@ function getPDiskInfo({ pDisk, nodeId, isPDiskPage = false, isUserAllowedToMakeC
         });
         additionalInfo.push({
             label: pDiskInfoKeyset('links'),
-            value: (_jsxs("span", { className: b('links'), children: [!isPDiskPage && (_jsx(LinkWithIcon, { title: pDiskInfoKeyset('pdisk-page'), url: pDiskPagePath, external: false })), isUserAllowedToMakeChanges && (_jsx(LinkWithIcon, { title: pDiskInfoKeyset('developer-ui'), url: pDiskInternalViewerPath }))] })),
+            value: (_jsxs("span", { className: b('links'), children: [withPDiskPageLink && (_jsx(LinkWithIcon, { title: pDiskInfoKeyset('pdisk-page'), url: pDiskPagePath, external: false })), isUserAllowedToMakeChanges && (_jsx(LinkWithIcon, { title: pDiskInfoKeyset('developer-ui'), url: pDiskInternalViewerPath }))] })),
         });
     }
     return [generalInfo, statusInfo, spaceInfo, additionalInfo];
 }
-export function PDiskInfo({ pDisk, nodeId, isPDiskPage = false, className, }) {
-    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
+export function PDiskInfo({ pDisk, nodeId, withPDiskPageLink, className, }) {
+    const isUserAllowedToMakeChanges = useTypedSelector(selectIsUserAllowedToMakeChanges);
+    const diskPagesAvailable = useDiskPagesAvailable();
     const [generalInfo, statusInfo, spaceInfo, additionalInfo] = getPDiskInfo({
         pDisk,
         nodeId,
-        isPDiskPage,
+        withPDiskPageLink: withPDiskPageLink && diskPagesAvailable,
         isUserAllowedToMakeChanges,
     });
     return (_jsxs("div", { className: b('wrapper', className), children: [_jsxs("div", { className: b('col'), children: [_jsx(InfoViewer, { info: generalInfo, renderEmptyState: () => null }), _jsx(InfoViewer, { info: spaceInfo, renderEmptyState: () => null })] }), _jsxs("div", { className: b('col'), children: [_jsx(InfoViewer, { info: statusInfo, renderEmptyState: () => null }), _jsx(InfoViewer, { info: additionalInfo, renderEmptyState: () => null })] })] }));

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

@@ -1 +1 @@
-export declare const pDiskInfoKeyset: (key: "path" | "space" | "type" | "state" | "yes" | "links" | "decomission-status" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "device" | "realtime" | "slots" | "log-size" | "system-size" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const pDiskInfoKeyset: (key: "type" | "path" | "space" | "state" | "yes" | "links" | "decomission-status" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "device" | "realtime" | "slots" | "log-size" | "system-size" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/ProgressViewer/ProgressViewer.js

@@ -32,6 +32,9 @@ export function ProgressViewer({ value, capacity, formatValues = defaultFormatVa
         else if (fillWidth > dangerThreshold) {
             status = inverseColorize ? 'good' : 'danger';
         }
+        if (!isNumeric(capacity)) {
+            fillWidth = 100;
+        }
     }
     const lineStyle = {
         width: fillWidth + '%',

package/dist/components/QueryExecutionStatus/QueryExecutionStatus.js

@@ -1,10 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CircleCheck, CircleQuestionFill, CircleXmark } from '@gravity-ui/icons';
-import { Icon } from '@gravity-ui/uikit';
+import { CircleCheck, CircleInfo, CircleQuestionFill, CircleXmark } from '@gravity-ui/icons';
+import { Icon, Tooltip } from '@gravity-ui/uikit';
 import { isAxiosError } from 'axios';
+import i18n from '../../containers/Tenant/Query/i18n';
 import { cn } from '../../utils/cn';
+import { useChangedQuerySettings } from '../../utils/hooks/useChangedQuerySettings';
+import QuerySettingsDescription from '../QuerySettingsDescription/QuerySettingsDescription';
 import './QueryExecutionStatus.scss';
 const b = cn('kv-query-execution-status');
+const QuerySettingsIndicator = () => {
+    const { isIndicatorShown, changedLastExecutionSettingsDescriptions } = useChangedQuerySettings();
+    if (!isIndicatorShown) {
+        return null;
+    }
+    return (_jsx(Tooltip, { openDelay: 0, content: _jsx(QuerySettingsDescription, { prefix: i18n('banner.query-settings.message'), querySettings: changedLastExecutionSettingsDescriptions }), children: _jsx(Icon, { data: CircleInfo, className: b('query-settings-icon') }) }));
+};
 export const QueryExecutionStatus = ({ className, error }) => {
     let icon;
     let label;
@@ -17,5 +27,5 @@ export const QueryExecutionStatus = ({ className, error }) => {
         icon = (_jsx(Icon, { data: hasError ? CircleXmark : CircleCheck, className: b('result-status-icon', { error: hasError }) }));
         label = hasError ? 'Failed' : 'Completed';
     }
-    return (_jsxs("div", { className: b(null, className), children: [icon, label] }));
+    return (_jsxs("div", { className: b(null, className), children: [icon, label, _jsx(QuerySettingsIndicator, {})] }));
 };

package/dist/components/QueryExecutionStatus/QueryExecutionStatus.scss

@@ -10,4 +10,8 @@
             color: var(--g-color-text-danger);
         }
     }
+
+    &__query-settings-icon {
+        color: var(--g-color-text-hint);
+    }
 }

package/dist/components/QuerySettingsDescription/QuerySettingsDescription.d.ts

@@ -0,0 +1,7 @@
+import './QuerySettingsDescription.scss';
+interface QuerySettingsDescriptionProps {
+    prefix: string;
+    querySettings: Record<string, string>;
+}
+declare const QuerySettingsDescription: ({ querySettings, prefix }: QuerySettingsDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export default QuerySettingsDescription;

package/dist/components/QuerySettingsDescription/QuerySettingsDescription.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import './QuerySettingsDescription.scss';
+const b = cn('ydb-query-settings-description');
+const QuerySettingsDescription = ({ querySettings, prefix }) => {
+    return (_jsxs("div", { className: b('message'), children: [prefix, Object.entries(querySettings).map(([key, value], index, arr) => (_jsxs("span", { className: b('description-item'), children: [`${key}: ${value}`, index < arr.length - 1 ? ', ' : null] }, index)))] }));
+};
+export default QuerySettingsDescription;

package/dist/components/QuerySettingsDescription/QuerySettingsDescription.scss

@@ -0,0 +1,8 @@
+.ydb-query-settings-description {
+    &__message {
+        display: flex;
+        flex-wrap: wrap;
+
+        white-space: pre;
+    }
+}

package/dist/components/QuerySettingsDescription/index.d.ts

@@ -0,0 +1 @@
+export * from './QuerySettingsDescription';

package/dist/components/QuerySettingsDescription/index.js

@@ -0,0 +1 @@
+export * from './QuerySettingsDescription';