@pie-lib/graphing 2.15.0-beta.1 → 2.15.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/package.json +9 -9
- package/lib/axis/arrow.js +0 -115
- package/lib/axis/arrow.js.map +0 -1
- package/lib/axis/axes.js +0 -415
- package/lib/axis/axes.js.map +0 -1
- package/lib/axis/index.js +0 -26
- package/lib/axis/index.js.map +0 -1
- package/lib/bg.js +0 -139
- package/lib/bg.js.map +0 -1
- package/lib/container/actions.js +0 -24
- package/lib/container/actions.js.map +0 -1
- package/lib/container/index.js +0 -163
- package/lib/container/index.js.map +0 -1
- package/lib/container/marks.js +0 -27
- package/lib/container/marks.js.map +0 -1
- package/lib/container/middleware.js +0 -25
- package/lib/container/middleware.js.map +0 -1
- package/lib/container/reducer.js +0 -25
- package/lib/container/reducer.js.map +0 -1
- package/lib/coordinates-label.js +0 -109
- package/lib/coordinates-label.js.map +0 -1
- package/lib/graph-with-controls.js +0 -359
- package/lib/graph-with-controls.js.map +0 -1
- package/lib/graph.js +0 -371
- package/lib/graph.js.map +0 -1
- package/lib/grid-setup.js +0 -462
- package/lib/grid-setup.js.map +0 -1
- package/lib/grid.js +0 -176
- package/lib/grid.js.map +0 -1
- package/lib/index.js +0 -59
- package/lib/index.js.map +0 -1
- package/lib/key-legend.js +0 -246
- package/lib/key-legend.js.map +0 -1
- package/lib/label-svg-icon.js +0 -56
- package/lib/label-svg-icon.js.map +0 -1
- package/lib/labels.js +0 -299
- package/lib/labels.js.map +0 -1
- package/lib/mark-label.js +0 -321
- package/lib/mark-label.js.map +0 -1
- package/lib/toggle-bar.js +0 -336
- package/lib/toggle-bar.js.map +0 -1
- package/lib/tool-menu.js +0 -112
- package/lib/tool-menu.js.map +0 -1
- package/lib/tools/absolute/component.js +0 -35
- package/lib/tools/absolute/component.js.map +0 -1
- package/lib/tools/absolute/index.js +0 -63
- package/lib/tools/absolute/index.js.map +0 -1
- package/lib/tools/circle/bg-circle.js +0 -173
- package/lib/tools/circle/bg-circle.js.map +0 -1
- package/lib/tools/circle/component.js +0 -406
- package/lib/tools/circle/component.js.map +0 -1
- package/lib/tools/circle/index.js +0 -51
- package/lib/tools/circle/index.js.map +0 -1
- package/lib/tools/exponential/component.js +0 -34
- package/lib/tools/exponential/component.js.map +0 -1
- package/lib/tools/exponential/index.js +0 -71
- package/lib/tools/exponential/index.js.map +0 -1
- package/lib/tools/index.js +0 -99
- package/lib/tools/index.js.map +0 -1
- package/lib/tools/line/component.js +0 -103
- package/lib/tools/line/component.js.map +0 -1
- package/lib/tools/line/index.js +0 -16
- package/lib/tools/line/index.js.map +0 -1
- package/lib/tools/parabola/component.js +0 -34
- package/lib/tools/parabola/component.js.map +0 -1
- package/lib/tools/parabola/index.js +0 -63
- package/lib/tools/parabola/index.js.map +0 -1
- package/lib/tools/point/component.js +0 -186
- package/lib/tools/point/component.js.map +0 -1
- package/lib/tools/point/index.js +0 -32
- package/lib/tools/point/index.js.map +0 -1
- package/lib/tools/polygon/component.js +0 -518
- package/lib/tools/polygon/component.js.map +0 -1
- package/lib/tools/polygon/index.js +0 -106
- package/lib/tools/polygon/index.js.map +0 -1
- package/lib/tools/polygon/line.js +0 -157
- package/lib/tools/polygon/line.js.map +0 -1
- package/lib/tools/polygon/polygon.js +0 -165
- package/lib/tools/polygon/polygon.js.map +0 -1
- package/lib/tools/ray/component.js +0 -102
- package/lib/tools/ray/component.js.map +0 -1
- package/lib/tools/ray/index.js +0 -16
- package/lib/tools/ray/index.js.map +0 -1
- package/lib/tools/segment/component.js +0 -75
- package/lib/tools/segment/component.js.map +0 -1
- package/lib/tools/segment/index.js +0 -16
- package/lib/tools/segment/index.js.map +0 -1
- package/lib/tools/shared/arrow-head.js +0 -70
- package/lib/tools/shared/arrow-head.js.map +0 -1
- package/lib/tools/shared/icons/CorrectSVG.js +0 -36
- package/lib/tools/shared/icons/CorrectSVG.js.map +0 -1
- package/lib/tools/shared/icons/IncorrectSVG.js +0 -36
- package/lib/tools/shared/icons/IncorrectSVG.js.map +0 -1
- package/lib/tools/shared/icons/MissingSVG.js +0 -35
- package/lib/tools/shared/icons/MissingSVG.js.map +0 -1
- package/lib/tools/shared/line/index.js +0 -599
- package/lib/tools/shared/line/index.js.map +0 -1
- package/lib/tools/shared/line/line-path.js +0 -151
- package/lib/tools/shared/line/line-path.js.map +0 -1
- package/lib/tools/shared/line/with-root-edge.js +0 -155
- package/lib/tools/shared/line/with-root-edge.js.map +0 -1
- package/lib/tools/shared/point/arrow-point.js +0 -113
- package/lib/tools/shared/point/arrow-point.js.map +0 -1
- package/lib/tools/shared/point/arrow.js +0 -96
- package/lib/tools/shared/point/arrow.js.map +0 -1
- package/lib/tools/shared/point/base-point.js +0 -175
- package/lib/tools/shared/point/base-point.js.map +0 -1
- package/lib/tools/shared/point/index.js +0 -97
- package/lib/tools/shared/point/index.js.map +0 -1
- package/lib/tools/shared/styles.js +0 -58
- package/lib/tools/shared/styles.js.map +0 -1
- package/lib/tools/shared/types.js +0 -23
- package/lib/tools/shared/types.js.map +0 -1
- package/lib/tools/sine/component.js +0 -51
- package/lib/tools/sine/component.js.map +0 -1
- package/lib/tools/sine/index.js +0 -63
- package/lib/tools/sine/index.js.map +0 -1
- package/lib/tools/vector/component.js +0 -88
- package/lib/tools/vector/component.js.map +0 -1
- package/lib/tools/vector/index.js +0 -16
- package/lib/tools/vector/index.js.map +0 -1
- package/lib/undo-redo.js +0 -123
- package/lib/undo-redo.js.map +0 -1
- package/lib/use-debounce.js +0 -32
- package/lib/use-debounce.js.map +0 -1
- package/lib/utils.js +0 -307
- package/lib/utils.js.map +0 -1
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.RawLinePath = exports.LinePath = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
|
-
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
-
|
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
|
33
|
-
|
|
34
|
-
var _plot = require("@pie-lib/plot");
|
|
35
|
-
|
|
36
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
37
|
-
|
|
38
|
-
var _styles2 = require("../styles");
|
|
39
|
-
|
|
40
|
-
var vx = _interopRequireWildcard(require("@vx/shape"));
|
|
41
|
-
|
|
42
|
-
var _renderUi = require("@pie-lib/render-ui");
|
|
43
|
-
|
|
44
|
-
var _excluded = ["data", "classes", "className", "disabled", "correctness", "from", "to", "graphProps", "isDragging"];
|
|
45
|
-
|
|
46
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
47
|
-
|
|
48
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
49
|
-
|
|
50
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
51
|
-
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
55
|
-
|
|
56
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
57
|
-
|
|
58
|
-
var RawLinePath = /*#__PURE__*/function (_React$Component) {
|
|
59
|
-
(0, _inherits2["default"])(RawLinePath, _React$Component);
|
|
60
|
-
|
|
61
|
-
var _super = _createSuper(RawLinePath);
|
|
62
|
-
|
|
63
|
-
function RawLinePath() {
|
|
64
|
-
(0, _classCallCheck2["default"])(this, RawLinePath);
|
|
65
|
-
return _super.apply(this, arguments);
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
(0, _createClass2["default"])(RawLinePath, [{
|
|
69
|
-
key: "render",
|
|
70
|
-
value: function render() {
|
|
71
|
-
/* eslint-disable no-unused-vars */
|
|
72
|
-
var _this$props = this.props,
|
|
73
|
-
data = _this$props.data,
|
|
74
|
-
classes = _this$props.classes,
|
|
75
|
-
className = _this$props.className,
|
|
76
|
-
disabled = _this$props.disabled,
|
|
77
|
-
correctness = _this$props.correctness,
|
|
78
|
-
from = _this$props.from,
|
|
79
|
-
to = _this$props.to,
|
|
80
|
-
graphProps = _this$props.graphProps,
|
|
81
|
-
isDragging = _this$props.isDragging,
|
|
82
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
83
|
-
/* eslint-enable */
|
|
84
|
-
|
|
85
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.LinePath, (0, _extends2["default"])({
|
|
86
|
-
data: data,
|
|
87
|
-
className: (0, _classnames["default"])(classes.drawLine, disabled && classes.disabledSecondary, classes[correctness], className)
|
|
88
|
-
}, rest)), /*#__PURE__*/_react["default"].createElement(vx.LinePath, (0, _extends2["default"])({
|
|
89
|
-
data: data,
|
|
90
|
-
className: (0, _classnames["default"])(classes.line, isDragging && classes.dragging, disabled && classes.disabledSecondary, classes[correctness], className)
|
|
91
|
-
}, rest)));
|
|
92
|
-
}
|
|
93
|
-
}]);
|
|
94
|
-
return RawLinePath;
|
|
95
|
-
}(_react["default"].Component);
|
|
96
|
-
|
|
97
|
-
exports.RawLinePath = RawLinePath;
|
|
98
|
-
(0, _defineProperty2["default"])(RawLinePath, "propTypes", {
|
|
99
|
-
className: _propTypes["default"].string,
|
|
100
|
-
classes: _propTypes["default"].object,
|
|
101
|
-
data: _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].number)),
|
|
102
|
-
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
103
|
-
disabled: _propTypes["default"].bool,
|
|
104
|
-
correctness: _propTypes["default"].string,
|
|
105
|
-
from: _plot.types.PointType,
|
|
106
|
-
to: _plot.types.PointType,
|
|
107
|
-
isDragging: _propTypes["default"].bool
|
|
108
|
-
});
|
|
109
|
-
(0, _defineProperty2["default"])(RawLinePath, "defaultProps", {
|
|
110
|
-
from: {},
|
|
111
|
-
to: {}
|
|
112
|
-
});
|
|
113
|
-
|
|
114
|
-
var dragging = function dragging() {
|
|
115
|
-
return {
|
|
116
|
-
strokeWidth: 4,
|
|
117
|
-
stroke: _renderUi.color.defaults.BLACK
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
var LinePath = (0, _styles.withStyles)(function (theme) {
|
|
122
|
-
return {
|
|
123
|
-
drawLine: {
|
|
124
|
-
fill: 'none',
|
|
125
|
-
strokeWidth: 2,
|
|
126
|
-
stroke: _renderUi.color.black()
|
|
127
|
-
},
|
|
128
|
-
line: {
|
|
129
|
-
strokeWidth: 3,
|
|
130
|
-
fill: 'none',
|
|
131
|
-
transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',
|
|
132
|
-
stroke: 'transparent',
|
|
133
|
-
'&:hover': dragging(theme)
|
|
134
|
-
},
|
|
135
|
-
dragging: dragging(theme),
|
|
136
|
-
disabled: _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
|
|
137
|
-
strokeWidth: 2
|
|
138
|
-
}),
|
|
139
|
-
disabledSecondary: _objectSpread(_objectSpread({}, (0, _styles2.disabledSecondary)('stroke')), {}, {
|
|
140
|
-
strokeWidth: 2
|
|
141
|
-
}),
|
|
142
|
-
correct: _objectSpread({}, (0, _styles2.correct)('stroke')),
|
|
143
|
-
incorrect: _objectSpread({}, (0, _styles2.incorrect)('stroke')),
|
|
144
|
-
missing: _objectSpread(_objectSpread({}, (0, _styles2.missing)('stroke')), {}, {
|
|
145
|
-
strokeWidth: 1,
|
|
146
|
-
strokeDasharray: '4 3'
|
|
147
|
-
})
|
|
148
|
-
};
|
|
149
|
-
})(RawLinePath);
|
|
150
|
-
exports.LinePath = LinePath;
|
|
151
|
-
//# sourceMappingURL=line-path.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/tools/shared/line/line-path.jsx"],"names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","drawLine","disabledSecondary","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","defaults","BLACK","LinePath","theme","fill","black","transition","correct","incorrect","missing","strokeDasharray"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { disabled, correct, incorrect, missing, disabledSecondary } from '../styles';\nimport * as vx from '@vx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawLinePath extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object,\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, classes, className, disabled, correctness, from, to, graphProps, isDragging, ...rest } = this.props;\n /* eslint-enable */\n\n return (\n <React.Fragment>\n <vx.LinePath\n data={data}\n className={classNames(\n classes.drawLine,\n disabled && classes.disabledSecondary,\n classes[correctness],\n className,\n )}\n {...rest}\n />\n <vx.LinePath\n data={data}\n className={classNames(\n classes.line,\n isDragging && classes.dragging,\n disabled && classes.disabledSecondary,\n classes[correctness],\n className,\n )}\n {...rest}\n />\n </React.Fragment>\n );\n }\n}\n\nconst dragging = () => ({\n strokeWidth: 4,\n stroke: color.defaults.BLACK,\n});\n\nexport const LinePath = withStyles((theme) => ({\n drawLine: {\n fill: 'none',\n strokeWidth: 2,\n stroke: color.black(),\n },\n line: {\n strokeWidth: 3,\n fill: 'none',\n transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n stroke: 'transparent',\n '&:hover': dragging(theme),\n },\n dragging: dragging(theme),\n disabled: {\n ...disabled('stroke'),\n strokeWidth: 2,\n },\n disabledSecondary: {\n ...disabledSecondary('stroke'),\n strokeWidth: 2,\n },\n correct: {\n ...correct('stroke'),\n },\n incorrect: {\n ...incorrect('stroke'),\n },\n missing: {\n ...missing('stroke'),\n strokeWidth: 1,\n strokeDasharray: '4 3',\n },\n}))(RawLinePath);\n"],"file":"line-path.js"}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.withRootEdge = exports.rootEdgeToFromToWrapper = exports.rootEdgeComponent = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
|
-
var _plot = require("@pie-lib/plot");
|
|
21
|
-
|
|
22
|
-
var _linePath = require("./line-path");
|
|
23
|
-
|
|
24
|
-
var _curve = require("@vx/curve");
|
|
25
|
-
|
|
26
|
-
var _index = require("./index");
|
|
27
|
-
|
|
28
|
-
var _excluded = ["graphProps", "from", "to", "onClick", "onDragStart", "onDragStop", "onChange", "disabled", "correctness"];
|
|
29
|
-
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
34
|
-
var toRootEdge = function toRootEdge(m) {
|
|
35
|
-
var out = _objectSpread({}, m);
|
|
36
|
-
|
|
37
|
-
out.root = _objectSpread({}, m.from);
|
|
38
|
-
out.edge = m.to ? _objectSpread({}, m.to) : undefined;
|
|
39
|
-
delete out.from;
|
|
40
|
-
delete out.to;
|
|
41
|
-
return out;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var toFromTo = function toFromTo(m) {
|
|
45
|
-
var out = _objectSpread({}, m);
|
|
46
|
-
|
|
47
|
-
out.from = _objectSpread({}, m.root);
|
|
48
|
-
out.to = m.edge ? _objectSpread({}, m.edge) : undefined;
|
|
49
|
-
delete out.root;
|
|
50
|
-
delete out.edge;
|
|
51
|
-
return out;
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
var rootEdgeToFromToWrapper = function rootEdgeToFromToWrapper(BaseComp) {
|
|
55
|
-
var Wrapper = function Wrapper(props) {
|
|
56
|
-
var m = toFromTo(props.mark);
|
|
57
|
-
|
|
58
|
-
var onChange = function onChange(current, next) {
|
|
59
|
-
props.onChange(toRootEdge(current), toRootEdge(next));
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
return /*#__PURE__*/_react["default"].createElement(BaseComp, (0, _extends2["default"])({}, props, {
|
|
63
|
-
mark: m,
|
|
64
|
-
onChange: onChange
|
|
65
|
-
}));
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
Wrapper.propTypes = {
|
|
69
|
-
onChange: _propTypes["default"].func,
|
|
70
|
-
mark: _propTypes["default"].object
|
|
71
|
-
};
|
|
72
|
-
return Wrapper;
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
exports.rootEdgeToFromToWrapper = rootEdgeToFromToWrapper;
|
|
76
|
-
|
|
77
|
-
var rootEdgeComponent = function rootEdgeComponent(RootEdgeComp) {
|
|
78
|
-
var BaseComponent = (0, _index.lineToolComponent)(RootEdgeComp);
|
|
79
|
-
return rootEdgeToFromToWrapper(BaseComponent);
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
exports.rootEdgeComponent = rootEdgeComponent;
|
|
83
|
-
|
|
84
|
-
var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoints) {
|
|
85
|
-
var LinePathComponent = function LinePathComponent(props) {
|
|
86
|
-
var graphProps = props.graphProps,
|
|
87
|
-
from = props.from,
|
|
88
|
-
to = props.to,
|
|
89
|
-
onClick = props.onClick,
|
|
90
|
-
onDragStart = props.onDragStart,
|
|
91
|
-
onDragStop = props.onDragStop,
|
|
92
|
-
onChange = props.onChange,
|
|
93
|
-
disabled = props.disabled,
|
|
94
|
-
correctness = props.correctness,
|
|
95
|
-
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
96
|
-
|
|
97
|
-
var _getPoints = getPoints({
|
|
98
|
-
graphProps: props.graphProps,
|
|
99
|
-
root: from,
|
|
100
|
-
edge: to
|
|
101
|
-
}),
|
|
102
|
-
dataPoints = _getPoints.dataPoints,
|
|
103
|
-
_getPoints$enableCurv = _getPoints.enableCurve,
|
|
104
|
-
enableCurve = _getPoints$enableCurv === void 0 ? true : _getPoints$enableCurv;
|
|
105
|
-
|
|
106
|
-
var raw = dataPoints.map(function (d) {
|
|
107
|
-
return [graphProps.scale.x(d.x), graphProps.scale.y(d.y)];
|
|
108
|
-
});
|
|
109
|
-
var common = {
|
|
110
|
-
onClick: onClick,
|
|
111
|
-
graphProps: graphProps,
|
|
112
|
-
onDragStart: onDragStart,
|
|
113
|
-
onDragStop: onDragStop,
|
|
114
|
-
onChange: onChange,
|
|
115
|
-
disabled: disabled,
|
|
116
|
-
correctness: correctness
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
if (!enableCurve) {
|
|
120
|
-
return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
|
|
121
|
-
data: raw,
|
|
122
|
-
from: from,
|
|
123
|
-
to: to
|
|
124
|
-
}, common, rest));
|
|
125
|
-
} else {
|
|
126
|
-
return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
|
|
127
|
-
data: raw,
|
|
128
|
-
from: from,
|
|
129
|
-
to: to,
|
|
130
|
-
curve: _curve.curveMonotoneX
|
|
131
|
-
}, common, rest));
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
|
|
135
|
-
LinePathComponent.propTypes = {
|
|
136
|
-
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
137
|
-
from: _plot.types.PointType.isRequired,
|
|
138
|
-
to: _plot.types.PointType,
|
|
139
|
-
onClick: _propTypes["default"].func,
|
|
140
|
-
onDragStart: _propTypes["default"].func,
|
|
141
|
-
onDragStop: _propTypes["default"].func,
|
|
142
|
-
onChange: _propTypes["default"].func,
|
|
143
|
-
disabled: _propTypes["default"].bool,
|
|
144
|
-
correctness: _propTypes["default"].string
|
|
145
|
-
};
|
|
146
|
-
return LinePathComponent;
|
|
147
|
-
};
|
|
148
|
-
|
|
149
|
-
var withRootEdge = function withRootEdge(getPoints) {
|
|
150
|
-
var LinePathComp = withPointsGenerationLinePath(getPoints);
|
|
151
|
-
return (0, _index.lineBase)(LinePathComp);
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
exports.withRootEdge = withRootEdge;
|
|
155
|
-
//# sourceMappingURL=with-root-edge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"names":["toRootEdge","m","out","root","from","edge","to","undefined","toFromTo","rootEdgeToFromToWrapper","BaseComp","Wrapper","props","mark","onChange","current","next","propTypes","PropTypes","func","object","rootEdgeComponent","RootEdgeComp","BaseComponent","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","dataPoints","enableCurve","raw","map","d","scale","x","y","common","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from './line-path';\nimport { curveMonotoneX } from '@vx/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"],"file":"with-root-edge.js"}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.RawArrow = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
|
-
var _plot = require("@pie-lib/plot");
|
|
33
|
-
|
|
34
|
-
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
35
|
-
|
|
36
|
-
var _utils = require("../../../utils");
|
|
37
|
-
|
|
38
|
-
var _excluded = ["classes", "className", "x", "y", "disabled", "correctness", "graphProps", "from", "to"];
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var RawArrow = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
(0, _inherits2["default"])(RawArrow, _React$Component);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(RawArrow);
|
|
48
|
-
|
|
49
|
-
function RawArrow() {
|
|
50
|
-
(0, _classCallCheck2["default"])(this, RawArrow);
|
|
51
|
-
return _super.apply(this, arguments);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
(0, _createClass2["default"])(RawArrow, [{
|
|
55
|
-
key: "render",
|
|
56
|
-
value: function render() {
|
|
57
|
-
var _this$props = this.props,
|
|
58
|
-
classes = _this$props.classes,
|
|
59
|
-
className = _this$props.className,
|
|
60
|
-
x = _this$props.x,
|
|
61
|
-
y = _this$props.y,
|
|
62
|
-
disabled = _this$props.disabled,
|
|
63
|
-
correctness = _this$props.correctness,
|
|
64
|
-
graphProps = _this$props.graphProps,
|
|
65
|
-
from = _this$props.from,
|
|
66
|
-
to = _this$props.to,
|
|
67
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded); // x & y are the initial coordinates for the arrow
|
|
68
|
-
// from & to are used only to calculate the angle that the arrow should be rotated with
|
|
69
|
-
|
|
70
|
-
var scale = graphProps.scale;
|
|
71
|
-
var angle = (0, _utils.getAngleDeg)(from.x, from.y, to.x, to.y);
|
|
72
|
-
var points = '';
|
|
73
|
-
|
|
74
|
-
if ((0, _isEqual["default"])(from, to)) {
|
|
75
|
-
points = '0,0 0,0 0,0';
|
|
76
|
-
} else {
|
|
77
|
-
points = "0,0 ".concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2, " \n -").concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
|
|
81
|
-
className: (0, _classnames["default"])(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)
|
|
82
|
-
}, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
83
|
-
points: points,
|
|
84
|
-
transform: "\n translate(".concat(scale.x(x), ", ").concat(scale.y(y), ")\n rotate(").concat(angle, " 0 0)")
|
|
85
|
-
}));
|
|
86
|
-
}
|
|
87
|
-
}]);
|
|
88
|
-
return RawArrow;
|
|
89
|
-
}(_react["default"].Component);
|
|
90
|
-
|
|
91
|
-
exports.RawArrow = RawArrow;
|
|
92
|
-
(0, _defineProperty2["default"])(RawArrow, "propTypes", {
|
|
93
|
-
classes: _propTypes["default"].object,
|
|
94
|
-
className: _propTypes["default"].string,
|
|
95
|
-
correctness: _propTypes["default"].string,
|
|
96
|
-
disabled: _propTypes["default"].bool,
|
|
97
|
-
x: _propTypes["default"].number,
|
|
98
|
-
y: _propTypes["default"].number,
|
|
99
|
-
from: _propTypes["default"].shape({
|
|
100
|
-
x: _propTypes["default"].number,
|
|
101
|
-
y: _propTypes["default"].number
|
|
102
|
-
}).isRequired,
|
|
103
|
-
to: _propTypes["default"].shape({
|
|
104
|
-
x: _propTypes["default"].number,
|
|
105
|
-
y: _propTypes["default"].number
|
|
106
|
-
}),
|
|
107
|
-
graphProps: _plot.types.GraphPropsType.isRequired
|
|
108
|
-
});
|
|
109
|
-
(0, _defineProperty2["default"])(RawArrow, "defaultProps", {
|
|
110
|
-
from: {},
|
|
111
|
-
to: {}
|
|
112
|
-
});
|
|
113
|
-
//# sourceMappingURL=arrow-point.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"names":["RawArrow","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","scale","angle","points","arrowDimensions","vector","point","disabledSecondary","React","Component","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEaA,Q;;;;;;;;;;;;WAwBX,kBAAS;AACP,wBAA2F,KAAKC,KAAhG;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,CAA5B,eAA4BA,CAA5B;AAAA,UAA+BC,CAA/B,eAA+BA,CAA/B;AAAA,UAAkCC,QAAlC,eAAkCA,QAAlC;AAAA,UAA4CC,WAA5C,eAA4CA,WAA5C;AAAA,UAAyDC,UAAzD,eAAyDA,UAAzD;AAAA,UAAqEC,IAArE,eAAqEA,IAArE;AAAA,UAA2EC,EAA3E,eAA2EA,EAA3E;AAAA,UAAkFC,IAAlF,qEADO,CAEP;AACA;;AAEA,UAAQC,KAAR,GAAkBJ,UAAlB,CAAQI,KAAR;AACA,UAAMC,KAAK,GAAG,wBAAYJ,IAAI,CAACL,CAAjB,EAAoBK,IAAI,CAACJ,CAAzB,EAA4BK,EAAE,CAACN,CAA/B,EAAkCM,EAAE,CAACL,CAArC,CAAd;AAEA,UAAIS,MAAM,GAAG,EAAb;;AAEA,UAAI,yBAAQL,IAAR,EAAcC,EAAd,CAAJ,EAAuB;AACrBI,QAAAA,MAAM,GAAG,aAAT;AACD,OAFD,MAEO;AACLA,QAAAA,MAAM,iBAAUC,uBAAgBC,MAA1B,cAAoCD,uBAAgBC,MAAhB,GAAyB,CAA7D,uBACHD,uBAAgBC,MADb,cACuBD,uBAAgBC,MAAhB,GAAyB,CADhD,CAAN;AAED;;AAED,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWd,OAAO,CAACe,KAAnB,EAA0BX,QAAQ,IAAIJ,OAAO,CAACgB,iBAA9C,EAAiEhB,OAAO,CAACK,WAAD,CAAxE,EAAuFJ,SAAvF;AADb,SAEMQ,IAFN,gBAIE;AACE,QAAA,MAAM,EAAEG,MADV;AAEE,QAAA,SAAS,kCACGF,KAAK,CAACR,CAAN,CAAQA,CAAR,CADH,eACkBQ,KAAK,CAACP,CAAN,CAAQA,CAAR,CADlB,iCAEAQ,KAFA;AAFX,QAJF,CADF;AAaD;;;EAtD2BM,kBAAMC,S;;;iCAAvBpB,Q,eACQ;AACjBE,EAAAA,OAAO,EAAEmB,sBAAUC,MADF;AAEjBnB,EAAAA,SAAS,EAAEkB,sBAAUE,MAFJ;AAGjBhB,EAAAA,WAAW,EAAEc,sBAAUE,MAHN;AAIjBjB,EAAAA,QAAQ,EAAEe,sBAAUG,IAJH;AAKjBpB,EAAAA,CAAC,EAAEiB,sBAAUI,MALI;AAMjBpB,EAAAA,CAAC,EAAEgB,sBAAUI,MANI;AAOjBhB,EAAAA,IAAI,EAAEY,sBAAUK,KAAV,CAAgB;AACpBtB,IAAAA,CAAC,EAAEiB,sBAAUI,MADO;AAEpBpB,IAAAA,CAAC,EAAEgB,sBAAUI;AAFO,GAAhB,EAGHE,UAVc;AAWjBjB,EAAAA,EAAE,EAAEW,sBAAUK,KAAV,CAAgB;AAClBtB,IAAAA,CAAC,EAAEiB,sBAAUI,MADK;AAElBpB,IAAAA,CAAC,EAAEgB,sBAAUI;AAFK,GAAhB,CAXa;AAejBjB,EAAAA,UAAU,EAAEoB,YAAMC,cAAN,CAAqBF;AAfhB,C;iCADR3B,Q,kBAmBW;AACpBS,EAAAA,IAAI,EAAE,EADc;AAEpBC,EAAAA,EAAE,EAAE;AAFgB,C","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\n className={classNames(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)}\n {...rest}\n >\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"],"file":"arrow-point.js"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
|
-
var _plot = require("@pie-lib/plot");
|
|
33
|
-
|
|
34
|
-
var _arrowHead = require("../arrow-head");
|
|
35
|
-
|
|
36
|
-
var _utils = require("../../../utils");
|
|
37
|
-
|
|
38
|
-
var _excluded = ["classes", "angle", "className", "x", "y", "disabled", "correctness", "graphProps"];
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var Arrow = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
(0, _inherits2["default"])(Arrow, _React$Component);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(Arrow);
|
|
48
|
-
|
|
49
|
-
function Arrow() {
|
|
50
|
-
(0, _classCallCheck2["default"])(this, Arrow);
|
|
51
|
-
return _super.apply(this, arguments);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
(0, _createClass2["default"])(Arrow, [{
|
|
55
|
-
key: "render",
|
|
56
|
-
value: function render() {
|
|
57
|
-
var _this$props = this.props,
|
|
58
|
-
classes = _this$props.classes,
|
|
59
|
-
angle = _this$props.angle,
|
|
60
|
-
className = _this$props.className,
|
|
61
|
-
x = _this$props.x,
|
|
62
|
-
y = _this$props.y,
|
|
63
|
-
disabled = _this$props.disabled,
|
|
64
|
-
correctness = _this$props.correctness,
|
|
65
|
-
graphProps = _this$props.graphProps,
|
|
66
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
67
|
-
var size = (0, _utils.thinnerShapesNeeded)(graphProps) ? 12 : 14;
|
|
68
|
-
var scale = graphProps.scale;
|
|
69
|
-
var scaledX = scale.x(x);
|
|
70
|
-
var scaledY = scale.y(y);
|
|
71
|
-
var transform = "rotate(".concat(-angle, ", ").concat(scaledX, ",").concat(scaledY, ")");
|
|
72
|
-
var points = "".concat(scaledX, ",").concat(scaledY, "\n ").concat(scaledX - size, ",").concat(scaledY - size / 2, "\n ").concat(scaledX - size, ", ").concat(scaledY + size / 2);
|
|
73
|
-
return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
|
|
74
|
-
className: (0, _classnames["default"])(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)
|
|
75
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowHead, {
|
|
76
|
-
size: size,
|
|
77
|
-
transform: transform,
|
|
78
|
-
points: points
|
|
79
|
-
}));
|
|
80
|
-
}
|
|
81
|
-
}]);
|
|
82
|
-
return Arrow;
|
|
83
|
-
}(_react["default"].Component);
|
|
84
|
-
|
|
85
|
-
exports["default"] = Arrow;
|
|
86
|
-
(0, _defineProperty2["default"])(Arrow, "propTypes", {
|
|
87
|
-
classes: _propTypes["default"].object,
|
|
88
|
-
className: _propTypes["default"].string,
|
|
89
|
-
correctness: _propTypes["default"].string,
|
|
90
|
-
disabled: _propTypes["default"].bool,
|
|
91
|
-
x: _propTypes["default"].number.isRequired,
|
|
92
|
-
y: _propTypes["default"].number.isRequired,
|
|
93
|
-
angle: _propTypes["default"].number.isRequired,
|
|
94
|
-
graphProps: _plot.types.GraphPropsType.isRequired
|
|
95
|
-
});
|
|
96
|
-
//# sourceMappingURL=arrow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/tools/shared/point/arrow.jsx"],"names":["Arrow","props","classes","angle","className","x","y","disabled","correctness","graphProps","rest","size","scale","scaledX","scaledY","transform","points","point","disabledSecondary","React","Component","PropTypes","object","string","bool","number","isRequired","types","GraphPropsType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEqBA,K;;;;;;;;;;;;WAYnB,kBAAS;AACP,wBAAwF,KAAKC,KAA7F;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBC,SAAxB,eAAwBA,SAAxB;AAAA,UAAmCC,CAAnC,eAAmCA,CAAnC;AAAA,UAAsCC,CAAtC,eAAsCA,CAAtC;AAAA,UAAyCC,QAAzC,eAAyCA,QAAzC;AAAA,UAAmDC,WAAnD,eAAmDA,WAAnD;AAAA,UAAgEC,UAAhE,eAAgEA,UAAhE;AAAA,UAA+EC,IAA/E;AAEA,UAAMC,IAAI,GAAG,gCAAoBF,UAApB,IAAkC,EAAlC,GAAuC,EAApD;AACA,UAAQG,KAAR,GAAkBH,UAAlB,CAAQG,KAAR;AAEA,UAAMC,OAAO,GAAGD,KAAK,CAACP,CAAN,CAAQA,CAAR,CAAhB;AACA,UAAMS,OAAO,GAAGF,KAAK,CAACN,CAAN,CAAQA,CAAR,CAAhB;AAEA,UAAMS,SAAS,oBAAa,CAACZ,KAAd,eAAwBU,OAAxB,cAAmCC,OAAnC,MAAf;AACA,UAAME,MAAM,aAAMH,OAAN,cAAiBC,OAAjB,uBACND,OAAO,GAAGF,IADJ,cACYG,OAAO,GAAGH,IAAI,GAAG,CAD7B,uBAENE,OAAO,GAAGF,IAFJ,eAEaG,OAAO,GAAGH,IAAI,GAAG,CAF9B,CAAZ;AAIA,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWT,OAAO,CAACe,KAAnB,EAA0BV,QAAQ,IAAIL,OAAO,CAACgB,iBAA9C,EAAiEhB,OAAO,CAACM,WAAD,CAAxE,EAAuFJ,SAAvF;AADb,SAEMM,IAFN,gBAIE,gCAAC,oBAAD;AAAW,QAAA,IAAI,EAAEC,IAAjB;AAAuB,QAAA,SAAS,EAAEI,SAAlC;AAA6C,QAAA,MAAM,EAAEC;AAArD,QAJF,CADF;AAQD;;;EAlCgCG,kBAAMC,S;;;iCAApBpB,K,eACA;AACjBE,EAAAA,OAAO,EAAEmB,sBAAUC,MADF;AAEjBlB,EAAAA,SAAS,EAAEiB,sBAAUE,MAFJ;AAGjBf,EAAAA,WAAW,EAAEa,sBAAUE,MAHN;AAIjBhB,EAAAA,QAAQ,EAAEc,sBAAUG,IAJH;AAKjBnB,EAAAA,CAAC,EAAEgB,sBAAUI,MAAV,CAAiBC,UALH;AAMjBpB,EAAAA,CAAC,EAAEe,sBAAUI,MAAV,CAAiBC,UANH;AAOjBvB,EAAAA,KAAK,EAAEkB,sBAAUI,MAAV,CAAiBC,UAPP;AAQjBjB,EAAAA,UAAU,EAAEkB,YAAMC,cAAN,CAAqBF;AARhB,C","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\n className={classNames(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)}\n {...rest}\n >\n <ArrowHead size={size} transform={transform} points={points} />\n </g>\n );\n }\n}\n"],"file":"arrow.js"}
|