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

package/lib/plot/common/plot.js

@@ -1,12 +1,28 @@
 "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");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RawPlot = exports.Plot = void 0;
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -31,51 +47,28 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); } }
-
-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 _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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _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 log = (0, _debug["default"])('pie-lib:chart:bars');
 
 var RawPlot = /*#__PURE__*/function (_React$Component) {
-  _inherits(RawPlot, _React$Component);
+  (0, _inherits2["default"])(RawPlot, _React$Component);
 
   var _super = _createSuper(RawPlot);
 
   function RawPlot(props) {
     var _this;
 
-    _classCallCheck(this, RawPlot);
-
+    (0, _classCallCheck2["default"])(this, RawPlot);
     _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "setDragValue", function (dragValue) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDragValue", function (dragValue) {
       return _this.setState({
         dragValue: dragValue
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "dragStop", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStop", function () {
       var _this$props = _this.props,
           label = _this$props.label,
           onChangeCategory = _this$props.onChangeCategory;
@@ -91,20 +84,18 @@ var RawPlot = /*#__PURE__*/function (_React$Component) {
 
       _this.setDragValue(undefined);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "dragValue", function (existing, next) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragValue", function (existing, next) {
       log('[dragValue] next:', next);
 
       _this.setDragValue(next);
     });
-
     _this.state = {
       dragValue: undefined
     };
     return _this;
   }
 
-  _createClass(RawPlot, [{
+  (0, _createClass2["default"])(RawPlot, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -169,13 +160,11 @@ var RawPlot = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return RawPlot;
 }(_react["default"].Component);
 
 exports.RawPlot = RawPlot;
-
-_defineProperty(RawPlot, "propTypes", {
+(0, _defineProperty2["default"])(RawPlot, "propTypes", {
   onChangeCategory: _propTypes["default"].func,
   value: _propTypes["default"].number,
   classes: _propTypes["default"].object,
@@ -190,7 +179,6 @@ _defineProperty(RawPlot, "propTypes", {
     label: _propTypes["default"].string
   })
 });
-
 var Bar = (0, _index.withStyles)(function (theme) {
   return {
     dot: {
@@ -207,17 +195,16 @@ var Bar = (0, _index.withStyles)(function (theme) {
 })(RawPlot);
 
 var Plot = /*#__PURE__*/function (_React$Component2) {
-  _inherits(Plot, _React$Component2);
+  (0, _inherits2["default"])(Plot, _React$Component2);
 
   var _super2 = _createSuper(Plot);
 
   function Plot() {
-    _classCallCheck(this, Plot);
-
+    (0, _classCallCheck2["default"])(this, Plot);
     return _super2.apply(this, arguments);
   }
 
-  _createClass(Plot, [{
+  (0, _createClass2["default"])(Plot, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
@@ -225,12 +212,13 @@ var Plot = /*#__PURE__*/function (_React$Component2) {
           graphProps = _this$props3.graphProps,
           xBand = _this$props3.xBand,
           CustomBarElement = _this$props3.CustomBarElement,
-          _onChangeCategory = _this$props3.onChangeCategory;
+          _onChangeCategory = _this$props3.onChangeCategory,
+          defineChart = _this$props3.defineChart;
       return /*#__PURE__*/_react["default"].createElement(_group.Group, null, (data || []).map(function (d, index) {
         return /*#__PURE__*/_react["default"].createElement(Bar, {
           value: d.value,
           label: d.label,
-          interactive: d.interactive,
+          interactive: defineChart ? true : d.interactive,
           xBand: xBand,
           index: index,
           key: "bar-".concat(d.label, "-").concat(d.value, "-").concat(index),
@@ -244,20 +232,18 @@ var Plot = /*#__PURE__*/function (_React$Component2) {
       }));
     }
   }]);
-
   return Plot;
 }(_react["default"].Component);
 
 exports.Plot = Plot;
-
-_defineProperty(Plot, "propTypes", {
+(0, _defineProperty2["default"])(Plot, "propTypes", {
   data: _propTypes["default"].array,
   onChangeCategory: _propTypes["default"].func,
   xBand: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired,
+  defineChart: _propTypes["default"].bool,
   CustomBarElement: _propTypes["default"].func
 });
-
 var _default = Plot;
 exports["default"] = _default;
 //# sourceMappingURL=plot.js.map

package/lib/plot/common/plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"plot.js","names":["log","debug","RawPlot","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","CustomBarElement","interactive","correctness","scale","range","size","max","v","Number","isFinite","barWidth","bandwidth","barHeight","y","barX","bandKey","values","i","push","pointHeight","height","pointDiameter","Component","DraggableHandle","DragHandle","map","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","theme","dot","fill","color","primaryLight","correct","incorrect","line","stroke","Plot","data","d","category","array"],"sources":["../../../src/plot/common/plot.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawPlot 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    CustomBarElement: PropTypes.func,\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      CustomBarElement,\n      interactive,\n      correctness\n    } = this.props;\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\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\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        {values.map(index =>\n          CustomBarElement({\n            index,\n            pointDiameter,\n            barX,\n            barWidth,\n            pointHeight,\n            label,\n            value,\n            classes,\n            scale\n          })\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(theme => ({\n  dot: {\n    fill: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  },\n  line: {\n    stroke: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  }\n}))(RawPlot);\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={d.interactive}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"mappings":"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"}
+{"version":3,"file":"plot.js","names":["log","debug","RawPlot","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","CustomBarElement","interactive","correctness","scale","range","size","max","v","Number","isFinite","barWidth","bandwidth","barHeight","y","barX","bandKey","values","i","push","pointHeight","height","pointDiameter","Component","DraggableHandle","DragHandle","map","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","theme","dot","fill","color","primaryLight","correct","incorrect","line","stroke","Plot","data","defineChart","d","category","array"],"sources":["../../../src/plot/common/plot.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawPlot 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    CustomBarElement: PropTypes.func,\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      CustomBarElement,\n      interactive,\n      correctness\n    } = this.props;\n\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\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\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        {values.map(index =>\n          CustomBarElement({\n            index,\n            pointDiameter,\n            barX,\n            barWidth,\n            pointHeight,\n            label,\n            value,\n            classes,\n            scale\n          })\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(theme => ({\n  dot: {\n    fill: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  },\n  line: {\n    stroke: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  }\n}))(RawPlot);\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    CustomBarElement: PropTypes.func\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={defineChart ? true : d.interactive}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"mappings":"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"}

package/lib/plot/dot.js

@@ -1,50 +1,42 @@
 "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.DotPlot = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _plot = require("@pie-lib/plot");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _utils = require("../utils");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _plot2 = _interopRequireDefault(require("./common/plot"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _shape = require("@vx/shape");
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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 _plot = require("@pie-lib/plot");
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _utils = require("../utils");
 
-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 _plot2 = _interopRequireDefault(require("./common/plot"));
 
-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 _shape = require("@vx/shape");
 
-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 CustomBarElement = function CustomBarElement(props) {
   var index = props.index,
       pointDiameter = props.pointDiameter,
@@ -80,17 +72,16 @@ CustomBarElement.propTypes = {
 };
 
 var DotPlot = /*#__PURE__*/function (_React$Component) {
-  _inherits(DotPlot, _React$Component);
+  (0, _inherits2["default"])(DotPlot, _React$Component);
 
   var _super = _createSuper(DotPlot);
 
   function DotPlot() {
-    _classCallCheck(this, DotPlot);
-
+    (0, _classCallCheck2["default"])(this, DotPlot);
     return _super.apply(this, arguments);
   }
 
-  _createClass(DotPlot, [{
+  (0, _createClass2["default"])(DotPlot, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -104,19 +95,17 @@ var DotPlot = /*#__PURE__*/function (_React$Component) {
           size = _ref$size === void 0 ? {} : _ref$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'dotPlot');
-      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
         CustomBarElement: CustomBarElement
       }));
     }
   }]);
-
   return DotPlot;
 }(_react["default"].Component);
 
 exports.DotPlot = DotPlot;
-
-_defineProperty(DotPlot, "propTypes", {
+(0, _defineProperty2["default"])(DotPlot, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired

package/lib/plot/dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","r","cx","cy","y","dot","propTypes","PropTypes","number","string","object","DotPlot","data","graphProps","size","xBand","dataToXBand","x","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/plot/dot.js"],"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 { Circle } from '@vx/shape';\n\nconst CustomBarElement = props => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale } = props;\n\n  const r = pointDiameter / 2;\n  const cx = barX + (barWidth - pointDiameter) / 2 + r;\n  const cy = scale.y(index) - (pointHeight - pointDiameter) / 2 - r;\n\n  return (\n    <Circle\n      key={`point-${label}-${value}-${index}`}\n      className={classes.dot}\n      cx={cx}\n      cy={cy}\n      r={r}\n    />\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 DotPlot 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, 'dotPlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'dotPlot',\n  Component: DotPlot,\n  name: 'Dot Plot'\n});\n"],"mappings":"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"}
+{"version":3,"file":"dot.js","names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","r","cx","cy","y","dot","propTypes","PropTypes","number","string","object","DotPlot","data","graphProps","size","xBand","dataToXBand","x","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/plot/dot.js"],"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 { Circle } from '@vx/shape';\n\nconst CustomBarElement = props => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale } = props;\n\n  const r = pointDiameter / 2;\n  const cx = barX + (barWidth - pointDiameter) / 2 + r;\n  const cy = scale.y(index) - (pointHeight - pointDiameter) / 2 - r;\n\n  return (\n    <Circle\n      key={`point-${label}-${value}-${index}`}\n      className={classes.dot}\n      cx={cx}\n      cy={cy}\n      r={r}\n    />\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 DotPlot 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, 'dotPlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'dotPlot',\n  Component: DotPlot,\n  name: 'Dot Plot'\n});\n"],"mappings":"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"}

package/lib/plot/line.js

@@ -1,52 +1,44 @@
 "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.LinePlot = 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 _plot2 = _interopRequireDefault(require("./common/plot"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _shape = require("@vx/shape");
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _group = require("@vx/group");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
+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"); } }
+var _react = _interopRequireDefault(require("react"));
 
-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 _propTypes = _interopRequireDefault(require("prop-types"));
 
-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 _plot = require("@pie-lib/plot");
 
-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 _utils = require("../utils");
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _plot2 = _interopRequireDefault(require("./common/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 _shape = require("@vx/shape");
 
-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 _group = require("@vx/group");
 
-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 CustomBarElement = function CustomBarElement(props) {
   var index = props.index,
       pointDiameter = props.pointDiameter,
@@ -109,17 +101,16 @@ CustomBarElement.propTypes = {
 };
 
 var LinePlot = /*#__PURE__*/function (_React$Component) {
-  _inherits(LinePlot, _React$Component);
+  (0, _inherits2["default"])(LinePlot, _React$Component);
 
   var _super = _createSuper(LinePlot);
 
   function LinePlot() {
-    _classCallCheck(this, LinePlot);
-
+    (0, _classCallCheck2["default"])(this, LinePlot);
     return _super.apply(this, arguments);
   }
 
-  _createClass(LinePlot, [{
+  (0, _createClass2["default"])(LinePlot, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -133,19 +124,17 @@ var LinePlot = /*#__PURE__*/function (_React$Component) {
           size = _ref$size === void 0 ? {} : _ref$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'linePlot');
-      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
         CustomBarElement: CustomBarElement
       }));
     }
   }]);
-
   return LinePlot;
 }(_react["default"].Component);
 
 exports.LinePlot = LinePlot;
-
-_defineProperty(LinePlot, "propTypes", {
+(0, _defineProperty2["default"])(LinePlot, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired

package/lib/plot/line.js.map

@@ -1 +1 @@
-{"version":3,"file":"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","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/plot/line.js"],"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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,KAAK,EAAI;EAChC,IAAQC,KAAR,GAA4FD,KAA5F,CAAQC,KAAR;EAAA,IAAeC,aAAf,GAA4FF,KAA5F,CAAeE,aAAf;EAAA,IAA8BC,IAA9B,GAA4FH,KAA5F,CAA8BG,IAA9B;EAAA,IAAoCC,QAApC,GAA4FJ,KAA5F,CAAoCI,QAApC;EAAA,IAA8CC,WAA9C,GAA4FL,KAA5F,CAA8CK,WAA9C;EAAA,IAA2DC,KAA3D,GAA4FN,KAA5F,CAA2DM,KAA3D;EAAA,IAAkEC,KAAlE,GAA4FP,KAA5F,CAAkEO,KAAlE;EAAA,IAAyEC,OAAzE,GAA4FR,KAA5F,CAAyEQ,OAAzE;EAAA,IAAkFC,KAAlF,GAA4FT,KAA5F,CAAkFS,KAAlF;EAEA,IAAMC,CAAC,GAAGP,IAAI,GAAG,CAACC,QAAQ,GAAGF,aAAZ,IAA6B,CAA9C;EACA,IAAMS,CAAC,GAAGF,KAAK,CAACE,CAAN,CAAQV,KAAR,IAAiB,CAACI,WAAW,GAAGH,aAAf,IAAgC,CAA3D;EAEA,oBACE,gCAAC,YAAD,qBACE,gCAAC,eAAD;IACE,IAAI,EAAE,CAAC;MAAEQ,CAAC,EAADA,CAAF;MAAKC,CAAC,EAADA;IAAL,CAAD,EAAW;MAAED,CAAC,EAAEA,CAAC,GAAGR,aAAT;MAAwBS,CAAC,EAAEA,CAAC,GAAGT;IAA/B,CAAX,CADR;IAEE,GAAG,kBAAWI,KAAX,cAAoBC,KAApB,cAA6BN,KAA7B,OAFL;IAGE,SAAS,EAAEO,OAAO,CAACI,IAHrB;IAIE,CAAC,EAAE,WAAAC,CAAC;MAAA,OAAIA,CAAC,CAACH,CAAN;IAAA,CAJN;IAKE,CAAC,EAAE,WAAAG,CAAC;MAAA,OAAIA,CAAC,CAACF,CAAN;IAAA,CALN;IAME,WAAW,EAAET,aAAa,GAAG;EAN/B,EADF,eASE,gCAAC,eAAD;IACE,IAAI,EAAE,CAAC;MAAEQ,CAAC,EAADA,CAAF;MAAKC,CAAC,EAAEA,CAAC,GAAGT;IAAZ,CAAD,EAA8B;MAAEQ,CAAC,EAAEA,CAAC,GAAGR,aAAT;MAAwBS,CAAC,EAADA;IAAxB,CAA9B,CADR;IAEE,GAAG,kBAAWL,KAAX,cAAoBC,KAApB,cAA6BN,KAA7B,OAFL;IAGE,SAAS,EAAEO,OAAO,CAACI,IAHrB;IAIE,CAAC,EAAE,WAAAC,CAAC;MAAA,OAAIA,CAAC,CAACH,CAAN;IAAA,CAJN;IAKE,CAAC,EAAE,WAAAG,CAAC;MAAA,OAAIA,CAAC,CAACF,CAAN;IAAA,CALN;IAME,WAAW,EAAET,aAAa,GAAG;EAN/B,EATF,CADF;AAoBD,CA1BD;;AA4BAH,gBAAgB,CAACe,SAAjB,GAA6B;EAC3Bb,KAAK,EAAEc,qBAAA,CAAUC,MADU;EAE3Bd,aAAa,EAAEa,qBAAA,CAAUC,MAFE;EAG3Bb,IAAI,EAAEY,qBAAA,CAAUC,MAHW;EAI3BZ,QAAQ,EAAEW,qBAAA,CAAUC,MAJO;EAK3BX,WAAW,EAAEU,qBAAA,CAAUC,MALI;EAM3BT,KAAK,EAAEQ,qBAAA,CAAUC,MANU;EAO3BV,KAAK,EAAES,qBAAA,CAAUE,MAPU;EAQ3BT,OAAO,EAAEO,qBAAA,CAAUG,MARQ;EAS3BT,KAAK,EAAEM,qBAAA,CAAUG;AATU,CAA7B;;IAYaC,Q;;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMnB,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQoB,IAAR,GAA6BpB,KAA7B,CAAQoB,IAAR;MAAA,IAAcC,UAAd,GAA6BrB,KAA7B,CAAcqB,UAAd;;MACA,WAAkCA,UAAU,IAAI,EAAhD;MAAA,sBAAQZ,KAAR;MAAA,IAAQA,KAAR,2BAAgB,EAAhB;MAAA,qBAAoBa,IAApB;MAAA,IAAoBA,IAApB,0BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYf,KAAK,CAACC,CAAlB,EAAqBU,IAArB,EAA2BE,IAAI,CAACG,KAAhC,EAAuC,UAAvC,CAAd;MAEA,oBAAO,gCAAC,iBAAD,eAAUzB,KAAV;QAAiB,KAAK,EAAEuB,KAAxB;QAA+B,gBAAgB,EAAExB;MAAjD,GAAP;IACD;;;;EAd2B2B,iBAAA,CAAMC,S;;;;gBAAvBR,Q,eACQ;EACjBC,IAAI,EAAEL,qBAAA,CAAUa,KADC;EAEjBC,QAAQ,EAAEd,qBAAA,CAAUe,IAFH;EAGjBT,UAAU,EAAEU,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,UADc;IAEpBP,SAAS,EAAER,QAFS;IAGpBgB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}
+{"version":3,"file":"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","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/plot/line.js"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,KAAK,EAAI;EAChC,IAAQC,KAAR,GAA4FD,KAA5F,CAAQC,KAAR;EAAA,IAAeC,aAAf,GAA4FF,KAA5F,CAAeE,aAAf;EAAA,IAA8BC,IAA9B,GAA4FH,KAA5F,CAA8BG,IAA9B;EAAA,IAAoCC,QAApC,GAA4FJ,KAA5F,CAAoCI,QAApC;EAAA,IAA8CC,WAA9C,GAA4FL,KAA5F,CAA8CK,WAA9C;EAAA,IAA2DC,KAA3D,GAA4FN,KAA5F,CAA2DM,KAA3D;EAAA,IAAkEC,KAAlE,GAA4FP,KAA5F,CAAkEO,KAAlE;EAAA,IAAyEC,OAAzE,GAA4FR,KAA5F,CAAyEQ,OAAzE;EAAA,IAAkFC,KAAlF,GAA4FT,KAA5F,CAAkFS,KAAlF;EAEA,IAAMC,CAAC,GAAGP,IAAI,GAAG,CAACC,QAAQ,GAAGF,aAAZ,IAA6B,CAA9C;EACA,IAAMS,CAAC,GAAGF,KAAK,CAACE,CAAN,CAAQV,KAAR,IAAiB,CAACI,WAAW,GAAGH,aAAf,IAAgC,CAA3D;EAEA,oBACE,gCAAC,YAAD,qBACE,gCAAC,eAAD;IACE,IAAI,EAAE,CAAC;MAAEQ,CAAC,EAADA,CAAF;MAAKC,CAAC,EAADA;IAAL,CAAD,EAAW;MAAED,CAAC,EAAEA,CAAC,GAAGR,aAAT;MAAwBS,CAAC,EAAEA,CAAC,GAAGT;IAA/B,CAAX,CADR;IAEE,GAAG,kBAAWI,KAAX,cAAoBC,KAApB,cAA6BN,KAA7B,OAFL;IAGE,SAAS,EAAEO,OAAO,CAACI,IAHrB;IAIE,CAAC,EAAE,WAAAC,CAAC;MAAA,OAAIA,CAAC,CAACH,CAAN;IAAA,CAJN;IAKE,CAAC,EAAE,WAAAG,CAAC;MAAA,OAAIA,CAAC,CAACF,CAAN;IAAA,CALN;IAME,WAAW,EAAET,aAAa,GAAG;EAN/B,EADF,eASE,gCAAC,eAAD;IACE,IAAI,EAAE,CAAC;MAAEQ,CAAC,EAADA,CAAF;MAAKC,CAAC,EAAEA,CAAC,GAAGT;IAAZ,CAAD,EAA8B;MAAEQ,CAAC,EAAEA,CAAC,GAAGR,aAAT;MAAwBS,CAAC,EAADA;IAAxB,CAA9B,CADR;IAEE,GAAG,kBAAWL,KAAX,cAAoBC,KAApB,cAA6BN,KAA7B,OAFL;IAGE,SAAS,EAAEO,OAAO,CAACI,IAHrB;IAIE,CAAC,EAAE,WAAAC,CAAC;MAAA,OAAIA,CAAC,CAACH,CAAN;IAAA,CAJN;IAKE,CAAC,EAAE,WAAAG,CAAC;MAAA,OAAIA,CAAC,CAACF,CAAN;IAAA,CALN;IAME,WAAW,EAAET,aAAa,GAAG;EAN/B,EATF,CADF;AAoBD,CA1BD;;AA4BAH,gBAAgB,CAACe,SAAjB,GAA6B;EAC3Bb,KAAK,EAAEc,qBAAA,CAAUC,MADU;EAE3Bd,aAAa,EAAEa,qBAAA,CAAUC,MAFE;EAG3Bb,IAAI,EAAEY,qBAAA,CAAUC,MAHW;EAI3BZ,QAAQ,EAAEW,qBAAA,CAAUC,MAJO;EAK3BX,WAAW,EAAEU,qBAAA,CAAUC,MALI;EAM3BT,KAAK,EAAEQ,qBAAA,CAAUC,MANU;EAO3BV,KAAK,EAAES,qBAAA,CAAUE,MAPU;EAQ3BT,OAAO,EAAEO,qBAAA,CAAUG,MARQ;EAS3BT,KAAK,EAAEM,qBAAA,CAAUG;AATU,CAA7B;;IAYaC,Q;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMnB,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQoB,IAAR,GAA6BpB,KAA7B,CAAQoB,IAAR;MAAA,IAAcC,UAAd,GAA6BrB,KAA7B,CAAcqB,UAAd;;MACA,WAAkCA,UAAU,IAAI,EAAhD;MAAA,sBAAQZ,KAAR;MAAA,IAAQA,KAAR,2BAAgB,EAAhB;MAAA,qBAAoBa,IAApB;MAAA,IAAoBA,IAApB,0BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYf,KAAK,CAACC,CAAlB,EAAqBU,IAArB,EAA2BE,IAAI,CAACG,KAAhC,EAAuC,UAAvC,CAAd;MAEA,oBAAO,gCAAC,iBAAD,gCAAUzB,KAAV;QAAiB,KAAK,EAAEuB,KAAxB;QAA+B,gBAAgB,EAAExB;MAAjD,GAAP;IACD;;;EAd2B2B,iBAAA,CAAMC,S;;;iCAAvBR,Q,eACQ;EACjBC,IAAI,EAAEL,qBAAA,CAAUa,KADC;EAEjBC,QAAQ,EAAEd,qBAAA,CAAUe,IAFH;EAGjBT,UAAU,EAAEU,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,UADc;IAEpBP,SAAS,EAAER,QAFS;IAGpBgB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}