@localstack/appinspector-ui 1.0.38 → 1.0.40

package/dist/index.js

@@ -4262,21 +4262,6 @@ var getLayoutedNodesAndEdges = (inputNodes, inputEdges) => {
   });
   return { edges: inputEdges, nodes: layoutedNodes };
 };
-var getNodesMinMaxX = (nodes) => {
-  if (nodes.length === 0) return { maxX: 0, minX: 0 };
-  let minX = Number.POSITIVE_INFINITY;
-  let maxX = Number.NEGATIVE_INFINITY;
-  for (const node of nodes) {
-    minX = Math.min(minX, node.position.x);
-    maxX = Math.max(maxX, node.position.x);
-  }
-  return { maxX, minX };
-};
-var calculateCenterX = (focusNodeX, viewPortPixelWidth, minX, maxX) => {
-  const nodeWidth = 200;
-  const desiredCenter = focusNodeX + viewPortPixelWidth / 2;
-  return Math.min(Math.max(desiredCenter, minX + viewPortPixelWidth / 2), maxX - viewPortPixelWidth / 2 + nodeWidth);
-};
 
 // src/components/trace-graph/xyflow/controls.tsx
 import { Add, FitScreen, Remove } from "@mui/icons-material";
@@ -4446,12 +4431,7 @@ var TraceGraph = ({
       if (initialFocusEventId) {
         const focusNode = nodes.find((node) => node.id === initialFocusEventId);
         if (focusNode) {
-          const { maxX, minX } = getNodesMinMaxX(nodes);
-          const centerX = calculateCenterX(focusNode.position.x, viewPortPixelWidth, minX, maxX);
-          void setCenter(centerX, focusNode.position.y, {
-            duration: 500,
-            zoom: 0.8
-          });
+          void fitView({ maxZoom: 0.8, nodes: [focusNode], padding: 0.2 });
           onEventSelect(focusNode.data.event);
         }
       } else {
@@ -4486,6 +4466,7 @@ var TraceGraph = ({
         maxZoom: 1.5,
         minZoom: 0.1,
         nodes,
+        nodesDraggable: false,
         nodeTypes,
         onNodeClick: (_event, node) => {
           onEventSelect(node.data.event);