merge: Merge branch 'OHOW/highlight_adj_edges_III'

Author: Oskar Howe

src/charts/CytoViz/CytoViz.js

@@ -97,11 +97,15 @@ export const CytoViz = (props) => {
     cytoscapeRef.removeAllListeners();
     // Prevent multiple selection & init elements selection behavior
     cytoscapeRef.on('select', 'node, edge', function (e) {
-      cytoscapeRef.elements().not(e.target).unselect();
+      cytoscapeRef.edges().data({ asInEdgeHighlighted: false, asOutEdgeHighlighted: false });
       const selectedElement = e.target;
+      selectedElement.select();
+      selectedElement.outgoers('edge').data('asOutEdgeHighlighted', true);
+      selectedElement.incomers('edge').data('asInEdgeHighlighted', true);
       setCurrentElementDetails(getElementDetailsCallback(selectedElement));
     });
     cytoscapeRef.on('unselect', 'node, edge', function (e) {
+      cytoscapeRef.edges().data({ asInEdgeHighlighted: false, asOutEdgeHighlighted: false });
       setCurrentElementDetails(null);
     });
     // Add handling of double click events

src/charts/CytoViz/components/ElementData/ElementData.js

@@ -7,7 +7,15 @@ import useStyles from './style';
 
 const _generateAttributeDetails = (classes, labels, attributeName, attributeValue) => {
   const attributeLabel = labels?.attributes?.[attributeName] || attributeName;
-  const attributesToIgnore = ['label', 'Label', 'parent', 'source', 'target'];
+  const attributesToIgnore = [
+    'label',
+    'Label',
+    'parent',
+    'source',
+    'target',
+    'asOutEdgeHighlighted',
+    'asInEdgeHighlighted',
+  ];
   if (attributesToIgnore.indexOf(attributeName) !== -1) {
     return null;
   }