skyquake/plugins/composer/src/src/components/EditorForwardingGraph/onHoverHighlightConnectionPoint.js

   1 /**
   2  * Created by onvelocity on 3/4/16.
   3  */
   4 'use strict';
   5 import d3 from 'd3'
   6 import TooltipManager from '../../libraries/TooltipManager'
   7 export default function onHoverHighlightConnectionPoint(cpNumber, event) {
   8         const found = Array.from(document.querySelectorAll('[data-cp-number="' + cpNumber + '"]'));
   9         if (event.type === 'mouseenter') {
  10                 found.forEach(d => {
  11                         d3.select(d).classed('-is-highlight', true);
  12                         if (d3.select(d).attr('data-tip')) {
  13                                 TooltipManager.showTooltip(d, 0);
  14                         }
  15                 });
  16         } else {
  17                 TooltipManager.hideTooltip();
  18                 found.forEach(d => d3.select(d).classed('-is-highlight', false));
  19         }
  20 }