Don't override stylesheet width with genomic data

  #253

  Improve stylesheet

Author: msalihaltun

packages/pathway-mapper/dist/index.es5.js

@@ -203,9 +203,6 @@ export default class GenomicDataOverlayManager {
       .style()
       .selector('node[type="GENE"]')
       .style("text-margin-y", 0)
-      .style("width", function(ele) {
-        return 150;
-      })
       .style("background-image", function(ele) {
         const dataURI = "data:image/svg+xml;utf8,";
         return dataURI;
@@ -529,13 +526,13 @@ export default class GenomicDataOverlayManager {
       return;
     }
 
+    this.cy.nodes('[type="GENE"]').forEach(node => {
+      node.data('w', this.getRequiredWidthForGenomicData(genomicDataBoxCount));
+    })
+
     this.cy
       .style()
       .selector('node[type="GENE"]')
-      // It used to change the width of nodes only locally
-      .style("width", (ele) => {
-        return this.getRequiredWidthForGenomicData(genomicDataBoxCount);
-      })
       .style("text-margin-y", function(ele) {
         const nodeLabel = ele.data("name");
         // If there is no genomic data for this node return !

packages/pathway-mapper/dist/index.es5.js.map

@@ -10,17 +10,12 @@ module.exports = (function()
         'color': '#1e2829',
         'width': function (ele)
         {
-          return nodeWFunc(ele);
+          return ele.data('w') || 0;
         },
         'height': function (ele)
         {
-          return nodeHFunc(ele);
+          return ele.data('h') || 0;
         },
-        // 'background-image-opacity': 1,
-        // 'background-image': function (ele)
-        // {
-        //   return backgroundImageHandler(ele);
-        // },
         'background-color': 'white',
         'shape': function(ele)
         {
@@ -397,25 +392,5 @@ module.exports = (function()
     }
   };
 
-  var nodeWFunc = function( ele )
-  {
-    if (ele._private.data['w'])
-    {
-      return ele._private.data['w'];
-    }
-    else
-      return 0;
-  };
-
-  var nodeHFunc = function( ele )
-  {
-      if (ele._private.data['h'])
-      {
-          return ele._private.data['h'];
-      }
-      else
-          return 0;
-  };
-
   return styleSheet;
 })();