@eventcatalog/visualiser 4.1.2 → 4.1.4

package/dist/index.mjs

@@ -2977,6 +2977,7 @@ function PostItChannel(props) {
         props?.selected ? "ring-2 ring-gray-400/60 ring-offset-1" : ""
       ),
       children: [
+        props.data.isFocused && /* @__PURE__ */ jsx13(FocusedResourceIndicator, {}),
         /* @__PURE__ */ jsx13(
           Handle7,
           {
@@ -3140,6 +3141,7 @@ function DefaultChannel(props) {
         boxShadow: "0 2px 12px rgba(107, 114, 128, 0.15)"
       },
       children: [
+        props.data.isFocused && /* @__PURE__ */ jsx13(FocusedResourceIndicator, {}),
         /* @__PURE__ */ jsx13(
           Handle7,
           {
@@ -9536,6 +9538,26 @@ var createDagreGraph = ({
   graph.setDefaultEdgeLabel(() => ({}));
   return graph;
 };
+var LARGE_GRAPH_NODE_THRESHOLD = 80;
+var LARGE_GRAPH_EDGE_THRESHOLD = 200;
+var LARGE_GRAPH_RANKER = "tight-tree";
+var selectDagreRanker = (nodeCount, edgeCount, explicitRanker) => {
+  if (explicitRanker) return explicitRanker;
+  if (nodeCount >= LARGE_GRAPH_NODE_THRESHOLD || edgeCount >= LARGE_GRAPH_EDGE_THRESHOLD) {
+    return LARGE_GRAPH_RANKER;
+  }
+  return void 0;
+};
+var layoutDagreGraph = (flow) => {
+  const label = flow.graph() || {};
+  const nodeCount = flow.nodeCount();
+  const edgeCount = flow.edgeCount();
+  const ranker = selectDagreRanker(nodeCount, edgeCount, label.ranker);
+  if (ranker && label.ranker !== ranker) {
+    flow.setGraph({ ...label, ranker });
+  }
+  dagre.layout(flow);
+};
 var createEdge = (edgeOptions) => {
   return {
     label: "subscribed by",
@@ -9578,7 +9600,7 @@ var getNodesAndEdgesFromDagre = ({
   edges.forEach((edge) => {
     flow.setEdge(edge.source, edge.target);
   });
-  dagre.layout(flow);
+  layoutDagreGraph(flow);
   return {
     nodes: calculatedNodes(flow, nodes),
     edges
@@ -11579,7 +11601,7 @@ function AllNotesModal({
 import dagre3 from "dagre";
 import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs49 } from "react/jsx-runtime";
 var POSITION_CHANGE_THRESHOLD = 1;
-var LARGE_GRAPH_NODE_THRESHOLD = 30;
+var LARGE_GRAPH_NODE_THRESHOLD2 = 30;
 var NODE_ORIGIN = [0.1, 0.1];
 var INITIAL_FIT_VIEW_OPTIONS = { padding: 0.2, duration: 0 };
 var MINIMAP_STYLE = {
@@ -12018,7 +12040,7 @@ var NodeGraphBuilder = ({
           g.setEdge(sourceTop, targetTop);
         }
       });
-      dagre3.layout(g);
+      layoutDagreGraph(g);
       const positioned = nextNodes.map((node) => {
         if (node.parentId) {
           const parent = nextNodes.find((n) => n.id === node.parentId);
@@ -12109,7 +12131,7 @@ var NodeGraphBuilder = ({
           g.setEdge(e.source, e.target);
         }
       });
-      dagre3.layout(g);
+      layoutDagreGraph(g);
       let minX = Infinity;
       let minY = Infinity;
       let maxX = -Infinity;
@@ -12728,7 +12750,7 @@ var NodeGraphBuilder = ({
       if (storedAnimateMessages !== null) {
         setAnimateMessages(storedAnimateMessages === "true");
       } else {
-        setAnimateMessages(initialNodes.length <= LARGE_GRAPH_NODE_THRESHOLD);
+        setAnimateMessages(initialNodes.length <= LARGE_GRAPH_NODE_THRESHOLD2);
       }
     }
   }, [animated, disableMessageAnimation, initialNodes.length]);
@@ -13725,6 +13747,9 @@ export {
   Flow_default as FlowNode,
   FocusModeModal_default as FocusModeModal,
   GroupNode_default as GroupNode,
+  LARGE_GRAPH_EDGE_THRESHOLD,
+  LARGE_GRAPH_NODE_THRESHOLD,
+  LARGE_GRAPH_RANKER,
   LabelledDefaultEdge,
   LabelledSmoothStepEdge,
   LabelledStepEdge,
@@ -13772,9 +13797,11 @@ export {
   getNestedEntityProperties,
   getNodesAndEdgesFromDagre,
   getPropertyTypeLabel,
+  layoutDagreGraph,
   layoutGraph,
   nodeComponents,
   nodeConfigs,
-  normalizeOwners
+  normalizeOwners,
+  selectDagreRanker
 };
 //# sourceMappingURL=index.mjs.map