react-chartkick - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

dist/react-chartkick.esm.js

@@ -5,3 +5,3 @@ /*!
  * https://github.com/ankane/react-chartkick
- * v0.5.2
+ * v0.5.3
  * MIT License
@@ -12,2 +12,3 @@ */
 import Chartkick from 'chartkick';
+export { default } from 'chartkick';
 
@@ -55,2 +56,3 @@ function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }
       this.chart.destroy();
+      this.chart = undefined;
     }
@@ -60,3 +62,3 @@ };
   ChartComponent.prototype.render = function render () {
-    var this$1 = this;
+    var this$1$1 = this;
 
@@ -85,3 +87,3 @@ var props = this.props;
     return (
-      React.createElement("div", {id: this.chartId, style: style, ref: function (element) { return this$1.element = element; }},
+      React.createElement("div", {id: this.chartId, style: style, ref: function (element) { return this$1$1.element = element; }},
         loading
@@ -119,3 +121,2 @@ )
 
-export default Chartkick;
 export { AreaChart, BarChart, ColumnChart, GeoChart, LineChart, PieChart, ScatterChart, Timeline };

dist/react-chartkick.js

@@ -5,3 +5,3 @@ /*!
  * https://github.com/ankane/react-chartkick
- * v0.5.2
+ * v0.5.3
  * MIT License
@@ -13,8 +13,10 @@ */
   typeof define === 'function' && define.amd ? define(['exports', 'react', 'chartkick'], factory) :
-  (global = global || self, factory(global.ReactChartkick = {}, global.React, global.Chartkick));
-}(this, (function (exports, React, Chartkick) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactChartkick = {}, global.React, global.Chartkick));
+})(this, (function (exports, React, Chartkick) { 'use strict';
 
-  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
-  Chartkick = Chartkick && Object.prototype.hasOwnProperty.call(Chartkick, 'default') ? Chartkick['default'] : Chartkick;
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var Chartkick__default = /*#__PURE__*/_interopDefaultLegacy(Chartkick);
+
   function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }
@@ -61,2 +63,3 @@
         this.chart.destroy();
+        this.chart = undefined;
       }
@@ -66,3 +69,3 @@ };
     ChartComponent.prototype.render = function render () {
-      var this$1 = this;
+      var this$1$1 = this;
 
@@ -91,3 +94,3 @@ var props = this.props;
       return (
-        React.createElement("div", {id: this.chartId, style: style, ref: function (element) { return this$1.element = element; }},
+        React__default["default"].createElement("div", {id: this.chartId, style: style, ref: function (element) { return this$1$1.element = element; }},
           loading
@@ -99,3 +102,3 @@ )
     return ChartComponent;
-  }(React.Component));
+  }(React__default["default"].Component));
 
@@ -111,3 +114,3 @@ var createComponent = function (chartType) {
       props.ref = innerRef;
-      return React.createElement(ChartComponent, props)
+      return React__default["default"].createElement(ChartComponent, props)
     };
@@ -118,11 +121,15 @@ ChartkickComponent.displayName = chartType.name;
 
-  var LineChart = createComponent(Chartkick.LineChart);
-  var PieChart = createComponent(Chartkick.PieChart);
-  var ColumnChart = createComponent(Chartkick.ColumnChart);
-  var BarChart = createComponent(Chartkick.BarChart);
-  var AreaChart = createComponent(Chartkick.AreaChart);
-  var ScatterChart = createComponent(Chartkick.ScatterChart);
-  var GeoChart = createComponent(Chartkick.GeoChart);
-  var Timeline = createComponent(Chartkick.Timeline);
+  var LineChart = createComponent(Chartkick__default["default"].LineChart);
+  var PieChart = createComponent(Chartkick__default["default"].PieChart);
+  var ColumnChart = createComponent(Chartkick__default["default"].ColumnChart);
+  var BarChart = createComponent(Chartkick__default["default"].BarChart);
+  var AreaChart = createComponent(Chartkick__default["default"].AreaChart);
+  var ScatterChart = createComponent(Chartkick__default["default"].ScatterChart);
+  var GeoChart = createComponent(Chartkick__default["default"].GeoChart);
+  var Timeline = createComponent(Chartkick__default["default"].Timeline);
 
+  Object.defineProperty(exports, 'default', {
+    enumerable: true,
+    get: function () { return Chartkick__default["default"]; }
+  });
   exports.AreaChart = AreaChart;
@@ -136,6 +143,5 @@ exports.BarChart = BarChart;
   exports.Timeline = Timeline;
-  exports.default = Chartkick;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));

dist/react-chartkick.min.js

