@pie-lib/graphing 2.34.1 → 2.35.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 +10 -8
- 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 +113 -183
- 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 +161 -223
- 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 +15 -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 +204 -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,63 +1,58 @@
|
|
|
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.getPointString = exports["default"] = exports.RawPolygon = exports.Polygon = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
15
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
-
|
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
|
33
|
-
|
|
19
|
+
var _styles = require("@mui/material/styles");
|
|
34
20
|
var _plot = require("@pie-lib/plot");
|
|
35
|
-
|
|
36
21
|
var utils = _interopRequireWildcard(require("../../utils"));
|
|
37
|
-
|
|
38
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
39
|
-
|
|
40
22
|
var _renderUi = require("@pie-lib/render-ui");
|
|
41
|
-
|
|
42
|
-
var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
|
|
43
|
-
|
|
44
23
|
var _styles2 = require("../shared/styles");
|
|
45
|
-
|
|
46
|
-
var
|
|
47
|
-
|
|
48
|
-
function
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
24
|
+
var _excluded = ["points", "className", "disabled", "correctness", "graphProps", "closed"];
|
|
25
|
+
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); }
|
|
26
|
+
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)); }
|
|
27
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
28
|
+
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; }
|
|
29
|
+
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; }
|
|
30
|
+
var StyledPolygon = (0, _styles.styled)('polygon')(function (_ref) {
|
|
31
|
+
var theme = _ref.theme,
|
|
32
|
+
isDisabled = _ref.disabled,
|
|
33
|
+
correctness = _ref.correctness;
|
|
34
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
35
|
+
fill: (0, _styles.alpha)(theme.palette.primary.light, 0.2),
|
|
36
|
+
strokeWidth: 2,
|
|
37
|
+
stroke: _renderUi.color.defaults.BLACK
|
|
38
|
+
}, isDisabled && (0, _styles2.disabled)('stroke')), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
|
|
39
|
+
stroke: 'inherit'
|
|
40
|
+
}));
|
|
41
|
+
});
|
|
42
|
+
var StyledPolyline = (0, _styles.styled)('polyline')(function (_ref2) {
|
|
43
|
+
var theme = _ref2.theme,
|
|
44
|
+
isDisabled = _ref2.disabled,
|
|
45
|
+
correctness = _ref2.correctness;
|
|
46
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
47
|
+
fill: (0, _styles.alpha)(theme.palette.primary.light, 0.0),
|
|
48
|
+
strokeWidth: 2,
|
|
49
|
+
stroke: _renderUi.color.defaults.BLACK,
|
|
50
|
+
pointerEvents: 'none'
|
|
51
|
+
}, isDisabled && (0, _styles2.disabled)('stroke')), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
|
|
52
|
+
stroke: 'inherit'
|
|
53
|
+
}));
|
|
54
|
+
});
|
|
55
|
+
var getPointString = exports.getPointString = function getPointString(points, scale) {
|
|
61
56
|
return (points || []).map(function (p) {
|
|
62
57
|
var scaledPoint = {
|
|
63
58
|
x: scale.x(p.x),
|
|
@@ -66,46 +61,44 @@ var getPointString = function getPointString(points, scale) {
|
|
|
66
61
|
return "".concat(scaledPoint.x, ",").concat(scaledPoint.y);
|
|
67
62
|
}).join(' ');
|
|
68
63
|
};
|
|
69
|
-
|
|
70
|
-
exports.getPointString = getPointString;
|
|
71
|
-
|
|
72
|
-
var RawPolygon = /*#__PURE__*/function (_React$Component) {
|
|
73
|
-
(0, _inherits2["default"])(RawPolygon, _React$Component);
|
|
74
|
-
|
|
75
|
-
var _super = _createSuper(RawPolygon);
|
|
76
|
-
|
|
64
|
+
var RawPolygon = exports.RawPolygon = /*#__PURE__*/function (_React$Component) {
|
|
77
65
|
function RawPolygon() {
|
|
78
66
|
(0, _classCallCheck2["default"])(this, RawPolygon);
|
|
79
|
-
return
|
|
67
|
+
return _callSuper(this, RawPolygon, arguments);
|
|
80
68
|
}
|
|
81
|
-
|
|
82
|
-
(0, _createClass2["default"])(RawPolygon, [{
|
|
69
|
+
(0, _inherits2["default"])(RawPolygon, _React$Component);
|
|
70
|
+
return (0, _createClass2["default"])(RawPolygon, [{
|
|
83
71
|
key: "render",
|
|
84
72
|
value: function render() {
|
|
85
73
|
var _this$props = this.props,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
74
|
+
points = _this$props.points,
|
|
75
|
+
className = _this$props.className,
|
|
76
|
+
disabled = _this$props.disabled,
|
|
77
|
+
correctness = _this$props.correctness,
|
|
78
|
+
graphProps = _this$props.graphProps,
|
|
79
|
+
closed = _this$props.closed,
|
|
80
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
94
81
|
var scale = graphProps.scale;
|
|
95
82
|
var pointString = getPointString(points, scale);
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
83
|
+
if (closed) {
|
|
84
|
+
return /*#__PURE__*/_react["default"].createElement(StyledPolygon, (0, _extends2["default"])({
|
|
85
|
+
points: pointString,
|
|
86
|
+
className: className,
|
|
87
|
+
disabled: disabled,
|
|
88
|
+
correctness: correctness
|
|
89
|
+
}, rest));
|
|
90
|
+
} else {
|
|
91
|
+
return /*#__PURE__*/_react["default"].createElement(StyledPolyline, (0, _extends2["default"])({
|
|
92
|
+
points: pointString,
|
|
93
|
+
className: className,
|
|
94
|
+
disabled: disabled,
|
|
95
|
+
correctness: correctness
|
|
96
|
+
}, rest));
|
|
97
|
+
}
|
|
101
98
|
}
|
|
102
99
|
}]);
|
|
103
|
-
return RawPolygon;
|
|
104
100
|
}(_react["default"].Component);
|
|
105
|
-
|
|
106
|
-
exports.RawPolygon = RawPolygon;
|
|
107
101
|
(0, _defineProperty2["default"])(RawPolygon, "propTypes", {
|
|
108
|
-
classes: _propTypes["default"].object,
|
|
109
102
|
className: _propTypes["default"].string,
|
|
110
103
|
disabled: _propTypes["default"].bool,
|
|
111
104
|
points: _propTypes["default"].arrayOf(_plot.types.PointType),
|
|
@@ -116,35 +109,11 @@ exports.RawPolygon = RawPolygon;
|
|
|
116
109
|
(0, _defineProperty2["default"])(RawPolygon, "defaultProps", {
|
|
117
110
|
points: []
|
|
118
111
|
});
|
|
119
|
-
var Polygon =
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
strokeWidth: 2,
|
|
125
|
-
stroke: _renderUi.color.defaults.BLACK
|
|
126
|
-
},
|
|
127
|
-
open: {
|
|
128
|
-
fill: (0, _colorManipulator.fade)(theme.palette.primary.light, 0.0),
|
|
129
|
-
// TODO hardcoded color
|
|
130
|
-
strokeWidth: 2,
|
|
131
|
-
stroke: _renderUi.color.defaults.BLACK,
|
|
132
|
-
pointerEvents: 'none'
|
|
133
|
-
},
|
|
134
|
-
disabled: _objectSpread({}, (0, _styles2.disabled)('stroke')),
|
|
135
|
-
correct: _objectSpread({}, (0, _styles2.correct)('stroke')),
|
|
136
|
-
incorrect: _objectSpread({}, (0, _styles2.incorrect)('stroke')),
|
|
137
|
-
missing: _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
|
|
138
|
-
stroke: 'inherit'
|
|
139
|
-
})
|
|
140
|
-
};
|
|
141
|
-
})(RawPolygon);
|
|
142
|
-
exports.Polygon = Polygon;
|
|
143
|
-
|
|
144
|
-
var _default = (0, _plot.gridDraggable)({
|
|
145
|
-
bounds: function bounds(props, _ref) {
|
|
146
|
-
var domain = _ref.domain,
|
|
147
|
-
range = _ref.range;
|
|
112
|
+
var Polygon = exports.Polygon = RawPolygon;
|
|
113
|
+
var _default = exports["default"] = (0, _plot.gridDraggable)({
|
|
114
|
+
bounds: function bounds(props, _ref3) {
|
|
115
|
+
var domain = _ref3.domain,
|
|
116
|
+
range = _ref3.range;
|
|
148
117
|
var points = props.points;
|
|
149
118
|
var area = utils.polygonToArea(points);
|
|
150
119
|
return utils.bounds(area, domain, range);
|
|
@@ -160,6 +129,4 @@ var _default = (0, _plot.gridDraggable)({
|
|
|
160
129
|
});
|
|
161
130
|
}
|
|
162
131
|
})(Polygon);
|
|
163
|
-
|
|
164
|
-
exports["default"] = _default;
|
|
165
132
|
//# sourceMappingURL=polygon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/tools/polygon/polygon.jsx"],"names":["getPointString","points","scale","map","p","scaledPoint","x","y","join","RawPolygon","props","classes","className","disabled","correctness","graphProps","closed","rest","pointString","Tag","open","React","Component","PropTypes","object","string","bool","arrayOf","types","PointType","GraphPropsType","isRequired","Polygon","theme","fill","palette","primary","light","strokeWidth","stroke","color","defaults","BLACK","pointerEvents","correct","incorrect","missing","bounds","domain","range","area","utils","polygonToArea","anchorPoint","fromDelta","delta","point","add"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { gridDraggable, types } from '@pie-lib/plot';\nimport * as utils from '../../utils';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport { fade } from '@material-ui/core/styles/colorManipulator';\nimport { correct, disabled, incorrect, missing } from '../shared/styles';\n\nexport const getPointString = (points, scale) => {\n return (points || [])\n .map((p) => {\n const scaledPoint = {\n x: scale.x(p.x),\n y: scale.y(p.y),\n };\n return `${scaledPoint.x},${scaledPoint.y}`;\n })\n .join(' ');\n};\n\nexport class RawPolygon extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n disabled: PropTypes.bool,\n points: PropTypes.arrayOf(types.PointType),\n graphProps: types.GraphPropsType.isRequired,\n closed: PropTypes.bool.isRequired,\n correctness: PropTypes.string,\n };\n\n static defaultProps = {\n points: [],\n };\n\n render() {\n const { points, classes, className, disabled, correctness, graphProps, closed, ...rest } = this.props;\n const { scale } = graphProps;\n\n const pointString = getPointString(points, scale);\n const Tag = closed ? 'polygon' : 'polyline';\n return (\n <Tag\n points={pointString}\n className={classNames(\n closed && classes.closed,\n !closed && classes.open,\n disabled && classes.disabled,\n classes[correctness],\n className,\n )}\n {...rest}\n />\n );\n }\n}\n\nexport const Polygon = withStyles((theme) => ({\n closed: {\n fill: fade(theme.palette.primary.light, 0.2), // TODO hardcoded color\n strokeWidth: 2,\n stroke: color.defaults.BLACK,\n },\n open: {\n fill: fade(theme.palette.primary.light, 0.0), // TODO hardcoded color\n strokeWidth: 2,\n stroke: color.defaults.BLACK,\n pointerEvents: 'none',\n },\n disabled: {\n ...disabled('stroke'),\n },\n correct: {\n ...correct('stroke'),\n },\n incorrect: {\n ...incorrect('stroke'),\n },\n missing: {\n ...missing('stroke'),\n stroke: 'inherit',\n },\n}))(RawPolygon);\n\nexport default gridDraggable({\n bounds: (props, { domain, range }) => {\n const { points } = props;\n const area = utils.polygonToArea(points);\n return utils.bounds(area, domain, range);\n },\n anchorPoint: (props) => {\n const { points } = props;\n return points[0];\n },\n fromDelta: (props, delta) => {\n const { points } = props;\n\n return points.map((p) => utils.point(p).add(utils.point(delta)));\n },\n})(Polygon);\n"],"file":"polygon.js"}
|
|
1
|
+
{"version":3,"file":"polygon.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","utils","_interopRequireWildcard","_renderUi","_styles2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledPolygon","styled","_ref","theme","isDisabled","disabled","correctness","fill","alpha","palette","primary","light","strokeWidth","stroke","color","defaults","BLACK","correct","incorrect","missing","StyledPolyline","_ref2","pointerEvents","getPointString","exports","points","scale","map","p","scaledPoint","x","y","concat","join","RawPolygon","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","className","graphProps","closed","rest","_objectWithoutProperties2","pointString","createElement","_extends2","React","Component","PropTypes","string","bool","arrayOf","types","PointType","GraphPropsType","isRequired","Polygon","_default","gridDraggable","bounds","_ref3","domain","range","area","polygonToArea","anchorPoint","fromDelta","delta","point","add"],"sources":["../../../src/tools/polygon/polygon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { alpha, styled } from '@mui/material/styles';\nimport { gridDraggable, types } from '@pie-lib/plot';\nimport * as utils from '../../utils';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, disabled, incorrect, missing } from '../shared/styles';\n\nconst StyledPolygon = styled('polygon')(({ theme, disabled: isDisabled, correctness }) => ({\n fill: alpha(theme.palette.primary.light, 0.2),\n strokeWidth: 2,\n stroke: color.defaults.BLACK,\n ...(isDisabled && disabled('stroke')),\n ...(correctness === 'correct' && correct('stroke')),\n ...(correctness === 'incorrect' && incorrect('stroke')),\n ...(correctness === 'missing' && {\n ...missing('stroke'),\n stroke: 'inherit',\n }),\n}));\n\nconst StyledPolyline = styled('polyline')(({ theme, disabled: isDisabled, correctness }) => ({\n fill: alpha(theme.palette.primary.light, 0.0),\n strokeWidth: 2,\n stroke: color.defaults.BLACK,\n pointerEvents: 'none',\n ...(isDisabled && disabled('stroke')),\n ...(correctness === 'correct' && correct('stroke')),\n ...(correctness === 'incorrect' && incorrect('stroke')),\n ...(correctness === 'missing' && {\n ...missing('stroke'),\n stroke: 'inherit',\n }),\n}));\n\nexport const getPointString = (points, scale) => {\n return (points || [])\n .map((p) => {\n const scaledPoint = {\n x: scale.x(p.x),\n y: scale.y(p.y),\n };\n return `${scaledPoint.x},${scaledPoint.y}`;\n })\n .join(' ');\n};\n\nexport class RawPolygon extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n disabled: PropTypes.bool,\n points: PropTypes.arrayOf(types.PointType),\n graphProps: types.GraphPropsType.isRequired,\n closed: PropTypes.bool.isRequired,\n correctness: PropTypes.string,\n };\n\n static defaultProps = {\n points: [],\n };\n\n render() {\n const { points, className, disabled, correctness, graphProps, closed, ...rest } = this.props;\n const { scale } = graphProps;\n\n const pointString = getPointString(points, scale);\n \n if (closed) {\n return (\n <StyledPolygon\n points={pointString}\n className={className}\n disabled={disabled}\n correctness={correctness}\n {...rest}\n />\n );\n } else {\n return (\n <StyledPolyline\n points={pointString}\n className={className}\n disabled={disabled}\n correctness={correctness}\n {...rest}\n />\n );\n }\n }\n}\n\nexport const Polygon = RawPolygon;\n\nexport default gridDraggable({\n bounds: (props, { domain, range }) => {\n const { points } = props;\n const area = utils.polygonToArea(points);\n return utils.bounds(area, domain, range);\n },\n anchorPoint: (props) => {\n const { points } = props;\n return points[0];\n },\n fromDelta: (props, delta) => {\n const { points } = props;\n\n return points.map((p) => utils.point(p).add(utils.point(delta)));\n },\n})(Polygon);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,91 +1,74 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.RayLine = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
11
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
12
|
var _line = require("../shared/line");
|
|
17
|
-
|
|
18
13
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
-
|
|
22
15
|
var _arrowHead = require("../shared/arrow-head");
|
|
23
|
-
|
|
24
16
|
var _plot = require("@pie-lib/plot");
|
|
25
|
-
|
|
26
|
-
var _styles = require("@material-ui/core/styles");
|
|
27
|
-
|
|
28
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
-
|
|
30
18
|
var _utils = require("../../utils");
|
|
31
|
-
|
|
32
|
-
var _excluded = ["graphProps", "from", "to", "
|
|
33
|
-
|
|
34
|
-
var
|
|
19
|
+
var _styles = require("@mui/material/styles");
|
|
20
|
+
var _excluded = ["graphProps", "from", "to", "disabled", "correctness", "className", "markerId"];
|
|
21
|
+
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; }
|
|
22
|
+
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; }
|
|
23
|
+
var StyledRayRoot = (0, _styles.styled)('g')(function (_ref) {
|
|
24
|
+
var theme = _ref.theme,
|
|
25
|
+
disabled = _ref.disabled,
|
|
26
|
+
correctness = _ref.correctness;
|
|
35
27
|
return {
|
|
36
|
-
line: _line.styles.line(theme),
|
|
37
|
-
enabledArrow: _line.styles.arrow(theme),
|
|
38
|
-
disabledArrow: _line.styles.disabledArrow(theme),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
correctArrow: _line.styles.correct(theme),
|
|
43
|
-
incorrect: _line.styles.incorrect(theme, 'stroke'),
|
|
44
|
-
incorrectArrow: _line.styles.incorrect(theme),
|
|
45
|
-
missing: _line.styles.missing(theme, 'stroke'),
|
|
46
|
-
missingArrow: _line.styles.missing(theme)
|
|
28
|
+
'& line': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _line.styles.line(theme)), disabled && _line.styles.disabledSecondary(theme)), correctness === 'correct' && _line.styles.correct(theme, 'stroke')), correctness === 'incorrect' && _line.styles.incorrect(theme, 'stroke')), correctness === 'missing' && _line.styles.missing(theme, 'stroke')),
|
|
29
|
+
'& .enabledArrow': _objectSpread({}, _line.styles.arrow(theme)),
|
|
30
|
+
'& .disabledArrow': _objectSpread({}, _line.styles.disabledArrow(theme)),
|
|
31
|
+
'& .correctArrow': _objectSpread({}, _line.styles.correct(theme)),
|
|
32
|
+
'& .incorrectArrow': _objectSpread({}, _line.styles.incorrect(theme)),
|
|
33
|
+
'& .missingArrow': _objectSpread({}, _line.styles.missing(theme))
|
|
47
34
|
};
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
var RayLine = function RayLine(props) {
|
|
35
|
+
});
|
|
36
|
+
var RayLine = exports.RayLine = function RayLine(props) {
|
|
51
37
|
var markerId = (0, _arrowHead.genUid)();
|
|
52
38
|
var graphProps = props.graphProps,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
from = props.from,
|
|
40
|
+
to = props.to,
|
|
41
|
+
disabled = props.disabled,
|
|
42
|
+
correctness = props.correctness,
|
|
43
|
+
className = props.className,
|
|
44
|
+
propMarkerId = props.markerId,
|
|
45
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
60
46
|
var scale = graphProps.scale;
|
|
61
|
-
|
|
62
47
|
var _getAdjustedGraphLimi = (0, _utils.getAdjustedGraphLimits)(graphProps),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
48
|
+
domain = _getAdjustedGraphLimi.domain,
|
|
49
|
+
range = _getAdjustedGraphLimi.range;
|
|
66
50
|
var _trig$edges = _plot.trig.edges(domain, range)(from, to),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
51
|
+
_trig$edges2 = (0, _slicedToArray2["default"])(_trig$edges, 1),
|
|
52
|
+
aToB = _trig$edges2[0];
|
|
70
53
|
var suffix = correctness || disabled && 'disabled' || 'enabled';
|
|
71
|
-
|
|
54
|
+
var finalMarkerId = propMarkerId || markerId;
|
|
55
|
+
return /*#__PURE__*/_react["default"].createElement(StyledRayRoot, {
|
|
56
|
+
disabled: disabled,
|
|
57
|
+
correctness: correctness
|
|
58
|
+
}, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowMarker, {
|
|
72
59
|
size: (0, _utils.thinnerShapesNeeded)(graphProps) ? 4 : 5,
|
|
73
|
-
id: "".concat(
|
|
74
|
-
className: (0, _classnames["default"])(
|
|
60
|
+
id: "".concat(finalMarkerId, "-").concat(suffix),
|
|
61
|
+
className: (0, _classnames["default"])(suffix === 'enabled' ? 'enabledArrow' : suffix === 'disabled' ? 'disabledArrow' : "".concat(suffix, "Arrow"))
|
|
75
62
|
})), /*#__PURE__*/_react["default"].createElement("line", (0, _extends2["default"])({
|
|
76
63
|
x1: scale.x(from.x),
|
|
77
64
|
y1: scale.y(from.y),
|
|
78
65
|
x2: scale.x(aToB.x),
|
|
79
|
-
y2: scale.y(aToB.y)
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
})));
|
|
66
|
+
y2: scale.y(aToB.y),
|
|
67
|
+
className: className,
|
|
68
|
+
markerEnd: "url(#".concat(finalMarkerId, "-").concat(suffix, ")")
|
|
69
|
+
}, rest)));
|
|
84
70
|
};
|
|
85
|
-
|
|
86
|
-
exports.RayLine = RayLine;
|
|
87
71
|
RayLine.propTypes = {
|
|
88
|
-
classes: _propTypes["default"].object,
|
|
89
72
|
className: _propTypes["default"].string,
|
|
90
73
|
disabled: _propTypes["default"].bool,
|
|
91
74
|
correctness: _propTypes["default"].string,
|
|
@@ -94,9 +77,7 @@ RayLine.propTypes = {
|
|
|
94
77
|
to: _plot.types.PointType,
|
|
95
78
|
markerId: _propTypes["default"].string
|
|
96
79
|
};
|
|
97
|
-
var
|
|
98
|
-
var Ray = (0, _line.lineBase)(StyledRay);
|
|
80
|
+
var Ray = (0, _line.lineBase)(RayLine);
|
|
99
81
|
var Component = (0, _line.lineToolComponent)(Ray);
|
|
100
|
-
var _default = Component;
|
|
101
|
-
exports["default"] = _default;
|
|
82
|
+
var _default = exports["default"] = Component;
|
|
102
83
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"component.js","names":["_line","require","_react","_interopRequireDefault","_propTypes","_arrowHead","_plot","_classnames","_utils","_styles","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledRayRoot","styled","_ref","theme","disabled","correctness","styles","line","disabledSecondary","correct","incorrect","missing","arrow","disabledArrow","RayLine","exports","props","markerId","genUid","graphProps","from","to","className","propMarkerId","rest","_objectWithoutProperties2","scale","_getAdjustedGraphLimi","getAdjustedGraphLimits","domain","range","_trig$edges","trig","edges","_trig$edges2","_slicedToArray2","aToB","suffix","finalMarkerId","createElement","ArrowMarker","size","thinnerShapesNeeded","id","concat","classNames","_extends2","x1","x","y1","y","x2","y2","markerEnd","propTypes","PropTypes","string","bool","any","types","PointType","Ray","lineBase","Component","lineToolComponent","_default"],"sources":["../../../src/tools/ray/component.jsx"],"sourcesContent":["import { lineToolComponent, lineBase, styles } from '../shared/line';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowMarker, genUid } from '../shared/arrow-head';\nimport { trig, types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { thinnerShapesNeeded, getAdjustedGraphLimits } from '../../utils';\nimport { styled } from '@mui/material/styles';\n\nconst StyledRayRoot = styled('g')(({ theme, disabled, correctness }) => ({\n '& line': {\n ...styles.line(theme),\n ...(disabled && styles.disabledSecondary(theme)),\n ...(correctness === 'correct' && styles.correct(theme, 'stroke')),\n ...(correctness === 'incorrect' && styles.incorrect(theme, 'stroke')),\n ...(correctness === 'missing' && styles.missing(theme, 'stroke')),\n },\n '& .enabledArrow': {\n ...styles.arrow(theme),\n },\n '& .disabledArrow': {\n ...styles.disabledArrow(theme),\n },\n '& .correctArrow': {\n ...styles.correct(theme),\n },\n '& .incorrectArrow': {\n ...styles.incorrect(theme),\n },\n '& .missingArrow': {\n ...styles.missing(theme),\n },\n}));\n\nexport const RayLine = (props) => {\n const markerId = genUid();\n const { graphProps, from, to, disabled, correctness, className, markerId: propMarkerId, ...rest } = props;\n const { scale } = graphProps;\n const { domain, range } = getAdjustedGraphLimits(graphProps);\n const [aToB] = trig.edges(domain, range)(from, to);\n const suffix = correctness || (disabled && 'disabled') || 'enabled';\n const finalMarkerId = propMarkerId || markerId;\n\n return (\n <StyledRayRoot disabled={disabled} correctness={correctness}>\n <defs>\n <ArrowMarker\n size={thinnerShapesNeeded(graphProps) ? 4 : 5}\n id={`${finalMarkerId}-${suffix}`}\n className={classNames(\n suffix === 'enabled' ? 'enabledArrow' :\n suffix === 'disabled' ? 'disabledArrow' :\n `${suffix}Arrow`\n )}\n />\n </defs>\n <line\n x1={scale.x(from.x)}\n y1={scale.y(from.y)}\n x2={scale.x(aToB.x)}\n y2={scale.y(aToB.y)}\n className={className}\n markerEnd={`url(#${finalMarkerId}-${suffix})`}\n {...rest}\n />\n </StyledRayRoot>\n );\n};\n\nRayLine.propTypes = {\n className: PropTypes.string,\n disabled: PropTypes.bool,\n correctness: PropTypes.string,\n graphProps: PropTypes.any,\n from: types.PointType,\n to: types.PointType,\n markerId: PropTypes.string,\n};\n\nconst Ray = lineBase(RayLine);\nconst Component = lineToolComponent(Ray);\n\nexport default Component;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/tools/ray/index.js
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.tool = void 0;
|
|
9
|
-
|
|
10
8
|
var _component = _interopRequireDefault(require("./component"));
|
|
11
|
-
|
|
12
9
|
var _line = require("../shared/line");
|
|
13
|
-
|
|
14
|
-
var tool = (0, _line.lineTool)('ray', _component["default"]);
|
|
15
|
-
exports.tool = tool;
|
|
10
|
+
var tool = exports.tool = (0, _line.lineTool)('ray', _component["default"]);
|
|
16
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_component","_interopRequireDefault","require","_line","tool","exports","lineTool","Ray"],"sources":["../../../src/tools/ray/index.js"],"sourcesContent":["import Ray from './component';\nimport { lineTool } from '../shared/line';\n\nexport const tool = lineTool('ray', Ray);\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,IAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,cAAQ,EAAC,KAAK,EAAEC,qBAAG,CAAC","ignoreList":[]}
|
|
@@ -1,75 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.Line = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
11
|
var _line = require("../shared/line");
|
|
15
|
-
|
|
16
12
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
14
|
var _plot = require("@pie-lib/plot");
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
disabledSecondary: _line.styles.disabledSecondary(theme),
|
|
33
|
-
correct: _line.styles.correct(theme, 'stroke'),
|
|
34
|
-
incorrect: _line.styles.incorrect(theme, 'stroke'),
|
|
35
|
-
missing: _line.styles.missing(theme, 'stroke')
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
var Line = function Line(props) {
|
|
15
|
+
var _styles = require("@mui/material/styles");
|
|
16
|
+
var _excluded = ["className", "correctness", "disabled", "graphProps", "from", "to"];
|
|
17
|
+
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; }
|
|
18
|
+
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; }
|
|
19
|
+
var StyledLineRoot = (0, _styles.styled)('line')(function (_ref) {
|
|
20
|
+
var theme = _ref.theme,
|
|
21
|
+
disabled = _ref.disabled,
|
|
22
|
+
correctness = _ref.correctness;
|
|
23
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _line.styles.line(theme)), disabled && _objectSpread(_objectSpread({}, _line.styles.disabled(theme)), _line.styles.disabledSecondary(theme))), correctness === 'correct' && _line.styles.correct(theme, 'stroke')), correctness === 'incorrect' && _line.styles.incorrect(theme, 'stroke')), correctness === 'missing' && _line.styles.missing(theme, 'stroke'));
|
|
24
|
+
});
|
|
25
|
+
var Line = exports.Line = function Line(props) {
|
|
40
26
|
var className = props.className,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
27
|
+
correctness = props.correctness,
|
|
28
|
+
disabled = props.disabled,
|
|
29
|
+
graphProps = props.graphProps,
|
|
30
|
+
from = props.from,
|
|
31
|
+
to = props.to,
|
|
32
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
48
33
|
var scale = graphProps.scale;
|
|
49
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
34
|
+
return /*#__PURE__*/_react["default"].createElement(StyledLineRoot, (0, _extends2["default"])({
|
|
50
35
|
stroke: "green",
|
|
51
|
-
strokeWidth:
|
|
36
|
+
strokeWidth: 6,
|
|
52
37
|
x1: scale.x(from.x),
|
|
53
38
|
y1: scale.y(from.y),
|
|
54
39
|
x2: scale.x(to.x),
|
|
55
40
|
y2: scale.y(to.y),
|
|
56
|
-
className:
|
|
41
|
+
className: className,
|
|
42
|
+
disabled: disabled,
|
|
43
|
+
correctness: correctness
|
|
57
44
|
}, rest));
|
|
58
45
|
};
|
|
59
|
-
|
|
60
|
-
exports.Line = Line;
|
|
61
46
|
Line.propTypes = {
|
|
62
47
|
className: _propTypes["default"].string,
|
|
63
|
-
classes: _propTypes["default"].object,
|
|
64
48
|
correctness: _propTypes["default"].string,
|
|
65
49
|
disabled: _propTypes["default"].bool,
|
|
66
50
|
graphProps: _propTypes["default"].any,
|
|
67
51
|
from: _plot.types.PointType,
|
|
68
52
|
to: _plot.types.PointType
|
|
69
53
|
};
|
|
70
|
-
var
|
|
71
|
-
var Segment = (0, _line.lineBase)(StyledLine);
|
|
54
|
+
var Segment = (0, _line.lineBase)(Line);
|
|
72
55
|
var Component = (0, _line.lineToolComponent)(Segment);
|
|
73
|
-
var _default = Component;
|
|
74
|
-
exports["default"] = _default;
|
|
56
|
+
var _default = exports["default"] = Component;
|
|
75
57
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"component.js","names":["_line","require","_react","_interopRequireDefault","_propTypes","_plot","_styles","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLineRoot","styled","_ref","theme","disabled","correctness","styles","line","disabledSecondary","correct","incorrect","missing","Line","exports","props","className","graphProps","from","to","rest","_objectWithoutProperties2","scale","createElement","_extends2","stroke","strokeWidth","x1","x","y1","y","x2","y2","propTypes","PropTypes","string","bool","any","types","PointType","Segment","lineBase","Component","lineToolComponent","_default"],"sources":["../../../src/tools/segment/component.jsx"],"sourcesContent":["import { lineToolComponent, lineBase, styles } from '../shared/line';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { styled } from '@mui/material/styles';\n\nconst StyledLineRoot = styled('line')(({ theme, disabled, correctness }) => ({\n ...styles.line(theme),\n ...(disabled && {\n ...styles.disabled(theme),\n ...styles.disabledSecondary(theme),\n }),\n ...(correctness === 'correct' && styles.correct(theme, 'stroke')),\n ...(correctness === 'incorrect' && styles.incorrect(theme, 'stroke')),\n ...(correctness === 'missing' && styles.missing(theme, 'stroke')),\n}));\n\nexport const Line = (props) => {\n const { className, correctness, disabled, graphProps, from, to, ...rest } = props;\n const { scale } = graphProps;\n\n return (\n <StyledLineRoot\n stroke=\"green\"\n strokeWidth={6}\n x1={scale.x(from.x)}\n y1={scale.y(from.y)}\n x2={scale.x(to.x)}\n y2={scale.y(to.y)}\n className={className}\n disabled={disabled}\n correctness={correctness}\n {...rest}\n />\n );\n};\n\nLine.propTypes = {\n className: PropTypes.string,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n graphProps: PropTypes.any,\n from: types.PointType,\n to: types.PointType,\n};\n\nconst Segment = lineBase(Line);\nconst Component = lineToolComponent(Segment);\n\nexport default Component;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8C,IAAAM,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE9C,IAAMoB,cAAc,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;EAAA,OAAAb,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAChEc,YAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,GACjBC,QAAQ,IAAAZ,aAAA,CAAAA,aAAA,KACPc,YAAM,CAACF,QAAQ,CAACD,KAAK,CAAC,GACtBG,YAAM,CAACE,iBAAiB,CAACL,KAAK,CAAC,CACnC,GACGE,WAAW,KAAK,SAAS,IAAIC,YAAM,CAACG,OAAO,CAACN,KAAK,EAAE,QAAQ,CAAC,GAC5DE,WAAW,KAAK,WAAW,IAAIC,YAAM,CAACI,SAAS,CAACP,KAAK,EAAE,QAAQ,CAAC,GAChEE,WAAW,KAAK,SAAS,IAAIC,YAAM,CAACK,OAAO,CAACR,KAAK,EAAE,QAAQ,CAAC;AAAA,CAChE,CAAC;AAEI,IAAMS,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAK,EAAK;EAC7B,IAAQC,SAAS,GAA2DD,KAAK,CAAzEC,SAAS;IAAEV,WAAW,GAA8CS,KAAK,CAA9DT,WAAW;IAAED,QAAQ,GAAoCU,KAAK,CAAjDV,QAAQ;IAAEY,UAAU,GAAwBF,KAAK,CAAvCE,UAAU;IAAEC,IAAI,GAAkBH,KAAK,CAA3BG,IAAI;IAAEC,EAAE,GAAcJ,KAAK,CAArBI,EAAE;IAAKC,IAAI,OAAAC,yBAAA,aAAKN,KAAK,EAAApC,SAAA;EACjF,IAAQ2C,KAAK,GAAKL,UAAU,CAApBK,KAAK;EAEb,oBACEhD,MAAA,YAAAiD,aAAA,CAACtB,cAAc,MAAAuB,SAAA;IACbC,MAAM,EAAC,OAAO;IACdC,WAAW,EAAE,CAAE;IACfC,EAAE,EAAEL,KAAK,CAACM,CAAC,CAACV,IAAI,CAACU,CAAC,CAAE;IACpBC,EAAE,EAAEP,KAAK,CAACQ,CAAC,CAACZ,IAAI,CAACY,CAAC,CAAE;IACpBC,EAAE,EAAET,KAAK,CAACM,CAAC,CAACT,EAAE,CAACS,CAAC,CAAE;IAClBI,EAAE,EAAEV,KAAK,CAACQ,CAAC,CAACX,EAAE,CAACW,CAAC,CAAE;IAClBd,SAAS,EAAEA,SAAU;IACrBX,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA;EAAY,GACrBc,IAAI,CACT,CAAC;AAEN,CAAC;AAEDP,IAAI,CAACoB,SAAS,GAAG;EACfjB,SAAS,EAAEkB,qBAAS,CAACC,MAAM;EAC3B7B,WAAW,EAAE4B,qBAAS,CAACC,MAAM;EAC7B9B,QAAQ,EAAE6B,qBAAS,CAACE,IAAI;EACxBnB,UAAU,EAAEiB,qBAAS,CAACG,GAAG;EACzBnB,IAAI,EAAEoB,WAAK,CAACC,SAAS;EACrBpB,EAAE,EAAEmB,WAAK,CAACC;AACZ,CAAC;AAED,IAAMC,OAAO,GAAG,IAAAC,cAAQ,EAAC5B,IAAI,CAAC;AAC9B,IAAM6B,SAAS,GAAG,IAAAC,uBAAiB,EAACH,OAAO,CAAC;AAAC,IAAAI,QAAA,GAAA9B,OAAA,cAE9B4B,SAAS","ignoreList":[]}
|