@gravity-ui/querieskit 1.5.0 → 1.6.0

package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQueryGraphLayout = useQueryGraphLayout;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _graph = require("@gravity-ui/graph");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useQueryGraphLayout(_ref) {
+  var structureKey = _ref.structureKey,
+    blocks = _ref.blocks,
+    connections = _ref.connections,
+    onError = _ref.onError;
+  var onErrorRef = (0, _react.useRef)(onError);
+  onErrorRef.current = onError;
+  var requestedKeyRef = (0, _react.useRef)(structureKey);
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    resolved = _useState2[0],
+    setResolved = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var handleError = (0, _react.useCallback)(function (nextError) {
+    var _onErrorRef$current;
+    setError(nextError);
+    (_onErrorRef$current = onErrorRef.current) === null || _onErrorRef$current === void 0 || _onErrorRef$current.call(onErrorRef, nextError);
+  }, []);
+  var _useLayeredLayout = (0, _graph.useLayeredLayout)({
+      blocks: blocks,
+      connections: connections,
+      onError: handleError
+    }),
+    result = _useLayeredLayout.result,
+    isLoading = _useLayeredLayout.isLoading;
+  (0, _react.useEffect)(function () {
+    setError(undefined);
+  }, [structureKey]);
+  (0, _react.useEffect)(function () {
+    if (isLoading) requestedKeyRef.current = structureKey;
+  }, [isLoading, structureKey]);
+  (0, _react.useEffect)(function () {
+    if (!isLoading && result && requestedKeyRef.current === structureKey) {
+      setResolved({
+        structureKey: structureKey,
+        result: result
+      });
+    }
+  }, [isLoading, result, structureKey]);
+  return {
+    result: resolved === null || resolved === void 0 ? void 0 : resolved.result,
+    resolvedStructureKey: resolved === null || resolved === void 0 ? void 0 : resolved.structureKey,
+    isInitialLoading: isLoading && !resolved,
+    error: error
+  };
+}
+// #sourceMappingURL=useQueryGraphLayout.js.map

