@pie-lib/graphing 2.34.2-next.0 → 2.36.0-mui-update.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/CHANGELOG.md +16 -6
  2. package/lib/axis/arrow.js +19 -55
  3. package/lib/axis/arrow.js.map +1 -1
  4. package/lib/axis/axes.js +104 -186
  5. package/lib/axis/axes.js.map +1 -1
  6. package/lib/axis/index.js +1 -6
  7. package/lib/axis/index.js.map +1 -1
  8. package/lib/bg.js +21 -49
  9. package/lib/bg.js.map +1 -1
  10. package/lib/container/actions.js +2 -8
  11. package/lib/container/actions.js.map +1 -1
  12. package/lib/container/index.js +14 -59
  13. package/lib/container/index.js.map +1 -1
  14. package/lib/container/marks.js +1 -6
  15. package/lib/container/marks.js.map +1 -1
  16. package/lib/container/middleware.js +2 -8
  17. package/lib/container/middleware.js.map +1 -1
  18. package/lib/container/reducer.js +1 -8
  19. package/lib/container/reducer.js.map +1 -1
  20. package/lib/coordinates-label.js +23 -55
  21. package/lib/coordinates-label.js.map +1 -1
  22. package/lib/graph-with-controls.js +120 -184
  23. package/lib/graph-with-controls.js.map +1 -1
  24. package/lib/graph.js +59 -116
  25. package/lib/graph.js.map +1 -1
  26. package/lib/grid-setup.js +174 -224
  27. package/lib/grid-setup.js.map +1 -1
  28. package/lib/grid.js +28 -73
  29. package/lib/grid.js.map +1 -1
  30. package/lib/index.js +1 -13
  31. package/lib/index.js.map +1 -1
  32. package/lib/key-legend.js +41 -85
  33. package/lib/key-legend.js.map +1 -1
  34. package/lib/label-svg-icon.js +1 -7
  35. package/lib/label-svg-icon.js.map +1 -1
  36. package/lib/labels.js +61 -119
  37. package/lib/labels.js.map +1 -1
  38. package/lib/mark-label.js +113 -163
  39. package/lib/mark-label.js.map +1 -1
  40. package/lib/toggle-bar.js +158 -242
  41. package/lib/toggle-bar.js.map +1 -1
  42. package/lib/tool-menu.js +16 -48
  43. package/lib/tool-menu.js.map +1 -1
  44. package/lib/tools/absolute/component.js +4 -10
  45. package/lib/tools/absolute/component.js.map +1 -1
  46. package/lib/tools/absolute/index.js +3 -16
  47. package/lib/tools/absolute/index.js.map +1 -1
  48. package/lib/tools/circle/bg-circle.js +42 -92
  49. package/lib/tools/circle/bg-circle.js.map +1 -1
  50. package/lib/tools/circle/component.js +79 -165
  51. package/lib/tools/circle/component.js.map +1 -1
  52. package/lib/tools/circle/index.js +3 -13
  53. package/lib/tools/circle/index.js.map +1 -1
  54. package/lib/tools/exponential/component.js +4 -10
  55. package/lib/tools/exponential/component.js.map +1 -1
  56. package/lib/tools/exponential/index.js +3 -18
  57. package/lib/tools/exponential/index.js.map +1 -1
  58. package/lib/tools/index.js +3 -16
  59. package/lib/tools/index.js.map +1 -1
  60. package/lib/tools/line/component.js +27 -48
  61. package/lib/tools/line/component.js.map +1 -1
  62. package/lib/tools/line/index.js +1 -6
  63. package/lib/tools/line/index.js.map +1 -1
  64. package/lib/tools/parabola/component.js +4 -10
  65. package/lib/tools/parabola/component.js.map +1 -1
  66. package/lib/tools/parabola/index.js +3 -16
  67. package/lib/tools/parabola/index.js.map +1 -1
  68. package/lib/tools/point/component.js +24 -71
  69. package/lib/tools/point/component.js.map +1 -1
  70. package/lib/tools/point/index.js +3 -11
  71. package/lib/tools/point/index.js.map +1 -1
  72. package/lib/tools/polygon/component.js +82 -183
  73. package/lib/tools/polygon/component.js.map +1 -1
  74. package/lib/tools/polygon/index.js +6 -23
  75. package/lib/tools/polygon/index.js.map +1 -1
  76. package/lib/tools/polygon/line.js +48 -91
  77. package/lib/tools/polygon/line.js.map +1 -1
  78. package/lib/tools/polygon/polygon.js +65 -98
  79. package/lib/tools/polygon/polygon.js.map +1 -1
  80. package/lib/tools/ray/component.js +41 -60
  81. package/lib/tools/ray/component.js.map +1 -1
  82. package/lib/tools/ray/index.js +1 -6
  83. package/lib/tools/ray/index.js.map +1 -1
  84. package/lib/tools/segment/component.js +25 -43
  85. package/lib/tools/segment/component.js.map +1 -1
  86. package/lib/tools/segment/index.js +1 -6
  87. package/lib/tools/segment/index.js.map +1 -1
  88. package/lib/tools/shared/arrow-head.js +69 -28
  89. package/lib/tools/shared/arrow-head.js.map +1 -1
  90. package/lib/tools/shared/icons/CorrectSVG.js +3 -8
  91. package/lib/tools/shared/icons/CorrectSVG.js.map +1 -1
  92. package/lib/tools/shared/icons/IncorrectSVG.js +3 -8
  93. package/lib/tools/shared/icons/IncorrectSVG.js.map +1 -1
  94. package/lib/tools/shared/icons/MissingSVG.js +3 -8
  95. package/lib/tools/shared/icons/MissingSVG.js.map +1 -1
  96. package/lib/tools/shared/line/index.js +126 -187
  97. package/lib/tools/shared/line/index.js.map +1 -1
  98. package/lib/tools/shared/line/line-path.js +70 -100
  99. package/lib/tools/shared/line/line-path.js.map +1 -1
  100. package/lib/tools/shared/line/with-root-edge.js +21 -55
  101. package/lib/tools/shared/line/with-root-edge.js.map +1 -1
  102. package/lib/tools/shared/point/arrow-point.js +23 -62
  103. package/lib/tools/shared/point/arrow-point.js.map +1 -1
  104. package/lib/tools/shared/point/arrow.js +24 -52
  105. package/lib/tools/shared/point/arrow.js.map +1 -1
  106. package/lib/tools/shared/point/base-point.js +54 -72
  107. package/lib/tools/shared/point/base-point.js.map +1 -1
  108. package/lib/tools/shared/point/index.js +22 -57
  109. package/lib/tools/shared/point/index.js.map +1 -1
  110. package/lib/tools/shared/styles.js +10 -38
  111. package/lib/tools/shared/styles.js.map +1 -1
  112. package/lib/tools/shared/types.js +2 -9
  113. package/lib/tools/shared/types.js.map +1 -1
  114. package/lib/tools/sine/component.js +8 -19
  115. package/lib/tools/sine/component.js.map +1 -1
  116. package/lib/tools/sine/index.js +3 -16
  117. package/lib/tools/sine/index.js.map +1 -1
  118. package/lib/tools/vector/component.js +24 -44
  119. package/lib/tools/vector/component.js.map +1 -1
  120. package/lib/tools/vector/index.js +1 -6
  121. package/lib/tools/vector/index.js.map +1 -1
  122. package/lib/undo-redo.js +29 -69
  123. package/lib/undo-redo.js.map +1 -1
  124. package/lib/use-debounce.js +4 -11
  125. package/lib/use-debounce.js.map +1 -1
  126. package/lib/utils.js +51 -128
  127. package/lib/utils.js.map +1 -1
  128. package/package.json +16 -13
  129. package/src/axis/arrow.jsx +7 -12
  130. package/src/axis/axes.jsx +40 -45
  131. package/src/coordinates-label.jsx +13 -18
  132. package/src/graph-with-controls.jsx +52 -59
  133. package/src/grid-setup.jsx +210 -206
  134. package/src/grid.jsx +1 -3
  135. package/src/key-legend.jsx +52 -56
  136. package/src/labels.jsx +21 -30
  137. package/src/mark-label.jsx +83 -81
  138. package/src/toggle-bar.jsx +155 -166
  139. package/src/tools/circle/bg-circle.jsx +20 -28
  140. package/src/tools/circle/component.jsx +28 -63
  141. package/src/tools/line/component.jsx +22 -15
  142. package/src/tools/polygon/component.jsx +1 -2
  143. package/src/tools/polygon/line.jsx +28 -32
  144. package/src/tools/polygon/polygon.jsx +52 -45
  145. package/src/tools/ray/component.jsx +38 -25
  146. package/src/tools/segment/component.jsx +19 -18
  147. package/src/tools/shared/arrow-head.jsx +60 -7
  148. package/src/tools/shared/line/index.jsx +39 -2
  149. package/src/tools/shared/line/line-path.jsx +54 -58
  150. package/src/tools/shared/point/arrow-point.jsx +10 -24
  151. package/src/tools/shared/point/arrow.jsx +5 -11
  152. package/src/tools/shared/point/base-point.jsx +42 -19
  153. package/src/tools/shared/point/index.jsx +27 -44
  154. package/src/tools/vector/component.jsx +11 -16
  155. package/src/undo-redo.jsx +19 -21
