ydb-embedded-ui 12.7.0 → 12.9.0

package/dist/components/ConnectToDB/ConnectToDBDialog.js

@@ -22,7 +22,7 @@ const connectionTabs = [
     { id: 'csharp', title: 'C# (.NET)' },
     { id: 'go', title: 'Go' },
     { id: 'java', title: 'Java' },
-    { id: 'javascript', title: 'Node JS' },
+    { id: 'javascript', title: 'JavaScript/TypeScript' },
     { id: 'php', title: 'PHP' },
     { id: 'python', title: 'Python' },
 ];

package/dist/components/ConnectToDB/ConnectToDBDialog.js.map

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

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

@@ -8,7 +8,7 @@
     "docs_dotnet": "https://ydb.tech/docs/en/dev/example-app/example-dotnet",
     "docs_go": "https://ydb.tech/docs/en/dev/example-app/go",
     "docs_java": "https://ydb.tech/docs/en/dev/example-app/java",
-    "docs_nodejs": "https://ydb.tech/docs/en/dev/example-app/example-nodejs",
+    "docs_nodejs": "https://github.com/ydb-platform/ydb-js-examples",
     "docs_php": "https://ydb.tech/docs/en/dev/example-app/example-php",
     "docs_python": "https://ydb.tech/docs/en/dev/example-app/python"
 }

package/dist/components/ConnectToDB/snippets.js

@@ -116,27 +116,26 @@ public class YDBConnect {
 }`;
 }
 export function getNodeJSSnippetCode({ database, endpoint }) {
-    return `const {Driver, getCredentialsFromEnv, getLogger} = require('ydb-sdk');
+    return `// Requires Node.js 20.19 or higher (also works with Deno/Bun)
+// Documentation: https://ydb.js.org
+// Source code: https://github.com/ydb-platform/ydb-js-sdk
+// Examples: https://github.com/ydb-platform/ydb-js-examples
+import {Driver} from '@ydbjs/core';
+import {query} from '@ydbjs/query';
+import type {ResultSet} from '@ydbjs/query';
 
-const logger = getLogger({level: 'debug'});
-const endpoint = '${endpoint !== null && endpoint !== void 0 ? endpoint : '<endpoint>'}';
-const database = '${database !== null && database !== void 0 ? database : '/<database>'}';
-const authService = getCredentialsFromEnv();
-const driver = new Driver({endpoint, database, authService});
+const connectionString = '${endpoint !== null && endpoint !== void 0 ? endpoint : '<endpoint>'}${database !== null && database !== void 0 ? database : '/<database>'}';
+
+const driver = new Driver(connectionString);
 
 async function run() {
-  if (!await driver.ready(100)) {
-      logger.fatal('Driver has not become ready in 10 seconds!');
-      process.exit(1);
-  }
-
-  await driver.tableClient.withSession(async (session) => {
-      res = await session.executeQuery("SELECT 'Hello, world!'")
-      console.log(res.resultSets[0].rows[0].items[0].bytesValue.toString())
-      return
-  });
-
-  process.exit(0)
+  await driver.ready();
+  const sql = query(driver);
+
+  const resultSets: ResultSet[] = await sql\`SELECT 'Hello, world!' AS message;\`;
+  console.log(resultSets[0].rows[0].message);
+
+  await driver.close();
 }
 
 run();`;
@@ -161,7 +160,7 @@ $config = [
         // 'root_cert_file' => './CA.pem',  Root CA file (uncomment for dedicated server only)
     ],
 
