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

package/lib/bars/common/bars.js.map

@@ -1 +1 @@
-{"version":3,"file":"bars.js","names":["log","debug","RawBar","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","interactive","correctness","scale","range","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","bandKey","rawY","yy","Component","DraggableHandle","DragHandle","bar","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","fill","color","primaryLight","Bars","data","defineChart","map","d","category","array"],"sources":["../../../src/bars/common/bars.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { color } from '@pie-lib/render-ui';\nimport { Bar as VxBar } from '@vx/shape';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport debug from 'debug';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawBar extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined\n    };\n  }\n\n  setDragValue = dragValue => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      interactive,\n      correctness\n    } = this.props;\n\n    const { scale, range } = graphProps;\n    const { dragValue } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n    const rawY = range.max - v;\n    const yy = range.max - rawY;\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        <VxBar\n          x={barX}\n          y={scale.y(yy)}\n          width={barWidth}\n          height={barHeight}\n          className={classes.bar}\n        />\n        <Component\n          x={barX}\n          y={v}\n          interactive={interactive}\n          width={barWidth}\n          onDrag={v => this.dragValue(value, v)}\n          onDragStop={this.dragStop}\n          graphProps={graphProps}\n          correctness={correctness}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles(() => ({\n  bar: {\n    fill: color.primaryLight()\n  }\n}))(RawBar);\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    defineChart: PropTypes.bool,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  render() {\n    const { data, graphProps, xBand, onChangeCategory, defineChart } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            interactive={defineChart ? true : d.interactive}\n            label={d.label}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Bars;\n"],"mappings":"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"}
+{"version":3,"file":"bars.js","names":["log","debug","RawBar","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","interactive","correctness","scale","range","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","bandKey","rawY","yy","Component","DraggableHandle","DragHandle","bar","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","fill","color","primaryLight","Bars","data","defineChart","map","d","category","array"],"sources":["../../../src/bars/common/bars.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { color } from '@pie-lib/render-ui';\nimport { Bar as VxBar } from '@vx/shape';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport debug from 'debug';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawBar extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined\n    };\n  }\n\n  setDragValue = dragValue => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      interactive,\n      correctness\n    } = this.props;\n\n    const { scale, range } = graphProps;\n    const { dragValue } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n    const rawY = range.max - v;\n    const yy = range.max - rawY;\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        <VxBar\n          x={barX}\n          y={scale.y(yy)}\n          width={barWidth}\n          height={barHeight}\n          className={classes.bar}\n        />\n        <Component\n          x={barX}\n          y={v}\n          interactive={interactive}\n          width={barWidth}\n          onDrag={v => this.dragValue(value, v)}\n          onDragStop={this.dragStop}\n          graphProps={graphProps}\n          correctness={correctness}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles(() => ({\n  bar: {\n    fill: color.primaryLight()\n  }\n}))(RawBar);\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    defineChart: PropTypes.bool,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  render() {\n    const { data, graphProps, xBand, onChangeCategory, defineChart } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            interactive={defineChart ? true : d.interactive}\n            label={d.label}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Bars;\n"],"mappings":"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"}

package/lib/bars/histogram.js

@@ -1,60 +1,51 @@
 "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.Histogram = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _plot = require("@pie-lib/plot");
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _utils = require("../utils");
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _bars = _interopRequireDefault(require("./common/bars"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-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); }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _react = _interopRequireDefault(require("react"));
 
-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 _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _plot = require("@pie-lib/plot");
 
-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 _utils = require("../utils");
 
-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 _bars = _interopRequireDefault(require("./common/bars"));
 
