react-highcharts - npm Package Compare versions

Comparing version 8.0.3 to 8.1.0

dist/index.js

@@ -1,1 +0,1 @@
-!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts")):"function"==typeof define&&define.amd?define(["react","highcharts"],r):"object"==typeof exports?exports.index=r(require("react"),require("highcharts")):t.index=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{},id:n,loaded:!1};return t[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(3)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var n=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},o=e(1);t.exports=function(t,e){var i="Highcharts"+t,c=o.createClass({displayName:i,propTypes:{config:o.PropTypes.object.isRequired,isPureConfig:o.PropTypes.bool},renderChart:function(o){var c=this;if(!o)throw new Error("Config must be specified for the "+i+" component");var s=o.chart;this.chart=new e[t](n({},o,{chart:n({},s,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){c.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.isPureConfig&&this.props.config===t.config||this.renderChart(t.config),!0},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=n({},t,{ref:"chart"}),o.createElement("div",t)}});return c.Highcharts=e,c}}).call(r,function(){return this}())},function(t,r,e){"use strict";t.exports=e(2)("Chart",e(4))},function(t,e){t.exports=r}])});
+!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts")):"function"==typeof define&&define.amd?define(["react","highcharts"],r):"object"==typeof exports?exports.index=r(require("react"),require("highcharts")):t.index=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(3)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var o=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},n=e(1);t.exports=function(t,e){var i="Highcharts"+t,s=n.createClass({displayName:i,propTypes:{config:n.PropTypes.object.isRequired,isPureConfig:n.PropTypes.bool,neverReflow:n.PropTypes.bool},renderChart:function(n){var s=this;if(!n)throw new Error("Config must be specified for the "+i+" component");var c=n.chart;this.chart=new e[t](o({},n,{chart:o({},c,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){s.chart&&s.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.neverReflow||this.props.isPureConfig&&this.props.config===t.config?!0:(this.renderChart(t.config),!1)},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=o({},t,{ref:"chart"}),n.createElement("div",t)}});return s.Highcharts=e,s}}).call(r,function(){return this}())},function(t,r,e){"use strict";t.exports=e(2)("Chart",e(4))},function(t,e){t.exports=r}])});

dist/index.src.js

@@ -85,3 +85,4 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	      config: React.PropTypes.object.isRequired,
-	      isPureConfig: React.PropTypes.bool
+	      isPureConfig: React.PropTypes.bool,
+	      neverReflow: React.PropTypes.bool
 	    },
@@ -103,3 +104,3 @@
 	      global.requestAnimationFrame && requestAnimationFrame(function () {
-	        _this.chart.reflow();
+	        _this.chart && _this.chart.reflow();
 	      });
@@ -109,6 +110,7 @@ },
 	    shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
-	      if (!this.props.isPureConfig || !(this.props.config === nextProps.config)) {
-	        this.renderChart(nextProps.config);
+	      if (this.props.neverReflow || this.props.isPureConfig && this.props.config === nextProps.config) {
+	        return true;
 	      }
-	      return true;
+	      this.renderChart(nextProps.config);
+	      return false;
 	    },
@@ -115,0 +117,0 @@

dist/ReactHighcharts.js

@@ -1,1 +0,1 @@
-!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts")):"function"==typeof define&&define.amd?define(["react","highcharts"],r):"object"==typeof exports?exports.ReactHighcharts=r(require("react"),require("highcharts")):t.ReactHighcharts=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{},id:n,loaded:!1};return t[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(3)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var n=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},o=e(1);t.exports=function(t,e){var i="Highcharts"+t,c=o.createClass({displayName:i,propTypes:{config:o.PropTypes.object.isRequired,isPureConfig:o.PropTypes.bool},renderChart:function(o){var c=this;if(!o)throw new Error("Config must be specified for the "+i+" component");var s=o.chart;this.chart=new e[t](n({},o,{chart:n({},s,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){c.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.isPureConfig&&this.props.config===t.config||this.renderChart(t.config),!0},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=n({},t,{ref:"chart"}),o.createElement("div",t)}});return c.Highcharts=e,c}}).call(r,function(){return this}())},function(t,r,e){"use strict";t.exports=e(2)("Chart",e(4))},function(t,e){t.exports=r}])});
+!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts")):"function"==typeof define&&define.amd?define(["react","highcharts"],r):"object"==typeof exports?exports.ReactHighcharts=r(require("react"),require("highcharts")):t.ReactHighcharts=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(3)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var o=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},n=e(1);t.exports=function(t,e){var i="Highcharts"+t,c=n.createClass({displayName:i,propTypes:{config:n.PropTypes.object.isRequired,isPureConfig:n.PropTypes.bool,neverReflow:n.PropTypes.bool},renderChart:function(n){var c=this;if(!n)throw new Error("Config must be specified for the "+i+" component");var s=n.chart;this.chart=new e[t](o({},n,{chart:o({},s,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){c.chart&&c.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.neverReflow||this.props.isPureConfig&&this.props.config===t.config?!0:(this.renderChart(t.config),!1)},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=o({},t,{ref:"chart"}),n.createElement("div",t)}});return c.Highcharts=e,c}}).call(r,function(){return this}())},function(t,r,e){"use strict";t.exports=e(2)("Chart",e(4))},function(t,e){t.exports=r}])});

