ydb-embedded-ui 20.5.0 → 21.1.0

package/dist/components/Graph/treeLayout.js

@@ -0,0 +1,284 @@
+import { prepareBlocks, prepareConnections } from './utils';
+class TreeLayoutEngine {
+    constructor(blocks, connections, options = {}) {
+        this.blocks = new Map(blocks.map((block) => [block.id, { ...block }]));
+        this.connections = connections;
+        // Layout settings
+        this.options = {
+            horizontalSpacing: options.horizontalSpacing || 40, // horizontal distance between blocks
+            padding: 12,
+            verticalSpacing: options.verticalSpacing || 20, // vertical distance between levels
+            ...options,
+        };
+        this.tree = null;
+        this.levels = [];
+    }
+    // Building a tree structure
+    buildTree() {
+        const childrenMap = new Map();
+        const parentMap = new Map();
+        for (const block of this.blocks.values()) {
+            childrenMap.set(block.id, []);
+        }
+        // Setting connections
+        for (const connection of this.connections) {
+            const parent = connection.sourceBlockId;
+            const child = connection.targetBlockId;
+            childrenMap.get(parent).push(child);
+            parentMap.set(child, parent);
+        }
+        // Find root (a node without a parent)
+        const rootId = Array.from(this.blocks.keys()).find((id) => !parentMap.has(id));
+        if (!rootId) {
+            throw new Error('Root node not found');
+        }
+        // Recursively building a tree
+        const buildNode = (nodeId, level = 0) => {
+            const block = this.blocks.get(nodeId);
+            const children = childrenMap
+                .get(nodeId)
+                .map((childId) => buildNode(childId, level + 1));
+            return {
+                id: nodeId,
+                block: block,
+                children: children,
+                level: level,
+                x: 0,
+                y: 0,
+                subtreeWidth: 0,
+            };
+        };
+        this.tree = buildNode(rootId);
+        return this.tree;
+    }
+    // Grouping nodes by levels
+    groupByLevels(node = this.tree, levels = []) {
+        if (!node) {
+            return levels;
+        }
+        if (!levels[node.level]) {
+            levels[node.level] = [];
+        }
+        levels[node.level].push(node);
+        for (const child of node.children) {
+            this.groupByLevels(child, levels);
+        }
+        this.levels = levels;
+        return levels;
+    }
+    // Calculating the width of the subtree for each node
+    calculateSubtreeWidths(node = this.tree) {
+        if (node.children.length === 0) {
+            // Leaf node - width is equal to the width of the block
+            node.subtreeWidth = node.block.width;
+        }
+        else {
+            // Recursively calculating the width for children
+            for (const child of node.children) {
+                this.calculateSubtreeWidths(child);
+            }
+            // Subtree width = sum of the widths of the children's subtrees + the margins between them
+            const childrenWidth = node.children.reduce((sum, child) => sum + child.subtreeWidth, 0);
+            const spacingWidth = (node.children.length - 1) * this.options.horizontalSpacing;
+            const totalChildrenWidth = childrenWidth + spacingWidth;
+            // Subtree width = the maximum of the width of the node itself and the total width of the children
+            node.subtreeWidth = Math.max(node.block.width, totalChildrenWidth);
+        }
+        return node.subtreeWidth;
+    }
+    // Placement of nodes by position
+    positionNodes() {
+        if (!this.tree) {
+            return;
+        }
+        // Calculating the Y coordinates for each level
+        let currentY = 0;
+        const levelY = [];
+        for (let level = 0; level < this.levels.length; level++) {
+            levelY[level] = currentY;
+            // We find the maximum height of the blocks at this level
+            const maxHeight = Math.max(...this.levels[level].map((node) => node.block.height));
+            currentY += maxHeight + this.options.verticalSpacing;
+        }
+        // Recursively placing nodes
+        const positionNode = (node, leftX) => {
+            // Setting the Y coordinate
+            node.y = levelY[node.level];
+            if (node.children.length === 0) {
+                // The leaf node is placed in the current position.
+                node.x = leftX;
+            }
+            else {
+                // Place children
+                let childX = leftX;
+                // If the node width is greater than the total width of the children, add an indentation.
+                const childrenWidth = node.children.reduce((sum, child) => sum + child.subtreeWidth, 0);
+                const spacingWidth = (node.children.length - 1) * this.options.horizontalSpacing;
+                const totalChildrenWidth = childrenWidth + spacingWidth;
+                if (node.block.width > totalChildrenWidth) {
+                    const extraSpace = (node.block.width - totalChildrenWidth) / 2;
+                    childX += extraSpace;
+                }
+                // Place each child
+                for (const child of node.children) {
+                    positionNode(child, childX);
+                    childX += child.subtreeWidth + this.options.horizontalSpacing;
+                }
+                // Center the parent node relative to the children
+                const firstChild = node.children[0];
+                const lastChild = node.children[node.children.length - 1];
+                const childrenCenter = (firstChild.x + lastChild.x + lastChild.block.width) / 2;
+                node.x = childrenCenter - node.block.width / 2;
+            }
+        };
+        positionNode(this.tree, 0);
+    }
+    // Normalization of coordinates with padding from the canvas edges
+    normalizeCoordinates() {
+        if (!this.tree) {
+            return;
+        }
+        const allNodes = [];
+        const collectNodes = (node) => {
+            allNodes.push(node);
+            for (const child of node.children) {
+                collectNodes(child);
+            }
+        };
+        collectNodes(this.tree);
+        const minX = Math.min(...allNodes.map((node) => node.x));
+        const minY = Math.min(...allNodes.map((node) => node.y));
+        const offsetX = this.options.padding - minX;
+        const offsetY = this.options.padding - minY;
+        for (const node of allNodes) {
+            node.x += offsetX;
+            node.y += offsetY;
+        }
+    }
+    // Main method of composition
+    layout() {
+        this.buildTree();
+        this.groupByLevels();
+        this.calculateSubtreeWidths();
+        this.positionNodes();
+        this.normalizeCoordinates();
+        return this.getLayoutResult();
+    }
+    // Getting the result of composition
+    getLayoutResult() {
+        if (!this.tree) {
+            return [];
+        }
+        const result = [];
+        const collectResults = (node) => {
+            result.push({
+                id: node.id,
+                x: node.x,
+                y: node.y,
+                width: node.block.width,
+                height: node.block.height,
+                level: node.level,
+                ...node.block,
+            });
+            for (const child of node.children) {
+                collectResults(child);
+            }
+        };
+        collectResults(this.tree);
+        return result;
+    }
+}
+// Function for using the algorithm
+function calculateTreeLayout(blocks, connections, options = {}) {
+    const engine = new TreeLayoutEngine(blocks, connections, options);
+    return engine.layout();
+}
+function calculateTreeEdges(layoutResult, connections) {
+    // Create a position map for convenience of search
+    const positionMap = new Map(layoutResult.map((item) => [item.id, item]));
+    // Group connections by parent block
+    const connectionsByParent = new Map();
+    for (const connection of connections) {
+        const parentId = connection.sourceBlockId;
+        if (!connectionsByParent.has(parentId)) {
+            connectionsByParent.set(parentId, []);
+        }
+        connectionsByParent.get(parentId).push(connection);
+    }
+    const connectionPaths = [];
+    // For each parent block, we calculate the paths to the children
+    for (const [parentId, parentConnections] of connectionsByParent) {
+        const parent = positionMap.get(parentId);
+        if (!parent) {
+            continue;
+        }
+        // Coordinates of the initial point (center of the lower part of the parent)
+        const startX = parent.x + parent.width / 2;
+        const startY = parent.y + parent.height;
+        if (parentConnections.length === 1) {
+            // One child block - simple straight line
+            const connection = parentConnections[0];
+            const child = positionMap.get(connection.targetBlockId);
+            if (child) {
+                const endX = child.x + child.width / 2;
+                const endY = child.y;
+                connectionPaths.push({
+                    connectionId: connection.id,
+                    sourceBlockId: connection.sourceBlockId,
+                    targetBlockId: connection.targetBlockId,
+                    points: [
+                        { x: startX, y: startY },
+                        { x: endX, y: endY },
+                    ],
+                });
+            }
+        }
+        else {
+            // Several child blocks - broken lines
+            // We find the vertical distance between the parent and the nearest child
+            const children = parentConnections
+                .map((conn) => positionMap.get(conn.targetBlockId))
+                .filter((child) => child !== undefined);
+            if (children.length === 0) {
+                continue;
+            }
+            // We find the minimum distance to the children by Y
+            const minChildY = Math.min(...children.map((child) => child.y));
+            // The point of branching - in the middle between the parent and the children
+            const branchY = startY + (minChildY - startY) / 2;
+            // For each child block, we create a broken line
+            for (const connection of parentConnections) {
+                const child = positionMap.get(connection.targetBlockId);
+                if (!child) {
+                    continue;
+                }
+                const endX = child.x + child.width / 2;
+                const endY = child.y;
+                const points = [
+                    { x: startX, y: startY }, // Start - center of the lower part of the parent
+                    { x: startX, y: branchY }, // Vertically down to the point of branching
+                    { x: endX, y: branchY }, // Horizontally to the center of the child block
+                    { x: endX, y: endY }, // Vertically down to the center of the upper part of the child block
+                ];
+                connectionPaths.push({
+                    connectionId: connection.id,
+                    sourceBlockId: connection.sourceBlockId,
+                    targetBlockId: connection.targetBlockId,
+                    points: points,
+                });
+            }
+        }
+    }
+    return connectionPaths;
+}
+export function prepareTreeLayout({ nodes, links }) {
+    const blocks = prepareBlocks(nodes);
+    const connections = prepareConnections(links);
+    const layout = calculateTreeLayout(blocks, connections);
+    const edges = calculateTreeEdges(layout, connections);
+    return {
+        layout,
+        edges,
+    };
+}
+//# sourceMappingURL=treeLayout.js.map

