fix selected node highlights in force widget (#741)

Author: adityaramesh12

src/graph_notebook/options/options.py

@@ -6,8 +6,9 @@
 # Documentation for these options: https://visjs.github.io/vis-network/docs/network
 OPTIONS_DEFAULT_DIRECTED = {
     "nodes": {
-        "borderWidthSelected": 0,
+        "borderWidthSelected": 3,
         "borderWidth": 0,
+        "chosen": True,
         "color": {
             "background": "rgba(210, 229, 255, 1)",
             "border": "transparent",

src/graph_notebook/widgets/src/force_widget.ts

@@ -493,7 +493,7 @@ export class ForceView extends DOMWidgetView {
     this.vis?.on("deselectNode", (params) => {
       console.log("deselect");
       params.previousSelection.nodes.forEach((value) => {
-        this.handleDeselectNode(value);
+        this.handleDeselectNode(value.id);
       });
     });
 

test/unit/options/test_options.py

@@ -127,8 +127,9 @@ def test_vis_options_merge_complete_config(self):
                 },
                 'expected': {
                     "nodes": {
-                        "borderWidthSelected": 0,
+                        "borderWidthSelected": 3,
                         "borderWidth": 0,
+                        "chosen": True,
                         "color": {
                             "background": "rgba(210, 229, 255, 1)",
                             "border": "transparent",
@@ -222,8 +223,9 @@ def test_vis_options_merge_complete_config(self):
                 },
                 'expected': {
                     "nodes": {
-                        "borderWidthSelected": 0,
+                        "borderWidthSelected": 3,
                         "borderWidth": 0,
+                        "chosen": True,
                         "color": {
                             "background": "rgba(210, 229, 255, 1)",
                             "border": "transparent",