[frontend] Update dependency @xyflow/react to v12.5.1

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Author: renovate[bot]

openbas-front/package.json

@@ -21,7 +21,7 @@
     "@mui/x-date-pickers": "7.28.0",
     "@redux-devtools/extension": "3.3.0",
     "@uiw/react-md-editor": "4.0.5",
-    "@xyflow/react": "12.4.4",
+    "@xyflow/react": "12.5.1",
     "apexcharts": "4.5.0",
     "axios": "1.8.4",
     "ckeditor5": "44.3.0",

openbas-front/src/admin/components/atomic_testings/atomic_testing/TargetResultsDetail.tsx

@@ -139,6 +139,7 @@ const TargetResultsDetailFlow: FunctionComponent<Props> = ({
   const [targetResults, setTargetResults] = useState<InjectExpectationsStore[]>([]);
   const [nodes, setNodes, onNodesChange] = useNodesState<NodeResultStep>([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
+
   const initialSteps = [{
     label: t('Attack started'),
     type: '',
@@ -157,9 +158,6 @@ const TargetResultsDetailFlow: FunctionComponent<Props> = ({
   };
   useAutoLayout(layoutOptions, targetResults);
   const { fitView } = useReactFlow();
-  useEffect(() => {
-    fitView();
-  }, [nodes, fitView]);
 
   const handleOpenResultEdition = (injectExpectation: InjectExpectationsStore, expectationResult: InjectExpectationResult) => {
     setAnchorEls({
@@ -540,7 +538,10 @@ const TargetResultsDetailFlow: FunctionComponent<Props> = ({
           colorMode={theme.palette.mode}
           nodes={nodes}
           edges={edges}
-          onNodesChange={onNodesChange}
+          onNodesChange={(changes) => {
+            fitView();
+            onNodesChange(changes);
+          }}
           onEdgesChange={onEdgesChange}
           nodeTypes={nodeTypes}
           nodesDraggable={false}

openbas-front/yarn.lock

@@ -3735,23 +3735,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@xyflow/react@npm:12.4.4":
-  version: 12.4.4
-  resolution: "@xyflow/react@npm:12.4.4"
+"@xyflow/react@npm:12.5.1":
+  version: 12.5.1
+  resolution: "@xyflow/react@npm:12.5.1"
   dependencies:
-    "@xyflow/system": "npm:0.0.52"
+    "@xyflow/system": "npm:0.0.53"
     classcat: "npm:^5.0.3"
     zustand: "npm:^4.4.0"
   peerDependencies:
     react: ">=17"
     react-dom: ">=17"
-  checksum: 10c0/abce710e98a414def5f5cb847831ad49e25e3de5ebeaee4e4f9c8b651c1a507b1d61b8e11b8f1f519e9f7500f37d07218fbbd23d797c137e1e3f5515dc759c98
+  checksum: 10c0/969b88445c5ea48492289f0a5411670cd3f8b2d30dabeec876bcdf607cbbc57a243e5c034063b5e3c18dca565c83ebdc1034c4a55d7e65f7c78041d58ab69c28
   languageName: node
   linkType: hard
 
-"@xyflow/system@npm:0.0.52":
-  version: 0.0.52
-  resolution: "@xyflow/system@npm:0.0.52"
+"@xyflow/system@npm:0.0.53":
+  version: 0.0.53
+  resolution: "@xyflow/system@npm:0.0.53"
   dependencies:
     "@types/d3-drag": "npm:^3.0.7"
     "@types/d3-selection": "npm:^3.0.10"
@@ -3760,7 +3760,7 @@ __metadata:
     d3-drag: "npm:^3.0.0"
     d3-selection: "npm:^3.0.0"
     d3-zoom: "npm:^3.0.0"
-  checksum: 10c0/34822192065f4d1358c781882b5f7e1eba6d6953aa741e480de704080a7d0609823b124d90fec17a747226150e980c12d9cd145642aa795ff94054c6cc67dbaa
+  checksum: 10c0/3491a8731eff4302904074b32b6daf17877aaaa1ade158b69f55a021c937498d8b5f37f67618d118a63d30cd8639d8b06bdc9d2cd2afee9a205a4c538cf82cc4
   languageName: node
   linkType: hard
 
@@ -9382,7 +9382,7 @@ __metadata:
     "@uiw/react-md-editor": "npm:4.0.5"
     "@vitejs/plugin-react": "npm:4.3.4"
     "@vitest/eslint-plugin": "npm:1.1.38"
-    "@xyflow/react": "npm:12.4.4"
+    "@xyflow/react": "npm:12.5.1"
     apexcharts: "npm:4.5.0"
     axios: "npm:1.8.4"
     chokidar: "npm:4.0.3"