Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-graph-vis

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-graph-vis - npm Package Compare versions

Comparing version 0.1.4 to 1.0.0

38

lib/index.js

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -9,27 +9,27 @@ Object.defineProperty(exports, "__esModule", {

var _react = require('react');
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _defaultsDeep = require('lodash/fp/defaultsDeep');
var _defaultsDeep = require("lodash/fp/defaultsDeep");
var _defaultsDeep2 = _interopRequireDefault(_defaultsDeep);
var _isEqual = require('lodash/isEqual');
var _isEqual = require("lodash/isEqual");
var _isEqual2 = _interopRequireDefault(_isEqual);
var _differenceWith = require('lodash/differenceWith');
var _differenceWith = require("lodash/differenceWith");
var _differenceWith2 = _interopRequireDefault(_differenceWith);
var _vis = require('vis');
var _vis = require("vis");
var _vis2 = _interopRequireDefault(_vis);
var _uuid = require('uuid');
var _uuid = require("uuid");
var _uuid2 = _interopRequireDefault(_uuid);
var _propTypes = require('prop-types');
var _propTypes = require("prop-types");

@@ -64,3 +64,3 @@ var _propTypes2 = _interopRequireDefault(_propTypes);

_createClass(Graph, [{
key: 'componentDidMount',
key: "componentDidMount",
value: function componentDidMount() {

@@ -74,3 +74,3 @@ this.edges = new _vis2.default.DataSet();

}, {
key: 'shouldComponentUpdate',
key: "shouldComponentUpdate",
value: function shouldComponentUpdate(nextProps, nextState) {

@@ -111,3 +111,2 @@ var nodesChange = !(0, _isEqual2.default)(this.props.graph.nodes, nextProps.graph.nodes);

var eventName = _step.value;
this.Network.off(eventName, events[eventName]);

@@ -138,3 +137,2 @@ }

var _eventName = _step2.value;
this.Network.on(_eventName, events[_eventName]);

@@ -161,3 +159,3 @@ }

}, {
key: 'componentDidUpdate',
key: "componentDidUpdate",
value: function componentDidUpdate() {

@@ -167,3 +165,3 @@ this.updateGraph();

}, {
key: 'patchEdges',
key: "patchEdges",
value: function patchEdges(_ref) {

@@ -177,3 +175,3 @@ var edgesRemoved = _ref.edgesRemoved,

}, {
key: 'patchNodes',
key: "patchNodes",
value: function patchNodes(_ref2) {

@@ -189,3 +187,3 @@ var nodesRemoved = _ref2.nodesRemoved,

}, {
key: 'updateGraph',
key: "updateGraph",
value: function updateGraph() {

@@ -200,3 +198,3 @@ var container = document.getElementById(this.state.identifier);

smooth: false,
color: '#000000',
color: "#000000",
width: 0.5,

@@ -256,3 +254,3 @@ arrows: {

}, {
key: 'render',
key: "render",
value: function render() {

@@ -262,3 +260,3 @@ var identifier = this.state.identifier;

return _react2.default.createElement('div', {
return _react2.default.createElement("div", {
id: identifier,

@@ -275,3 +273,3 @@ style: style

graph: {},
style: { width: '640px', height: '480px' }
style: { width: "100%", height: "100%" }
};

@@ -278,0 +276,0 @@ Graph.propTypes = {

{
"name": "react-graph-vis",
"version": "0.1.4",
"version": "1.0.0",
"description": "A react component to render nice graphs using vis.js",

@@ -31,2 +31,3 @@ "main": "lib/index.js",

"prop-types": "^15.5.10",
"react": "^15.6.1",
"uuid": "^2.0.1",

@@ -33,0 +34,0 @@ "vis": "^4.18.1"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc