react-d3-graph - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

CHANGELOG.md

 # Change Log
 
+## [2.0.2](https://github.com/danielcaldas/react-d3-graph/tree/2.0.2)
+
+[Full Changelog](https://github.com/danielcaldas/react-d3-graph/compare/2.0.1...2.0.2)
+
+**Fixed bugs:**
+
+-   Delete \(remove\) nodes and links from graph [\#183](https://github.com/danielcaldas/react-d3-graph/issues/183)
+
+**Closed issues:**
+
+-   Is there a way to make the graph render consistently? [\#193](https://github.com/danielcaldas/react-d3-graph/issues/193)
+-   Addition to readme [\#190](https://github.com/danielcaldas/react-d3-graph/issues/190)
+
+**Merged pull requests:**
+
+-   Update README.md [\#191](https://github.com/danielcaldas/react-d3-graph/pull/191) ([danielcaldas](https://github.com/danielcaldas))
+-   Specify links in Graph component update [\#186](https://github.com/danielcaldas/react-d3-graph/pull/186) ([grant37](https://github.com/grant37))
+
 ## [2.0.1](https://github.com/danielcaldas/react-d3-graph/tree/2.0.1)
@@ -4,0 +22,0 @@

lib/components/graph/graph.helper.js

@@ -160,3 +160,6 @@ "use strict";
 
-    var d3Link = d3Links[index];
+    // find the matching link if it exists
+    var d3Link = d3Links.find(function (l) {
+        return l.source.id === link.source && l.target.id === link.target;
+    });
     var customProps = _utils2.default.pick(link, LINK_CUSTOM_PROPS_WHITELIST);
@@ -166,3 +169,5 @@
         var toggledDirected = state.config && state.config.directed && config.directed !== state.config.directed;
-        var refinedD3Link = _extends({}, d3Link, customProps);
+        var refinedD3Link = _extends({
+            index: index
+        }, d3Link, customProps);
 
@@ -169,0 +174,0 @@ // every time we toggle directed config all links should be visible again

notes.txt

 github changelog generator token
-1f70ca9b67db005c5bf4d47504af2f89e4b52261
+export CHANGELOG_GITHUB_TOKEN="1f70ca9b67db005c5bf4d47504af2f89e4b52261"
+
+

package.json

 {
     "name": "react-d3-graph",
-    "version": "2.0.1",
+    "version": "2.0.2",
     "description": "React component to build interactive and configurable graphs with d3 effortlessly",
@@ -5,0 +5,0 @@ "author": "Daniel Caldas",

README.md

@@ -38,5 +38,16 @@ # react-d3-graph · [![Build Status](https://travis-ci.org/danielcaldas/react-d3-graph.svg?branch=master&style=flat-square)](https://travis-ci.org/danielcaldas/react-d3-graph)
 ```bash
-npm install react-d3-graph // using npm
+npm install d3@^5.5.0      # if you don't have d3 already
+npm install react@^16.4.1  # if you don't have react already
+
+npm install react-d3-graph
 ```
 
+#### About react and d3 peer dependencies
+
+**Note** that `react` and `d3` are [peer-dependencies](https://nodejs.org/en/blog/npm/peer-dependencies/), this means that the responsability to install them is delegated to the client. This will give you a bigger flexibility on what versions of `d3` and `react` you want to consume, you just need to make sure that you are compliant with the range of versions that `react-d3-graph` is compatible with. If you install `react-d3-graph` without first installing `d3` and `react` you might be propmt the following warnings:
+
+> npm WARN react-d3-graph@2.0.1 requires a peer of d3@^5.5.0 but none is installed. You must install peer dependencies yourself.
+> npm WARN react-d3-graph@2.0.1 requires a peer of react@^16.4.1 but none is installed. You must install peer dependencies yourself.
+
+
 ## Usage sample
@@ -43,0 +54,0 @@

RELEASE_PROCESS.md

 ## Release Process
 
-This is not yet a full automated process, so here are a few steps to get the thing properly released on github
-and publish under npm registry.
+This is not yet a full automated process, so here are a few steps to get the thing properly released on github and publish under npm registry.
 
@@ -6,0 +5,0 @@ ### Setup (serve a local version to run tests against it)

src/components/graph/graph.helper.js

@@ -140,3 +140,4 @@ /**
 function _mapDataLinkToD3Link(link, index, d3Links = [], config, state = {}) {
-    const d3Link = d3Links[index];
+    // find the matching link if it exists
+    const d3Link = d3Links.find(l => l.source.id === link.source && l.target.id === link.target);
     const customProps = utils.pick(link, LINK_CUSTOM_PROPS_WHITELIST);
@@ -147,2 +148,3 @@
         const refinedD3Link = {
+            index,
             ...d3Link,
@@ -149,0 +151,0 @@ ...customProps,

No alert changes

Improved metrics

Total package byte prevSize

414497

increased by0.53%

Lines of code

5282

increased by0.13%

Number of lines in readme file

151

increased by7.86%

No dependency changes