react-highcharts - npm Package Compare versions

Comparing version 8.0.0 to 8.0.2

dist/index.js

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

dist/index.src.js

@@ -72,3 +72,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-	'use strict';
+	/* WEBPACK VAR INJECTION */(function(global) {'use strict';
 
@@ -90,2 +90,4 @@ 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; };
 	    renderChart: function renderChart(config) {
+	      var _this = this;
+
 	      if (!config) {
@@ -100,2 +102,6 @@ throw new Error('Config must be specified for the ' + displayName + ' component');
 	      }));
+
+	      global.requestAnimationFrame && requestAnimationFrame(function () {
+	        _this.chart.reflow();
+	      });
 	    },
@@ -134,2 +140,3 @@
 	};
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
@@ -136,0 +143,0 @@ /***/ },

dist/ReactHighcharts.js

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

dist/ReactHighcharts.src.js

@@ -72,3 +72,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-	'use strict';
+	/* WEBPACK VAR INJECTION */(function(global) {'use strict';
 
@@ -90,2 +90,4 @@ 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; };
 	    renderChart: function renderChart(config) {
+	      var _this = this;
+
 	      if (!config) {
@@ -100,2 +102,6 @@ throw new Error('Config must be specified for the ' + displayName + ' component');
 	      }));
+
+	      global.requestAnimationFrame && requestAnimationFrame(function () {
+	        _this.chart.reflow();
+	      });
 	    },
@@ -134,2 +140,3 @@
 	};
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
@@ -136,0 +143,0 @@ /***/ },

dist/ReactHighmaps.js

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

dist/ReactHighmaps.src.js

@@ -65,3 +65,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-	'use strict';
+	/* WEBPACK VAR INJECTION */(function(global) {'use strict';
 
@@ -83,2 +83,4 @@ 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; };
 	    renderChart: function renderChart(config) {
+	      var _this = this;
+
 	      if (!config) {
@@ -93,2 +95,6 @@ throw new Error('Config must be specified for the ' + displayName + ' component');
 	      }));
+
+	      global.requestAnimationFrame && requestAnimationFrame(function () {
+	        _this.chart.reflow();
+	      });
 	    },
@@ -127,2 +133,3 @@
 	};
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
@@ -129,0 +136,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){"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,r){var e="Highcharts"+t,i=n.createClass({displayName:e,propTypes:{config:n.PropTypes.object.isRequired,isPureConfig:n.PropTypes.bool},renderChart:function(n){if(!n)throw new Error("Config must be specified for the "+e+" component");var i=n.chart;this.chart=new r[t](o({},n,{chart:o({},i,{renderTo:this.refs.chart})}))},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)},render:function(){var t=this.props;return t=o({},t,{ref:"chart"}),n.createElement("div",t)}});return i.Highcharts=r,i}},,,,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},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)},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

@@ -65,3 +65,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-	'use strict';
+	/* WEBPACK VAR INJECTION */(function(global) {'use strict';
 
@@ -83,2 +83,4 @@ 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; };
 	    renderChart: function renderChart(config) {
+	      var _this = this;
+
 	      if (!config) {
@@ -93,2 +95,6 @@ throw new Error('Config must be specified for the ' + displayName + ' component');
 	      }));
+
+	      global.requestAnimationFrame && requestAnimationFrame(function () {
+	        _this.chart.reflow();
+	      });
 	    },
@@ -127,2 +133,3 @@
 	};
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
@@ -129,0 +136,0 @@ /***/ },

package.json

 {
   "name": "react-highcharts",
-  "version": "8.0.0",
+  "version": "8.0.2",
   "description": "React wrapper for highcharts",
@@ -43,3 +43,3 @@ "main": "dist/ReactHighcharts.js",
     "file-loader": "^0.8.4",
-    "highlight.js": "^9.2.0",
+    "highlight.js": "^8.4.0",
     "imports-loader": "^0.6.4",
@@ -46,0 +46,0 @@ "jsdom": "^8.1.0",

src/chartsFactory.jsx

@@ -25,2 +25,6 @@ var React = require('react');
       });
+
+      global.requestAnimationFrame && requestAnimationFrame(()=>{
+        this.chart.reflow()
+      })
     },
@@ -48,3 +52,4 @@
       let props = this.props;
-      props = {        ...props,
+      props = {
+        ...props,
         ref: 'chart'
@@ -51,0 +56,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

3067941

increased by0.16%

Lines of code

13629

increased by0.5%

No dependency changes