package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_graph","_interopRequireDefault","e","__esModule","default","useQueryGraphLayout","_ref","structureKey","blocks","connections","onError","onErrorRef","useRef","current","requestedKeyRef","_useState","useState","_useState2","_slicedToArray","resolved","setResolved","_useState3","_useState4","error","setError","handleError","useCallback","nextError","_onErrorRef$current","call","_useLayeredLayout","useLayeredLayout","result","isLoading","useEffect","undefined","resolvedStructureKey","isInitialLoading"],"sources":["useQueryGraphLayout.ts"],"sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\nimport {type ConverterResult, useLayeredLayout} from '@gravity-ui/graph';\n\ntype QueryGraphLayoutInput = {\n    structureKey: string;\n    blocks: Array<{id: string; width: number; height: number}>;\n    connections: Array<{\n        id: string;\n        sourceBlockId: string;\n        targetBlockId: string;\n    }>;\n    onError?: (error: Error) => void;\n};\n\ntype ResolvedLayout = {structureKey: string; result: ConverterResult};\n\nexport function useQueryGraphLayout({\n    structureKey,\n    blocks,\n    connections,\n    onError,\n}: QueryGraphLayoutInput) {\n    const onErrorRef = useRef(onError);\n    onErrorRef.current = onError;\n    const requestedKeyRef = useRef(structureKey);\n    const [resolved, setResolved] = useState<ResolvedLayout>();\n    const [error, setError] = useState<Error>();\n\n    const handleError = useCallback((nextError: Error) => {\n        setError(nextError);\n        onErrorRef.current?.(nextError);\n    }, []);\n    const {result, isLoading} = useLayeredLayout({blocks, connections, onError: handleError});\n\n    useEffect(() => {\n        setError(undefined);\n    }, [structureKey]);\n    useEffect(() => {\n        if (isLoading) requestedKeyRef.current = structureKey;\n    }, [isLoading, structureKey]);\n    useEffect(() => {\n        if (!isLoading && result && requestedKeyRef.current === structureKey) {\n            setResolved({structureKey, result});\n        }\n    }, [isLoading, result, structureKey]);\n\n    return {\n        result: resolved?.result,\n        resolvedStructureKey: resolved?.structureKey,\n        isInitialLoading: isLoading && !resolved,\n        error,\n    };\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAwE,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAejE,SAASG,mBAAmBA,CAAAC,IAAA,EAKT;EAAA,IAJtBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAEP,IAAMC,UAAU,GAAG,IAAAC,aAAM,EAACF,OAAO,CAAC;EAClCC,UAAU,CAACE,OAAO,GAAGH,OAAO;EAC5B,IAAMI,eAAe,GAAG,IAAAF,aAAM,EAACL,YAAY,CAAC;EAC5C,IAAAQ,SAAA,GAAgC,IAAAC,eAAQ,EAAiB,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAAnDI,QAAQ,GAAAF,UAAA;IAAEG,WAAW,GAAAH,UAAA;EAC5B,IAAAI,UAAA,GAA0B,IAAAL,eAAQ,EAAQ,CAAC;IAAAM,UAAA,OAAAJ,uBAAA,EAAAG,UAAA;IAApCE,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EAEtB,IAAMG,WAAW,GAAG,IAAAC,kBAAW,EAAC,UAACC,SAAgB,EAAK;IAAA,IAAAC,mBAAA;IAClDJ,QAAQ,CAACG,SAAS,CAAC;IACnB,CAAAC,mBAAA,GAAAjB,UAAU,CAACE,OAAO,cAAAe,mBAAA,eAAlBA,mBAAA,CAAAC,IAAA,CAAAlB,UAAU,EAAWgB,SAAS,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EACN,IAAAG,iBAAA,GAA4B,IAAAC,uBAAgB,EAAC;MAACvB,MAAM,EAANA,MAAM;MAAEC,WAAW,EAAXA,WAAW;MAAEC,OAAO,EAAEe;IAAW,CAAC,CAAC;IAAlFO,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS;EAExB,IAAAC,gBAAS,EAAC,YAAM;IACZV,QAAQ,CAACW,SAAS,CAAC;EACvB,CAAC,EAAE,CAAC5B,YAAY,CAAC,CAAC;EAClB,IAAA2B,gBAAS,EAAC,YAAM;IACZ,IAAID,SAAS,EAAEnB,eAAe,CAACD,OAAO,GAAGN,YAAY;EACzD,CAAC,EAAE,CAAC0B,SAAS,EAAE1B,YAAY,CAAC,CAAC;EAC7B,IAAA2B,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,SAAS,IAAID,MAAM,IAAIlB,eAAe,CAACD,OAAO,KAAKN,YAAY,EAAE;MAClEa,WAAW,CAAC;QAACb,YAAY,EAAZA,YAAY;QAAEyB,MAAM,EAANA;MAAM,CAAC,CAAC;IACvC;EACJ,CAAC,EAAE,CAACC,SAAS,EAAED,MAAM,EAAEzB,YAAY,CAAC,CAAC;EAErC,OAAO;IACHyB,MAAM,EAAEb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEa,MAAM;IACxBI,oBAAoB,EAAEjB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEZ,YAAY;IAC5C8B,gBAAgB,EAAEJ,SAAS,IAAI,CAACd,QAAQ;IACxCI,KAAK,EAALA;EACJ,CAAC;AACL","ignoreList":[]}

package/build/cjs/components/QueryGraph/story/largeGraphData.d.ts

@@ -0,0 +1,3 @@
+import type { QueryGraphEdge, QueryGraphNode } from '../../../types/queryGraph';
+export declare const largeGraphNodes: QueryGraphNode[];
+export declare const largeGraphEdges: QueryGraphEdge[];

package/build/cjs/components/QueryGraph/story/largeGraphData.js

@@ -0,0 +1,227 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.largeGraphNodes = exports.largeGraphEdges = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.object.to-string.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function operation(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    _ref$inputs = _ref.inputs,
+    inputs = _ref$inputs === void 0 ? 1 : _ref$inputs,
+    _ref$outputs = _ref.outputs,
+    outputs = _ref$outputs === void 0 ? 1 : _ref$outputs,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'completed' : _ref$status,
+    _ref$total = _ref.total,
+    total = _ref$total === void 0 ? 100 : _ref$total,
+    _ref$completed = _ref.completed,
+    completed = _ref$completed === void 0 ? total : _ref$completed,
+    running = _ref.running;
+  var pending = Math.max(0, total - completed - (running !== null && running !== void 0 ? running : 0));
+  return {
+    id: id,
+    kind: 'operation',
+    name: name,
+    label: label,
+    status: status,
+    progress: {
+      total: total,
+      completed: completed,
+      running: running,
+      pending: pending
+    },
+    popup: {
+      details: [{
+        name: 'Operation ID',
+        value: id
+      }, {
+        name: 'Inputs',
+        value: inputs
+      }, {
+        name: 'Outputs',
+        value: outputs
+      }],
+      jobs: {
+        total: total,
+        completed: completed,
+        running: running,
+        pending: pending
+      }
+    }
+  };
+}
+
+// The topology is adapted from a processed production graph. Product-specific names and
+// backend fields are intentionally normalized to the public QueryGraph contract.
+var largeGraphNodes = exports.largeGraphNodes = [{
+  id: '25',
+  kind: 'input',
+  name: 'date_dim',
+  label: 'tpcds/3TB/date_dim',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/date_dim'
+    }]
+  }
+}, {
+  id: '26',
+  kind: 'input',
+  name: 'web_sales',
+  label: 'tpcds/3TB/web_sales',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/web_sales'
+    }]
+  }
+}, {
+  id: '27',
+  kind: 'input',
+  name: 'customer_address',
+  label: 'tpcds/3TB/customer_address',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/customer_address'
+    }]
+  }
+}, {
+  id: '153',
+  kind: 'input',
+  name: 'store_sales',
+  label: 'tpcds/3TB/store_sales',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/store_sales'
+    }]
+  }
+}, operation({
+  id: '21',
+  name: 'Sort',
+  total: 48
+}), operation({
+  id: '41',
+  name: 'Reduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 96
+}), operation({
+  id: '50',
+  name: 'MapReduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 180
+}), operation({
+  id: '67',
+  name: 'MapReduce',
+  label: '3 outputs',
+  outputs: 3,
+  total: 240
+}), operation({
+  id: '92',
+  name: 'Merge',
+  total: 72
+}), operation({
+  id: '96',
+  name: 'Merge',
+  total: 84
+}), operation({
+  id: '100',
+  name: 'Merge',
+  total: 64
+}), operation({
+  id: '38',
+  name: 'Reduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 112
+}), operation({
+  id: '59',
+  name: 'MapReduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 196
+}), operation({
+  id: '75',
+  name: 'MapReduce',
+  label: '3 outputs',
+  outputs: 3,
+  total: 256
+}), operation({
+  id: '105',
+  name: 'Merge',
+  total: 80
+}), operation({
+  id: '109',
+  name: 'Merge',
+  total: 88
+}), operation({
+  id: '140',
+  name: 'Map',
+  total: 144
+}), operation({
+  id: '171',
+  name: 'Map',
+  status: 'running',
+  total: 128,
+  completed: 72,
+  running: 16
+}), operation({
+  id: '179',
+  name: 'Map',
+  status: 'waiting',
+  total: 96,
+  completed: 0
+}), operation({
+  id: '186',
+  name: 'Map',
+  status: 'not-started',
+  total: 80,
+  completed: 0
+}), operation({
+  id: '192',
+  name: 'Map',
+  status: 'not-started',
+  total: 64,
+  completed: 0
+}), operation({
+  id: '197',
+  name: 'Sort',
+  status: 'not-started',
+  total: 48,
+  completed: 0
+}), operation({
+  id: '200',
+  name: 'Fetch result',
+  status: 'not-started',
+  total: 1,
+  completed: 0
+}), operation({
+  id: '198',
+  name: 'Commit result',
+  status: 'not-started',
+  total: 1,
+  completed: 0
+})];
+var topology = [['25', '21'], ['26', '41'], ['21', '41'], ['27', '50'], ['41', '50'], ['50', '67'], ['67', '92'], ['67', '96'], ['67', '100'], ['153', '38'], ['21', '38'], ['27', '59'], ['38', '59'], ['59', '75'], ['75', '105'], ['75', '109'], ['75', '140'], ['109', '140'], ['75', '171'], ['105', '171'], ['140', '171'], ['67', '179'], ['100', '179'], ['171', '179'], ['67', '186'], ['96', '186'], ['179', '186'], ['67', '192'], ['92', '192'], ['186', '192'], ['192', '197'], ['197', '200'], ['200', '198']];
+var largeGraphEdges = exports.largeGraphEdges = topology.map(function (_ref2) {
+  var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    source = _ref3[0],
+    target = _ref3[1];
+  return {
+    id: "".concat(source, "-").concat(target),
+    source: source,
+    target: target
+  };
+});
+// #sourceMappingURL=largeGraphData.js.map