package/dist/components/Graph/treeLayout.js.map

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

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

@@ -0,0 +1,52 @@
+import type { TBlock, TBlockId, TConnection, TMultipointConnection } from '@gravity-ui/graph';
+import type { GraphNode, Link, TopologyNodeDataStats } from '../../store/reducers/query/types';
+export interface ExtendedTBlock extends TBlock {
+    planNodeId?: number;
+    stats?: TopologyNodeDataStats[];
+    operators?: string[];
+    tables?: string[];
+}
+export type LinkType = 'arrow' | 'line';
+export interface Data<TData = any> {
+    links: Link[];
+    nodes: GraphNode<TData>[];
+}
+export interface LayoutOptions {
+    horizontalSpacing?: number;
+    padding?: number;
+    verticalSpacing?: number;
+}
+export interface TreeNode {
+    id: string;
+    level: number;
+    block: any;
+    children: TreeNode[];
+    subtreeWidth: number;
+    x: number;
+    y: number;
+}
+export type EdgeResult = TMultipointConnection & {
+    connectionId: string | undefined;
+    points: Array<{
+        x: number;
+        y: number;
+    }>;
+    sourceBlockId: TBlockId;
+    targetBlockId: TBlockId;
+};
+export type TreeLayoutRequest = Pick<Data, 'links' | 'nodes'>;
+export interface TreeLayoutResult {
+    layout: ExtendedTBlock[];
+    edges: EdgeResult[];
+}
+export type TreeLayoutWorkerResponse = {
+    type: 'success';
+    result: TreeLayoutResult;
+} | {
+    type: 'error';
+    error: string;
+};
+export type TreeConnection = TConnection & {
+    sourceBlockId: TBlockId;
+    targetBlockId: TBlockId;
+};