dist/ReactHighcharts.src.js

@@ -85,3 +85,4 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	      config: React.PropTypes.object.isRequired,
-	      isPureConfig: React.PropTypes.bool
+	      isPureConfig: React.PropTypes.bool,
+	      neverReflow: React.PropTypes.bool
 	    },
@@ -103,3 +104,3 @@
 	      global.requestAnimationFrame && requestAnimationFrame(function () {
-	        _this.chart.reflow();
+	        _this.chart && _this.chart.reflow();
 	      });
@@ -109,6 +110,7 @@ },
 	    shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
-	      if (!this.props.isPureConfig || !(this.props.config === nextProps.config)) {
-	        this.renderChart(nextProps.config);
+	      if (this.props.neverReflow || this.props.isPureConfig && this.props.config === nextProps.config) {
+	        return true;
 	      }
-	      return true;
+	      this.renderChart(nextProps.config);
+	      return false;
 	    },
@@ -115,0 +117,0 @@

dist/ReactHighmaps.js

@@ -1,1 +0,1 @@
-!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts/highmaps")):"function"==typeof define&&define.amd?define(["react","highcharts/highmaps"],r):"object"==typeof exports?exports.ReactHighmaps=r(require("react"),require("highcharts/highmaps")):t.ReactHighmaps=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{},id:n,loaded:!1};return t[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(5)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var n=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},o=e(1);t.exports=function(t,e){var i="Highcharts"+t,s=o.createClass({displayName:i,propTypes:{config:o.PropTypes.object.isRequired,isPureConfig:o.PropTypes.bool},renderChart:function(o){var s=this;if(!o)throw new Error("Config must be specified for the "+i+" component");var c=o.chart;this.chart=new e[t](n({},o,{chart:n({},c,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){s.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.isPureConfig&&this.props.config===t.config||this.renderChart(t.config),!0},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=n({},t,{ref:"chart"}),o.createElement("div",t)}});return s.Highcharts=e,s}}).call(r,function(){return this}())},,,function(t,r,e){"use strict";t.exports=e(2)("Map",e(8))},,,function(t,e){t.exports=r}])});
+!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts/highmaps")):"function"==typeof define&&define.amd?define(["react","highcharts/highmaps"],r):"object"==typeof exports?exports.ReactHighmaps=r(require("react"),require("highcharts/highmaps")):t.ReactHighmaps=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(5)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var o=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},n=e(1);t.exports=function(t,e){var i="Highcharts"+t,s=n.createClass({displayName:i,propTypes:{config:n.PropTypes.object.isRequired,isPureConfig:n.PropTypes.bool,neverReflow:n.PropTypes.bool},renderChart:function(n){var s=this;if(!n)throw new Error("Config must be specified for the "+i+" component");var c=n.chart;this.chart=new e[t](o({},n,{chart:o({},c,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){s.chart&&s.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.neverReflow||this.props.isPureConfig&&this.props.config===t.config?!0:(this.renderChart(t.config),!1)},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=o({},t,{ref:"chart"}),n.createElement("div",t)}});return s.Highcharts=e,s}}).call(r,function(){return this}())},,,function(t,r,e){"use strict";t.exports=e(2)("Map",e(8))},,,function(t,e){t.exports=r}])});

dist/ReactHighmaps.src.js

@@ -78,3 +78,4 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	      config: React.PropTypes.object.isRequired,
-	      isPureConfig: React.PropTypes.bool
+	      isPureConfig: React.PropTypes.bool,
+	      neverReflow: React.PropTypes.bool
 	    },
@@ -96,3 +97,3 @@
 	      global.requestAnimationFrame && requestAnimationFrame(function () {
-	        _this.chart.reflow();
+	        _this.chart && _this.chart.reflow();
 	      });
@@ -102,6 +103,7 @@ },
 	    shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
-	      if (!this.props.isPureConfig || !(this.props.config === nextProps.config)) {
-	        this.renderChart(nextProps.config);
+	      if (this.props.neverReflow || this.props.isPureConfig && this.props.config === nextProps.config) {
+	        return true;
 	      }
-	      return true;
+	      this.renderChart(nextProps.config);
+	      return false;
 	    },
@@ -108,0 +110,0 @@

dist/ReactHighstock.js

