@pie-lib/charting 4.5.12 → 4.5.15

package/lib/plot/line.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
 });
@@ -21,25 +23,27 @@ var _group = require("@vx/group");
 
 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; }
 
@@ -55,7 +59,7 @@ var CustomBarElement = function CustomBarElement(props) {
       scale = props.scale;
   var x = barX + (barWidth - pointDiameter) / 2;
   var y = scale.y(index) - (pointHeight - pointDiameter) / 2;
-  return _react["default"].createElement(_group.Group, null, _react["default"].createElement(_shape.LinePath, {
+  return /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
     data: [{
       x: x,
       y: y
@@ -72,7 +76,7 @@ var CustomBarElement = function CustomBarElement(props) {
       return d.y;
     },
     strokeWidth: pointDiameter / 5
-  }), _react["default"].createElement(_shape.LinePath, {
+  }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
     data: [{
       x: x,
       y: y - pointDiameter
@@ -104,15 +108,15 @@ CustomBarElement.propTypes = {
   scale: _propTypes["default"].object
 };
 
-var LinePlot =
-/*#__PURE__*/
-function (_React$Component) {
+var LinePlot = /*#__PURE__*/function (_React$Component) {
   _inherits(LinePlot, _React$Component);
 
+  var _super = _createSuper(LinePlot);
+
   function LinePlot() {
     _classCallCheck(this, LinePlot);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(LinePlot).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(LinePlot, [{
@@ -129,7 +133,7 @@ function (_React$Component) {
           size = _ref$size === void 0 ? {} : _ref$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'linePlot');
-      return _react["default"].createElement(_plot2["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], _extends({}, props, {
         xBand: xBand,
         CustomBarElement: CustomBarElement
       }));

package/lib/plot/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plot/line.js"],"names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","x","y","line","d","propTypes","PropTypes","number","string","object","LinePlot","data","graphProps","size","xBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Plot from './common/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\n\nconst CustomBarElement = props => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale } = props;\n\n  const x = barX + (barWidth - pointDiameter) / 2;\n  const y = scale.y(index) - (pointHeight - pointDiameter) / 2;\n\n  return (\n    <Group>\n      <LinePath\n        data={[{ x, y }, { x: x + pointDiameter, y: y - pointDiameter }]}\n        key={`point-${label}-${value}-${index}-1`}\n        className={classes.line}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n      <LinePath\n        data={[{ x, y: y - pointDiameter }, { x: x + pointDiameter, y }]}\n        key={`point-${label}-${value}-${index}-2`}\n        className={classes.line}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n    </Group>\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  classes: PropTypes.object,\n  scale: PropTypes.object\n};\n\nexport class LinePlot 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, 'linePlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'linePlot',\n  Component: LinePlot,\n  name: 'Line Plot'\n});\n"],"file":"line.js"}
+{"version":3,"sources":["../../src/plot/line.js"],"names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","x","y","line","d","propTypes","PropTypes","number","string","object","LinePlot","data","graphProps","size","xBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Plot from './common/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\n\nconst CustomBarElement = props => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale } = props;\n\n  const x = barX + (barWidth - pointDiameter) / 2;\n  const y = scale.y(index) - (pointHeight - pointDiameter) / 2;\n\n  return (\n    <Group>\n      <LinePath\n        data={[{ x, y }, { x: x + pointDiameter, y: y - pointDiameter }]}\n        key={`point-${label}-${value}-${index}-1`}\n        className={classes.line}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n      <LinePath\n        data={[{ x, y: y - pointDiameter }, { x: x + pointDiameter, y }]}\n        key={`point-${label}-${value}-${index}-2`}\n        className={classes.line}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n    </Group>\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  classes: PropTypes.object,\n  scale: PropTypes.object\n};\n\nexport class LinePlot 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, 'linePlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'linePlot',\n  Component: LinePlot,\n  name: 'Line Plot'\n});\n"],"file":"line.js"}

package/lib/tool-menu.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
 });
@@ -19,23 +21,25 @@ var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
 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 _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; }
 
@@ -78,7 +82,7 @@ var MiniButton = (0, _styles.withStyles)(buttonStyles)(function (props) {
       selected = props.selected,
       value = props.value,
       onClick = props.onClick;
-  return _react["default"].createElement(_Button["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     size: "small",
     disabled: disabled,
     color: selected ? 'secondary' : 'default',
@@ -102,15 +106,15 @@ MiniButton.propTypes = {
   onClick: _propTypes["default"].func
 };
 
-var ToolMenu =
-/*#__PURE__*/
-function (_React$Component) {
+var ToolMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(ToolMenu, _React$Component);
 
+  var _super = _createSuper(ToolMenu);
+
   function ToolMenu() {
     _classCallCheck(this, ToolMenu);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ToolMenu).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(ToolMenu, [{
@@ -120,9 +124,9 @@ function (_React$Component) {
           className = _this$props.className,
           disabled = _this$props.disabled,
           addCategory = _this$props.addCategory;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(className)
-      }, !disabled && _react["default"].createElement(MiniButton, {
+      }, !disabled && /*#__PURE__*/_react["default"].createElement(MiniButton, {
         value: 'Add Category',
         onClick: addCategory
       }));

package/lib/tool-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tool-menu.jsx"],"names":["buttonStyles","theme","root","backgroundColor","color","background","text","border","secondary","secondaryLight","fontSize","typography","selected","primaryDark","notSelected","primary","disabled","MiniButton","props","classes","className","value","onClick","propTypes","PropTypes","bool","string","disabledClassName","func","ToolMenu","addCategory","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport Button from '@material-ui/core/Button';\n\nconst buttonStyles = theme => ({\n  root: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    border: `1px solid ${color.secondary()}`,\n    '&:hover': {\n      backgroundColor: color.secondaryLight()\n    },\n    fontSize: theme.typography.fontSize\n  },\n  selected: {\n    backgroundColor: color.background(),\n    '& span': {\n      color: color.primaryDark()\n    }\n  },\n  notSelected: {\n    '& span': {\n      color: color.primary()\n    },\n    backgroundColor: color.background()\n  },\n  disabled: {\n    '& span': {\n      color: color.primary()\n    },\n    backgroundColor: color.disabled()\n  }\n});\n\nexport const MiniButton = withStyles(buttonStyles)(props => {\n  const { disabled, classes, className, selected, value, onClick } = props;\n  return (\n    <Button\n      size=\"small\"\n      disabled={disabled}\n      color={selected ? 'secondary' : 'default'}\n      className={cn(classes.root, selected && classes.selected, className)}\n      classes={{ disabled: cn(disabled && classes.disabled) }}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={onClick}\n    >\n      {value}\n    </Button>\n  );\n});\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  disabledClassName: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport class ToolMenu extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    addCategory: PropTypes.func,\n    disabled: PropTypes.bool\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { className, disabled, addCategory } = this.props;\n\n    return (\n      <div className={classNames(className)}>\n        {!disabled && <MiniButton value={'Add Category'} onClick={addCategory} />}\n      </div>\n    );\n  }\n}\n\nexport default ToolMenu;\n"],"file":"tool-menu.js"}
+{"version":3,"sources":["../src/tool-menu.jsx"],"names":["buttonStyles","theme","root","backgroundColor","color","background","text","border","secondary","secondaryLight","fontSize","typography","selected","primaryDark","notSelected","primary","disabled","MiniButton","props","classes","className","value","onClick","propTypes","PropTypes","bool","string","disabledClassName","func","ToolMenu","addCategory","React","Component"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAK;AAAA,SAAK;AAC7BC,IAAAA,IAAI,EAAE;AACJC,MAAAA,eAAe,EAAEC,gBAAMC,UAAN,EADb;AAEJD,MAAAA,KAAK,EAAEA,gBAAME,IAAN,EAFH;AAGJC,MAAAA,MAAM,sBAAeH,gBAAMI,SAAN,EAAf,CAHF;AAIJ,iBAAW;AACTL,QAAAA,eAAe,EAAEC,gBAAMK,cAAN;AADR,OAJP;AAOJC,MAAAA,QAAQ,EAAET,KAAK,CAACU,UAAN,CAAiBD;AAPvB,KADuB;AAU7BE,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEC,gBAAMC,UAAN,EADT;AAER,gBAAU;AACRD,QAAAA,KAAK,EAAEA,gBAAMS,WAAN;AADC;AAFF,KAVmB;AAgB7BC,IAAAA,WAAW,EAAE;AACX,gBAAU;AACRV,QAAAA,KAAK,EAAEA,gBAAMW,OAAN;AADC,OADC;AAIXZ,MAAAA,eAAe,EAAEC,gBAAMC,UAAN;AAJN,KAhBgB;AAsB7BW,IAAAA,QAAQ,EAAE;AACR,gBAAU;AACRZ,QAAAA,KAAK,EAAEA,gBAAMW,OAAN;AADC,OADF;AAIRZ,MAAAA,eAAe,EAAEC,gBAAMY,QAAN;AAJT;AAtBmB,GAAL;AAAA,CAA1B;;AA8BO,IAAMC,UAAU,GAAG,wBAAWjB,YAAX,EAAyB,UAAAkB,KAAK,EAAI;AAC1D,MAAQF,QAAR,GAAmEE,KAAnE,CAAQF,QAAR;AAAA,MAAkBG,OAAlB,GAAmED,KAAnE,CAAkBC,OAAlB;AAAA,MAA2BC,SAA3B,GAAmEF,KAAnE,CAA2BE,SAA3B;AAAA,MAAsCR,QAAtC,GAAmEM,KAAnE,CAAsCN,QAAtC;AAAA,MAAgDS,KAAhD,GAAmEH,KAAnE,CAAgDG,KAAhD;AAAA,MAAuDC,OAAvD,GAAmEJ,KAAnE,CAAuDI,OAAvD;AACA,sBACE,gCAAC,kBAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,QAAQ,EAAEN,QAFZ;AAGE,IAAA,KAAK,EAAEJ,QAAQ,GAAG,WAAH,GAAiB,SAHlC;AAIE,IAAA,SAAS,EAAE,4BAAGO,OAAO,CAACjB,IAAX,EAAiBU,QAAQ,IAAIO,OAAO,CAACP,QAArC,EAA+CQ,SAA/C,CAJb;AAKE,IAAA,OAAO,EAAE;AAAEJ,MAAAA,QAAQ,EAAE,4BAAGA,QAAQ,IAAIG,OAAO,CAACH,QAAvB;AAAZ,KALX;AAME,IAAA,KAAK,EAAEK,KANT;AAOE,IAAA,GAAG,EAAEA,KAPP;AAQE,IAAA,OAAO,EAAC,UARV;AASE,IAAA,OAAO,EAAEC;AATX,KAWGD,KAXH,CADF;AAeD,CAjByB,CAAnB;;AAkBPJ,UAAU,CAACM,SAAX,GAAuB;AACrBP,EAAAA,QAAQ,EAAEQ,sBAAUC,IADC;AAErBL,EAAAA,SAAS,EAAEI,sBAAUE,MAFA;AAGrBC,EAAAA,iBAAiB,EAAEH,sBAAUE,MAHR;AAIrBd,EAAAA,QAAQ,EAAEY,sBAAUC,IAJC;AAKrBJ,EAAAA,KAAK,EAAEG,sBAAUE,MALI;AAMrBJ,EAAAA,OAAO,EAAEE,sBAAUI;AANE,CAAvB;;IASaC,Q;;;;;;;;;;;;;WASX,kBAAS;AACP,wBAA6C,KAAKX,KAAlD;AAAA,UAAQE,SAAR,eAAQA,SAAR;AAAA,UAAmBJ,QAAnB,eAAmBA,QAAnB;AAAA,UAA6Bc,WAA7B,eAA6BA,WAA7B;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWV,SAAX;AAAhB,SACG,CAACJ,QAAD,iBAAa,gCAAC,UAAD;AAAY,QAAA,KAAK,EAAE,cAAnB;AAAmC,QAAA,OAAO,EAAEc;AAA5C,QADhB,CADF;AAKD;;;;EAjB2BC,kBAAMC,S;;;;gBAAvBH,Q,eACQ;AACjBT,EAAAA,SAAS,EAAEI,sBAAUE,MADJ;AAEjBI,EAAAA,WAAW,EAAEN,sBAAUI,IAFN;AAGjBZ,EAAAA,QAAQ,EAAEQ,sBAAUC;AAHH,C;;gBADRI,Q,kBAOW,E;;eAaTA,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport Button from '@material-ui/core/Button';\n\nconst buttonStyles = theme => ({\n  root: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    border: `1px solid ${color.secondary()}`,\n    '&:hover': {\n      backgroundColor: color.secondaryLight()\n    },\n    fontSize: theme.typography.fontSize\n  },\n  selected: {\n    backgroundColor: color.background(),\n    '& span': {\n      color: color.primaryDark()\n    }\n  },\n  notSelected: {\n    '& span': {\n      color: color.primary()\n    },\n    backgroundColor: color.background()\n  },\n  disabled: {\n    '& span': {\n      color: color.primary()\n    },\n    backgroundColor: color.disabled()\n  }\n});\n\nexport const MiniButton = withStyles(buttonStyles)(props => {\n  const { disabled, classes, className, selected, value, onClick } = props;\n  return (\n    <Button\n      size=\"small\"\n      disabled={disabled}\n      color={selected ? 'secondary' : 'default'}\n      className={cn(classes.root, selected && classes.selected, className)}\n      classes={{ disabled: cn(disabled && classes.disabled) }}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={onClick}\n    >\n      {value}\n    </Button>\n  );\n});\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  disabledClassName: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport class ToolMenu extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    addCategory: PropTypes.func,\n    disabled: PropTypes.bool\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { className, disabled, addCategory } = this.props;\n\n    return (\n      <div className={classNames(className)}>\n        {!disabled && <MiniButton value={'Add Category'} onClick={addCategory} />}\n      </div>\n    );\n  }\n}\n\nexport default ToolMenu;\n"],"file":"tool-menu.js"}

package/lib/utils.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTopPadding = exports.getRotateAngle = exports.getGridLinesAndAxisByChartType = exports.getDomainAndRangeByChartType = exports.crowdedTicks = exports.customLabelStep = exports.getTickValues = exports.dataToXBand = exports.bandKey = exports.point = exports.bounds = exports.tickCount = void 0;
+exports.tickCount = exports.point = exports.getTopPadding = exports.getTickValues = exports.getRotateAngle = exports.getGridLinesAndAxisByChartType = exports.getDomainAndRangeByChartType = exports.dataToXBand = exports.customLabelStep = exports.crowdedTicks = exports.bounds = exports.bandKey = void 0;
 
 var _scale = require("@vx/scale");
 
 var _plot = require("@pie-lib/plot");
 
-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 _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; }
 
@@ -106,10 +106,21 @@ var crowdedTicks = function crowdedTicks(rangeMax, customLabelStep, size, labelF
   var ceilMax = Math.ceil(rangeMax);
   var numberOfSegments = ceilMax * customLabelStep;
   return size.height / numberOfSegments < labelFontSize && size.height / numberOfSegments > 0.5;
-};
+}; // multiply values with 10^number_of_decimals if needed because modulo function(%) is only defined for integers
+
 
 exports.crowdedTicks = crowdedTicks;
 
+var modulo = function modulo(a, b) {
+  if (Number.isInteger(b)) {
+    return a % b;
+  }
+
+  var decimals = b.toString().split('.').pop().length;
+  var aux = Math.pow(10, decimals);
+  return a * aux % (b * aux);
+};
+
 var getDomainAndRangeByChartType = function getDomainAndRangeByChartType(domain, range, size, chartType, labelFontSize) {
   var _ref = range || {},
       step = _ref.step,
@@ -154,7 +165,7 @@ var getDomainAndRangeByChartType = function getDomainAndRangeByChartType(domain,
     }
   }
 
-  if (max % step !== 0) {
+  if (modulo(max, step) !== 0) {
     max = max + step;
   }
 
@@ -168,13 +179,13 @@ var getDomainAndRangeByChartType = function getDomainAndRangeByChartType(domain,
         var intMin = Math.round(min);
         var intMax = Math.round(max);
         return {
-          domain: _objectSpread({}, domain, {
+          domain: _objectSpread(_objectSpread({}, domain), {}, {
             step: 1,
             labelStep: 1,
             min: 0,
             max: 1
           }),
-          range: _objectSpread({}, range, {
+          range: _objectSpread(_objectSpread({}, range), {}, {
             min: intMin,
             max: intMin === intMax ? intMin + 1 : intMax,
             labelStep: labelStep,
@@ -185,13 +196,13 @@ var getDomainAndRangeByChartType = function getDomainAndRangeByChartType(domain,
 
     default:
       return {
-        domain: _objectSpread({}, domain, {
+        domain: _objectSpread(_objectSpread({}, domain), {}, {
           step: 1,
           labelStep: 1,
           min: 0,
           max: 1
         }),
-        range: _objectSpread({}, range, {
+        range: _objectSpread(_objectSpread({}, range), {}, {
           labelStep: labelStep,
           step: step
         })

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","rangeRound","domain","map","padding","range","getTickValues","prop","tickValues","tickVal","min","max","push","Math","round","step","customLabelStep","rangeMax","size","labelFontSize","ceilMax","ceil","segmentLength","height","ticksToFitInOneSegment","tickWidthPerSegment","rawLabelStep","roundedStep","labelStep","crowdedTicks","numberOfSegments","getDomainAndRangeByChartType","chartType","isNaN","crowded","intMin","intMax","getGridLinesAndAxisByChartType","verticalLines","undefined","horizontalLines","leftAxis","getRotateAngle","fontSize","getTopPadding","barWidth"],"mappings":"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","sourcesContent":["import { scaleBand, scalePoint } from '@vx/scale';\nimport { utils } from '@pie-lib/plot';\n\nexport const tickCount = utils.tickCount;\nexport const bounds = utils.bounds;\nexport const point = utils.point;\n\nexport const bandKey = (d, index) => `${index}-${d.label || '-'}`;\n\nexport const dataToXBand = (scaleX, data, width, type) => {\n  switch (type) {\n    case 'bar':\n    case 'dotPlot':\n    case 'linePlot':\n      return scaleBand({\n        rangeRound: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0.2\n      });\n    case 'histogram':\n      return scaleBand({\n        rangeRound: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0\n      });\n    case 'lineCross':\n    case 'lineDot':\n      return scalePoint({\n        domain: data && data.map(bandKey),\n        rangeRound: [0, width]\n      });\n    default:\n      return scaleBand({\n        range: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0\n      });\n  }\n};\n\nexport const getTickValues = (prop = {}) => {\n  const tickValues = [];\n  let tickVal = prop.min;\n\n  while (tickVal <= prop.max) {\n    tickValues.push(tickVal);\n    tickVal = Math.round((tickVal + prop.step) * 100) / 100;\n  }\n\n  return tickValues;\n};\n\nexport const customLabelStep = (rangeMax, size, labelFontSize) => {\n  const ceilMax = Math.ceil(rangeMax);\n  const segmentLength = size.height / ceilMax;\n  const ticksToFitInOneSegment = 2;\n\n  // how many ticksWidth fit in a segment\n  const tickWidthPerSegment = segmentLength / labelFontSize;\n  const rawLabelStep = ticksToFitInOneSegment / tickWidthPerSegment;\n  const roundedStep = Math.ceil((rawLabelStep * 10) / 10);\n\n  let labelStep;\n\n  if (rawLabelStep > 0.15) {\n    labelStep = roundedStep;\n  } else if (rawLabelStep < 0.05) {\n    labelStep = 0.1;\n  } else {\n    labelStep = 0.5;\n  }\n\n  return labelStep;\n};\n\nexport const crowdedTicks = (rangeMax, customLabelStep, size, labelFontSize) => {\n  const ceilMax = Math.ceil(rangeMax);\n\n  const numberOfSegments = ceilMax * customLabelStep;\n\n  return size.height / numberOfSegments < labelFontSize && size.height / numberOfSegments > 0.5;\n};\n\nexport const getDomainAndRangeByChartType = (domain, range, size, chartType, labelFontSize) => {\n  let { step, labelStep, min, max } = range || {};\n\n  if (!min) {\n    min = 0;\n  }\n\n  if (!max || max < 0) {\n    max = range.min + 1;\n  }\n\n  if (labelStep && !step) {\n    step = labelStep;\n  }\n  if (!labelStep || (isNaN(labelStep) && step)) {\n    let customLabelStep = step;\n    let crowded = crowdedTicks(max, customLabelStep, size, labelFontSize);\n\n    if (crowded) {\n      customLabelStep = customLabelStep * 2;\n    }\n\n    labelStep = customLabelStep;\n  }\n\n  if (!step || (isNaN(step) && !labelStep) || isNaN(labelStep)) {\n    labelStep = customLabelStep(max, size, labelFontSize);\n\n    if (labelStep <= 1) {\n      step = labelStep;\n    } else if (labelStep <= 4) {\n      step = 1;\n    } else if (labelStep > 4 && labelStep < 10) {\n      step = labelStep / 2;\n    } else {\n      step = labelStep / 3;\n    }\n  }\n\n  if (max % step !== 0) {\n    max = max + step;\n  }\n\n  range.max = max;\n\n  switch (chartType) {\n    // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values\n    case 'dotPlot':\n    case 'linePlot': {\n      const intMin = Math.round(min);\n      const intMax = Math.round(max);\n\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1\n        },\n        range: {\n          ...range,\n          min: intMin,\n          max: intMin === intMax ? intMin + 1 : intMax,\n          labelStep,\n          step: 1\n        }\n      };\n    }\n    default:\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1\n        },\n        range: {\n          ...range,\n          labelStep,\n          step\n        }\n      };\n  }\n};\n\nexport const getGridLinesAndAxisByChartType = (range, chartType) => {\n  switch (chartType) {\n    case 'lineDot':\n    case 'lineCross':\n      return {\n        verticalLines: undefined,\n        horizontalLines: getTickValues(range),\n        leftAxis: true\n      };\n    case 'dotPlot':\n    case 'linePlot':\n      return {\n        verticalLines: [],\n        horizontalLines: [],\n        leftAxis: false\n      };\n    default:\n      return {\n        verticalLines: [],\n        horizontalLines: getTickValues(range),\n        leftAxis: true\n      };\n  }\n};\n\nexport const getRotateAngle = (fontSize, height) => {\n  if (height >= fontSize * 2) {\n    return 25;\n  }\n\n  return 0;\n};\n\nexport const getTopPadding = barWidth => {\n  if (barWidth < 30) {\n    return 50;\n  }\n\n  if (barWidth < 40) {\n    return 30;\n  }\n\n  if (barWidth < 60) {\n    return 15;\n  }\n\n  return 0;\n};\n"],"file":"utils.js"}
+{"version":3,"sources":["../src/utils.js"],"names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","rangeRound","domain","map","padding","range","getTickValues","prop","tickValues","tickVal","min","max","push","Math","round","step","customLabelStep","rangeMax","size","labelFontSize","ceilMax","ceil","segmentLength","height","ticksToFitInOneSegment","tickWidthPerSegment","rawLabelStep","roundedStep","labelStep","crowdedTicks","numberOfSegments","modulo","a","b","Number","isInteger","decimals","toString","split","pop","length","aux","pow","getDomainAndRangeByChartType","chartType","isNaN","crowded","intMin","intMax","getGridLinesAndAxisByChartType","verticalLines","undefined","horizontalLines","leftAxis","getRotateAngle","fontSize","getTopPadding","barWidth"],"mappings":"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","sourcesContent":["import { scaleBand, scalePoint } from '@vx/scale';\nimport { utils } from '@pie-lib/plot';\n\nexport const tickCount = utils.tickCount;\nexport const bounds = utils.bounds;\nexport const point = utils.point;\n\nexport const bandKey = (d, index) => `${index}-${d.label || '-'}`;\n\nexport const dataToXBand = (scaleX, data, width, type) => {\n  switch (type) {\n    case 'bar':\n    case 'dotPlot':\n    case 'linePlot':\n      return scaleBand({\n        rangeRound: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0.2\n      });\n    case 'histogram':\n      return scaleBand({\n        rangeRound: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0\n      });\n    case 'lineCross':\n    case 'lineDot':\n      return scalePoint({\n        domain: data && data.map(bandKey),\n        rangeRound: [0, width]\n      });\n    default:\n      return scaleBand({\n        range: [0, width],\n        domain: data && data.map(bandKey),\n        padding: 0\n      });\n  }\n};\n\nexport const getTickValues = (prop = {}) => {\n  const tickValues = [];\n  let tickVal = prop.min;\n\n  while (tickVal <= prop.max) {\n    tickValues.push(tickVal);\n    tickVal = Math.round((tickVal + prop.step) * 100) / 100;\n  }\n\n  return tickValues;\n};\n\nexport const customLabelStep = (rangeMax, size, labelFontSize) => {\n  const ceilMax = Math.ceil(rangeMax);\n  const segmentLength = size.height / ceilMax;\n  const ticksToFitInOneSegment = 2;\n\n  // how many ticksWidth fit in a segment\n  const tickWidthPerSegment = segmentLength / labelFontSize;\n  const rawLabelStep = ticksToFitInOneSegment / tickWidthPerSegment;\n  const roundedStep = Math.ceil((rawLabelStep * 10) / 10);\n\n  let labelStep;\n\n  if (rawLabelStep > 0.15) {\n    labelStep = roundedStep;\n  } else if (rawLabelStep < 0.05) {\n    labelStep = 0.1;\n  } else {\n    labelStep = 0.5;\n  }\n\n  return labelStep;\n};\n\nexport const crowdedTicks = (rangeMax, customLabelStep, size, labelFontSize) => {\n  const ceilMax = Math.ceil(rangeMax);\n\n  const numberOfSegments = ceilMax * customLabelStep;\n\n  return size.height / numberOfSegments < labelFontSize && size.height / numberOfSegments > 0.5;\n};\n\n// multiply values with 10^number_of_decimals if needed because modulo function(%) is only defined for integers\nconst modulo = (a, b) => {\n  if (Number.isInteger(b)) {\n    return a % b;\n  }\n\n  const decimals = b\n    .toString()\n    .split('.')\n    .pop().length;\n  const aux = Math.pow(10, decimals);\n\n  return (a * aux) % (b * aux);\n};\n\nexport const getDomainAndRangeByChartType = (domain, range, size, chartType, labelFontSize) => {\n  let { step, labelStep, min, max } = range || {};\n\n  if (!min) {\n    min = 0;\n  }\n\n  if (!max || max < 0) {\n    max = range.min + 1;\n  }\n\n  if (labelStep && !step) {\n    step = labelStep;\n  }\n  if (!labelStep || (isNaN(labelStep) && step)) {\n    let customLabelStep = step;\n    let crowded = crowdedTicks(max, customLabelStep, size, labelFontSize);\n\n    if (crowded) {\n      customLabelStep = customLabelStep * 2;\n    }\n\n    labelStep = customLabelStep;\n  }\n\n  if (!step || (isNaN(step) && !labelStep) || isNaN(labelStep)) {\n    labelStep = customLabelStep(max, size, labelFontSize);\n\n    if (labelStep <= 1) {\n      step = labelStep;\n    } else if (labelStep <= 4) {\n      step = 1;\n    } else if (labelStep > 4 && labelStep < 10) {\n      step = labelStep / 2;\n    } else {\n      step = labelStep / 3;\n    }\n  }\n\n  if (modulo(max, step) !== 0) {\n    max = max + step;\n  }\n\n  range.max = max;\n\n  switch (chartType) {\n    // if chart is dot plot or line plot, we should ignore step and make sure that min & max are integer values\n    case 'dotPlot':\n    case 'linePlot': {\n      const intMin = Math.round(min);\n      const intMax = Math.round(max);\n\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1\n        },\n        range: {\n          ...range,\n          min: intMin,\n          max: intMin === intMax ? intMin + 1 : intMax,\n          labelStep,\n          step: 1\n        }\n      };\n    }\n    default:\n      return {\n        domain: {\n          ...domain,\n          step: 1,\n          labelStep: 1,\n          min: 0,\n          max: 1\n        },\n        range: {\n          ...range,\n          labelStep,\n          step\n        }\n      };\n  }\n};\n\nexport const getGridLinesAndAxisByChartType = (range, chartType) => {\n  switch (chartType) {\n    case 'lineDot':\n    case 'lineCross':\n      return {\n        verticalLines: undefined,\n        horizontalLines: getTickValues(range),\n        leftAxis: true\n      };\n    case 'dotPlot':\n    case 'linePlot':\n      return {\n        verticalLines: [],\n        horizontalLines: [],\n        leftAxis: false\n      };\n    default:\n      return {\n        verticalLines: [],\n        horizontalLines: getTickValues(range),\n        leftAxis: true\n      };\n  }\n};\n\nexport const getRotateAngle = (fontSize, height) => {\n  if (height >= fontSize * 2) {\n    return 25;\n  }\n\n  return 0;\n};\n\nexport const getTopPadding = barWidth => {\n  if (barWidth < 30) {\n    return 50;\n  }\n\n  if (barWidth < 40) {\n    return 30;\n  }\n\n  if (barWidth < 60) {\n    return 15;\n  }\n\n  return 0;\n};\n"],"file":"utils.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.5.12",
+  "version": "4.5.15",
   "description": "charting",
   "keywords": [
     "react",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/plot": "^2.1.9",
+    "@pie-lib/plot": "^2.2.0",
     "@vx/axis": "^0.0.183",
     "@vx/event": "^0.0.182",
     "@vx/grid": "^0.0.183",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "b609e48dad31311311511a3033340db24c2808bd"
+  "gitHead": "84fbd889875b1e3a0539451a940fb772fc46162a"
 }

package/src/chart.jsx

@@ -253,6 +253,12 @@ const styles = theme => ({
     borderLeft: `solid 1px ${color.primaryDark()}`,
     borderRight: `solid 1px ${color.primaryDark()}`
   },
+  root: {
+    overflow: 'hidden'
+  },
+  svg: {
+    overflow: 'visible'
+  },
   toolMenu: {
     minHeight: '36px'
   }

package/src/utils.js

@@ -81,6 +81,21 @@ export const crowdedTicks = (rangeMax, customLabelStep, size, labelFontSize) =>
   return size.height / numberOfSegments < labelFontSize && size.height / numberOfSegments > 0.5;
 };
 
+// multiply values with 10^number_of_decimals if needed because modulo function(%) is only defined for integers
+const modulo = (a, b) => {
+  if (Number.isInteger(b)) {
+    return a % b;
+  }
+
+  const decimals = b
+    .toString()
+    .split('.')
+    .pop().length;
+  const aux = Math.pow(10, decimals);
+
+  return (a * aux) % (b * aux);
+};
+
 export const getDomainAndRangeByChartType = (domain, range, size, chartType, labelFontSize) => {
   let { step, labelStep, min, max } = range || {};
 
@@ -120,7 +135,7 @@ export const getDomainAndRangeByChartType = (domain, range, size, chartType, lab
     }
   }
 
-  if (max % step !== 0) {
+  if (modulo(max, step) !== 0) {
     max = max + step;
   }