@pie-lib/graphing-solution-set 2.34.3-next.0 → 2.34.3-next.155
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 +7 -78
- package/esm/package.json +3 -0
- package/lib/axis/arrow.js +19 -55
- package/lib/axis/arrow.js.map +1 -1
- package/lib/axis/axes.js +103 -193
- 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 -60
- 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 +129 -203
- package/lib/graph-with-controls.js.map +1 -1
- package/lib/graph.js +61 -126
- package/lib/graph.js.map +1 -1
- package/lib/grid-setup.js +168 -224
- package/lib/grid-setup.js.map +1 -1
- package/lib/grid.js +29 -74
- package/lib/grid.js.map +1 -1
- package/lib/index.js +1 -12
- package/lib/index.js.map +1 -1
- package/lib/labels.js +84 -184
- package/lib/labels.js.map +1 -1
- package/lib/mark-label.js +39 -88
- package/lib/mark-label.js.map +1 -1
- package/lib/toggle-bar.js +155 -243
- package/lib/toggle-bar.js.map +1 -1
- package/lib/tool-menu.js +93 -200
- package/lib/tool-menu.js.map +1 -1
- package/lib/tools/index.js +2 -7
- package/lib/tools/index.js.map +1 -1
- package/lib/tools/line/component.js +48 -62
- 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/polygon/component.js +76 -173
- 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 -85
- package/lib/tools/polygon/line.js.map +1 -1
- package/lib/tools/polygon/polygon.js +62 -102
- package/lib/tools/polygon/polygon.js.map +1 -1
- package/lib/tools/shared/arrow-head.js +7 -20
- package/lib/tools/shared/arrow-head.js.map +1 -1
- package/lib/tools/shared/line/index.js +89 -185
- package/lib/tools/shared/line/index.js.map +1 -1
- package/lib/tools/shared/line/line-path.js +71 -95
- package/lib/tools/shared/line/line-path.js.map +1 -1
- package/lib/tools/shared/line/with-root-edge.js +22 -56
- package/lib/tools/shared/line/with-root-edge.js.map +1 -1
- package/lib/tools/shared/point/arrow-point.js +18 -45
- package/lib/tools/shared/point/arrow-point.js.map +1 -1
- package/lib/tools/shared/point/arrow.js +16 -42
- package/lib/tools/shared/point/arrow.js.map +1 -1
- package/lib/tools/shared/point/base-point.js +44 -58
- package/lib/tools/shared/point/base-point.js.map +1 -1
- package/lib/tools/shared/point/index.js +38 -52
- package/lib/tools/shared/point/index.js.map +1 -1
- package/lib/tools/shared/styles.js +8 -31
- package/lib/tools/shared/styles.js.map +1 -1
- package/lib/tools/shared/types.js +1 -5
- package/lib/tools/shared/types.js.map +1 -1
- package/lib/undo-redo.js +27 -67
- 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 +56 -131
- package/lib/utils.js.map +1 -1
- package/package.json +34 -23
- package/src/__tests__/graph-with-controls.test.jsx +23 -10
- package/src/__tests__/graph.test.jsx +36 -171
- package/src/__tests__/grid.test.jsx +9 -6
- package/src/__tests__/labels.test.jsx +11 -8
- package/src/__tests__/mark-label.test.jsx +15 -17
- package/src/__tests__/toggle-bar.test.jsx +46 -17
- package/src/__tests__/tool-menu.test.jsx +12 -8
- package/src/__tests__/undo-redo.test.jsx +9 -8
- package/src/__tests__/utils.js +3 -0
- package/src/axis/__tests__/arrow.test.jsx +21 -17
- package/src/axis/__tests__/axes.test.jsx +117 -155
- package/src/axis/arrow.jsx +7 -12
- package/src/axis/axes.jsx +41 -51
- package/src/coordinates-label.jsx +13 -18
- package/src/graph-with-controls.jsx +90 -93
- package/src/grid-setup.jsx +210 -206
- package/src/grid.jsx +2 -4
- package/src/labels.jsx +83 -124
- package/src/mark-label.jsx +14 -25
- package/src/toggle-bar.jsx +135 -163
- package/src/tool-menu.jsx +136 -195
- package/src/tools/line/__tests__/component.test.jsx +7 -7
- package/src/tools/line/component.jsx +29 -29
- package/src/tools/polygon/__tests__/component.test.jsx +13 -152
- package/src/tools/polygon/__tests__/line.test.jsx +7 -9
- package/src/tools/polygon/__tests__/polygon.test.jsx +8 -8
- package/src/tools/polygon/component.jsx +2 -4
- package/src/tools/polygon/line.jsx +26 -24
- package/src/tools/polygon/polygon.jsx +35 -40
- package/src/tools/shared/__tests__/arrow-head.test.jsx +16 -17
- package/src/tools/shared/line/__tests__/index.test.jsx +26 -163
- package/src/tools/shared/line/__tests__/line-path.test.jsx +9 -9
- package/src/tools/shared/line/__tests__/with-root-edge.test.jsx +14 -24
- package/src/tools/shared/line/index.jsx +3 -3
- package/src/tools/shared/line/line-path.jsx +51 -48
- package/src/tools/shared/line/with-root-edge.jsx +1 -1
- package/src/tools/shared/point/__tests__/arrow-point.test.jsx +15 -11
- package/src/tools/shared/point/__tests__/base-point.test.jsx +14 -11
- package/src/tools/shared/point/base-point.jsx +33 -6
- package/src/tools/shared/point/index.jsx +30 -32
- package/src/undo-redo.jsx +16 -24
- package/src/__tests__/__snapshots__/graph-with-controls.test.jsx.snap +0 -114
- package/src/__tests__/__snapshots__/graph.test.jsx.snap +0 -213
- package/src/__tests__/__snapshots__/grid.test.jsx.snap +0 -54
- package/src/__tests__/__snapshots__/labels.test.jsx.snap +0 -30
- package/src/__tests__/__snapshots__/mark-label.test.jsx.snap +0 -37
- package/src/__tests__/__snapshots__/toggle-bar.test.jsx.snap +0 -7
- package/src/__tests__/__snapshots__/tool-menu.test.jsx.snap +0 -35
- package/src/__tests__/__snapshots__/undo-redo.test.jsx.snap +0 -15
- package/src/axis/__tests__/__snapshots__/arrow.test.jsx.snap +0 -33
- package/src/axis/__tests__/__snapshots__/axes.test.jsx.snap +0 -122
- package/src/tools/line/__tests__/__snapshots__/component.test.jsx.snap +0 -20
- package/src/tools/polygon/__tests__/__snapshots__/component.test.jsx.snap +0 -94
- package/src/tools/polygon/__tests__/__snapshots__/line.test.jsx.snap +0 -44
- package/src/tools/polygon/__tests__/__snapshots__/polygon.test.jsx.snap +0 -53
- package/src/tools/shared/__tests__/__snapshots__/arrow-head.test.jsx.snap +0 -32
- package/src/tools/shared/line/__tests__/__snapshots__/index.test.jsx.snap +0 -360
- package/src/tools/shared/line/__tests__/__snapshots__/line-path.test.jsx.snap +0 -57
- package/src/tools/shared/line/__tests__/__snapshots__/with-root-edge.test.jsx.snap +0 -63
- package/src/tools/shared/point/__tests__/__snapshots__/arrow-point.test.jsx.snap +0 -55
- package/src/tools/shared/point/__tests__/__snapshots__/base-point.test.jsx.snap +0 -43
|
@@ -1,27 +1,18 @@
|
|
|
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 = exports.addPointToArray = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
-
|
|
14
10
|
var _component = _interopRequireDefault(require("./component"));
|
|
15
|
-
|
|
16
11
|
var _utils = require("../../utils");
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
22
|
-
var addPointToArray = function addPointToArray(point, arr) {
|
|
12
|
+
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; }
|
|
13
|
+
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; }
|
|
14
|
+
var addPointToArray = exports.addPointToArray = function addPointToArray(point, arr) {
|
|
23
15
|
arr = arr || [];
|
|
24
|
-
|
|
25
16
|
if (arr.length === 0) {
|
|
26
17
|
return {
|
|
27
18
|
points: [point],
|
|
@@ -41,7 +32,6 @@ var addPointToArray = function addPointToArray(point, arr) {
|
|
|
41
32
|
}
|
|
42
33
|
} else if (arr.length >= 2) {
|
|
43
34
|
var closed = (0, _utils.equalPoints)(point, arr[0]);
|
|
44
|
-
|
|
45
35
|
if (closed) {
|
|
46
36
|
return {
|
|
47
37
|
points: arr,
|
|
@@ -51,7 +41,6 @@ var addPointToArray = function addPointToArray(point, arr) {
|
|
|
51
41
|
var hasPoint = !!arr.find(function (p) {
|
|
52
42
|
return (0, _utils.equalPoints)(p, point);
|
|
53
43
|
});
|
|
54
|
-
|
|
55
44
|
if (hasPoint) {
|
|
56
45
|
return {
|
|
57
46
|
points: arr,
|
|
@@ -66,10 +55,7 @@ var addPointToArray = function addPointToArray(point, arr) {
|
|
|
66
55
|
}
|
|
67
56
|
}
|
|
68
57
|
};
|
|
69
|
-
|
|
70
|
-
exports.addPointToArray = addPointToArray;
|
|
71
|
-
|
|
72
|
-
var tool = function tool() {
|
|
58
|
+
var tool = exports.tool = function tool() {
|
|
73
59
|
return {
|
|
74
60
|
type: 'polygon',
|
|
75
61
|
Component: _component["default"],
|
|
@@ -89,9 +75,8 @@ var tool = function tool() {
|
|
|
89
75
|
};
|
|
90
76
|
} else {
|
|
91
77
|
var _addPointToArray = addPointToArray(point, mark.points),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
78
|
+
closed = _addPointToArray.closed,
|
|
79
|
+
points = _addPointToArray.points;
|
|
95
80
|
return _objectSpread(_objectSpread({}, mark), {}, {
|
|
96
81
|
closed: closed,
|
|
97
82
|
points: points,
|
|
@@ -101,6 +86,4 @@ var tool = function tool() {
|
|
|
101
86
|
}
|
|
102
87
|
};
|
|
103
88
|
};
|
|
104
|
-
|
|
105
|
-
exports.tool = tool;
|
|
106
89
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_component","_interopRequireDefault","require","_utils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","addPointToArray","exports","point","arr","points","closed","equalPoints","concat","_toConsumableArray2","hasPoint","find","p","tool","type","Component","Polygon","complete","data","mark","building","addPoint","_addPointToArray"],"sources":["../../../src/tools/polygon/index.js"],"sourcesContent":["import Polygon from './component';\nimport { equalPoints } from '../../utils';\n\nexport const addPointToArray = (point, arr) => {\n arr = arr || [];\n\n if (arr.length === 0) {\n return { points: [point], closed: false };\n } else if (arr.length === 1) {\n if (equalPoints(point, arr[0])) {\n return { points: arr, closed: false };\n } else {\n return { points: [...arr, point], closed: false };\n }\n } else if (arr.length >= 2) {\n const closed = equalPoints(point, arr[0]);\n\n if (closed) {\n return { points: arr, closed };\n } else {\n const hasPoint = !!arr.find((p) => equalPoints(p, point));\n\n if (hasPoint) {\n return { points: arr, closed: false };\n } else {\n return { points: [...arr, point], closed: false };\n }\n }\n }\n};\n\nexport const tool = () => ({\n type: 'polygon',\n Component: Polygon,\n complete: (data, mark) => {\n return { ...mark, building: false, closed: true };\n },\n addPoint: (point, mark) => {\n if (!mark) {\n return {\n type: 'polygon',\n points: [point],\n closed: false,\n building: true,\n };\n } else {\n const { closed, points } = addPointToArray(point, mark.points);\n\n return { ...mark, closed, points, building: !closed };\n }\n },\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,98 +1,83 @@
|
|
|
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["default"] = exports.Line = 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 _renderUi = require("@pie-lib/render-ui");
|
|
37
|
-
|
|
38
22
|
var utils = _interopRequireWildcard(require("../../utils"));
|
|
39
|
-
|
|
40
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
41
|
-
|
|
42
23
|
var _styles2 = require("../shared/styles");
|
|
43
|
-
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
function
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
24
|
+
var _excluded = ["graphProps", "from", "to", "className", "disabled", "correctness"];
|
|
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 StyledLine = (0, _styles.styled)('line', {
|
|
31
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
32
|
+
return !['disabled', 'correctness'].includes(prop);
|
|
33
|
+
}
|
|
34
|
+
})(function (_ref) {
|
|
35
|
+
var isDisabled = _ref.disabled,
|
|
36
|
+
correctness = _ref.correctness;
|
|
37
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
38
|
+
strokeWidth: 6,
|
|
39
|
+
transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',
|
|
40
|
+
stroke: 'transparent',
|
|
41
|
+
'&:hover': {
|
|
42
|
+
strokeWidth: 7,
|
|
43
|
+
stroke: _renderUi.color.defaults.SECONDARY
|
|
44
|
+
}
|
|
45
|
+
}, isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
|
|
46
|
+
strokeWidth: 2
|
|
47
|
+
})), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && (0, _styles2.missing)('stroke'));
|
|
48
|
+
});
|
|
58
49
|
var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
59
|
-
(0, _inherits2["default"])(RawLine, _React$Component);
|
|
60
|
-
|
|
61
|
-
var _super = _createSuper(RawLine);
|
|
62
|
-
|
|
63
50
|
function RawLine() {
|
|
64
51
|
(0, _classCallCheck2["default"])(this, RawLine);
|
|
65
|
-
return
|
|
52
|
+
return _callSuper(this, RawLine, arguments);
|
|
66
53
|
}
|
|
67
|
-
|
|
68
|
-
(0, _createClass2["default"])(RawLine, [{
|
|
54
|
+
(0, _inherits2["default"])(RawLine, _React$Component);
|
|
55
|
+
return (0, _createClass2["default"])(RawLine, [{
|
|
69
56
|
key: "render",
|
|
70
57
|
value: function render() {
|
|
71
58
|
var _this$props = this.props,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
59
|
+
graphProps = _this$props.graphProps,
|
|
60
|
+
from = _this$props.from,
|
|
61
|
+
to = _this$props.to,
|
|
62
|
+
className = _this$props.className,
|
|
63
|
+
disabled = _this$props.disabled,
|
|
64
|
+
correctness = _this$props.correctness,
|
|
65
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
80
66
|
var scale = graphProps.scale;
|
|
81
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
67
|
+
return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
|
|
82
68
|
x1: scale.x(from.x),
|
|
83
69
|
y1: scale.y(from.y),
|
|
84
70
|
x2: scale.x(to.x),
|
|
85
71
|
y2: scale.y(to.y),
|
|
86
|
-
|
|
72
|
+
disabled: disabled,
|
|
73
|
+
correctness: correctness,
|
|
74
|
+
className: className
|
|
87
75
|
}, rest));
|
|
88
76
|
}
|
|
89
77
|
}]);
|
|
90
|
-
return RawLine;
|
|
91
78
|
}(_react["default"].Component);
|
|
92
|
-
|
|
93
79
|
(0, _defineProperty2["default"])(RawLine, "propTypes", {
|
|
94
80
|
className: _propTypes["default"].string,
|
|
95
|
-
classes: _propTypes["default"].object,
|
|
96
81
|
from: _plot.types.PointType,
|
|
97
82
|
to: _plot.types.PointType,
|
|
98
83
|
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
@@ -103,33 +88,13 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
|
103
88
|
from: {},
|
|
104
89
|
to: {}
|
|
105
90
|
});
|
|
106
|
-
var Line =
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
stroke: 'transparent',
|
|
112
|
-
'&:hover': {
|
|
113
|
-
strokeWidth: 7,
|
|
114
|
-
stroke: _renderUi.color.defaults.SECONDARY
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
disabled: _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
|
|
118
|
-
strokeWidth: 2
|
|
119
|
-
}),
|
|
120
|
-
correct: (0, _styles2.correct)('stoke'),
|
|
121
|
-
incorrect: (0, _styles2.incorrect)('stroke'),
|
|
122
|
-
missing: (0, _styles2.missing)('stroke')
|
|
123
|
-
};
|
|
124
|
-
})(RawLine);
|
|
125
|
-
exports.Line = Line;
|
|
126
|
-
|
|
127
|
-
var _default = (0, _plot.gridDraggable)({
|
|
128
|
-
bounds: function bounds(props, _ref) {
|
|
129
|
-
var domain = _ref.domain,
|
|
130
|
-
range = _ref.range;
|
|
91
|
+
var Line = exports.Line = RawLine;
|
|
92
|
+
var _default = exports["default"] = (0, _plot.gridDraggable)({
|
|
93
|
+
bounds: function bounds(props, _ref2) {
|
|
94
|
+
var domain = _ref2.domain,
|
|
95
|
+
range = _ref2.range;
|
|
131
96
|
var from = props.from,
|
|
132
|
-
|
|
97
|
+
to = props.to;
|
|
133
98
|
var area = utils.lineToArea(from, to);
|
|
134
99
|
return utils.bounds(area, domain, range);
|
|
135
100
|
},
|
|
@@ -139,13 +104,11 @@ var _default = (0, _plot.gridDraggable)({
|
|
|
139
104
|
},
|
|
140
105
|
fromDelta: function fromDelta(props, delta) {
|
|
141
106
|
var from = props.from,
|
|
142
|
-
|
|
107
|
+
to = props.to;
|
|
143
108
|
return {
|
|
144
109
|
from: utils.point(from).add(utils.point(delta)),
|
|
145
110
|
to: utils.point(to).add(utils.point(delta))
|
|
146
111
|
};
|
|
147
112
|
}
|
|
148
113
|
})(Line);
|
|
149
|
-
|
|
150
|
-
exports["default"] = _default;
|
|
151
114
|
//# sourceMappingURL=line.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","utils","_interopRequireWildcard","_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","StyledLine","styled","shouldForwardProp","prop","includes","_ref","isDisabled","disabled","correctness","strokeWidth","transition","stroke","color","defaults","SECONDARY","correct","incorrect","missing","RawLine","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","graphProps","from","to","className","rest","_objectWithoutProperties2","scale","createElement","_extends2","x1","x","y1","y","x2","y2","React","Component","PropTypes","string","types","PointType","GraphPropsType","isRequired","bool","Line","exports","_default","gridDraggable","bounds","_ref2","domain","range","area","lineToArea","anchorPoint","fromDelta","delta","point","add"],"sources":["../../../src/tools/polygon/line.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { types, gridDraggable } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport * as utils from '../../utils';\nimport { correct, disabled, incorrect, missing } from '../shared/styles';\n\nconst StyledLine = styled('line', {\n shouldForwardProp: (prop) => !['disabled', 'correctness'].includes(prop),\n})(({ disabled: isDisabled, correctness }) => ({\n strokeWidth: 6,\n transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n stroke: 'transparent',\n '&:hover': {\n strokeWidth: 7,\n stroke: color.defaults.SECONDARY,\n },\n ...(isDisabled && {\n ...disabled('stroke'),\n strokeWidth: 2,\n }),\n ...(correctness === 'correct' && correct('stroke')),\n ...(correctness === 'incorrect' && incorrect('stroke')),\n ...(correctness === 'missing' && missing('stroke')),\n}));\n\nclass RawLine extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n from: types.PointType,\n to: types.PointType,\n graphProps: types.GraphPropsType.isRequired,\n disabled: PropTypes.bool,\n correctness: PropTypes.string,\n };\n\n static defaultProps = {\n from: {},\n to: {},\n };\n\n render() {\n const { graphProps, from, to, className, disabled, correctness, ...rest } = this.props;\n const { scale } = graphProps;\n return (\n <StyledLine\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 disabled={disabled}\n correctness={correctness}\n className={className}\n {...rest}\n />\n );\n }\n}\n\nexport const Line = RawLine;\n\nexport default gridDraggable({\n bounds: (props, { domain, range }) => {\n const { from, to } = props;\n const area = utils.lineToArea(from, to);\n return utils.bounds(area, domain, range);\n },\n anchorPoint: (props) => {\n const { from } = props;\n return from;\n },\n fromDelta: (props, delta) => {\n const { from, to } = props;\n return {\n from: utils.point(from).add(utils.point(delta)),\n to: utils.point(to).add(utils.point(delta)),\n };\n },\n})(Line);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,63 +1,65 @@
|
|
|
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", "correctness", "graphProps", "closed", "isSolution"];
|
|
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', {
|
|
31
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
32
|
+
return !['isSolution', 'correctness'].includes(prop);
|
|
33
|
+
}
|
|
34
|
+
})(function (_ref) {
|
|
35
|
+
var isSolution = _ref.isSolution,
|
|
36
|
+
correctness = _ref.correctness;
|
|
37
|
+
return _objectSpread(_objectSpread({
|
|
38
|
+
fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',
|
|
39
|
+
strokeWidth: 2,
|
|
40
|
+
stroke: _renderUi.color.defaults.SECONDARY_LIGHT,
|
|
41
|
+
'&:hover': {
|
|
42
|
+
fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)'
|
|
43
|
+
}
|
|
44
|
+
}, correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke'));
|
|
45
|
+
});
|
|
46
|
+
var StyledPolyline = (0, _styles.styled)('polyline', {
|
|
47
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
48
|
+
return !['isSolution', 'correctness'].includes(prop);
|
|
49
|
+
}
|
|
50
|
+
})(function (_ref2) {
|
|
51
|
+
var isSolution = _ref2.isSolution,
|
|
52
|
+
correctness = _ref2.correctness;
|
|
53
|
+
return _objectSpread(_objectSpread({
|
|
54
|
+
fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',
|
|
55
|
+
strokeWidth: 2,
|
|
56
|
+
stroke: _renderUi.color.defaults.SECONDARY_LIGHT,
|
|
57
|
+
'&:hover': {
|
|
58
|
+
fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)'
|
|
59
|
+
}
|
|
60
|
+
}, correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke'));
|
|
61
|
+
});
|
|
62
|
+
var getPointString = exports.getPointString = function getPointString(points, scale) {
|
|
61
63
|
return (points || []).map(function (p) {
|
|
62
64
|
var scaledPoint = {
|
|
63
65
|
x: scale.x(p.x),
|
|
@@ -66,46 +68,36 @@ var getPointString = function getPointString(points, scale) {
|
|
|
66
68
|
return "".concat(scaledPoint.x, ",").concat(scaledPoint.y);
|
|
67
69
|
}).join(' ');
|
|
68
70
|
};
|
|
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
|
-
|
|
71
|
+
var RawPolygon = exports.RawPolygon = /*#__PURE__*/function (_React$Component) {
|
|
77
72
|
function RawPolygon() {
|
|
78
73
|
(0, _classCallCheck2["default"])(this, RawPolygon);
|
|
79
|
-
return
|
|
74
|
+
return _callSuper(this, RawPolygon, arguments);
|
|
80
75
|
}
|
|
81
|
-
|
|
82
|
-
(0, _createClass2["default"])(RawPolygon, [{
|
|
76
|
+
(0, _inherits2["default"])(RawPolygon, _React$Component);
|
|
77
|
+
return (0, _createClass2["default"])(RawPolygon, [{
|
|
83
78
|
key: "render",
|
|
84
79
|
value: function render() {
|
|
85
80
|
var _this$props = this.props,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
81
|
+
points = _this$props.points,
|
|
82
|
+
className = _this$props.className,
|
|
83
|
+
correctness = _this$props.correctness,
|
|
84
|
+
graphProps = _this$props.graphProps,
|
|
85
|
+
closed = _this$props.closed,
|
|
86
|
+
isSolution = _this$props.isSolution,
|
|
87
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
94
88
|
var scale = graphProps.scale;
|
|
95
89
|
var pointString = getPointString(points, scale);
|
|
96
|
-
var
|
|
97
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
90
|
+
var Component = closed ? StyledPolygon : StyledPolyline;
|
|
91
|
+
return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
|
|
98
92
|
points: pointString,
|
|
99
|
-
|
|
93
|
+
isSolution: isSolution,
|
|
94
|
+
correctness: correctness,
|
|
95
|
+
className: className
|
|
100
96
|
}, rest));
|
|
101
97
|
}
|
|
102
98
|
}]);
|
|
103
|
-
return RawPolygon;
|
|
104
99
|
}(_react["default"].Component);
|
|
105
|
-
|
|
106
|
-
exports.RawPolygon = RawPolygon;
|
|
107
100
|
(0, _defineProperty2["default"])(RawPolygon, "propTypes", {
|
|
108
|
-
classes: _propTypes["default"].object,
|
|
109
101
|
className: _propTypes["default"].string,
|
|
110
102
|
isSolution: _propTypes["default"].bool,
|
|
111
103
|
points: _propTypes["default"].arrayOf(_plot.types.PointType),
|
|
@@ -116,41 +108,11 @@ exports.RawPolygon = RawPolygon;
|
|
|
116
108
|
(0, _defineProperty2["default"])(RawPolygon, "defaultProps", {
|
|
117
109
|
points: []
|
|
118
110
|
});
|
|
119
|
-
var Polygon =
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
strokeWidth: 2,
|
|
125
|
-
stroke: _renderUi.color.defaults.SECONDARY_LIGHT
|
|
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.SECONDARY_LIGHT,
|
|
132
|
-
pointerEvents: 'none'
|
|
133
|
-
},
|
|
134
|
-
gssClosed: {
|
|
135
|
-
fill: 'transparent',
|
|
136
|
-
'&:hover': {
|
|
137
|
-
fill: 'rgb(0, 0, 0, 0.25)'
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
gssSolution: {
|
|
141
|
-
fill: 'rgb(60, 73, 150, 0.6)'
|
|
142
|
-
},
|
|
143
|
-
disabled: _objectSpread({}, (0, _styles2.disabled)('stroke')),
|
|
144
|
-
correct: _objectSpread({}, (0, _styles2.correct)('stroke')),
|
|
145
|
-
incorrect: _objectSpread({}, (0, _styles2.incorrect)('stroke'))
|
|
146
|
-
};
|
|
147
|
-
})(RawPolygon);
|
|
148
|
-
exports.Polygon = Polygon;
|
|
149
|
-
|
|
150
|
-
var _default = (0, _plot.gridDraggable)({
|
|
151
|
-
bounds: function bounds(props, _ref) {
|
|
152
|
-
var domain = _ref.domain,
|
|
153
|
-
range = _ref.range;
|
|
111
|
+
var Polygon = exports.Polygon = RawPolygon;
|
|
112
|
+
var _default = exports["default"] = (0, _plot.gridDraggable)({
|
|
113
|
+
bounds: function bounds(props, _ref3) {
|
|
114
|
+
var domain = _ref3.domain,
|
|
115
|
+
range = _ref3.range;
|
|
154
116
|
var points = props.points;
|
|
155
117
|
var area = utils.polygonToArea(points);
|
|
156
118
|
return utils.bounds(area, domain, range);
|
|
@@ -166,6 +128,4 @@ var _default = (0, _plot.gridDraggable)({
|
|
|
166
128
|
});
|
|
167
129
|
}
|
|
168
130
|
})(Polygon);
|
|
169
|
-
|
|
170
|
-
exports["default"] = _default;
|
|
171
131
|
//# 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","correctness","graphProps","closed","isSolution","rest","pointString","Tag","gssSolution","gssClosed","React","Component","PropTypes","object","string","bool","arrayOf","types","PointType","GraphPropsType","isRequired","Polygon","theme","fill","palette","primary","light","strokeWidth","stroke","color","defaults","SECONDARY_LIGHT","open","pointerEvents","disabled","correct","incorrect","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 } 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 isSolution: 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, correctness, graphProps, closed, isSolution, ...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(isSolution ? classes.gssSolution : classes.gssClosed, classes[correctness], className)}\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.SECONDARY_LIGHT,\n },\n open: {\n fill: fade(theme.palette.primary.light, 0.0), // TODO hardcoded color\n strokeWidth: 2,\n stroke: color.defaults.SECONDARY_LIGHT,\n pointerEvents: 'none',\n },\n gssClosed: {\n fill: 'transparent',\n '&:hover': {\n fill: 'rgb(0, 0, 0, 0.25)',\n },\n },\n gssSolution: {\n fill: 'rgb(60, 73, 150, 0.6)',\n },\n disabled: {\n ...disabled('stroke'),\n },\n correct: {\n ...correct('stroke'),\n },\n incorrect: {\n ...incorrect('stroke'),\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","shouldForwardProp","prop","includes","_ref","isSolution","correctness","fill","strokeWidth","stroke","color","defaults","SECONDARY_LIGHT","correct","incorrect","StyledPolyline","_ref2","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","Component","createElement","_extends2","React","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 { 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, incorrect } from '../shared/styles';\n\nconst StyledPolygon = styled('polygon', {\n shouldForwardProp: (prop) => !['isSolution', 'correctness'].includes(prop),\n})(({ isSolution, correctness }) => ({\n fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',\n strokeWidth: 2,\n stroke: color.defaults.SECONDARY_LIGHT,\n '&:hover': {\n fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)',\n },\n ...(correctness === 'correct' && correct('stroke')),\n ...(correctness === 'incorrect' && incorrect('stroke')),\n}));\n\nconst StyledPolyline = styled('polyline', {\n shouldForwardProp: (prop) => !['isSolution', 'correctness'].includes(prop),\n})(({ isSolution, correctness }) => ({\n fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',\n strokeWidth: 2,\n stroke: color.defaults.SECONDARY_LIGHT,\n '&:hover': {\n fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)',\n },\n ...(correctness === 'correct' && correct('stroke')),\n ...(correctness === 'incorrect' && incorrect('stroke')),\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 isSolution: 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, correctness, graphProps, closed, isSolution, ...rest } = this.props;\n const { scale } = graphProps;\n\n const pointString = getPointString(points, scale);\n const Component = closed ? StyledPolygon : StyledPolyline;\n return (\n <Component\n points={pointString}\n isSolution={isSolution}\n correctness={correctness}\n className={className}\n {...rest}\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":[]}
|