ydb-embedded-ui 20.5.0 → 21.1.0

package/dist/components/Graph/GravityGraph.scss

@@ -0,0 +1,131 @@
+.ydb-gravity-graph {
+    &__block {
+        cursor: auto;
+
+        border: none;
+        background: none;
+    }
+
+    &__block-content {
+        width: 100%;
+        padding: 8px 12px;
+
+        font-family: var(--g-font-family);
+        font-size: var(--g-text-body-short-font-size);
+        line-height: var(--g-text-body-short-line-height);
+
+        border: 1px solid var(--g-color-line-generic);
+        background: var(--g-color-base-float);
+        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
+
+        &[aria-haspopup='dialog'] {
+            cursor: pointer;
+        }
+    }
+
+    &__block-id {
+        position: absolute;
+        top: 4px;
+        right: 4px;
+
+        font-size: 10px;
+        line-height: 1;
+
+        color: var(--g-color-text-secondary);
+    }
+
+    &__block-content.query {
+        height: 100%;
+
+        border-radius: 50%;
+    }
+
+    &__block-content.result {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    &__block-content.stage {
+        border-radius: 6px;
+    }
+
+    &__stage-table-row {
+        overflow: hidden;
+
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    &__block-content.connection {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        color: var(--g-color-text-info-heavy);
+        border: 1px solid var(--g-color-line-info);
+        border-radius: 6px;
+        background: var(--g-color-base-info-light);
+        box-shadow: none;
+    }
+
+    &__tooltip-content {
+        overflow: auto;
+
+        width: 300px;
+        max-height: 90vh;
+        padding: 0 8px 8px;
+
+        font-family: var(--g-font-family);
+        font-size: var(--g-text-body-short-font-size);
+        line-height: var(--g-text-body-short-line-height);
+    }
+
+    &__tooltip-tabs {
+        margin-bottom: 8px;
+    }
+
+    &__tooltip-stat-row {
+        display: grid;
+        grid-template-columns: 100px auto;
+        gap: 8px;
+
+        margin: 4px 0 0;
+
+        span {
+            overflow: hidden;
+
+            text-overflow: ellipsis;
+        }
+        span:nth-child(1) {
+            color: var(--g-color-text-secondary);
+        }
+        span:nth-child(2) {
+            word-wrap: break-word;
+        }
+    }
+
+    &__tooltip-stat-group {
+        margin-top: 8px;
+    }
+
+    &__tooltip-stat-group + &__tooltip-stat-group {
+        padding-top: 8px;
+
+        border-top: 1px dotted var(--g-color-line-generic);
+    }
+
+    &__tooltip-stat-group-name {
+        font-weight: bold;
+    }
+
+    &__zoom-controls {
+        position: absolute;
+        z-index: 999;
+        top: 8px;
+        right: 50px;
+
+        display: flex;
+        gap: 2px;
+    }
+}

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

@@ -0,0 +1,9 @@
+import { MultipointConnection } from '@gravity-ui/graph/react';
+/**
+ * Кастомный класс соединения, который отключает визуальное выделение
+ * Наследуется от MultipointConnection и переопределяет поведение
+ */
+export declare class NonSelectableConnection extends MultipointConnection {
+    cursor: 'pointer';
+    protected handleEvent(event: Event): void;
+}

package/dist/components/Graph/NonSelectableConnection.js

@@ -0,0 +1,16 @@
+import { MultipointConnection } from '@gravity-ui/graph/react';
+/**
+ * Кастомный класс соединения, который отключает визуальное выделение
+ * Наследуется от MultipointConnection и переопределяет поведение
+ */
+export class NonSelectableConnection extends MultipointConnection {
+    constructor() {
+        super(...arguments);
+        this.cursor = 'pointer';
+    }
+    // Переопределяем метод для предотвращения выделения при клике
+    handleEvent(event) {
+        event.stopPropagation();
+    }
+}
+//# sourceMappingURL=NonSelectableConnection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonSelectableConnection.js","sourceRoot":"","sources":["../../../src/components/Graph/NonSelectableConnection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAE7D;;;GAGG;AACH,MAAM,OAAO,uBAAwB,SAAQ,oBAAoB;IAAjE;;QACa,WAAM,GAAc,SAAS,CAAC;IAM3C,CAAC;IAJG,8DAA8D;IAC3C,WAAW,CAAC,KAAY;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;IAC5B,CAAC;CACJ"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtendedTBlock } from './types';
+type Props = {
+    block: ExtendedTBlock;
+    children: React.ReactElement<React.HTMLAttributes<HTMLElement>>;
+};
+export declare const TooltipComponent: ({ block, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/TooltipComponent.js

@@ -0,0 +1,63 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Popover, Tab, TabList, TabPanel, TabProvider } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+const b = cn('ydb-gravity-graph');
+const getStatsContent = (stat) => {
+    var _a;
+    if ('value' in stat) {
+        return (_jsxs("p", { className: b('tooltip-stat-row'), children: [_jsxs("span", { children: [stat.name, ":"] }), _jsx("span", { children: stat.value })] }, stat.name));
+    }
+    return (_jsxs("section", { className: b('tooltip-stat-group'), children: [_jsxs("div", { className: b('tooltip-stat-group-name'), children: [stat.name, ":"] }), (_a = stat.items) === null || _a === void 0 ? void 0 : _a.map(({ name, value }) => (_jsxs("p", { className: b('tooltip-stat-row'), children: [_jsxs("span", { children: [name, ":"] }), _jsx("span", { children: value })] }, name)))] }, stat.name));
+};
+const useTooltipContent = (block) => {
+    var _a, _b, _c;
+    const firstTab = ((_b = (_a = block === null || block === void 0 ? void 0 : block.stats) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.group) || '';
+    const [activeTab, setActiveTab] = React.useState(firstTab);
+    const validatedActiveTab = ((_c = block.stats) === null || _c === void 0 ? void 0 : _c.some(({ group }) => group === activeTab))
+        ? activeTab
+        : firstTab;
+    React.useEffect(() => {
+        if (activeTab !== validatedActiveTab) {
+            setActiveTab(validatedActiveTab);
+        }
+    }, [activeTab, validatedActiveTab]);
+    return React.useMemo(() => {
+        var _a, _b;
+        return (_jsxs(TabProvider, { value: validatedActiveTab, onUpdate: setActiveTab, children: [_jsx(TabList, { className: b('tooltip-tabs'), children: (_a = block === null || block === void 0 ? void 0 : block.stats) === null || _a === void 0 ? void 0 : _a.map((item) => (_jsx(Tab, { value: item.group, children: item.group }, item.group))) }), (_b = block === null || block === void 0 ? void 0 : block.stats) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                    var _a;
+                    return (_jsx(TabPanel, { value: item.group, children: (_a = item.stats) === null || _a === void 0 ? void 0 : _a.map(getStatsContent) }, item.group));
+                })] }));
+    }, [block === null || block === void 0 ? void 0 : block.stats, validatedActiveTab]);
+};
+export const TooltipComponent = ({ block, children }) => {
+    var _a, _b;
+    const content = useTooltipContent(block);
+    const trigger = React.cloneElement(children, {
+        role: (_a = children.props.role) !== null && _a !== void 0 ? _a : 'button',
+        tabIndex: (_b = children.props.tabIndex) !== null && _b !== void 0 ? _b : 0,
+        onKeyDown: (event) => {
+            var _a, _b;
+            (_b = (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            if (event.defaultPrevented) {
+                return;
+            }
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                event.currentTarget.click();
+            }
+            else if (event.key === ' ') {
+                event.preventDefault();
+            }
+        },
+        onKeyUp: (event) => {
+            var _a, _b;
+            (_b = (_a = children.props).onKeyUp) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            if (!event.defaultPrevented && event.key === ' ') {
+                event.currentTarget.click();
+            }
+        },
+    });
+    return (_jsx(Popover, { content: content, hasArrow: true, trigger: "click", placement: "right-start", className: "ydb-gravity-graph__tooltip-content", strategy: "fixed", children: trigger }));
+};
+//# sourceMappingURL=TooltipComponent.js.map

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

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

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

@@ -0,0 +1,19 @@
+export type AbstractGraphColorsConfig = Partial<Record<string, Partial<Record<string, string>>>>;
+export declare const graphColorsConfig: {
+    readonly canvas: {
+        readonly belowLayerBackground: "#0000";
+        readonly border: "#0000";
+        readonly dots: "var(--g-color-line-generic)";
+        readonly layerBackground: "var(--g-color-base-background)";
+    };
+    readonly block: {
+        readonly text: "var(--g-color-text-primary)";
+        readonly background: "var(--g-color-base-float)";
+        readonly border: "var(--g-color-line-generic-solid)";
+    };
+    readonly connection: {
+        readonly background: "var(--g-color-line-generic-solid)";
+        readonly hoverBackground: "var(--g-color-line-generic-solid)";
+        readonly selectedBackground: "var(--g-color-line-generic-solid)";
+    };
+};

package/dist/components/Graph/colorsConfig.js

@@ -0,0 +1,20 @@
+export const graphColorsConfig = {
+    // Default @gravity-ui/graph colors
+    canvas: {
+        belowLayerBackground: '#0000',
+        border: '#0000',
+        dots: 'var(--g-color-line-generic)',
+        layerBackground: 'var(--g-color-base-background)',
+    },
+    block: {
+        text: 'var(--g-color-text-primary)',
+        background: 'var(--g-color-base-float)',
+        border: 'var(--g-color-line-generic-solid)',
+    },
+    connection: {
+        background: 'var(--g-color-line-generic-solid)',
+        hoverBackground: 'var(--g-color-line-generic-solid)',
+        selectedBackground: 'var(--g-color-line-generic-solid)',
+    },
+};
+//# sourceMappingURL=colorsConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorsConfig.js","sourceRoot":"","sources":["../../../src/components/Graph/colorsConfig.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,mCAAmC;IACnC,MAAM,EAAE;QACJ,oBAAoB,EAAE,OAAO;QAC7B,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,6BAA6B;QACnC,eAAe,EAAE,gCAAgC;KACpD;IACD,KAAK,EAAE;QACH,IAAI,EAAE,6BAA6B;QACnC,UAAU,EAAE,2BAA2B;QACvC,MAAM,EAAE,mCAAmC;KAC9C;IACD,UAAU,EAAE;QACR,UAAU,EAAE,mCAAmC;QAC/C,eAAe,EAAE,mCAAmC;QACpD,kBAAkB,EAAE,mCAAmC;KAC1D;CACyC,CAAC"}

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

@@ -0,0 +1,5 @@
+{
+    "action_zoom-in": "Zoom in",
+    "action_zoom-out": "Zoom out",
+    "label_tables": "Tables"
+}

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

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

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

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-gravity-graph';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/Graph/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAEtC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { TreeLayoutRequest, TreeLayoutResult } from './types';
+type Schedule = (callback: () => void) => () => void;
+interface RunTreeLayoutOptions {
+    request: TreeLayoutRequest;
+    createWorker: () => Worker;
+    calculateLayout?: () => TreeLayoutResult;
+    onResult: (result: TreeLayoutResult) => void;
+    onError: (error: Error) => void;
+    schedule?: Schedule;
+}
+export declare function runTreeLayout({ request, createWorker, calculateLayout, onResult, onError, schedule, }: RunTreeLayoutOptions): () => void;
+export {};

package/dist/components/Graph/runTreeLayout.js

@@ -0,0 +1,75 @@
+import { prepareTreeLayout } from './treeLayout';
+const scheduleOnMainThread = (callback) => {
+    const timeoutId = globalThis.setTimeout(callback, 0);
+    return () => globalThis.clearTimeout(timeoutId);
+};
+const normalizeError = (error) => {
+    return error instanceof Error ? error : new Error(String(error));
+};
+export function runTreeLayout({ request, createWorker, calculateLayout = () => prepareTreeLayout(request), onResult, onError, schedule = scheduleOnMainThread, }) {
+    let worker;
+    let cancelFallback;
+    let cancelled = false;
+    let settled = false;
+    const terminateWorker = () => {
+        worker === null || worker === void 0 ? void 0 : worker.terminate();
+        worker = undefined;
+    };
+    const reportError = (error) => {
+        if (cancelled || settled) {
+            return;
+        }
+        settled = true;
+        terminateWorker();
+        onError(normalizeError(error));
+    };
+    const complete = (result) => {
+        if (cancelled || settled) {
+            return;
+        }
+        settled = true;
+        terminateWorker();
+        onResult(result);
+    };
+    const scheduleFallback = () => {
+        if (cancelled || settled || cancelFallback) {
+            return;
+        }
+        terminateWorker();
+        cancelFallback = schedule(() => {
+            cancelFallback = undefined;
+            if (cancelled || settled) {
+                return;
+            }
+            try {
+                complete(calculateLayout());
+            }
+            catch (error) {
+                reportError(error);
+            }
+        });
+    };
+    try {
+        worker = createWorker();
+        worker.onmessage = ({ data }) => {
+            if (data.type === 'success') {
+                complete(data.result);
+            }
+            else {
+                reportError(new Error(data.error));
+            }
+        };
+        worker.onerror = scheduleFallback;
+        worker.onmessageerror = scheduleFallback;
+        worker.postMessage(request);
+    }
+    catch (_a) {
+        scheduleFallback();
+    }
+    return () => {
+        cancelled = true;
+        cancelFallback === null || cancelFallback === void 0 ? void 0 : cancelFallback();
+        terminateWorker();
+    };
+}
+//# sourceMappingURL=runTreeLayout.js.map

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

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

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

@@ -0,0 +1,2 @@
+import type { TreeLayoutRequest, TreeLayoutResult } from './types';
+export declare function prepareTreeLayout({ nodes, links }: TreeLayoutRequest): TreeLayoutResult;