react-vis - npm Package Compare versions

Comparing version 1.8.0 to 1.8.1

dist/legends/discrete-color-legend.js

@@ -56,5 +56,3 @@ 'use strict';
     'div',
-    {
-      className: 'rv-discrete-color-legend ' + orientation + ' ' + className,
-      style: { width: width, height: height } },
+    { className: 'rv-discrete-color-legend ' + orientation + ' ' + className, style: { width: width, height: height } },
     items.map(function (item, i) {
@@ -67,11 +65,12 @@ return _react2.default.createElement(_discreteColorLegendItem2.default, {
         key: i,
-        onClick: function onClick(e) {
+        onClick: onItemClick ? function (e) {
           return onItemClick(item, i, e);
-        },
-        onMouseEnter: function onMouseEnter(e) {
+        } : null,
+        onMouseEnter: onItemMouseEnter ? function (e) {
           return onItemMouseEnter(item, i, e);
-        },
-        onMouseLeave: function onMouseLeave(e) {
+        } : null,
+        onMouseLeave: onItemMouseEnter ? function (e) {
           return onItemMouseLeave(item, i, e);
-        } });
+        } : null
+      });
     })
@@ -96,3 +95,2 @@ );
 };
-var NOOP = function NOOP() {};
 
@@ -102,5 +100,2 @@ DiscreteColorLegend.defaultProps = {
   colors: _theme.DISCRETE_COLOR_RANGE,
-  onItemClick: NOOP,
-  onItemMouseEnter: NOOP,
-  onItemMouseLeave: NOOP,
   orientation: 'vertical'
@@ -107,0 +102,0 @@ };

dist/plot/axis/decorative-axis-ticks.js

@@ -43,5 +43,5 @@ 'use strict';
  - props.numberOfTicks{Number} the number of ticks on the axis
- - props.axisStart {Object} a object specify in cartesian space the the start of the axis
+ - props.axisStart {Object} a object specify in cartesian space the start of the axis
  example: {x: 0, y: 0}
- - props.axisEnd {Object} a object specify in cartesian space the the start of the axis
+ - props.axisEnd {Object} a object specify in cartesian space the start of the axis
  - props.tickValue {Func} a formatting function for the tick values
@@ -48,0 +48,0 @@ - props.tickSize {Number} a pixel size of the axis

dist/plot/series/canvas-wrapper.js

@@ -141,2 +141,5 @@ 'use strict';
       var ctx = this.refs.canvas.getContext('2d');
+      if (!ctx) {
+        return;
+      }
       var pixelRatio = this.props.pixelRatio;
@@ -143,0 +146,0 @@

dist/plot/voronoi.js

@@ -47,3 +47,3 @@ 'use strict';
       return _react2.default.createElement('path', {
-        className: 'rv-voronoi__cell',
+        className: 'rv-voronoi__cell ' + (d.data && d.data.className || ''),
         d: 'M' + d.join('L') + 'Z',
@@ -68,3 +68,3 @@ onClick: function onClick() {
           pointerEvents: 'all'
-        }, polygonStyle),
+        }, polygonStyle, d.data && d.data.style),
         key: i });
@@ -98,5 +98,5 @@ })
   onClick: _propTypes2.default.func,
+  onHover: _propTypes2.default.func,
   onMouseDown: _propTypes2.default.func,
   onMouseUp: _propTypes2.default.func,
-  onHover: _propTypes2.default.func,
   x: _propTypes2.default.func,
@@ -103,0 +103,0 @@ y: _propTypes2.default.func

es/legends/discrete-color-legend.js

@@ -41,5 +41,3 @@ // Copyright (c) 2016 - 2017 Uber Technologies, Inc.
     'div',
-    {
-      className: 'rv-discrete-color-legend ' + orientation + ' ' + className,
-      style: { width: width, height: height } },
+    { className: 'rv-discrete-color-legend ' + orientation + ' ' + className, style: { width: width, height: height } },
     items.map(function (item, i) {
@@ -52,11 +50,12 @@ return React.createElement(DiscreteColorLegendItem, {
         key: i,
-        onClick: function onClick(e) {
+        onClick: onItemClick ? function (e) {
           return onItemClick(item, i, e);
-        },
-        onMouseEnter: function onMouseEnter(e) {
+        } : null,
+        onMouseEnter: onItemMouseEnter ? function (e) {
           return onItemMouseEnter(item, i, e);
-        },
-        onMouseLeave: function onMouseLeave(e) {
+        } : null,
+        onMouseLeave: onItemMouseEnter ? function (e) {
           return onItemMouseLeave(item, i, e);
-        } });
+        } : null
+      });
     })
@@ -81,3 +80,2 @@ );
 };
-var NOOP = function NOOP() {};
 
@@ -87,5 +85,2 @@ DiscreteColorLegend.defaultProps = {
   colors: DISCRETE_COLOR_RANGE,
-  onItemClick: NOOP,
-  onItemMouseEnter: NOOP,
-  onItemMouseLeave: NOOP,
   orientation: 'vertical'
@@ -92,0 +87,0 @@ };

es/plot/axis/decorative-axis-ticks.js

@@ -32,5 +32,5 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
  - props.numberOfTicks{Number} the number of ticks on the axis
- - props.axisStart {Object} a object specify in cartesian space the the start of the axis
+ - props.axisStart {Object} a object specify in cartesian space the start of the axis
  example: {x: 0, y: 0}
- - props.axisEnd {Object} a object specify in cartesian space the the start of the axis
+ - props.axisEnd {Object} a object specify in cartesian space the start of the axis
  - props.tickValue {Func} a formatting function for the tick values
@@ -37,0 +37,0 @@ - props.tickSize {Number} a pixel size of the axis

es/plot/series/canvas-wrapper.js

@@ -128,2 +128,5 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
       var ctx = this.refs.canvas.getContext('2d');
+      if (!ctx) {
+        return;
+      }
       var pixelRatio = this.props.pixelRatio;
@@ -130,0 +133,0 @@

es/plot/voronoi.js

@@ -33,3 +33,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
       return React.createElement('path', {
-        className: 'rv-voronoi__cell',
+        className: 'rv-voronoi__cell ' + (d.data && d.data.className || ''),
         d: 'M' + d.join('L') + 'Z',
@@ -54,3 +54,3 @@ onClick: function onClick() {
           pointerEvents: 'all'
-        }, polygonStyle),
+        }, polygonStyle, d.data && d.data.style),
         key: i });
@@ -84,5 +84,5 @@ })
   onClick: PropTypes.func,
+  onHover: PropTypes.func,
   onMouseDown: PropTypes.func,
   onMouseUp: PropTypes.func,
-  onHover: PropTypes.func,
   x: PropTypes.func,
@@ -89,0 +89,0 @@ y: PropTypes.func

package.json

 {
   "name": "react-vis",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "license": "MIT",
@@ -5,0 +5,0 @@ "author": "Visualization Team <[e-mail]>",

No alert changes

Improved metrics

Total package byte prevSize

1716567

Worsened metrics

Lines of code

23106

decreased by-0.01%

No dependency changes