Merge pull request #67 from segfault16/visjs-network-community

Visjs network community

Author: crubier

lib/index.js

@@ -22,9 +22,9 @@ var _differenceWith = require("lodash/differenceWith");
 
 var _differenceWith2 = _interopRequireDefault(_differenceWith);
 
-var _vis = require("vis");
+var _visjsNetwork = require("visjs-network");
 
-var _vis2 = _interopRequireDefault(_vis);
+var _visjsNetwork2 = _interopRequireDefault(_visjsNetwork);
 
 var _uuid = require("uuid");
 
@@ -62,9 +62,9 @@ var Graph = function (_Component) {
   _createClass(Graph, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.edges = new _vis2.default.DataSet();
+      this.edges = new _visjsNetwork2.default.DataSet();
       this.edges.add(this.props.graph.edges);
-      this.nodes = new _vis2.default.DataSet();
+      this.nodes = new _visjsNetwork2.default.DataSet();
       this.nodes.add(this.props.graph.nodes);
       this.updateGraph();
     }
@@ -90,7 +90,7 @@ var Graph = function (_Component) {
         var edgesRemoved = (0, _differenceWith2.default)(this.props.graph.edges, nextProps.graph.edges, _isEqual2.default);
         var edgesAdded = (0, _differenceWith2.default)(nextProps.graph.edges, this.props.graph.edges, _isEqual2.default);
         var edgesChanged = (0, _differenceWith2.default)((0, _differenceWith2.default)(nextProps.graph.edges, this.props.graph.edges, _isEqual2.default), edgesAdded);
-        this.patchEdges({ edgesRemoved: edgesRemoved, edgesAdded: edgesAdded, edgesChanged : edgesChanged });
+        this.patchEdges({ edgesRemoved: edgesRemoved, edgesAdded: edgesAdded, edgesChanged: edgesChanged });
       }
 
       if (optionsChange) {
@@ -203,7 +203,7 @@ var Graph = function (_Component) {
       // merge user provied options with our default ones
       var options = (0, _defaultsDeep2.default)(defaultOptions, this.props.options);
 
-      this.Network = new _vis2.default.Network(container, Object.assign({}, this.props.graph, {
+      this.Network = new _visjsNetwork2.default.Network(container, Object.assign({}, this.props.graph, {
         edges: this.edges,
         nodes: this.nodes
       }), options);
@@ -272,7 +272,7 @@ Graph.propTypes = {
   style: _propTypes2.default.object,
   getNetwork: _propTypes2.default.func,
   getNodes: _propTypes2.default.func,
-  getEdges: _propTypes2.default.func,
+  getEdges: _propTypes2.default.func
 };
 
-exports.default = Graph;
+exports.default = Graph;

package-lock.json

@@ -29,7 +29,7 @@
     "lodash": "^4.17.4",
     "prop-types": "^15.5.10",
     "uuid": "^2.0.1",
-    "vis": "^4.18.1"
+    "visjs-network": "^4.23.3"
   },
   "devDependencies": {
     "babel-cli": "^6.22.2",

package.json

@@ -2,7 +2,7 @@ import React, { Component } from "react";
 import defaultsDeep from "lodash/fp/defaultsDeep";
 import isEqual from "lodash/isEqual";
 import differenceWith from "lodash/differenceWith";
-import vis from "vis";
+import vis from "visjs-network";
 import uuid from "uuid";
 import PropTypes from "prop-types";
 
@@ -70,7 +70,7 @@ class Graph extends Component {
     this.updateGraph();
   }
 
-  patchEdges({ edgesRemoved, edgesAdded }) {
+  patchEdges({ edgesRemoved, edgesAdded, edgesChanged }) {
     this.edges.remove(edgesRemoved);
     this.edges.add(edgesAdded);
     this.edges.update(edgesChanged);