@@ -1,81 +1,42 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.swap = exports["default"] = exports.buildLines = exports.RawBaseComponent = exports.BaseComponent = void 0;
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
-
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
23
-
24
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
25
-
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
26
15
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
27
-
28
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
29
-
30
17
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
31
-
32
18
  var _react = _interopRequireDefault(require("react"));
33
-
34
19
  var _propTypes = _interopRequireDefault(require("prop-types"));
35
-
36
- var _styles = require("@material-ui/core/styles");
37
-
38
20
  var _types = require("../shared/types");
39
-
40
21
  var _point = require("../shared/point");
41
-
42
22
  var _chunk = _interopRequireDefault(require("lodash/chunk"));
43
-
44
23
  var _initial = _interopRequireDefault(require("lodash/initial"));
45
-
46
24
  var _debug = _interopRequireDefault(require("debug"));
47
-
48
25
  var _line = _interopRequireDefault(require("./line"));
49
-
50
26
  var _polygon = _interopRequireWildcard(require("./polygon"));
51
-
52
27
  var _plot = require("@pie-lib/plot");
53
-
54
28
  var _invariant = _interopRequireDefault(require("invariant"));
55
-
56
29
  var _reactDom = _interopRequireDefault(require("react-dom"));
57
-
58
30
  var _markLabel = _interopRequireDefault(require("../../mark-label"));