-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 Histogram = /*#__PURE__*/function (_React$Component) {
-  _inherits(Histogram, _React$Component);
+  (0, _inherits2["default"])(Histogram, _React$Component);
 
   var _super = _createSuper(Histogram);
 
   function Histogram() {
-    _classCallCheck(this, Histogram);
-
+    (0, _classCallCheck2["default"])(this, Histogram);
     return _super.apply(this, arguments);
   }
 
-  _createClass(Histogram, [{
+  (0, _createClass2["default"])(Histogram, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -68,18 +59,16 @@ var Histogram = /*#__PURE__*/function (_React$Component) {
           size = _ref$size === void 0 ? {} : _ref$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'histogram');
-      return /*#__PURE__*/_react["default"].createElement(_bars["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_bars["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand
       }));
     }
   }]);
-
   return Histogram;
 }(_react["default"].Component);
 
 exports.Histogram = Histogram;
-
-_defineProperty(Histogram, "propTypes", {
+(0, _defineProperty2["default"])(Histogram, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired

package/lib/bars/histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.js","names":["Histogram","props","data","graphProps","scale","size","xBand","dataToXBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/bars/histogram.js"],"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 Histogram 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, 'histogram');\n\n    return <Bars {...props} xBand={xBand} />;\n  }\n}\n\nexport default () => ({\n  type: 'histogram',\n  Component: Histogram,\n  name: 'Histogram'\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,S;;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMC,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;MAAA,IAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;MACA,WAAkCA,UAAU,IAAI,EAAhD;MAAA,sBAAQC,KAAR;MAAA,IAAQA,KAAR,2BAAgB,EAAhB;MAAA,qBAAoBC,IAApB;MAAA,IAAoBA,IAApB,0BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYH,KAAK,CAACI,CAAlB,EAAqBN,IAArB,EAA2BG,IAAI,CAACI,KAAhC,EAAuC,WAAvC,CAAd;MAEA,oBAAO,gCAAC,gBAAD,eAAUR,KAAV;QAAiB,KAAK,EAAEK;MAAxB,GAAP;IACD;;;;EAd4BI,iBAAA,CAAMC,S;;;;gBAAxBX,S,eACQ;EACjBE,IAAI,EAAEU,qBAAA,CAAUC,KADC;EAEjBC,QAAQ,EAAEF,qBAAA,CAAUG,IAFH;EAGjBZ,UAAU,EAAEa,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,WADc;IAEpBR,SAAS,EAAEX,SAFS;IAGpBoB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}
+{"version":3,"file":"histogram.js","names":["Histogram","props","data","graphProps","scale","size","xBand","dataToXBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/bars/histogram.js"],"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 Histogram 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, 'histogram');\n\n    return <Bars {...props} xBand={xBand} />;\n  }\n}\n\nexport default () => ({\n  type: 'histogram',\n  Component: Histogram,\n  name: 'Histogram'\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,S;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMC,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;MAAA,IAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;MACA,WAAkCA,UAAU,IAAI,EAAhD;MAAA,sBAAQC,KAAR;MAAA,IAAQA,KAAR,2BAAgB,EAAhB;MAAA,qBAAoBC,IAApB;MAAA,IAAoBA,IAApB,0BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYH,KAAK,CAACI,CAAlB,EAAqBN,IAArB,EAA2BG,IAAI,CAACI,KAAhC,EAAuC,WAAvC,CAAd;MAEA,oBAAO,gCAAC,gBAAD,gCAAUR,KAAV;QAAiB,KAAK,EAAEK;MAAxB,GAAP;IACD;;;EAd4BI,iBAAA,CAAMC,S;;;iCAAxBX,S,eACQ;EACjBE,IAAI,EAAEU,qBAAA,CAAUC,KADC;EAEjBC,QAAQ,EAAEF,qBAAA,CAAUG,IAFH;EAGjBZ,UAAU,EAAEa,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,WADc;IAEpBR,SAAS,EAAEX,SAFS;IAGpBoB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}

package/lib/chart-setup.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,13 +23,9 @@ var _chartType = _interopRequireDefault(require("./chart-type"));
 
 var _configUi = require("@pie-lib/config-ui");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 ConfigureChartPanel = function ConfigureChartPanel(props) {
   var classes = props.classes,
@@ -34,6 +34,30 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
   var range = model.range;
   var size = model.graph;
 
+  var stepConfig = /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.rowView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: "Grid Interval",
+    value: range.step,
+    min: 0,
+    max: 10000,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('step', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: 'Label Interval',
+    value: range.labelStep,
+    min: 0,
+    max: 10000,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onRangeChanged('labelStep', v);
+    }
+  }));
+
   var rangeProps = function rangeProps(chartType) {
     return chartType.includes('Plot') ? {
       min: 3,
@@ -45,7 +69,7 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
   };
 
   var onSizeChanged = function onSizeChanged(key, value) {
-    var graph = _objectSpread(_objectSpread({}, size), {}, _defineProperty({}, key, value));
+    var graph = _objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, value));
 
     onChange(_objectSpread(_objectSpread({}, model), {}, {
       graph: graph
@@ -61,7 +85,24 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
   };
 
   var onChartTypeChange = function onChartTypeChange(chartType) {
-    return onChange(_objectSpread(_objectSpread({}, model), {}, {
+    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(_objectSpread(_objectSpread({}, model), {}, {
+        range: range,
+        chartType: chartType
+      }));
+      return;
+    }
+
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
       chartType: chartType
     }));
   };
@@ -89,29 +130,7 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     onChange: function onChange(e, v) {
       return onRangeChanged('max', v);
     }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.rowView
-  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
-    className: classes.mediumTextField,
-    label: "Grid Interval",
-    value: range.step,
-    min: 0,
-    max: 10000,
-    variant: "outlined",
-    onChange: function onChange(e, v) {
-      return onRangeChanged('step', v);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
-    className: classes.mediumTextField,
-    label: 'Label Interval',
-    value: range.labelStep,
-    min: 0,
-    max: 10000,
-    variant: 'outlined',
-    onChange: function onChange(e, v) {
-      return onRangeChanged('labelStep', v);
-    }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), !model.chartType.includes('Plot') && stepConfig, /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.dimensions
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dimensions(px)")), /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.columnView

package/lib/chart-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-setup.js","names":["ConfigureChartPanel","props","classes","model","onChange","range","size","graph","rangeProps","chartType","includes","min","max","onSizeChanged","key","value","onRangeChanged","parsedValue","parseInt","onChartTypeChange","wrapper","content","rowView","e","target","mediumTextField","v","step","labelStep","dimensions","columnView","textField","width","disabled","height","propTypes","PropTypes","object","sizeConstraints","domain","gridIntervalValues","includeAxes","bool","labelIntervalValues","styles","theme","display","flexDirection","marginTop","alignItems","justifyContent","margin","spacing","unit","largeTextField","text","fontStyle","color","withStyles"],"sources":["../src/chart-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = props => {\n  const { classes, model, onChange } = props;\n  const { range } = model;\n  const size = model.graph;\n\n  const rangeProps = chartType => {\n    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const onRangeChanged = (key, value) => {\n    const parsedValue = parseInt(value);\n\n    range[key] = parsedValue;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = chartType => onChange({ ...model, chartType });\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <div className={classes.content}>\n        <div className={classes.rowView}>\n          <ChartType value={model.chartType} onChange={e => onChartTypeChange(e.target.value)} />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v)}\n          />\n        </div>\n        <div className={classes.rowView}>\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Grid Interval\"\n            value={range.step}\n            min={0}\n            max={10000}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('step', v)}\n          />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label={'Label Interval'}\n            value={range.labelStep}\n            min={0}\n            max={10000}\n            variant={'outlined'}\n            onChange={(e, v) => onRangeChanged('labelStep', v)}\n          />\n        </div>\n        <div className={classes.dimensions}>\n          <div>\n            <Typography>Dimensions(px)</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Width'}\n              value={size.width}\n              min={50}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('width', v)}\n            />\n            <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Height'}\n              value={size.height}\n              min={400}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('height', v)}\n            />\n            <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  domain: PropTypes.object,\n  gridIntervalValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelIntervalValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: PropTypes.object,\n  size: PropTypes.object\n};\n\nconst styles = theme => ({\n  wrapper: {\n    width: '450px'\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    marginTop: '24px'\n  },\n  columnView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  rowView: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    alignItems: 'center'\n  },\n  textField: {\n    width: '130px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  mediumTextField: {\n    width: '160px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  largeTextField: {\n    width: '230px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  text: {\n    fontStyle: 'italic',\n    margin: `${theme.spacing.unit}px 0`\n  },\n  dimensions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: '24px 0px'\n  },\n  disabled: {\n    color: color.disabled()\n  }\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"mappings":"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"}
+{"version":3,"file":"chart-setup.js","names":["ConfigureChartPanel","props","classes","model","onChange","range","size","graph","stepConfig","rowView","mediumTextField","step","e","v","onRangeChanged","labelStep","rangeProps","chartType","includes","min","max","onSizeChanged","key","value","parsedValue","parseInt","onChartTypeChange","wrapper","content","target","dimensions","columnView","textField","width","disabled","height","propTypes","PropTypes","object","sizeConstraints","domain","gridIntervalValues","includeAxes","bool","labelIntervalValues","styles","theme","display","flexDirection","marginTop","alignItems","justifyContent","margin","spacing","unit","largeTextField","text","fontStyle","color","withStyles"],"sources":["../src/chart-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = props => {\n  const { classes, model, onChange } = props;\n  const { range } = model;\n  const size = model.graph;\n\n  const stepConfig = (\n    <div className={classes.rowView}>\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Grid Interval\"\n        value={range.step}\n        min={0}\n        max={10000}\n        variant=\"outlined\"\n        onChange={(e, v) => onRangeChanged('step', v)}\n      />\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label={'Label Interval'}\n        value={range.labelStep}\n        min={0}\n        max={10000}\n        variant={'outlined'}\n        onChange={(e, v) => onRangeChanged('labelStep', v)}\n      />\n    </div>\n  );\n\n  const rangeProps = chartType => {\n    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const onRangeChanged = (key, value) => {\n    const parsedValue = parseInt(value);\n\n    range[key] = parsedValue;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = chartType => {\n    if (chartType.includes('Plot')) {\n      rangeProps.min = 3;\n      rangeProps.max = 10;\n\n      if (range.max > 10 || range.max < 3) {\n        range.max = 10;\n      }\n\n      range.step = 1;\n      range.labelStep = 1;\n      onChange({ ...model, range, chartType });\n\n      return;\n    }\n\n    onChange({ ...model, chartType });\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <div className={classes.content}>\n        <div className={classes.rowView}>\n          <ChartType value={model.chartType} onChange={e => onChartTypeChange(e.target.value)} />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v)}\n          />\n        </div>\n        {!model.chartType.includes('Plot') && stepConfig}\n        <div className={classes.dimensions}>\n          <div>\n            <Typography>Dimensions(px)</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Width'}\n              value={size.width}\n              min={50}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('width', v)}\n            />\n            <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Height'}\n              value={size.height}\n              min={400}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('height', v)}\n            />\n            <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  domain: PropTypes.object,\n  gridIntervalValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelIntervalValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: PropTypes.object,\n  size: PropTypes.object\n};\n\nconst styles = theme => ({\n  wrapper: {\n    width: '450px'\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    marginTop: '24px'\n  },\n  columnView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  rowView: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    alignItems: 'center'\n  },\n  textField: {\n    width: '130px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  mediumTextField: {\n    width: '160px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  largeTextField: {\n    width: '230px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  text: {\n    fontStyle: 'italic',\n    margin: `${theme.spacing.unit}px 0`\n  },\n  dimensions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    margin: '24px 0px'\n  },\n  disabled: {\n    color: color.disabled()\n  }\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"mappings":"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"}

package/lib/chart-type.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,8 +21,6 @@ var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 
 var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var ChartType = (0, _styles.withStyles)(function (theme) {
   return {
     chartType: {

package/lib/chart-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-type.js","names":["ChartType","withStyles","theme","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes"],"sources":["../src/chart-type.js"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(theme => ({\n  chartType: {\n    width: '160px'\n  },\n  chartTypeLabel: {\n    backgroundColor: 'transparent'\n  }\n}))(({ onChange, value, classes }) => {\n  return (\n    <div className={classes.chartType}>\n      <FormControl variant={'outlined'} className={classes.chartType}>\n        <InputLabel htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n          ChartType\n        </InputLabel>\n\n        <Select\n          value={value}\n          onChange={onChange}\n          input={<OutlinedInput name=\"type\" id=\"type-helper\" />}\n        >\n          <MenuItem value={'histogram'}>Histogram</MenuItem>\n          <MenuItem value={'bar'}>Bar</MenuItem>\n          <MenuItem value={'lineDot'}>Line Dot</MenuItem>\n          <MenuItem value={'lineCross'}>Line Cross</MenuItem>\n          <MenuItem value={'dotPlot'}>Dot Plot</MenuItem>\n          <MenuItem value={'linePlot'}>Line Plot</MenuItem>\n        </Select>\n      </FormControl>\n    </div>\n  );\n});\n\nexport default ChartType;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACrCC,SAAS,EAAE;MACTC,KAAK,EAAE;IADE,CAD0B;IAIrCC,cAAc,EAAE;MACdC,eAAe,EAAE;IADH;EAJqB,CAAL;AAAA,CAAhB,EAOd,gBAAkC;EAAA,IAA/BC,QAA+B,QAA/BA,QAA+B;EAAA,IAArBC,KAAqB,QAArBA,KAAqB;EAAA,IAAdC,OAAc,QAAdA,OAAc;EACpC,oBACE;IAAK,SAAS,EAAEA,OAAO,CAACN;EAAxB,gBACE,gCAAC,uBAAD;IAAa,OAAO,EAAE,UAAtB;IAAkC,SAAS,EAAEM,OAAO,CAACN;EAArD,gBACE,gCAAC,sBAAD;IAAY,OAAO,EAAC,aAApB;IAAkC,SAAS,EAAEM,OAAO,CAACJ;EAArD,eADF,eAKE,gCAAC,kBAAD;IACE,KAAK,EAAEG,KADT;IAEE,QAAQ,EAAED,QAFZ;IAGE,KAAK,eAAE,gCAAC,yBAAD;MAAe,IAAI,EAAC,MAApB;MAA2B,EAAE,EAAC;IAA9B;EAHT,gBAKE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,eALF,eAME,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,SANF,eAOE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,cAPF,eAQE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,gBARF,eASE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,cATF,eAUE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,eAVF,CALF,CADF,CADF;AAsBD,CA9BiB,CAAlB;eAgCeP,S"}
+{"version":3,"file":"chart-type.js","names":["ChartType","withStyles","theme","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes"],"sources":["../src/chart-type.js"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(theme => ({\n  chartType: {\n    width: '160px'\n  },\n  chartTypeLabel: {\n    backgroundColor: 'transparent'\n  }\n}))(({ onChange, value, classes }) => {\n  return (\n    <div className={classes.chartType}>\n      <FormControl variant={'outlined'} className={classes.chartType}>\n        <InputLabel htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n          ChartType\n        </InputLabel>\n\n        <Select\n          value={value}\n          onChange={onChange}\n          input={<OutlinedInput name=\"type\" id=\"type-helper\" />}\n        >\n          <MenuItem value={'histogram'}>Histogram</MenuItem>\n          <MenuItem value={'bar'}>Bar</MenuItem>\n          <MenuItem value={'lineDot'}>Line Dot</MenuItem>\n          <MenuItem value={'lineCross'}>Line Cross</MenuItem>\n          <MenuItem value={'dotPlot'}>Dot Plot</MenuItem>\n          <MenuItem value={'linePlot'}>Line Plot</MenuItem>\n        </Select>\n      </FormControl>\n    </div>\n  );\n});\n\nexport default ChartType;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACrCC,SAAS,EAAE;MACTC,KAAK,EAAE;IADE,CAD0B;IAIrCC,cAAc,EAAE;MACdC,eAAe,EAAE;IADH;EAJqB,CAAL;AAAA,CAAhB,EAOd,gBAAkC;EAAA,IAA/BC,QAA+B,QAA/BA,QAA+B;EAAA,IAArBC,KAAqB,QAArBA,KAAqB;EAAA,IAAdC,OAAc,QAAdA,OAAc;EACpC,oBACE;IAAK,SAAS,EAAEA,OAAO,CAACN;EAAxB,gBACE,gCAAC,uBAAD;IAAa,OAAO,EAAE,UAAtB;IAAkC,SAAS,EAAEM,OAAO,CAACN;EAArD,gBACE,gCAAC,sBAAD;IAAY,OAAO,EAAC,aAApB;IAAkC,SAAS,EAAEM,OAAO,CAACJ;EAArD,eADF,eAKE,gCAAC,kBAAD;IACE,KAAK,EAAEG,KADT;IAEE,QAAQ,EAAED,QAFZ;IAGE,KAAK,eAAE,gCAAC,yBAAD;MAAe,IAAI,EAAC,MAApB;MAA2B,EAAE,EAAC;IAA9B;EAHT,gBAKE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,eALF,eAME,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,SANF,eAOE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,cAPF,eAQE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,gBARF,eASE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,cATF,eAUE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,eAVF,CALF,CADF,CADF;AAsBD,CA9BiB,CAAlB;eAgCeP,S"}

package/lib/chart-types.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,8 +19,6 @@ var _dot = _interopRequireDefault(require("./plot/dot"));
 
 var _line = _interopRequireDefault(require("./plot/line"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   Bar: _bar["default"],
   Histogram: _histogram["default"],

package/lib/chart-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-types.js","names":["Bar","Histogram","LineDot","DotPlot","LinePlot","LineCross"],"sources":["../src/chart-types.js"],"sourcesContent":["import Bar from './bars/bar';\nimport Histogram from './bars/histogram';\nimport LineDot from './line/line-dot';\nimport LineCross from './line/line-cross';\nimport DotPlot from './plot/dot';\nimport LinePlot from './plot/line';\n\nexport default { Bar, Histogram, LineDot, DotPlot, LinePlot, LineCross };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;eAEe;EAAEA,GAAG,EAAHA,eAAF;EAAOC,SAAS,EAATA,qBAAP;EAAkBC,OAAO,EAAPA,mBAAlB;EAA2BC,OAAO,EAAPA,eAA3B;EAAoCC,QAAQ,EAARA,gBAApC;EAA8CC,SAAS,EAATA;AAA9C,C"}
+{"version":3,"file":"chart-types.js","names":["Bar","Histogram","LineDot","DotPlot","LinePlot","LineCross"],"sources":["../src/chart-types.js"],"sourcesContent":["import Bar from './bars/bar';\nimport Histogram from './bars/histogram';\nimport LineDot from './line/line-dot';\nimport LineCross from './line/line-cross';\nimport DotPlot from './plot/dot';\nimport LinePlot from './plot/line';\n\nexport default { Bar, Histogram, LineDot, DotPlot, LinePlot, LineCross };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;eAEe;EAAEA,GAAG,EAAHA,eAAF;EAAOC,SAAS,EAATA,qBAAP;EAAkBC,OAAO,EAAPA,mBAAlB;EAA2BC,OAAO,EAAPA,eAA3B;EAAoCC,QAAQ,EAARA,gBAApC;EAA8CC,SAAS,EAATA;AAA9C,C"}