ydb-embedded-ui 16.2.0 → 16.4.0

package/dist/components/Drawer/Drawer.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Xmark } from '@gravity-ui/icons';
-import { DrawerItem, Drawer as GravityDrawer } from '@gravity-ui/navigation';
-import { ActionTooltip, Button, Flex, Icon, Text } from '@gravity-ui/uikit';
+import { ActionTooltip, Button, Flex, Drawer as GravityDrawer, Icon, Text } from '@gravity-ui/uikit';
 import { debounce } from 'lodash';
 import { cn } from '../../utils/cn';
 import { useSetting } from '../../utils/hooks/useSetting';
 import { CopyLinkButton } from '../CopyLinkButton/CopyLinkButton';
-import { Portal } from '../Portal/Portal';
 import { useDrawerContext } from './DrawerContext';
 import { normalizeDrawerWidthFromResize, normalizeDrawerWidthFromSavedString, } from './DrawerWidthUtils';
 import './Drawer.scss';
@@ -39,23 +37,28 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
         }
         return drawerWidth || DEFAULT_DRAWER_WIDTH;
     }, [containerWidth, isPercentageWidth, drawerWidth]);
+    const drawerOverlayStyle = React.useMemo(() => {
+        return containerWidth > 0 ? { width: containerWidth } : undefined;
+    }, [containerWidth]);
     React.useEffect(() => {
-        if (!detectClickOutside) {
+        if (!detectClickOutside || !isVisible) {
             return undefined;
         }
         const handleClickOutside = (event) => {
-            //skip if event is captured inside drawer or not triggered by user
             if (event._capturedInsideDrawer || !event.isTrusted) {
                 return;
             }
-            if (isVisible &&
-                drawerRef.current &&
-                !drawerRef.current.contains(event.target)) {
+            if (drawerRef.current && !drawerRef.current.contains(event.target)) {
                 onClose();
             }
         };
-        document.addEventListener('click', handleClickOutside);
+        // Keep the document listener in the bubble phase so row clicks may stop propagation
+        // and switch drawer content without closing it. Attach it after the opening click.
+        const listenerTimeoutId = window.setTimeout(() => {
+            document.addEventListener('click', handleClickOutside);
+        }, 0);
         return () => {
+            window.clearTimeout(listenerTimeoutId);
             document.removeEventListener('click', handleClickOutside);
         };
     }, [isVisible, onClose, detectClickOutside]);
@@ -67,7 +70,7 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
             saveWidthDebounced.cancel();
         };
     }, [saveWidthDebounced]);
