@gravity-ui/querieskit 1.5.1 → 1.6.0

package/build/esm/components/QueryGraph/helpers/layout.js

@@ -0,0 +1,128 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.for-each.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/esnext.map.get-or-insert.js";
+import "core-js/modules/esnext.map.get-or-insert-computed.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+var OPERATION_SIZE = 65;
+var RESOURCE_WIDTH = 36;
+var RESOURCE_HEIGHT = 36;
+export function getQueryGraphNodeSize(node) {
+  return node.kind === 'operation' ? {
+    width: OPERATION_SIZE,
+    height: OPERATION_SIZE
+  } : {
+    width: RESOURCE_WIDTH,
+    height: RESOURCE_HEIGHT
+  };
+}
+export function validateQueryGraph(nodes, edges) {
+  var ids = new Set();
+  var _iterator = _createForOfIteratorHelper(nodes),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+      if (ids.has(node.id)) throw new Error("Duplicate query graph node id: ".concat(node.id));
+      ids.add(node.id);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var edgeIds = new Set();
+  var _iterator2 = _createForOfIteratorHelper(edges),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var edge = _step2.value;
+      if (edgeIds.has(edge.id)) throw new Error("Duplicate query graph edge id: ".concat(edge.id));
+      edgeIds.add(edge.id);
+      if (!ids.has(edge.source)) throw new Error("Unknown source node: ".concat(edge.source));
+      if (!ids.has(edge.target)) throw new Error("Unknown target node: ".concat(edge.target));
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  var incoming = new Map(nodes.map(function (node) {
+    return [node.id, 0];
+  }));
+  var outgoing = new Map(nodes.map(function (node) {
+    return [node.id, []];
+  }));
+  edges.forEach(function (edge) {
+    var _incoming$get, _outgoing$get;
+    incoming.set(edge.target, ((_incoming$get = incoming.get(edge.target)) !== null && _incoming$get !== void 0 ? _incoming$get : 0) + 1);
+    (_outgoing$get = outgoing.get(edge.source)) === null || _outgoing$get === void 0 || _outgoing$get.push(edge.target);
+  });
+  var queue = nodes.filter(function (node) {
+    return incoming.get(node.id) === 0;
+  }).map(function (node) {
+    return node.id;
+  });
+  var visited = 0;
+  for (var index = 0; index < queue.length; index++) {
+    var _outgoing$get2;
+    var id = queue[index];
+    visited++;
+    var _iterator3 = _createForOfIteratorHelper((_outgoing$get2 = outgoing.get(id)) !== null && _outgoing$get2 !== void 0 ? _outgoing$get2 : []),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var _incoming$get2;
+        var target = _step3.value;
+        var nextIncoming = ((_incoming$get2 = incoming.get(target)) !== null && _incoming$get2 !== void 0 ? _incoming$get2 : 0) - 1;
+        incoming.set(target, nextIncoming);
+        if (nextIncoming === 0) queue.push(target);
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+  }
+  if (visited !== nodes.length) throw new Error('Query graph contains a cycle');
+}
+export function createQueryGraphConnections(edges, routes) {
+  return edges.map(function (edge) {
+    return _objectSpread({
+      id: edge.id,
+      sourceBlockId: edge.source,
+      targetBlockId: edge.target
+    }, routes === null || routes === void 0 ? void 0 : routes[edge.id]);
+  });
+}
+export function getQueryGraphProgress(node) {
+  var _node$progress, _node$progress$total, _node$progress2, _node$progress$comple, _node$progress3;
+  var fraction = (_node$progress = node.progress) === null || _node$progress === void 0 ? void 0 : _node$progress.fraction;
+  if (typeof fraction === 'number') return Math.min(1, Math.max(0, fraction));
+  var total = (_node$progress$total = (_node$progress2 = node.progress) === null || _node$progress2 === void 0 ? void 0 : _node$progress2.total) !== null && _node$progress$total !== void 0 ? _node$progress$total : 0;
+  if (total <= 0) return 0;
+  return Math.min(1, Math.max(0, ((_node$progress$comple = (_node$progress3 = node.progress) === null || _node$progress3 === void 0 ? void 0 : _node$progress3.completed) !== null && _node$progress$comple !== void 0 ? _node$progress$comple : 0) / total));
+}
+// #sourceMappingURL=layout.js.map

