seat-editor 3.6.41 → 3.6.42

package/dist/features/view-only-5/use-connection-graph.js

@@ -162,33 +162,23 @@ export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey,
     }, [deleteSelectedEdge, cancelConnect, cancelDragAnchor, clearSelection]);
     // ── onEdgesChange ────────────────────────────────────────────────
     const onUpdateEdges = () => {
-        const sourceToTargets = new Map();
-        edges.forEach((e) => {
-            if (!sourceToTargets.has(e.from))
-                sourceToTargets.set(e.from, []);
-            sourceToTargets.get(e.from).push(e.to);
-        });
         onEdgesChange === null || onEdgesChange === void 0 ? void 0 : onEdgesChange(edges);
     };
     const hasInitialEdges = useRef(false);
-    // 1. useEffect Inisialisasi: Jalankan HANYA jika belum diinisialisasi
+    const prevInitialEdgesRef = useRef(initialEdges);
     useEffect(() => {
-        // Jika sudah pernah inisialisasi atau data belum siap, jangan jalankan lagi
-        // if (hasInitialEdges.current || !initialEdges?.length || !components) return;
         const allElements = components === null || components === void 0 ? void 0 : components.map((table) => {
             if (mappingKey && (table === null || table === void 0 ? void 0 : table[mappingKey])) {
                 return Object.assign({}, table === null || table === void 0 ? void 0 : table[mappingKey]);
             }
             return Object.assign({}, table);
         });
-        console.log("allElements", allElements, components);
         const transformAllEdges = initialEdges === null || initialEdges === void 0 ? void 0 : initialEdges.map((edge) => {
             var _a, _b;
             const fromElement = allElements === null || allElements === void 0 ? void 0 : allElements.find((el) => { var _a; return ((_a = el === null || el === void 0 ? void 0 : el[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) !== null && _a !== void 0 ? _a : el.id) === edge.from; });
-            console.log("fromElement", fromElement);
             if (!fromElement)
                 return null;
-            const { x: fromX, y: fromY, rotation: fromRotation, width: fromWidth, height: fromHeight } = fromElement;
+            const { x: fromX, y: fromY, rotation: fromRotation, width: fromWidth, height: fromHeight, } = fromElement;
             const fromRotated = rotatePoint(fromWidth / 2, fromHeight / 2, fromRotation !== null && fromRotation !== void 0 ? fromRotation : 0);
             const fromCx = fromX + fromRotated.x;
             const fromCy = fromY + fromRotated.y;
@@ -220,7 +210,7 @@ export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey,
             const toElement = allElements === null || allElements === void 0 ? void 0 : allElements.find((el) => { var _a; return ((_a = el === null || el === void 0 ? void 0 : el[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) !== null && _a !== void 0 ? _a : el.id) === edge.to; });
             if (!toElement)
                 return null;
-            const { x: toX, y: toY, rotation: toRotation, width: toWidth, height: toHeight } = toElement;
+            const { x: toX, y: toY, rotation: toRotation, width: toWidth, height: toHeight, } = toElement;
             const toRotated = rotatePoint(toWidth / 2, toHeight / 2, toRotation !== null && toRotation !== void 0 ? toRotation : 0);
             const toCx = toX + toRotated.x;
             const toCy = toY + toRotated.y;
@@ -253,18 +243,18 @@ export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey,
                 toPos });
         });
         const filteredEdges = transformAllEdges === null || transformAllEdges === void 0 ? void 0 : transformAllEdges.filter((el) => el !== null);
-        // Tandai bahwa inisialisasi sukses sebelum setEdges agar useEffect kedua tidak kaget
         hasInitialEdges.current = true;
-        console.log("filteredEdges", filteredEdges, transformAllEdges);
+        prevInitialEdgesRef.current = initialEdges; // simpan referensi initialEdges yang dipakai
         setEdges(filteredEdges);
-    }, [initialEdges, components, groupSelection, mappingKey]); // Hapus 'edges' dari sini
-    // 2. useEffect Trigger Perubahan: Hanya kirim ke parent jika user memicu perubahan baru
+    }, [initialEdges, components, groupSelection, mappingKey]);
     useEffect(() => {
-        // Hanya panggil onUpdateEdges jika inisialisasi awal sudah selesai 
-        // DAN data edges saat ini memang berbeda dari initialEdges bawaan parent
-        if (hasInitialEdges.current && !isEqual(edges, initialEdges)) {
-            onUpdateEdges === null || onUpdateEdges === void 0 ? void 0 : onUpdateEdges();
-        }
+        // Skip kalau belum ada inisialisasi awal
+        if (!hasInitialEdges.current)
+            return;
+        // Skip kalau edges berubah karena useEffect pertama (bukan aksi user)
+        if (isEqual(edges, prevInitialEdgesRef.current))
+            return;
+        onUpdateEdges === null || onUpdateEdges === void 0 ? void 0 : onUpdateEdges();
     }, [edges]);
     return {
         edges,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seat-editor",
-  "version": "3.6.41",
+  "version": "3.6.42",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",