-    const handleResizeDrawer = (width) => {
+    const handleResizeDrawer = React.useCallback((width) => {
         const normalized = normalizeDrawerWidthFromResize({
             resizedWidthPx: width,
             isPercentageWidth,
@@ -75,7 +78,12 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
         });
         setUserDrawerWidth(normalized.drawerWidth);
         saveWidthDebounced(normalized.savedWidthString);
-    };
+    }, [containerWidth, isPercentageWidth, saveWidthDebounced]);
+    const handleOpenChange = React.useCallback((open) => {
+        if (!open) {
+            onClose();
+        }
+    }, [onClose]);
     const handleClickInsideDrawer = (event) => {
         const nativeEvent = event.nativeEvent;
         nativeEvent._capturedInsideDrawer = true;
@@ -84,14 +92,18 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
     if (!itemContainer) {
         return null;
     }
-    return (_jsx(Portal, { container: itemContainer, children: _jsx(GravityDrawer, { onEscape: onClose, onVeilClick: onClose, hideVeil: hideVeil, className: b('container', className), children: _jsx(DrawerItem, { id: drawerId, visible: isVisible, resizable: true, maxResizeWidth: containerWidth, width: calculatedWidth, onResize: handleResizeDrawer, direction: direction, className: b('item'), ref: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }) }) }));
+    return (_jsx(GravityDrawer, { qa: drawerId, open: isVisible, onOpenChange: handleOpenChange, placement: direction, hideVeil: hideVeil, className: b('container', className), contentClassName: b('item'), style: drawerOverlayStyle, container: itemContainer, resizable: true, maxSize: containerWidth || undefined, size: calculatedWidth, onResizeEnd: handleResizeDrawer, disableBodyScrollLock: true, disableOutsideClick: detectClickOutside, floatingRef: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }));
 };
 export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls = [], title, headerClassName, hideVeil, }) => {
+    const onCloseDrawerRef = React.useRef(onCloseDrawer);
+    React.useEffect(() => {
+        onCloseDrawerRef.current = onCloseDrawer;
+    }, [onCloseDrawer]);
     React.useEffect(() => {
         return () => {
-            onCloseDrawer();
+            onCloseDrawerRef.current();
         };
-    }, [onCloseDrawer]);
+    }, []);
     const renderDrawerHeader = () => {
         const controls = [];
         for (const control of drawerControls) {

package/dist/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer/Drawer.scss

@@ -3,10 +3,38 @@
         --gn-drawer-item-position: absolute;
         position: relative;
 
+        display: flex;
         overflow: hidden;
+        flex: 1 1 0;
+        flex-direction: column;
 
         width: 100%;
+        min-width: 0;
         height: 100%;
+        min-height: 0;
+        max-height: 100%;
+    }
+
+    &__drawer-container > :not(&__item-container) {
+        flex: 1 1 auto;
+
+        min-width: 0;
+        min-height: 0;
+    }
+
+    &__container {
+        position: absolute !important;
+        z-index: var(--ydb-drawer-veil-z-index);
+        inset-block: 0 !important;
+        inset-inline: 0 auto !important;
+
+        overflow: hidden;
+
+        width: 100%;
+    }
+
+    &__container[data-floating-ui-status='initial'] {
+        pointer-events: none;
     }
 
     &__item {
@@ -15,6 +43,16 @@
         height: 100%;
     }
 
+    &__item-container {
+        position: absolute;
+        inset-block: 0;
+        inset-inline-start: 0;
+
+        width: 100%;
+
+        pointer-events: none;
+    }
+
     &__controls {
         margin-left: auto;
     }
@@ -36,8 +74,6 @@
         flex-direction: column;
 
         height: 100%;
-        //split-pane resizer size
-        margin-left: var(--g-spacing-2);
     }
     &__click-handler {
         display: contents;

package/dist/components/Drawer/DrawerContext.js

@@ -18,7 +18,11 @@ export const DrawerContextProvider = ({ children, className }) => {
         }
         const updateWidth = () => {
             if (containerRef.current) {
-                setContainerWidth(containerRef.current.clientWidth);
+                const containerRect = containerRef.current.getBoundingClientRect();
+                const visibleLeft = Math.max(containerRect.left, 0);
+                const visibleRight = Math.min(containerRect.right, window.innerWidth);
+                const visibleWidth = Math.max(0, visibleRight - visibleLeft);
+                setContainerWidth(visibleWidth || containerRef.current.clientWidth);
             }
         };
         // Set initial width
@@ -27,9 +31,7 @@ export const DrawerContextProvider = ({ children, className }) => {
         const resizeObserver = new ResizeObserver(updateWidth);
         resizeObserver.observe(containerRef.current);
         return () => {
-            if (containerRef.current) {
-                resizeObserver.disconnect();
-            }
+            resizeObserver.disconnect();
         };
     }, []);
     // Memoize the context value to prevent unnecessary re-renders

