@pie-lib/charting 4.5.6 → 4.5.11-next.256

package/CHANGELOG.json

@@ -473,5 +473,110 @@
     "committerDate": "2021-03-05 17:50:54 +0200",
     "isTagged": true,
     "tag": "@pie-lib/charting@4.5.6"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "override style to remove grey background behind labels in IBX PD-29",
+    "merge": null,
+    "header": "fix(charting): override style to remove grey background behind labels in IBX PD-29",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "ee1a8823dcfc618303f675f7844fa4db9135f860",
+    "gitTags": " (origin/fix/PD-29/remove-grey-background-for-charting-labels-IBX)",
+    "committerDate": "2021-06-09 15:59:25 +0300",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.10"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "rotate category labels according to their length PD-537",
+    "merge": null,
+    "header": "fix(charting): rotate category labels according to their length PD-537",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "a2f42fe77935fdaa72455e60605fe3560e7d3058",
+    "gitTags": "",
+    "committerDate": "2021-05-28 15:43:14 +0300",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.10"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "Updated categories filtration - PD-535",
+    "merge": null,
+    "header": "fix(charting): Updated categories filtration - PD-535",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "a41cc003b8954f3b09803df13839d976033b41d1",
+    "gitTags": " (origin/fix/PD-535)",
+    "committerDate": "2021-05-26 14:36:51 +0300",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.10"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "Fixed the wrong horizontal position of a point on Line Dot - PD-31",
+    "merge": null,
+    "header": "fix(charting): Fixed the wrong horizontal position of a point on Line Dot - PD-31",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "7f5812060337865334b35f92ae568629cdd6297d",
+    "gitTags": " (origin/fix/PD-31)",
+    "committerDate": "2021-05-11 09:05:56 +0300",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.10"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "Displayed the entire rightmost category label when space available PD-531",
+    "merge": null,
+    "header": "fix(charting): Displayed the entire rightmost category label when space available PD-531",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "4c96415952e13e789f5b67cf99e6a17d957a06e7",
+    "gitTags": " (origin/fix/PD-531)",
+    "committerDate": "2021-09-10 14:19:05 +0300",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.13"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "Updated label font size",
+    "merge": null,
+    "header": "fix(charting): Updated label font size",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "d7905e0fd66c7a2254ace1b8ab4492de371816b1",
+    "gitTags": "",
+    "committerDate": "2021-03-26 13:31:22 +0200",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.11"
+  },
+  {
+    "type": "fix",
+    "scope": "charting",
+    "subject": "calculate step and labelStep if they are not defined or if tickLabels are crowded PD-1016",
+    "merge": null,
+    "header": "fix(charting): calculate step and labelStep if they are not defined or if tickLabels are crowded PD-1016",
+    "body": null,
+    "footer": null,
+    "notes": [],
+    "hash": "d215ea002c64505edaa13cd55a8e98c5190f053c",
+    "gitTags": "",
+    "committerDate": "2021-03-19 19:13:17 +0200",
+    "isTagged": true,
+    "tag": "@pie-lib/charting@4.5.11"
   }
 ]

package/CHANGELOG.md

@@ -3,51 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [4.5.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.5...@pie-lib/charting@4.5.6) (2021-04-02)
+## [4.5.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.8...@pie-lib/charting@4.5.10) (2021-06-25)
+
+**Note:** Version bump only for package @pie-lib/charting
 
+## [4.5.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.7...@pie-lib/charting@4.5.8) (2021-06-25)
 
 ### Bug Fixes
 
