New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details → →
react-chartkick
Advanced tools
react-chartkick - npm Package Compare versions
@@ -5,3 +5,3 @@ /*! | ||
| * https://github.com/ankane/react-chartkick | ||
| * v0.5.1 | ||
| * v0.5.2 | ||
| * MIT License | ||
@@ -51,2 +51,8 @@ */ | ||
| ChartComponent.prototype.componentWillUnmount = function componentWillUnmount () { | ||
| if (this.chart) { | ||
| this.chart.destroy(); | ||
| } | ||
| }; | ||
| ChartComponent.prototype.render = function render () { | ||
@@ -53,0 +59,0 @@ var this$1 = this; |
@@ -5,3 +5,3 @@ /*! | ||
| * https://github.com/ankane/react-chartkick | ||
| * v0.5.1 | ||
| * v0.5.2 | ||
| * MIT License | ||
@@ -57,2 +57,8 @@ */ | ||
| ChartComponent.prototype.componentWillUnmount = function componentWillUnmount () { | ||
| if (this.chart) { | ||
| this.chart.destroy(); | ||
| } | ||
| }; | ||
| ChartComponent.prototype.render = function render () { | ||
@@ -59,0 +65,0 @@ var this$1 = this; |
@@ -1,2 +0,2 @@ | ||
| /*! React Chartkick v0.5.1 | MIT License */ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("chartkick")):"function"==typeof define&&define.amd?define(["exports","react","chartkick"],e):e((t=t||self).ReactChartkick={},t.React,t.Chartkick)}(this,function(t,n,e){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var a=1,i=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),((e.prototype=Object.create(t&&t.prototype)).constructor=e).prototype.newChartType=function(t){var e,r=t.data,n={};for(e in t)t.hasOwnProperty(e)&&"data"!==e&&"id"!==e&&"height"!==e&&"width"!==e&&(n[e]=t[e]);this.element&&(this.chart?this.chart.updateData(r,n):this.chart=new t.chartType(this.element,r,n))},e.prototype.componentDidMount=function(){this.newChartType(this.props)},e.prototype.componentDidUpdate=function(){this.newChartType(this.props)},e.prototype.render=function(){var e=this,t=this.props,r={height:t.height||"300px",lineHeight:t.height||"300px",width:t.width||"100%",textAlign:"center",color:"#999",fontSize:"14px",fontFamily:"'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif"};this.chartId=t.id||this.chartId||"chart-"+a++;t=void 0!==t.loading?t.loading:"Loading...";if("string"!=typeof t)throw new Error("loading must be a string");return n.createElement("div",{id:this.chartId,style:r,ref:function(t){return e.element=t}},t)},e}(n.Component),r=function(r){function t(t){var e=t.innerRef;return(t=function(t,e){var r,n={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===e.indexOf(r)&&(n[r]=t[r]);return n}(t,["innerRef"])).chartType=r,t.ref=e,n.createElement(i,t)}return t.displayName=r.name,t},o=r(e.LineChart),h=r(e.PieChart),c=r(e.ColumnChart),p=r(e.BarChart),d=r(e.AreaChart),s=r(e.ScatterChart),f=r(e.GeoChart),r=r(e.Timeline);t.AreaChart=d,t.BarChart=p,t.ColumnChart=c,t.GeoChart=f,t.LineChart=o,t.PieChart=h,t.ScatterChart=s,t.Timeline=r,t.default=e,Object.defineProperty(t,"__esModule",{value:!0})}); | ||
| /*! React Chartkick v0.5.2 | MIT License */ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("chartkick")):"function"==typeof define&&define.amd?define(["exports","react","chartkick"],e):e((t=t||self).ReactChartkick={},t.React,t.Chartkick)}(this,function(t,n,e){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var a=1,i=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),((e.prototype=Object.create(t&&t.prototype)).constructor=e).prototype.newChartType=function(t){var e,r=t.data,n={};for(e in t)t.hasOwnProperty(e)&&"data"!==e&&"id"!==e&&"height"!==e&&"width"!==e&&(n[e]=t[e]);this.element&&(this.chart?this.chart.updateData(r,n):this.chart=new t.chartType(this.element,r,n))},e.prototype.componentDidMount=function(){this.newChartType(this.props)},e.prototype.componentDidUpdate=function(){this.newChartType(this.props)},e.prototype.componentWillUnmount=function(){this.chart&&this.chart.destroy()},e.prototype.render=function(){var e=this,t=this.props,r={height:t.height||"300px",lineHeight:t.height||"300px",width:t.width||"100%",textAlign:"center",color:"#999",fontSize:"14px",fontFamily:"'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif"};this.chartId=t.id||this.chartId||"chart-"+a++;t=void 0!==t.loading?t.loading:"Loading...";if("string"!=typeof t)throw new Error("loading must be a string");return n.createElement("div",{id:this.chartId,style:r,ref:function(t){return e.element=t}},t)},e}(n.Component),r=function(r){function t(t){var e=t.innerRef;return(t=function(t,e){var r,n={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===e.indexOf(r)&&(n[r]=t[r]);return n}(t,["innerRef"])).chartType=r,t.ref=e,n.createElement(i,t)}return t.displayName=r.name,t},o=r(e.LineChart),h=r(e.PieChart),c=r(e.ColumnChart),p=r(e.BarChart),d=r(e.AreaChart),s=r(e.ScatterChart),u=r(e.GeoChart),r=r(e.Timeline);t.AreaChart=d,t.BarChart=p,t.ColumnChart=c,t.GeoChart=u,t.LineChart=o,t.PieChart=h,t.ScatterChart=s,t.Timeline=r,t.default=e,Object.defineProperty(t,"__esModule",{value:!0})}); |
+1
-1
| { | ||
| "name": "react-chartkick", | ||
| "version": "0.5.1", | ||
| "version": "0.5.2", | ||
| "description": "Create beautiful JavaScript charts with one line of React", | ||
@@ -5,0 +5,0 @@ "main": "dist/react-chartkick.js", |
+17
-3
@@ -388,6 +388,6 @@ # React Chartkick | ||
| ```html | ||
| <script src="https://unpkg.com/chart.js@3.0.2"></script> | ||
| <script src="https://unpkg.com/chart.js@3.4.1"></script> | ||
| <script src="https://unpkg.com/chartjs-adapter-date-fns@2.0.0/dist/chartjs-adapter-date-fns.bundle.js"></script> | ||
| <script src="https://unpkg.com/chartkick@4.0.0"></script> | ||
| <script src="https://unpkg.com/react-chartkick@0.5.0"></script> | ||
| <script src="https://unpkg.com/chartkick@4.0.5"></script> | ||
| <script src="https://unpkg.com/react-chartkick@0.5.2"></script> | ||
| ``` | ||
@@ -407,2 +407,16 @@ | ||
| ## Upgrading | ||
| ### 0.5.0 | ||
| For the no package manager install, Chartkick.js is no longer bundled, allowing you to update them independently. Include it manually before React Chartkick. | ||
| ```html | ||
| <script src="https://unpkg.com/chartkick@4.0.2"></script> | ||
| ```` | ||
| ## History | ||
| View the [changelog](https://github.com/ankane/react-chartkick/blob/master/CHANGELOG.md) | ||
| ## Contributing | ||
@@ -409,0 +423,0 @@ |
-68
| ## 0.5.1 (2021-04-06) | ||
| - Fixed `loading` option with empty string | ||
| ## 0.5.0 (2021-04-05) | ||
| - Added `loading` option | ||
| - Prefer `empty` over `messages: {empty: ...}` | ||
| - Removed Chartkick.js from the no packager manager install | ||
| ## 0.4.1 (2020-07-23) | ||
| - Updated Chartkick.js to 3.2.1 | ||
| ## 0.4.0 (2019-11-09) | ||
| - Updated Chartkick.js to 3.2.0 | ||
| ## 0.3.3 (2019-10-27) | ||
| - Updated Chartkick.js to 3.1.3 | ||
| ## 0.3.2 (2019-07-15) | ||
| - Added `innerRef` option | ||
| - Updated Chartkick.js to 3.1.1 | ||
| - Fixed component names in React Developer Tools | ||
| - Removed `Object.assign` for older browsers | ||
| ## 0.3.1 (2019-05-26) | ||
| - Added `use` function | ||
| - Updated Chartkick.js to 3.1.0 | ||
| ## 0.3.0 (2018-08-08) | ||
| - Updated Chartkick.js to 3.0.0 | ||
| - Removed `xtype` option | ||
| ## 0.2.1 (2018-06-15) | ||
| - Added `dataset` option | ||
| ## 0.2.0 (2018-03-26) | ||
| - Moved `chartkick` to a dependency from a peer dependency | ||
| - Added `addAdapter` function - goodbye `window` | ||
| ## 0.1.7 (2018-03-25) | ||
| - Added module build | ||
| ## 0.1.6 (2018-01-07) | ||
| - Fixed issue where updates happen only when `data` prop is changed | ||
| - Fixed loading text bug | ||
| ## 0.1.5 (2017-11-30) | ||
| - Use ES5 for main package | ||
| ## 0.1.4 (2017-11-19) | ||
| - Added support for React 16 | ||
| ## 0.1.3 (2016-10-11) | ||
| - Update when new props are received |
No alert changes
Improved metrics
- Lines of code
216
5.37%- Number of lines in readme file
437
3.31%Worsened metrics
- Total package byte prevSize
20356
-2.37%- Number of package files
6
-14.29%No dependency changes