package/dist/components/Graph/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Graph/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Graph/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,6 @@
+import type { TBlock } from '@gravity-ui/graph';
+import type { AbstractGraphColorsConfig } from './colorsConfig';
+import type { Data, TreeConnection } from './types';
+export declare const prepareBlocks: (nodes: Data["nodes"]) => TBlock[];
+export declare const prepareConnections: (links: Data["links"]) => TreeConnection[];
+export declare function parseCustomPropertyValue<T extends AbstractGraphColorsConfig>(colors: T, block?: HTMLElement): T;

package/dist/components/Graph/utils.js

@@ -0,0 +1,88 @@
+const BLOCK_TOP_PADDING = 8;
+const BLOCK_LINE_HEIGHT = 16;
+const BORDER_HEIGHT = 2;
+const getBlockSize = (block) => {
+    var _a, _b, _c, _d;
+    const ONE_LINE_HEIGHT = BLOCK_TOP_PADDING * 2 + BLOCK_LINE_HEIGHT + BORDER_HEIGHT;
+    const operatorsLength = Math.max((_b = (_a = block.operators) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, 1);
+    const tablesLength = (_d = (_c = block.tables) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
+    switch (block.type) {
+        case 'query':
+            return {
+                width: 40,
+                height: 40,
+            };
+        case 'result':
+            return {
+                width: 112,
+                height: ONE_LINE_HEIGHT,
+            };
+        case 'stage':
+            return {
+                width: 248,
+                height: BORDER_HEIGHT +
+                    BLOCK_TOP_PADDING * 2 +
+                    (operatorsLength + tablesLength) * BLOCK_LINE_HEIGHT,
+            };
+        case 'connection':
+            return {
+                width: 122,
+                height: ONE_LINE_HEIGHT,
+            };
+        case 'materialize':
+            return {
+                width: 190,
+                height: ONE_LINE_HEIGHT,
+            };
+        default:
+            return {
+                width: 100,
+                height: ONE_LINE_HEIGHT,
+            };
+    }
+};
+export const prepareBlocks = (nodes) => {
+    return nodes.map(({ name: id, data: { id: planNodeId, name, type, ...rest }, data }) => ({
+        id,
+        is: type,
+        name,
+        planNodeId,
+        ...getBlockSize(data),
+        ...rest,
+    }));
+};
+export const prepareConnections = (links) => {
+    return links.map(({ from, to }) => ({
+        id: `${from}:${to}`,
+        sourceBlockId: from,
+        targetBlockId: to,
+    }));
+};
+function calculateCurrentCustomPropertyValue(colorSettings, computedStyle) {
+    const result = {};
+    for (const nestedKey in colorSettings) {
+        if (Object.prototype.hasOwnProperty.call(colorSettings, nestedKey)) {
+            const value = colorSettings[nestedKey];
+            if (value !== undefined) {
+                result[nestedKey] = (value === null || value === void 0 ? void 0 : value.startsWith('var('))
+                    ? computedStyle.getPropertyValue(value.substring(4, value.length - 1)).trim()
+                    : value;
+            }
+        }
+    }
+    return result;
+}
+export function parseCustomPropertyValue(colors, block = globalThis.document.body) {
+    const parsed = {};
+    const computedStyle = window.getComputedStyle(block);
+    for (const topKey in colors) {
+        if (Object.prototype.hasOwnProperty.call(colors, topKey)) {
+            const nestedObj = colors[topKey];
+            if (nestedObj) {
+                parsed[topKey] = calculateCurrentCustomPropertyValue(nestedObj, computedStyle);
+            }
+        }
+    }
+    return parsed;
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/Graph/utils.js.map

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

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

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

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

@@ -1 +1 @@
-export declare const vDiskInfoKeyset: (key: "label_pdisk-id" | "links" | "size" | "kind" | "yes" | "no" | "label_recipient" | "pool-name" | "usage" | "developer-ui" | "guid" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "replication-progress" | "replication-time-remaining" | "donors" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page" | "vdiks-title", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const vDiskInfoKeyset: (key: "links" | "label_pdisk-id" | "size" | "kind" | "yes" | "no" | "label_recipient" | "pool-name" | "usage" | "developer-ui" | "guid" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "replication-progress" | "replication-time-remaining" | "donors" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page" | "vdiks-title", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/containers/Clusters/constants.d.ts

@@ -16,7 +16,7 @@ export declare const COLUMNS_NAMES: {
     readonly TENANTS: "tenants";
     readonly DESCRIPTION: "description";
 };
-export declare const DEFAULT_COLUMNS: ("status" | "storage" | "hosts" | "versions" | "title" | "service" | "nodes" | "tenants" | "load")[];
+export declare const DEFAULT_COLUMNS: ("status" | "nodes" | "storage" | "hosts" | "versions" | "title" | "service" | "tenants" | "load")[];
 export declare const COLUMNS_TITLES: {
     readonly title: string;
     readonly versions: string;

package/dist/containers/Header/HeaderActionsMenu.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { DatabaseArrowRight, Pencil, PlugConnection, TrashBin } from '@gravity-ui/icons';
+import { Flex, Spin, Text } from '@gravity-ui/uikit';
 import { useHistory } from 'react-router-dom';
 import { getConnectToDBDialog } from '../../components/ConnectToDB/ConnectToDBDialog';
 import { DropdownMenu } from '../../components/DropdownMenu';
@@ -14,7 +15,7 @@ import { headerKeyset } from './i18n';
 export function DBHeaderActionsMenu({ database, clusterName, databaseData, isDatabaseDataLoading, isV2NavigationEnabled, isViewerUser, prepareTenantBackend, databaseLinks, }) {
     const history = useHistory();
     const emMetaAvailable = useEmMetaAvailable();
-    const sharedDatabasePath = useSharedDatabasePath({
+    const { isSharedDatabaseLoading, sharedDatabasePath } = useSharedDatabasePath({
         clusterName,
         databaseData,
         isViewerUser,
@@ -47,7 +48,21 @@ export function DBHeaderActionsMenu({ database, clusterName, databaseData, isDat
                 },
             ]);
         }
-        if (sharedDatabasePath) {
+        if (isSharedDatabaseLoading) {
+            menuItems.push([
+                {
+                    title: (_jsxs(Flex, { alignItems: "center", gap: 2, children: [_jsx(Spin, { size: "xs", qa: "shared-database-link-loader" }), _jsx(Text, { children: headerKeyset('action_go-to-shared-db') })] })),
+                    action: () => undefined,
+                    disabled: true,
+                    extraProps: {
+                        'aria-busy': true,
+                        'aria-disabled': true,
+                        'aria-label': headerKeyset('status_loading-shared-db'),
+                    },
+                },
+            ]);
+        }
+        else if (sharedDatabasePath) {
             menuItems.push([
                 {
                     title: headerKeyset('action_go-to-shared-db'),
@@ -96,6 +111,7 @@ export function DBHeaderActionsMenu({ database, clusterName, databaseData, isDat
         history,
         isEditDBAvailable,
         isDeleteDBAvailable,
+        isSharedDatabaseLoading,
         sharedDatabasePath,
     ]);
     if (!menuItems.length) {

package/dist/containers/Header/HeaderActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActionsMenu.js","sourceRoot":"","sources":["../../../src/containers/Header/HeaderActionsMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,kBAAkB,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAC,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,CAAC,EAAC,MAAM,aAAa,CAAC;AAC9B,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AAapC,MAAM,UAAU,mBAAmB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,aAAa,GACQ;IACrB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;QAC7C,WAAW;QACX,YAAY;QACZ,YAAY;QACZ,oBAAoB;KACvB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,eAAe,IAAI,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC;IAC9E,MAAM,mBAAmB,GAAG,eAAe,IAAI,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;IAElF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,SAAS,GAAwC,EAAE,CAAC;QAE1D,MAAM,UAAU,GAAsC,EAAE,CAAC;QAEzD,KAAK,MAAM,IAAI,IAAI,aAAa,EAAE,CAAC;YAC/B,UAAU,CAAC,IAAI,CAAC;gBACZ,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,SAAS,EAAE,IAAI,CAAC,IAAI;gBACpB,IAAI,EAAE,IAAI,CAAC,GAAG;gBACd,MAAM,EAAE,IAAI,CAAC,MAAM;aACtB,CAAC,CAAC;QACP,CAAC;QAED,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;YACpB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC;QAED,+DAA+D;QAC/D,IAAI,qBAAqB,EAAE,CAAC;YACxB,SAAS,CAAC,IAAI,CAAC;gBACX;oBACI,KAAK,EAAE,YAAY,CAAC,sBAAsB,CAAC;oBAC3C,SAAS,EAAE,cAAc;oBACzB,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAC,QAAQ,EAAC,CAAC;iBACjD;aACJ,CAAC,CAAC;QACP,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACrB,SAAS,CAAC,IAAI,CAAC;gBACX;oBACI,KAAK,EAAE,YAAY,CAAC,wBAAwB,CAAC;oBAC7C,SAAS,EAAE,kBAAkB;oBAC7B,IAAI,EAAE,kBAAkB;iBAC3B;aACJ,CAAC,CAAC;QACP,CAAC;QAED,MAAM,EAAC,QAAQ,EAAE,UAAU,EAAC,GAAG,SAAS,CAAC;QAEzC,MAAM,YAAY,GAAG,WAAW,IAAI,YAAY,CAAC;QAEjD,MAAM,aAAa,GAAsC,EAAE,CAAC;QAE5D,IAAI,iBAAiB,IAAI,QAAQ,IAAI,YAAY,EAAE,CAAC;YAChD,aAAa,CAAC,IAAI,CAAC;gBACf,KAAK,EAAE,YAAY,CAAC,gBAAgB,CAAC;gBACrC,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,GAAG,EAAE;oBACT,QAAQ,CAAC,EAAC,WAAW,EAAE,YAAY,EAAC,CAAC,CAAC;gBAC1C,CAAC;aACJ,CAAC,CAAC;QACP,CAAC;QACD,IAAI,mBAAmB,IAAI,UAAU,IAAI,YAAY,EAAE,CAAC;YACpD,aAAa,CAAC,IAAI,CAAC;gBACf,KAAK,EAAE,YAAY,CAAC,kBAAkB,CAAC;gBACvC,SAAS,EAAE,QAAQ;gBACnB,MAAM,EAAE,GAAG,EAAE;oBACT,UAAU,CAAC,EAAC,WAAW,EAAE,YAAY,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;wBACvD,IAAI,SAAS,EAAE,CAAC;4BACZ,MAAM,IAAI,GAAG,cAAc,CAAC,EAAC,SAAS,EAAE,cAAc,CAAC,OAAO,EAAC,CAAC,CAAC;4BACjE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACvB,CAAC;oBACL,CAAC,CAAC,CAAC;gBACP,CAAC;gBACD,KAAK,EAAE,QAAQ;aAClB,CAAC,CAAC;QACP,CAAC;QAED,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;YACvB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE;QACC,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,aAAa;QACb,qBAAqB;QACrB,OAAO;QACP,iBAAiB;QACjB,mBAAmB;QACnB,kBAAkB;KACrB,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,KAAC,YAAY,IACT,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,EAAC,SAAS,EAAE,YAAY,EAAC,EACrC,oBAAoB,EAAE,EAAC,OAAO,EAAE,qBAAqB,EAAC,GACxD,GACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"HeaderActionsMenu.js","sourceRoot":"","sources":["../../../src/containers/Header/HeaderActionsMenu.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Header/hooks/useSharedDatabasePath.d.ts

@@ -6,5 +6,8 @@ interface UseSharedDatabasePathParams {
     isViewerUser?: boolean;
     prepareTenantBackend?: AdditionalTenantsProps['prepareTenantBackend'];
 }
-export declare function useSharedDatabasePath({ clusterName, databaseData, isViewerUser, prepareTenantBackend, }: UseSharedDatabasePathParams): string | undefined;
+export declare function useSharedDatabasePath({ clusterName, databaseData, isViewerUser, prepareTenantBackend, }: UseSharedDatabasePathParams): {
+    isSharedDatabaseLoading: boolean;
+    sharedDatabasePath: string | undefined;
+};
 export {};

package/dist/containers/Header/hooks/useSharedDatabasePath.js

@@ -50,7 +50,7 @@ export function useSharedDatabasePath({ clusterName, databaseData, isViewerUser,
         useDatabaseId,
     });
     const shouldResolveSharedDatabaseFromViewer = shouldResolveSharedDatabaseName && !window.api.meta;
-    const { currentData: sharedDatabaseFromViewer } = tenantsApi.useGetSharedDatabaseQuery(shouldResolveSharedDatabaseFromViewer && (databaseData === null || databaseData === void 0 ? void 0 : databaseData.ResourceId)
+    const { currentData: sharedDatabaseFromViewer, isFetching: isSharedDatabaseFromViewerFetching } = tenantsApi.useGetSharedDatabaseQuery(shouldResolveSharedDatabaseFromViewer && (databaseData === null || databaseData === void 0 ? void 0 : databaseData.ResourceId)
         ? {
             clusterName,
             database: databaseData.Name,
@@ -62,7 +62,7 @@ export function useSharedDatabasePath({ clusterName, databaseData, isViewerUser,
         }
         : skipToken);
     const shouldResolveSharedDatabaseFromMetaList = shouldResolveSharedDatabaseName && Boolean(window.api.meta);
-    const { currentData: databases } = tenantsApi.useGetTenantsInfoQuery(shouldResolveSharedDatabaseFromMetaList
+    const { currentData: databases, isFetching: isDatabasesFetching } = tenantsApi.useGetTenantsInfoQuery(shouldResolveSharedDatabaseFromMetaList
         ? { clusterName, environmentName: environment, isMetaDatabasesAvailable }
         : skipToken);
     const sharedDatabaseTarget = React.useMemo(() => {
@@ -90,13 +90,17 @@ export function useSharedDatabasePath({ clusterName, databaseData, isViewerUser,
     ]);
     const sharedDatabase = useDatabaseId ? databaseData === null || databaseData === void 0 ? void 0 : databaseData.ResourceId : sharedDatabaseTarget === null || sharedDatabaseTarget === void 0 ? void 0 : sharedDatabaseTarget.name;
     const backend = getSharedDatabaseBackend(sharedDatabaseTarget, prepareTenantBackend);
-    return getResolvedSharedDatabasePath({
-        backend,
-        clusterName,
-        databaseData,
-        isClusterBaseInfoResolved: isClusterBaseInfoAvailable,
-        isViewerUser,
-        sharedDatabase,
-    });
+    return {
+        isSharedDatabaseLoading: (isSharedDatabaseFromViewerFetching && sharedDatabaseFromViewer === undefined) ||
+            (isDatabasesFetching && databases === undefined),
+        sharedDatabasePath: getResolvedSharedDatabasePath({
+            backend,
+            clusterName,
+            databaseData,
+            isClusterBaseInfoResolved: isClusterBaseInfoAvailable,
+            isViewerUser,
+            sharedDatabase,
+        }),
+    };
 }
 //# sourceMappingURL=useSharedDatabasePath.js.map

package/dist/containers/Header/hooks/useSharedDatabasePath.js.map

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

package/dist/containers/Header/i18n/en.json

@@ -16,6 +16,7 @@
     "action_delete-cluster": "Delete Cluster",
     "action_connect-to-db": "Connect to database",
     "action_go-to-shared-db": "Go to shared database",
+    "status_loading-shared-db": "Loading shared database",
     "action_manage": "Manage",
     "title_developer-ui": "Developer UI",
     "description_developer-ui": "Developer interface with a full set\nof administrative functions",