package/build/cjs/components/QueryGraph/story/largeGraphData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["operation","_ref","id","name","label","_ref$inputs","inputs","_ref$outputs","outputs","_ref$status","status","_ref$total","total","_ref$completed","completed","running","pending","Math","max","kind","progress","popup","details","value","jobs","largeGraphNodes","exports","topology","largeGraphEdges","map","_ref2","_ref3","_slicedToArray","source","target","concat"],"sources":["largeGraphData.ts"],"sourcesContent":["import type {QueryGraphEdge, QueryGraphNode, QueryGraphNodeStatus} from '../../../types/queryGraph';\n\ntype OperationOptions = {\n    id: string;\n    name: string;\n    label?: string;\n    inputs?: number;\n    outputs?: number;\n    status?: QueryGraphNodeStatus;\n    total?: number;\n    completed?: number;\n    running?: number;\n};\n\nfunction operation({\n    id,\n    name,\n    label,\n    inputs = 1,\n    outputs = 1,\n    status = 'completed',\n    total = 100,\n    completed = total,\n    running,\n}: OperationOptions): QueryGraphNode {\n    const pending = Math.max(0, total - completed - (running ?? 0));\n\n    return {\n        id,\n        kind: 'operation',\n        name,\n        label,\n        status,\n        progress: {total, completed, running, pending},\n        popup: {\n            details: [\n                {name: 'Operation ID', value: id},\n                {name: 'Inputs', value: inputs},\n                {name: 'Outputs', value: outputs},\n            ],\n            jobs: {total, completed, running, pending},\n        },\n    };\n}\n\n// The topology is adapted from a processed production graph. Product-specific names and\n// backend fields are intentionally normalized to the public QueryGraph contract.\nexport const largeGraphNodes: QueryGraphNode[] = [\n    {\n        id: '25',\n        kind: 'input',\n        name: 'date_dim',\n        label: 'tpcds/3TB/date_dim',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/date_dim'}]},\n    },\n    {\n        id: '26',\n        kind: 'input',\n        name: 'web_sales',\n        label: 'tpcds/3TB/web_sales',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/web_sales'}]},\n    },\n    {\n        id: '27',\n        kind: 'input',\n        name: 'customer_address',\n        label: 'tpcds/3TB/customer_address',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/customer_address'}]},\n    },\n    {\n        id: '153',\n        kind: 'input',\n        name: 'store_sales',\n        label: 'tpcds/3TB/store_sales',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/store_sales'}]},\n    },\n    operation({id: '21', name: 'Sort', total: 48}),\n    operation({id: '41', name: 'Reduce', label: '2 inputs', inputs: 2, total: 96}),\n    operation({id: '50', name: 'MapReduce', label: '2 inputs', inputs: 2, total: 180}),\n    operation({id: '67', name: 'MapReduce', label: '3 outputs', outputs: 3, total: 240}),\n    operation({id: '92', name: 'Merge', total: 72}),\n    operation({id: '96', name: 'Merge', total: 84}),\n    operation({id: '100', name: 'Merge', total: 64}),\n    operation({id: '38', name: 'Reduce', label: '2 inputs', inputs: 2, total: 112}),\n    operation({id: '59', name: 'MapReduce', label: '2 inputs', inputs: 2, total: 196}),\n    operation({id: '75', name: 'MapReduce', label: '3 outputs', outputs: 3, total: 256}),\n    operation({id: '105', name: 'Merge', total: 80}),\n    operation({id: '109', name: 'Merge', total: 88}),\n    operation({id: '140', name: 'Map', total: 144}),\n    operation({\n        id: '171',\n        name: 'Map',\n        status: 'running',\n        total: 128,\n        completed: 72,\n        running: 16,\n    }),\n    operation({id: '179', name: 'Map', status: 'waiting', total: 96, completed: 0}),\n    operation({id: '186', name: 'Map', status: 'not-started', total: 80, completed: 0}),\n    operation({id: '192', name: 'Map', status: 'not-started', total: 64, completed: 0}),\n    operation({id: '197', name: 'Sort', status: 'not-started', total: 48, completed: 0}),\n    operation({id: '200', name: 'Fetch result', status: 'not-started', total: 1, completed: 0}),\n    operation({id: '198', name: 'Commit result', status: 'not-started', total: 1, completed: 0}),\n];\n\nconst topology = [\n    ['25', '21'],\n    ['26', '41'],\n    ['21', '41'],\n    ['27', '50'],\n    ['41', '50'],\n    ['50', '67'],\n    ['67', '92'],\n    ['67', '96'],\n    ['67', '100'],\n    ['153', '38'],\n    ['21', '38'],\n    ['27', '59'],\n    ['38', '59'],\n    ['59', '75'],\n    ['75', '105'],\n    ['75', '109'],\n    ['75', '140'],\n    ['109', '140'],\n    ['75', '171'],\n    ['105', '171'],\n    ['140', '171'],\n    ['67', '179'],\n    ['100', '179'],\n    ['171', '179'],\n    ['67', '186'],\n    ['96', '186'],\n    ['179', '186'],\n    ['67', '192'],\n    ['92', '192'],\n    ['186', '192'],\n    ['192', '197'],\n    ['197', '200'],\n    ['200', '198'],\n] as const;\n\nexport const largeGraphEdges: QueryGraphEdge[] = topology.map(([source, target]) => ({\n    id: `${source}-${target}`,\n    source,\n    target,\n}));\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/index.d.ts

@@ -53,3 +53,5 @@ export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT
 export type { MonacoThemeName } from './MonacoEditor';
 export * from './AttachmentList';
 export * from './AttachmentListPlaceholder';
+export { QueryGraph } from './QueryGraph';
+export type { QueryGraphProps } from './QueryGraph';

package/build/cjs/components/index.js

@@ -39,7 +39,8 @@ var _exportNames = {
   DEFAULT_ADD_CHART_BUTTON_OPTIONS: true,
   ChartEditorForm: true,
   Chart: true,
-  ErrorTree: true
+  ErrorTree: true,
+  QueryGraph: true
 };
 Object.defineProperty(exports, "AddChartButton", {
   enumerable: true,
@@ -185,6 +186,12 @@ Object.defineProperty(exports, "QueryDuration", {
     return _QueryDuration.QueryDuration;
   }
 });
+Object.defineProperty(exports, "QueryGraph", {
+  enumerable: true,
+  get: function () {
+    return _QueryGraph.QueryGraph;
+  }
+});
 Object.defineProperty(exports, "QueryResultsTable", {
   enumerable: true,
   get: function () {
@@ -321,4 +328,5 @@ Object.keys(_AttachmentListPlaceholder).forEach(function (key) {
     }
   });
 });
+var _QueryGraph = require("./QueryGraph");
 // #sourceMappingURL=index.js.map

package/build/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DataTable","require","_QueryResultsTable","_QueryStatusIcon","_QueryDuration","_LazyList","_ListSpinner","_Breadcrumbs","_PathEditor","_HistoryFilter","_HistoryPrivateIcon","_FieldsSelector","_EditableRowTitle","_RowActionsMenu","_FieldsSearchToolbar","_HistoryGroupHeader","_EmptyContent","_ClusterRow","_NavigationItemRow","_NavigationActionButtons","_SkeletonRows","_RowLink","_SearchRowLayout","_SearchWithButtons","_MonacoEditor","_AddChartButton","_ChartEditorForm","_Dashboard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Chart","_ErrorTree","_AttachmentList","_AttachmentListPlaceholder"],"sources":["index.ts"],"sourcesContent":["export {DataTable} from './DataTable';\nexport type {DataTableProps, Column} from './DataTable';\nexport {QueryResultsTable, formatQueryResultType} from './QueryResultsTable';\nexport type {QueryResultsTableProps} from './QueryResultsTable';\nexport {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {LazyList} from './LazyList';\nexport type {LazyListProps} from './LazyList';\nexport {ListSpinner} from './ListSpinner';\nexport type {ListSpinnerProps} from './ListSpinner';\nexport {Breadcrumbs} from './Breadcrumbs';\nexport type {BreadcrumbsProps} from './Breadcrumbs';\nexport {PathEditor} from './PathEditor';\nexport type {PathEditorProps} from './PathEditor';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';\nexport {EditableRowTitle} from './EditableRowTitle';\nexport type {EditableRowTitleProps} from './EditableRowTitle';\nexport {RowActionsMenu} from './RowActionsMenu';\nexport type {RowActionsMenuProps} from './RowActionsMenu';\nexport {FieldsSearchToolbar} from './FieldsSearchToolbar';\nexport type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {EmptyContent} from './EmptyContent';\nexport type {EmptyContentProps, EmptyContentVariant} from './EmptyContent';\nexport {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\nexport {NavigationItemRow} from './NavigationItemRow';\nexport type {NavigationItemRowProps} from './NavigationItemRow';\nexport {NavigationActionButtons} from './NavigationActionButtons';\nexport type {NavigationActionButtonsProps} from './NavigationActionButtons';\nexport {SkeletonRows} from './SkeletonRows';\nexport type {SkeletonRowsProps} from './SkeletonRows';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {SearchWithButtons} from './SearchWithButtons';\nexport type {SearchWithButtonsProps} from './SearchWithButtons';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\nexport {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './ChartEditorForm';\nexport * from './Dashboard';\nexport {Chart} from './Chart';\nexport type {ChartAction, ChartProps} from './Chart';\nexport {ErrorTree} from './ErrorTree';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\nexport * from './AttachmentList';\nexport * from './AttachmentListPlaceholder';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_DataTable","require","_QueryResultsTable","_QueryStatusIcon","_QueryDuration","_LazyList","_ListSpinner","_Breadcrumbs","_PathEditor","_HistoryFilter","_HistoryPrivateIcon","_FieldsSelector","_EditableRowTitle","_RowActionsMenu","_FieldsSearchToolbar","_HistoryGroupHeader","_EmptyContent","_ClusterRow","_NavigationItemRow","_NavigationActionButtons","_SkeletonRows","_RowLink","_SearchRowLayout","_SearchWithButtons","_MonacoEditor","_AddChartButton","_ChartEditorForm","_Dashboard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Chart","_ErrorTree","_AttachmentList","_AttachmentListPlaceholder","_QueryGraph"],"sources":["index.ts"],"sourcesContent":["export {DataTable} from './DataTable';\nexport type {DataTableProps, Column} from './DataTable';\nexport {QueryResultsTable, formatQueryResultType} from './QueryResultsTable';\nexport type {QueryResultsTableProps} from './QueryResultsTable';\nexport {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {LazyList} from './LazyList';\nexport type {LazyListProps} from './LazyList';\nexport {ListSpinner} from './ListSpinner';\nexport type {ListSpinnerProps} from './ListSpinner';\nexport {Breadcrumbs} from './Breadcrumbs';\nexport type {BreadcrumbsProps} from './Breadcrumbs';\nexport {PathEditor} from './PathEditor';\nexport type {PathEditorProps} from './PathEditor';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';\nexport {EditableRowTitle} from './EditableRowTitle';\nexport type {EditableRowTitleProps} from './EditableRowTitle';\nexport {RowActionsMenu} from './RowActionsMenu';\nexport type {RowActionsMenuProps} from './RowActionsMenu';\nexport {FieldsSearchToolbar} from './FieldsSearchToolbar';\nexport type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {EmptyContent} from './EmptyContent';\nexport type {EmptyContentProps, EmptyContentVariant} from './EmptyContent';\nexport {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\nexport {NavigationItemRow} from './NavigationItemRow';\nexport type {NavigationItemRowProps} from './NavigationItemRow';\nexport {NavigationActionButtons} from './NavigationActionButtons';\nexport type {NavigationActionButtonsProps} from './NavigationActionButtons';\nexport {SkeletonRows} from './SkeletonRows';\nexport type {SkeletonRowsProps} from './SkeletonRows';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {SearchWithButtons} from './SearchWithButtons';\nexport type {SearchWithButtonsProps} from './SearchWithButtons';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\nexport {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './ChartEditorForm';\nexport * from './Dashboard';\nexport {Chart} from './Chart';\nexport type {ChartAction, ChartProps} from './Chart';\nexport {ErrorTree} from './ErrorTree';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\nexport * from './AttachmentList';\nexport * from './AttachmentListPlaceholder';\nexport {QueryGraph} from './QueryGraph';\nexport type {QueryGraphProps} from './QueryGraph';\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/helpers/buildColumnsFromKeys.d.ts

@@ -1,2 +1,2 @@
-import type { Column } from '../components';
+import type { Column } from '../components/DataTable';
 export declare function buildColumnsFromKeys<TRow extends Record<string, unknown>>(columns: string[], emptyText: string): Array<Column<TRow>>;

package/build/cjs/helpers/buildColumnsFromKeys.js.map

@@ -1 +1 @@
-{"version":3,"names":["_isEmptyValue","require","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value","isEmptyValue"],"sources":["buildColumnsFromKeys.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {Column} from '../components';\nimport {isEmptyValue} from './isEmptyValue';\n\nexport function buildColumnsFromKeys<TRow extends Record<string, unknown>>(\n    columns: string[],\n    emptyText: string,\n): Array<Column<TRow>> {\n    return columns.map((column) => ({\n        name: column,\n        header: column,\n        render: ({row}) => {\n            const value = row[column];\n            return isEmptyValue(value) ? emptyText : (value as ReactNode);\n        },\n    }));\n}\n"],"mappings":";;;;;;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAChCC,OAAiB,EACjBC,SAAiB,EACE;EACnB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM;IAAA,OAAM;MAC5BC,IAAI,EAAED,MAAM;MACZE,MAAM,EAAEF,MAAM;MACdG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAAa;QAAA,IAATC,GAAG,GAAAD,IAAA,CAAHC,GAAG;QACT,IAAMC,KAAK,GAAGD,GAAG,CAACL,MAAM,CAAC;QACzB,OAAO,IAAAO,0BAAY,EAACD,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}
+{"version":3,"names":["_isEmptyValue","require","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value","isEmptyValue"],"sources":["buildColumnsFromKeys.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {Column} from '../components/DataTable';\nimport {isEmptyValue} from './isEmptyValue';\n\nexport function buildColumnsFromKeys<TRow extends Record<string, unknown>>(\n    columns: string[],\n    emptyText: string,\n): Array<Column<TRow>> {\n    return columns.map((column) => ({\n        name: column,\n        header: column,\n        render: ({row}) => {\n            const value = row[column];\n            return isEmptyValue(value) ? emptyText : (value as ReactNode);\n        },\n    }));\n}\n"],"mappings":";;;;;;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAChCC,OAAiB,EACjBC,SAAiB,EACE;EACnB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM;IAAA,OAAM;MAC5BC,IAAI,EAAED,MAAM;MACZE,MAAM,EAAEF,MAAM;MACdG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAAa;QAAA,IAATC,GAAG,GAAAD,IAAA,CAAHC,GAAG;QACT,IAAMC,KAAK,GAAGD,GAAG,CAACL,MAAM,CAAC;QACzB,OAAO,IAAAO,0BAAY,EAACD,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}

package/build/cjs/index.d.ts

@@ -10,3 +10,4 @@ export * from './types/pathEditor';
 export * from './types/errorTree';
 export * from './types/queryStatistics';
 export * from './types/queryResults';
+export * from './types/queryGraph';

package/build/cjs/index.js

@@ -124,4 +124,15 @@ Object.keys(_queryResults).forEach(function (key) {
     }
   });
 });
+var _queryGraph = require("./types/queryGraph");
+Object.keys(_queryGraph).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _queryGraph[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _queryGraph[key];
+    }
+  });
+});
 // #sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_modules","_widgets","_queryList","_history","_tutorial","_navigation","_pathEditor","_errorTree","_queryStatistics","_queryResults"],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/queryList';\nexport * from './types/history';\nexport type {SavedQuery} from './types/savedQueries';\nexport * from './types/tutorial';\nexport * from './types/navigation';\nexport * from './types/pathEditor';\nexport * from './types/errorTree';\nexport * from './types/queryStatistics';\nexport * from './types/queryResults';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_modules","_widgets","_queryList","_history","_tutorial","_navigation","_pathEditor","_errorTree","_queryStatistics","_queryResults","_queryGraph"],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/queryList';\nexport * from './types/history';\nexport type {SavedQuery} from './types/savedQueries';\nexport * from './types/tutorial';\nexport * from './types/navigation';\nexport * from './types/pathEditor';\nexport * from './types/errorTree';\nexport * from './types/queryStatistics';\nexport * from './types/queryResults';\nexport * from './types/queryGraph';\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/Attachments/Attachments.css

