@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.
- package/CHANGELOG.md +16 -6
- package/lib/axis/arrow.js +19 -55
- package/lib/axis/arrow.js.map +1 -1
- package/lib/axis/axes.js +104 -186
- package/lib/axis/axes.js.map +1 -1
- package/lib/axis/index.js +1 -6
- package/lib/axis/index.js.map +1 -1
- package/lib/bg.js +21 -49
- package/lib/bg.js.map +1 -1
- package/lib/container/actions.js +2 -8
- package/lib/container/actions.js.map +1 -1
- package/lib/container/index.js +14 -59
- package/lib/container/index.js.map +1 -1
- package/lib/container/marks.js +1 -6
- package/lib/container/marks.js.map +1 -1
- package/lib/container/middleware.js +2 -8
- package/lib/container/middleware.js.map +1 -1
- package/lib/container/reducer.js +1 -8
- package/lib/container/reducer.js.map +1 -1
- package/lib/coordinates-label.js +23 -55
- package/lib/coordinates-label.js.map +1 -1
- package/lib/graph-with-controls.js +120 -184
- package/lib/graph-with-controls.js.map +1 -1
- package/lib/graph.js +59 -116
- package/lib/graph.js.map +1 -1
- package/lib/grid-setup.js +174 -224
- package/lib/grid-setup.js.map +1 -1
- package/lib/grid.js +28 -73
- package/lib/grid.js.map +1 -1
- package/lib/index.js +1 -13
- package/lib/index.js.map +1 -1
- package/lib/key-legend.js +41 -85
- package/lib/key-legend.js.map +1 -1
- package/lib/label-svg-icon.js +1 -7
- package/lib/label-svg-icon.js.map +1 -1
- package/lib/labels.js +61 -119
- package/lib/labels.js.map +1 -1
- package/lib/mark-label.js +113 -163
- package/lib/mark-label.js.map +1 -1
- package/lib/toggle-bar.js +158 -242
- package/lib/toggle-bar.js.map +1 -1
- package/lib/tool-menu.js +16 -48
- package/lib/tool-menu.js.map +1 -1
- package/lib/tools/absolute/component.js +4 -10
- package/lib/tools/absolute/component.js.map +1 -1
- package/lib/tools/absolute/index.js +3 -16
- package/lib/tools/absolute/index.js.map +1 -1
- package/lib/tools/circle/bg-circle.js +42 -92
- package/lib/tools/circle/bg-circle.js.map +1 -1
- package/lib/tools/circle/component.js +79 -165
- package/lib/tools/circle/component.js.map +1 -1
- package/lib/tools/circle/index.js +3 -13
- package/lib/tools/circle/index.js.map +1 -1
- package/lib/tools/exponential/component.js +4 -10
- package/lib/tools/exponential/component.js.map +1 -1
- package/lib/tools/exponential/index.js +3 -18
- package/lib/tools/exponential/index.js.map +1 -1
- package/lib/tools/index.js +3 -16
- package/lib/tools/index.js.map +1 -1
- package/lib/tools/line/component.js +27 -48
- package/lib/tools/line/component.js.map +1 -1
- package/lib/tools/line/index.js +1 -6
- package/lib/tools/line/index.js.map +1 -1
- package/lib/tools/parabola/component.js +4 -10
- package/lib/tools/parabola/component.js.map +1 -1
- package/lib/tools/parabola/index.js +3 -16
- package/lib/tools/parabola/index.js.map +1 -1
- package/lib/tools/point/component.js +24 -71
- package/lib/tools/point/component.js.map +1 -1
- package/lib/tools/point/index.js +3 -11
- package/lib/tools/point/index.js.map +1 -1
- package/lib/tools/polygon/component.js +82 -183
- package/lib/tools/polygon/component.js.map +1 -1
- package/lib/tools/polygon/index.js +6 -23
- package/lib/tools/polygon/index.js.map +1 -1
- package/lib/tools/polygon/line.js +48 -91
- package/lib/tools/polygon/line.js.map +1 -1
- package/lib/tools/polygon/polygon.js +65 -98
- package/lib/tools/polygon/polygon.js.map +1 -1
- package/lib/tools/ray/component.js +41 -60
- package/lib/tools/ray/component.js.map +1 -1
- package/lib/tools/ray/index.js +1 -6
- package/lib/tools/ray/index.js.map +1 -1
- package/lib/tools/segment/component.js +25 -43
- package/lib/tools/segment/component.js.map +1 -1
- package/lib/tools/segment/index.js +1 -6
- package/lib/tools/segment/index.js.map +1 -1
- package/lib/tools/shared/arrow-head.js +69 -28
- package/lib/tools/shared/arrow-head.js.map +1 -1
- package/lib/tools/shared/icons/CorrectSVG.js +3 -8
- package/lib/tools/shared/icons/CorrectSVG.js.map +1 -1
- package/lib/tools/shared/icons/IncorrectSVG.js +3 -8
- package/lib/tools/shared/icons/IncorrectSVG.js.map +1 -1
- package/lib/tools/shared/icons/MissingSVG.js +3 -8
- package/lib/tools/shared/icons/MissingSVG.js.map +1 -1
- package/lib/tools/shared/line/index.js +126 -187
- package/lib/tools/shared/line/index.js.map +1 -1
- package/lib/tools/shared/line/line-path.js +70 -100
- package/lib/tools/shared/line/line-path.js.map +1 -1
- package/lib/tools/shared/line/with-root-edge.js +21 -55
- package/lib/tools/shared/line/with-root-edge.js.map +1 -1
- package/lib/tools/shared/point/arrow-point.js +23 -62
- package/lib/tools/shared/point/arrow-point.js.map +1 -1
- package/lib/tools/shared/point/arrow.js +24 -52
- package/lib/tools/shared/point/arrow.js.map +1 -1
- package/lib/tools/shared/point/base-point.js +54 -72
- package/lib/tools/shared/point/base-point.js.map +1 -1
- package/lib/tools/shared/point/index.js +22 -57
- package/lib/tools/shared/point/index.js.map +1 -1
- package/lib/tools/shared/styles.js +10 -38
- package/lib/tools/shared/styles.js.map +1 -1
- package/lib/tools/shared/types.js +2 -9
- package/lib/tools/shared/types.js.map +1 -1
- package/lib/tools/sine/component.js +8 -19
- package/lib/tools/sine/component.js.map +1 -1
- package/lib/tools/sine/index.js +3 -16
- package/lib/tools/sine/index.js.map +1 -1
- package/lib/tools/vector/component.js +24 -44
- package/lib/tools/vector/component.js.map +1 -1
- package/lib/tools/vector/index.js +1 -6
- package/lib/tools/vector/index.js.map +1 -1
- package/lib/undo-redo.js +29 -69
- package/lib/undo-redo.js.map +1 -1
- package/lib/use-debounce.js +4 -11
- package/lib/use-debounce.js.map +1 -1
- package/lib/utils.js +51 -128
- package/lib/utils.js.map +1 -1
- package/package.json +16 -13
- package/src/axis/arrow.jsx +7 -12
- package/src/axis/axes.jsx +40 -45
- package/src/coordinates-label.jsx +13 -18
- package/src/graph-with-controls.jsx +52 -59
- package/src/grid-setup.jsx +210 -206
- package/src/grid.jsx +1 -3
- package/src/key-legend.jsx +52 -56
- package/src/labels.jsx +21 -30
- package/src/mark-label.jsx +83 -81
- package/src/toggle-bar.jsx +155 -166
- package/src/tools/circle/bg-circle.jsx +20 -28
- package/src/tools/circle/component.jsx +28 -63
- package/src/tools/line/component.jsx +22 -15
- package/src/tools/polygon/component.jsx +1 -2
- package/src/tools/polygon/line.jsx +28 -32
- package/src/tools/polygon/polygon.jsx +52 -45
- package/src/tools/ray/component.jsx +38 -25
- package/src/tools/segment/component.jsx +19 -18
- package/src/tools/shared/arrow-head.jsx +60 -7
- package/src/tools/shared/line/index.jsx +39 -2
- package/src/tools/shared/line/line-path.jsx +54 -58
- package/src/tools/shared/point/arrow-point.jsx +10 -24
- package/src/tools/shared/point/arrow.jsx +5 -11
- package/src/tools/shared/point/base-point.jsx +42 -19
- package/src/tools/shared/point/index.jsx +27 -44
- package/src/tools/vector/component.jsx +11 -16
- 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
|
|
65
|
-
|
|
66
|
-
function
|
|
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
|
-
|
|
93
|
-
|
|
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
|
-
|
|
115
|
-
|
|
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;
|
|
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
|
|
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
|
-
|
|
153
|
-
|
|
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"])(
|
|
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"])(
|
|
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"])(
|
|
135
|
+
(0, _defineProperty2["default"])(_this, "close", function () {
|
|
196
136
|
var _this$props2 = _this.props,
|
|
197
|
-
|
|
198
|
-
|
|
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"])(
|
|
146
|
+
(0, _defineProperty2["default"])(_this, "labelChange", function (point, index) {
|
|
208
147
|
var _this$props3 = _this.props,
|
|
209
|
-
|
|
210
|
-
|
|
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"])(
|
|
158
|
+
(0, _defineProperty2["default"])(_this, "clickPoint", function (point, index, data) {
|
|
223
159
|
var _this$props4 = _this.props,
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
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
|
-
|
|
243
|
-
|
|
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
|
-
|
|
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
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
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(
|
|
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(
|
|
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 =
|
|
397
|
-
|
|
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 =
|
|
411
|
-
(0, _defineProperty2["default"])(
|
|
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
|
-
|
|
421
|
-
|
|
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"])(
|
|
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"])(
|
|
345
|
+
(0, _defineProperty2["default"])(_this3, "changeLabelProps", function (point) {
|
|
438
346
|
var _this3$props = _this3.props,
|
|
439
|
-
|
|
440
|
-
|
|
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"])(
|
|
354
|
+
(0, _defineProperty2["default"])(_this3, "closePolygon", function () {
|
|
449
355
|
log('[closePolygon] ...');
|
|
450
356
|
var _this3$props2 = _this3.props,
|
|
451
|
-
|
|
452
|
-
|
|
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"])(
|
|
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"])(
|
|
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
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
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
|
}));
|