@pie-lib/graphing 2.7.0 → 2.8.0

package/lib/tools/shared/line/index.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");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.lineToolComponent = exports.lineTool = exports.lineBase = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _isEqual = _interopRequireDefault(require("lodash/isEqual"));
@@ -31,35 +47,13 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _utils = require("../../../utils");
 
-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); }
-
-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 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 lineTool = function lineTool(type, Component) {
   return function () {
@@ -98,24 +92,21 @@ var lineToolComponent = function lineToolComponent(Component) {
   var _class;
 
   return _class = /*#__PURE__*/function (_React$Component) {
-    _inherits(LineToolComponent, _React$Component);
+    (0, _inherits2["default"])(LineToolComponent, _React$Component);
 
     var _super = _createSuper(LineToolComponent);
 
     function LineToolComponent(props) {
       var _this;
 
-      _classCallCheck(this, LineToolComponent);
-
+      (0, _classCallCheck2["default"])(this, LineToolComponent);
       _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "startDrag", function () {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "startDrag", function () {
         return _this.setState({
           mark: _objectSpread({}, _this.props.mark)
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "stopDrag", function () {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stopDrag", function () {
         var _this$props = _this.props,
             onChange = _this$props.onChange,
             mark = _this$props.mark;
@@ -133,8 +124,7 @@ var lineToolComponent = function lineToolComponent(Component) {
           }
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "changeMark", function (_ref) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeMark", function (_ref) {
         var from = _ref.from,
             to = _ref.to,
             middle = _ref.middle;
@@ -154,8 +144,7 @@ var lineToolComponent = function lineToolComponent(Component) {
           mark: mark
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "changeMarkProps", function (_ref2) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeMarkProps", function (_ref2) {
         var from = _ref2.from,
             to = _ref2.to,
             middle = _ref2.middle;
@@ -187,12 +176,11 @@ var lineToolComponent = function lineToolComponent(Component) {
           onChange(mark, update);
         }
       });
-
       _this.state = {};
       return _this;
     }
 
-    _createClass(LineToolComponent, [{
+    (0, _createClass2["default"])(LineToolComponent, [{
       key: "render",
       value: function render() {
         var _this$props3 = this.props,
@@ -237,9 +225,8 @@ var lineToolComponent = function lineToolComponent(Component) {
         });
       }
     }]);
-
     return LineToolComponent;
-  }(_react["default"].Component), _defineProperty(_class, "propTypes", _objectSpread(_objectSpread({}, _plot.types.ToolPropTypeFields), {}, {
+  }(_react["default"].Component), (0, _defineProperty2["default"])(_class, "propTypes", _objectSpread(_objectSpread({}, _plot.types.ToolPropTypeFields), {}, {
     graphProps: _plot.types.GraphPropsType.isRequired
   })), _class;
 };
@@ -277,22 +264,21 @@ var lineBase = function lineBase(Comp, opts) {
   var ToPoint = opts && opts.to ? opts.to : _point.BasePoint;
 
   var LineBase = /*#__PURE__*/function (_React$Component2) {
-    _inherits(LineBase, _React$Component2);
+    (0, _inherits2["default"])(LineBase, _React$Component2);
 
     var _super2 = _createSuper(LineBase);
 
     function LineBase() {
       var _this2;
 
-      _classCallCheck(this, LineBase);
+      (0, _classCallCheck2["default"])(this, LineBase);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
       _this2 = _super2.call.apply(_super2, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this2), "onChangePoint", function (point) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChangePoint", function (point) {
         var _this2$props = _this2.props,
             middle = _this2$props.middle,
             onChange = _this2$props.onChange;
@@ -307,8 +293,7 @@ var lineBase = function lineBase(Comp, opts) {
           onChange(point);
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this2), "dragComp", function (_ref4) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "dragComp", function (_ref4) {
         var draggedFrom = _ref4.from,
             draggedTo = _ref4.to;
         var _this2$props2 = _this2.props,
@@ -336,8 +321,7 @@ var lineBase = function lineBase(Comp, opts) {
 
         onChange(updated);
       });
-
-      _defineProperty(_assertThisInitialized(_this2), "dragFrom", function (draggedFrom) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "dragFrom", function (draggedFrom) {
         var _this2$props3 = _this2.props,
             from = _this2$props3.from,
             to = _this2$props3.to;
@@ -353,8 +337,7 @@ var lineBase = function lineBase(Comp, opts) {
           });
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this2), "dragTo", function (draggedTo) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "dragTo", function (draggedTo) {
         var _this2$props4 = _this2.props,
             from = _this2$props4.from,
             to = _this2$props4.to;
@@ -370,8 +353,7 @@ var lineBase = function lineBase(Comp, opts) {
           });
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this2), "labelChange", function (point, type) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "labelChange", function (point, type) {
         var changeMarkProps = _this2.props.changeMarkProps;
 
         var update = _objectSpread({}, point);
@@ -380,10 +362,9 @@ var lineBase = function lineBase(Comp, opts) {
           delete update.label;
         }
 
-        changeMarkProps(_defineProperty({}, type, update));
+        changeMarkProps((0, _defineProperty2["default"])({}, type, update));
       });
-
-      _defineProperty(_assertThisInitialized(_this2), "clickPoint", function (point, type) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "clickPoint", function (point, type) {
         var _this2$props5 = _this2.props,
             changeMarkProps = _this2$props5.changeMarkProps,
             from = _this2$props5.from,
@@ -393,7 +374,7 @@ var lineBase = function lineBase(Comp, opts) {
           point = _objectSpread(_objectSpread({}, point), (0, _utils.getMiddleOfTwoPoints)(from, to));
         }
 
-        changeMarkProps(_defineProperty({
+        changeMarkProps((0, _defineProperty2["default"])({
           from: from,
           to: to
         }, type, _objectSpread({
@@ -404,13 +385,11 @@ var lineBase = function lineBase(Comp, opts) {
           _this2.input[type].focus();
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this2), "input", {});
-
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "input", {});
       return _this2;
     }
 
-    _createClass(LineBase, [{
+    (0, _createClass2["default"])(LineBase, [{
       key: "render",
       value: function render() {
         var _this3 = this;
@@ -491,7 +470,7 @@ var lineBase = function lineBase(Comp, opts) {
           }
         }
 
-        return /*#__PURE__*/_react["default"].createElement("g", null, to && /*#__PURE__*/_react["default"].createElement(DraggableComp, _extends({
+        return /*#__PURE__*/_react["default"].createElement("g", null, to && /*#__PURE__*/_react["default"].createElement(DraggableComp, (0, _extends2["default"])({
           from: from,
           to: to,
           middle: middle,
@@ -500,7 +479,7 @@ var lineBase = function lineBase(Comp, opts) {
           onClick: labelModeEnabled ? function () {
             return _this3.clickPoint(middle, 'middle');
           } : common.onClick
-        })), lineLabelNode, /*#__PURE__*/_react["default"].createElement(FromPoint, _extends({
+        })), lineLabelNode, /*#__PURE__*/_react["default"].createElement(FromPoint, (0, _extends2["default"])({
           x: from.x,
           y: from.y,
           labelNode: labelNode,
@@ -510,7 +489,7 @@ var lineBase = function lineBase(Comp, opts) {
           onClick: labelModeEnabled ? function () {
             return _this3.clickPoint(from, 'from');
           } : common.onClick
-        })), fromLabelNode, to && /*#__PURE__*/_react["default"].createElement(ToPoint, _extends({
+        })), fromLabelNode, to && /*#__PURE__*/_react["default"].createElement(ToPoint, (0, _extends2["default"])({
           x: to.x,
           y: to.y,
           angle: angle //angle + 45}
@@ -525,11 +504,10 @@ var lineBase = function lineBase(Comp, opts) {
         })), toLabelNode);
       }
     }]);
-
     return LineBase;
   }(_react["default"].Component);
 
-  _defineProperty(LineBase, "propTypes", {
+  (0, _defineProperty2["default"])(LineBase, "propTypes", {
     coordinatesOnHover: _propTypes["default"].bool,
     graphProps: _plot.types.GraphPropsType,
     from: _plot.types.PointType,
@@ -545,7 +523,6 @@ var lineBase = function lineBase(Comp, opts) {
     labelModeEnabled: _propTypes["default"].bool,
     changeMarkProps: _propTypes["default"].func
   });
-
   return LineBase;
 };
 

package/lib/tools/shared/line/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/line/index.jsx"],"names":["lineTool","type","Component","addPoint","point","mark","root","building","from","to","lineToolComponent","props","setState","onChange","update","state","undefined","shouldNotChange","middle","graphProps","onClick","labelNode","labelModeEnabled","coordinatesOnHover","isBackground","disabled","correctness","changeMark","changeMarkProps","startDrag","stopDrag","React","types","ToolPropTypeFields","GraphPropsType","isRequired","dragOpts","bounds","domain","range","area","utils","lineToArea","anchorPoint","fromDelta","delta","add","lineBase","Comp","opts","DraggableComp","FromPoint","BasePoint","ToPoint","LineBase","draggedFrom","draggedTo","label","updated","onChangePoint","input","focus","onDragStart","onDragStop","common","angle","trig","toDegrees","fromLabelNode","toLabelNode","lineLabelNode","hasOwnProperty","ReactDOM","createPortal","r","labelChange","dragComp","clickPoint","x","y","dragFrom","dragTo","PropTypes","bool","PointType","func","string","object","styles","line","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","arrow","secondary","disabledArrow","correct","theme","key","incorrect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport isEqual from 'lodash/isEqual';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { BasePoint } from '../point';\nimport { types, utils, gridDraggable, trig } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport { disabled, correct, incorrect } from '../styles';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../../mark-label';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\nimport { getMiddleOfTwoPoints, equalPoints, sameAxes } from '../../../utils';\n\nexport const lineTool = (type, Component) => () => ({\n  type,\n  Component,\n  addPoint: (point, mark) => {\n    if (mark && equalPoints(mark.root, point)) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type,\n        building: true,\n        from: point\n      };\n    }\n\n    if (equalPoints(point, mark.from)) {\n      return { ...mark };\n    }\n\n    return { ...mark, building: false, to: point };\n  }\n});\n\nexport const lineToolComponent = Component => {\n  return class LineToolComponent extends React.Component {\n    static propTypes = {\n      ...types.ToolPropTypeFields,\n      graphProps: types.GraphPropsType.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    startDrag = () => this.setState({ mark: { ...this.props.mark } });\n\n    stopDrag = () => {\n      const { onChange, mark } = this.props;\n      const update = { ...this.state.mark };\n\n      this.setState({ mark: undefined }, () => {\n        const { type } = update;\n        const shouldNotChange =\n          type && (type === 'parabola' || type === 'sine') && sameAxes(update.from, update.to);\n\n        if (!isEqual(mark, update) && !shouldNotChange) {\n          onChange(mark, update);\n        }\n      });\n    };\n\n    changeMark = ({ from, to, middle }) => {\n      let mark = { ...this.state.mark, from, to };\n\n      if (middle) {\n        mark = { ...mark, middle };\n      }\n\n      this.setState({ mark });\n    };\n\n    changeMarkProps = ({ from, to, middle }) => {\n      const { onChange, mark } = this.props;\n      let update = { ...mark, ...this.state.mark };\n\n      if (from) {\n        update = { ...update, from };\n      }\n\n      if (to) {\n        update = { ...update, to };\n      }\n\n      if (middle) {\n        update = { ...update, middle };\n      }\n\n      if (!isEqual(mark, update)) {\n        onChange(mark, update);\n      }\n    };\n\n    render() {\n      const { graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover } = this.props;\n      const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n      const from = cloneDeep(mark.from);\n      const to = cloneDeep(mark.to);\n      const middle = cloneDeep(mark.middle);\n\n      // SET DISABLED\n      // if it's a background mark, we need to force disable it\n      if (from && mark.isBackground) {\n        from.disabled = true;\n      }\n\n      if (to && mark.isBackground) {\n        to.disabled = true;\n      }\n\n      if (middle && mark.isBackground) {\n        middle.disabled = true;\n      }\n\n      return (\n        <Component\n          disabled={mark.disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={mark.correctness}\n          from={from}\n          to={to}\n          middle={middle}\n          graphProps={graphProps}\n          onChange={this.changeMark}\n          changeMarkProps={this.changeMarkProps}\n          onClick={onClick}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          labelNode={labelNode}\n          labelModeEnabled={labelModeEnabled}\n        />\n      );\n    }\n  };\n};\n\nconst dragOpts = () => ({\n  bounds: (props, { domain, range }) => {\n    const area = utils.lineToArea(props.from, props.to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta))\n    };\n  }\n});\n\nexport const lineBase = (Comp, opts) => {\n  const DraggableComp = gridDraggable(dragOpts())(Comp);\n\n  const FromPoint = opts && opts.from ? opts.from : BasePoint;\n  const ToPoint = opts && opts.to ? opts.to : BasePoint;\n\n  class LineBase extends React.Component {\n    static propTypes = {\n      coordinatesOnHover: PropTypes.bool,\n      graphProps: types.GraphPropsType,\n      from: types.PointType,\n      to: types.PointType,\n      middle: types.PointType,\n      onChange: PropTypes.func,\n      onDragStart: PropTypes.func,\n      onDragStop: PropTypes.func,\n      onClick: PropTypes.func,\n      correctness: PropTypes.string,\n      disabled: PropTypes.bool,\n      labelNode: PropTypes.object,\n      labelModeEnabled: PropTypes.bool,\n      changeMarkProps: PropTypes.func\n    };\n\n    onChangePoint = point => {\n      const { middle, onChange } = this.props;\n      const { from, to } = point;\n\n      // because point.from.label and point.to.label can be different\n      if (!equalPoints(from, to)) {\n        if (middle) {\n          point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n        }\n\n        onChange(point);\n      }\n    };\n\n    dragComp = ({ from: draggedFrom, to: draggedTo }) => {\n      const { from, to, onChange, middle } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      const updated = { from: draggedFrom, to: draggedTo };\n\n      if (middle) {\n        updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n      }\n\n      onChange(updated);\n    };\n\n    dragFrom = draggedFrom => {\n      const { from, to } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (!equalPoints(draggedFrom, to)) {\n        this.onChangePoint({ from: draggedFrom, to: to });\n      }\n    };\n\n    dragTo = draggedTo => {\n      const { from, to } = this.props;\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      if (!equalPoints(from, draggedTo)) {\n        this.onChangePoint({ from: from, to: draggedTo });\n      }\n    };\n\n    labelChange = (point, type) => {\n      const { changeMarkProps } = this.props;\n      const update = { ...point };\n\n      if (!point.label || isEmpty(point.label)) {\n        delete update.label;\n      }\n\n      changeMarkProps({ [type]: update });\n    };\n\n    clickPoint = (point, type) => {\n      const { changeMarkProps, from, to } = this.props;\n\n      if (type === 'middle' && !point && from && to) {\n        point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n      }\n\n      changeMarkProps({ from, to, [type]: { label: '', ...point } });\n\n      if (this.input[type]) {\n        this.input[type].focus();\n      }\n    };\n\n    // IMPORTANT, do not remove\n    input = {};\n\n    render() {\n      const {\n        coordinatesOnHover,\n        graphProps,\n        onDragStart,\n        onDragStop,\n        from,\n        to,\n        middle,\n        disabled,\n        correctness,\n        onClick,\n        labelNode,\n        labelModeEnabled\n      } = this.props;\n      const common = { graphProps, onDragStart, onDragStop, disabled, correctness, onClick };\n      const angle = to ? trig.toDegrees(trig.angle(from, to)) : 0;\n\n      let fromLabelNode = null;\n      let toLabelNode = null;\n      let lineLabelNode = null;\n\n      if (labelNode) {\n        if (from && from.hasOwnProperty('label')) {\n          fromLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.from = r)}\n              disabled={!labelModeEnabled}\n              mark={from}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...from, label }, 'from')}\n            />,\n            labelNode\n          );\n        }\n\n        if (to && to.hasOwnProperty('label')) {\n          toLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.to = r)}\n              disabled={!labelModeEnabled}\n              mark={to}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...to, label }, 'to')}\n            />,\n            labelNode\n          );\n        }\n\n        if (middle && middle.hasOwnProperty('label')) {\n          lineLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.middle = r)}\n              disabled={!labelModeEnabled}\n              mark={middle}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...middle, label }, 'middle')}\n            />,\n            labelNode\n          );\n        }\n      }\n\n      return (\n        <g>\n          {to && (\n            <DraggableComp\n              from={from}\n              to={to}\n              middle={middle}\n              onDrag={this.dragComp}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(middle, 'middle') : common.onClick}\n            />\n          )}\n          {lineLabelNode}\n\n          <FromPoint\n            x={from.x}\n            y={from.y}\n            labelNode={labelNode}\n            coordinatesOnHover={coordinatesOnHover}\n            onDrag={this.dragFrom}\n            {...common}\n            onClick={labelModeEnabled ? () => this.clickPoint(from, 'from') : common.onClick}\n          />\n          {fromLabelNode}\n\n          {to && (\n            <ToPoint\n              x={to.x}\n              y={to.y}\n              angle={angle} //angle + 45}\n              labelNode={labelNode}\n              coordinatesOnHover={coordinatesOnHover}\n              onDrag={this.dragTo}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(to, 'to') : common.onClick}\n            />\n          )}\n          {toLabelNode}\n        </g>\n      );\n    }\n  }\n\n  return LineBase;\n};\n\nexport const styles = {\n  line: () => ({\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark()\n    }\n  }),\n  arrow: () => ({\n    fill: color.secondary()\n  }),\n  disabledArrow: () => ({\n    ...disabled()\n  }),\n  disabled: () => ({\n    ...disabled('stroke'),\n    strokeWidth: 2\n  }),\n  correct: (theme, key) => ({\n    ...correct(key)\n  }),\n  incorrect: (theme, key) => ({\n    ...incorrect(key)\n  })\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/tools/shared/line/index.jsx"],"names":["lineTool","type","Component","addPoint","point","mark","root","building","from","to","lineToolComponent","props","setState","onChange","update","state","undefined","shouldNotChange","middle","graphProps","onClick","labelNode","labelModeEnabled","coordinatesOnHover","isBackground","disabled","correctness","changeMark","changeMarkProps","startDrag","stopDrag","React","types","ToolPropTypeFields","GraphPropsType","isRequired","dragOpts","bounds","domain","range","area","utils","lineToArea","anchorPoint","fromDelta","delta","add","lineBase","Comp","opts","DraggableComp","FromPoint","BasePoint","ToPoint","LineBase","draggedFrom","draggedTo","label","updated","onChangePoint","input","focus","onDragStart","onDragStop","common","angle","trig","toDegrees","fromLabelNode","toLabelNode","lineLabelNode","hasOwnProperty","ReactDOM","createPortal","r","labelChange","dragComp","clickPoint","x","y","dragFrom","dragTo","PropTypes","bool","PointType","func","string","object","styles","line","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","arrow","secondary","disabledArrow","correct","theme","key","incorrect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport isEqual from 'lodash/isEqual';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { BasePoint } from '../point';\nimport { types, utils, gridDraggable, trig } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport { disabled, correct, incorrect } from '../styles';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../../mark-label';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\nimport { getMiddleOfTwoPoints, equalPoints, sameAxes } from '../../../utils';\n\nexport const lineTool = (type, Component) => () => ({\n  type,\n  Component,\n  addPoint: (point, mark) => {\n    if (mark && equalPoints(mark.root, point)) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type,\n        building: true,\n        from: point\n      };\n    }\n\n    if (equalPoints(point, mark.from)) {\n      return { ...mark };\n    }\n\n    return { ...mark, building: false, to: point };\n  }\n});\n\nexport const lineToolComponent = Component => {\n  return class LineToolComponent extends React.Component {\n    static propTypes = {\n      ...types.ToolPropTypeFields,\n      graphProps: types.GraphPropsType.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    startDrag = () => this.setState({ mark: { ...this.props.mark } });\n\n    stopDrag = () => {\n      const { onChange, mark } = this.props;\n      const update = { ...this.state.mark };\n\n      this.setState({ mark: undefined }, () => {\n        const { type } = update;\n        const shouldNotChange =\n          type && (type === 'parabola' || type === 'sine') && sameAxes(update.from, update.to);\n\n        if (!isEqual(mark, update) && !shouldNotChange) {\n          onChange(mark, update);\n        }\n      });\n    };\n\n    changeMark = ({ from, to, middle }) => {\n      let mark = { ...this.state.mark, from, to };\n\n      if (middle) {\n        mark = { ...mark, middle };\n      }\n\n      this.setState({ mark });\n    };\n\n    changeMarkProps = ({ from, to, middle }) => {\n      const { onChange, mark } = this.props;\n      let update = { ...mark, ...this.state.mark };\n\n      if (from) {\n        update = { ...update, from };\n      }\n\n      if (to) {\n        update = { ...update, to };\n      }\n\n      if (middle) {\n        update = { ...update, middle };\n      }\n\n      if (!isEqual(mark, update)) {\n        onChange(mark, update);\n      }\n    };\n\n    render() {\n      const { graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover } = this.props;\n      const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n      const from = cloneDeep(mark.from);\n      const to = cloneDeep(mark.to);\n      const middle = cloneDeep(mark.middle);\n\n      // SET DISABLED\n      // if it's a background mark, we need to force disable it\n      if (from && mark.isBackground) {\n        from.disabled = true;\n      }\n\n      if (to && mark.isBackground) {\n        to.disabled = true;\n      }\n\n      if (middle && mark.isBackground) {\n        middle.disabled = true;\n      }\n\n      return (\n        <Component\n          disabled={mark.disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={mark.correctness}\n          from={from}\n          to={to}\n          middle={middle}\n          graphProps={graphProps}\n          onChange={this.changeMark}\n          changeMarkProps={this.changeMarkProps}\n          onClick={onClick}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          labelNode={labelNode}\n          labelModeEnabled={labelModeEnabled}\n        />\n      );\n    }\n  };\n};\n\nconst dragOpts = () => ({\n  bounds: (props, { domain, range }) => {\n    const area = utils.lineToArea(props.from, props.to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta))\n    };\n  }\n});\n\nexport const lineBase = (Comp, opts) => {\n  const DraggableComp = gridDraggable(dragOpts())(Comp);\n\n  const FromPoint = opts && opts.from ? opts.from : BasePoint;\n  const ToPoint = opts && opts.to ? opts.to : BasePoint;\n\n  class LineBase extends React.Component {\n    static propTypes = {\n      coordinatesOnHover: PropTypes.bool,\n      graphProps: types.GraphPropsType,\n      from: types.PointType,\n      to: types.PointType,\n      middle: types.PointType,\n      onChange: PropTypes.func,\n      onDragStart: PropTypes.func,\n      onDragStop: PropTypes.func,\n      onClick: PropTypes.func,\n      correctness: PropTypes.string,\n      disabled: PropTypes.bool,\n      labelNode: PropTypes.object,\n      labelModeEnabled: PropTypes.bool,\n      changeMarkProps: PropTypes.func\n    };\n\n    onChangePoint = point => {\n      const { middle, onChange } = this.props;\n      const { from, to } = point;\n\n      // because point.from.label and point.to.label can be different\n      if (!equalPoints(from, to)) {\n        if (middle) {\n          point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n        }\n\n        onChange(point);\n      }\n    };\n\n    dragComp = ({ from: draggedFrom, to: draggedTo }) => {\n      const { from, to, onChange, middle } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      const updated = { from: draggedFrom, to: draggedTo };\n\n      if (middle) {\n        updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n      }\n\n      onChange(updated);\n    };\n\n    dragFrom = draggedFrom => {\n      const { from, to } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (!equalPoints(draggedFrom, to)) {\n        this.onChangePoint({ from: draggedFrom, to: to });\n      }\n    };\n\n    dragTo = draggedTo => {\n      const { from, to } = this.props;\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      if (!equalPoints(from, draggedTo)) {\n        this.onChangePoint({ from: from, to: draggedTo });\n      }\n    };\n\n    labelChange = (point, type) => {\n      const { changeMarkProps } = this.props;\n      const update = { ...point };\n\n      if (!point.label || isEmpty(point.label)) {\n        delete update.label;\n      }\n\n      changeMarkProps({ [type]: update });\n    };\n\n    clickPoint = (point, type) => {\n      const { changeMarkProps, from, to } = this.props;\n\n      if (type === 'middle' && !point && from && to) {\n        point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n      }\n\n      changeMarkProps({ from, to, [type]: { label: '', ...point } });\n\n      if (this.input[type]) {\n        this.input[type].focus();\n      }\n    };\n\n    // IMPORTANT, do not remove\n    input = {};\n\n    render() {\n      const {\n        coordinatesOnHover,\n        graphProps,\n        onDragStart,\n        onDragStop,\n        from,\n        to,\n        middle,\n        disabled,\n        correctness,\n        onClick,\n        labelNode,\n        labelModeEnabled\n      } = this.props;\n      const common = { graphProps, onDragStart, onDragStop, disabled, correctness, onClick };\n      const angle = to ? trig.toDegrees(trig.angle(from, to)) : 0;\n\n      let fromLabelNode = null;\n      let toLabelNode = null;\n      let lineLabelNode = null;\n\n      if (labelNode) {\n        if (from && from.hasOwnProperty('label')) {\n          fromLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.from = r)}\n              disabled={!labelModeEnabled}\n              mark={from}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...from, label }, 'from')}\n            />,\n            labelNode\n          );\n        }\n\n        if (to && to.hasOwnProperty('label')) {\n          toLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.to = r)}\n              disabled={!labelModeEnabled}\n              mark={to}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...to, label }, 'to')}\n            />,\n            labelNode\n          );\n        }\n\n        if (middle && middle.hasOwnProperty('label')) {\n          lineLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.middle = r)}\n              disabled={!labelModeEnabled}\n              mark={middle}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...middle, label }, 'middle')}\n            />,\n            labelNode\n          );\n        }\n      }\n\n      return (\n        <g>\n          {to && (\n            <DraggableComp\n              from={from}\n              to={to}\n              middle={middle}\n              onDrag={this.dragComp}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(middle, 'middle') : common.onClick}\n            />\n          )}\n          {lineLabelNode}\n\n          <FromPoint\n            x={from.x}\n            y={from.y}\n            labelNode={labelNode}\n            coordinatesOnHover={coordinatesOnHover}\n            onDrag={this.dragFrom}\n            {...common}\n            onClick={labelModeEnabled ? () => this.clickPoint(from, 'from') : common.onClick}\n          />\n          {fromLabelNode}\n\n          {to && (\n            <ToPoint\n              x={to.x}\n              y={to.y}\n              angle={angle} //angle + 45}\n              labelNode={labelNode}\n              coordinatesOnHover={coordinatesOnHover}\n              onDrag={this.dragTo}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(to, 'to') : common.onClick}\n            />\n          )}\n          {toLabelNode}\n        </g>\n      );\n    }\n  }\n\n  return LineBase;\n};\n\nexport const styles = {\n  line: () => ({\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark()\n    }\n  }),\n  arrow: () => ({\n    fill: color.secondary()\n  }),\n  disabledArrow: () => ({\n    ...disabled()\n  }),\n  disabled: () => ({\n    ...disabled('stroke'),\n    strokeWidth: 2\n  }),\n  correct: (theme, key) => ({\n    ...correct(key)\n  }),\n  incorrect: (theme, key) => ({\n    ...incorrect(key)\n  })\n};\n"],"file":"index.js"}

package/lib/tools/shared/line/line-path.js

@@ -1,12 +1,30 @@
 "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.RawLinePath = exports.LinePath = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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"));
@@ -29,52 +47,25 @@ 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 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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; }
 
-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 RawLinePath = /*#__PURE__*/function (_React$Component) {
-  _inherits(RawLinePath, _React$Component);
+  (0, _inherits2["default"])(RawLinePath, _React$Component);
 
   var _super = _createSuper(RawLinePath);
 
   function RawLinePath() {
-    _classCallCheck(this, RawLinePath);
-
+    (0, _classCallCheck2["default"])(this, RawLinePath);
     return _super.apply(this, arguments);
   }
 
-  _createClass(RawLinePath, [{
+  (0, _createClass2["default"])(RawLinePath, [{
     key: "render",
     value: function render() {
       /* eslint-disable no-unused-vars */
@@ -88,26 +79,23 @@ var RawLinePath = /*#__PURE__*/function (_React$Component) {
           to = _this$props.to,
           graphProps = _this$props.graphProps,
           isDragging = _this$props.isDragging,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       /* eslint-enable */
 
-
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.LinePath, _extends({
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.LinePath, (0, _extends2["default"])({
         data: data,
         className: (0, _classnames["default"])(classes.drawLine, disabled && classes.disabled, classes[correctness], className)
-      }, rest)), /*#__PURE__*/_react["default"].createElement(vx.LinePath, _extends({
+      }, rest)), /*#__PURE__*/_react["default"].createElement(vx.LinePath, (0, _extends2["default"])({
         data: data,
         className: (0, _classnames["default"])(classes.line, isDragging && classes.dragging, disabled && classes.disabled, classes[correctness], className)
       }, rest)));
     }
   }]);
-
   return RawLinePath;
 }(_react["default"].Component);
 
 exports.RawLinePath = RawLinePath;
-
-_defineProperty(RawLinePath, "propTypes", {
+(0, _defineProperty2["default"])(RawLinePath, "propTypes", {
   className: _propTypes["default"].string,
   classes: _propTypes["default"].object,
   data: _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].number)),
@@ -118,8 +106,7 @@ _defineProperty(RawLinePath, "propTypes", {
   to: _plot.types.PointType,
   isDragging: _propTypes["default"].bool
 });
-
-_defineProperty(RawLinePath, "defaultProps", {
+(0, _defineProperty2["default"])(RawLinePath, "defaultProps", {
   from: {},
   to: {}
 });

package/lib/tools/shared/line/line-path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/line/line-path.jsx"],"names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","drawLine","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","secondaryLight","LinePath","theme","fill","transition","correct","incorrect"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,W;;;;;;;;;;;;;WAkBX,kBAAS;AACP;AACA,wBAWI,KAAKC,KAXT;AAAA,UACEC,IADF,eACEA,IADF;AAAA,UAEEC,OAFF,eAEEA,OAFF;AAAA,UAGEC,SAHF,eAGEA,SAHF;AAAA,UAIEC,QAJF,eAIEA,QAJF;AAAA,UAKEC,WALF,eAKEA,WALF;AAAA,UAMEC,IANF,eAMEA,IANF;AAAA,UAOEC,EAPF,eAOEA,EAPF;AAAA,UAQEC,UARF,eAQEA,UARF;AAAA,UASEC,UATF,eASEA,UATF;AAAA,UAUKC,IAVL;AAYA;;;AAEA,0BACE,gCAAC,iBAAD,CAAO,QAAP,qBACE,gCAAC,EAAD,CAAI,QAAJ;AACE,QAAA,IAAI,EAAET,IADR;AAEE,QAAA,SAAS,EAAE,4BACTC,OAAO,CAACS,QADC,EAETP,QAAQ,IAAIF,OAAO,CAACE,QAFX,EAGTF,OAAO,CAACG,WAAD,CAHE,EAITF,SAJS;AAFb,SAQMO,IARN,EADF,eAWE,gCAAC,EAAD,CAAI,QAAJ;AACE,QAAA,IAAI,EAAET,IADR;AAEE,QAAA,SAAS,EAAE,4BACTC,OAAO,CAACU,IADC,EAETH,UAAU,IAAIP,OAAO,CAACW,QAFb,EAGTT,QAAQ,IAAIF,OAAO,CAACE,QAHX,EAITF,OAAO,CAACG,WAAD,CAJE,EAKTF,SALS;AAFb,SASMO,IATN,EAXF,CADF;AAyBD;;;;EA3D8BI,kBAAMC,S;;;;gBAA1BhB,W,eACQ;AACjBI,EAAAA,SAAS,EAAEa,sBAAUC,MADJ;AAEjBf,EAAAA,OAAO,EAAEc,sBAAUE,MAFF;AAGjBjB,EAAAA,IAAI,EAAEe,sBAAUG,OAAV,CAAkBH,sBAAUG,OAAV,CAAkBH,sBAAUI,MAA5B,CAAlB,CAHW;AAIjBZ,EAAAA,UAAU,EAAEa,YAAMC,cAAN,CAAqBC,UAJhB;AAKjBnB,EAAAA,QAAQ,EAAEY,sBAAUQ,IALH;AAMjBnB,EAAAA,WAAW,EAAEW,sBAAUC,MANN;AAOjBX,EAAAA,IAAI,EAAEe,YAAMI,SAPK;AAQjBlB,EAAAA,EAAE,EAAEc,YAAMI,SARO;AASjBhB,EAAAA,UAAU,EAAEO,sBAAUQ;AATL,C;;gBADRzB,W,kBAaW;AACpBO,EAAAA,IAAI,EAAE,EADc;AAEpBC,EAAAA,EAAE,EAAE;AAFgB,C;;AAiDxB,IAAMM,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAO;AACtBa,IAAAA,WAAW,EAAE,CADS;AAEtBC,IAAAA,MAAM,EAAEC,gBAAMC,cAAN;AAFc,GAAP;AAAA,CAAjB;;AAKO,IAAMC,QAAQ,GAAG,wBAAW,UAAAC,KAAK;AAAA,SAAK;AAC3CpB,IAAAA,QAAQ,EAAE;AACRqB,MAAAA,IAAI,EAAE,MADE;AAERN,MAAAA,WAAW,EAAE,CAFL;AAGRC,MAAAA,MAAM,EAAEC,gBAAMC,cAAN;AAHA,KADiC;AAM3CjB,IAAAA,IAAI,EAAE;AACJc,MAAAA,WAAW,EAAE,CADT;AAEJM,MAAAA,IAAI,EAAE,MAFF;AAGJC,MAAAA,UAAU,EAAE,kDAHR;AAIJN,MAAAA,MAAM,EAAE,aAJJ;AAKJ,iBAAWd,QAAQ,CAACkB,KAAD;AALf,KANqC;AAa3ClB,IAAAA,QAAQ,EAAEA,QAAQ,CAACkB,KAAD,CAbyB;AAc3C3B,IAAAA,QAAQ,kCACH,uBAAS,QAAT,CADG;AAENsB,MAAAA,WAAW,EAAE;AAFP,MAdmC;AAkB3CQ,IAAAA,OAAO,oBACF,sBAAQ,QAAR,CADE,CAlBoC;AAqB3CC,IAAAA,SAAS,oBACJ,wBAAU,QAAV,CADI;AArBkC,GAAL;AAAA,CAAhB,EAwBpBpC,WAxBoB,CAAjB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { disabled, correct, incorrect } from '../styles';\nimport * as vx from '@vx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawLinePath extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n    graphProps: types.GraphPropsType.isRequired,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n    from: types.PointType,\n    to: types.PointType,\n    isDragging: PropTypes.bool\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {}\n  };\n\n  render() {\n    /* eslint-disable no-unused-vars */\n    const {\n      data,\n      classes,\n      className,\n      disabled,\n      correctness,\n      from,\n      to,\n      graphProps,\n      isDragging,\n      ...rest\n    } = this.props;\n    /* eslint-enable */\n\n    return (\n      <React.Fragment>\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.drawLine,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.line,\n            isDragging && classes.dragging,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst dragging = () => ({\n  strokeWidth: 7,\n  stroke: color.secondaryLight()\n});\n\nexport const LinePath = withStyles(theme => ({\n  drawLine: {\n    fill: 'none',\n    strokeWidth: 2,\n    stroke: color.secondaryLight()\n  },\n  line: {\n    strokeWidth: 6,\n    fill: 'none',\n    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n    stroke: 'transparent',\n    '&:hover': dragging(theme)\n  },\n  dragging: dragging(theme),\n  disabled: {\n    ...disabled('stroke'),\n    strokeWidth: 2\n  },\n  correct: {\n    ...correct('stroke')\n  },\n  incorrect: {\n    ...incorrect('stroke')\n  }\n}))(RawLinePath);\n"],"file":"line-path.js"}
+{"version":3,"sources":["../../../../src/tools/shared/line/line-path.jsx"],"names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","drawLine","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","secondaryLight","LinePath","theme","fill","transition","correct","incorrect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { disabled, correct, incorrect } from '../styles';\nimport * as vx from '@vx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawLinePath extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n    graphProps: types.GraphPropsType.isRequired,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n    from: types.PointType,\n    to: types.PointType,\n    isDragging: PropTypes.bool\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {}\n  };\n\n  render() {\n    /* eslint-disable no-unused-vars */\n    const {\n      data,\n      classes,\n      className,\n      disabled,\n      correctness,\n      from,\n      to,\n      graphProps,\n      isDragging,\n      ...rest\n    } = this.props;\n    /* eslint-enable */\n\n    return (\n      <React.Fragment>\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.drawLine,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.line,\n            isDragging && classes.dragging,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst dragging = () => ({\n  strokeWidth: 7,\n  stroke: color.secondaryLight()\n});\n\nexport const LinePath = withStyles(theme => ({\n  drawLine: {\n    fill: 'none',\n    strokeWidth: 2,\n    stroke: color.secondaryLight()\n  },\n  line: {\n    strokeWidth: 6,\n    fill: 'none',\n    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n    stroke: 'transparent',\n    '&:hover': dragging(theme)\n  },\n  dragging: dragging(theme),\n  disabled: {\n    ...disabled('stroke'),\n    strokeWidth: 2\n  },\n  correct: {\n    ...correct('stroke')\n  },\n  incorrect: {\n    ...incorrect('stroke')\n  }\n}))(RawLinePath);\n"],"file":"line-path.js"}