@@ -1,5 +1,12 @@
+.qp-attachments {
+  display: flex;
+  flex-direction: column;
+}
 .qp-attachments__panel {
-  flex: 1;
+  flex: 1 1 0;
+  min-height: 0;
+  max-height: 100%;
+  overflow: hidden;
 }
 .qp-attachments__tab .g-tab__title {
   display: flex;
@@ -8,5 +15,10 @@
 .qp-attachments__tab-list {
   padding-left: var(--g-spacing-4);
   padding-right: var(--g-spacing-4);
+  flex-shrink: 0;
+}
+.qp-attachments__list {
+  min-height: 0;
+  overflow-y: auto;
 }
 /*# sourceMappingURL=Attachments.css.map */

package/build/cjs/modules/Attachments/Attachments.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AACI;EACI,OAAA;AAAR;AAGI;EACI,aAAA;EACA,uBAAA;AADR;AAII;EACI,gCAAA;EACA,iCAAA;AAFR","file":"Attachments.css","sourcesContent":[".qp-attachments {\n    &__panel {\n        flex: 1;\n    }\n\n    &__tab .g-tab__title {\n        display: flex;\n        gap: var(--g-spacing-2)\n    }\n\n    &__tab-list {\n        padding-left: var(--g-spacing-4);\n        padding-right: var(--g-spacing-4);\n    }\n}"],"sourceRoot":""}
+{"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;AACJ;AACI;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;AACR;AAEI;EACI,aAAA;EACA,uBAAA;AAAR;AAGI;EACI,gCAAA;EACA,iCAAA;EACA,cAAA;AADR;AAII;EACI,aAAA;EACA,gBAAA;AAFR","file":"Attachments.css","sourcesContent":[".qp-attachments {\n    display: flex;\n    flex-direction: column;\n    \n    &__panel {\n        flex: 1 1 0;\n        min-height: 0;\n        max-height: 100%;\n        overflow: hidden;\n    }\n\n    &__tab .g-tab__title {\n        display: flex;\n        gap: var(--g-spacing-2)\n    }\n\n    &__tab-list {\n        padding-left: var(--g-spacing-4);\n        padding-right: var(--g-spacing-4);\n        flex-shrink: 0;\n    }\n\n    &__list {\n        min-height: 0;\n        overflow-y: auto;\n    }\n}"],"sourceRoot":""}

package/build/cjs/modules/Attachments/Attachments.js

@@ -253,11 +253,10 @@ var Attachments = exports.Attachments = function Attachments(_ref) {
       deletedAttachments: patchDeletedAttachList
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Box, {
     className: block(),
-    direction: "column",
-    width: "100%",
     height: "100%",
+    overflow: "hidden",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.TabProvider, {
       value: currentTab,
       onUpdate: function onUpdate(tab) {
@@ -293,11 +292,12 @@ var Attachments = exports.Attachments = function Attachments(_ref) {
         value: "Current",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
           spacing: {
-            pt: 3
+            py: 3
           },
           direction: "column",
           width: "100%",
           height: "100%",
+          gap: 3,
           children: [attachList.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AttachmentList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attachmentListProps), {}, {
             attachments: attachList,
             wasAddedIds: wasAddedIds,