@gravity-ui/querieskit 1.5.1 → 1.6.0

package/build/esm/components/QueryGraph/internal/queryGraphIcons.js

@@ -0,0 +1,150 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.string.starts-with.js";
+import "core-js/modules/es.weak-map.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/esnext.weak-map.get-or-insert.js";
+import "core-js/modules/esnext.weak-map.get-or-insert-computed.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React from 'react';
+import { CircleCheck, CircleMinus, CirclePlay, CircleXmark, CodeCommit, CodeMerge, Eraser, LayoutHeaderCellsLarge, ListTimeline, Molecule, Shuffle } from '@gravity-ui/icons';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Map, Reduce and MapReduce paths are adapted from the corresponding neutral
+// operation icons in ytsaurus/ytsaurus-ui (Apache-2.0).
+var MapOperationIcon = function MapOperationIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M3 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M2.25.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5M3 8a.75.75 0 1 1-1.5 0A.75.75 0 0 1 3 8m-.75-2.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5M3 13.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M2.25 11a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m11.5-8a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m0-2.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m0-3a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m.75 7.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m-.75-2.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4 2.8h8M4 8h8m-5-2.5L9.5 8 7 10.5m-3 2.8h8",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  }));
+};
+var ReduceOperationIcon = function ReduceOperationIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M4 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M3.25.5a2.25 2.25 0 0 1 2.122 1.5h.378a3 3 0 0 1 3 3v2.25h3.94l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H8.75V11a3 3 0 0 1-3 3h-.378a2.25 2.25 0 1 1 0-1.5h.378A1.5 1.5 0 0 0 7.25 11V8.75H5.372a2.25 2.25 0 1 1 0-1.5H7.25V5a1.5 1.5 0 0 0-1.5-1.5h-.378A2.25 2.25 0 1 1 3.25.5M4 8a.75.75 0 1 1-1.5 0A.75.75 0 0 1 4 8m0 5.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"
+    })
+  }));
+};
+var MapReduceOperationIcon = function MapReduceOperationIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M3 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M4.372 3.5A2.25 2.25 0 1 1 4.372 2H6.25a3 3 0 0 1 3 3v.896A2.25 2.25 0 0 1 10.572 7.25H14a.75.75 0 0 1 0 1.5h-3.428A2.25 2.25 0 0 1 9.25 10.104V11a3 3 0 0 1-3 3H4.372a2.25 2.25 0 1 1 0-1.5H6.25a1.5 1.5 0 0 0 1.5-1.5v-.861a2.25 2.25 0 0 1-1.423-1.393L6.25 8.75H4.372a2.25 2.25 0 1 1 0-1.5H6.25l.077.004A2.25 2.25 0 0 1 7.75 5.861V5a1.5 1.5 0 0 0-1.5-1.5zM3 8a.75.75 0 1 1-1.5 0A.75.75 0 0 1 3 8m0 5.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M9.2 8a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.5 5.5 15 8l-2.5 2.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  }));
+};
+var operationIcons = {
+  read: ListTimeline,
+  map: MapOperationIcon,
+  reduce: ReduceOperationIcon,
+  'map-reduce': MapReduceOperationIcon,
+  merge: CodeMerge,
+  sort: Shuffle,
+  erase: Eraser,
+  commit: CodeCommit,
+  operation: Molecule
+};
+var statusIcons = {
+  running: CirclePlay,
+  completed: CircleCheck,
+  failed: CircleXmark,
+  aborted: CircleMinus
+};
+var statusIconSvgCache = new Map();
+var defaultIconSvgCache = new Map();
+var customIconSvgCache = new WeakMap();
+export function getDefaultQueryGraphNodeIcon(node) {
+  var _node$operationType;
+  var IconComponent = node.kind === 'operation' ? operationIcons[(_node$operationType = node.operationType) !== null && _node$operationType !== void 0 ? _node$operationType : 'operation'] : LayoutHeaderCellsLarge;
+  return /*#__PURE__*/_jsx(IconComponent, {});
+}
+export function getQueryGraphNodeIcon(node) {
+  return /*#__PURE__*/React.isValidElement(node.icon) && queryGraphIconToSvg(node.icon) ? node.icon : getDefaultQueryGraphNodeIcon(node);
+}
+export function getQueryGraphNodeIconSvgs(node) {
+  var _node$operationType2;
+  var defaultKey = node.kind === 'operation' ? "operation:".concat((_node$operationType2 = node.operationType) !== null && _node$operationType2 !== void 0 ? _node$operationType2 : 'operation') : 'resource';
+  var defaultIconColorToken = '--g-color-text-misc';
+  var fallbackIconSvg = defaultIconSvgCache.get(defaultKey);
+  if (!fallbackIconSvg) {
+    var _queryGraphIconToSvg;
+    fallbackIconSvg = (_queryGraphIconToSvg = queryGraphIconToSvg(getDefaultQueryGraphNodeIcon(node))) !== null && _queryGraphIconToSvg !== void 0 ? _queryGraphIconToSvg : '';
+    defaultIconSvgCache.set(defaultKey, fallbackIconSvg);
+  }
+  if (! /*#__PURE__*/React.isValidElement(node.icon)) {
+    return {
+      iconSvg: fallbackIconSvg,
+      fallbackIconSvg: fallbackIconSvg,
+      iconColorToken: defaultIconColorToken,
+      fallbackIconColorToken: defaultIconColorToken
+    };
+  }
+  var iconSvg = customIconSvgCache.get(node.icon);
+  if (!customIconSvgCache.has(node.icon)) {
+    iconSvg = queryGraphIconToSvg(node.icon);
+    customIconSvgCache.set(node.icon, iconSvg);
+  }
+  return {
+    iconSvg: iconSvg !== null && iconSvg !== void 0 ? iconSvg : fallbackIconSvg,
+    fallbackIconSvg: fallbackIconSvg,
+    iconColorToken: iconSvg ? '--g-color-text-primary' : defaultIconColorToken,
+    fallbackIconColorToken: defaultIconColorToken
+  };
+}
+export function queryGraphIconToSvg(icon) {
+  if (! /*#__PURE__*/React.isValidElement(icon)) return undefined;
+  try {
+    var markup = renderToStaticMarkup(icon);
+    return markup.startsWith('<svg') ? markup : undefined;
+  } catch (_unused) {
+    return undefined;
+  }
+}
+export function getQueryGraphStatusIconSvg(status) {
+  if (statusIconSvgCache.has(status)) return statusIconSvgCache.get(status);
+  var StatusIcon = statusIcons[status];
+  var svg = StatusIcon ? queryGraphIconToSvg(/*#__PURE__*/_jsx(StatusIcon, {})) : undefined;
+  statusIconSvgCache.set(status, svg);
+  return svg;
+}
+// #sourceMappingURL=queryGraphIcons.js.map