package/dist/components/Drawer/DrawerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAQ3B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAoB;IACzD,cAAc,EAAE,CAAC;IACjB,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA6B,EAAE,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACxD,CAAC;QACL,CAAC,CAAC;QAEF,oBAAoB;QACpB,WAAW,EAAE,CAAC;QAEd,yBAAyB;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACR,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,cAAc,CAAC,UAAU,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACH,cAAc;QACd,iBAAiB;QACjB,gBAAgB;KACnB,CAAC,EACF,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,eAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAC9D,QAAQ,EAKT,cAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,IAC5D,GACe,CAC5B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAsB,EAAE;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
+{"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAQ3B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAoB;IACzD,cAAc,EAAE,CAAC;IACjB,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA6B,EAAE,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBACnE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACpD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;gBACtE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;gBAE7D,iBAAiB,CAAC,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACxE,CAAC;QACL,CAAC,CAAC;QAEF,oBAAoB;QACpB,WAAW,EAAE,CAAC;QAEd,yBAAyB;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACR,cAAc,CAAC,UAAU,EAAE,CAAC;QAChC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACH,cAAc;QACd,iBAAiB;QACjB,gBAAgB;KACnB,CAAC,EACF,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,eAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAC9D,QAAQ,EAKT,cAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,IAC5D,GACe,CAC5B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAsB,EAAE;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

package/dist/containers/App/App.scss

@@ -104,20 +104,6 @@ body,
     color: var(--g-color-text-secondary);
 }
 
