@pie-lib/graphing 4.0.5-next.31 → 4.0.5-next.34

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

@@ -0,0 +1,118 @@
+"use strict";
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _plot = require("@pie-lib/plot");
+var _styles2 = require("../styles");
+var vx = _interopRequireWildcard(require("@visx/shape"));
+var _renderUi = require("@pie-lib/render-ui");
+var _excluded = ["data", "className", "disabled", "correctness", "from", "to", "graphProps", "isDragging"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var dragging = function dragging() {
+  return {
+    strokeWidth: 4,
+    stroke: _renderUi.color.defaults.BLACK
+  };
+};
+var StyledDrawLine = (0, _styles.styled)(vx.LinePath)(function (_ref) {
+  var isDisabled = _ref.disabled,
+    correctness = _ref.correctness;
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    fill: 'none',
+    strokeWidth: 3,
+    stroke: _renderUi.color.black()
+  }, isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabledSecondary)('stroke')), {}, {
+    strokeWidth: 2
+  })), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
+    strokeWidth: 1,
+    strokeDasharray: '4 3'
+  }));
+});
+var StyledLine = (0, _styles.styled)(vx.LinePath)(function (_ref2) {
+  var theme = _ref2.theme,
+    isDisabled = _ref2.disabled,
+    correctness = _ref2.correctness,
+    isDragging = _ref2.isDragging;
+  return _objectSpread(_objectSpread({
+    strokeWidth: 7,
+    fill: 'none',
+    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',
+    stroke: 'transparent',
+    pointerEvents: 'stroke',
+    '&:hover': dragging(theme)
+  }, isDragging && dragging(theme)), (isDisabled || correctness) && {
+    pointerEvents: 'none'
+  });
+});
+var RawLinePath = exports.RawLinePath = /*#__PURE__*/function (_React$Component) {
+  function RawLinePath() {
+    (0, _classCallCheck2["default"])(this, RawLinePath);
+    return _callSuper(this, RawLinePath, arguments);
+  }
+  (0, _inherits2["default"])(RawLinePath, _React$Component);
+  return (0, _createClass2["default"])(RawLinePath, [{
+    key: "render",
+    value: function render() {
+      /* eslint-disable no-unused-vars */
+      var _this$props = this.props,
+        data = _this$props.data,
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        correctness = _this$props.correctness,
+        from = _this$props.from,
+        to = _this$props.to,
+        graphProps = _this$props.graphProps,
+        isDragging = _this$props.isDragging,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      /* eslint-enable */
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledDrawLine, (0, _extends2["default"])({
+        data: data,
+        className: className,
+        disabled: disabled,
+        correctness: correctness
+      }, rest)), /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
+        data: data,
+        className: className,
+        isDragging: isDragging,
+        disabled: disabled,
+        correctness: correctness
+      }, rest)));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawLinePath, "propTypes", {
+  className: _propTypes["default"].string,
+  data: _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].number)),
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  disabled: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string,
+  from: _plot.types.PointType,
+  to: _plot.types.PointType,
+  isDragging: _propTypes["default"].bool
+});
+(0, _defineProperty2["default"])(RawLinePath, "defaultProps", {
+  from: {},
+  to: {}
+});
+var LinePath = exports.LinePath = RawLinePath;
+//# sourceMappingURL=line-path.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"line-path.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_styles2","vx","_interopRequireWildcard","_renderUi","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","dragging","strokeWidth","stroke","color","defaults","BLACK","StyledDrawLine","styled","LinePath","_ref","isDisabled","disabled","correctness","fill","black","disabledSecondary","correct","incorrect","missing","strokeDasharray","StyledLine","_ref2","theme","isDragging","transition","pointerEvents","RawLinePath","exports","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","data","className","from","to","graphProps","rest","_objectWithoutProperties2","createElement","Fragment","_extends2","React","Component","PropTypes","string","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType"],"sources":["../../../../src/tools/shared/line/line-path.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { types } from '@pie-lib/plot';\nimport { correct, disabled, disabledSecondary, incorrect, missing } from '../styles';\nimport * as vx from '@visx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nconst dragging = () => ({\n  strokeWidth: 4,\n  stroke: color.defaults.BLACK,\n});\n\nconst StyledDrawLine = styled(vx.LinePath)(({ disabled: isDisabled, correctness }) => ({\n  fill: 'none',\n  strokeWidth: 3,\n  stroke: color.black(),\n  ...(isDisabled && {\n    ...disabledSecondary('stroke'),\n    strokeWidth: 2,\n  }),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && {\n    ...missing('stroke'),\n    strokeWidth: 1,\n    strokeDasharray: '4 3',\n  }),\n}));\n\nconst StyledLine = styled(vx.LinePath)(({ theme, disabled: isDisabled, correctness, isDragging }) => ({\n  strokeWidth: 7,\n  fill: 'none',\n  transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n  stroke: 'transparent',\n  pointerEvents: 'stroke',\n  '&:hover': dragging(theme),\n  ...(isDragging && dragging(theme)),\n  ...((isDisabled || correctness) && { pointerEvents: 'none' }),\n}));\n\nexport class RawLinePath extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\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 { data, className, disabled, correctness, from, to, graphProps, isDragging, ...rest } = this.props;\n    /* eslint-enable */\n\n    return (\n      <React.Fragment>\n        <StyledDrawLine data={data} className={className} disabled={disabled} correctness={correctness} {...rest} />\n        <StyledLine\n          data={data}\n          className={className}\n          isDragging={isDragging}\n          disabled={disabled}\n          correctness={correctness}\n          {...rest}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nexport const LinePath = RawLinePath;\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/line/with-root-edge.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRootEdge = exports.rootEdgeToFromToWrapper = exports.rootEdgeComponent = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("@pie-lib/plot");
+var _linePath = require("./line-path");
+var _curve = require("@visx/curve");
+var _index = require("./index");
+var _excluded = ["graphProps", "from", "to", "onClick", "onDragStart", "onDragStop", "onChange", "disabled", "correctness"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var toRootEdge = function toRootEdge(m) {
+  var out = _objectSpread({}, m);
+  out.root = _objectSpread({}, m.from);
+  out.edge = m.to ? _objectSpread({}, m.to) : undefined;
+  delete out.from;
+  delete out.to;
+  return out;
+};
+var toFromTo = function toFromTo(m) {
+  var out = _objectSpread({}, m);
+  out.from = _objectSpread({}, m.root);
+  out.to = m.edge ? _objectSpread({}, m.edge) : undefined;
+  delete out.root;
+  delete out.edge;
+  return out;
+};
+var rootEdgeToFromToWrapper = exports.rootEdgeToFromToWrapper = function rootEdgeToFromToWrapper(BaseComp) {
+  var Wrapper = function Wrapper(props) {
+    var m = toFromTo(props.mark);
+    var onChange = function onChange(current, next) {
+      props.onChange(toRootEdge(current), toRootEdge(next));
+    };
+    return /*#__PURE__*/_react["default"].createElement(BaseComp, (0, _extends2["default"])({}, props, {
+      mark: m,
+      onChange: onChange
+    }));
+  };
+  Wrapper.propTypes = {
+    onChange: _propTypes["default"].func,
+    mark: _propTypes["default"].object
+  };
+  return Wrapper;
+};
+var rootEdgeComponent = exports.rootEdgeComponent = function rootEdgeComponent(RootEdgeComp) {
+  var BaseComponent = (0, _index.lineToolComponent)(RootEdgeComp);
+  return rootEdgeToFromToWrapper(BaseComponent);
+};
+var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoints) {
+  var LinePathComponent = function LinePathComponent(props) {
+    var graphProps = props.graphProps,
+      from = props.from,
+      to = props.to,
+      onClick = props.onClick,
+      onDragStart = props.onDragStart,
+      onDragStop = props.onDragStop,
+      onChange = props.onChange,
+      disabled = props.disabled,
+      correctness = props.correctness,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    var _getPoints = getPoints({
+        graphProps: props.graphProps,
+        root: from,
+        edge: to
+      }),
+      dataPoints = _getPoints.dataPoints,
+      _getPoints$enableCurv = _getPoints.enableCurve,
+      enableCurve = _getPoints$enableCurv === void 0 ? true : _getPoints$enableCurv;
+    var raw = dataPoints.map(function (d) {
+      return [graphProps.scale.x(d.x), graphProps.scale.y(d.y)];
+    });
+    var common = {
+      onClick: onClick,
+      graphProps: graphProps,
+      onDragStart: onDragStart,
+      onDragStop: onDragStop,
+      onChange: onChange,
+      disabled: disabled,
+      correctness: correctness
+    };
+    if (!enableCurve) {
+      return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
+        data: raw,
+        from: from,
+        to: to
+      }, common, rest));
+    } else {
+      return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
+        data: raw,
+        from: from,
+        to: to,
+        curve: _curve.curveMonotoneX
+      }, common, rest));
+    }
+  };
+  LinePathComponent.propTypes = {
+    graphProps: _plot.types.GraphPropsType.isRequired,
+    from: _plot.types.PointType.isRequired,
+    to: _plot.types.PointType,
+    onClick: _propTypes["default"].func,
+    onDragStart: _propTypes["default"].func,
+    onDragStop: _propTypes["default"].func,
+    onChange: _propTypes["default"].func,
+    disabled: _propTypes["default"].bool,
+    correctness: _propTypes["default"].string
+  };
+  return LinePathComponent;
+};
+var withRootEdge = exports.withRootEdge = function withRootEdge(getPoints) {
+  var LinePathComp = withPointsGenerationLinePath(getPoints);
+  return (0, _index.lineBase)(LinePathComp);
+};
+//# sourceMappingURL=with-root-edge.js.map