package/build/esm/components/QueryGraph/internal/queryGraphIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CircleCheck","CircleMinus","CirclePlay","CircleXmark","CodeCommit","CodeMerge","Eraser","LayoutHeaderCellsLarge","ListTimeline","Molecule","Shuffle","renderToStaticMarkup","jsx","_jsx","jsxs","_jsxs","MapOperationIcon","props","_objectSpread","width","height","viewBox","fill","xmlns","children","fillRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","ReduceOperationIcon","MapReduceOperationIcon","operationIcons","read","map","reduce","merge","sort","erase","commit","operation","statusIcons","running","completed","failed","aborted","statusIconSvgCache","Map","defaultIconSvgCache","customIconSvgCache","WeakMap","getDefaultQueryGraphNodeIcon","node","_node$operationType","IconComponent","kind","operationType","getQueryGraphNodeIcon","isValidElement","icon","queryGraphIconToSvg","getQueryGraphNodeIconSvgs","_node$operationType2","defaultKey","concat","defaultIconColorToken","fallbackIconSvg","get","_queryGraphIconToSvg","set","iconSvg","iconColorToken","fallbackIconColorToken","has","undefined","markup","startsWith","_unused","getQueryGraphStatusIconSvg","status","StatusIcon","svg"],"sources":["queryGraphIcons.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    CircleCheck,\n    CircleMinus,\n    CirclePlay,\n    CircleXmark,\n    CodeCommit,\n    CodeMerge,\n    Eraser,\n    LayoutHeaderCellsLarge,\n    ListTimeline,\n    Molecule,\n    Shuffle,\n} from '@gravity-ui/icons';\nimport {renderToStaticMarkup} from 'react-dom/server';\n\nimport type {\n    QueryGraphNode,\n    QueryGraphNodeStatus,\n    QueryGraphOperationType,\n} from '../../../types/queryGraph';\n\ntype SvgIcon = (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;\n\n// Map, Reduce and MapReduce paths are adapted from the corresponding neutral\n// operation icons in ytsaurus/ytsaurus-ui (Apache-2.0).\nconst MapOperationIcon: SvgIcon = (props) => (\n    <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            d=\"M3 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M2.25.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5M3 8a.75.75 0 1 1-1.5 0A.75.75 0 0 1 3 8m-.75-2.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5M3 13.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M2.25 11a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m11.5-8a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m0-2.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m0-3a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m.75 7.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m-.75-2.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5\"\n        />\n        <path\n            d=\"M4 2.8h8M4 8h8m-5-2.5L9.5 8 7 10.5m-3 2.8h8\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n);\n\nconst ReduceOperationIcon: SvgIcon = (props) => (\n    <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            d=\"M4 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M3.25.5a2.25 2.25 0 0 1 2.122 1.5h.378a3 3 0 0 1 3 3v2.25h3.94l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H8.75V11a3 3 0 0 1-3 3h-.378a2.25 2.25 0 1 1 0-1.5h.378A1.5 1.5 0 0 0 7.25 11V8.75H5.372a2.25 2.25 0 1 1 0-1.5H7.25V5a1.5 1.5 0 0 0-1.5-1.5h-.378A2.25 2.25 0 1 1 3.25.5M4 8a.75.75 0 1 1-1.5 0A.75.75 0 0 1 4 8m0 5.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0\"\n        />\n    </svg>\n);\n\nconst MapReduceOperationIcon: SvgIcon = (props) => (\n    <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            d=\"M3 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M4.372 3.5A2.25 2.25 0 1 1 4.372 2H6.25a3 3 0 0 1 3 3v.896A2.25 2.25 0 0 1 10.572 7.25H14a.75.75 0 0 1 0 1.5h-3.428A2.25 2.25 0 0 1 9.25 10.104V11a3 3 0 0 1-3 3H4.372a2.25 2.25 0 1 1 0-1.5H6.25a1.5 1.5 0 0 0 1.5-1.5v-.861a2.25 2.25 0 0 1-1.423-1.393L6.25 8.75H4.372a2.25 2.25 0 1 1 0-1.5H6.25l.077.004A2.25 2.25 0 0 1 7.75 5.861V5a1.5 1.5 0 0 0-1.5-1.5zM3 8a.75.75 0 1 1-1.5 0A.75.75 0 0 1 3 8m0 5.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M9.2 8a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0\"\n        />\n        <path\n            d=\"M12.5 5.5 15 8l-2.5 2.5\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n);\n\nconst operationIcons: Record<QueryGraphOperationType, SvgIcon> = {\n    read: ListTimeline,\n    map: MapOperationIcon,\n    reduce: ReduceOperationIcon,\n    'map-reduce': MapReduceOperationIcon,\n    merge: CodeMerge,\n    sort: Shuffle,\n    erase: Eraser,\n    commit: CodeCommit,\n    operation: Molecule,\n};\n\nconst statusIcons: Partial<Record<QueryGraphNodeStatus, SvgIcon>> = {\n    running: CirclePlay,\n    completed: CircleCheck,\n    failed: CircleXmark,\n    aborted: CircleMinus,\n};\nconst statusIconSvgCache = new Map<QueryGraphNodeStatus, string | undefined>();\nconst defaultIconSvgCache = new Map<string, string>();\nconst customIconSvgCache = new WeakMap<object, string | undefined>();\n\nexport function getDefaultQueryGraphNodeIcon(node: QueryGraphNode): React.ReactElement {\n    const IconComponent =\n        node.kind === 'operation'\n            ? operationIcons[node.operationType ?? 'operation']\n            : LayoutHeaderCellsLarge;\n    return <IconComponent />;\n}\n\nexport function getQueryGraphNodeIcon(node: QueryGraphNode): React.ReactElement {\n    return React.isValidElement(node.icon) && queryGraphIconToSvg(node.icon)\n        ? node.icon\n        : getDefaultQueryGraphNodeIcon(node);\n}\n\nexport function getQueryGraphNodeIconSvgs(node: QueryGraphNode) {\n    const defaultKey =\n        node.kind === 'operation' ? `operation:${node.operationType ?? 'operation'}` : 'resource';\n    const defaultIconColorToken = '--g-color-text-misc';\n    let fallbackIconSvg = defaultIconSvgCache.get(defaultKey);\n    if (!fallbackIconSvg) {\n        fallbackIconSvg = queryGraphIconToSvg(getDefaultQueryGraphNodeIcon(node)) ?? '';\n        defaultIconSvgCache.set(defaultKey, fallbackIconSvg);\n    }\n\n    if (!React.isValidElement(node.icon)) {\n        return {\n            iconSvg: fallbackIconSvg,\n            fallbackIconSvg,\n            iconColorToken: defaultIconColorToken,\n            fallbackIconColorToken: defaultIconColorToken,\n        };\n    }\n    let iconSvg = customIconSvgCache.get(node.icon);\n    if (!customIconSvgCache.has(node.icon)) {\n        iconSvg = queryGraphIconToSvg(node.icon);\n        customIconSvgCache.set(node.icon, iconSvg);\n    }\n    return {\n        iconSvg: iconSvg ?? fallbackIconSvg,\n        fallbackIconSvg,\n        iconColorToken: iconSvg ? '--g-color-text-primary' : defaultIconColorToken,\n        fallbackIconColorToken: defaultIconColorToken,\n    };\n}\n\nexport function queryGraphIconToSvg(icon: React.ReactNode): string | undefined {\n    if (!React.isValidElement(icon)) return undefined;\n    try {\n        const markup = renderToStaticMarkup(icon);\n        return markup.startsWith('<svg') ? markup : undefined;\n    } catch {\n        return undefined;\n    }\n}\n\nexport function getQueryGraphStatusIconSvg(status: QueryGraphNodeStatus) {\n    if (statusIconSvgCache.has(status)) return statusIconSvgCache.get(status);\n    const StatusIcon = statusIcons[status];\n    const svg = StatusIcon ? queryGraphIconToSvg(<StatusIcon />) : undefined;\n    statusIconSvgCache.set(status, svg);\n    return svg;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+import { type ConverterResult } from '@gravity-ui/graph';
+type QueryGraphLayoutInput = {
+    structureKey: string;
+    blocks: Array<{
+        id: string;
+        width: number;
+        height: number;
+    }>;
+    connections: Array<{
+        id: string;
+        sourceBlockId: string;
+        targetBlockId: string;
+    }>;
+    onError?: (error: Error) => void;
+};
+export declare function useQueryGraphLayout({ structureKey, blocks, connections, onError, }: QueryGraphLayoutInput): {
+    result: ConverterResult | undefined;
+    resolvedStructureKey: string | undefined;
+    isInitialLoading: boolean;
+    error: Error | undefined;
+};
+export {};

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

@@ -0,0 +1,53 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useLayeredLayout } from '@gravity-ui/graph';
+export function useQueryGraphLayout(_ref) {
+  var structureKey = _ref.structureKey,
+    blocks = _ref.blocks,
+    connections = _ref.connections,
+    onError = _ref.onError;
+  var onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  var requestedKeyRef = useRef(structureKey);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    resolved = _useState2[0],
+    setResolved = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var handleError = useCallback(function (nextError) {
+    var _onErrorRef$current;
+    setError(nextError);
+    (_onErrorRef$current = onErrorRef.current) === null || _onErrorRef$current === void 0 || _onErrorRef$current.call(onErrorRef, nextError);
+  }, []);
+  var _useLayeredLayout = useLayeredLayout({
+      blocks: blocks,
+      connections: connections,
+      onError: handleError
+    }),
+    result = _useLayeredLayout.result,
+    isLoading = _useLayeredLayout.isLoading;
+  useEffect(function () {
+    setError(undefined);
+  }, [structureKey]);
+  useEffect(function () {
+    if (isLoading) requestedKeyRef.current = structureKey;
+  }, [isLoading, structureKey]);
+  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/esm/components/QueryGraph/internal/useQueryGraphLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useLayeredLayout","useQueryGraphLayout","_ref","structureKey","blocks","connections","onError","onErrorRef","current","requestedKeyRef","_useState","_useState2","_slicedToArray","resolved","setResolved","_useState3","_useState4","error","setError","handleError","nextError","_onErrorRef$current","call","_useLayeredLayout","result","isLoading","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,SAAQA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAC9D,SAA8BC,gBAAgB,QAAO,mBAAmB;AAexE,OAAO,SAASC,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,GAAGT,MAAM,CAACQ,OAAO,CAAC;EAClCC,UAAU,CAACC,OAAO,GAAGF,OAAO;EAC5B,IAAMG,eAAe,GAAGX,MAAM,CAACK,YAAY,CAAC;EAC5C,IAAAO,SAAA,GAAgCX,QAAQ,CAAiB,CAAC;IAAAY,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAnDG,QAAQ,GAAAF,UAAA;IAAEG,WAAW,GAAAH,UAAA;EAC5B,IAAAI,UAAA,GAA0BhB,QAAQ,CAAQ,CAAC;IAAAiB,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAApCE,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EAEtB,IAAMG,WAAW,GAAGvB,WAAW,CAAC,UAACwB,SAAgB,EAAK;IAAA,IAAAC,mBAAA;IAClDH,QAAQ,CAACE,SAAS,CAAC;IACnB,CAAAC,mBAAA,GAAAd,UAAU,CAACC,OAAO,cAAAa,mBAAA,eAAlBA,mBAAA,CAAAC,IAAA,CAAAf,UAAU,EAAWa,SAAS,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EACN,IAAAG,iBAAA,GAA4BvB,gBAAgB,CAAC;MAACI,MAAM,EAANA,MAAM;MAAEC,WAAW,EAAXA,WAAW;MAAEC,OAAO,EAAEa;IAAW,CAAC,CAAC;IAAlFK,MAAM,GAAAD,iBAAA,CAANC,MAAM;IAAEC,SAAS,GAAAF,iBAAA,CAATE,SAAS;EAExB5B,SAAS,CAAC,YAAM;IACZqB,QAAQ,CAACQ,SAAS,CAAC;EACvB,CAAC,EAAE,CAACvB,YAAY,CAAC,CAAC;EAClBN,SAAS,CAAC,YAAM;IACZ,IAAI4B,SAAS,EAAEhB,eAAe,CAACD,OAAO,GAAGL,YAAY;EACzD,CAAC,EAAE,CAACsB,SAAS,EAAEtB,YAAY,CAAC,CAAC;EAC7BN,SAAS,CAAC,YAAM;IACZ,IAAI,CAAC4B,SAAS,IAAID,MAAM,IAAIf,eAAe,CAACD,OAAO,KAAKL,YAAY,EAAE;MAClEW,WAAW,CAAC;QAACX,YAAY,EAAZA,YAAY;QAAEqB,MAAM,EAANA;MAAM,CAAC,CAAC;IACvC;EACJ,CAAC,EAAE,CAACC,SAAS,EAAED,MAAM,EAAErB,YAAY,CAAC,CAAC;EAErC,OAAO;IACHqB,MAAM,EAAEX,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEW,MAAM;IACxBG,oBAAoB,EAAEd,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEV,YAAY;IAC5CyB,gBAAgB,EAAEH,SAAS,IAAI,CAACZ,QAAQ;IACxCI,KAAK,EAALA;EACJ,CAAC;AACL","ignoreList":[]}

package/build/esm/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/esm/components/QueryGraph/story/largeGraphData.js

@@ -0,0 +1,220 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.to-string.js";
+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.
+export var 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']];
+export var largeGraphEdges = topology.map(function (_ref2) {
+  var _ref3 = _slicedToArray(_ref2, 2),
+    source = _ref3[0],
+    target = _ref3[1];
+  return {
+    id: "".concat(source, "-").concat(target),
+    source: source,
+    target: target
+  };
+});
+// #sourceMappingURL=largeGraphData.js.map

package/build/esm/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","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":";;;;;AAcA,SAASA,SAASA,CAAAC,IAAA,EAUmB;EAAA,IATjCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,WAAA,GAAAJ,IAAA,CACLK,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,YAAA,GAAAN,IAAA,CACVO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;IAAAE,WAAA,GAAAR,IAAA,CACXS,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,WAAW,GAAAA,WAAA;IAAAE,UAAA,GAAAV,IAAA,CACpBW,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;IAAAE,cAAA,GAAAZ,IAAA,CACXa,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAGD,KAAK,GAAAC,cAAA;IACjBE,OAAO,GAAAd,IAAA,CAAPc,OAAO;EAEP,IAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,KAAK,GAAGE,SAAS,IAAIC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,CAAC,CAAC,CAAC;EAE/D,OAAO;IACHb,EAAE,EAAFA,EAAE;IACFiB,IAAI,EAAE,WAAW;IACjBhB,IAAI,EAAJA,IAAI;IACJC,KAAK,EAALA,KAAK;IACLM,MAAM,EAANA,MAAM;IACNU,QAAQ,EAAE;MAACR,KAAK,EAALA,KAAK;MAAEE,SAAS,EAATA,SAAS;MAAEC,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAO,CAAC;IAC9CK,KAAK,EAAE;MACHC,OAAO,EAAE,CACL;QAACnB,IAAI,EAAE,cAAc;QAAEoB,KAAK,EAAErB;MAAE,CAAC,EACjC;QAACC,IAAI,EAAE,QAAQ;QAAEoB,KAAK,EAAEjB;MAAM,CAAC,EAC/B;QAACH,IAAI,EAAE,SAAS;QAAEoB,KAAK,EAAEf;MAAO,CAAC,CACpC;MACDgB,IAAI,EAAE;QAACZ,KAAK,EAALA,KAAK;QAAEE,SAAS,EAATA,SAAS;QAAEC,OAAO,EAAPA,OAAO;QAAEC,OAAO,EAAPA;MAAO;IAC7C;EACJ,CAAC;AACL;;AAEA;AACA;AACA,OAAO,IAAMS,eAAiC,GAAG,CAC7C;EACIvB,EAAE,EAAE,IAAI;EACRiB,IAAI,EAAE,OAAO;EACbhB,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,oBAAoB;EAC3BiB,KAAK,EAAE;IAACC,OAAO,EAAE,CAAC;MAACnB,IAAI,EAAE,MAAM;MAAEoB,KAAK,EAAE;IAAoB,CAAC;EAAC;AAClE,CAAC,EACD;EACIrB,EAAE,EAAE,IAAI;EACRiB,IAAI,EAAE,OAAO;EACbhB,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,qBAAqB;EAC5BiB,KAAK,EAAE;IAACC,OAAO,EAAE,CAAC;MAACnB,IAAI,EAAE,MAAM;MAAEoB,KAAK,EAAE;IAAqB,CAAC;EAAC;AACnE,CAAC,EACD;EACIrB,EAAE,EAAE,IAAI;EACRiB,IAAI,EAAE,OAAO;EACbhB,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE,4BAA4B;EACnCiB,KAAK,EAAE;IAACC,OAAO,EAAE,CAAC;MAACnB,IAAI,EAAE,MAAM;MAAEoB,KAAK,EAAE;IAA4B,CAAC;EAAC;AAC1E,CAAC,EACD;EACIrB,EAAE,EAAE,KAAK;EACTiB,IAAI,EAAE,OAAO;EACbhB,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,uBAAuB;EAC9BiB,KAAK,EAAE;IAACC,OAAO,EAAE,CAAC;MAACnB,IAAI,EAAE,MAAM;MAAEoB,KAAK,EAAE;IAAuB,CAAC;EAAC;AACrE,CAAC,EACDvB,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,MAAM;EAAES,KAAK,EAAE;AAAE,CAAC,CAAC,EAC9CZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,QAAQ;EAAEC,KAAK,EAAE,UAAU;EAAEE,MAAM,EAAE,CAAC;EAAEM,KAAK,EAAE;AAAE,CAAC,CAAC,EAC9EZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,WAAW;EAAEC,KAAK,EAAE,UAAU;EAAEE,MAAM,EAAE,CAAC;EAAEM,KAAK,EAAE;AAAG,CAAC,CAAC,EAClFZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,WAAW;EAAEC,KAAK,EAAE,WAAW;EAAEI,OAAO,EAAE,CAAC;EAAEI,KAAK,EAAE;AAAG,CAAC,CAAC,EACpFZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,OAAO;EAAES,KAAK,EAAE;AAAE,CAAC,CAAC,EAC/CZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,OAAO;EAAES,KAAK,EAAE;AAAE,CAAC,CAAC,EAC/CZ,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,OAAO;EAAES,KAAK,EAAE;AAAE,CAAC,CAAC,EAChDZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,QAAQ;EAAEC,KAAK,EAAE,UAAU;EAAEE,MAAM,EAAE,CAAC;EAAEM,KAAK,EAAE;AAAG,CAAC,CAAC,EAC/EZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,WAAW;EAAEC,KAAK,EAAE,UAAU;EAAEE,MAAM,EAAE,CAAC;EAAEM,KAAK,EAAE;AAAG,CAAC,CAAC,EAClFZ,SAAS,CAAC;EAACE,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE,WAAW;EAAEC,KAAK,EAAE,WAAW;EAAEI,OAAO,EAAE,CAAC;EAAEI,KAAK,EAAE;AAAG,CAAC,CAAC,EACpFZ,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,OAAO;EAAES,KAAK,EAAE;AAAE,CAAC,CAAC,EAChDZ,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,OAAO;EAAES,KAAK,EAAE;AAAE,CAAC,CAAC,EAChDZ,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,KAAK;EAAES,KAAK,EAAE;AAAG,CAAC,CAAC,EAC/CZ,SAAS,CAAC;EACNE,EAAE,EAAE,KAAK;EACTC,IAAI,EAAE,KAAK;EACXO,MAAM,EAAE,SAAS;EACjBE,KAAK,EAAE,GAAG;EACVE,SAAS,EAAE,EAAE;EACbC,OAAO,EAAE;AACb,CAAC,CAAC,EACFf,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,KAAK;EAAEO,MAAM,EAAE,SAAS;EAAEE,KAAK,EAAE,EAAE;EAAEE,SAAS,EAAE;AAAC,CAAC,CAAC,EAC/Ed,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,KAAK;EAAEO,MAAM,EAAE,aAAa;EAAEE,KAAK,EAAE,EAAE;EAAEE,SAAS,EAAE;AAAC,CAAC,CAAC,EACnFd,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,KAAK;EAAEO,MAAM,EAAE,aAAa;EAAEE,KAAK,EAAE,EAAE;EAAEE,SAAS,EAAE;AAAC,CAAC,CAAC,EACnFd,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,MAAM;EAAEO,MAAM,EAAE,aAAa;EAAEE,KAAK,EAAE,EAAE;EAAEE,SAAS,EAAE;AAAC,CAAC,CAAC,EACpFd,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,cAAc;EAAEO,MAAM,EAAE,aAAa;EAAEE,KAAK,EAAE,CAAC;EAAEE,SAAS,EAAE;AAAC,CAAC,CAAC,EAC3Fd,SAAS,CAAC;EAACE,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE,eAAe;EAAEO,MAAM,EAAE,aAAa;EAAEE,KAAK,EAAE,CAAC;EAAEE,SAAS,EAAE;AAAC,CAAC,CAAC,CAC/F;AAED,IAAMY,QAAQ,GAAG,CACb,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,KAAK,EAAE,IAAI,CAAC,EACb,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,IAAI,EAAE,KAAK,CAAC,EACb,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,KAAK,EAAE,KAAK,CAAC,EACd,CAAC,KAAK,EAAE,KAAK,CAAC,CACR;AAEV,OAAO,IAAMC,eAAiC,GAAGD,QAAQ,CAACE,GAAG,CAAC,UAAAC,KAAA;EAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,KAAA;IAAEG,MAAM,GAAAF,KAAA;IAAEG,MAAM,GAAAH,KAAA;EAAA,OAAO;IACjF5B,EAAE,KAAAgC,MAAA,CAAKF,MAAM,OAAAE,MAAA,CAAID,MAAM,CAAE;IACzBD,MAAM,EAANA,MAAM;IACNC,MAAM,EAANA;EACJ,CAAC;AAAA,CAAC,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/index.js

@@ -30,4 +30,5 @@ export { ErrorTree } from "./ErrorTree";
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI } from "./MonacoEditor";
 export * from "./AttachmentList";
 export * from "./AttachmentListPlaceholder";
