@devexpress/dx-react-chart - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

dist/dx-react-chart.es.js

 /**
  * Bundle of @devexpress/dx-react-chart
- * Generated: 2018-06-22
- * Version: 1.4.0
+ * Generated: 2018-07-26
+ * Version: 1.5.0
  * License: https://js.devexpress.com/Licensing
@@ -12,2 +12,3 @@ */
 import { BOTTOM, HORIZONTAL, LEFT, RIGHT, TOP, axesData, axisCoordinates, axisName, bBoxes, barPointAttributes, checkZeroStart, coordinates, domains, findSeriesByName, lineAttributes, palette, pieAttributes, pointAttributes, prepareData, processData, seriesData, seriesWithStacks, stacks, xyScales } from '@devexpress/dx-chart-core';
+import { stackOffsetDiverging, stackOrderNone } from 'd3-shape';
 
@@ -399,4 +400,7 @@ var asyncGenerator = function () {
           changeBBox = _ref.changeBBox;
+      var _props = this.props,
+          propsWidth = _props.width,
+          propsHeight = _props.height;
 
-      if (this.props.width !== width || this.props.height !== height) {
+      if (propsWidth !== width || propsHeight !== height) {
         changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } });
@@ -408,5 +412,5 @@ }
     value: function render() {
-      var _props = this.props,
-          width = _props.width,
-          height = _props.height;
+      var _props2 = this.props,
+          width = _props2.width,
+          height = _props2.height;
 
@@ -495,4 +499,9 @@
 
-    _this.state = { bBoxes: { pane: { width: _this.props.width, height: _this.props.height } } };
+    var _this$props = _this.props,
+        width = _this$props.width,
+        height = _this$props.height;
 
+
+    _this.state = { bBoxes: { pane: { width: width, height: height } } };
+
     var stateHelper = createStateHelper(_this);
@@ -512,2 +521,3 @@
           restProps = objectWithoutProperties(_props, ['width', 'height', 'rootComponent']);
+      var stateBBoxes = this.state.bBoxes;
 
@@ -518,3 +528,3 @@
         null,
-        createElement(Getter, { name: 'layouts', value: this.state.bBoxes }),
+        createElement(Getter, { name: 'layouts', value: stateBBoxes }),
         createElement(Action, { name: 'changeBBox', action: this.changeBBox }),
@@ -779,25 +789,29 @@ createElement(
 };
-var computedStacks = function computedStacks(_ref2) {
-  var _ref2$series = _ref2.series,
-      series = _ref2$series === undefined ? [] : _ref2$series;
-  return stacks(series);
-};
 
 // eslint-disable-next-line react/prefer-stateless-function
-var SeriesFamily = function (_React$PureComponent) {
-  inherits(SeriesFamily, _React$PureComponent);
+var Stack = function (_React$PureComponent) {
+  inherits(Stack, _React$PureComponent);
 
-  function SeriesFamily() {
-    classCallCheck(this, SeriesFamily);
-    return possibleConstructorReturn(this, (SeriesFamily.__proto__ || Object.getPrototypeOf(SeriesFamily)).apply(this, arguments));
+  function Stack() {
+    classCallCheck(this, Stack);
+    return possibleConstructorReturn(this, (Stack.__proto__ || Object.getPrototypeOf(Stack)).apply(this, arguments));
   }
 
-  createClass(SeriesFamily, [{
+  createClass(Stack, [{
     key: 'render',
     value: function render() {
+      var _props = this.props,
+          offset = _props.offset,
+          order = _props.order;
+
+      var computedStacks = function computedStacks(_ref2) {
+        var _ref2$series = _ref2.series,
+            series = _ref2$series === undefined ? [] : _ref2$series;
+        return stacks(series);
+      };
       return createElement(
         Plugin,
-        { name: 'SeriesFamily' },
+        { name: 'Stack' },
         createElement(Getter, { name: 'series', computed: computedSeries }),
-        createElement(Getter, { name: 'processingData', value: processData }),
+        createElement(Getter, { name: 'processingData', value: processData(offset, order) }),
         createElement(Getter, { name: 'stacks', computed: computedStacks })
@@ -807,5 +821,15 @@ );
   }]);
-  return SeriesFamily;
+  return Stack;
 }(PureComponent);
 
+Stack.propTypes = {
+  offset: func,
+  order: func
+};
+
+Stack.defaultProps = {
+  offset: stackOffsetDiverging,
+  order: stackOrderNone
+};
+
 var withSeriesPlugin = function withSeriesPlugin(Path, Point, pluginName, pathType, processLine, processPoint, extraOptions) {
@@ -1210,3 +1234,8 @@ var Component$$1 = function (_React$PureComponent) {
 
-        if (width === _this2.state.width && height === _this2.state.height) return;
+        var _state = _this2.state,
+            stateWidth = _state.width,
+            stateHeight = _state.height;
+
+
+        if (width === stateWidth && height === stateHeight) return;
         changeBBox({
@@ -1266,3 +1295,3 @@ placeholder: placeholder,
         createElement(Getter, { name: 'axes', computed: getAxesDataComputed }),
-        isArgumentAxis ? createElement(Getter, { name: 'argumentAxisName', value: this.props.name || 'argumentAxis' }) : null,
+        isArgumentAxis ? createElement(Getter, { name: 'argumentAxisName', value: name || 'argumentAxis' }) : null,
         createElement(
@@ -1294,3 +1323,7 @@ Template,
               var coordinates$$1 = axisCoordinates(domain, position, widthPostCalculated, heightPostCalculated, tickSize, indentFromAxis);
+              var _state2 = _this3.state,
+                  xCorrection = _state2.xCorrection,
+                  yCorrection = _state2.yCorrection;
 
+
               return createElement(
@@ -1322,4 +1355,4 @@ 'div',
                       refsHandler: _this3.createRefsHandler(placeholder, changeBBox, orientation),
-                      x: -_this3.state.xCorrection,
-                      y: -_this3.state.yCorrection
+                      x: -xCorrection,
+                      y: -yCorrection
                     },
@@ -1469,3 +1502,3 @@ coordinates$$1.ticks.map(function (_ref6) {
 
-export { Chart, Legend, Title, IntegratedScaleProcessing, SeriesFamily, BarSeries, LineSeries, SplineSeries, ScatterSeries, AreaSeries, PieSeries, Axis, Grid };
+export { Chart, Legend, Title, IntegratedScaleProcessing, Stack, BarSeries, LineSeries, SplineSeries, ScatterSeries, AreaSeries, PieSeries, Axis, Grid };
 //# sourceMappingURL=dx-react-chart.es.js.map

dist/dx-react-chart.umd.js

 /**
  * Bundle of @devexpress/dx-react-chart
- * Generated: 2018-06-22
- * Version: 1.4.0
+ * Generated: 2018-07-26
+ * Version: 1.5.0
  * License: https://js.devexpress.com/Licensing
@@ -9,6 +9,6 @@ */
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('@devexpress/dx-react-core'), require('@devexpress/dx-chart-core')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', '@devexpress/dx-react-core', '@devexpress/dx-chart-core'], factory) :
-	(factory((global.DevExpress = global.DevExpress || {}, global.DevExpress.DXReactChart = {}),global.React,global.PropTypes,global.DevExpress.DXReactCore,global.DevExpress.DXChartCore));
-}(this, (function (exports,React,PropTypes,dxReactCore,dxChartCore) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('@devexpress/dx-react-core'), require('@devexpress/dx-chart-core'), require('d3-shape')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', '@devexpress/dx-react-core', '@devexpress/dx-chart-core', 'd3-shape'], factory) :
+	(factory((global.DevExpress = global.DevExpress || {}, global.DevExpress.DXReactChart = {}),global.React,global.PropTypes,global.DevExpress.DXReactCore,global.DevExpress.DXChartCore,global.d3Shape));
+}(this, (function (exports,React,PropTypes,dxReactCore,dxChartCore,d3Shape) { 'use strict';
 
@@ -400,4 +400,7 @@ var asyncGenerator = function () {
           changeBBox = _ref.changeBBox;
+      var _props = this.props,
+          propsWidth = _props.width,
+          propsHeight = _props.height;
 
-      if (this.props.width !== width || this.props.height !== height) {
+      if (propsWidth !== width || propsHeight !== height) {
         changeBBox({ placeholder: 'pane', bBox: { width: width, height: height } });
@@ -409,5 +412,5 @@ }
     value: function render() {
-      var _props = this.props,
-          width = _props.width,
-          height = _props.height;
+      var _props2 = this.props,
+          width = _props2.width,
+          height = _props2.height;
 
@@ -496,4 +499,9 @@
 
-    _this.state = { bBoxes: { pane: { width: _this.props.width, height: _this.props.height } } };
+    var _this$props = _this.props,
+        width = _this$props.width,
+        height = _this$props.height;
 
+
+    _this.state = { bBoxes: { pane: { width: width, height: height } } };
+
     var stateHelper = dxReactCore.createStateHelper(_this);
@@ -513,2 +521,3 @@
           restProps = objectWithoutProperties(_props, ['width', 'height', 'rootComponent']);
+      var stateBBoxes = this.state.bBoxes;
 
@@ -519,3 +528,3 @@
         null,
-        React.createElement(dxReactCore.Getter, { name: 'layouts', value: this.state.bBoxes }),
+        React.createElement(dxReactCore.Getter, { name: 'layouts', value: stateBBoxes }),
         React.createElement(dxReactCore.Action, { name: 'changeBBox', action: this.changeBBox }),
@@ -780,25 +789,29 @@ React.createElement(
 };
-var computedStacks = function computedStacks(_ref2) {
-  var _ref2$series = _ref2.series,
-      series = _ref2$series === undefined ? [] : _ref2$series;
-  return dxChartCore.stacks(series);
-};
 
 // eslint-disable-next-line react/prefer-stateless-function
-var SeriesFamily = function (_React$PureComponent) {
-  inherits(SeriesFamily, _React$PureComponent);
+var Stack = function (_React$PureComponent) {
+  inherits(Stack, _React$PureComponent);
 
-  function SeriesFamily() {
-    classCallCheck(this, SeriesFamily);
-    return possibleConstructorReturn(this, (SeriesFamily.__proto__ || Object.getPrototypeOf(SeriesFamily)).apply(this, arguments));
+  function Stack() {
+    classCallCheck(this, Stack);
+    return possibleConstructorReturn(this, (Stack.__proto__ || Object.getPrototypeOf(Stack)).apply(this, arguments));
   }
 
-  createClass(SeriesFamily, [{
+  createClass(Stack, [{
     key: 'render',
     value: function render() {
+      var _props = this.props,
+          offset = _props.offset,
+          order = _props.order;
+
+      var computedStacks = function computedStacks(_ref2) {
+        var _ref2$series = _ref2.series,
+            series = _ref2$series === undefined ? [] : _ref2$series;
+        return dxChartCore.stacks(series);
+      };
       return React.createElement(
         dxReactCore.Plugin,
-        { name: 'SeriesFamily' },
+        { name: 'Stack' },
         React.createElement(dxReactCore.Getter, { name: 'series', computed: computedSeries }),
-        React.createElement(dxReactCore.Getter, { name: 'processingData', value: dxChartCore.processData }),
+        React.createElement(dxReactCore.Getter, { name: 'processingData', value: dxChartCore.processData(offset, order) }),
         React.createElement(dxReactCore.Getter, { name: 'stacks', computed: computedStacks })
@@ -808,5 +821,15 @@ );
   }]);
-  return SeriesFamily;
+  return Stack;
 }(React.PureComponent);
 
+Stack.propTypes = {
+  offset: PropTypes.func,
+  order: PropTypes.func
+};
+
+Stack.defaultProps = {
+  offset: d3Shape.stackOffsetDiverging,
+  order: d3Shape.stackOrderNone
+};
+
 var withSeriesPlugin = function withSeriesPlugin(Path, Point, pluginName, pathType, processLine, processPoint, extraOptions) {
@@ -1211,3 +1234,8 @@ var Component$$1 = function (_React$PureComponent) {
 
-        if (width === _this2.state.width && height === _this2.state.height) return;
+        var _state = _this2.state,
+            stateWidth = _state.width,
+            stateHeight = _state.height;
+
+
+        if (width === stateWidth && height === stateHeight) return;
         changeBBox({
@@ -1267,3 +1295,3 @@ placeholder: placeholder,
         React.createElement(dxReactCore.Getter, { name: 'axes', computed: getAxesDataComputed }),
-        isArgumentAxis ? React.createElement(dxReactCore.Getter, { name: 'argumentAxisName', value: this.props.name || 'argumentAxis' }) : null,
+        isArgumentAxis ? React.createElement(dxReactCore.Getter, { name: 'argumentAxisName', value: name || 'argumentAxis' }) : null,
         React.createElement(
@@ -1295,3 +1323,7 @@ dxReactCore.Template,
               var coordinates$$1 = dxChartCore.axisCoordinates(domain, position, widthPostCalculated, heightPostCalculated, tickSize, indentFromAxis);
+              var _state2 = _this3.state,
+                  xCorrection = _state2.xCorrection,
+                  yCorrection = _state2.yCorrection;
 
+
               return React.createElement(
@@ -1323,4 +1355,4 @@ 'div',
                       refsHandler: _this3.createRefsHandler(placeholder, changeBBox, orientation),
-                      x: -_this3.state.xCorrection,
-                      y: -_this3.state.yCorrection
+                      x: -xCorrection,
+                      y: -yCorrection
                     },
@@ -1474,3 +1506,3 @@ coordinates$$1.ticks.map(function (_ref6) {
 exports.IntegratedScaleProcessing = IntegratedScaleProcessing;
-exports.SeriesFamily = SeriesFamily;
+exports.Stack = Stack;
 exports.BarSeries = BarSeries;
@@ -1477,0 +1509,0 @@ exports.LineSeries = LineSeries;

package.json

 {
   "name": "@devexpress/dx-react-chart",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Composable plugin-based chart component for React",
@@ -44,5 +44,5 @@ "author": {
   "devDependencies": {
-    "@devexpress/dx-testing": "1.4.0",
+    "@devexpress/dx-testing": "1.5.0",
     "babel-core": "^6.26.3",
-    "babel-jest": "^23.0.1",
+    "babel-jest": "^23.4.0",
     "babel-plugin-external-helpers": "^6.22.0",
@@ -56,11 +56,11 @@ "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "enzyme-adapter-react-16": "^1.1.1",
-    "eslint": "^4.19.1",
-    "eslint-config-airbnb": "^16.1.0",
-    "eslint-config-airbnb-base": "^12.1.0",
+    "eslint": "^5.1.0",
+    "eslint-config-airbnb": "^17.0.0",
+    "eslint-config-airbnb-base": "^13.0.0",
     "eslint-plugin-filenames": "^1.3.2",
-    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-jest": "^21.17.0",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-react": "^7.9.1",
-    "jest": "^23.1.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-jest": "^21.18.0",
+    "eslint-plugin-jsx-a11y": "^6.1.1",
+    "eslint-plugin-react": "^7.10.0",
+    "jest": "^23.4.1",
     "react": "^16.4.1",
@@ -75,8 +75,9 @@ "react-dom": "^16.4.1",
   "dependencies": {
-    "@devexpress/dx-chart-core": "1.4.0",
+    "@devexpress/dx-chart-core": "1.5.0",
     "d3-scale": "^2.1.0",
+    "d3-shape": "^1.2.0",
     "prop-types": "^15.6.2"
   },
   "peerDependencies": {
-    "@devexpress/dx-react-core": "1.4.0",
+    "@devexpress/dx-react-core": "1.5.0",
     "react": "^16.2.0",
@@ -83,0 +84,0 @@ "react-dom": "^16.2.0"

README.md

@@ -5,4 +5,10 @@ # DevExtreme React Chart
 
+The DevExtreme React Chart is a component that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more.
+
+[Website](https://devexpress.github.io/devextreme-reactive/react/chart/)
+|
+[Docs](https://devexpress.github.io/devextreme-reactive/react/chart/docs/)
+
 ## License
 
 [DevExtreme licensing](https://js.devexpress.com/licensing/).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

222269

increased by11.51%

Number of package files

7

increased by16.67%

Lines of code

3062

increased by22.04%

Number of lines in readme file

14

increased by75%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Addedd3-shape@^1.2.0

• + Added@devexpress/dx-chart-core@1.5.0(transitive)

• + Added@devexpress/dx-core@1.5.0(transitive)

• + Added@devexpress/dx-react-core@1.5.0(transitive)

• - Removed@devexpress/dx-chart-core@1.4.0(transitive)

• - Removed@devexpress/dx-core@1.4.0(transitive)

• - Removed@devexpress/dx-react-core@1.4.0(transitive)

• Updated@devexpress/dx-chart-core@1.5.0