seat-editor 3.6.32 → 3.6.34

package/dist/features/view-only-5/connection-layer.js

@@ -193,7 +193,7 @@ export const ConnectionLayer = ({ edges, selectedEdge, connecting, draggingAncho
                                     // stroke="#0f172a"
                                     // strokeWidth={1.5}
                                     style: { pointerEvents: "none" } })] }), ((_a = edge.waypoints) !== null && _a !== void 0 ? _a : []).map((wp, i) => (_jsxs("g", { children: [_jsx("circle", { cx: wp.x, cy: wp.y, r: 12, fill: "transparent", style: { cursor: "grab" }, onMouseDown: (e) => onStartDragWaypoint(e, edge.id, i), onContextMenu: (e) => onRemoveWaypoint(e, edge.id, i) }), _jsx("circle", { cx: wp.x, cy: wp.y, r: isSel ? 8 : 5, fill: isSel ? "#1e1b2e" : "#0f172a", stroke: isSel ? "#a78bfa" : "#38bdf8", strokeWidth: isSel ? 2 : 1.2, style: { pointerEvents: "none" } }), _jsx("circle", { cx: wp.x, cy: wp.y, r: isSel ? 3 : 2, fill: isSel ? "#a78bfa" : "#38bdf8", style: { pointerEvents: "none" } })] }, `wp-${i}`))), isSel &&
-                            isConnectEdge &&
+                            (isConnectEdge && !isSelectNode) &&
                             allPoints.slice(0, -1).map((pt, i) => {
                                 var _a;
                                 const next = allPoints[i + 1];
@@ -204,7 +204,7 @@ export const ConnectionLayer = ({ edges, selectedEdge, connecting, draggingAncho
                                 if (tooClose)
                                     return null;
                                 return (_jsxs("g", { children: [_jsx("circle", { cx: mx, cy: my, r: 10, fill: "transparent", style: { cursor: "crosshair" }, onMouseDown: (e) => onInsertWaypoint(e, edge.id, i, mx, my) }), _jsx("circle", { cx: mx, cy: my, r: 4, fill: "#1e1b2e", stroke: "#a78bfa", strokeWidth: 1, strokeDasharray: "2 2", style: { pointerEvents: "none" } }), _jsx("circle", { cx: mx, cy: my, r: 1.5, fill: "#a78bfa", style: { pointerEvents: "none" } })] }, `mid-${i}`));
-                            }), isSel && isConnectEdge && (_jsxs("g", { onClick: (e) => {
+                            }), isSel && (isConnectEdge && !isSelectNode) && (_jsxs("g", { onClick: (e) => {
                                 e.stopPropagation();
                                 onDeleteEdge(edge.id);
                             }, style: { cursor: "pointer" }, children: [_jsx("rect", { x: midX - 16, y: midY - 10, width: 32, height: 18, rx: 4, fill: "#1e1b2e", stroke: "#a78bfa", strokeWidth: 1, opacity: 0.95 }), _jsx("text", { x: midX, y: midY, textAnchor: "middle", dominantBaseline: "middle", fill: "#a78bfa", fontSize: 9, fontFamily: "monospace", fontWeight: 600, children: "DEL" })] }))] }, edge.id));

package/dist/features/view-only-5/connection-layer.jsx

@@ -289,7 +289,7 @@ export const ConnectionLayer = ({ edges, selectedEdge, connecting, draggingAncho
 
             {/* Midpoint insert handles */}
             {isSel &&
-                    isConnectEdge &&
+                    (isConnectEdge && !isSelectNode) &&
                     allPoints.slice(0, -1).map((pt, i) => {
                         var _a;
                         const next = allPoints[i + 1];
@@ -307,7 +307,7 @@ export const ConnectionLayer = ({ edges, selectedEdge, connecting, draggingAncho
                     })}
 
             {/* DEL badge */}
-            {isSel && isConnectEdge && (<g onClick={(e) => {
+            {isSel && (isConnectEdge && !isSelectNode) && (<g onClick={(e) => {
                         e.stopPropagation();
                         onDeleteEdge(edge.id);
                     }} style={{ cursor: "pointer" }}>

package/dist/features/view-only-5/index.d.ts

@@ -120,7 +120,7 @@ export interface LayerViewProps<TMeta = undefined> {
         key: string;
         value: string | number;
     };
-    onTableMainConnection?: (id: string) => void;
+    onTableMainConnection?: (id: string | null) => void;
 }
 declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
 export default LayerView;

package/dist/features/view-only-5/index.js

@@ -651,6 +651,7 @@ const LayerView = (props) => {
         tableMatchKey,
         statusKey,
         initialEdges: props === null || props === void 0 ? void 0 : props.initialEdges,
+        onTableMainConnection: props === null || props === void 0 ? void 0 : props.onTableMainConnection
     });
     // ─── Render ───────────────────────────────────────────────────────────────
     const hasBoundingBox = hasBoundingBoxRef.current;

package/dist/features/view-only-5/index.jsx

@@ -650,6 +650,7 @@ const LayerView = (props) => {
         tableMatchKey,
         statusKey,
         initialEdges: props === null || props === void 0 ? void 0 : props.initialEdges,
+        onTableMainConnection: props === null || props === void 0 ? void 0 : props.onTableMainConnection
     });
     // ─── Render ───────────────────────────────────────────────────────────────
     const hasBoundingBox = hasBoundingBoxRef.current;

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

@@ -13,8 +13,9 @@ export type UseConnectionGraphOptions = {
     statusKey?: string;
     showConnection?: boolean;
     initialEdges?: EdgeType[];
+    onTableMainConnection?: (id: string | null) => void;
 };
-export declare const useConnectionGraph: ({ svgRef, onEdgesChange, keyNode, mappingKey, initialEdges, }: UseConnectionGraphOptions) => {
+export declare const useConnectionGraph: ({ svgRef, onEdgesChange, keyNode, mappingKey, initialEdges, onTableMainConnection }: UseConnectionGraphOptions) => {
     edges: EdgeType[];
     setEdges: React.Dispatch<React.SetStateAction<EdgeType[]>>;
     selectedEdge: string;

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

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { rotatePoint, snap } from "./utils";
 import { useAppSelector } from "../../hooks/use-redux";
 import { isEqual } from "lodash";
-export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey, initialEdges, }) => {
+export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey, initialEdges, onTableMainConnection }) => {
     const components = useAppSelector((state) => state.board.components);
     const [edges, setEdges] = useState([]);
     const [selectedEdge, setSelectedEdge] = useState(null);
@@ -47,6 +47,7 @@ export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey,
                     fromPos: connecting.fromPos,
                     toPos,
                     waypoints: [],
+                    status: 1
                 },
             ];
         });
@@ -152,6 +153,7 @@ export const useConnectionGraph = ({ svgRef, onEdgesChange, keyNode, mappingKey,
                 cancelDragAnchor();
                 clearSelection();
                 clearSelectionNode();
+                onTableMainConnection(null);
             }
         };
         window.addEventListener("keydown", onKey);

package/package.json

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