@oncojs/react-lolliplot - npm Package Compare versions

Comparing version 0.10.7 to 0.10.8

BackboneNode.js

@@ -88,3 +88,3 @@ // @flow
         let overlap = data[i - 1] && data[i - 1].end > d.start
-        return Math.round(height / 2) - (overlap ? 4 - i * 2 : 7)
+        return Math.round(height / 2) - (overlap ? 3 - i * 6 : 7)
       },
@@ -95,3 +95,3 @@ width: d => {
       },
-      height: height - 50 - halfPixel,
+      height: height - 55 - halfPixel,
       rx: 10,
@@ -102,6 +102,6 @@ ry: 10,
           ? d.getProteinColor()
-          : `hsl(
+          : `hsla(
         ${i * 100},
         ${proteinMouseover === d.id ? 85 : 80}%,
-        ${proteinMouseover === d.id ? 55 : 40}%)
+        ${proteinMouseover === d.id ? 55 : 40}%, 0.8)
       `,
@@ -111,6 +111,6 @@ stroke: (d, i) =>
           ? d.getProteinColor()
-          : `hsl(
+          : `hsla(
         ${i * 100},
         ${proteinMouseover === d.id ? 65 : 60}%,
-        ${proteinMouseover === d.id ? 65 : 60}%)
+        ${proteinMouseover === d.id ? 65 : 60}%, 0.8)
       `,
@@ -146,3 +146,3 @@ strokeWidth: 1,
       let overlap = data[i - 1] && data[i - 1].end > d.start
-      return height - (overlap ? 22 - i * 2 : 25)
+      return height - (overlap ? 25 - i * 6 : 27)
     },
@@ -149,0 +149,0 @@ fill: `white`,

dist/es6/BackboneNode.js

@@ -93,3 +93,3 @@ import React from "react";
       var overlap = data[i - 1] && data[i - 1].end > d.start;
-      return Math.round(height / 2) - (overlap ? 4 - i * 2 : 7);
+      return Math.round(height / 2) - (overlap ? 3 - i * 6 : 7);
     },
@@ -100,10 +100,10 @@ width: function width(d) {
     },
-    height: height - 50 - halfPixel,
+    height: height - 55 - halfPixel,
     rx: 10,
     ry: 10,
     fill: function fill(d, i) {
-      return d.getProteinColor ? d.getProteinColor() : "hsl(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 85 : 80) + "%,\n        " + (proteinMouseover === d.id ? 55 : 40) + "%)\n      ";
+      return d.getProteinColor ? d.getProteinColor() : "hsla(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 85 : 80) + "%,\n        " + (proteinMouseover === d.id ? 55 : 40) + "%, 0.8)\n      ";
     },
     stroke: function stroke(d, i) {
-      return d.getProteinColor ? d.getProteinColor() : "hsl(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 65 : 60) + "%,\n        " + (proteinMouseover === d.id ? 65 : 60) + "%)\n      ";
+      return d.getProteinColor ? d.getProteinColor() : "hsla(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 65 : 60) + "%,\n        " + (proteinMouseover === d.id ? 65 : 60) + "%, 0.8)\n      ";
     },
@@ -142,3 +142,3 @@ strokeWidth: 1,
       var overlap = data[i - 1] && data[i - 1].end > d.start;
-      return height - (overlap ? 22 - i * 2 : 25);
+      return height - (overlap ? 25 - i * 6 : 27);
     },
@@ -145,0 +145,0 @@ fill: "white",

dist/lib/BackboneNode.js

@@ -114,3 +114,3 @@ "use strict";
       var overlap = data[i - 1] && data[i - 1].end > d.start;
-      return Math.round(height / 2) - (overlap ? 4 - i * 2 : 7);
+      return Math.round(height / 2) - (overlap ? 3 - i * 6 : 7);
     },
@@ -121,10 +121,10 @@ width: function width(d) {
     },
-    height: height - 50 - _spatial.halfPixel,
+    height: height - 55 - _spatial.halfPixel,
     rx: 10,
     ry: 10,
     fill: function fill(d, i) {
-      return d.getProteinColor ? d.getProteinColor() : "hsl(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 85 : 80) + "%,\n        " + (proteinMouseover === d.id ? 55 : 40) + "%)\n      ";
+      return d.getProteinColor ? d.getProteinColor() : "hsla(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 85 : 80) + "%,\n        " + (proteinMouseover === d.id ? 55 : 40) + "%, 0.8)\n      ";
     },
     stroke: function stroke(d, i) {
-      return d.getProteinColor ? d.getProteinColor() : "hsl(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 65 : 60) + "%,\n        " + (proteinMouseover === d.id ? 65 : 60) + "%)\n      ";
+      return d.getProteinColor ? d.getProteinColor() : "hsla(\n        " + i * 100 + ",\n        " + (proteinMouseover === d.id ? 65 : 60) + "%,\n        " + (proteinMouseover === d.id ? 65 : 60) + "%, 0.8)\n      ";
     },
@@ -163,3 +163,3 @@ strokeWidth: 1,
       var overlap = data[i - 1] && data[i - 1].end > d.start;
-      return height - (overlap ? 22 - i * 2 : 25);
+      return height - (overlap ? 25 - i * 6 : 27);
     },
@@ -166,0 +166,0 @@ fill: "white",

package.json

@@ -29,3 +29,3 @@ {
   "name": "@oncojs/react-lolliplot",
-  "version": "0.10.7",
+  "version": "0.10.8",
   "description": "A protein viewer built with d3 (React Component)",
@@ -32,0 +32,0 @@ "browser": "dist/umd/index.min.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1298798

No dependency changes