From d08ce36b0d9349a7bfc77d941c00548718ff6e9a Mon Sep 17 00:00:00 2001
From: Jack <jack20220723@gmail.com>
Date: Thu, 7 Dec 2023 21:20:30 +0800
Subject: [PATCH] Include rel ID in messaging for rel type editing (#47)

* Include rel ID in messaging for rel type editing

* Version bump
---
 .../VisualizationView/PropertiesPanelContent/DetailsPane.tsx   | 1 +
 .../PropertiesPanelContent/StyleableRelType.tsx                | 3 +++
 src/neo4j-arc/package.json                                     | 2 +-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx
index 95bd59b8d53..63ada7f7df3 100644
--- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx
+++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx
@@ -109,6 +109,7 @@ export function DetailsPane({
             }}
             graphStyle={graphStyle}
             onGraphInteraction={onGraphInteraction}
+            relId={vizItem.item.id}
             sourceNodeId={vizItem.item.source.id}
             targetNodeId={vizItem.item.target.id}
           />
diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx
index a5ac847a924..1e936ff2ed3 100644
--- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx
+++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx
@@ -33,6 +33,7 @@ export type StyleableRelTypeProps = {
   graphStyle: GraphStyleModel
   selectedRelType: { relType: string; propertyKeys: string[]; count?: number }
   onGraphInteraction?: GraphInteractionCallBack
+  relId?: string
   sourceNodeId?: string
   targetNodeId?: string
 }
@@ -40,6 +41,7 @@ export function StyleableRelType({
   selectedRelType,
   graphStyle,
   onGraphInteraction = () => undefined,
+  relId,
   sourceNodeId,
   targetNodeId
 }: StyleableRelTypeProps): JSX.Element {
@@ -52,6 +54,7 @@ export function StyleableRelType({
       contentEditable="true"
       onInput={e =>
         onGraphInteraction(REL_TYPE_UPDATE, {
+          relId: relId,
           sourceNodeId: sourceNodeId,
           targetNodeId: targetNodeId,
           oldType: selectedRelType.relType,
diff --git a/src/neo4j-arc/package.json b/src/neo4j-arc/package.json
index e1eb92d84d1..d80d3353aed 100644
--- a/src/neo4j-arc/package.json
+++ b/src/neo4j-arc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "neo4j-devtools-arc",
-  "version": "0.0.76",
+  "version": "0.0.77",
   "main": "dist/neo4j-arc.js",
   "author": "Neo4j Inc.",
   "license": "GPL-3.0",