-.gn-aside-header__pane-container {
-    height: 100%;
-}
-
-.gn-aside-header__content {
-    position: relative;
-
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-
-    height: 100%;
-}
-
 .loader {
     @include mixins.loader();
 }

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { MenuItem } from '@gravity-ui/navigation';
+import type { AsideHeaderItem } from '@gravity-ui/navigation';
 import type { IconData } from '@gravity-ui/uikit';
 import './AsideNavigation.scss';
 export interface AsideNavigationProps {
     settings: JSX.Element;
     ydbInternalUser: JSX.Element;
-    menuItems?: MenuItem[];
+    menuItems?: AsideHeaderItem[];
     content: React.ReactNode;
     user?: {
         login: string;

package/dist/containers/AsideNavigation/AsideNavigation.js

@@ -18,13 +18,11 @@ function UserDropdown({ isCompact, popupAnchor, user, children }) {
     var _a;
     const [isUserDropdownVisible, setIsUserDropdownVisible] = React.useState(false);
     const iconData = user ? ((_a = user.icon) !== null && _a !== void 0 ? _a : Person) : userSecret;
-    return (_jsx(FooterItem, { compact: isCompact, item: {
-            id: 'user-popup',
-            title: (user === null || user === void 0 ? void 0 : user.login) ? user.login : i18n('navigation-item.account'),
-            current: isUserDropdownVisible,
-            icon: iconData,
-            onItemClick: () => setIsUserDropdownVisible((v) => !v),
-        }, enableTooltip: !isUserDropdownVisible, popupAnchor: popupAnchor, popupVisible: isUserDropdownVisible, onClosePopup: () => setIsUserDropdownVisible(false), renderPopupContent: () => _jsx("div", { className: b('ydb-user-wrapper'), children: children }) }));
+    return (_jsx(FooterItem, { compact: isCompact, id: "user-popup", title: (user === null || user === void 0 ? void 0 : user.login) ? user.login : i18n('navigation-item.account'), current: isUserDropdownVisible, icon: iconData, qa: "aside-user", onItemClick: () => setIsUserDropdownVisible((v) => !v), enableTooltip: !isUserDropdownVisible, popupRef: popupAnchor, popupVisible: isUserDropdownVisible, onOpenChangePopup: (open) => {
+            if (!open) {
+                setIsUserDropdownVisible(false);
+            }
+        }, renderPopupContent: () => (_jsx("div", { className: b('ydb-user-wrapper'), "data-qa": "aside-user-popup", children: children })) }));
 }
 var Panel;
 (function (Panel) {
@@ -59,29 +57,33 @@ export function AsideNavigation(props) {
     const renderInformationPopup = () => {
         return _jsx(InformationPopup, { onKeyboardShortcutsClick: openHotkeysPanel });
     };
-    return (_jsx(React.Fragment, { children: _jsx(AsideHeader, { logo: {
+    const renderContent = React.useCallback(() => {
+        return _jsx("div", { className: b('content'), children: props.content });
+    }, [props.content]);
+    const renderLogo = React.useCallback((node) => {
+        if (!React.isValidElement(node)) {
+            return node;
+        }
+        return React.cloneElement(node, {
+            'data-qa': 'aside-logo',
+        });
+    }, []);
+    return (_jsx(React.Fragment, { children: _jsx(AsideHeader, { qa: "aside-navigation", logo: {
                 text: 'YDB',
                 icon: ydbLogoIcon,
                 onClick: () => history.push('/'),
-            }, menuItems: props.menuItems, compact: compact, onChangeCompact: setIsCompact, multipleTooltip: true, className: b(null, props.className), renderContent: () => props.content, renderFooter: ({ compact: footerCompact, asideRef }) => {
+                wrapper: renderLogo,
+            }, menuItems: props.menuItems, compact: compact, onChangeCompact: setIsCompact, multipleTooltip: true, className: b(null, props.className), renderContent: renderContent, renderFooter: ({ compact: footerCompact, asideRef }) => {
                 const defaultFooterItems = [
-                    _jsx(FooterItem, { compact: footerCompact, item: {
-                            id: 'information',
-                            title: i18n('navigation-item.information'),
-                            icon: CircleQuestion,
-                            current: informationPopupVisible,
-                            onItemClick: toggleInformationPopup,
-                        }, enableTooltip: !informationPopupVisible, popupVisible: informationPopupVisible, onClosePopup: closeInformationPopup, renderPopupContent: renderInformationPopup }, "information"),
-                    _jsx(FooterItem, { item: {
-                            id: 'user-settings',
-                            title: i18n('navigation-item.settings'),
-                            icon: Gear,
-                            current: visiblePanel === Panel.UserSettings,
-                            onItemClick: () => {
-                                setVisiblePanel(visiblePanel === Panel.UserSettings
-                                    ? undefined
-                                    : Panel.UserSettings);
-                            },
+                    _jsx(FooterItem, { compact: footerCompact, id: "information", title: i18n('navigation-item.information'), icon: CircleQuestion, current: informationPopupVisible, qa: "aside-information", onItemClick: toggleInformationPopup, enableTooltip: !informationPopupVisible, popupVisible: informationPopupVisible, onOpenChangePopup: (open) => {
+                            if (!open) {
+                                closeInformationPopup();
+                            }
+                        }, renderPopupContent: renderInformationPopup }, "information"),
+                    _jsx(FooterItem, { id: "user-settings", title: i18n('navigation-item.settings'), icon: Gear, current: visiblePanel === Panel.UserSettings, qa: "aside-settings", onItemClick: () => {
+                            setVisiblePanel(visiblePanel === Panel.UserSettings
+                                ? undefined
+                                : Panel.UserSettings);
                         }, compact: footerCompact }, "user-settings"),
                     _jsx(UserDropdown, { isCompact: footerCompact, popupAnchor: asideRef, user: props.user, children: props.ydbInternalUser }, "user-dropdown"),
                 ];
@@ -94,18 +96,19 @@ export function AsideNavigation(props) {
             }, panelItems: [
                 {
                     id: 'user-settings',
-                    visible: visiblePanel === Panel.UserSettings,
-                    content: props.settings,
+                    open: visiblePanel === Panel.UserSettings,
+                    size: 'auto',
+                    children: props.settings,
                 },
                 {
                     id: 'information',
-                    visible: visiblePanel === Panel.Information,
+                    open: visiblePanel === Panel.Information,
                 },
                 {
                     id: 'hotkeys',
-                    visible: visiblePanel === Panel.Hotkeys,
+                    open: visiblePanel === Panel.Hotkeys,
                     keepMounted: true,
-                    content: renderHotkeysPanel(),
+                    children: renderHotkeysPanel(),
                 },
             ], onClosePanel: closePanel }) }));
 }

package/dist/containers/AsideNavigation/AsideNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideNavigation.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/AsideNavigation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AsideNavigation.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/AsideNavigation.tsx"],"names":[],"mappings":"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"}

package/dist/containers/AsideNavigation/AsideNavigation.scss

@@ -1,4 +1,14 @@
 .kv-navigation {
+    &__content {
+        position: relative;
+
+        display: flex;
+        overflow: auto;
+        flex-direction: column;
+
+        height: 100%;
+    }
+
     &__internal-user {
         display: flex;
         justify-content: space-between;

package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js

@@ -7,11 +7,11 @@ import i18n from '../i18n';
 import './InformationPopup.scss';
 const b = cn('information-popup');
 export function InformationPopup({ onKeyboardShortcutsClick }) {
-    return (_jsxs("div", { className: b('content', {}), children: [_jsxs("div", { className: b('docs'), children: [_jsx(Text, { variant: "subheader-3", color: "primary", className: b('title'), children: "Documentation" }), _jsx("div", { className: b('docs-list-wrap'), children: _jsx(List, { items: [
+    return (_jsxs("div", { className: b('content', {}), "data-qa": "information-popup", children: [_jsxs("div", { className: b('docs'), children: [_jsx(Text, { variant: "subheader-3", color: "primary", className: b('title'), children: "Documentation" }), _jsx("div", { className: b('docs-list-wrap'), children: _jsx(List, { items: [
                                 {
                                     text: i18n('help-center.item.documentation'),
                                     url: 'https://ydb.tech/docs',
                                 },
-                            ], filterable: false, virtualized: false, renderItem: ({ text, url }) => (_jsx(Link, { className: b('docs-link'), rel: "noopener", target: "_blank", href: url, title: typeof text === 'string' ? text : undefined, children: text })), itemClassName: b('item') }) })] }), _jsx("div", { className: b('footer'), children: _jsxs(Flex, { justifyContent: "space-between", className: b('shortcuts-item'), onClick: onKeyboardShortcutsClick, children: [_jsxs(Flex, { alignItems: "center", children: [_jsx("div", { className: b('item-icon-wrap'), children: _jsx(Icon, { data: Keyboard }) }), i18n('help-center.footer.shortcuts')] }), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }) })] }));
+                            ], filterable: false, virtualized: false, renderItem: ({ text, url }) => (_jsx(Link, { className: b('docs-link'), rel: "noopener", target: "_blank", href: url, title: typeof text === 'string' ? text : undefined, children: text })), itemClassName: b('item') }) })] }), _jsx("div", { className: b('footer'), children: _jsxs(Flex, { justifyContent: "space-between", className: b('shortcuts-item'), qa: "information-popup-hotkeys", onClick: onKeyboardShortcutsClick, children: [_jsxs(Flex, { alignItems: "center", children: [_jsx("div", { className: b('item-icon-wrap'), children: _jsx(Icon, { data: Keyboard }) }), i18n('help-center.footer.shortcuts')] }), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }) })] }));
 }
 //# sourceMappingURL=InformationPopup.js.map

package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationPopup.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/InformationPopup/InformationPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAMlC,MAAM,UAAU,gBAAgB,CAAC,EAAC,wBAAwB,EAAwB;IAC9E,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAC5B,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,8BAE1D,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IACD,KAAK,EAAE;gCACH;oCACI,IAAI,EAAE,IAAI,CAAC,gCAAgC,CAAC;oCAC5C,GAAG,EAAE,uBAAuB;iCAC/B;6BACJ,EACD,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAEjD,IAAI,GACF,CACV,EACD,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,GAC1B,GACA,IACJ,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,MAAC,IAAI,IACD,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,OAAO,EAAE,wBAAwB,aAEjC,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,aACrB,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,GACtB,EACL,IAAI,CAAC,8BAA8B,CAAC,IAClC,EACP,KAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,GAAI,IAChC,GACL,IACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"InformationPopup.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/InformationPopup/InformationPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAMlC,MAAM,UAAU,gBAAgB,CAAC,EAAC,wBAAwB,EAAwB;IAC9E,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAU,mBAAmB,aACzD,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,8BAE1D,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IACD,KAAK,EAAE;gCACH;oCACI,IAAI,EAAE,IAAI,CAAC,gCAAgC,CAAC;oCAC5C,GAAG,EAAE,uBAAuB;iCAC/B;6BACJ,EACD,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAEjD,IAAI,GACF,CACV,EACD,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,GAC1B,GACA,IACJ,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,MAAC,IAAI,IACD,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,EAAE,EAAC,2BAA2B,EAC9B,OAAO,EAAE,wBAAwB,aAEjC,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,aACrB,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,GACtB,EACL,IAAI,CAAC,8BAA8B,CAAC,IAClC,EACP,KAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,GAAI,IAChC,GACL,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/containers/AsideNavigation/Navigation.js

@@ -47,12 +47,12 @@ export function Navigation({ children, userSettings }) {
             // span2: wrapper with additional background and animation
             // span3: styling-only wrapper for active/hover colors.
             //   The actual interactive element is the <a> produced by makeItem
-            //   (because we pass `link` on the MenuItem), so we don't wrap it in
+            //   (because we pass `href` on the AsideHeaderItem), so we don't wrap it in
             //   another <a>/button — that would create nested interactive content.
             return (_jsx("span", { className: b('nav-item-wrapper'), children: _jsx("span", { className: b('nav-item-bg', wrapperCnParams), children: _jsx("span", { className: b('button-wrapper', buttonCnParams), children: makeItem(makeItemParams) }) }) }));
         };
         return tenantNavigationItems.map((item) => {
-            // makeItem renders the inner element as <a href={item.link}> when `link`
+            // makeItem renders the inner element as <a href={item.href}> when `href`
             // is set, which gives us real link semantics for free (hover preview,
             // cmd+click → open in new tab, copy link address, right-click menu).
             // The onItemClick handler still fires on every primary click and lets us
@@ -71,7 +71,7 @@ export function Navigation({ children, userSettings }) {
                 title: item.title,
                 icon: item.icon,
                 current: item.current,
-                link: item.path,
+                href: item.path,
                 onItemClick: handleItemClick,
                 tooltipText: item.title,
                 itemWrapper: (params, makeItem, options) => {

package/dist/containers/AsideNavigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/Navigation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/Navigation.tsx"],"names":[],"mappings":"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"}

package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.js

@@ -60,7 +60,7 @@ export const HotkeysPanelWrapper = ({ visible: propsVisible, closePanel, hotkeyG
     React.useEffect(() => {
         setVisible(propsVisible);
     }, [propsVisible]);
-    return (_jsx(UIKitHotkeysPanel, { visible: visible, hotkeys: hotkeyGroups, className: b('hotkeys-panel'), drawerItemClassName: b('hotkeys-drawer'), title: _jsxs("div", { className: b('hotkeys-panel-title'), children: [i18n('hotkeys.title'), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }), onClose: closePanel }));
+    return (_jsx(UIKitHotkeysPanel, { open: visible, hotkeys: hotkeyGroups, className: b('hotkeys-panel'), drawerItemClassName: b('hotkeys-drawer'), drawerProps: { qa: 'hotkeys-panel' }, title: _jsxs("div", { className: b('hotkeys-panel-title'), children: [i18n('hotkeys.title'), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }), onClose: closePanel }));
 };
 export const useHotkeysPanel = ({ isPanelVisible, openPanel, closePanel, hotkeyGroups = DEFAULT_HOTKEY_GROUPS, }) => {
     React.useEffect(() => {

package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkeysPanel.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/hooks/useHotkeysPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useHotkeysPanel.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/hooks/useHotkeysPanel.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DoughnutMetrics } from '../../../../components/DoughnutMetrics/DoughnutMetrics';
 import { SETTING_KEYS } from '../../../../store/reducers/settings/constants';
-import { formatBytes } from '../../../../utils/bytesParsers';
 import { useSetting } from '../../../../utils/hooks/useSetting';
+import { formatNetworkMetric } from '../../../../utils/metrics/formatMetricLegend';
 import i18n from '../../i18n';
 import { calculateBaseDiagramValues } from '../utils';
 import { ClusterMetricsCardContent } from './ClusterMetricsCard';
-function formatStorageLegend(value) {
-    return formatBytes({ value, withSpeedLabel: true });
-}
 export function ClusterMetricsNetwork({ percentsValue, throughput, collapsed, ...rest }) {
     const [showNetworkUtilization] = useSetting(SETTING_KEYS.SHOW_NETWORK_UTILIZATION);
     if (!showNetworkUtilization) {
@@ -18,7 +15,7 @@ export function ClusterMetricsNetwork({ percentsValue, throughput, collapsed, ..
         fillWidth: percentsValue * 100,
         ...rest,
     });
-    const legend = formatStorageLegend(throughput);
+    const legend = formatNetworkMetric(throughput);
     return (_jsx(ClusterMetricsCardContent, { status: status, fillWidth: fill, title: i18n('title_network'), collapsed: collapsed, legend: {
             main: legend,
             secondary: i18n('context_network'),

package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterMetricsNetwork.js","sourceRoot":"","sources":["../../../../../src/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAC,YAAY,EAAC,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAC;AAC9D,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sBAAsB,CAAC;AAO/D,SAAS,mBAAmB,CAAC,KAAc;IACvC,OAAO,WAAW,CAAC,EAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EAClC,aAAa,EACb,UAAU,EACV,SAAS,EACT,GAAG,IAAI,EACkB;IACzB,MAAM,CAAC,sBAAsB,CAAC,GAAG,UAAU,CAAU,YAAY,CAAC,wBAAwB,CAAC,CAAC;IAC5F,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAC,GAAG,0BAA0B,CAAC;QACxD,SAAS,EAAE,aAAa,GAAG,GAAG;QAC9B,GAAG,IAAI;KACV,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,yBAAyB,IACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC;YAClC,IAAI,EAAE,IAAI,CAAC,6BAA6B,CAAC;SAC5C,YAED,KAAC,eAAe,CAAC,KAAK,cAAE,QAAQ,GAAyB,GACjC,CAC/B,CAAC;AACN,CAAC"}
+{"version":3,"file":"ClusterMetricsNetwork.js","sourceRoot":"","sources":["../../../../../src/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAC,YAAY,EAAC,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAC,mBAAmB,EAAC,MAAM,8CAA8C,CAAC;AACjF,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sBAAsB,CAAC;AAO/D,MAAM,UAAU,qBAAqB,CAAC,EAClC,aAAa,EACb,UAAU,EACV,SAAS,EACT,GAAG,IAAI,EACkB;IACzB,MAAM,CAAC,sBAAsB,CAAC,GAAG,UAAU,CAAU,YAAY,CAAC,wBAAwB,CAAC,CAAC;IAC5F,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAC,GAAG,0BAA0B,CAAC;QACxD,SAAS,EAAE,aAAa,GAAG,GAAG;QAC9B,GAAG,IAAI;KACV,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,yBAAyB,IACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC;YAClC,IAAI,EAAE,IAAI,CAAC,6BAA6B,CAAC;SAC5C,YAED,KAAC,eAAe,CAAC,KAAK,cAAE,QAAQ,GAAyB,GACjC,CAC/B,CAAC;AACN,CAAC"}

package/dist/containers/Cluster/ClusterOverview/shared.d.ts

@@ -4,7 +4,6 @@ export interface ClusterMetricsBaseProps {
     warningThreshold?: number;
     dangerThreshold?: number;
     collapsed?: boolean;
-    percentPrecision?: number;
 }
 export interface ClusterMetricsCommonProps extends ClusterMetricsBaseProps {
     value: number | string;

package/dist/containers/Cluster/ClusterOverview/utils.d.ts

@@ -1,5 +1,5 @@
 import type { ClusterMetricsBaseProps, ClusterMetricsCommonProps } from './shared';
-export declare function calculateBaseDiagramValues({ colorizeProgress, warningThreshold, dangerThreshold, fillWidth, percentPrecision, }: ClusterMetricsBaseProps & {
+export declare function calculateBaseDiagramValues({ colorizeProgress, warningThreshold, dangerThreshold, fillWidth, }: ClusterMetricsBaseProps & {
     fillWidth: number;
 }): {
     status: import("../../../utils/progress").ProgressStatus;

package/dist/containers/Cluster/ClusterOverview/utils.js

@@ -13,7 +13,10 @@ function calculateFillWidth(value, capacity) {
     }
     return (value / capacity) * 100;
 }
-export function calculateBaseDiagramValues({ colorizeProgress = true, warningThreshold, dangerThreshold, fillWidth, percentPrecision, }) {
+function getOverviewMetricPercentPrecision(fillWidth) {
+    return fillWidth > 0 && fillWidth < 1 ? 1 : 0;
+}
+export function calculateBaseDiagramValues({ colorizeProgress = true, warningThreshold, dangerThreshold, fillWidth, }) {
     const normalizedFillWidth = Math.max(fillWidth, 0.5);
     const status = calculateProgressStatus({
         fillWidth,
@@ -21,7 +24,7 @@ export function calculateBaseDiagramValues({ colorizeProgress = true, warningThr
         dangerThreshold,
         colorizeProgress,
     });
-    const percents = formatPercent(fillWidth / 100, percentPrecision);
+    const percents = formatPercent(fillWidth / 100, getOverviewMetricPercentPrecision(fillWidth));
     return { status, percents, fill: normalizedFillWidth };
 }
 export function getDiagramValues({ value, capacity, legendFormatter, ...rest }) {

package/dist/containers/Cluster/ClusterOverview/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterOverview/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,yBAAyB,CAAC;AAIhE,SAAS,iBAAiB,CAAC,KAAsB;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QACnD,OAAO,GAAG,CAAC;IACf,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;AAC5D,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa,EAAE,QAAgB;IACvD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;QACzE,OAAO,CAAC,CAAC;IACb,CAAC;IAED,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,EACvC,gBAAgB,GAAG,IAAI,EACvB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,gBAAgB,GAC4B;IAC5C,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,uBAAuB,CAAC;QACnC,SAAS;QACT,gBAAgB;QAChB,eAAe;QACf,gBAAgB;KACnB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,GAAG,GAAG,EAAE,gBAAgB,CAAC,CAAC;IAElE,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,mBAAmB,EAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,GAAG,IAAI,EAGV;IACG,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAElE,MAAM,MAAM,GAAG,eAAe,CAAC;QAC3B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;KAC3B,CAAC,CAAC;IACH,OAAO;QACH,GAAG,0BAA0B,CAAC;YAC1B,SAAS;YACT,GAAG,IAAI;SACV,CAAC;QACF,MAAM;KACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterOverview/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,yBAAyB,CAAC;AAIhE,SAAS,iBAAiB,CAAC,KAAsB;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QACnD,OAAO,GAAG,CAAC;IACf,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;AAC5D,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa,EAAE,QAAgB;IACvD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;QACzE,OAAO,CAAC,CAAC;IACb,CAAC;IAED,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;AACpC,CAAC;AAED,SAAS,iCAAiC,CAAC,SAAiB;IACxD,OAAO,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,EACvC,gBAAgB,GAAG,IAAI,EACvB,gBAAgB,EAChB,eAAe,EACf,SAAS,GACmC;IAC5C,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,uBAAuB,CAAC;QACnC,SAAS;QACT,gBAAgB;QAChB,eAAe;QACf,gBAAgB;KACnB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,GAAG,GAAG,EAAE,iCAAiC,CAAC,SAAS,CAAC,CAAC,CAAC;IAE9F,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,mBAAmB,EAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,GAAG,IAAI,EAGV;IACG,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAElE,MAAM,MAAM,GAAG,eAAe,CAAC;QAC3B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;KAC3B,CAAC,CAAC;IACH,OAAO;QACH,GAAG,0BAA0B,CAAC;YAC1B,SAAS;YACT,GAAG,IAAI;SACV,CAAC;QACF,MAAM;KACT,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts

@@ -26,5 +26,5 @@ interface GetPagesOptions {
     databasePagesDisplay?: DatabasePagesDisplay;
 }
 export declare const getPagesByType: (type?: EPathType, subType?: EPathSubType, options?: GetPagesOptions) => Page[];
-export declare const useDiagnosticsPageLinkGetter: () => (tab: string, params?: TenantQuery) => string;
+export declare const useDiagnosticsPageLinkGetter: () => (tab: TenantDiagnosticsTab, params?: TenantQuery) => string;
 export {};