@pie-lib/charting 4.5.11-next.423 → 4.5.11-next.457

package/lib/tool-menu.js

@@ -1,48 +1,40 @@
 "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); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ToolMenu = exports.MiniButton = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _renderUi = require("@pie-lib/render-ui");
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _styles = require("@material-ui/core/styles");
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); } }
+var _react = _interopRequireDefault(require("react"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-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); }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _renderUi = require("@pie-lib/render-ui");
 
-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); }; }
+var _styles = require("@material-ui/core/styles");
 
-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); }
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 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 buttonStyles = function buttonStyles(theme) {
   return {
     root: {
@@ -107,17 +99,16 @@ MiniButton.propTypes = {
 };
 
 var ToolMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(ToolMenu, _React$Component);
+  (0, _inherits2["default"])(ToolMenu, _React$Component);
 
   var _super = _createSuper(ToolMenu);
 
   function ToolMenu() {
-    _classCallCheck(this, ToolMenu);
-
+    (0, _classCallCheck2["default"])(this, ToolMenu);
     return _super.apply(this, arguments);
   }
 
-  _createClass(ToolMenu, [{
+  (0, _createClass2["default"])(ToolMenu, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -132,20 +123,16 @@ var ToolMenu = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return ToolMenu;
 }(_react["default"].Component);
 
 exports.ToolMenu = ToolMenu;
-
-_defineProperty(ToolMenu, "propTypes", {
+(0, _defineProperty2["default"])(ToolMenu, "propTypes", {
   className: _propTypes["default"].string,
   addCategory: _propTypes["default"].func,
   disabled: _propTypes["default"].bool
 });
-
-_defineProperty(ToolMenu, "defaultProps", {});
-
+(0, _defineProperty2["default"])(ToolMenu, "defaultProps", {});
 var _default = ToolMenu;
 exports["default"] = _default;
 //# sourceMappingURL=tool-menu.js.map

package/lib/tool-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-menu.js","names":["buttonStyles","theme","root","backgroundColor","color","background","text","border","secondary","secondaryLight","fontSize","typography","selected","primaryDark","notSelected","primary","disabled","MiniButton","withStyles","props","classes","className","value","onClick","cn","propTypes","PropTypes","bool","string","disabledClassName","func","ToolMenu","addCategory","classNames","React","Component"],"sources":["../src/tool-menu.jsx"],"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"],"mappings":"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"}
+{"version":3,"file":"tool-menu.js","names":["buttonStyles","theme","root","backgroundColor","color","background","text","border","secondary","secondaryLight","fontSize","typography","selected","primaryDark","notSelected","primary","disabled","MiniButton","withStyles","props","classes","className","value","onClick","cn","propTypes","PropTypes","bool","string","disabledClassName","func","ToolMenu","addCategory","classNames","React","Component"],"sources":["../src/tool-menu.jsx"],"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"],"mappings":"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"}

package/lib/utils.js

@@ -1,19 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 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); 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 = 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; }
+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) { (0, _defineProperty2["default"])(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; }
 
 var tickCount = _plot.utils.tickCount;
 exports.tickCount = tickCount;

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","scaleBand","rangeRound","domain","map","padding","scalePoint","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"],"sources":["../src/utils.js"],"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"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["tickCount","utils","bounds","point","bandKey","d","index","label","dataToXBand","scaleX","data","width","type","scaleBand","rangeRound","domain","map","padding","scalePoint","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"],"sources":["../src/utils.js"],"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"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.5.11-next.423+2ed23200",
+  "version": "4.5.11-next.457+af6f4d76",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "2ed23200f4b01d32a902059e7f5ab81a45372254"
+  "gitHead": "af6f4d76ab7a6dfc670448bf0ccac6b86b6f5704"
 }

package/src/axes.jsx

@@ -97,7 +97,7 @@ export class TickComponent extends React.Component {
           )}
           <MarkLabel
             inputRef={r => (this.input = r)}
-            disabled={!editable}
+            disabled={defineChart ? false : !editable}
             mark={category}
             graphProps={graphProps}
             onChange={newLabel => this.changeCategory(index, newLabel)}

package/src/bars/common/bars.jsx

@@ -65,6 +65,7 @@ export class RawBar extends React.Component {
       interactive,
       correctness
     } = this.props;
+
     const { scale, range } = graphProps;
     const { dragValue } = this.state;
 
@@ -112,18 +113,20 @@ export class Bars extends React.Component {
   static propTypes = {
     data: PropTypes.array,
     onChangeCategory: PropTypes.func,
+    defineChart: PropTypes.bool,
     xBand: PropTypes.func,
     graphProps: types.GraphPropsType.isRequired
   };
 
   render() {
-    const { data, graphProps, xBand, onChangeCategory } = this.props;
+    const { data, graphProps, xBand, onChangeCategory, defineChart } = this.props;
+
     return (
       <Group>
         {(data || []).map((d, index) => (
           <Bar
             value={d.value}
-            interactive={d.interactive}
+            interactive={defineChart ? true : d.interactive}
             label={d.label}
             xBand={xBand}
             index={index}

package/src/chart-setup.jsx

@@ -11,6 +11,33 @@ const ConfigureChartPanel = props => {
   const { range } = model;
   const size = model.graph;
 
+  const stepConfig = (
+    <div className={classes.rowView}>
+      <NumberTextFieldCustom
+        className={classes.mediumTextField}
+        label="Grid Interval"
+        value={range.step}
+        min={0}
+        max={10000}
+        variant="outlined"
+        onChange={(e, v) => onRangeChanged('step', v)}
+      />
+      <NumberTextFieldCustom
+        className={classes.mediumTextField}
+        label={'Label Interval'}
+        value={range.labelStep}
+        min={0}
+        max={10000}
+        variant={'outlined'}
+        onChange={(e, v) => onRangeChanged('labelStep', v)}
+      />
+    </div>
+  );
+
+  const rangeProps = chartType => {
+    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };
+  };
+
   const onSizeChanged = (key, value) => {
     const graph = { ...size, [key]: value };
 
@@ -25,7 +52,24 @@ const ConfigureChartPanel = props => {
     onChange({ ...model, range });
   };
 
-  const onChartTypeChange = chartType => onChange({ ...model, chartType });
+  const onChartTypeChange = chartType => {
+    if (chartType.includes('Plot')) {
+      rangeProps.min = 3;
+      rangeProps.max = 10;
+
+      if (range.max > 10 || range.max < 3) {
+        range.max = 10;
+      }
+
+      range.step = 1;
+      range.labelStep = 1;
+      onChange({ ...model, range, chartType });
+
+      return;
+    }
+
+    onChange({ ...model, chartType });
+  };
 
   return (
     <div className={classes.wrapper}>
@@ -37,32 +81,13 @@ const ConfigureChartPanel = props => {
             className={classes.mediumTextField}
             label="Max Value"
             value={range.max}
-            min={0}
-            max={10000}
+            min={rangeProps(model.chartType).min}
+            max={rangeProps(model.chartType).max}
             variant="outlined"
             onChange={(e, v) => onRangeChanged('max', v)}
           />
         </div>
-        <div className={classes.rowView}>
-          <NumberTextFieldCustom
-            className={classes.mediumTextField}
-            label="Grid Interval"
-            value={range.step}
-            min={0}
-            max={10000}
-            variant="outlined"
-            onChange={(e, v) => onRangeChanged('step', v)}
-          />
-          <NumberTextFieldCustom
-            className={classes.mediumTextField}
-            label={'Label Interval'}
-            value={range.labelStep}
-            min={0}
-            max={10000}
-            variant={'outlined'}
-            onChange={(e, v) => onRangeChanged('labelStep', v)}
-          />
-        </div>
+        {!model.chartType.includes('Plot') && stepConfig}
         <div className={classes.dimensions}>
           <div>
             <Typography>Dimensions(px)</Typography>

package/src/chart.jsx

@@ -48,6 +48,7 @@ export class Chart extends React.Component {
     onDataChange: PropTypes.func,
     addCategoryEnabled: PropTypes.bool,
     categoryDefaultLabel: PropTypes.string,
+    defineChart: PropTypes.bool,
     theme: PropTypes.object
   };
 
@@ -231,6 +232,7 @@ export class Chart extends React.Component {
             <ChartComponent
               {...common}
               data={categories}
+              defineChart={defineChart}
               onChange={this.changeData}
               onChangeCategory={this.changeCategory}
             />

package/src/line/common/drag-handle.jsx

@@ -34,6 +34,7 @@ class RawDragHandle extends React.Component {
       correctness,
       ...rest
     } = this.props;
+
     const { scale } = graphProps;
     return (
       <CustomDraggableComponent
@@ -42,7 +43,7 @@ class RawDragHandle extends React.Component {
         y={y}
         classes={classes}
         className={classNames(className, !interactive && 'non-interactive')}
-        correctness={interactive && correctness}
+        correctness={correctness}
         {...rest}
       />
     );

package/src/line/common/line.jsx

@@ -32,6 +32,7 @@ export class RawLine extends React.Component {
     xBand: PropTypes.func,
     index: PropTypes.number.isRequired,
     graphProps: types.GraphPropsType.isRequired,
+    defineChart: PropTypes.bool,
     data: PropTypes.arrayOf(
       PropTypes.shape({
         label: PropTypes.string,
@@ -77,7 +78,7 @@ export class RawLine extends React.Component {
   };
 
   render() {
-    const { graphProps, data, classes, CustomDraggableComponent } = this.props;
+    const { graphProps, data, classes, CustomDraggableComponent, defineChart } = this.props;
     const { line: lineState, dragging } = this.state;
     const { scale } = graphProps;
     const lineToUse = dragging ? lineState : getData(data, graphProps.domain);
@@ -93,14 +94,15 @@ export class RawLine extends React.Component {
         {lineToUse &&
           lineToUse.map((point, i) => {
             const r = 6;
-            const Component = point.interactive ? DraggableHandle : DragHandle;
+            const enableDraggable = defineChart ? true : point.interactive;
+            const Component = enableDraggable ? DraggableHandle : DragHandle;
 
             return (
               <Component
                 key={`point-${point.x}-${i}`}
                 x={point.x}
                 y={point.dragValue !== undefined ? point.dragValue : point.y}
-                interactive={point.interactive}
+                interactive={enableDraggable}
                 r={r}
                 onDragStart={() => this.setState({ dragging: true })}
                 onDrag={v =>

package/src/plot/common/plot.jsx

@@ -67,6 +67,7 @@ export class RawPlot extends React.Component {
       interactive,
       correctness
     } = this.props;
+
     const { scale, range, size } = graphProps;
     const { max } = range || {};
     const { dragValue } = this.state;
@@ -137,11 +138,12 @@ export class Plot extends React.Component {
     onChangeCategory: PropTypes.func,
     xBand: PropTypes.func,
     graphProps: types.GraphPropsType.isRequired,
+    defineChart: PropTypes.bool,
     CustomBarElement: PropTypes.func
   };
 
   render() {
-    const { data, graphProps, xBand, CustomBarElement, onChangeCategory } = this.props;
+    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart } = this.props;
 
     return (
       <Group>
@@ -149,7 +151,7 @@ export class Plot extends React.Component {
           <Bar
             value={d.value}
             label={d.label}
-            interactive={d.interactive}
+            interactive={defineChart ? true : d.interactive}
             xBand={xBand}
             index={index}
             key={`bar-${d.label}-${d.value}-${index}`}