@pie-lib/graphing-solution-set 3.1.0-next.4 → 3.1.0-next.5

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

@@ -0,0 +1,121 @@
+"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: 7,
+    stroke: _renderUi.color.defaults.BLACK
+  };
+};
+var StyledDrawLine = (0, _styles.styled)(vx.LinePath, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['disabled', 'correctness'].includes(prop);
+  }
+})(function (_ref) {
+  var isDisabled = _ref.disabled,
+    correctness = _ref.correctness;
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    fill: 'none',
+    strokeWidth: 2,
+    stroke: _renderUi.color.secondaryLight()
+  }, isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
+    strokeWidth: 2
+  })), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && (0, _styles2.missing)('stroke'));
+});
+var StyledInteractionLine = (0, _styles.styled)(vx.LinePath, {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['disabled', 'correctness', 'isDragging'].includes(prop);
+  }
+})(function (_ref2) {
+  var isDisabled = _ref2.disabled,
+    correctness = _ref2.correctness,
+    isDragging = _ref2.isDragging;
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    strokeWidth: 6,
+    fill: 'none',
+    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',
+    stroke: 'transparent',
+    '&:hover': dragging()
+  }, isDragging && dragging()), isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
+    strokeWidth: 2
+  })), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && (0, _styles2.missing)('stroke'));
+});
+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,
+        disabled: disabled,
+        correctness: correctness,
+        className: className
+      }, rest)), /*#__PURE__*/_react["default"].createElement(StyledInteractionLine, (0, _extends2["default"])({
+        data: data,
+        isDragging: isDragging,
+        disabled: disabled,
+        correctness: correctness,
+        className: className
+      }, 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","shouldForwardProp","prop","includes","_ref","isDisabled","disabled","correctness","fill","secondaryLight","correct","incorrect","missing","StyledInteractionLine","_ref2","isDragging","transition","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 { disabled, correct, incorrect, missing } from '../styles';\nimport * as vx from '@visx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nconst dragging = () => ({\n  strokeWidth: 7,\n  stroke: color.defaults.BLACK,\n});\n\nconst StyledDrawLine = styled(vx.LinePath, {\n  shouldForwardProp: (prop) => !['disabled', 'correctness'].includes(prop),\n})(({ disabled: isDisabled, correctness }) => ({\n  fill: 'none',\n  strokeWidth: 2,\n  stroke: color.secondaryLight(),\n  ...(isDisabled && {\n    ...disabled('stroke'),\n    strokeWidth: 2,\n  }),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && missing('stroke')),\n}));\n\nconst StyledInteractionLine = styled(vx.LinePath, {\n  shouldForwardProp: (prop) => !['disabled', 'correctness', 'isDragging'].includes(prop),\n})(({ disabled: isDisabled, correctness, isDragging }) => ({\n  strokeWidth: 6,\n  fill: 'none',\n  transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n  stroke: 'transparent',\n  '&:hover': dragging(),\n  ...(isDragging && dragging()),\n  ...(isDisabled && {\n    ...disabled('stroke'),\n    strokeWidth: 2,\n  }),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && missing('stroke')),\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\n          data={data}\n          disabled={disabled}\n          correctness={correctness}\n          className={className}\n          {...rest}\n        />\n        <StyledInteractionLine\n          data={data}\n          isDragging={isDragging}\n          disabled={disabled}\n          correctness={correctness}\n          className={className}\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,86 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _plot = require("@pie-lib/plot");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _utils = require("../../../utils");
+var _excluded = ["classes", "className", "x", "y", "disabled", "correctness", "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,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        x = _this$props.x,
+        y = _this$props.y,
+        disabled = _this$props.disabled,
+        correctness = _this$props.correctness,
+        graphProps = _this$props.graphProps,
+        from = _this$props.from,
+        to = _this$props.to,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      // x & y are the initial coordinates for the arrow
+      // from & to are used only to calculate the angle that the arrow should be rotated with
+
+      var scale = graphProps.scale;
+      var angle = (0, _utils.getAngleDeg)(from.x, from.y, to.x, to.y);
+      var points = '';
+      if ((0, _isEqual["default"])(from, to)) {
+        points = '0,0 0,0 0,0';
+      } else {
+        points = "0,0 ".concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2, " \n      -").concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2);
+      }
+      return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
+        className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
+      }, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
+        points: points,
+        transform: "\n          translate(".concat(scale.x(x), ", ").concat(scale.y(y), ")\n          rotate(").concat(angle, " 0 0)")
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawArrow, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number,
+  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","_classnames","_plot","_isEqual","_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","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","_objectWithoutProperties2","scale","angle","getAngleDeg","points","isEqual","concat","arrowDimensions","vector","createElement","_extends2","classNames","point","transform","React","Component","_defineProperty2","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport isEqual from 'lodash/isEqual';\nimport { getAngleDeg, arrowDimensions } from '../../../utils';\n\nexport class RawArrow extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    x: PropTypes.number,\n    y: PropTypes.number,\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 { classes, className, x, y, disabled, correctness, graphProps, from, to, ...rest } = this.props;\n    // x & y are the initial coordinates for the arrow\n    // from & to are used only to calculate the angle that the arrow should be rotated with\n\n    const { scale } = graphProps;\n    const angle = getAngleDeg(from.x, from.y, to.x, to.y);\n\n    let points = '';\n\n    if (isEqual(from, to)) {\n      points = '0,0 0,0 0,0';\n    } else {\n      points = `0,0 ${arrowDimensions.vector},${arrowDimensions.vector * 2} \n      -${arrowDimensions.vector},${arrowDimensions.vector * 2}`;\n    }\n\n    return (\n      <g className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n        <polygon\n          points={points}\n          transform={`\n          translate(${scale.x(x)}, ${scale.y(y)})\n          rotate(${angle} 0 0)`}\n        />\n      </g>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 _classnames = _interopRequireDefault(require("classnames"));
+var _plot = require("@pie-lib/plot");
+var _arrowHead = require("../arrow-head");
+var _utils = require("../../../utils");
+var _excluded = ["classes", "angle", "className", "x", "y", "disabled", "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 Arrow = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function Arrow() {
+    (0, _classCallCheck2["default"])(this, Arrow);
+    return _callSuper(this, Arrow, arguments);
+  }
+  (0, _inherits2["default"])(Arrow, _React$Component);
+  return (0, _createClass2["default"])(Arrow, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        angle = _this$props.angle,
+        className = _this$props.className,
+        x = _this$props.x,
+        y = _this$props.y,
+        disabled = _this$props.disabled,
+        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: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
+      }, rest), /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowHead, {
+        size: size,
+        transform: transform,
+        points: points
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Arrow, "propTypes", {
+  classes: _propTypes["default"].object,
+  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","_classnames","_plot","_arrowHead","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","Arrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","classes","angle","className","x","y","disabled","correctness","graphProps","rest","_objectWithoutProperties2","size","thinnerShapesNeeded","scale","scaledX","scaledY","transform","concat","points","createElement","_extends2","classNames","point","ArrowHead","React","Component","_defineProperty2","PropTypes","object","string","bool","number","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport { ArrowHead } from '../arrow-head';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport default class Arrow extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\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 { classes, angle, className, x, y, disabled, correctness, graphProps, ...rest } = this.props;\n\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={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n        <ArrowHead size={size} transform={transform} points={points} />\n      </g>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _coordinatesLabel = _interopRequireDefault(require("../../../coordinates-label"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _utils = require("../../../utils");
+var _renderUi = require("@pie-lib/render-ui");
+var _styles = require("@mui/material/styles");
+var _styles2 = require("../styles");
+var _excluded = ["className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style", "onClick", "onTouchStart", "onTouchEnd"];
+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({}, (0, _styles2.disabled)('fill')), (0, _styles2.disabled)('color'))), correctness === 'correct' && _objectSpread(_objectSpread({}, (0, _styles2.correct)('fill')), (0, _styles2.correct)('color'))), correctness === 'incorrect' && _objectSpread(_objectSpread({}, (0, _styles2.incorrect)('fill')), (0, _styles2.incorrect)('color'))), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('fill')), (0, _styles2.missing)('color')));
+});
+var RawBp = exports.RawBp = /*#__PURE__*/function (_React$Component) {
+  function RawBp(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RawBp);
+    _this = _callSuper(this, RawBp, [props]);
+    _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,
+        style = _this$props.style,
+        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;
+      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, {
+        disabled: disabled,
+        correctness: correctness,
+        className: className,
+        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, {
+        style: {
+          fill: _renderUi.color.defaults.BLACK,
+          cursor: 'pointer'
+        },
+        r: r,
+        cx: scale.x(x),
+        cy: scale.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,
+  y: _propTypes["default"].number,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  onClick: _propTypes["default"].func,
+  onTouchStart: _propTypes["default"].func,
+  onTouchEnd: _propTypes["default"].func
+});
+//# sourceMappingURL=base-point.js.map