@@ -1,2 +0,2 @@
-/*! 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})});
+/*! React Chartkick v0.5.3 | 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="undefined"!=typeof globalThis?globalThis:t||self).ReactChartkick={},t.React,t.Chartkick)}(this,(function(t,e,r){"use strict";function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(e),i=a(r);var o=1,h=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.newChartType=function(t){var e=t.data,r={};for(var a in t)t.hasOwnProperty(a)&&"data"!==a&&"id"!==a&&"height"!==a&&"width"!==a&&(r[a]=t[a]);this.element&&(this.chart?this.chart.updateData(e,r):this.chart=new t.chartType(this.element,e,r))},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(),this.chart=void 0)},e.prototype.render=function(){var t=this,e=this.props,r={height:e.height||"300px",lineHeight:e.height||"300px",width:e.width||"100%",textAlign:"center",color:"#999",fontSize:"14px",fontFamily:"'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif"};this.chartId=e.id||this.chartId||"chart-"+o++;var a=void 0!==e.loading?e.loading:"Loading...";if("string"!=typeof a)throw new Error("loading must be a string");return n.default.createElement("div",{id:this.chartId,style:r,ref:function(e){return t.element=e}},a)},e}(n.default.Component),c=function(t){var e=function(e){var r=e.innerRef,a=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&-1===e.indexOf(a)&&(r[a]=t[a]);return r}(e,["innerRef"]);return a.chartType=t,a.ref=r,n.default.createElement(h,a)};return e.displayName=t.name,e},d=c(i.default.LineChart),u=c(i.default.PieChart),f=c(i.default.ColumnChart),p=c(i.default.BarChart),l=c(i.default.AreaChart),s=c(i.default.ScatterChart),y=c(i.default.GeoChart),C=c(i.default.Timeline);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return i.default}}),t.AreaChart=l,t.BarChart=p,t.ColumnChart=f,t.GeoChart=y,t.LineChart=d,t.PieChart=u,t.ScatterChart=s,t.Timeline=C,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "react-chartkick",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Create beautiful JavaScript charts with one line of React",
@@ -28,8 +28,8 @@ "main": "dist/react-chartkick.js",
     "@rollup/plugin-buble": "^0.21.1",
-    "@rollup/plugin-commonjs": "^11.0.2",
-    "@rollup/plugin-node-resolve": "^7.1.1",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.1.3",
     "babel-eslint": "^10.0.2",
-    "eslint": "^5.16.0",
-    "rollup": "^1.11.3",
-    "rollup-plugin-uglify": "^6.0.2"
+    "eslint": "^8.8.0",
+    "rollup": "^2.67.0",
+    "rollup-plugin-terser": "^7.0.2"
   },
@@ -36,0 +36,0 @@ "dependencies": {

README.md

@@ -78,14 +78,48 @@ # React Chartkick
 
-```jsx
+```javascript
 data = [
-  {"name":"Workout", "data": {"2021-01-01": 3, "2021-01-02": 4}},
-  {"name":"Call parents", "data": {"2021-01-01": 5, "2021-01-02": 3}}
+  {name: "Workout", data: {"2021-01-01": 3, "2021-01-02": 4}},
+  {name: "Call parents", data: {"2021-01-01": 5, "2021-01-02": 3}}
 ];
+```
 
-// and
+and
+
+```jsx
 <LineChart data={data} />
 ```
 
-### Say Goodbye To Timeouts
+## Data
 
+Data can be an array, object, callback, or URL.
+
+#### Array
+
+```jsx
+<LineChart data={[["2021-01-01", 2], ["2021-01-02", 3]]} />
+```
+
+#### Object
+
+```jsx
+<LineChart data={{"2021-01-01": 2, "2021-01-02": 3}} />
+```
+
+#### Callback
+
+```javascript
+function fetchData(success, fail) {
+  success({"2021-01-01": 2, "2021-01-02": 3})
+  // or fail("Data not available")
+}
+```
+
+and
+
+```jsx
+<LineChart data={fetchData} />
+```
+
+#### URL
+
 Make your pages load super fast and stop worrying about timeouts. Give each chart its own endpoint.
@@ -97,3 +131,3 @@
 
-### Options
+## Options
 
@@ -266,28 +300,2 @@ Id, width, and height
 
-### Data
-
-Pass data as an array or object
-
-```jsx
-<PieChart data={{"Blueberry": 44, "Strawberry": 23}} />
-<PieChart data={[["Blueberry", 44], ["Strawberry", 23]]} />
-```
-
-Times can be a `Date` or a string (strings are parsed)
-
-```jsx
-<LineChart data={[[new Date(), 5], ["2021-01-01 00:00:00 UTC", 7]]} />
-```
-
-Data can also be a callback
-
-```jsx
-function fetchData(success, fail) {
-  success({"Blueberry": 44, "Strawberry": 23})
-  // or fail("Data not available")
-}
-
-<PieChart data={fetchData} />
-```
-
 ### Multiple Series
@@ -391,6 +399,6 @@
 ```html
-<script src="https://unpkg.com/chart.js@3.4.1"></script>
+<script src="https://unpkg.com/chart.js@3.8.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.5"></script>
-<script src="https://unpkg.com/react-chartkick@0.5.2"></script>
+<script src="https://unpkg.com/chartkick@4.2.0"></script>
+<script src="https://unpkg.com/react-chartkick@0.5.3"></script>
 ```
@@ -397,0 +405,0 @@

No alert changes

Improved metrics

Total package byte prevSize

20962

2.98%

Lines of code

223

3.24%

Number of lines in readme file

445

1.83%

No dependency changes