59
-
60
31
  var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
61
-
62
32
  var _utils = require("../../utils");
63
-
64
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
65
-
66
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
67
-
68
- 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); }; }
69
-
70
- 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; } }
71
-
72
- 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; }
73
-
74
- 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; }
75
-
33
+ 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); }
34
+ 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)); }
35
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
36
+ 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; }
37
+ 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; }
76
38
  var log = (0, _debug["default"])('pie-lib:graphing:polygon');
77
-
78
- var buildLines = function buildLines(points, closed) {
39
+ var buildLines = exports.buildLines = function buildLines(points, closed) {
79
40
  var expanded = points.reduce(function (acc, p, index) {
80
41
  acc.push(_objectSpread(_objectSpread({}, p), {}, {
81
42
  index: index
@@ -89,9 +50,8 @@ var buildLines = function buildLines(points, closed) {
89
50
  }, []);
90
51
  var all = (0, _chunk["default"])(expanded, 2).map(function (_ref) {
91
52
  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
92
- from = _ref2[0],
93
- to = _ref2[1];
94
-
53
+ from = _ref2[0],
54
+ to = _ref2[1];
95
55
  return {
96
56
  from: from,
97
57
  to: to
@@ -99,23 +59,19 @@ var buildLines = function buildLines(points, closed) {
99
59
  });
100
60
  return closed ? all : (0, _initial["default"])(all);
101
61
  };
102
-
103
- exports.buildLines = buildLines;
104
-
105
- var swap = function swap(arr) {
62
+ var swap = exports.swap = function swap(arr) {
106
63
  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
107
64
  rest[_key - 1] = arguments[_key];
108
65
  }
109
-
110
66
  var pairs = (0, _chunk["default"])(rest, 2);
111
67
  return pairs.reduce(function (acc, pr) {
112
68
  if (pr.length === 2) {
113
69
  var _pr = (0, _slicedToArray2["default"])(pr, 2),
114
- e = _pr[0],
115
- replacement = _pr[1];
116
-
70
+ e = _pr[0],
71
+ replacement = _pr[1];
117
72
  (0, _invariant["default"])(Number.isFinite(e.index), 'Index must be defined');
118
- var index = e.index; // const i = acc.findIndex(pt => pt.x === e.x && pt.y === e.y);
73
+ var index = e.index;
74
+ // const i = acc.findIndex(pt => pt.x === e.x && pt.y === e.y);
119
75
 
120
76
  if (index >= 0) {
121
77
  acc.splice(index, 1, replacement);
@@ -128,61 +84,45 @@ var swap = function swap(arr) {
128
84
  }
129
85
  }, (0, _toConsumableArray2["default"])(arr));
130
86
  };
131
-
132
- exports.swap = swap;
133
-
134
- var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
135
- (0, _inherits2["default"])(RawBaseComponent, _React$Component);
136
-
137
- var _super = _createSuper(RawBaseComponent);
138
-
87
+ var RawBaseComponent = exports.RawBaseComponent = /*#__PURE__*/function (_React$Component) {
139
88
  function RawBaseComponent() {
140
89
  var _this;
141
-
142
90
  (0, _classCallCheck2["default"])(this, RawBaseComponent);
143
-
144
91
  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
145
92
  args[_key2] = arguments[_key2];
146
93
  }
147
-
148
- _this = _super.call.apply(_super, [this].concat(args));
149
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragPoint", function (index, from, to) {
94
+ _this = _callSuper(this, RawBaseComponent, [].concat(args));
95
+ (0, _defineProperty2["default"])(_this, "dragPoint", function (index, from, to) {
150
96
  log('[dragPoint] from, to:', from, to);
151
97
  var _this$props = _this.props,
152
- onChange = _this$props.onChange,
153
- points = _this$props.points;
98
+ onChange = _this$props.onChange,
99
+ points = _this$props.points;
154
100
  var update = (0, _toConsumableArray2["default"])(points);
155
101
  var overlapPoint = !!(points || []).find(function (p) {
156
102
  return (0, _utils.equalPoints)(p, to);
157
103
  });
158
-
159
104
  if ((0, _utils.equalPoints)(from, to) || overlapPoint) {
160
105
  return;
161
106
  }
162
-
163
107
  if (points[index].label) {
164
108
  to.label = points[index].label;
165
109
  }
166
-
167
110
  update.splice(index, 1, to);
168
111
  onChange(update);
169
112
  });
170
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragLine", function (existing, next) {
113
+ (0, _defineProperty2["default"])(_this, "dragLine", function (existing, next) {
171
114
  log('[dragLine]: ', existing, next);
172
115
  var onChange = _this.props.onChange;
173
-
174
116
  if (existing.from.label) {
175
117
  next.from.label = existing.from.label;
176
118
  }
177
-
178
119
  if (existing.to.label) {
179
120
  next.to.label = existing.to.label;
180
121
  }
181
-
182
122
  var points = swap(_this.props.points, existing.from, next.from, existing.to, next.to);
183
123
  onChange(points);
184
124
  });
185
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragPoly", function (existing, next) {
125
+ (0, _defineProperty2["default"])(_this, "dragPoly", function (existing, next) {
186
126
  log('[dragPoly] ', existing, next);
187
127
  var onChange = _this.props.onChange;
188
128
  next.forEach(function (point, index) {
@@ -192,60 +132,52 @@ var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
192
132
  });
193
133
  onChange(next);
194
134
  });
195
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "close", function () {
135
+ (0, _defineProperty2["default"])(_this, "close", function () {
196
136
  var _this$props2 = _this.props,
197
- points = _this$props2.points,
198
- onClosePolygon = _this$props2.onClosePolygon;
137
+ points = _this$props2.points,
138
+ onClosePolygon = _this$props2.onClosePolygon;
199
139
  log('[close] ...');
200
-
201
140
  if (points.length >= 3) {
202
141
  onClosePolygon();
203
142
  } else {
204
143
  log('[close] - nope');
205
144
  }
206
145
  });
207
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "labelChange", function (point, index) {
146
+ (0, _defineProperty2["default"])(_this, "labelChange", function (point, index) {
208
147
  var _this$props3 = _this.props,
209
- points = _this$props3.points,
210
- onChangeProps = _this$props3.onChangeProps;
211
-
148
+ points = _this$props3.points,
149
+ onChangeProps = _this$props3.onChangeProps;
212
150
  var updatedPoint = _objectSpread({}, point);
213
-
214
151
  if (!point.label || (0, _isEmpty["default"])(point.label)) {
215
152
  delete updatedPoint.label;
216
153
  }
217
-
218
154
  var update = (0, _toConsumableArray2["default"])(points);
219
155
  update.splice(index, 1, updatedPoint);
220
156
  onChangeProps(update);
221
157
  });
222
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clickPoint", function (point, index, data) {
158
+ (0, _defineProperty2["default"])(_this, "clickPoint", function (point, index, data) {
223
159
  var _this$props4 = _this.props,
224
- closed = _this$props4.closed,
225
- disabled = _this$props4.disabled,
226
- onClick = _this$props4.onClick,
227
- isToolActive = _this$props4.isToolActive,
228
- labelModeEnabled = _this$props4.labelModeEnabled,
229
- limitLabeling = _this$props4.limitLabeling,
230
- onChangeProps = _this$props4.onChangeProps,
231
- onChangeLabelProps = _this$props4.onChangeLabelProps,
232
- points = _this$props4.points;
233
-
160
+ closed = _this$props4.closed,
161
+ disabled = _this$props4.disabled,
162
+ onClick = _this$props4.onClick,
163
+ isToolActive = _this$props4.isToolActive,
164
+ labelModeEnabled = _this$props4.labelModeEnabled,
165
+ limitLabeling = _this$props4.limitLabeling,
166
+ onChangeProps = _this$props4.onChangeProps,
167
+ onChangeLabelProps = _this$props4.onChangeLabelProps,
168
+ points = _this$props4.points;
234
169
  if (labelModeEnabled) {
235
170
  // limit labeling the points of the polygon
236
171
  if (disabled || limitLabeling) {
237
172
  return;
238
173
  }
239
-
240
174
  if (points && index === points.length) {
241
175
  var _getRightestPoints = (0, _utils.getRightestPoints)(points),
242
- a = _getRightestPoints.a,
243
- b = _getRightestPoints.b;
244
-
176
+ a = _getRightestPoints.a,
177
+ b = _getRightestPoints.b;
245
178
  var middle = _objectSpread(_objectSpread({
246
179
  label: ''
247
180
  }, point), (0, _utils.getMiddleOfTwoPoints)(a, b));
248
-
249
181
  onChangeLabelProps(middle);
250
182
  } else {
251
183
  var update = (0, _toConsumableArray2["default"])(points);
@@ -254,44 +186,39 @@ var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
254
186
  }, point));
255
187
  onChangeProps(update);
256
188
  }
257
-
258
189
  if (_this.input[index]) {
259
190
  _this.input[index].focus();
260
191
  }
261
-
262
192
  return;
263
193
  }
264
-
265
194
  if (isToolActive && !closed && index === 0) {
266
195
  _this.close();
267
-
268
196
  return;
269
197
  }
270
-
271
198
  onClick(point || data);
272
199
  });
273
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "input", {});
200
+ // IMPORTANT, do not remove
201
+ (0, _defineProperty2["default"])(_this, "input", {});
274
202
  return _this;
275
203
  }
276
-
277
- (0, _createClass2["default"])(RawBaseComponent, [{
204
+ (0, _inherits2["default"])(RawBaseComponent, _React$Component);
205
+ return (0, _createClass2["default"])(RawBaseComponent, [{
278
206
  key: "render",
279
207
  value: function render() {
280
208
  var _this2 = this;
281
-
282
209
  var _this$props5 = this.props,
283
- closed = _this$props5.closed,
284
- coordinatesOnHover = _this$props5.coordinatesOnHover,
285
- correctness = _this$props5.correctness,
286
- disabled = _this$props5.disabled,
287
- graphProps = _this$props5.graphProps,
288
- onChangeLabelProps = _this$props5.onChangeLabelProps,
289
- onDragStart = _this$props5.onDragStart,
290
- onDragStop = _this$props5.onDragStop,
291
- points = _this$props5.points,
292
- middle = _this$props5.middle,
293
- labelNode = _this$props5.labelNode,
294
- labelModeEnabled = _this$props5.labelModeEnabled;
210
+ closed = _this$props5.closed,
211
+ coordinatesOnHover = _this$props5.coordinatesOnHover,
212
+ correctness = _this$props5.correctness,
213
+ disabled = _this$props5.disabled,
214
+ graphProps = _this$props5.graphProps,
215
+ onChangeLabelProps = _this$props5.onChangeLabelProps,
216
+ onDragStart = _this$props5.onDragStart,
217
+ onDragStop = _this$props5.onDragStop,
218
+ points = _this$props5.points,
219
+ middle = _this$props5.middle,
220
+ labelNode = _this$props5.labelNode,
221
+ labelModeEnabled = _this$props5.labelModeEnabled;
295
222
  var lines = buildLines(points, closed);
296
223
  var common = {
297
224
  onDragStart: onDragStart,
@@ -302,9 +229,8 @@ var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
302
229
  };
303
230
  var polygonLabelIndex = points && points.length || 0;
304
231
  var polygonLabelNode = null;
305
-
306
232
  if (labelNode && middle && middle.hasOwnProperty('label')) {
307
- polygonLabelNode = /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
233
+ polygonLabelNode = /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
308
234
  inputRef: function inputRef(r) {
309
235
  return _this2.input[polygonLabelIndex] = r;
310
236
  },
@@ -318,7 +244,6 @@ var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
318
244
  }
319
245
  }), labelNode);
320
246
  }
321
-
322
247
  return /*#__PURE__*/_react["default"].createElement("g", null, closed ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_polygon["default"], (0, _extends2["default"])({
323
248
  points: points,
324
249
  onDrag: this.dragPoly.bind(this, points),
@@ -348,7 +273,7 @@ var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
348
273
  onDrag: _this2.dragPoint.bind(_this2, index, p)
349
274
  }, common, {
350
275
  onClick: _this2.clickPoint.bind(_this2, p, index)
351
- })), labelNode && p.hasOwnProperty('label') ? /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
276
+ })), labelNode && p.hasOwnProperty('label') ? /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
352
277
  inputRef: function inputRef(r) {
353
278
  return _this2.input[index] = r;
354
279
  },
@@ -364,10 +289,7 @@ var RawBaseComponent = /*#__PURE__*/function (_React$Component) {
364
289
  }));
365
290
  }
366
291
  }]);
367
- return RawBaseComponent;
368
292
  }(_react["default"].Component);