+export { QueryGraph } from "./QueryGraph";
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["DataTable","QueryResultsTable","formatQueryResultType","QueryStatusIcon","QueryDuration","LazyList","ListSpinner","Breadcrumbs","PathEditor","HistoryFilter","HistoryPrivateIcon","FieldsSelector","EditableRowTitle","RowActionsMenu","FieldsSearchToolbar","HistoryGroupHeader","EmptyContent","ClusterRow","NavigationItemRow","NavigationActionButtons","SkeletonRows","RowLink","SearchRowLayout","SearchWithButtons","MonacoEditor","AddChartButton","DEFAULT_ADD_CHART_BUTTON_OPTIONS","ChartEditorForm","Chart","ErrorTree","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI"],"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":"AAAA,SAAQA,SAAS;AAEjB,SAAQC,iBAAiB,EAAEC,qBAAqB;AAEhD,SAAQC,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAElB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AAEtB,SAAQC,gBAAgB;AAExB,SAAQC,cAAc;AAEtB,SAAQC,mBAAmB;AAE3B,SAAQC,kBAAkB;AAC1B,SAAQC,YAAY;AAEpB,SAAQC,UAAU;AAElB,SAAQC,iBAAiB;AAEzB,SAAQC,uBAAuB;AAE/B,SAAQC,YAAY;AAEpB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,cAAc,EAAEC,gCAAgC;AAMxD,SAAQC,eAAe;AAOvB;AACA,SAAQC,KAAK;AAEb,SAAQC,SAAS;AACjB,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB;AAGtB;AACA","ignoreList":[]}
+{"version":3,"names":["DataTable","QueryResultsTable","formatQueryResultType","QueryStatusIcon","QueryDuration","LazyList","ListSpinner","Breadcrumbs","PathEditor","HistoryFilter","HistoryPrivateIcon","FieldsSelector","EditableRowTitle","RowActionsMenu","FieldsSearchToolbar","HistoryGroupHeader","EmptyContent","ClusterRow","NavigationItemRow","NavigationActionButtons","SkeletonRows","RowLink","SearchRowLayout","SearchWithButtons","MonacoEditor","AddChartButton","DEFAULT_ADD_CHART_BUTTON_OPTIONS","ChartEditorForm","Chart","ErrorTree","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI","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":"AAAA,SAAQA,SAAS;AAEjB,SAAQC,iBAAiB,EAAEC,qBAAqB;AAEhD,SAAQC,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAElB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AAEtB,SAAQC,gBAAgB;AAExB,SAAQC,cAAc;AAEtB,SAAQC,mBAAmB;AAE3B,SAAQC,kBAAkB;AAC1B,SAAQC,YAAY;AAEpB,SAAQC,UAAU;AAElB,SAAQC,iBAAiB;AAEzB,SAAQC,uBAAuB;AAE/B,SAAQC,YAAY;AAEpB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,cAAc,EAAEC,gCAAgC;AAMxD,SAAQC,eAAe;AAOvB;AACA,SAAQC,KAAK;AAEb,SAAQC,SAAS;AACjB,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB;AAGtB;AACA;AACA,SAAQC,UAAU","ignoreList":[]}

package/build/esm/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/esm/helpers/buildColumnsFromKeys.js.map

@@ -1 +1 @@
-{"version":3,"names":["isEmptyValue","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value"],"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,SAAQA,YAAY;AAEpB,OAAO,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,OAAOL,YAAY,CAACW,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}
+{"version":3,"names":["isEmptyValue","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value"],"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,SAAQA,YAAY;AAEpB,OAAO,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,OAAOL,YAAY,CAACW,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}

package/build/esm/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/esm/index.js

@@ -9,5 +9,6 @@ export * from "./types/pathEditor";
 export * from "./types/errorTree";
 export * from "./types/queryStatistics";
 export * from "./types/queryResults";
+export * from "./types/queryGraph";
 export {};
 // #sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"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":"AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAqC","ignoreList":[]}
+{"version":3,"names":[],"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":"AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAmC","ignoreList":[]}

package/build/esm/modules/ClustersList/ClustersList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationCluster, RenderNavigationCluster } from '../../types/navigation';
+import type { NavigationCluster, RenderNavigationCluster } from '../../types/navigation';
 import './ClustersList.scss';
 export type ClustersListProps<T extends NavigationCluster = NavigationCluster> = {
     items: T[];

package/build/esm/modules/ClustersList/ClustersList.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import cn from 'bem-cn-lite';
-import { ClusterRow, LazyList } from "../../components";
+import { ClusterRow } from "../../components/ClusterRow";
+import { LazyList } from "../../components/LazyList";
 import { NAVIGATION_ROW_HEIGHT } from "../../constants/row";
 import "./ClustersList.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/build/esm/modules/ClustersList/ClustersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","ClusterRow","LazyList","NAVIGATION_ROW_HEIGHT","jsx","_jsx","block","ClustersList","_ref","items","loading","error","hasMore","onLoadMore","emptyContent","renderRowItem","onItemClick","className","itemHeight","renderItem","cluster","isActive","index","_renderRowItem"],"sources":["ClustersList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {NavigationCluster, RenderNavigationCluster} from '../../types/navigation';\nimport {ClusterRow, LazyList} from '../../components';\nimport {NAVIGATION_ROW_HEIGHT} from '../../constants/row';\nimport './ClustersList.scss';\n\nconst block = cn('qp-clusters-list');\n\nexport type ClustersListProps<T extends NavigationCluster = NavigationCluster> = {\n    items: T[];\n    loading?: boolean;\n    error?: React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    emptyContent?: React.ReactNode;\n    renderRowItem?: RenderNavigationCluster<T>;\n    onItemClick?: (cluster: T) => void;\n    className?: string;\n};\n\nexport const ClustersList = <T extends NavigationCluster = NavigationCluster>({\n    items,\n    loading,\n    error,\n    hasMore,\n    onLoadMore,\n    emptyContent,\n    renderRowItem,\n    onItemClick,\n    className,\n}: ClustersListProps<T>) => {\n    return (\n        <LazyList<T>\n            className={block(null, className)}\n            items={items}\n            itemHeight={() => NAVIGATION_ROW_HEIGHT}\n            renderItem={(cluster, isActive, index) =>\n                renderRowItem?.({cluster, index, isActive}) ?? <ClusterRow cluster={cluster} />\n            }\n            hasMore={hasMore}\n            onLoadMore={onLoadMore}\n            loading={loading}\n            error={error}\n            emptyContent={emptyContent}\n            onItemClick={onItemClick}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,UAAU,EAAEC,QAAQ;AAC5B,SAAQC,qBAAqB;AAC7B;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAE7B,IAAMC,KAAK,GAAGN,EAAE,CAAC,kBAAkB,CAAC;AAcpC,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAUG;EAAA,IATxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,oBACIZ,IAAA,CAACH,QAAQ;IACLe,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAClCR,KAAK,EAAEA,KAAM;IACbS,UAAU,EAAE,SAAZA,UAAUA,CAAA;MAAA,OAAQf,qBAAqB;IAAA,CAAC;IACxCgB,UAAU,EAAE,SAAZA,UAAUA,CAAGC,OAAO,EAAEC,QAAQ,EAAEC,KAAK;MAAA,IAAAC,cAAA;MAAA,QAAAA,cAAA,GACjCR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;QAACK,OAAO,EAAPA,OAAO;QAAEE,KAAK,EAALA,KAAK;QAAED,QAAQ,EAARA;MAAQ,CAAC,CAAC,cAAAE,cAAA,cAAAA,cAAA,gBAAIlB,IAAA,CAACJ,UAAU;QAACmB,OAAO,EAAEA;MAAQ,CAAE,CAAC;IAAA,CAClF;IACDR,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbG,YAAY,EAAEA,YAAa;IAC3BE,WAAW,EAAEA;EAAY,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","ClusterRow","LazyList","NAVIGATION_ROW_HEIGHT","jsx","_jsx","block","ClustersList","_ref","items","loading","error","hasMore","onLoadMore","emptyContent","renderRowItem","onItemClick","className","itemHeight","renderItem","cluster","isActive","index","_renderRowItem"],"sources":["ClustersList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport type {NavigationCluster, RenderNavigationCluster} from '../../types/navigation';\nimport {ClusterRow} from '../../components/ClusterRow';\nimport {LazyList} from '../../components/LazyList';\nimport {NAVIGATION_ROW_HEIGHT} from '../../constants/row';\nimport './ClustersList.scss';\n\nconst block = cn('qp-clusters-list');\n\nexport type ClustersListProps<T extends NavigationCluster = NavigationCluster> = {\n    items: T[];\n    loading?: boolean;\n    error?: React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    emptyContent?: React.ReactNode;\n    renderRowItem?: RenderNavigationCluster<T>;\n    onItemClick?: (cluster: T) => void;\n    className?: string;\n};\n\nexport const ClustersList = <T extends NavigationCluster = NavigationCluster>({\n    items,\n    loading,\n    error,\n    hasMore,\n    onLoadMore,\n    emptyContent,\n    renderRowItem,\n    onItemClick,\n    className,\n}: ClustersListProps<T>) => {\n    return (\n        <LazyList<T>\n            className={block(null, className)}\n            items={items}\n            itemHeight={() => NAVIGATION_ROW_HEIGHT}\n            renderItem={(cluster, isActive, index) =>\n                renderRowItem?.({cluster, index, isActive}) ?? <ClusterRow cluster={cluster} />\n            }\n            hasMore={hasMore}\n            onLoadMore={onLoadMore}\n            loading={loading}\n            error={error}\n            emptyContent={emptyContent}\n            onItemClick={onItemClick}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,UAAU;AAClB,SAAQC,QAAQ;AAChB,SAAQC,qBAAqB;AAC7B;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAE7B,IAAMC,KAAK,GAAGN,EAAE,CAAC,kBAAkB,CAAC;AAcpC,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAUG;EAAA,IATxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,oBACIZ,IAAA,CAACH,QAAQ;IACLe,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAClCR,KAAK,EAAEA,KAAM;IACbS,UAAU,EAAE,SAAZA,UAAUA,CAAA;MAAA,OAAQf,qBAAqB;IAAA,CAAC;IACxCgB,UAAU,EAAE,SAAZA,UAAUA,CAAGC,OAAO,EAAEC,QAAQ,EAAEC,KAAK;MAAA,IAAAC,cAAA;MAAA,QAAAA,cAAA,GACjCR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;QAACK,OAAO,EAAPA,OAAO;QAAEE,KAAK,EAALA,KAAK;QAAED,QAAQ,EAARA;MAAQ,CAAC,CAAC,cAAAE,cAAA,cAAAA,cAAA,gBAAIlB,IAAA,CAACJ,UAAU;QAACmB,OAAO,EAAEA;MAAQ,CAAE,CAAC;IAAA,CAClF;IACDR,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbG,YAAY,EAAEA,YAAa;IAC3BE,WAAW,EAAEA;EAAY,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}