-* **charting:** align chart labels when they are rotated PD-921 ([1baf5b2](https://github.com/pie-framework/pie-lib/commit/1baf5b2))
-* **charting:** enlarge the height of the draggable target PD-43 ([3d1b7e8](https://github.com/pie-framework/pie-lib/commit/3d1b7e8))
-* **charting:** Increased labels size - PD-533 ([9d9095c](https://github.com/pie-framework/pie-lib/commit/9d9095c))
+- **charting:** Fixed the wrong horizontal position of a point on Line Dot - PD-31 ([7f58120](https://github.com/pie-framework/pie-lib/commit/7f58120))
+- **charting:** override style to remove grey background behind labels in IBX PD-29 ([ee1a882](https://github.com/pie-framework/pie-lib/commit/ee1a882))
+- **charting:** rotate category labels according to their length PD-537 ([a2f42fe](https://github.com/pie-framework/pie-lib/commit/a2f42fe))
+- **charting:** Updated categories filtration - PD-535 ([a41cc00](https://github.com/pie-framework/pie-lib/commit/a41cc00))
 
+## [4.5.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.6...@pie-lib/charting@4.5.7) (2021-04-06)
 
+**Note:** Version bump only for package @pie-lib/charting
+
+## [4.5.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.5...@pie-lib/charting@4.5.6) (2021-04-02)
 
+### Bug Fixes
 
+- **charting:** align chart labels when they are rotated PD-921 ([1baf5b2](https://github.com/pie-framework/pie-lib/commit/1baf5b2))
+- **charting:** enlarge the height of the draggable target PD-43 ([3d1b7e8](https://github.com/pie-framework/pie-lib/commit/3d1b7e8))
+- **charting:** Increased labels size - PD-533 ([9d9095c](https://github.com/pie-framework/pie-lib/commit/9d9095c))
 
 ## [4.5.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.4...@pie-lib/charting@4.5.5) (2021-03-15)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 ## [4.5.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.3...@pie-lib/charting@4.5.4) (2021-02-15)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 ## [4.5.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.1...@pie-lib/charting@4.5.3) (2021-02-15)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 ## [4.5.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.0...@pie-lib/charting@4.5.1) (2020-10-26)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [4.5.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.4.0...@pie-lib/charting@4.5.0) (2020-10-26)
 
 ### Features

package/lib/axes.js

@@ -1,9 +1,11 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.RawChartAxes = exports.TickComponent = void 0;
+exports["default"] = exports.TickComponent = exports.RawChartAxes = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -23,46 +25,50 @@ var _markLabel = _interopRequireDefault(require("./mark-label"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var TickComponent =
-/*#__PURE__*/
-function (_React$Component) {
+var TickComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(TickComponent, _React$Component);
 
-  function TickComponent() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(TickComponent);
 
+  function TickComponent() {
     var _this;
 
     _classCallCheck(this, TickComponent);
@@ -71,14 +77,14 @@ function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(TickComponent)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "changeCategory", function (index, newLabel) {
       var _this$props = _this.props,
           categories = _this$props.categories,
           onChangeCategory = _this$props.onChangeCategory;
       var category = categories[index];
-      onChangeCategory(index, _objectSpread({}, category, {
+      onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
         label: newLabel
       }));
     });
@@ -131,7 +137,13 @@ function (_React$Component) {
       var barX = xBand((0, _utils.bandKey)({
         label: label
       }, index));
-      return _react["default"].createElement("g", null, _react["default"].createElement("foreignObject", {
+      var longestCategory = (categories || []).reduce(function (a, b) {
+        var lengthA = a && a.label ? a.label.length : 0;
+        var lengthB = b && b.label ? b.label.length : 0;
+        return lengthA > lengthB ? a : b;
+      });
+      var longestLabel = longestCategory && longestCategory.label || '';
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("foreignObject", {
         x: bandWidth ? barX : x - barWidth / 2,
         y: 6,
         width: barWidth,
@@ -140,7 +152,17 @@ function (_React$Component) {
           pointerEvents: 'none',
           overflow: 'visible'
         }
-      }, _react["default"].createElement(_markLabel["default"], {
+      }, index === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        id: "hiddenLabel",
+        style: {
+          position: 'absolute',
+          visibility: 'hidden',
+          wordBreak: 'break-word',
+          overflow: 'visible',
+          maxWidth: barWidth,
+          display: 'block'
+        }
+      }, longestLabel), /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
         inputRef: function inputRef(r) {
           return _this2.input = r;
         },
@@ -153,14 +175,14 @@ function (_React$Component) {
         barWidth: barWidth,
         rotate: rotate,
         correctness: correctness
-      })), deletable && !correctness && _react["default"].createElement("line", {
+      })), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("line", {
         x1: x,
         y1: 0,
         x2: x,
         y2: y + 4 + top,
         className: classes.dottedLine,
         strokeDasharray: "4 2"
-      }), deletable && !correctness && _react["default"].createElement("svg", {
+      }), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         x: x - 8,
         y: y + 10 + top,
@@ -170,7 +192,7 @@ function (_React$Component) {
         onClick: function onClick() {
           return _this2.deleteCategory(index);
         }
-      }, _react["default"].createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: "M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z"
       })));
     }
@@ -196,18 +218,38 @@ TickComponent.propTypes = {
   classes: _propTypes["default"].object
 };
 
-var RawChartAxes =
-/*#__PURE__*/
-function (_React$Component2) {
+var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
   _inherits(RawChartAxes, _React$Component2);
 
+  var _super2 = _createSuper(RawChartAxes);
+
   function RawChartAxes() {
+    var _this3;
+
     _classCallCheck(this, RawChartAxes);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(RawChartAxes).apply(this, arguments));
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this3), "state", {
+      height: 0
+    });
+
+    return _this3;
   }
 
   _createClass(RawChartAxes, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var height = document.getElementById('hiddenLabel') ? document.getElementById('hiddenLabel').offsetHeight : 0;
+      this.setState({
+        height: height
+      });
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$props4 = this.props,
@@ -219,7 +261,8 @@ function (_React$Component2) {
           onChangeCategory = _this$props4.onChangeCategory,
           _this$props4$categori = _this$props4.categories,
           categories = _this$props4$categori === void 0 ? [] : _this$props4$categori,
-          top = _this$props4.top;
+          top = _this$props4.top,
+          theme = _this$props4.theme;
       var axis = classes.axis,
           axisLine = classes.axisLine,
           tick = classes.tick,
@@ -235,14 +278,16 @@ function (_React$Component2) {
           _ref2$size = _ref2.size,
           size = _ref2$size === void 0 ? {} : _ref2$size;
 
+      var height = this.state.height;
       var bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);
       var bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth(); // for chartType "line", bandWidth will be 0, so we have to calculate it
 
       var barWidth = bandWidth || scale.x && scale.x(domain.max) / categories.length;
-      var rowTickValues = (0, _utils.getTickValues)(_objectSpread({}, range, {
+      var rowTickValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
         step: range.labelStep
       }));
-      var rotate = (0, _utils.getRotateAngle)(barWidth);
+      var fontSize = theme && theme.typography ? theme.typography.fontSize : 14;
+      var rotate = (0, _utils.getRotateAngle)(fontSize, height);
 
       var getTickLabelProps = function getTickLabelProps(value) {
         return {
@@ -267,10 +312,10 @@ function (_React$Component2) {
           y: props.y,
           formattedValue: props.formattedValue
         };
-        return _react["default"].createElement(TickComponent, properties);
+        return /*#__PURE__*/_react["default"].createElement(TickComponent, properties);
       };
 
-      return _react["default"].createElement(_react["default"].Fragment, null, leftAxis && _react["default"].createElement(_axis.AxisLeft, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, leftAxis && /*#__PURE__*/_react["default"].createElement(_axis.AxisLeft, {
         scale: scale.y,
         className: axis,
         axisLineClassName: axisLine,
@@ -283,7 +328,7 @@ function (_React$Component2) {
         labelClassName: axisLabel,
         tickValues: rowTickValues,
         tickLabelProps: getTickLabelProps
-      }), _react["default"].createElement(_axis.AxisBottom, {
+      }), /*#__PURE__*/_react["default"].createElement(_axis.AxisBottom, {
         axisLineClassName: axisLine,
         labelClassName: axisLabel,
         tickClassName: tick,
@@ -320,7 +365,8 @@ _defineProperty(RawChartAxes, "propTypes", {
   leftAxis: _propTypes["default"].bool,
   onChange: _propTypes["default"].func,
   onChangeCategory: _propTypes["default"].func,
-  top: _propTypes["default"].number
+  top: _propTypes["default"].number,
+  theme: _propTypes["default"].object
 });
 
 var ChartAxes = (0, _styles.withStyles)(function (theme) {
@@ -353,6 +399,8 @@ var ChartAxes = (0, _styles.withStyles)(function (theme) {
       opacity: 0.2
     }
   };
+}, {
+  withTheme: true
 })(RawChartAxes);
 var _default = ChartAxes;
 exports["default"] = _default;

package/lib/axes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","index","newLabel","props","categories","onChangeCategory","category","label","onChange","slice","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","x","y","formattedValue","parseInt","split","deletable","editable","interactive","correctness","barX","pointerEvents","overflow","r","input","changeCategory","dottedLine","deleteCategory","React","Component","propTypes","PropTypes","array","func","number","object","string","RawChartAxes","leftAxis","axis","axisLine","tick","axisLabel","scale","range","domain","size","bottomScale","rangeRound","width","bandwidth","max","length","rowTickValues","step","labelStep","getTickLabelProps","value","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","theme","fontFamily","typography","body1","fontSize","fill","color","secondary","stroke","primaryDark","strokeWidth","primaryLight","opacity"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\n\nexport class TickComponent extends React.Component {\n  changeCategory = (index, newLabel) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, label: newLabel });\n  };\n\n  deleteCategory = index => {\n    const { categories, onChange } = this.props;\n\n    if (index >= 0 && categories[index]) {\n      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      x,\n      y,\n      formattedValue\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={24}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          <MarkLabel\n            inputRef={r => (this.input = r)}\n            disabled={!(editable && interactive)}\n            mark={category}\n            graphProps={graphProps}\n            onChange={newLabel => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n          />\n        </foreignObject>\n        {deletable && !correctness && (\n          <line\n            x1={x}\n            y1={0}\n            x2={x}\n            y2={y + 4 + top}\n            className={classes.dottedLine}\n            strokeDasharray=\"4 2\"\n          />\n        )}\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 10 + top}\n            width={16}\n            height={16}\n            viewBox=\"0 0 512 512\"\n            onClick={() => this.deleteCategory(index)}\n          >\n            <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n          </svg>\n        )}\n      </g>\n    );\n  }\n}\n\nTickComponent.propTypes = {\n  categories: PropTypes.array,\n  xBand: PropTypes.func,\n  bandWidth: PropTypes.number,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  top: PropTypes.number,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  graphProps: PropTypes.object,\n  formattedValue: PropTypes.string,\n  onChangeCategory: PropTypes.func,\n  onChange: PropTypes.func,\n  classes: PropTypes.object\n};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    leftAxis: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeCategory: PropTypes.func,\n    top: PropTypes.number\n  };\n\n  render() {\n    const {\n      classes,\n      graphProps,\n      xBand,\n      leftAxis,\n      onChange,\n      onChangeCategory,\n      categories = [],\n      top\n    } = this.props;\n    const { axis, axisLine, tick, axisLabel } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const bottomScale =\n      xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n    const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n    const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n    const rotate = getRotateAngle(barWidth);\n\n    const getTickLabelProps = value => ({\n      dy: 4,\n      dx: -10 - (value.toLocaleString().length || 1) * 5\n    });\n\n    const getTickComponent = props => {\n      const properties = {\n        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate,\n        top,\n        onChangeCategory,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue\n      };\n\n      return <TickComponent {...properties} />;\n    };\n\n    return (\n      <React.Fragment>\n        {leftAxis && (\n          <AxisLeft\n            scale={scale.y}\n            className={axis}\n            axisLineClassName={axisLine}\n            tickLength={10}\n            tickClassName={tick}\n            tickFormat={value => value}\n            label={range.label}\n            labelClassName={axisLabel}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          labelClassName={axisLabel}\n          tickClassName={tick}\n          scale={bottomScale}\n          label={domain.label}\n          labelProps={{ y: 60 + top }}\n          top={scale.y && scale.y(range.min)}\n          textLabelProps={() => ({ textAnchor: 'middle' })}\n          tickFormat={count => count}\n          tickComponent={getTickComponent}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst ChartAxes = withStyles(theme => ({\n  axisLabel: {\n    fontFamily: theme.typography.body1.fontFamily,\n    fontSize: theme.typography.fontSize,\n    fill: color.secondary()\n  },\n  axis: {\n    stroke: color.primaryDark(),\n    strokeWidth: 2\n  },\n  axisLine: {\n    stroke: color.primaryDark(),\n    strokeWidth: 2\n  },\n  tick: {\n    '& > line': {\n      stroke: color.primaryDark(),\n      strokeWidth: 2\n    },\n    fill: color.primaryDark(),\n    fontFamily: theme.typography.body1.fontFamily,\n    fontSize: theme.typography.fontSize,\n    textAnchor: 'middle'\n  },\n  dottedLine: {\n    stroke: color.primaryLight(),\n    opacity: 0.2\n  }\n}))(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}
+{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","index","newLabel","props","categories","onChangeCategory","category","label","onChange","slice","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","x","y","formattedValue","parseInt","split","deletable","editable","interactive","correctness","barX","longestCategory","reduce","a","b","lengthA","length","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","React","Component","propTypes","PropTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","setState","leftAxis","theme","axis","axisLine","tick","axisLabel","scale","range","domain","size","state","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","value","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","fontFamily","body1","fill","color","secondary","stroke","primaryDark","strokeWidth","primaryLight","opacity","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\n\nexport class TickComponent extends React.Component {\n  changeCategory = (index, newLabel) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, label: newLabel });\n  };\n\n  deleteCategory = index => {\n    const { categories, onChange } = this.props;\n\n    if (index >= 0 && categories[index]) {\n      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      x,\n      y,\n      formattedValue\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n\n    const longestLabel = (longestCategory && longestCategory.label) || '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={24}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <div\n              id=\"hiddenLabel\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                wordBreak: 'break-word',\n                overflow: 'visible',\n                maxWidth: barWidth,\n                display: 'block'\n              }}\n            >\n              {longestLabel}\n            </div>\n          )}\n          <MarkLabel\n            inputRef={r => (this.input = r)}\n            disabled={!(editable && interactive)}\n            mark={category}\n            graphProps={graphProps}\n            onChange={newLabel => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n          />\n        </foreignObject>\n        {deletable && !correctness && (\n          <line\n            x1={x}\n            y1={0}\n            x2={x}\n            y2={y + 4 + top}\n            className={classes.dottedLine}\n            strokeDasharray=\"4 2\"\n          />\n        )}\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 10 + top}\n            width={16}\n            height={16}\n            viewBox=\"0 0 512 512\"\n            onClick={() => this.deleteCategory(index)}\n          >\n            <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n          </svg>\n        )}\n      </g>\n    );\n  }\n}\n\nTickComponent.propTypes = {\n  categories: PropTypes.array,\n  xBand: PropTypes.func,\n  bandWidth: PropTypes.number,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  top: PropTypes.number,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  graphProps: PropTypes.object,\n  formattedValue: PropTypes.string,\n  onChangeCategory: PropTypes.func,\n  onChange: PropTypes.func,\n  classes: PropTypes.object\n};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    leftAxis: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeCategory: PropTypes.func,\n    top: PropTypes.number,\n    theme: PropTypes.object\n  };\n\n  state = { height: 0 };\n\n  componentDidMount() {\n    const height = document.getElementById('hiddenLabel')\n      ? document.getElementById('hiddenLabel').offsetHeight\n      : 0;\n\n    this.setState({ height });\n  }\n\n  render() {\n    const {\n      classes,\n      graphProps,\n      xBand,\n      leftAxis,\n      onChange,\n      onChangeCategory,\n      categories = [],\n      top,\n      theme\n    } = this.props;\n\n    const { axis, axisLine, tick, axisLabel } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height } = this.state;\n\n    const bottomScale =\n      xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n    const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n    const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n    const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n    const rotate = getRotateAngle(fontSize, height);\n\n    const getTickLabelProps = value => ({\n      dy: 4,\n      dx: -10 - (value.toLocaleString().length || 1) * 5\n    });\n\n    const getTickComponent = props => {\n      const properties = {\n        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate,\n        top,\n        onChangeCategory,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue\n      };\n\n      return <TickComponent {...properties} />;\n    };\n\n    return (\n      <React.Fragment>\n        {leftAxis && (\n          <AxisLeft\n            scale={scale.y}\n            className={axis}\n            axisLineClassName={axisLine}\n            tickLength={10}\n            tickClassName={tick}\n            tickFormat={value => value}\n            label={range.label}\n            labelClassName={axisLabel}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          labelClassName={axisLabel}\n          tickClassName={tick}\n          scale={bottomScale}\n          label={domain.label}\n          labelProps={{ y: 60 + top }}\n          top={scale.y && scale.y(range.min)}\n          textLabelProps={() => ({ textAnchor: 'middle' })}\n          tickFormat={count => count}\n          tickComponent={getTickComponent}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst ChartAxes = withStyles(\n  theme => ({\n    axisLabel: {\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      fill: color.secondary()\n    },\n    axis: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2\n    },\n    axisLine: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2\n      },\n      fill: color.primaryDark(),\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      textAnchor: 'middle'\n    },\n    dottedLine: {\n      stroke: color.primaryLight(),\n      opacity: 0.2\n    }\n  }),\n  { withTheme: true }\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}

package/lib/bars/bar.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,37 +19,39 @@ var _bars = _interopRequireDefault(require("./common/bars"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _extends() { _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; }; return _extends.apply(this, arguments); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var Bar =
-/*#__PURE__*/
-function (_React$Component) {
+var Bar = /*#__PURE__*/function (_React$Component) {
   _inherits(Bar, _React$Component);
 
+  var _super = _createSuper(Bar);
+
   function Bar() {
     _classCallCheck(this, Bar);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Bar).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Bar, [{
@@ -64,7 +68,7 @@ function (_React$Component) {
           size = _ref$size === void 0 ? {} : _ref$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'bar');
-      return _react["default"].createElement(_bars["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_bars["default"], _extends({}, props, {
         xBand: xBand
       }));
     }

package/lib/bars/bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bars/bar.js"],"names":["Bar","props","data","graphProps","scale","size","xBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,G;;;;;;;;;;;;;6BAOF;AACP,UAAMC,KAAK,GAAG,KAAKA,KAAnB;AADO,UAECC,IAFD,GAEsBD,KAFtB,CAECC,IAFD;AAAA,UAEOC,UAFP,GAEsBF,KAFtB,CAEOE,UAFP;;AAAA,iBAG2BA,UAAU,IAAI,EAHzC;AAAA,4BAGCC,KAHD;AAAA,UAGCA,KAHD,2BAGS,EAHT;AAAA,2BAGaC,IAHb;AAAA,UAGaA,IAHb,0BAGoB,EAHpB;;AAIP,UAAMC,KAAK,GAAG,wBAAYF,KAAK,CAACG,CAAlB,EAAqBL,IAArB,EAA2BG,IAAI,CAACG,KAAhC,EAAuC,KAAvC,CAAd;AAEA,aAAO,gCAAC,gBAAD,eAAUP,KAAV;AAAiB,QAAA,KAAK,EAAEK;AAAxB,SAAP;AACD;;;;EAdsBG,kBAAMC,S;;;;gBAAlBV,G,eACQ;AACjBE,EAAAA,IAAI,EAAES,sBAAUC,KADC;AAEjBC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFH;AAGjBX,EAAAA,UAAU,EAAEY,YAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,KADc;AAEpBR,IAAAA,SAAS,EAAEV,GAFS;AAGpBmB,IAAAA,IAAI,EAAE;AAHc,GAAP;AAAA,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Bars from './common/bars';\n\nexport class Bar extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'bar');\n\n    return <Bars {...props} xBand={xBand} />;\n  }\n}\n\nexport default () => ({\n  type: 'bar',\n  Component: Bar,\n  name: 'Bar'\n});\n"],"file":"bar.js"}
+{"version":3,"sources":["../../src/bars/bar.js"],"names":["Bar","props","data","graphProps","scale","size","xBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,G;;;;;;;;;;;;;WAOX,kBAAS;AACP,UAAMC,KAAK,GAAG,KAAKA,KAAnB;AACA,UAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;AAAA,UAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;AACA,iBAAkCA,UAAU,IAAI,EAAhD;AAAA,4BAAQC,KAAR;AAAA,UAAQA,KAAR,2BAAgB,EAAhB;AAAA,2BAAoBC,IAApB;AAAA,UAAoBA,IAApB,0BAA2B,EAA3B;;AACA,UAAMC,KAAK,GAAG,wBAAYF,KAAK,CAACG,CAAlB,EAAqBL,IAArB,EAA2BG,IAAI,CAACG,KAAhC,EAAuC,KAAvC,CAAd;AAEA,0BAAO,gCAAC,gBAAD,eAAUP,KAAV;AAAiB,QAAA,KAAK,EAAEK;AAAxB,SAAP;AACD;;;;EAdsBG,kBAAMC,S;;;;gBAAlBV,G,eACQ;AACjBE,EAAAA,IAAI,EAAES,sBAAUC,KADC;AAEjBC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFH;AAGjBX,EAAAA,UAAU,EAAEY,YAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,KADc;AAEpBR,IAAAA,SAAS,EAAEV,GAFS;AAGpBmB,IAAAA,IAAI,EAAE;AAHc,GAAP;AAAA,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Bars from './common/bars';\n\nexport class Bar extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'bar');\n\n    return <Bars {...props} xBand={xBand} />;\n  }\n}\n\nexport default () => ({\n  type: 'bar',\n  Component: Bar,\n  name: 'Bar'\n});\n"],"file":"bar.js"}