Merge pull request #266 from nimaadarga/feat/context-menu-from-edge-l…

…abels feat: open edge context menu from label click
reaviz · Aug 27, 2024 · bd23e1a · bd23e1a
2 parents 6ffa9f0 + f3e7b25
commit bd23e1a
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/symbols/Edge.tsx b/src/symbols/Edge.tsx
@@ -317,7 +317,17 @@ export const Edge: FC<EdgeProps> = ({
     () =>
       labelVisible &&
       label && (
-        <a.group position={labelPosition as any}>
+        <a.group
+          position={labelPosition as any}
+          onContextMenu={() => {
+            if (!disabled) {
+              setMenuVisible(true);
+              onContextMenu?.(edge);
+            }
+          }}
+          onPointerOver={pointerOver}
+          onPointerOut={pointerOut}
+        >
           <Label
             text={label}
             ellipsis={15}
@@ -336,13 +346,18 @@ export const Edge: FC<EdgeProps> = ({
       ),
     [
       active,
+      disabled,
+      edge,
       isActive,
       isSelected,
       label,
       labelFontUrl,
       labelPosition,
       labelRotation,
       labelVisible,
+      onContextMenu,
+      pointerOut,
+      pointerOver,
       selectionOpacity,
       theme.edge.label.activeColor,
       theme.edge.label.color,