package/build/esm/components/QueryGraph/helpers/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OPERATION_SIZE","RESOURCE_WIDTH","RESOURCE_HEIGHT","getQueryGraphNodeSize","node","kind","width","height","validateQueryGraph","nodes","edges","ids","Set","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","has","id","Error","concat","add","err","e","f","edgeIds","_iterator2","_step2","edge","source","target","incoming","Map","map","outgoing","forEach","_incoming$get","_outgoing$get","set","get","push","queue","filter","visited","index","length","_outgoing$get2","_iterator3","_step3","_incoming$get2","nextIncoming","createQueryGraphConnections","routes","_objectSpread","sourceBlockId","targetBlockId","getQueryGraphProgress","_node$progress","_node$progress$total","_node$progress2","_node$progress$comple","_node$progress3","fraction","progress","Math","min","max","total","completed"],"sources":["layout.ts"],"sourcesContent":["import type {TMultipointConnection} from '@gravity-ui/graph';\n\nimport type {QueryGraphEdge, QueryGraphNode} from '../../../types/queryGraph';\n\nconst OPERATION_SIZE = 65;\nconst RESOURCE_WIDTH = 36;\nconst RESOURCE_HEIGHT = 36;\n\nexport function getQueryGraphNodeSize(node: QueryGraphNode) {\n    return node.kind === 'operation'\n        ? {width: OPERATION_SIZE, height: OPERATION_SIZE}\n        : {width: RESOURCE_WIDTH, height: RESOURCE_HEIGHT};\n}\n\nexport function validateQueryGraph(nodes: QueryGraphNode[], edges: QueryGraphEdge[]) {\n    const ids = new Set<string>();\n    for (const node of nodes) {\n        if (ids.has(node.id)) throw new Error(`Duplicate query graph node id: ${node.id}`);\n        ids.add(node.id);\n    }\n\n    const edgeIds = new Set<string>();\n    for (const edge of edges) {\n        if (edgeIds.has(edge.id)) throw new Error(`Duplicate query graph edge id: ${edge.id}`);\n        edgeIds.add(edge.id);\n        if (!ids.has(edge.source)) throw new Error(`Unknown source node: ${edge.source}`);\n        if (!ids.has(edge.target)) throw new Error(`Unknown target node: ${edge.target}`);\n    }\n\n    const incoming = new Map(nodes.map((node) => [node.id, 0]));\n    const outgoing = new Map(nodes.map((node) => [node.id, [] as string[]]));\n    edges.forEach((edge) => {\n        incoming.set(edge.target, (incoming.get(edge.target) ?? 0) + 1);\n        outgoing.get(edge.source)?.push(edge.target);\n    });\n\n    const queue = nodes.filter((node) => incoming.get(node.id) === 0).map((node) => node.id);\n    let visited = 0;\n    for (let index = 0; index < queue.length; index++) {\n        const id = queue[index];\n        visited++;\n        for (const target of outgoing.get(id) ?? []) {\n            const nextIncoming = (incoming.get(target) ?? 0) - 1;\n            incoming.set(target, nextIncoming);\n            if (nextIncoming === 0) queue.push(target);\n        }\n    }\n    if (visited !== nodes.length) throw new Error('Query graph contains a cycle');\n}\n\nexport function createQueryGraphConnections(\n    edges: QueryGraphEdge[],\n    routes?: Record<string | number | symbol, Pick<TMultipointConnection, 'points' | 'labels'>>,\n): TMultipointConnection[] {\n    return edges.map((edge) => ({\n        id: edge.id,\n        sourceBlockId: edge.source,\n        targetBlockId: edge.target,\n        ...routes?.[edge.id],\n    }));\n}\n\nexport function getQueryGraphProgress(node: QueryGraphNode) {\n    const fraction = node.progress?.fraction;\n    if (typeof fraction === 'number') return Math.min(1, Math.max(0, fraction));\n    const total = node.progress?.total ?? 0;\n    if (total <= 0) return 0;\n    return Math.min(1, Math.max(0, (node.progress?.completed ?? 0) / total));\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/QueryGraph/helpers/presentation.d.ts

@@ -0,0 +1,18 @@
+import type { QueryGraphNode } from '../../../types/queryGraph';
+export declare function getQueryGraphNodeContent(node: QueryGraphNode): {
+    readonly kind: "icon";
+    readonly value?: undefined;
+} | {
+    readonly kind: "counter";
+    readonly value: string;
+} | {
+    readonly kind: "empty";
+    readonly value?: undefined;
+};
+export declare function getScaleAdjustedFontSize(fontSize: number, cameraScale: number): number;
+export declare function fitCanvasFontSize(fontSize: number, measuredWidth: number, maxWidth: number): number;
+export declare function fitCanvasText(context: {
+    measureText: (text: string) => {
+        width: number;
+    };
+}, text: string, maxWidth: number, trimStart: boolean): string;

package/build/esm/components/QueryGraph/helpers/presentation.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.array.slice.js";
+export function getQueryGraphNodeContent(node) {
+  var _node$status, _node$progress;
+  var status = (_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started';
+  if (status === 'not-started') return {
+    kind: 'icon'
+  };
+  var total = (_node$progress = node.progress) === null || _node$progress === void 0 ? void 0 : _node$progress.total;
+  return typeof total === 'number' && total > 0 ? {
+    kind: 'counter',
+    value: String(total)
+  } : {
+    kind: 'empty'
+  };
+}
+export function getScaleAdjustedFontSize(fontSize, cameraScale) {
+  return cameraScale > 0 ? fontSize / cameraScale : fontSize;
+}
+export function fitCanvasFontSize(fontSize, measuredWidth, maxWidth) {
+  if (measuredWidth <= 0 || measuredWidth <= maxWidth) return fontSize;
+  return fontSize * (maxWidth / measuredWidth);
+}
+export function fitCanvasText(context, text, maxWidth, trimStart) {
+  if (context.measureText(text).width <= maxWidth) return text;
+  var ellipsis = '…';
+  var low = 0;
+  var high = text.length;
+  while (low < high) {
+    var length = Math.ceil((low + high) / 2);
+    var candidate = trimStart ? ellipsis + text.slice(text.length - length) : text.slice(0, length) + ellipsis;
+    if (context.measureText(candidate).width <= maxWidth) low = length;else high = length - 1;
+  }
+  return trimStart ? ellipsis + text.slice(text.length - low) : text.slice(0, low) + ellipsis;
+}
+// #sourceMappingURL=presentation.js.map

package/build/esm/components/QueryGraph/helpers/presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getQueryGraphNodeContent","node","_node$status","_node$progress","status","kind","total","progress","value","String","getScaleAdjustedFontSize","fontSize","cameraScale","fitCanvasFontSize","measuredWidth","maxWidth","fitCanvasText","context","text","trimStart","measureText","width","ellipsis","low","high","length","Math","ceil","candidate","slice"],"sources":["presentation.ts"],"sourcesContent":["import type {QueryGraphNode} from '../../../types/queryGraph';\n\nexport function getQueryGraphNodeContent(node: QueryGraphNode) {\n    const status = node.status ?? 'not-started';\n    if (status === 'not-started') return {kind: 'icon'} as const;\n    const total = node.progress?.total;\n    return typeof total === 'number' && total > 0\n        ? ({kind: 'counter', value: String(total)} as const)\n        : ({kind: 'empty'} as const);\n}\n\nexport function getScaleAdjustedFontSize(fontSize: number, cameraScale: number) {\n    return cameraScale > 0 ? fontSize / cameraScale : fontSize;\n}\n\nexport function fitCanvasFontSize(fontSize: number, measuredWidth: number, maxWidth: number) {\n    if (measuredWidth <= 0 || measuredWidth <= maxWidth) return fontSize;\n    return fontSize * (maxWidth / measuredWidth);\n}\n\nexport function fitCanvasText(\n    context: {measureText: (text: string) => {width: number}},\n    text: string,\n    maxWidth: number,\n    trimStart: boolean,\n) {\n    if (context.measureText(text).width <= maxWidth) return text;\n    const ellipsis = '…';\n    let low = 0;\n    let high = text.length;\n    while (low < high) {\n        const length = Math.ceil((low + high) / 2);\n        const candidate = trimStart\n            ? ellipsis + text.slice(text.length - length)\n            : text.slice(0, length) + ellipsis;\n        if (context.measureText(candidate).width <= maxWidth) low = length;\n        else high = length - 1;\n    }\n    return trimStart ? ellipsis + text.slice(text.length - low) : text.slice(0, low) + ellipsis;\n}\n"],"mappings":";AAEA,OAAO,SAASA,wBAAwBA,CAACC,IAAoB,EAAE;EAAA,IAAAC,YAAA,EAAAC,cAAA;EAC3D,IAAMC,MAAM,IAAAF,YAAA,GAAGD,IAAI,CAACG,MAAM,cAAAF,YAAA,cAAAA,YAAA,GAAI,aAAa;EAC3C,IAAIE,MAAM,KAAK,aAAa,EAAE,OAAO;IAACC,IAAI,EAAE;EAAM,CAAC;EACnD,IAAMC,KAAK,IAAAH,cAAA,GAAGF,IAAI,CAACM,QAAQ,cAAAJ,cAAA,uBAAbA,cAAA,CAAeG,KAAK;EAClC,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,GAAG,CAAC,GACtC;IAACD,IAAI,EAAE,SAAS;IAAEG,KAAK,EAAEC,MAAM,CAACH,KAAK;EAAC,CAAC,GACvC;IAACD,IAAI,EAAE;EAAO,CAAW;AACpC;AAEA,OAAO,SAASK,wBAAwBA,CAACC,QAAgB,EAAEC,WAAmB,EAAE;EAC5E,OAAOA,WAAW,GAAG,CAAC,GAAGD,QAAQ,GAAGC,WAAW,GAAGD,QAAQ;AAC9D;AAEA,OAAO,SAASE,iBAAiBA,CAACF,QAAgB,EAAEG,aAAqB,EAAEC,QAAgB,EAAE;EACzF,IAAID,aAAa,IAAI,CAAC,IAAIA,aAAa,IAAIC,QAAQ,EAAE,OAAOJ,QAAQ;EACpE,OAAOA,QAAQ,IAAII,QAAQ,GAAGD,aAAa,CAAC;AAChD;AAEA,OAAO,SAASE,aAAaA,CACzBC,OAAyD,EACzDC,IAAY,EACZH,QAAgB,EAChBI,SAAkB,EACpB;EACE,IAAIF,OAAO,CAACG,WAAW,CAACF,IAAI,CAAC,CAACG,KAAK,IAAIN,QAAQ,EAAE,OAAOG,IAAI;EAC5D,IAAMI,QAAQ,GAAG,GAAG;EACpB,IAAIC,GAAG,GAAG,CAAC;EACX,IAAIC,IAAI,GAAGN,IAAI,CAACO,MAAM;EACtB,OAAOF,GAAG,GAAGC,IAAI,EAAE;IACf,IAAMC,MAAM,GAAGC,IAAI,CAACC,IAAI,CAAC,CAACJ,GAAG,GAAGC,IAAI,IAAI,CAAC,CAAC;IAC1C,IAAMI,SAAS,GAAGT,SAAS,GACrBG,QAAQ,GAAGJ,IAAI,CAACW,KAAK,CAACX,IAAI,CAACO,MAAM,GAAGA,MAAM,CAAC,GAC3CP,IAAI,CAACW,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,GAAGH,QAAQ;IACtC,IAAIL,OAAO,CAACG,WAAW,CAACQ,SAAS,CAAC,CAACP,KAAK,IAAIN,QAAQ,EAAEQ,GAAG,GAAGE,MAAM,CAAC,KAC9DD,IAAI,GAAGC,MAAM,GAAG,CAAC;EAC1B;EACA,OAAON,SAAS,GAAGG,QAAQ,GAAGJ,IAAI,CAACW,KAAK,CAACX,IAAI,CAACO,MAAM,GAAGF,GAAG,CAAC,GAAGL,IAAI,CAACW,KAAK,CAAC,CAAC,EAAEN,GAAG,CAAC,GAAGD,QAAQ;AAC/F","ignoreList":[]}

package/build/esm/components/QueryGraph/i18n/dicts.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    en: {
+        action_fit: string;
+        "action_zoom-in": string;
+        "action_zoom-out": string;
+        "action_show-graph": string;
+        "context_large-graph": string;
+        context_empty: string;
+        value_stages: string;
+        value_details: string;
+        value_jobs: string;
+        value_schemas: string;
+        field_stage: string;
+        field_duration: string;
+        field_status: string;
+        field_count: string;
+        field_name: string;
+        field_type: string;
+        value_total: string;
+        value_inputs: string;
+        value_outputs: string;
+        status_pending: string;
+        status_running: string;
+        status_completed: string;
+        status_failed: string;
+        status_aborted: string;
+    };
+    ru: {
+        action_fit: string;
+        "action_zoom-in": string;
+        "action_zoom-out": string;
+        "action_show-graph": string;
+        "context_large-graph": string;
+        context_empty: string;
+        value_stages: string;
+        value_details: string;
+        value_jobs: string;
+        value_schemas: string;
+        field_stage: string;
+        field_duration: string;
+        field_status: string;
+        field_count: string;
+        field_name: string;
+        field_type: string;
+        value_total: string;
+        value_inputs: string;
+        value_outputs: string;
+        status_pending: string;
+        status_running: string;
+        status_completed: string;
+        status_failed: string;
+        status_aborted: string;
+    };
+};
+export default _default;

package/build/esm/components/QueryGraph/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

package/build/esm/components/QueryGraph/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/components/QueryGraph/i18n/en.json

@@ -0,0 +1,26 @@
+{
+  "action_fit": "Fit",
+  "action_zoom-in": "Zoom in",
+  "action_zoom-out": "Zoom out",
+  "action_show-graph": "Show graph",
+  "context_large-graph": "The graph contains {{count}} nodes and may take some time to render.",
+  "context_empty": "No graph data",
+  "value_stages": "Stages",
+  "value_details": "Details",
+  "value_jobs": "Jobs",
+  "value_schemas": "Schemas",
+  "field_stage": "Stage",
+  "field_duration": "Duration",
+  "field_status": "Status",
+  "field_count": "Count",
+  "field_name": "Name",
+  "field_type": "Type",
+  "value_total": "Total",
+  "value_inputs": "Inputs",
+  "value_outputs": "Outputs",
+  "status_pending": "Pending",
+  "status_running": "Running",
+  "status_completed": "Completed",
+  "status_failed": "Failed",
+  "status_aborted": "Aborted"
+}

package/build/esm/components/QueryGraph/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "field_name" | "action_fit" | "action_zoom-in" | "action_zoom-out" | "action_show-graph" | "context_large-graph" | "context_empty" | "value_stages" | "value_details" | "value_jobs" | "value_schemas" | "field_stage" | "field_duration" | "field_status" | "field_count" | "field_type" | "value_total" | "value_inputs" | "value_outputs" | "status_pending" | "status_running" | "status_completed" | "status_failed" | "status_aborted", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:query-graph": Record<"field_name" | "action_fit" | "action_zoom-in" | "action_zoom-out" | "action_show-graph" | "context_large-graph" | "context_empty" | "value_stages" | "value_details" | "value_jobs" | "value_schemas" | "field_stage" | "field_duration" | "field_status" | "field_count" | "field_type" | "value_total" | "value_inputs" | "value_outputs" | "status_pending" | "status_running" | "status_completed" | "status_failed" | "status_aborted", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/esm/components/QueryGraph/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:query-graph', dicts);
+// #sourceMappingURL=index.js.map

package/build/esm/components/QueryGraph/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:query-graph', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,gBAAgB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/components/QueryGraph/i18n/ru.json

@@ -0,0 +1,26 @@
+{
+  "action_fit": "Вписать",
+  "action_zoom-in": "Приблизить",
+  "action_zoom-out": "Отдалить",
+  "action_show-graph": "Показать граф",
+  "context_large-graph": "Граф содержит {{count}} узлов, его построение может занять некоторое время.",
+  "context_empty": "Нет данных графа",
+  "value_stages": "Этапы",
+  "value_details": "Детали",
+  "value_jobs": "Задачи",
+  "value_schemas": "Схемы",
+  "field_stage": "Этап",
+  "field_duration": "Длительность",
+  "field_status": "Статус",
+  "field_count": "Количество",
+  "field_name": "Название",
+  "field_type": "Тип",
+  "value_total": "Всего",
+  "value_inputs": "Входы",
+  "value_outputs": "Выходы",
+  "status_pending": "Ожидает",
+  "status_running": "Выполняется",
+  "status_completed": "Завершено",
+  "status_failed": "Ошибка",
+  "status_aborted": "Прервано"
+}

package/build/esm/components/QueryGraph/index.d.ts

@@ -0,0 +1,2 @@
+export { QueryGraph } from './QueryGraph';
+export type { QueryGraphProps } from '../../types/queryGraph';

package/build/esm/components/QueryGraph/index.js

@@ -0,0 +1,2 @@
+export { QueryGraph } from "./QueryGraph";
+// #sourceMappingURL=index.js.map

package/build/esm/components/QueryGraph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QueryGraph"],"sources":["index.ts"],"sourcesContent":["export {QueryGraph} from './QueryGraph';\nexport type {QueryGraphProps} from '../../types/queryGraph';\n"],"mappings":"AAAA,SAAQA,UAAU","ignoreList":[]}

package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.d.ts

@@ -0,0 +1,24 @@
+import { CanvasBlock, type TBlock } from '@gravity-ui/graph';
+import type { QueryGraphNode } from '../../../types/queryGraph';
+type QueryGraphBlockMeta = {
+    node: QueryGraphNode;
+    iconSvg: string;
+    fallbackIconSvg: string;
+    iconColorToken: string;
+    fallbackIconColorToken: string;
+};
+export type QueryGraphBlock = TBlock<QueryGraphBlockMeta>;
+export declare class QueryGraphCanvasBlock extends CanvasBlock<QueryGraphBlock> {
+    renderMinimalisticBlock(ctx: CanvasRenderingContext2D): void;
+    renderSchematicView(ctx: CanvasRenderingContext2D): void;
+    renderDetailedView(ctx: CanvasRenderingContext2D): void;
+    private readonly redrawAfterImageLoad;
+    private renderQueryNode;
+    private drawNodeShape;
+    private drawRunningOperation;
+    private drawCounter;
+    private drawStatusIcon;
+    private drawIcon;
+    private drawLabel;
+}
+export {};