package/lib/tools/shared/line/with-root-edge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-root-edge.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_linePath","_curve","_index","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","toRootEdge","m","out","root","from","edge","to","undefined","toFromTo","rootEdgeToFromToWrapper","exports","BaseComp","Wrapper","props","mark","onChange","current","next","createElement","_extends2","propTypes","PropTypes","func","object","rootEdgeComponent","RootEdgeComp","BaseComponent","lineToolComponent","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","_objectWithoutProperties2","_getPoints","dataPoints","_getPoints$enableCurv","enableCurve","raw","map","d","scale","x","y","common","LinePath","data","curve","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp","lineBase"],"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from './line-path';\nimport { curveMonotoneX } from '@visx/curve';\nimport { lineBase, lineToolComponent } from './index';\n\nconst toRootEdge = (m) => {\n  const out = { ...m };\n  out.root = { ...m.from };\n  out.edge = m.to ? { ...m.to } : undefined;\n  delete out.from;\n  delete out.to;\n  return out;\n};\n\nconst toFromTo = (m) => {\n  const out = { ...m };\n  out.from = { ...m.root };\n  out.to = m.edge ? { ...m.edge } : undefined;\n  delete out.root;\n  delete out.edge;\n  return out;\n};\n\nexport const rootEdgeToFromToWrapper = (BaseComp) => {\n  const Wrapper = (props) => {\n    const m = toFromTo(props.mark);\n\n    const onChange = (current, next) => {\n      props.onChange(toRootEdge(current), toRootEdge(next));\n    };\n\n    return <BaseComp {...props} mark={m} onChange={onChange} />;\n  };\n\n  Wrapper.propTypes = {\n    onChange: PropTypes.func,\n    mark: PropTypes.object,\n  };\n\n  return Wrapper;\n};\n\nexport const rootEdgeComponent = (RootEdgeComp) => {\n  const BaseComponent = lineToolComponent(RootEdgeComp);\n  return rootEdgeToFromToWrapper(BaseComponent);\n};\n\nconst withPointsGenerationLinePath = (getPoints) => {\n  const LinePathComponent = (props) => {\n    const { graphProps, from, to, onClick, onDragStart, onDragStop, onChange, disabled, correctness, ...rest } = props;\n\n    const { dataPoints, enableCurve = true } = getPoints({\n      graphProps: props.graphProps,\n      root: from,\n      edge: to,\n    });\n\n    const raw = dataPoints.map((d) => [graphProps.scale.x(d.x), graphProps.scale.y(d.y)]);\n\n    const common = {\n      onClick,\n      graphProps,\n      onDragStart,\n      onDragStop,\n      onChange,\n      disabled,\n      correctness,\n    };\n\n    if (!enableCurve) {\n      return <LinePath data={raw} from={from} to={to} {...common} {...rest} />;\n    } else {\n      return <LinePath data={raw} from={from} to={to} curve={curveMonotoneX} {...common} {...rest} />;\n    }\n  };\n\n  LinePathComponent.propTypes = {\n    graphProps: types.GraphPropsType.isRequired,\n    from: types.PointType.isRequired,\n    to: types.PointType,\n    onClick: PropTypes.func,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onChange: PropTypes.func,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n  };\n\n  return LinePathComponent;\n};\n\nexport const withRootEdge = (getPoints) => {\n  const LinePathComp = withPointsGenerationLinePath(getPoints);\n  return lineBase(LinePathComp);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/point/arrow-point.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawArrow = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("@pie-lib/plot");
+var _utils = require("../../../utils");
+var _excluded = ["className", "x", "y", "graphProps", "from", "to"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var RawArrow = exports.RawArrow = /*#__PURE__*/function (_React$Component) {
+  function RawArrow() {
+    (0, _classCallCheck2["default"])(this, RawArrow);
+    return _callSuper(this, RawArrow, arguments);
+  }
+  (0, _inherits2["default"])(RawArrow, _React$Component);
+  return (0, _createClass2["default"])(RawArrow, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        x = _this$props.x,
+        y = _this$props.y,
+        graphProps = _this$props.graphProps,
+        from = _this$props.from,
+        to = _this$props.to,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var scale = graphProps.scale;
+      var angle = from && to ? (0, _utils.getAngleDeg)(from.x, from.y, to.x, to.y) : 0;
+      var points = from && to && (from.x !== to.x || from.y !== to.y) ? "0,0 ".concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2, " -").concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2) : '0,0 0,0 0,0';
+      return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
+        className: className
+      }, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
+        points: points,
+        transform: "translate(".concat(scale.x(x), ", ").concat(scale.y(y), ") rotate(").concat(angle, " 0 0)")
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawArrow, "propTypes", {
+  className: _propTypes["default"].string,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  from: _propTypes["default"].shape({
+    x: _propTypes["default"].number,
+    y: _propTypes["default"].number
+  }).isRequired,
+  to: _propTypes["default"].shape({
+    x: _propTypes["default"].number,
+    y: _propTypes["default"].number
+  }),
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+(0, _defineProperty2["default"])(RawArrow, "defaultProps", {
+  from: {},
+  to: {}
+});
+//# sourceMappingURL=arrow-point.js.map

package/lib/tools/shared/point/arrow-point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-point.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","RawArrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","x","y","graphProps","from","to","rest","_objectWithoutProperties2","scale","angle","getAngleDeg","points","concat","arrowDimensions","vector","createElement","_extends2","transform","React","Component","_defineProperty2","PropTypes","string","correctness","disabled","bool","number","isRequired","shape","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { arrowDimensions, getAngleDeg } from '../../../utils';\n\nexport class RawArrow extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    from: PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number,\n    }).isRequired,\n    to: PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number,\n    }),\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {},\n  };\n\n  render() {\n    const { className, x, y, graphProps, from, to, ...rest } = this.props;\n    const { scale } = graphProps;\n\n    const angle = from && to ? getAngleDeg(from.x, from.y, to.x, to.y) : 0;\n\n    const points =\n      from && to && (from.x !== to.x || from.y !== to.y)\n        ? `0,0 ${arrowDimensions.vector},${arrowDimensions.vector * 2} -${arrowDimensions.vector},${arrowDimensions.vector * 2}`\n        : '0,0 0,0 0,0';\n\n    return (\n      <g className={className} {...rest}>\n        <polygon points={points} transform={`translate(${scale.x(x)}, ${scale.y(y)}) rotate(${angle} 0 0)`} />\n      </g>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/point/arrow.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseArrow = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("@pie-lib/plot");
+var _arrowHead = require("../arrow-head");
+var _utils = require("../../../utils");
+var _excluded = ["className", "angle", "x", "y", "correctness", "graphProps"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var BaseArrow = exports.BaseArrow = /*#__PURE__*/function (_React$Component) {
+  function BaseArrow() {
+    (0, _classCallCheck2["default"])(this, BaseArrow);
+    return _callSuper(this, BaseArrow, arguments);
+  }
+  (0, _inherits2["default"])(BaseArrow, _React$Component);
+  return (0, _createClass2["default"])(BaseArrow, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        angle = _this$props.angle,
+        x = _this$props.x,
+        y = _this$props.y,
+        correctness = _this$props.correctness,
+        graphProps = _this$props.graphProps,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var size = (0, _utils.thinnerShapesNeeded)(graphProps) ? 12 : 14;
+      var scale = graphProps.scale;
+      var scaledX = scale.x(x);
+      var scaledY = scale.y(y);
+      var transform = "rotate(".concat(-angle, ", ").concat(scaledX, ",").concat(scaledY, ")");
+      var points = "".concat(scaledX, ",").concat(scaledY, "\n        ").concat(scaledX - size, ",").concat(scaledY - size / 2, "\n        ").concat(scaledX - size, ",").concat(scaledY + size / 2);
+      return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
+        className: className
+      }, rest), /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowHead, {
+        size: size,
+        transform: transform,
+        points: points,
+        correctness: correctness
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(BaseArrow, "propTypes", {
+  className: _propTypes["default"].string,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  angle: _propTypes["default"].number.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+//# sourceMappingURL=arrow.js.map

package/lib/tools/shared/point/arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_arrowHead","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","BaseArrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","angle","x","y","correctness","graphProps","rest","_objectWithoutProperties2","size","thinnerShapesNeeded","scale","scaledX","scaledY","transform","concat","points","createElement","_extends2","ArrowHead","React","Component","_defineProperty2","PropTypes","string","disabled","bool","number","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { ArrowHead } from '../arrow-head';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport class BaseArrow extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    angle: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const { className, angle, x, y, correctness, graphProps, ...rest } = this.props;\n    const size = thinnerShapesNeeded(graphProps) ? 12 : 14;\n    const { scale } = graphProps;\n\n    const scaledX = scale.x(x);\n    const scaledY = scale.y(y);\n\n    const transform = `rotate(${-angle}, ${scaledX},${scaledY})`;\n    const points = `${scaledX},${scaledY}\n        ${scaledX - size},${scaledY - size / 2}\n        ${scaledX - size},${scaledY + size / 2}`;\n\n    return (\n      <g className={className} {...rest}>\n        <ArrowHead size={size} transform={transform} points={points} correctness={correctness} />\n      </g>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/point/base-point.js

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawBp = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("@pie-lib/plot");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _styles = require("@mui/material/styles");
+var _coordinatesLabel = _interopRequireDefault(require("../../../coordinates-label"));
+var _utils = require("../../../utils");
+var _MissingSVG = _interopRequireDefault(require("../icons/MissingSVG"));
+var _CorrectSVG = _interopRequireDefault(require("../icons/CorrectSVG"));
+var _IncorrectSVG = _interopRequireDefault(require("../icons/IncorrectSVG"));
+var styles = _interopRequireWildcard(require("../styles"));
+var _excluded = ["className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "onClick", "onTouchStart", "onTouchEnd"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledPointGroup = (0, _styles.styled)('g')(function (_ref) {
+  var disabled = _ref.disabled,
+    correctness = _ref.correctness;
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    cursor: 'pointer',
+    '& circle': {
+      fill: 'currentColor'
+    }
+  }, disabled && _objectSpread(_objectSpread({}, styles.disabled('fill')), styles.disabled('color'))), correctness === 'correct' && _objectSpread(_objectSpread({}, styles.correct('fill')), styles.correct('color'))), correctness === 'incorrect' && _objectSpread(_objectSpread({}, styles.incorrect('fill')), styles.incorrect('color'))), correctness === 'missing' && _objectSpread(_objectSpread({}, styles.missing('fill')), styles.missing('color')));
+});
+var RawBp = exports.RawBp = /*#__PURE__*/function (_React$Component) {
+  function RawBp() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RawBp);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, RawBp, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      showCoordinates: false
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(RawBp, _React$Component);
+  return (0, _createClass2["default"])(RawBp, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        className = _this$props.className,
+        coordinatesOnHover = _this$props.coordinatesOnHover,
+        x = _this$props.x,
+        y = _this$props.y,
+        disabled = _this$props.disabled,
+        correctness = _this$props.correctness,
+        graphProps = _this$props.graphProps,
+        labelNode = _this$props.labelNode,
+        onClick = _this$props.onClick,
+        onTouchStart = _this$props.onTouchStart,
+        onTouchEnd = _this$props.onTouchEnd,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var showCoordinates = this.state.showCoordinates;
+      var scale = graphProps.scale;
+      var r = (0, _utils.thinnerShapesNeeded)(graphProps) ? 5 : 7;
+      var SvgComponent;
+      switch (correctness) {
+        case 'missing':
+          SvgComponent = _MissingSVG["default"];
+          break;
+        case 'correct':
+          SvgComponent = _CorrectSVG["default"];
+          break;
+        case 'incorrect':
+          SvgComponent = _IncorrectSVG["default"];
+          break;
+        default:
+          SvgComponent = null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("circle", {
+        style: {
+          fill: 'transparent',
+          cursor: 'pointer',
+          pointerEvents: 'all'
+        },
+        r: r * 3,
+        cx: scale.x(x),
+        cy: scale.y(y),
+        onMouseEnter: function onMouseEnter() {
+          return _this2.setState({
+            showCoordinates: true
+          });
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.setState({
+            showCoordinates: false
+          });
+        },
+        onTouchStart: onTouchStart,
+        onTouchEnd: onTouchEnd,
+        onClick: onClick
+      }), /*#__PURE__*/_react["default"].createElement(StyledPointGroup, {
+        className: className,
+        disabled: disabled,
+        correctness: correctness,
+        onMouseEnter: function onMouseEnter() {
+          return _this2.setState({
+            showCoordinates: true
+          });
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.setState({
+            showCoordinates: false
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({}, rest, {
+        r: r,
+        cx: scale.x(x),
+        cy: scale.y(y)
+      })), SvgComponent && /*#__PURE__*/_react["default"].createElement(SvgComponent, {
+        scale: scale,
+        x: x,
+        y: y
+      }), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement(_coordinatesLabel["default"], {
+        graphProps: graphProps,
+        x: x,
+        y: y
+      }), labelNode)));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawBp, "propTypes", {
+  className: _propTypes["default"].string,
+  coordinatesOnHover: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  labelNode: _propTypes["default"].object,
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  onClick: _propTypes["default"].func,
+  onTouchStart: _propTypes["default"].func,
+  onTouchEnd: _propTypes["default"].func
+});
+//# sourceMappingURL=base-point.js.map