-    'credentials' => new AccessTokenAuthentication('<token>') // use from reference/ydb-sdk/auth
+    'credentials' => new AccessTokenAuthentication('<token>')
 ];
 
 $ydb = new Ydb($config);`;

package/dist/components/ConnectToDB/snippets.js.map

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

package/dist/components/EntityStatus/EntityStatus.js

@@ -12,7 +12,6 @@ const b = cn('entity-status');
 function defaultRenderName(name) {
     return name !== null && name !== void 0 ? name : '';
 }
-// eslint-disable-next-line complexity
 export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defaultRenderName, path, size = 's', mode = 'color', showStatus = true, externalLink = false, withLeftTrim = false, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible = false, className, }) {
     const [infoIconHovered, setInfoIconHovered] = React.useState(false);
     const renderIcon = () => {

package/dist/components/EntityStatus/EntityStatus.js.map

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

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

@@ -0,0 +1,7 @@
+import type { ExtendedTBlock } from '../types';
+type Props = {
+    block: ExtendedTBlock;
+    className: string;
+};
+export declare const ConnectionBlockComponent: ({ className, block }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/BlockComponents/ConnectionBlockComponent.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowsExpandHorizontal, DatabaseFill, GripHorizontal, MapPin, Shuffle, } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { TooltipComponent } from '../TooltipComponent';
+const getIcon = (name) => {
+    switch (name) {
+        case 'Merge':
+            return DatabaseFill;
+        case 'UnionAll':
+            return GripHorizontal;
+        case 'HashShuffle':
+            return Shuffle;
+        case 'Map':
+            return MapPin;
+        case 'Broadcast':
+            return ArrowsExpandHorizontal;
+        default:
+            return undefined;
+    }
+};
+export const ConnectionBlockComponent = ({ className, block }) => {
+    var _a;
+    const icon = getIcon(block.name);
+    const content = (_jsxs("div", { className: className, children: [icon && _jsx(Icon, { data: icon }), " ", block.name] }));
+    if (!((_a = block.stats) === null || _a === void 0 ? void 0 : _a.length)) {
+        return content;
+    }
+    return _jsx(TooltipComponent, { block: block, children: content });
+};
+//# sourceMappingURL=ConnectionBlockComponent.js.map

package/dist/components/Graph/BlockComponents/ConnectionBlockComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/ConnectionBlockComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,MAAM,EACN,OAAO,GACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAQrD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAwB,EAAE;IACnD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,OAAO;YACR,OAAO,YAAY,CAAC;QACxB,KAAK,UAAU;YACX,OAAO,cAAc,CAAC;QAC1B,KAAK,aAAa;YACd,OAAO,OAAO,CAAC;QACnB,KAAK,KAAK;YACN,OAAO,MAAM,CAAC;QAClB,KAAK,WAAW;YACZ,OAAO,sBAAsB,CAAC;QAClC;YACI,OAAO,SAAS,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAQ,EAAE,EAAE;;IAClE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,SAAS,aACpB,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,OAAG,KAAK,CAAC,IAAI,IACxC,CACT,CAAC;IAEF,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,CAAA,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAAoB,CAAC;AACxE,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+type Props = {
+    className: string;
+};
+export declare const QueryBlockComponent: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/BlockComponents/QueryBlockComponent.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const QueryBlockComponent = ({ className }) => {
+    return _jsx("div", { className: className });
+};
+//# sourceMappingURL=QueryBlockComponent.js.map

package/dist/components/Graph/BlockComponents/QueryBlockComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/QueryBlockComponent.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE;IACtD,OAAO,cAAK,SAAS,EAAE,SAAS,GAAI,CAAC;AACzC,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { TBlock } from '@gravity-ui/graph';
+type Props = {
+    block: TBlock;
+    className: string;
+};
+export declare const ResultBlockComponent: ({ className, block }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/BlockComponents/ResultBlockComponent.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ResultBlockComponent = ({ className, block }) => {
+    return _jsx("div", { className: className, children: block.name });
+};
+//# sourceMappingURL=ResultBlockComponent.js.map

package/dist/components/Graph/BlockComponents/ResultBlockComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/ResultBlockComponent.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAQ,EAAE,EAAE;IAC9D,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,KAAK,CAAC,IAAI,GAAO,CAAC;AACzD,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { ExtendedTBlock } from '../types';
+type Props = {
+    block: ExtendedTBlock;
+    className: string;
+};
+export declare const StageBlockComponent: ({ className, block }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/BlockComponents/StageBlockComponent.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@gravity-ui/uikit';
+import { TooltipComponent } from '../TooltipComponent';
+import i18n from '../i18n';
+export const StageBlockComponent = ({ className, block }) => {
+    var _a;
+    const content = (_jsxs("div", { className: className, children: [block.operators
+                ? block.operators.map((item) => _jsx("div", { children: item }, item))
+                : block.name, block.tables ? (_jsxs("div", { children: [_jsxs(Text, { color: "secondary", children: [i18n('label_tables'), ": "] }), block.tables.join(', ')] })) : null] }));
+    if (!((_a = block.stats) === null || _a === void 0 ? void 0 : _a.length)) {
+        return content;
+    }
+    return _jsx(TooltipComponent, { block: block, children: content });
+};
+//# sourceMappingURL=StageBlockComponent.js.map

package/dist/components/Graph/BlockComponents/StageBlockComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/StageBlockComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAQ,EAAE,EAAE;;IAC7D,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,SAAS,aACpB,KAAK,CAAC,SAAS;gBACZ,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,wBAAiB,IAAI,IAAX,IAAI,CAAc,CAAC;gBAC7D,CAAC,CAAC,KAAK,CAAC,IAAI,EACf,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,0BACI,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aAAE,IAAI,CAAC,cAAc,CAAC,UAAU,EACtD,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IACtB,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;IAEF,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,CAAA,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAAoB,CAAC;AACxE,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { Graph } from '@gravity-ui/graph';
+interface Props {
+    graph: Graph;
+}
+export declare const GraphControls: ({ graph }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/GraphControls.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import MagnifierMinusIcon from '@gravity-ui/icons/svgs/magnifier-minus.svg';
+import MagnifierPlusIcon from '@gravity-ui/icons/svgs/magnifier-plus.svg';
+const b = cn('ydb-gravity-graph');
+const ZOOM_STEP = 1.25;
+export const GraphControls = ({ graph }) => {
+    const onZoomInClick = useCallback(() => {
+        const cameraScale = graph.cameraService.getCameraScale();
+        graph.zoom({ scale: cameraScale * ZOOM_STEP });
+    }, [graph]);
+    const onZoomOutClick = useCallback(() => {
+        const cameraScale = graph.cameraService.getCameraScale();
+        graph.zoom({ scale: cameraScale / ZOOM_STEP });
+    }, [graph]);
+    const onResetZoomClick = useCallback(() => {
+        graph.zoom({ scale: 1 });
+    }, [graph]);
+    return (_jsxs("div", { className: b('zoom-controls'), children: [_jsx(Button, { view: "raised", onClick: onZoomInClick, children: _jsx(Icon, { data: MagnifierPlusIcon, size: 16 }) }), _jsx(Button, { view: "raised", onClick: onZoomOutClick, children: _jsx(Icon, { data: MagnifierMinusIcon, size: 16 }) }), _jsx(Button, { view: "raised", onClick: onResetZoomClick, children: "1:1" })] }));
+};
+//# sourceMappingURL=GraphControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphControls.js","sourceRoot":"","sources":["../../../src/components/Graph/GraphControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAC5E,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAE1E,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAElC,MAAM,SAAS,GAAG,IAAI,CAAC;AAMvB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAQ,EAAE,EAAE;IAC5C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,YACxC,KAAC,IAAI,IAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,GAAI,GACtC,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,YACzC,KAAC,IAAI,IAAC,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,GAAI,GACvC,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,gBAAgB,oBAEtC,IACP,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { Data } from './types';
+import './GravityGraph.scss';
+interface Props<T> {
+    data: Data<T>;
+    theme?: string;
+}
+export declare function GravityGraph<T>({ data, theme }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/GravityGraph.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { GraphState } from '@gravity-ui/graph';
+import { GraphBlock, GraphCanvas, useGraph, useGraphEvent } from '@gravity-ui/graph/react';
+import { cn } from '../../utils/cn';
+const b = cn('ydb-gravity-graph');
+import { ConnectionBlockComponent } from './BlockComponents/ConnectionBlockComponent';
+import { QueryBlockComponent } from './BlockComponents/QueryBlockComponent';
+import { ResultBlockComponent } from './BlockComponents/ResultBlockComponent';
+import { StageBlockComponent } from './BlockComponents/StageBlockComponent';
+import { GraphControls } from './GraphControls';
+import { NonSelectableConnection } from './NonSelectableConnection';
+import { graphColorsConfig } from './colorsConfig';
+import { parseCustomPropertyValue } from './utils';
+import './GravityGraph.scss';
+const config = {
+    settings: {
+        connection: NonSelectableConnection,
+        showConnectionArrows: false,
+    },
+};
+const renderBlockFn = (graph, block) => {
+    const map = {
+        query: QueryBlockComponent,
+        result: ResultBlockComponent,
+        stage: StageBlockComponent,
+        connection: ConnectionBlockComponent,
+    };
+    const Component = map[block.is];
+    return (_jsx(GraphBlock, { graph: graph, block: block, className: b('block'), children: Component ? (_jsxs(_Fragment, { children: [_jsx(Component, { graph: graph, block: block, className: b('block-content', block.is) }), block.id !== 'undefined' && block.is !== 'result' && (_jsxs("div", { className: b('block-id'), children: ["#", block.id] }))] })) : (block.id) }));
+};
+export function GravityGraph({ data, theme }) {
+    const { graph, start } = useGraph(config);
+    React.useEffect(() => {
+        // Just in case, although mounting takes more time than calculation
+        const worker = new Worker(new URL('./treeLayout', import.meta.url));
+        worker.postMessage({
+            nodes: data.nodes,
+            links: data.links,
+        });
+        worker.onmessage = function (e) {
+            const { layout, edges } = e.data;
+            graph.setEntities({
+                blocks: layout,
+                connections: edges,
+            });
+        };
+        worker.onerror = (err) => {
+            console.error(err);
+        };
+        return () => {
+            worker.terminate();
+        };
+    }, [data.nodes, data.links, graph]);
+    React.useEffect(() => {
+        graph.setColors(parseCustomPropertyValue(graphColorsConfig));
+    }, [graph, theme]);
+    useGraphEvent(graph, 'state-change', ({ state }) => {
+        if (state === GraphState.ATTACHED) {
+            graph.cameraService.set({
+                scale: 1,
+                scaleMax: 1.5,
+                scaleMin: 0.5,
+            });
+            graph.setConstants({
+                block: {
+                    SCALES: [0.125, 0.225, 0.5], // Detailed view stays until zoom = 0.5
+                },
+            });
+            start();
+            // graph.zoomTo("center", { padding: 300 });
+        }
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(GraphCanvas, { graph: graph, renderBlock: renderBlockFn }), _jsx(GraphControls, { graph: graph })] }));
+}
+//# sourceMappingURL=GravityGraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GravityGraph.js","sourceRoot":"","sources":["../../../src/components/Graph/GravityGraph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAEzF,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAElC,OAAO,EAAC,wBAAwB,EAAC,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAC,mBAAmB,EAAC,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAC,mBAAmB,EAAC,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAC;AAEjD,OAAO,qBAAqB,CAAC;AAO7B,MAAM,MAAM,GAAoB;IAC5B,QAAQ,EAAE;QACN,UAAU,EAAE,uBAAuB;QACnC,oBAAoB,EAAE,KAAK;KAC9B;CACJ,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,KAAU,EAAE,EAAE;IAC7C,MAAM,GAAG,GAA6C;QAClD,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,oBAAoB;QAC5B,KAAK,EAAE,mBAAmB;QAC1B,UAAU,EAAE,wBAAwB;KACvC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,EAAsB,CAAC,CAAC;IAEpD,OAAO,CACH,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACxD,SAAS,CAAC,CAAC,CAAC,CACT,8BACI,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,GACzC,EACD,KAAK,CAAC,EAAE,KAAK,WAAW,IAAI,KAAK,CAAC,EAAE,KAAK,QAAQ,IAAI,CAClD,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,kBAAI,KAAK,CAAC,EAAE,IAAO,CACnD,IACF,CACN,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,EAAE,CACX,GACQ,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAAI,EAAC,IAAI,EAAE,KAAK,EAAW;IACnD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAExC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,mEAAmE;QACnE,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACpE,MAAM,CAAC,WAAW,CAAC;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;SACpB,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;YAC1B,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YAE/B,KAAK,CAAC,WAAW,CAAC;gBACd,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK;aACrB,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE;YACrB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,SAAS,EAAE,CAAC;QACvB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;QAC7C,IAAI,KAAK,KAAK,UAAU,CAAC,QAAQ,EAAE,CAAC;YAChC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,GAAG;aAChB,CAAC,CAAC;YACH,KAAK,CAAC,YAAY,CAAC;gBACf,KAAK,EAAE;oBACH,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,uCAAuC;iBACvE;aACJ,CAAC,CAAC;YACH,KAAK,EAAE,CAAC;YACR,4CAA4C;QAChD,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,8BACI,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,GAAI,EACzD,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,IAChC,CACN,CAAC;AACN,CAAC"}

package/dist/components/Graph/GravityGraph.scss

@@ -0,0 +1,124 @@
+.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;
+    }
+
+    &__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,17 @@
+import { MultipointConnection } from '@gravity-ui/graph/react';
+/**
+ * Кастомный класс соединения, который отключает визуальное выделение
+ * Наследуется от MultipointConnection и переопределяет поведение
+ */
+export class NonSelectableConnection extends MultipointConnection {
+    constructor() {
+        super(...arguments);
+        //eslint-disable @typescript-eslint/explicit-member-accessibility
+        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;;QACI,iEAAiE;QACxD,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.ReactNode;
+};
+export declare const TooltipComponent: ({ block, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Graph/TooltipComponent.js

@@ -0,0 +1,29 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } 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;
+    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] = useState(firstTab);
+    return useMemo(() => {
+        var _a, _b;
+        return (_jsxs(TabProvider, { value: activeTab, 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, activeTab]);
+};
+export const TooltipComponent = ({ block, children }) => {
+    const content = useTooltipContent(block);
+    return (_jsx(Popover, { content: content, hasArrow: true, trigger: "click", placement: "right-start", className: "ydb-gravity-graph__tooltip-content", disablePortal: true, strategy: "fixed", children: children }));
+};
+//# 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