@pie-lib/graphing-solution-set 2.20.0 → 2.22.0

package/lib/tools/polygon/component.js

@@ -0,0 +1,457 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.swap = exports["default"] = exports.buildLines = exports.RawBaseComponent = exports.BaseComponent = 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _types = require("../shared/types");
+
+var _chunk = _interopRequireDefault(require("lodash/chunk"));
+
+var _initial = _interopRequireDefault(require("lodash/initial"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _polygon = _interopRequireDefault(require("./polygon"));
+
+var _plot = require("@pie-lib/plot");
+
+var _invariant = _interopRequireDefault(require("invariant"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _markLabel = _interopRequireDefault(require("../../mark-label"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _utils = require("../../utils");
+
+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 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) { (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 log = (0, _debug["default"])('pie-lib:graphing-solution-set:polygon');
+
+var buildLines = function buildLines(points, closed) {
+  var expanded = points.reduce(function (acc, p, index) {
+    acc.push(_objectSpread(_objectSpread({}, p), {}, {
+      index: index
+    }));
+    var isLast = index === points.length - 1;
+    var next = isLast ? 0 : index + 1;
+    acc.push(_objectSpread(_objectSpread({}, points[next]), {}, {
+      index: next
+    }));
+    return acc;
+  }, []);
+  var all = (0, _chunk["default"])(expanded, 2).map(function (_ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        from = _ref2[0],
+        to = _ref2[1];
+
+    return {
+      from: from,
+      to: to
+    };
+  });
+  return closed ? all : (0, _initial["default"])(all);
+};
+
+exports.buildLines = buildLines;
+
+var swap = function swap(arr) {
+  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    rest[_key - 1] = arguments[_key];
+  }
+
+  var pairs = (0, _chunk["default"])(rest, 2);
+  return pairs.reduce(function (acc, pr) {
+    if (pr.length === 2) {
+      var _pr = (0, _slicedToArray2["default"])(pr, 2),
+          e = _pr[0],
+          replacement = _pr[1];
+
+      (0, _invariant["default"])(Number.isFinite(e.index), 'Index must be defined');
+      var index = e.index; // const i = acc.findIndex(pt => pt.x === e.x && pt.y === e.y);
+
+      if (index >= 0) {
+        acc.splice(index, 1, replacement);
+        return acc;
+      } else {
+        return acc;
+      }
+    } else {
+      return acc;
+    }
+  }, (0, _toConsumableArray2["default"])(arr));
+};
+
+exports.swap = swap;
+
+var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawBaseComponent, _React$Component);
+
+  var _super = _createSuper(RawBaseComponent);
+
+  function RawBaseComponent() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RawBaseComponent);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragPoint", function (index, from, to) {
+      log('[dragPoint] from, to:', from, to);
+      var _this$props = _this.props,
+          onChange = _this$props.onChange,
+          points = _this$props.points;
+      var update = (0, _toConsumableArray2["default"])(points);
+      var overlapPoint = !!(points || []).find(function (p) {
+        return (0, _utils.equalPoints)(p, to);
+      });
+
+      if ((0, _utils.equalPoints)(from, to) || overlapPoint) {
+        return;
+      }
+
+      if (points[index].label) {
+        to.label = points[index].label;
+      }
+
+      update.splice(index, 1, to);
+      onChange(update);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragLine", function (existing, next) {
+      log('[dragLine]: ', existing, next);
+      var onChange = _this.props.onChange;
+
+      if (existing.from.label) {
+        next.from.label = existing.from.label;
+      }
+
+      if (existing.to.label) {
+        next.to.label = existing.to.label;
+      }
+
+      var points = swap(_this.props.points, existing.from, next.from, existing.to, next.to);
+      onChange(points);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragPoly", function (existing, next) {
+      log('[dragPoly] ', existing, next);
+      var onChange = _this.props.onChange;
+      next.forEach(function (point, index) {
+        if (existing[index].label) {
+          next[index].label = existing[index].label;
+        }
+      });
+      onChange(next);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "close", function () {
+      var _this$props2 = _this.props,
+          points = _this$props2.points,
+          onClosePolygon = _this$props2.onClosePolygon;
+      log('[close] ...');
+
+      if (points.length >= 3) {
+        onClosePolygon();
+      } else {
+        log('[close] - nope');
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "labelChange", function (point, index) {
+      var _this$props3 = _this.props,
+          points = _this$props3.points,
+          onChangeProps = _this$props3.onChangeProps;
+
+      var updatedPoint = _objectSpread({}, point);
+
+      if (!point.label || (0, _isEmpty["default"])(point.label)) {
+        delete updatedPoint.label;
+      }
+
+      var update = (0, _toConsumableArray2["default"])(points);
+      update.splice(index, 1, updatedPoint);
+      onChangeProps(update);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clickPoint", function (point, index, data) {
+      var _this$props4 = _this.props,
+          closed = _this$props4.closed,
+          disabled = _this$props4.disabled,
+          onClick = _this$props4.onClick,
+          isToolActive = _this$props4.isToolActive,
+          labelModeEnabled = _this$props4.labelModeEnabled,
+          onChangeProps = _this$props4.onChangeProps,
+          onChangeLabelProps = _this$props4.onChangeLabelProps,
+          points = _this$props4.points;
+
+      if (labelModeEnabled) {
+        if (disabled) {
+          return;
+        }
+
+        if (points && index === points.length) {
+          var _getRightestPoints = (0, _utils.getRightestPoints)(points),
+              a = _getRightestPoints.a,
+              b = _getRightestPoints.b;
+
+          var middle = _objectSpread(_objectSpread({
+            label: ''
+          }, point), (0, _utils.getMiddleOfTwoPoints)(a, b));
+
+          onChangeLabelProps(middle);
+        } else {
+          var update = (0, _toConsumableArray2["default"])(points);
+          update.splice(index, 1, _objectSpread({
+            label: ''
+          }, point));
+          onChangeProps(update);
+        }
+
+        if (_this.input[index]) {
+          _this.input[index].focus();
+        }
+
+        return;
+      }
+
+      if (isToolActive && !closed && index === 0) {
+        _this.close();
+
+        return;
+      }
+
+      onClick(point || data);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "input", {});
+    return _this;
+  }
+
+  (0, _createClass2["default"])(RawBaseComponent, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props5 = this.props,
+          closed = _this$props5.closed,
+          graphProps = _this$props5.graphProps,
+          onChangeLabelProps = _this$props5.onChangeLabelProps,
+          points = _this$props5.points,
+          middle = _this$props5.middle,
+          labelNode = _this$props5.labelNode,
+          labelModeEnabled = _this$props5.labelModeEnabled,
+          _this$props5$isSoluti = _this$props5.isSolution,
+          isSolution = _this$props5$isSoluti === void 0 ? false : _this$props5$isSoluti;
+      var polygonLabelIndex = points && points.length || 0;
+
+      if (labelNode && middle && middle.hasOwnProperty('label')) {
+        /*#__PURE__*/
+        _reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
+          inputRef: function inputRef(r) {
+            return _this2.input[polygonLabelIndex] = r;
+          },
+          disabled: !labelModeEnabled,
+          mark: middle,
+          graphProps: graphProps,
+          onChange: function onChange(label) {
+            return onChangeLabelProps(_objectSpread(_objectSpread({}, middle), {}, {
+              label: label
+            }));
+          }
+        }), labelNode);
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_polygon["default"], {
+        points: points,
+        closed: closed,
+        isSolution: isSolution,
+        graphProps: graphProps,
+        onClick: this.clickPoint.bind(this, middle, polygonLabelIndex)
+      })));
+    }
+  }]);
+  return RawBaseComponent;
+}(_react["default"].Component);
+
+exports.RawBaseComponent = RawBaseComponent;
+(0, _defineProperty2["default"])(RawBaseComponent, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string,
+  points: _propTypes["default"].arrayOf(_plot.types.PointType),
+  closed: _propTypes["default"].bool,
+  isSolution: _propTypes["default"].bool,
+  coordinatesOnHover: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  onClosePolygon: _propTypes["default"].func.isRequired,
+  onDragStart: _propTypes["default"].func,
+  onDragStop: _propTypes["default"].func,
+  onClick: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  isToolActive: _propTypes["default"].bool,
+  middle: _propTypes["default"].object,
+  labelNode: _propTypes["default"].object,
+  labelModeEnabled: _propTypes["default"].bool,
+  onChangeLabelProps: _propTypes["default"].func,
+  onChangeProps: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(RawBaseComponent, "defaultProps", {
+  points: []
+});
+var BaseComponent = (0, _styles.withStyles)(function () {
+  return {};
+})(RawBaseComponent);
+exports.BaseComponent = BaseComponent;
+
+var Component = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(Component, _React$Component2);
+
+  var _super2 = _createSuper(Component);
+
+  function Component(props) {
+    var _this3;
+
+    (0, _classCallCheck2["default"])(this, Component);
+    _this3 = _super2.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "change", function (points) {
+      var middle = _this3.props.mark.middle;
+
+      var mark = _objectSpread(_objectSpread({}, _this3.state.mark), {}, {
+        points: points
+      });
+
+      if (middle) {
+        var _getRightestPoints2 = (0, _utils.getRightestPoints)(points),
+            a = _getRightestPoints2.a,
+            b = _getRightestPoints2.b;
+
+        mark.middle = _objectSpread(_objectSpread({}, middle), (0, _utils.getMiddleOfTwoPoints)(a, b));
+      }
+
+      _this3.setState({
+        mark: mark
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeProps", function (points) {
+      var mark = _objectSpread(_objectSpread({}, _this3.props.mark), {}, {
+        points: points
+      });
+
+      _this3.props.onChange(_this3.props.mark, mark);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeLabelProps", function (point) {
+      var _this3$props = _this3.props,
+          mark = _this3$props.mark,
+          onChange = _this3$props.onChange;
+
+      var middle = _objectSpread(_objectSpread({}, mark.middle), point);
+
+      onChange(mark, _objectSpread(_objectSpread({}, mark), {}, {
+        middle: middle
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "closePolygon", function () {
+      log('[closePolygon] ...');
+      var _this3$props2 = _this3.props,
+          onComplete = _this3$props2.onComplete,
+          mark = _this3$props2.mark;
+
+      var update = _objectSpread(_objectSpread({}, mark), {}, {
+        closed: true
+      });
+
+      onComplete(mark, update);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "dragStart", function () {
+      return _this3.setState({
+        mark: _this3.props.mark
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "dragStop", function () {
+      var onChange = _this3.props.onChange;
+
+      var m = _objectSpread({}, _this3.state.mark);
+
+      _this3.setState({
+        mark: undefined
+      }, function () {
+        onChange(_this3.props.mark, m);
+      });
+    });
+    _this3.state = {};
+    return _this3;
+  }
+
+  (0, _createClass2["default"])(Component, [{
+    key: "render",
+    value: function render() {
+      var _this$props6 = this.props,
+          coordinatesOnHover = _this$props6.coordinatesOnHover,
+          mark = _this$props6.mark,
+          graphProps = _this$props6.graphProps,
+          onClick = _this$props6.onClick,
+          isToolActive = _this$props6.isToolActive,
+          labelNode = _this$props6.labelNode,
+          labelModeEnabled = _this$props6.labelModeEnabled;
+      var stateMark = this.state.mark;
+      return /*#__PURE__*/_react["default"].createElement(BaseComponent, (0, _extends2["default"])({}, stateMark || mark, {
+        coordinatesOnHover: coordinatesOnHover,
+        onChange: this.change,
+        onChangeLabelProps: this.changeLabelProps,
+        onChangeProps: this.changeProps,
+        onClosePolygon: this.closePolygon,
+        onDragStart: this.dragStart,
+        onDragStop: this.dragStop,
+        onClick: onClick,
+        graphProps: graphProps,
+        isToolActive: isToolActive,
+        labelNode: labelNode,
+        labelModeEnabled: labelModeEnabled
+      }));
+    }
+  }]);
+  return Component;
+}(_react["default"].Component);
+
+exports["default"] = Component;
+(0, _defineProperty2["default"])(Component, "propTypes", _objectSpread(_objectSpread({}, _types.ToolPropTypeFields), {}, {
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(Component, "defaultProps", {});
+//# sourceMappingURL=component.js.map

package/lib/tools/polygon/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/polygon/component.jsx"],"names":["log","buildLines","points","closed","expanded","reduce","acc","p","index","push","isLast","length","next","all","map","from","to","swap","arr","rest","pairs","pr","e","replacement","Number","isFinite","splice","RawBaseComponent","props","onChange","update","overlapPoint","find","label","existing","forEach","point","onClosePolygon","onChangeProps","updatedPoint","data","disabled","onClick","isToolActive","labelModeEnabled","onChangeLabelProps","a","b","middle","input","focus","close","graphProps","labelNode","isSolution","polygonLabelIndex","hasOwnProperty","ReactDOM","createPortal","r","clickPoint","bind","React","Component","classes","PropTypes","object","className","string","bool","correctness","arrayOf","types","PointType","coordinatesOnHover","func","isRequired","onDragStart","onDragStop","GraphPropsType","BaseComponent","mark","state","setState","onComplete","m","undefined","stateMark","change","changeLabelProps","changeProps","closePolygon","dragStart","dragStop","ToolPropTypeFields"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { ToolPropTypeFields } from '../shared/types';\nimport chunk from 'lodash/chunk';\nimport initial from 'lodash/initial';\nimport debug from 'debug';\nimport DraggablePolygon from './polygon';\nimport { types } from '@pie-lib/plot';\nimport invariant from 'invariant';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../mark-label';\nimport isEmpty from 'lodash/isEmpty';\nimport { getMiddleOfTwoPoints, getRightestPoints, equalPoints } from '../../utils';\n\nconst log = debug('pie-lib:graphing-solution-set:polygon');\n\nexport const buildLines = (points, closed) => {\n  const expanded = points.reduce((acc, p, index) => {\n    acc.push({ ...p, index });\n\n    const isLast = index === points.length - 1;\n    const next = isLast ? 0 : index + 1;\n\n    acc.push({ ...points[next], index: next });\n\n    return acc;\n  }, []);\n\n  const all = chunk(expanded, 2).map(([from, to]) => {\n    return { from, to };\n  });\n\n  return closed ? all : initial(all);\n};\n\nexport const swap = (arr, ...rest) => {\n  const pairs = chunk(rest, 2);\n\n  return pairs.reduce(\n    (acc, pr) => {\n      if (pr.length === 2) {\n        let [e, replacement] = pr;\n\n        invariant(Number.isFinite(e.index), 'Index must be defined');\n\n        const index = e.index;\n        // const i = acc.findIndex(pt => pt.x === e.x && pt.y === e.y);\n\n        if (index >= 0) {\n          acc.splice(index, 1, replacement);\n\n          return acc;\n        } else {\n          return acc;\n        }\n      } else {\n        return acc;\n      }\n    },\n    [...arr],\n  );\n};\n\nexport class RawBaseComponent extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n    points: PropTypes.arrayOf(types.PointType),\n    closed: PropTypes.bool,\n    isSolution: PropTypes.bool,\n    coordinatesOnHover: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n    onClosePolygon: PropTypes.func.isRequired,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onClick: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    isToolActive: PropTypes.bool,\n    middle: PropTypes.object,\n    labelNode: PropTypes.object,\n    labelModeEnabled: PropTypes.bool,\n    onChangeLabelProps: PropTypes.func,\n    onChangeProps: PropTypes.func,\n  };\n\n  static defaultProps = {\n    points: [],\n  };\n\n  dragPoint = (index, from, to) => {\n    log('[dragPoint] from, to:', from, to);\n    const { onChange, points } = this.props;\n    const update = [...points];\n    const overlapPoint = !!(points || []).find((p) => equalPoints(p, to));\n\n    if (equalPoints(from, to) || overlapPoint) {\n      return;\n    }\n\n    if (points[index].label) {\n      to.label = points[index].label;\n    }\n\n    update.splice(index, 1, to);\n    onChange(update);\n  };\n\n  dragLine = (existing, next) => {\n    log('[dragLine]: ', existing, next);\n    const { onChange } = this.props;\n\n    if (existing.from.label) {\n      next.from.label = existing.from.label;\n    }\n\n    if (existing.to.label) {\n      next.to.label = existing.to.label;\n    }\n\n    const points = swap(this.props.points, existing.from, next.from, existing.to, next.to);\n    onChange(points);\n  };\n\n  dragPoly = (existing, next) => {\n    log('[dragPoly] ', existing, next);\n    const { onChange } = this.props;\n\n    next.forEach((point, index) => {\n      if (existing[index].label) {\n        next[index].label = existing[index].label;\n      }\n    });\n\n    onChange(next);\n  };\n\n  close = () => {\n    const { points, onClosePolygon } = this.props;\n    log('[close] ...');\n\n    if (points.length >= 3) {\n      onClosePolygon();\n    } else {\n      log('[close] - nope');\n    }\n  };\n\n  labelChange = (point, index) => {\n    const { points, onChangeProps } = this.props;\n    const updatedPoint = { ...point };\n\n    if (!point.label || isEmpty(point.label)) {\n      delete updatedPoint.label;\n    }\n\n    const update = [...points];\n\n    update.splice(index, 1, updatedPoint);\n    onChangeProps(update);\n  };\n\n  clickPoint = (point, index, data) => {\n    const {\n      closed,\n      disabled,\n      onClick,\n      isToolActive,\n      labelModeEnabled,\n      onChangeProps,\n      onChangeLabelProps,\n      points,\n    } = this.props;\n\n    if (labelModeEnabled) {\n      if (disabled) {\n        return;\n      }\n\n      if (points && index === points.length) {\n        const { a, b } = getRightestPoints(points);\n        const middle = { label: '', ...point, ...getMiddleOfTwoPoints(a, b) };\n\n        onChangeLabelProps(middle);\n      } else {\n        const update = [...points];\n\n        update.splice(index, 1, { label: '', ...point });\n        onChangeProps(update);\n      }\n\n      if (this.input[index]) {\n        this.input[index].focus();\n      }\n\n      return;\n    }\n\n    if (isToolActive && !closed && index === 0) {\n      this.close();\n      return;\n    }\n\n    onClick(point || data);\n  };\n\n  // IMPORTANT, do not remove\n  input = {};\n\n  render() {\n    const {\n      closed,\n      graphProps,\n      onChangeLabelProps,\n      points,\n      middle,\n      labelNode,\n      labelModeEnabled,\n      isSolution = false,\n    } = this.props;\n    const polygonLabelIndex = (points && points.length) || 0;\n    if (labelNode && middle && middle.hasOwnProperty('label')) {\n      ReactDOM.createPortal(\n        <MarkLabel\n          inputRef={(r) => (this.input[polygonLabelIndex] = r)}\n          disabled={!labelModeEnabled}\n          mark={middle}\n          graphProps={graphProps}\n          onChange={(label) => onChangeLabelProps({ ...middle, label })}\n        />,\n        labelNode,\n      );\n    }\n    return (\n      <g>\n        <React.Fragment>\n          <DraggablePolygon\n            points={points}\n            closed={closed}\n            isSolution={isSolution}\n            graphProps={graphProps}\n            onClick={this.clickPoint.bind(this, middle, polygonLabelIndex)}\n          />\n        </React.Fragment>\n      </g>\n    );\n  }\n}\n\nexport const BaseComponent = withStyles(() => ({}))(RawBaseComponent);\n\nexport default class Component extends React.Component {\n  static propTypes = {\n    ...ToolPropTypeFields,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  change = (points) => {\n    const {\n      mark: { middle },\n    } = this.props;\n    const mark = { ...this.state.mark, points };\n\n    if (middle) {\n      const { a, b } = getRightestPoints(points);\n\n      mark.middle = { ...middle, ...getMiddleOfTwoPoints(a, b) };\n    }\n\n    this.setState({ mark });\n  };\n\n  changeProps = (points) => {\n    const mark = { ...this.props.mark, points };\n\n    this.props.onChange(this.props.mark, mark);\n  };\n\n  changeLabelProps = (point) => {\n    const { mark, onChange } = this.props;\n    const middle = { ...mark.middle, ...point };\n\n    onChange(mark, { ...mark, middle });\n  };\n\n  closePolygon = () => {\n    log('[closePolygon] ...');\n    const { onComplete, mark } = this.props;\n    const update = { ...mark, closed: true };\n\n    onComplete(mark, update);\n  };\n\n  dragStart = () => this.setState({ mark: this.props.mark });\n\n  dragStop = () => {\n    const { onChange } = this.props;\n    const m = { ...this.state.mark };\n\n    this.setState({ mark: undefined }, () => {\n      onChange(this.props.mark, m);\n    });\n  };\n\n  render() {\n    const { coordinatesOnHover, mark, graphProps, onClick, isToolActive, labelNode, labelModeEnabled } = this.props;\n    const { mark: stateMark } = this.state;\n\n    return (\n      <BaseComponent\n        {...(stateMark || mark)}\n        coordinatesOnHover={coordinatesOnHover}\n        onChange={this.change}\n        onChangeLabelProps={this.changeLabelProps}\n        onChangeProps={this.changeProps}\n        onClosePolygon={this.closePolygon}\n        onDragStart={this.dragStart}\n        onDragStop={this.dragStop}\n        onClick={onClick}\n        graphProps={graphProps}\n        isToolActive={isToolActive}\n        labelNode={labelNode}\n        labelModeEnabled={labelModeEnabled}\n      />\n    );\n  }\n}\n"],"file":"component.js"}

package/lib/tools/polygon/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tool = exports.addPointToArray = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _component = _interopRequireDefault(require("./component"));
+
+var _utils = require("../../utils");
+
+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) { (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 addPointToArray = function addPointToArray(point, arr) {
+  arr = arr || [];
+
+  if (arr.length === 0) {
+    return {
+      points: [point],
+      closed: false
+    };
+  } else if (arr.length === 1) {
+    if ((0, _utils.equalPoints)(point, arr[0])) {
+      return {
+        points: arr,
+        closed: false
+      };
+    } else {
+      return {
+        points: [].concat((0, _toConsumableArray2["default"])(arr), [point]),
+        closed: false
+      };
+    }
+  } else if (arr.length >= 2) {
+    var closed = (0, _utils.equalPoints)(point, arr[0]);
+
+    if (closed) {
+      return {
+        points: arr,
+        closed: closed
+      };
+    } else {
+      var hasPoint = !!arr.find(function (p) {
+        return (0, _utils.equalPoints)(p, point);
+      });
+
+      if (hasPoint) {
+        return {
+          points: arr,
+          closed: false
+        };
+      } else {
+        return {
+          points: [].concat((0, _toConsumableArray2["default"])(arr), [point]),
+          closed: false
+        };
+      }
+    }
+  }
+};
+
+exports.addPointToArray = addPointToArray;
+
+var tool = function tool() {
+  return {
+    type: 'polygon',
+    Component: _component["default"],
+    complete: function complete(data, mark) {
+      return _objectSpread(_objectSpread({}, mark), {}, {
+        building: false,
+        closed: true
+      });
+    },
+    addPoint: function addPoint(point, mark) {
+      if (!mark) {
+        return {
+          type: 'polygon',
+          points: [point],
+          closed: false,
+          building: true
+        };
+      } else {
+        var _addPointToArray = addPointToArray(point, mark.points),
+            closed = _addPointToArray.closed,
+            points = _addPointToArray.points;
+
+        return _objectSpread(_objectSpread({}, mark), {}, {
+          closed: closed,
+          points: points,
+          building: !closed
+        });
+      }
+    }
+  };
+};
+
+exports.tool = tool;
+//# sourceMappingURL=index.js.map

package/lib/tools/polygon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/polygon/index.js"],"names":["addPointToArray","point","arr","length","points","closed","hasPoint","find","p","tool","type","Component","Polygon","complete","data","mark","building","addPoint"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAQC,GAAR,EAAgB;AAC7CA,EAAAA,GAAG,GAAGA,GAAG,IAAI,EAAb;;AAEA,MAAIA,GAAG,CAACC,MAAJ,KAAe,CAAnB,EAAsB;AACpB,WAAO;AAAEC,MAAAA,MAAM,EAAE,CAACH,KAAD,CAAV;AAAmBI,MAAAA,MAAM,EAAE;AAA3B,KAAP;AACD,GAFD,MAEO,IAAIH,GAAG,CAACC,MAAJ,KAAe,CAAnB,EAAsB;AAC3B,QAAI,wBAAYF,KAAZ,EAAmBC,GAAG,CAAC,CAAD,CAAtB,CAAJ,EAAgC;AAC9B,aAAO;AAAEE,QAAAA,MAAM,EAAEF,GAAV;AAAeG,QAAAA,MAAM,EAAE;AAAvB,OAAP;AACD,KAFD,MAEO;AACL,aAAO;AAAED,QAAAA,MAAM,gDAAMF,GAAN,IAAWD,KAAX,EAAR;AAA2BI,QAAAA,MAAM,EAAE;AAAnC,OAAP;AACD;AACF,GANM,MAMA,IAAIH,GAAG,CAACC,MAAJ,IAAc,CAAlB,EAAqB;AAC1B,QAAME,MAAM,GAAG,wBAAYJ,KAAZ,EAAmBC,GAAG,CAAC,CAAD,CAAtB,CAAf;;AAEA,QAAIG,MAAJ,EAAY;AACV,aAAO;AAAED,QAAAA,MAAM,EAAEF,GAAV;AAAeG,QAAAA,MAAM,EAANA;AAAf,OAAP;AACD,KAFD,MAEO;AACL,UAAMC,QAAQ,GAAG,CAAC,CAACJ,GAAG,CAACK,IAAJ,CAAS,UAACC,CAAD;AAAA,eAAO,wBAAYA,CAAZ,EAAeP,KAAf,CAAP;AAAA,OAAT,CAAnB;;AAEA,UAAIK,QAAJ,EAAc;AACZ,eAAO;AAAEF,UAAAA,MAAM,EAAEF,GAAV;AAAeG,UAAAA,MAAM,EAAE;AAAvB,SAAP;AACD,OAFD,MAEO;AACL,eAAO;AAAED,UAAAA,MAAM,gDAAMF,GAAN,IAAWD,KAAX,EAAR;AAA2BI,UAAAA,MAAM,EAAE;AAAnC,SAAP;AACD;AACF;AACF;AACF,CA1BM;;;;AA4BA,IAAMI,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAO;AACzBC,IAAAA,IAAI,EAAE,SADmB;AAEzBC,IAAAA,SAAS,EAAEC,qBAFc;AAGzBC,IAAAA,QAAQ,EAAE,kBAACC,IAAD,EAAOC,IAAP,EAAgB;AACxB,6CAAYA,IAAZ;AAAkBC,QAAAA,QAAQ,EAAE,KAA5B;AAAmCX,QAAAA,MAAM,EAAE;AAA3C;AACD,KALwB;AAMzBY,IAAAA,QAAQ,EAAE,kBAAChB,KAAD,EAAQc,IAAR,EAAiB;AACzB,UAAI,CAACA,IAAL,EAAW;AACT,eAAO;AACLL,UAAAA,IAAI,EAAE,SADD;AAELN,UAAAA,MAAM,EAAE,CAACH,KAAD,CAFH;AAGLI,UAAAA,MAAM,EAAE,KAHH;AAILW,UAAAA,QAAQ,EAAE;AAJL,SAAP;AAMD,OAPD,MAOO;AACL,+BAA2BhB,eAAe,CAACC,KAAD,EAAQc,IAAI,CAACX,MAAb,CAA1C;AAAA,YAAQC,MAAR,oBAAQA,MAAR;AAAA,YAAgBD,MAAhB,oBAAgBA,MAAhB;;AAEA,+CAAYW,IAAZ;AAAkBV,UAAAA,MAAM,EAANA,MAAlB;AAA0BD,UAAAA,MAAM,EAANA,MAA1B;AAAkCY,UAAAA,QAAQ,EAAE,CAACX;AAA7C;AACD;AACF;AAnBwB,GAAP;AAAA,CAAb","sourcesContent":["import Polygon from './component';\nimport { equalPoints } from '../../utils';\n\nexport const addPointToArray = (point, arr) => {\n  arr = arr || [];\n\n  if (arr.length === 0) {\n    return { points: [point], closed: false };\n  } else if (arr.length === 1) {\n    if (equalPoints(point, arr[0])) {\n      return { points: arr, closed: false };\n    } else {\n      return { points: [...arr, point], closed: false };\n    }\n  } else if (arr.length >= 2) {\n    const closed = equalPoints(point, arr[0]);\n\n    if (closed) {\n      return { points: arr, closed };\n    } else {\n      const hasPoint = !!arr.find((p) => equalPoints(p, point));\n\n      if (hasPoint) {\n        return { points: arr, closed: false };\n      } else {\n        return { points: [...arr, point], closed: false };\n      }\n    }\n  }\n};\n\nexport const tool = () => ({\n  type: 'polygon',\n  Component: Polygon,\n  complete: (data, mark) => {\n    return { ...mark, building: false, closed: true };\n  },\n  addPoint: (point, mark) => {\n    if (!mark) {\n      return {\n        type: 'polygon',\n        points: [point],\n        closed: false,\n        building: true,\n      };\n    } else {\n      const { closed, points } = addPointToArray(point, mark.points);\n\n      return { ...mark, closed, points, building: !closed };\n    }\n  },\n});\n"],"file":"index.js"}