@@ -1,1 +0,1 @@
-!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts/highstock")):"function"==typeof define&&define.amd?define(["react","highcharts/highstock"],r):"object"==typeof exports?exports.ReactHighstock=r(require("react"),require("highcharts/highstock")):t.ReactHighstock=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(6)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var o=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},n=e(1);t.exports=function(t,e){var i="Highcharts"+t,c=n.createClass({displayName:i,propTypes:{config:n.PropTypes.object.isRequired,isPureConfig:n.PropTypes.bool},renderChart:function(n){var c=this;if(!n)throw new Error("Config must be specified for the "+i+" component");var s=n.chart;this.chart=new e[t](o({},n,{chart:o({},s,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){c.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.isPureConfig&&this.props.config===t.config||this.renderChart(t.config),!0},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=o({},t,{ref:"chart"}),n.createElement("div",t)}});return c.Highcharts=e,c}}).call(r,function(){return this}())},,,,function(t,r,e){"use strict";t.exports=e(2)("StockChart",e(9))},,,function(t,e){t.exports=r}])});
+!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("highcharts/highstock")):"function"==typeof define&&define.amd?define(["react","highcharts/highstock"],r):"object"==typeof exports?exports.ReactHighstock=r(require("react"),require("highcharts/highstock")):t.ReactHighstock=r(t.React,t.Highcharts)}(this,function(t,r){return function(t){function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports=e(6)},function(r,e){r.exports=t},function(t,r,e){(function(r){"use strict";var o=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},n=e(1);t.exports=function(t,e){var i="Highcharts"+t,c=n.createClass({displayName:i,propTypes:{config:n.PropTypes.object.isRequired,isPureConfig:n.PropTypes.bool,neverReflow:n.PropTypes.bool},renderChart:function(n){var c=this;if(!n)throw new Error("Config must be specified for the "+i+" component");var s=n.chart;this.chart=new e[t](o({},n,{chart:o({},s,{renderTo:this.refs.chart})})),r.requestAnimationFrame&&requestAnimationFrame(function(){c.chart&&c.chart.reflow()})},shouldComponentUpdate:function(t){return this.props.neverReflow||this.props.isPureConfig&&this.props.config===t.config?!0:(this.renderChart(t.config),!1)},getChart:function(){if(!this.chart)throw new Error("getChart() should not be called before the component is mounted");return this.chart},componentDidMount:function(){this.renderChart(this.props.config)},componentWillUnmount:function(){this.chart.destroy()},render:function(){var t=this.props;return t=o({},t,{ref:"chart"}),n.createElement("div",t)}});return c.Highcharts=e,c}}).call(r,function(){return this}())},,,,function(t,r,e){"use strict";t.exports=e(2)("StockChart",e(9))},,,function(t,e){t.exports=r}])});

dist/ReactHighstock.src.js

@@ -78,3 +78,4 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	      config: React.PropTypes.object.isRequired,
-	      isPureConfig: React.PropTypes.bool
+	      isPureConfig: React.PropTypes.bool,
+	      neverReflow: React.PropTypes.bool
 	    },
@@ -96,3 +97,3 @@
 	      global.requestAnimationFrame && requestAnimationFrame(function () {
-	        _this.chart.reflow();
+	        _this.chart && _this.chart.reflow();
 	      });
@@ -102,6 +103,7 @@ },
 	    shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
-	      if (!this.props.isPureConfig || !(this.props.config === nextProps.config)) {
-	        this.renderChart(nextProps.config);
+	      if (this.props.neverReflow || this.props.isPureConfig && this.props.config === nextProps.config) {
+	        return true;
 	      }
-	      return true;
+	      this.renderChart(nextProps.config);
+	      return false;
 	    },
@@ -108,0 +110,0 @@

package.json

 {
   "name": "react-highcharts",
-  "version": "8.0.3",
+  "version": "8.1.0",
   "description": "React wrapper for highcharts",
@@ -5,0 +5,0 @@ "main": "dist/ReactHighcharts.js",

src/chartsFactory.jsx

@@ -10,3 +10,4 @@ var React = require('react');
       config: React.PropTypes.object.isRequired,
-      isPureConfig: React.PropTypes.bool
+      isPureConfig: React.PropTypes.bool,
+      neverReflow: React.PropTypes.bool
     },
@@ -28,11 +29,12 @@
       global.requestAnimationFrame && requestAnimationFrame(()=>{
-        this.chart.reflow()
-      })
+        this.chart && this.chart.reflow();
+      });
     },
 
     shouldComponentUpdate(nextProps) {
-      if (!this.props.isPureConfig || !(this.props.config === nextProps.config)) {
-        this.renderChart(nextProps.config);
+      if (this.props.neverReflow || (this.props.isPureConfig  && this.props.config === nextProps.config)) {
+        return true;
       }
-      return true;
+      this.renderChart(nextProps.config);
+      return false;
     },
@@ -39,0 +41,0 @@

No alert changes

Improved metrics

Total package byte prevSize

3071365

increased by0.07%

Lines of code

13672

increased by0.19%

No dependency changes