@pie-lib/graphing-solution-set 3.1.0-next.2 → 3.1.0-next.25
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 +8 -0
- package/NEXT.CHANGELOG.json +16 -1
- package/lib/axis/arrow.js +82 -0
- package/lib/axis/arrow.js.map +1 -0
- package/lib/axis/axes.js +341 -0
- package/lib/axis/axes.js.map +1 -0
- package/lib/axis/index.js +28 -0
- package/lib/axis/index.js.map +1 -0
- package/lib/bg.js +120 -0
- package/lib/bg.js.map +1 -0
- package/lib/container/actions.js +19 -0
- package/lib/container/actions.js.map +1 -0
- package/lib/container/index.js +126 -0
- package/lib/container/index.js.map +1 -0
- package/lib/container/marks.js +24 -0
- package/lib/container/marks.js.map +1 -0
- package/lib/container/middleware.js +20 -0
- package/lib/container/middleware.js.map +1 -0
- package/lib/container/reducer.js +19 -0
- package/lib/container/reducer.js.map +1 -0
- package/lib/coordinates-label.js +88 -0
- package/lib/coordinates-label.js.map +1 -0
- package/lib/graph-with-controls.js +316 -0
- package/lib/graph-with-controls.js.map +1 -0
- package/lib/graph.js +372 -0
- package/lib/graph.js.map +1 -0
- package/lib/grid-setup.js +417 -0
- package/lib/grid-setup.js.map +1 -0
- package/lib/grid.js +153 -0
- package/lib/grid.js.map +1 -0
- package/lib/index.js +47 -0
- package/lib/index.js.map +1 -0
- package/lib/labels.js +212 -0
- package/lib/labels.js.map +1 -0
- package/lib/mark-label.js +175 -0
- package/lib/mark-label.js.map +1 -0
- package/lib/toggle-bar.js +265 -0
- package/lib/toggle-bar.js.map +1 -0
- package/lib/tool-menu.js +221 -0
- package/lib/tool-menu.js.map +1 -0
- package/lib/tools/index.js +25 -0
- package/lib/tools/index.js.map +1 -0
- package/lib/tools/line/component.js +105 -0
- package/lib/tools/line/component.js.map +1 -0
- package/lib/tools/line/index.js +12 -0
- package/lib/tools/line/index.js.map +1 -0
- package/lib/tools/polygon/component.js +378 -0
- package/lib/tools/polygon/component.js.map +1 -0
- package/lib/tools/polygon/index.js +101 -0
- package/lib/tools/polygon/index.js.map +1 -0
- package/lib/tools/polygon/line.js +130 -0
- package/lib/tools/polygon/line.js.map +1 -0
- package/lib/tools/polygon/polygon.js +150 -0
- package/lib/tools/polygon/polygon.js.map +1 -0
- package/lib/tools/shared/arrow-head.js +65 -0
- package/lib/tools/shared/arrow-head.js.map +1 -0
- package/lib/tools/shared/line/index.js +554 -0
- package/lib/tools/shared/line/index.js.map +1 -0
- package/lib/tools/shared/line/line-path.js +137 -0
- package/lib/tools/shared/line/line-path.js.map +1 -0
- package/lib/tools/shared/line/with-root-edge.js +132 -0
- package/lib/tools/shared/line/with-root-edge.js.map +1 -0
- package/lib/tools/shared/point/arrow-point.js +89 -0
- package/lib/tools/shared/point/arrow-point.js.map +1 -0
- package/lib/tools/shared/point/arrow.js +73 -0
- package/lib/tools/shared/point/arrow.js.map +1 -0
- package/lib/tools/shared/point/base-point.js +148 -0
- package/lib/tools/shared/point/base-point.js.map +1 -0
- package/lib/tools/shared/point/index.js +96 -0
- package/lib/tools/shared/point/index.js.map +1 -0
- package/lib/tools/shared/styles.js +27 -0
- package/lib/tools/shared/styles.js.map +1 -0
- package/lib/tools/shared/types.js +16 -0
- package/lib/tools/shared/types.js.map +1 -0
- package/lib/undo-redo.js +69 -0
- package/lib/undo-redo.js.map +1 -0
- package/lib/use-debounce.js +27 -0
- package/lib/use-debounce.js.map +1 -0
- package/lib/utils.js +253 -0
- package/lib/utils.js.map +1 -0
- package/package.json +14 -14
- package/src/__tests__/graph-with-controls.test.jsx +41 -0
- package/src/__tests__/toggle-bar.test.jsx +41 -0
- package/src/bg.jsx +5 -5
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.symbol.js");
|
|
4
|
+
require("core-js/modules/es.array.filter.js");
|
|
5
|
+
require("core-js/modules/es.array.for-each.js");
|
|
6
|
+
require("core-js/modules/es.array.iterator.js");
|
|
7
|
+
require("core-js/modules/es.object.define-properties.js");
|
|
8
|
+
require("core-js/modules/es.object.define-property.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
+
require("core-js/modules/es.object.keys.js");
|
|
12
|
+
require("core-js/modules/es.object.to-string.js");
|
|
13
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
14
|
+
require("core-js/modules/es.string.iterator.js");
|
|
15
|
+
require("core-js/modules/es.weak-map.js");
|
|
16
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
17
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
18
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
19
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
20
|
+
Object.defineProperty(exports, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
exports.RawLinePath = exports.LinePath = void 0;
|
|
24
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
25
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
26
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
27
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
28
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
29
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
30
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
31
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
32
|
+
require("core-js/modules/es.array.includes.js");
|
|
33
|
+
var _react = _interopRequireDefault(require("react"));
|
|
34
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
35
|
+
var _styles = require("@mui/material/styles");
|
|
36
|
+
var _plot = require("@pie-lib/plot");
|
|
37
|
+
var _styles2 = require("../styles");
|
|
38
|
+
var vx = _interopRequireWildcard(require("@visx/shape"));
|
|
39
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
40
|
+
var _excluded = ["data", "className", "disabled", "correctness", "from", "to", "graphProps", "isDragging"];
|
|
41
|
+
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); }
|
|
42
|
+
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)); }
|
|
43
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
44
|
+
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; }
|
|
45
|
+
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; }
|
|
46
|
+
var dragging = function dragging() {
|
|
47
|
+
return {
|
|
48
|
+
strokeWidth: 7,
|
|
49
|
+
stroke: _renderUi.color.defaults.BLACK
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
var StyledDrawLine = (0, _styles.styled)(vx.LinePath, {
|
|
53
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
54
|
+
return !['disabled', 'correctness'].includes(prop);
|
|
55
|
+
}
|
|
56
|
+
})(function (_ref) {
|
|
57
|
+
var isDisabled = _ref.disabled,
|
|
58
|
+
correctness = _ref.correctness;
|
|
59
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
60
|
+
fill: 'none',
|
|
61
|
+
strokeWidth: 2,
|
|
62
|
+
stroke: _renderUi.color.secondaryLight()
|
|
63
|
+
}, isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
|
|
64
|
+
strokeWidth: 2
|
|
65
|
+
})), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && (0, _styles2.missing)('stroke'));
|
|
66
|
+
});
|
|
67
|
+
var StyledInteractionLine = (0, _styles.styled)(vx.LinePath, {
|
|
68
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
69
|
+
return !['disabled', 'correctness', 'isDragging'].includes(prop);
|
|
70
|
+
}
|
|
71
|
+
})(function (_ref2) {
|
|
72
|
+
var isDisabled = _ref2.disabled,
|
|
73
|
+
correctness = _ref2.correctness,
|
|
74
|
+
isDragging = _ref2.isDragging;
|
|
75
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
76
|
+
strokeWidth: 6,
|
|
77
|
+
fill: 'none',
|
|
78
|
+
transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',
|
|
79
|
+
stroke: 'transparent',
|
|
80
|
+
'&:hover': dragging()
|
|
81
|
+
}, isDragging && dragging()), isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
|
|
82
|
+
strokeWidth: 2
|
|
83
|
+
})), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && (0, _styles2.missing)('stroke'));
|
|
84
|
+
});
|
|
85
|
+
var RawLinePath = exports.RawLinePath = /*#__PURE__*/function (_React$Component) {
|
|
86
|
+
function RawLinePath() {
|
|
87
|
+
(0, _classCallCheck2["default"])(this, RawLinePath);
|
|
88
|
+
return _callSuper(this, RawLinePath, arguments);
|
|
89
|
+
}
|
|
90
|
+
(0, _inherits2["default"])(RawLinePath, _React$Component);
|
|
91
|
+
return (0, _createClass2["default"])(RawLinePath, [{
|
|
92
|
+
key: "render",
|
|
93
|
+
value: function render() {
|
|
94
|
+
/* eslint-disable no-unused-vars */
|
|
95
|
+
var _this$props = this.props,
|
|
96
|
+
data = _this$props.data,
|
|
97
|
+
className = _this$props.className,
|
|
98
|
+
disabled = _this$props.disabled,
|
|
99
|
+
correctness = _this$props.correctness,
|
|
100
|
+
from = _this$props.from,
|
|
101
|
+
to = _this$props.to,
|
|
102
|
+
graphProps = _this$props.graphProps,
|
|
103
|
+
isDragging = _this$props.isDragging,
|
|
104
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
105
|
+
/* eslint-enable */
|
|
106
|
+
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledDrawLine, (0, _extends2["default"])({
|
|
108
|
+
data: data,
|
|
109
|
+
disabled: disabled,
|
|
110
|
+
correctness: correctness,
|
|
111
|
+
className: className
|
|
112
|
+
}, rest)), /*#__PURE__*/_react["default"].createElement(StyledInteractionLine, (0, _extends2["default"])({
|
|
113
|
+
data: data,
|
|
114
|
+
isDragging: isDragging,
|
|
115
|
+
disabled: disabled,
|
|
116
|
+
correctness: correctness,
|
|
117
|
+
className: className
|
|
118
|
+
}, rest)));
|
|
119
|
+
}
|
|
120
|
+
}]);
|
|
121
|
+
}(_react["default"].Component);
|
|
122
|
+
(0, _defineProperty2["default"])(RawLinePath, "propTypes", {
|
|
123
|
+
className: _propTypes["default"].string,
|
|
124
|
+
data: _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].number)),
|
|
125
|
+
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
126
|
+
disabled: _propTypes["default"].bool,
|
|
127
|
+
correctness: _propTypes["default"].string,
|
|
128
|
+
from: _plot.types.PointType,
|
|
129
|
+
to: _plot.types.PointType,
|
|
130
|
+
isDragging: _propTypes["default"].bool
|
|
131
|
+
});
|
|
132
|
+
(0, _defineProperty2["default"])(RawLinePath, "defaultProps", {
|
|
133
|
+
from: {},
|
|
134
|
+
to: {}
|
|
135
|
+
});
|
|
136
|
+
var LinePath = exports.LinePath = RawLinePath;
|
|
137
|
+
//# sourceMappingURL=line-path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-path.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_styles2","vx","_interopRequireWildcard","_renderUi","_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","dragging","strokeWidth","stroke","color","defaults","BLACK","StyledDrawLine","styled","LinePath","shouldForwardProp","prop","includes","_ref","isDisabled","disabled","correctness","fill","secondaryLight","correct","incorrect","missing","StyledInteractionLine","_ref2","isDragging","transition","RawLinePath","exports","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","data","className","from","to","graphProps","rest","_objectWithoutProperties2","createElement","Fragment","_extends2","React","Component","PropTypes","string","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType"],"sources":["../../../../src/tools/shared/line/line-path.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { types } from '@pie-lib/plot';\nimport { disabled, correct, incorrect, missing } from '../styles';\nimport * as vx from '@visx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nconst dragging = () => ({\n strokeWidth: 7,\n stroke: color.defaults.BLACK,\n});\n\nconst StyledDrawLine = styled(vx.LinePath, {\n shouldForwardProp: (prop) => !['disabled', 'correctness'].includes(prop),\n})(({ disabled: isDisabled, correctness }) => ({\n fill: 'none',\n strokeWidth: 2,\n stroke: color.secondaryLight(),\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\nconst StyledInteractionLine = styled(vx.LinePath, {\n shouldForwardProp: (prop) => !['disabled', 'correctness', 'isDragging'].includes(prop),\n})(({ disabled: isDisabled, correctness, isDragging }) => ({\n strokeWidth: 6,\n fill: 'none',\n transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n stroke: 'transparent',\n '&:hover': dragging(),\n ...(isDragging && dragging()),\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\nexport class RawLinePath extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n graphProps: types.GraphPropsType.isRequired,\n disabled: PropTypes.bool,\n correctness: PropTypes.string,\n from: types.PointType,\n to: types.PointType,\n isDragging: PropTypes.bool,\n };\n\n static defaultProps = {\n from: {},\n to: {},\n };\n\n render() {\n /* eslint-disable no-unused-vars */\n const { data, className, disabled, correctness, from, to, graphProps, isDragging, ...rest } = this.props;\n /* eslint-enable */\n\n return (\n <React.Fragment>\n <StyledDrawLine\n data={data}\n disabled={disabled}\n correctness={correctness}\n className={className}\n {...rest}\n />\n <StyledInteractionLine\n data={data}\n isDragging={isDragging}\n disabled={disabled}\n correctness={correctness}\n className={className}\n {...rest}\n />\n </React.Fragment>\n );\n }\n}\n\nexport const LinePath = RawLinePath;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.symbol.js");
|
|
4
|
+
require("core-js/modules/es.array.filter.js");
|
|
5
|
+
require("core-js/modules/es.array.for-each.js");
|
|
6
|
+
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
+
require("core-js/modules/es.object.define-property.js");
|
|
8
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
+
require("core-js/modules/es.object.keys.js");
|
|
11
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
12
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
13
|
+
Object.defineProperty(exports, "__esModule", {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
16
|
+
exports.withRootEdge = exports.rootEdgeToFromToWrapper = exports.rootEdgeComponent = void 0;
|
|
17
|
+
require("core-js/modules/es.array.map.js");
|
|
18
|
+
require("core-js/modules/es.object.to-string.js");
|
|
19
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
20
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
21
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
24
|
+
var _plot = require("@pie-lib/plot");
|
|
25
|
+
var _linePath = require("./line-path");
|
|
26
|
+
var _curve = require("@visx/curve");
|
|
27
|
+
var _index = require("./index");
|
|
28
|
+
var _excluded = ["graphProps", "from", "to", "onClick", "onDragStart", "onDragStop", "onChange", "disabled", "correctness"];
|
|
29
|
+
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; }
|
|
30
|
+
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; }
|
|
31
|
+
var toRootEdge = function toRootEdge(m) {
|
|
32
|
+
var out = _objectSpread({}, m);
|
|
33
|
+
out.root = _objectSpread({}, m.from);
|
|
34
|
+
out.edge = m.to ? _objectSpread({}, m.to) : undefined;
|
|
35
|
+
delete out.from;
|
|
36
|
+
delete out.to;
|
|
37
|
+
return out;
|
|
38
|
+
};
|
|
39
|
+
var toFromTo = function toFromTo(m) {
|
|
40
|
+
var out = _objectSpread({}, m);
|
|
41
|
+
out.from = _objectSpread({}, m.root);
|
|
42
|
+
out.to = m.edge ? _objectSpread({}, m.edge) : undefined;
|
|
43
|
+
delete out.root;
|
|
44
|
+
delete out.edge;
|
|
45
|
+
return out;
|
|
46
|
+
};
|
|
47
|
+
var rootEdgeToFromToWrapper = exports.rootEdgeToFromToWrapper = function rootEdgeToFromToWrapper(BaseComp) {
|
|
48
|
+
var Wrapper = function Wrapper(props) {
|
|
49
|
+
var m = toFromTo(props.mark);
|
|
50
|
+
var onChange = function onChange(current, next) {
|
|
51
|
+
props.onChange(toRootEdge(current), toRootEdge(next));
|
|
52
|
+
};
|
|
53
|
+
return /*#__PURE__*/_react["default"].createElement(BaseComp, (0, _extends2["default"])({}, props, {
|
|
54
|
+
mark: m,
|
|
55
|
+
onChange: onChange
|
|
56
|
+
}));
|
|
57
|
+
};
|
|
58
|
+
Wrapper.propTypes = {
|
|
59
|
+
onChange: _propTypes["default"].func,
|
|
60
|
+
mark: _propTypes["default"].object
|
|
61
|
+
};
|
|
62
|
+
return Wrapper;
|
|
63
|
+
};
|
|
64
|
+
var rootEdgeComponent = exports.rootEdgeComponent = function rootEdgeComponent(RootEdgeComp) {
|
|
65
|
+
var BaseComponent = (0, _index.lineToolComponent)(RootEdgeComp);
|
|
66
|
+
return rootEdgeToFromToWrapper(BaseComponent);
|
|
67
|
+
};
|
|
68
|
+
var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoints) {
|
|
69
|
+
var LinePathComponent = function LinePathComponent(props) {
|
|
70
|
+
var graphProps = props.graphProps,
|
|
71
|
+
from = props.from,
|
|
72
|
+
to = props.to,
|
|
73
|
+
onClick = props.onClick,
|
|
74
|
+
onDragStart = props.onDragStart,
|
|
75
|
+
onDragStop = props.onDragStop,
|
|
76
|
+
onChange = props.onChange,
|
|
77
|
+
disabled = props.disabled,
|
|
78
|
+
correctness = props.correctness,
|
|
79
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
80
|
+
var _getPoints = getPoints({
|
|
81
|
+
graphProps: props.graphProps,
|
|
82
|
+
root: from,
|
|
83
|
+
edge: to
|
|
84
|
+
}),
|
|
85
|
+
dataPoints = _getPoints.dataPoints,
|
|
86
|
+
_getPoints$enableCurv = _getPoints.enableCurve,
|
|
87
|
+
enableCurve = _getPoints$enableCurv === void 0 ? true : _getPoints$enableCurv;
|
|
88
|
+
var raw = dataPoints.map(function (d) {
|
|
89
|
+
return [graphProps.scale.x(d.x), graphProps.scale.y(d.y)];
|
|
90
|
+
});
|
|
91
|
+
var common = {
|
|
92
|
+
onClick: onClick,
|
|
93
|
+
graphProps: graphProps,
|
|
94
|
+
onDragStart: onDragStart,
|
|
95
|
+
onDragStop: onDragStop,
|
|
96
|
+
onChange: onChange,
|
|
97
|
+
disabled: disabled,
|
|
98
|
+
correctness: correctness
|
|
99
|
+
};
|
|
100
|
+
if (!enableCurve) {
|
|
101
|
+
return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
|
|
102
|
+
data: raw,
|
|
103
|
+
from: from,
|
|
104
|
+
to: to
|
|
105
|
+
}, common, rest));
|
|
106
|
+
} else {
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
|
|
108
|
+
data: raw,
|
|
109
|
+
from: from,
|
|
110
|
+
to: to,
|
|
111
|
+
curve: _curve.curveMonotoneX
|
|
112
|
+
}, common, rest));
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
LinePathComponent.propTypes = {
|
|
116
|
+
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
117
|
+
from: _plot.types.PointType.isRequired,
|
|
118
|
+
to: _plot.types.PointType,
|
|
119
|
+
onClick: _propTypes["default"].func,
|
|
120
|
+
onDragStart: _propTypes["default"].func,
|
|
121
|
+
onDragStop: _propTypes["default"].func,
|
|
122
|
+
onChange: _propTypes["default"].func,
|
|
123
|
+
disabled: _propTypes["default"].bool,
|
|
124
|
+
correctness: _propTypes["default"].string
|
|
125
|
+
};
|
|
126
|
+
return LinePathComponent;
|
|
127
|
+
};
|
|
128
|
+
var withRootEdge = exports.withRootEdge = function withRootEdge(getPoints) {
|
|
129
|
+
var LinePathComp = withPointsGenerationLinePath(getPoints);
|
|
130
|
+
return (0, _index.lineBase)(LinePathComp);
|
|
131
|
+
};
|
|
132
|
+
//# sourceMappingURL=with-root-edge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-root-edge.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_linePath","_curve","_index","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","toRootEdge","m","out","root","from","edge","to","undefined","toFromTo","rootEdgeToFromToWrapper","exports","BaseComp","Wrapper","props","mark","onChange","current","next","createElement","_extends2","propTypes","PropTypes","func","object","rootEdgeComponent","RootEdgeComp","BaseComponent","lineToolComponent","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","_objectWithoutProperties2","_getPoints","dataPoints","_getPoints$enableCurv","enableCurve","raw","map","d","scale","x","y","common","LinePath","data","curve","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp","lineBase"],"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from './line-path';\nimport { curveMonotoneX } from '@visx/curve';\nimport { lineBase, lineToolComponent } from './index';\n\nconst toRootEdge = (m) => {\n const out = { ...m };\n out.root = { ...m.from };\n out.edge = m.to ? { ...m.to } : undefined;\n delete out.from;\n delete out.to;\n return out;\n};\n\nconst toFromTo = (m) => {\n const out = { ...m };\n out.from = { ...m.root };\n out.to = m.edge ? { ...m.edge } : undefined;\n delete out.root;\n delete out.edge;\n return out;\n};\n\nexport const rootEdgeToFromToWrapper = (BaseComp) => {\n const Wrapper = (props) => {\n const m = toFromTo(props.mark);\n\n const onChange = (current, next) => {\n props.onChange(toRootEdge(current), toRootEdge(next));\n };\n\n return <BaseComp {...props} mark={m} onChange={onChange} />;\n };\n\n Wrapper.propTypes = {\n onChange: PropTypes.func,\n mark: PropTypes.object,\n };\n\n return Wrapper;\n};\n\nexport const rootEdgeComponent = (RootEdgeComp) => {\n const BaseComponent = lineToolComponent(RootEdgeComp);\n return rootEdgeToFromToWrapper(BaseComponent);\n};\n\nconst withPointsGenerationLinePath = (getPoints) => {\n const LinePathComponent = (props) => {\n const { graphProps, from, to, onClick, onDragStart, onDragStop, onChange, disabled, correctness, ...rest } = props;\n\n const { dataPoints, enableCurve = true } = getPoints({\n graphProps: props.graphProps,\n root: from,\n edge: to,\n });\n\n const raw = dataPoints.map((d) => [graphProps.scale.x(d.x), graphProps.scale.y(d.y)]);\n\n const common = {\n onClick,\n graphProps,\n onDragStart,\n onDragStop,\n onChange,\n disabled,\n correctness,\n };\n\n if (!enableCurve) {\n return <LinePath data={raw} from={from} to={to} {...common} {...rest} />;\n } else {\n return <LinePath data={raw} from={from} to={to} curve={curveMonotoneX} {...common} {...rest} />;\n }\n };\n\n LinePathComponent.propTypes = {\n graphProps: types.GraphPropsType.isRequired,\n from: types.PointType.isRequired,\n to: types.PointType,\n onClick: PropTypes.func,\n onDragStart: PropTypes.func,\n onDragStop: PropTypes.func,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n correctness: PropTypes.string,\n };\n\n return LinePathComponent;\n};\n\nexport const withRootEdge = (getPoints) => {\n const LinePathComp = withPointsGenerationLinePath(getPoints);\n return lineBase(LinePathComp);\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.RawArrow = void 0;
|
|
10
|
+
require("core-js/modules/es.array.concat.js");
|
|
11
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
16
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
18
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
22
|
+
var _plot = require("@pie-lib/plot");
|
|
23
|
+
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
24
|
+
var _utils = require("../../../utils");
|
|
25
|
+
var _excluded = ["classes", "className", "x", "y", "disabled", "correctness", "graphProps", "from", "to"];
|
|
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
|
+
var RawArrow = exports.RawArrow = /*#__PURE__*/function (_React$Component) {
|
|
29
|
+
function RawArrow() {
|
|
30
|
+
(0, _classCallCheck2["default"])(this, RawArrow);
|
|
31
|
+
return _callSuper(this, RawArrow, arguments);
|
|
32
|
+
}
|
|
33
|
+
(0, _inherits2["default"])(RawArrow, _React$Component);
|
|
34
|
+
return (0, _createClass2["default"])(RawArrow, [{
|
|
35
|
+
key: "render",
|
|
36
|
+
value: function render() {
|
|
37
|
+
var _this$props = this.props,
|
|
38
|
+
classes = _this$props.classes,
|
|
39
|
+
className = _this$props.className,
|
|
40
|
+
x = _this$props.x,
|
|
41
|
+
y = _this$props.y,
|
|
42
|
+
disabled = _this$props.disabled,
|
|
43
|
+
correctness = _this$props.correctness,
|
|
44
|
+
graphProps = _this$props.graphProps,
|
|
45
|
+
from = _this$props.from,
|
|
46
|
+
to = _this$props.to,
|
|
47
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
48
|
+
// x & y are the initial coordinates for the arrow
|
|
49
|
+
// from & to are used only to calculate the angle that the arrow should be rotated with
|
|
50
|
+
|
|
51
|
+
var scale = graphProps.scale;
|
|
52
|
+
var angle = (0, _utils.getAngleDeg)(from.x, from.y, to.x, to.y);
|
|
53
|
+
var points = '';
|
|
54
|
+
if ((0, _isEqual["default"])(from, to)) {
|
|
55
|
+
points = '0,0 0,0 0,0';
|
|
56
|
+
} else {
|
|
57
|
+
points = "0,0 ".concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2, " \n -").concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2);
|
|
58
|
+
}
|
|
59
|
+
return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
|
|
60
|
+
className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
|
|
61
|
+
}, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
62
|
+
points: points,
|
|
63
|
+
transform: "\n translate(".concat(scale.x(x), ", ").concat(scale.y(y), ")\n rotate(").concat(angle, " 0 0)")
|
|
64
|
+
}));
|
|
65
|
+
}
|
|
66
|
+
}]);
|
|
67
|
+
}(_react["default"].Component);
|
|
68
|
+
(0, _defineProperty2["default"])(RawArrow, "propTypes", {
|
|
69
|
+
classes: _propTypes["default"].object,
|
|
70
|
+
className: _propTypes["default"].string,
|
|
71
|
+
correctness: _propTypes["default"].string,
|
|
72
|
+
disabled: _propTypes["default"].bool,
|
|
73
|
+
x: _propTypes["default"].number,
|
|
74
|
+
y: _propTypes["default"].number,
|
|
75
|
+
from: _propTypes["default"].shape({
|
|
76
|
+
x: _propTypes["default"].number,
|
|
77
|
+
y: _propTypes["default"].number
|
|
78
|
+
}).isRequired,
|
|
79
|
+
to: _propTypes["default"].shape({
|
|
80
|
+
x: _propTypes["default"].number,
|
|
81
|
+
y: _propTypes["default"].number
|
|
82
|
+
}),
|
|
83
|
+
graphProps: _plot.types.GraphPropsType.isRequired
|
|
84
|
+
});
|
|
85
|
+
(0, _defineProperty2["default"])(RawArrow, "defaultProps", {
|
|
86
|
+
from: {},
|
|
87
|
+
to: {}
|
|
88
|
+
});
|
|
89
|
+
//# sourceMappingURL=arrow-point.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow-point.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_plot","_isEqual","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","RawArrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","_objectWithoutProperties2","scale","angle","getAngleDeg","points","isEqual","concat","arrowDimensions","vector","createElement","_extends2","classNames","point","transform","React","Component","_defineProperty2","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport isEqual from 'lodash/isEqual';\nimport { getAngleDeg, arrowDimensions } from '../../../utils';\n\nexport class RawArrow extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n x: PropTypes.number,\n y: PropTypes.number,\n from: PropTypes.shape({\n x: PropTypes.number,\n y: PropTypes.number,\n }).isRequired,\n to: PropTypes.shape({\n x: PropTypes.number,\n y: PropTypes.number,\n }),\n graphProps: types.GraphPropsType.isRequired,\n };\n\n static defaultProps = {\n from: {},\n to: {},\n };\n\n render() {\n const { classes, className, x, y, disabled, correctness, graphProps, from, to, ...rest } = this.props;\n // x & y are the initial coordinates for the arrow\n // from & to are used only to calculate the angle that the arrow should be rotated with\n\n const { scale } = graphProps;\n const angle = getAngleDeg(from.x, from.y, to.x, to.y);\n\n let points = '';\n\n if (isEqual(from, to)) {\n points = '0,0 0,0 0,0';\n } else {\n points = `0,0 ${arrowDimensions.vector},${arrowDimensions.vector * 2} \n -${arrowDimensions.vector},${arrowDimensions.vector * 2}`;\n }\n\n return (\n <g className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n <polygon\n points={points}\n transform={`\n translate(${scale.x(x)}, ${scale.y(y)})\n rotate(${angle} 0 0)`}\n />\n </g>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = void 0;
|
|
10
|
+
require("core-js/modules/es.array.concat.js");
|
|
11
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
16
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
18
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
22
|
+
var _plot = require("@pie-lib/plot");
|
|
23
|
+
var _arrowHead = require("../arrow-head");
|
|
24
|
+
var _utils = require("../../../utils");
|
|
25
|
+
var _excluded = ["classes", "angle", "className", "x", "y", "disabled", "correctness", "graphProps"];
|
|
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
|
+
var Arrow = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
29
|
+
function Arrow() {
|
|
30
|
+
(0, _classCallCheck2["default"])(this, Arrow);
|
|
31
|
+
return _callSuper(this, Arrow, arguments);
|
|
32
|
+
}
|
|
33
|
+
(0, _inherits2["default"])(Arrow, _React$Component);
|
|
34
|
+
return (0, _createClass2["default"])(Arrow, [{
|
|
35
|
+
key: "render",
|
|
36
|
+
value: function render() {
|
|
37
|
+
var _this$props = this.props,
|
|
38
|
+
classes = _this$props.classes,
|
|
39
|
+
angle = _this$props.angle,
|
|
40
|
+
className = _this$props.className,
|
|
41
|
+
x = _this$props.x,
|
|
42
|
+
y = _this$props.y,
|
|
43
|
+
disabled = _this$props.disabled,
|
|
44
|
+
correctness = _this$props.correctness,
|
|
45
|
+
graphProps = _this$props.graphProps,
|
|
46
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
47
|
+
var size = (0, _utils.thinnerShapesNeeded)(graphProps) ? 12 : 14;
|
|
48
|
+
var scale = graphProps.scale;
|
|
49
|
+
var scaledX = scale.x(x);
|
|
50
|
+
var scaledY = scale.y(y);
|
|
51
|
+
var transform = "rotate(".concat(-angle, ", ").concat(scaledX, ",").concat(scaledY, ")");
|
|
52
|
+
var points = "".concat(scaledX, ",").concat(scaledY, "\n ").concat(scaledX - size, ",").concat(scaledY - size / 2, "\n ").concat(scaledX - size, ", ").concat(scaledY + size / 2);
|
|
53
|
+
return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
|
|
54
|
+
className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
|
|
55
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowHead, {
|
|
56
|
+
size: size,
|
|
57
|
+
transform: transform,
|
|
58
|
+
points: points
|
|
59
|
+
}));
|
|
60
|
+
}
|
|
61
|
+
}]);
|
|
62
|
+
}(_react["default"].Component);
|
|
63
|
+
(0, _defineProperty2["default"])(Arrow, "propTypes", {
|
|
64
|
+
classes: _propTypes["default"].object,
|
|
65
|
+
className: _propTypes["default"].string,
|
|
66
|
+
correctness: _propTypes["default"].string,
|
|
67
|
+
disabled: _propTypes["default"].bool,
|
|
68
|
+
x: _propTypes["default"].number.isRequired,
|
|
69
|
+
y: _propTypes["default"].number.isRequired,
|
|
70
|
+
angle: _propTypes["default"].number.isRequired,
|
|
71
|
+
graphProps: _plot.types.GraphPropsType.isRequired
|
|
72
|
+
});
|
|
73
|
+
//# sourceMappingURL=arrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_plot","_arrowHead","_utils","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","Arrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","classes","angle","className","x","y","disabled","correctness","graphProps","rest","_objectWithoutProperties2","size","thinnerShapesNeeded","scale","scaledX","scaledY","transform","concat","points","createElement","_extends2","classNames","point","ArrowHead","React","Component","_defineProperty2","PropTypes","object","string","bool","number","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport { ArrowHead } from '../arrow-head';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport default class Arrow extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n angle: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n render() {\n const { classes, angle, className, x, y, disabled, correctness, graphProps, ...rest } = this.props;\n\n const size = thinnerShapesNeeded(graphProps) ? 12 : 14;\n const { scale } = graphProps;\n\n const scaledX = scale.x(x);\n const scaledY = scale.y(y);\n\n const transform = `rotate(${-angle}, ${scaledX},${scaledY})`;\n const points = `${scaledX},${scaledY}\n ${scaledX - size},${scaledY - size / 2}\n ${scaledX - size}, ${scaledY + size / 2}`;\n\n return (\n <g className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n <ArrowHead size={size} transform={transform} points={points} />\n </g>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|