369
-
370
- exports.RawBaseComponent = RawBaseComponent;
371
293
  (0, _defineProperty2["default"])(RawBaseComponent, "propTypes", {
372
294
  classes: _propTypes["default"].object,
373
295
  className: _propTypes["default"].string,
@@ -393,80 +315,60 @@ exports.RawBaseComponent = RawBaseComponent;
393
315
  (0, _defineProperty2["default"])(RawBaseComponent, "defaultProps", {
394
316
  points: []
395
317
  });
396
- var BaseComponent = (0, _styles.withStyles)(function () {
397
- return {};
398
- })(RawBaseComponent);
399
- exports.BaseComponent = BaseComponent;
400
-
401
- var Component = /*#__PURE__*/function (_React$Component2) {
402
- (0, _inherits2["default"])(Component, _React$Component2);
403
-
404
- var _super2 = _createSuper(Component);
405
-
318
+ var BaseComponent = exports.BaseComponent = RawBaseComponent;
319
+ var Component = exports["default"] = /*#__PURE__*/function (_React$Component2) {
406
320
  function Component(props) {
407
321
  var _this3;
408
-
409
322
  (0, _classCallCheck2["default"])(this, Component);
410
- _this3 = _super2.call(this, props);
411
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "change", function (points) {
323
+ _this3 = _callSuper(this, Component, [props]);
324
+ (0, _defineProperty2["default"])(_this3, "change", function (points) {
412
325
  var middle = _this3.props.mark.middle;
413
-
414
326
  var mark = _objectSpread(_objectSpread({}, _this3.state.mark), {}, {
415
327
  points: points
416
328
  });
417
-
418
329
  if (middle) {
419
330
  var _getRightestPoints2 = (0, _utils.getRightestPoints)(points),
420
- a = _getRightestPoints2.a,
421
- b = _getRightestPoints2.b;
422
-
331
+ a = _getRightestPoints2.a,
332
+ b = _getRightestPoints2.b;
423
333
  mark.middle = _objectSpread(_objectSpread({}, middle), (0, _utils.getMiddleOfTwoPoints)(a, b));
424
334
  }
425
-
426
335
  _this3.setState({
427
336
  mark: mark
428
337
  });
429
338
  });
430
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeProps", function (points) {
339
+ (0, _defineProperty2["default"])(_this3, "changeProps", function (points) {
431
340
  var mark = _objectSpread(_objectSpread({}, _this3.props.mark), {}, {
432
341
  points: points
433
342
  });
434
-
435
343
  _this3.props.onChange(_this3.props.mark, mark);
436
344
  });
437
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeLabelProps", function (point) {
345
+ (0, _defineProperty2["default"])(_this3, "changeLabelProps", function (point) {
438
346
  var _this3$props = _this3.props,
439
- mark = _this3$props.mark,
440
- onChange = _this3$props.onChange;
441
-
347
+ mark = _this3$props.mark,
348
+ onChange = _this3$props.onChange;
442
349
  var middle = _objectSpread(_objectSpread({}, mark.middle), point);
443
-
444
350
  onChange(mark, _objectSpread(_objectSpread({}, mark), {}, {
445
351
  middle: middle
446
352
  }));
447
353
  });
448
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "closePolygon", function () {
354
+ (0, _defineProperty2["default"])(_this3, "closePolygon", function () {
449
355
  log('[closePolygon] ...');
450
356
  var _this3$props2 = _this3.props,
451
- onComplete = _this3$props2.onComplete,
452
- mark = _this3$props2.mark;
453
-
357
+ onComplete = _this3$props2.onComplete,
358
+ mark = _this3$props2.mark;
454
359
  var update = _objectSpread(_objectSpread({}, mark), {}, {
455
360
  closed: true
456
361
  });
457
-
458
362
  onComplete(mark, update);
459
363
  });
460
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "dragStart", function () {
364
+ (0, _defineProperty2["default"])(_this3, "dragStart", function () {
461
365
  return _this3.setState({
462
366
  mark: _this3.props.mark
463
367
  });
464
368
  });
465
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "dragStop", function () {
369
+ (0, _defineProperty2["default"])(_this3, "dragStop", function () {
466
370
  var onChange = _this3.props.onChange;
467
-
468
371
  var m = _objectSpread({}, _this3.state.mark);
469
-
470
372
  _this3.setState({
471
373
  mark: undefined
472
374
  }, function () {
@@ -476,19 +378,19 @@ var Component = /*#__PURE__*/function (_React$Component2) {
476
378
  _this3.state = {};
477
379
  return _this3;
478
380
  }
479
-
480
- (0, _createClass2["default"])(Component, [{
381
+ (0, _inherits2["default"])(Component, _React$Component2);
382
+ return (0, _createClass2["default"])(Component, [{
481
383
  key: "render",
482
384
  value: function render() {
483
385
  var _this$props6 = this.props,
484
- coordinatesOnHover = _this$props6.coordinatesOnHover,
485
- mark = _this$props6.mark,
486
- graphProps = _this$props6.graphProps,
487
- onClick = _this$props6.onClick,
488
- isToolActive = _this$props6.isToolActive,
489
- labelNode = _this$props6.labelNode,
490
- labelModeEnabled = _this$props6.labelModeEnabled,
491
- limitLabeling = _this$props6.limitLabeling;
386
+ coordinatesOnHover = _this$props6.coordinatesOnHover,
387
+ mark = _this$props6.mark,
388
+ graphProps = _this$props6.graphProps,
389
+ onClick = _this$props6.onClick,
390
+ isToolActive = _this$props6.isToolActive,
391
+ labelNode = _this$props6.labelNode,
392
+ labelModeEnabled = _this$props6.labelModeEnabled,
393
+ limitLabeling = _this$props6.limitLabeling;
492
394
  var stateMark = this.state.mark;
493
395
  return /*#__PURE__*/_react["default"].createElement(BaseComponent, (0, _extends2["default"])({}, stateMark || mark, {
494
396
  coordinatesOnHover: coordinatesOnHover,
@@ -507,10 +409,7 @@ var Component = /*#__PURE__*/function (_React$Component2) {
507
409
  }));
508
410
  }
509
411
  }]);
510
- return Component;
511
412
  }(_react["default"].Component);
512
-
513
- exports["default"] = Component;
514
413
  (0, _defineProperty2["default"])(Component, "propTypes", _objectSpread(_objectSpread({}, _types.ToolPropTypeFields), {}, {
515
414
  graphProps: _plot.types.GraphPropsType.isRequired
516
415
  }));