@pie-lib/charting 5.0.0 → 5.1.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 +27 -0
- package/lib/axes.js +33 -60
- package/lib/axes.js.map +1 -1
- package/lib/bars/bar.js +19 -30
- package/lib/bars/bar.js.map +1 -1
- package/lib/bars/common/bars.js +33 -47
- package/lib/bars/common/bars.js.map +1 -1
- package/lib/bars/histogram.js +19 -30
- package/lib/bars/histogram.js.map +1 -1
- package/lib/chart-setup.js +243 -0
- package/lib/chart-setup.js.map +1 -0
- package/lib/chart-type.js +68 -0
- package/lib/chart-type.js.map +1 -0
- package/lib/chart-types.js +2 -2
- package/lib/chart-types.js.map +1 -1
- package/lib/chart.js +41 -66
- package/lib/chart.js.map +1 -1
- package/lib/common/drag-handle.js +26 -41
- package/lib/common/drag-handle.js.map +1 -1
- package/lib/common/styles.js +7 -5
- package/lib/common/styles.js.map +1 -1
- package/lib/grid.js +19 -31
- package/lib/grid.js.map +1 -1
- package/lib/index.js +17 -1
- package/lib/index.js.map +1 -1
- package/lib/line/common/drag-handle.js +25 -39
- package/lib/line/common/drag-handle.js.map +1 -1
- package/lib/line/common/line.js +45 -73
- package/lib/line/common/line.js.map +1 -1
- package/lib/line/line-cross.js +25 -39
- package/lib/line/line-cross.js.map +1 -1
- package/lib/line/line-dot.js +24 -38
- package/lib/line/line-dot.js.map +1 -1
- package/lib/mark-label.js +10 -20
- package/lib/mark-label.js.map +1 -1
- package/lib/plot/common/plot.js +33 -47
- package/lib/plot/common/plot.js.map +1 -1
- package/lib/plot/dot.js +20 -31
- package/lib/plot/dot.js.map +1 -1
- package/lib/plot/line.js +21 -32
- package/lib/plot/line.js.map +1 -1
- package/lib/tool-menu.js +19 -32
- package/lib/tool-menu.js.map +1 -1
- package/lib/utils.js +10 -75
- package/lib/utils.js.map +1 -1
- package/package.json +2 -2
- package/src/axes.jsx +1 -1
- package/src/bars/common/bars.jsx +5 -2
- package/src/chart-setup.jsx +186 -0
- package/src/chart-type.js +39 -0
- package/src/chart.jsx +3 -8
- package/src/index.js +4 -1
- package/src/line/common/drag-handle.jsx +2 -1
- package/src/line/common/line.jsx +5 -3
- package/src/plot/common/plot.jsx +4 -2
- package/src/utils.js +4 -75
package/lib/line/common/line.js
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
6
|
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = exports.RawLine = exports.Line = void 0;
|
|
9
11
|
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
+
|
|
14
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
+
|
|
16
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
+
|
|
18
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
+
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
|
+
|
|
26
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
|
+
|
|
28
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
+
|
|
10
30
|
var _react = _interopRequireDefault(require("react"));
|
|
11
31
|
|
|
12
32
|
var _group = require("@vx/group");
|
|
@@ -29,47 +49,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
29
49
|
|
|
30
50
|
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; }
|
|
31
51
|
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
|
-
|
|
36
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
37
|
-
|
|
38
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
39
|
-
|
|
40
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
41
|
-
|
|
42
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
43
|
-
|
|
44
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
45
|
-
|
|
46
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
47
|
-
|
|
48
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
49
|
-
|
|
50
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
51
|
-
|
|
52
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
53
|
-
|
|
54
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
55
|
-
|
|
56
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
57
|
-
|
|
58
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
59
|
-
|
|
60
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
61
|
-
|
|
62
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
52
|
+
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); }; }
|
|
63
53
|
|
|
64
54
|
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; } }
|
|
65
55
|
|
|
66
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
67
|
-
|
|
68
56
|
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; }
|
|
69
57
|
|
|
70
|
-
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) {
|
|
71
|
-
|
|
72
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
58
|
+
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; }
|
|
73
59
|
|
|
74
60
|
var getData = function getData(data, domain) {
|
|
75
61
|
var _ref = domain || {},
|
|
@@ -90,24 +76,21 @@ var getData = function getData(data, domain) {
|
|
|
90
76
|
};
|
|
91
77
|
|
|
92
78
|
var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
93
|
-
|
|
79
|
+
(0, _inherits2["default"])(RawLine, _React$Component);
|
|
94
80
|
|
|
95
81
|
var _super = _createSuper(RawLine);
|
|
96
82
|
|
|
97
83
|
function RawLine(props) {
|
|
98
84
|
var _this;
|
|
99
85
|
|
|
100
|
-
|
|
101
|
-
|
|
86
|
+
(0, _classCallCheck2["default"])(this, RawLine);
|
|
102
87
|
_this = _super.call(this, props);
|
|
103
|
-
|
|
104
|
-
_defineProperty(_assertThisInitialized(_this), "setDragValue", function (line) {
|
|
88
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDragValue", function (line) {
|
|
105
89
|
return _this.setState({
|
|
106
90
|
line: line
|
|
107
91
|
});
|
|
108
92
|
});
|
|
109
|
-
|
|
110
|
-
_defineProperty(_assertThisInitialized(_this), "dragStop", function (index) {
|
|
93
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStop", function (index) {
|
|
111
94
|
var onChange = _this.props.onChange;
|
|
112
95
|
|
|
113
96
|
_this.setState({
|
|
@@ -116,15 +99,12 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
|
116
99
|
onChange(index, _this.state.line[index]);
|
|
117
100
|
});
|
|
118
101
|
});
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
var newLine = _toConsumableArray(_this.state.line);
|
|
122
|
-
|
|
102
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragValue", function (index, existing, next) {
|
|
103
|
+
var newLine = (0, _toConsumableArray2["default"])(_this.state.line);
|
|
123
104
|
newLine[index].dragValue = next;
|
|
124
105
|
|
|
125
106
|
_this.setDragValue(newLine);
|
|
126
107
|
});
|
|
127
|
-
|
|
128
108
|
_this.state = {
|
|
129
109
|
dragValue: undefined,
|
|
130
110
|
line: getData(props.data, props.graphProps.domain)
|
|
@@ -132,7 +112,7 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
|
132
112
|
return _this;
|
|
133
113
|
}
|
|
134
114
|
|
|
135
|
-
|
|
115
|
+
(0, _createClass2["default"])(RawLine, [{
|
|
136
116
|
key: "UNSAFE_componentWillReceiveProps",
|
|
137
117
|
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
138
118
|
if (!(0, _isEqual["default"])(this.props.data, nextProps.data)) {
|
|
@@ -150,7 +130,8 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
|
150
130
|
graphProps = _this$props.graphProps,
|
|
151
131
|
data = _this$props.data,
|
|
152
132
|
classes = _this$props.classes,
|
|
153
|
-
CustomDraggableComponent = _this$props.CustomDraggableComponent
|
|
133
|
+
CustomDraggableComponent = _this$props.CustomDraggableComponent,
|
|
134
|
+
defineChart = _this$props.defineChart;
|
|
154
135
|
var _this$state = this.state,
|
|
155
136
|
lineState = _this$state.line,
|
|
156
137
|
dragging = _this$state.dragging;
|
|
@@ -167,12 +148,13 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
|
167
148
|
className: classes.line
|
|
168
149
|
}), lineToUse && lineToUse.map(function (point, i) {
|
|
169
150
|
var r = 6;
|
|
170
|
-
var
|
|
151
|
+
var enableDraggable = defineChart || point.interactive;
|
|
152
|
+
var Component = enableDraggable ? _dragHandle["default"] : _dragHandle.DragHandle;
|
|
171
153
|
return /*#__PURE__*/_react["default"].createElement(Component, {
|
|
172
154
|
key: "point-".concat(point.x, "-").concat(i),
|
|
173
155
|
x: point.x,
|
|
174
156
|
y: point.dragValue !== undefined ? point.dragValue : point.y,
|
|
175
|
-
interactive:
|
|
157
|
+
interactive: enableDraggable,
|
|
176
158
|
r: r,
|
|
177
159
|
onDragStart: function onDragStart() {
|
|
178
160
|
return _this2.setState({
|
|
@@ -192,13 +174,11 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
|
|
|
192
174
|
}));
|
|
193
175
|
}
|
|
194
176
|
}]);
|
|
195
|
-
|
|
196
177
|
return RawLine;
|
|
197
178
|
}(_react["default"].Component);
|
|
198
179
|
|
|
199
180
|
exports.RawLine = RawLine;
|
|
200
|
-
|
|
201
|
-
_defineProperty(RawLine, "propTypes", {
|
|
181
|
+
(0, _defineProperty2["default"])(RawLine, "propTypes", {
|
|
202
182
|
onChange: _propTypes["default"].func,
|
|
203
183
|
value: _propTypes["default"].number,
|
|
204
184
|
classes: _propTypes["default"].object,
|
|
@@ -206,17 +186,16 @@ _defineProperty(RawLine, "propTypes", {
|
|
|
206
186
|
xBand: _propTypes["default"].func,
|
|
207
187
|
index: _propTypes["default"].number.isRequired,
|
|
208
188
|
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
189
|
+
defineChart: _propTypes["default"].bool,
|
|
209
190
|
data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
210
191
|
label: _propTypes["default"].string,
|
|
211
192
|
value: _propTypes["default"].number
|
|
212
193
|
})),
|
|
213
194
|
CustomDraggableComponent: _propTypes["default"].func
|
|
214
195
|
});
|
|
215
|
-
|
|
216
|
-
_defineProperty(RawLine, "defaultProps", {
|
|
196
|
+
(0, _defineProperty2["default"])(RawLine, "defaultProps", {
|
|
217
197
|
index: 0
|
|
218
198
|
});
|
|
219
|
-
|
|
220
199
|
var StyledLine = (0, _index.withStyles)(function (theme) {
|
|
221
200
|
return {
|
|
222
201
|
line: {
|
|
@@ -233,57 +212,50 @@ var StyledLine = (0, _index.withStyles)(function (theme) {
|
|
|
233
212
|
})(RawLine);
|
|
234
213
|
|
|
235
214
|
var Line = /*#__PURE__*/function (_React$Component2) {
|
|
236
|
-
|
|
215
|
+
(0, _inherits2["default"])(Line, _React$Component2);
|
|
237
216
|
|
|
238
217
|
var _super2 = _createSuper(Line);
|
|
239
218
|
|
|
240
219
|
function Line() {
|
|
241
220
|
var _this3;
|
|
242
221
|
|
|
243
|
-
|
|
222
|
+
(0, _classCallCheck2["default"])(this, Line);
|
|
244
223
|
|
|
245
224
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
246
225
|
args[_key] = arguments[_key];
|
|
247
226
|
}
|
|
248
227
|
|
|
249
228
|
_this3 = _super2.call.apply(_super2, [this].concat(args));
|
|
250
|
-
|
|
251
|
-
_defineProperty(_assertThisInitialized(_this3), "changeLine", function (index, category) {
|
|
229
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeLine", function (index, category) {
|
|
252
230
|
var onChange = _this3.props.onChange;
|
|
253
|
-
|
|
254
|
-
var newLine = _toConsumableArray(_this3.props.data);
|
|
255
|
-
|
|
231
|
+
var newLine = (0, _toConsumableArray2["default"])(_this3.props.data);
|
|
256
232
|
var dragValue = category.dragValue,
|
|
257
233
|
value = category.value;
|
|
258
234
|
newLine[index].value = dragValue >= 0 ? dragValue : value;
|
|
259
235
|
onChange(newLine);
|
|
260
236
|
});
|
|
261
|
-
|
|
262
237
|
return _this3;
|
|
263
238
|
}
|
|
264
239
|
|
|
265
|
-
|
|
240
|
+
(0, _createClass2["default"])(Line, [{
|
|
266
241
|
key: "render",
|
|
267
242
|
value: function render() {
|
|
268
243
|
var props = this.props;
|
|
269
|
-
return /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(StyledLine,
|
|
244
|
+
return /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({}, props, {
|
|
270
245
|
onChange: this.changeLine
|
|
271
246
|
})));
|
|
272
247
|
}
|
|
273
248
|
}]);
|
|
274
|
-
|
|
275
249
|
return Line;
|
|
276
250
|
}(_react["default"].Component);
|
|
277
251
|
|
|
278
252
|
exports.Line = Line;
|
|
279
|
-
|
|
280
|
-
_defineProperty(Line, "propTypes", {
|
|
253
|
+
(0, _defineProperty2["default"])(Line, "propTypes", {
|
|
281
254
|
data: _propTypes["default"].array,
|
|
282
255
|
onChange: _propTypes["default"].func,
|
|
283
256
|
xBand: _propTypes["default"].func,
|
|
284
257
|
graphProps: _plot.types.GraphPropsType.isRequired
|
|
285
258
|
});
|
|
286
|
-
|
|
287
259
|
var _default = Line;
|
|
288
260
|
exports["default"] = _default;
|
|
289
261
|
//# sourceMappingURL=line.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/line/common/line.jsx"],"names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","classes","CustomDraggableComponent","lineState","scale","lineToUse","d","point","r","Component","interactive","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","arrayOf","shape","StyledLine","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n const { max } = domain || {};\n const length = data.length;\n\n if (!max || !length) {\n return [];\n }\n\n return data.map((el, i) => ({\n ...el,\n x: length > 1 ? i * (max / (length - 1)) : 0.5,\n y: el.value\n }));\n};\n\nexport class RawLine extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n value: PropTypes.number,\n classes: PropTypes.object,\n label: PropTypes.string,\n xBand: PropTypes.func,\n index: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.number\n })\n ),\n CustomDraggableComponent: PropTypes.func\n };\n\n static defaultProps = {\n index: 0\n };\n\n constructor(props) {\n super(props);\n this.state = {\n dragValue: undefined,\n line: getData(props.data, props.graphProps.domain)\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (!isEqual(this.props.data, nextProps.data)) {\n this.setState({\n line: getData(nextProps.data, nextProps.graphProps.domain)\n });\n }\n }\n\n setDragValue = line => this.setState({ line });\n\n dragStop = index => {\n const { onChange } = this.props;\n this.setState({ dragging: false }, () => {\n onChange(index, this.state.line[index]);\n });\n };\n\n dragValue = (index, existing, next) => {\n const newLine = [...this.state.line];\n newLine[index].dragValue = next;\n this.setDragValue(newLine);\n };\n\n render() {\n const { graphProps, data, classes, CustomDraggableComponent } = this.props;\n const { line: lineState, dragging } = this.state;\n const { scale } = graphProps;\n const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n return (\n <React.Fragment>\n <LinePath\n data={lineToUse}\n x={d => scale.x(d.x)}\n y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n className={classes.line}\n />\n {lineToUse &&\n lineToUse.map((point, i) => {\n const r = 6;\n const Component = point.interactive ? DraggableHandle : DragHandle;\n\n return (\n <Component\n key={`point-${point.x}-${i}`}\n x={point.x}\n y={point.dragValue !== undefined ? point.dragValue : point.y}\n interactive={point.interactive}\n r={r}\n onDragStart={() => this.setState({ dragging: true })}\n onDrag={v =>\n this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n }\n onDragStop={() => this.dragStop(i)}\n graphProps={graphProps}\n CustomDraggableComponent={CustomDraggableComponent}\n correctness={point.correctness}\n />\n );\n })}\n </React.Fragment>\n );\n }\n}\n\nconst StyledLine = withStyles(theme => ({\n line: {\n fill: 'transparent',\n stroke: color.primaryLight(),\n strokeWidth: 3,\n transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n '&:hover': {\n strokeWidth: 6,\n stroke: color.primaryDark()\n }\n }\n}))(RawLine);\n\nexport class Line extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n xBand: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n changeLine = (index, category) => {\n const { onChange } = this.props;\n const newLine = [...this.props.data];\n const { dragValue, value } = category;\n\n newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n onChange(newLine);\n };\n\n render() {\n const props = this.props;\n\n return (\n <Group>\n <StyledLine {...props} onChange={this.changeLine} />\n </Group>\n );\n }\n}\n\nexport default Line;\n"],"file":"line.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/line/common/line.jsx"],"names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","classes","CustomDraggableComponent","defineChart","lineState","scale","lineToUse","d","point","r","enableDraggable","interactive","Component","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","StyledLine","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n const { max } = domain || {};\n const length = data.length;\n\n if (!max || !length) {\n return [];\n }\n\n return data.map((el, i) => ({\n ...el,\n x: length > 1 ? i * (max / (length - 1)) : 0.5,\n y: el.value\n }));\n};\n\nexport class RawLine extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n value: PropTypes.number,\n classes: PropTypes.object,\n label: PropTypes.string,\n xBand: PropTypes.func,\n index: PropTypes.number.isRequired,\n graphProps: types.GraphPropsType.isRequired,\n defineChart: PropTypes.bool,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.number\n })\n ),\n CustomDraggableComponent: PropTypes.func\n };\n\n static defaultProps = {\n index: 0\n };\n\n constructor(props) {\n super(props);\n this.state = {\n dragValue: undefined,\n line: getData(props.data, props.graphProps.domain)\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (!isEqual(this.props.data, nextProps.data)) {\n this.setState({\n line: getData(nextProps.data, nextProps.graphProps.domain)\n });\n }\n }\n\n setDragValue = line => this.setState({ line });\n\n dragStop = index => {\n const { onChange } = this.props;\n this.setState({ dragging: false }, () => {\n onChange(index, this.state.line[index]);\n });\n };\n\n dragValue = (index, existing, next) => {\n const newLine = [...this.state.line];\n newLine[index].dragValue = next;\n this.setDragValue(newLine);\n };\n\n render() {\n const { graphProps, data, classes, CustomDraggableComponent, defineChart } = this.props;\n const { line: lineState, dragging } = this.state;\n const { scale } = graphProps;\n const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n return (\n <React.Fragment>\n <LinePath\n data={lineToUse}\n x={d => scale.x(d.x)}\n y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n className={classes.line}\n />\n {lineToUse &&\n lineToUse.map((point, i) => {\n const r = 6;\n const enableDraggable = defineChart || point.interactive;\n const Component = enableDraggable ? DraggableHandle : DragHandle;\n\n return (\n <Component\n key={`point-${point.x}-${i}`}\n x={point.x}\n y={point.dragValue !== undefined ? point.dragValue : point.y}\n interactive={enableDraggable}\n r={r}\n onDragStart={() => this.setState({ dragging: true })}\n onDrag={v =>\n this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n }\n onDragStop={() => this.dragStop(i)}\n graphProps={graphProps}\n CustomDraggableComponent={CustomDraggableComponent}\n correctness={point.correctness}\n />\n );\n })}\n </React.Fragment>\n );\n }\n}\n\nconst StyledLine = withStyles(theme => ({\n line: {\n fill: 'transparent',\n stroke: color.primaryLight(),\n strokeWidth: 3,\n transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n '&:hover': {\n strokeWidth: 6,\n stroke: color.primaryDark()\n }\n }\n}))(RawLine);\n\nexport class Line extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n xBand: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n changeLine = (index, category) => {\n const { onChange } = this.props;\n const newLine = [...this.props.data];\n const { dragValue, value } = category;\n\n newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n onChange(newLine);\n };\n\n render() {\n const props = this.props;\n\n return (\n <Group>\n <StyledLine {...props} onChange={this.changeLine} />\n </Group>\n );\n }\n}\n\nexport default Line;\n"],"file":"line.js"}
|
package/lib/line/line-cross.js
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.LineCross = void 0;
|
|
9
9
|
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
+
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
+
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
+
|
|
22
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
23
|
+
|
|
24
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
25
|
+
|
|
10
26
|
var _react = _interopRequireDefault(require("react"));
|
|
11
27
|
|
|
12
28
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -25,36 +41,10 @@ var _line = _interopRequireDefault(require("./common/line"));
|
|
|
25
41
|
|
|
26
42
|
var _excluded = ["classes", "className", "scale", "x", "y", "r", "correctness"];
|
|
27
43
|
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
31
|
-
|
|
32
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
33
|
-
|
|
34
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
35
|
-
|
|
36
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
37
|
-
|
|
38
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
43
|
-
|
|
44
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
44
|
+
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); }; }
|
|
45
45
|
|
|
46
46
|
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; } }
|
|
47
47
|
|
|
48
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
49
|
-
|
|
50
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
51
|
-
|
|
52
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
53
|
-
|
|
54
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
55
|
-
|
|
56
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
57
|
-
|
|
58
48
|
var DraggableComponent = function DraggableComponent(props) {
|
|
59
49
|
var _props$classes = props.classes,
|
|
60
50
|
classes = _props$classes === void 0 ? {} : _props$classes,
|
|
@@ -64,9 +54,8 @@ var DraggableComponent = function DraggableComponent(props) {
|
|
|
64
54
|
y = props.y,
|
|
65
55
|
r = props.r,
|
|
66
56
|
correctness = props.correctness,
|
|
67
|
-
rest =
|
|
68
|
-
|
|
69
|
-
return /*#__PURE__*/_react["default"].createElement(_group.Group, _extends({}, rest, {
|
|
57
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_group.Group, (0, _extends2["default"])({}, rest, {
|
|
70
59
|
className: (0, _classnames["default"])(className, classes.line, correctness && correctness.value)
|
|
71
60
|
}), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
|
|
72
61
|
data: [{
|
|
@@ -117,17 +106,16 @@ DraggableComponent.propTypes = {
|
|
|
117
106
|
};
|
|
118
107
|
|
|
119
108
|
var LineCross = /*#__PURE__*/function (_React$Component) {
|
|
120
|
-
|
|
109
|
+
(0, _inherits2["default"])(LineCross, _React$Component);
|
|
121
110
|
|
|
122
111
|
var _super = _createSuper(LineCross);
|
|
123
112
|
|
|
124
113
|
function LineCross() {
|
|
125
|
-
|
|
126
|
-
|
|
114
|
+
(0, _classCallCheck2["default"])(this, LineCross);
|
|
127
115
|
return _super.apply(this, arguments);
|
|
128
116
|
}
|
|
129
117
|
|
|
130
|
-
|
|
118
|
+
(0, _createClass2["default"])(LineCross, [{
|
|
131
119
|
key: "render",
|
|
132
120
|
value: function render() {
|
|
133
121
|
var props = this.props;
|
|
@@ -141,19 +129,17 @@ var LineCross = /*#__PURE__*/function (_React$Component) {
|
|
|
141
129
|
size = _ref$size === void 0 ? {} : _ref$size;
|
|
142
130
|
|
|
143
131
|
var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
|
|
144
|
-
return /*#__PURE__*/_react["default"].createElement(_line["default"],
|
|
132
|
+
return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
|
|
145
133
|
xBand: xBand,
|
|
146
134
|
CustomDraggableComponent: DraggableComponent
|
|
147
135
|
}));
|
|
148
136
|
}
|
|
149
137
|
}]);
|
|
150
|
-
|
|
151
138
|
return LineCross;
|
|
152
139
|
}(_react["default"].Component);
|
|
153
140
|
|
|
154
141
|
exports.LineCross = LineCross;
|
|
155
|
-
|
|
156
|
-
_defineProperty(LineCross, "propTypes", {
|
|
142
|
+
(0, _defineProperty2["default"])(LineCross, "propTypes", {
|
|
157
143
|
data: _propTypes["default"].array,
|
|
158
144
|
onChange: _propTypes["default"].func,
|
|
159
145
|
graphProps: _plot.types.GraphPropsType.isRequired
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/line/line-cross.js"],"names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","rest","line","value","d","propTypes","PropTypes","object","number","string","shape","label","LineCross","data","graphProps","size","xBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/line/line-cross.js"],"names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","rest","line","value","d","propTypes","PropTypes","object","number","string","shape","label","LineCross","data","graphProps","size","xBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\nimport classNames from 'classnames';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\n\nconst DraggableComponent = props => {\n const { classes = {}, className, scale, x, y, r, correctness, ...rest } = props;\n\n return (\n <Group\n {...rest}\n className={classNames(className, classes.line, correctness && correctness.value)}\n >\n <LinePath\n data={[{ x: scale.x(x) - r, y: scale.y(y) + r }, { x: scale.x(x) + r, y: scale.y(y) - r }]}\n key={`point-${x}-${y}-1`}\n x={d => d.x}\n y={d => d.y}\n strokeWidth={5}\n />\n <LinePath\n data={[{ x: scale.x(x) - r, y: scale.y(y) - r }, { x: scale.x(x) + r, y: scale.y(y) + r }]}\n key={`point-${x}-${y}-2`}\n x={d => d.x}\n y={d => d.y}\n strokeWidth={5}\n />\n </Group>\n );\n};\n\nDraggableComponent.propTypes = {\n scale: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n r: PropTypes.number,\n className: PropTypes.string,\n classes: PropTypes.object,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n};\n\nexport class LineCross extends React.Component {\n static propTypes = {\n data: PropTypes.array,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType.isRequired\n };\n\n render() {\n const props = this.props;\n const { data, graphProps } = props;\n const { scale = {}, size = {} } = graphProps || {};\n const xBand = dataToXBand(scale.x, data, size.width, 'lineCross');\n\n return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n }\n}\n\nexport default () => ({\n type: 'lineCross',\n Component: LineCross,\n name: 'Line Cross'\n});\n"],"file":"line-cross.js"}
|
package/lib/line/line-dot.js
CHANGED
|
@@ -1,56 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.LineDot = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
var _plot = require("@pie-lib/plot");
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
var _utils = require("../utils");
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
var _line = _interopRequireDefault(require("./common/line"));
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
var _excluded = ["scale", "x", "y", "className", "classes", "r", "correctness"];
|
|
39
39
|
|
|
40
|
-
function
|
|
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
41
|
|
|
42
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
43
|
|
|
44
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
-
|
|
46
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
47
|
-
|
|
48
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
49
|
-
|
|
50
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
51
|
-
|
|
52
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
53
|
-
|
|
54
44
|
var DraggableComponent = function DraggableComponent(_ref) {
|
|
55
45
|
var scale = _ref.scale,
|
|
56
46
|
x = _ref.x,
|
|
@@ -59,9 +49,8 @@ var DraggableComponent = function DraggableComponent(_ref) {
|
|
|
59
49
|
classes = _ref.classes,
|
|
60
50
|
r = _ref.r,
|
|
61
51
|
correctness = _ref.correctness,
|
|
62
|
-
rest =
|
|
63
|
-
|
|
64
|
-
return /*#__PURE__*/_react["default"].createElement("circle", _extends({
|
|
52
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
53
|
+
return /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
|
|
65
54
|
cx: scale.x(x),
|
|
66
55
|
cy: scale.y(y),
|
|
67
56
|
r: r,
|
|
@@ -83,17 +72,16 @@ DraggableComponent.propTypes = {
|
|
|
83
72
|
};
|
|
84
73
|
|
|
85
74
|
var LineDot = /*#__PURE__*/function (_React$Component) {
|
|
86
|
-
|
|
75
|
+
(0, _inherits2["default"])(LineDot, _React$Component);
|
|
87
76
|
|
|
88
77
|
var _super = _createSuper(LineDot);
|
|
89
78
|
|
|
90
79
|
function LineDot() {
|
|
91
|
-
|
|
92
|
-
|
|
80
|
+
(0, _classCallCheck2["default"])(this, LineDot);
|
|
93
81
|
return _super.apply(this, arguments);
|
|
94
82
|
}
|
|
95
83
|
|
|
96
|
-
|
|
84
|
+
(0, _createClass2["default"])(LineDot, [{
|
|
97
85
|
key: "render",
|
|
98
86
|
value: function render() {
|
|
99
87
|
var props = this.props;
|
|
@@ -107,19 +95,17 @@ var LineDot = /*#__PURE__*/function (_React$Component) {
|
|
|
107
95
|
size = _ref2$size === void 0 ? {} : _ref2$size;
|
|
108
96
|
|
|
109
97
|
var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
|
|
110
|
-
return /*#__PURE__*/_react["default"].createElement(_line["default"],
|
|
98
|
+
return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
|
|
111
99
|
xBand: xBand,
|
|
112
100
|
CustomDraggableComponent: DraggableComponent
|
|
113
101
|
}));
|
|
114
102
|
}
|
|
115
103
|
}]);
|
|
116
|
-
|
|
117
104
|
return LineDot;
|
|
118
105
|
}(_react["default"].Component);
|
|
119
106
|
|
|
120
107
|
exports.LineDot = LineDot;
|
|
121
|
-
|
|
122
|
-
_defineProperty(LineDot, "propTypes", {
|
|
108
|
+
(0, _defineProperty2["default"])(LineDot, "propTypes", {
|
|
123
109
|
data: _propTypes["default"].array,
|
|
124
110
|
onChange: _propTypes["default"].func,
|
|
125
111
|
graphProps: _plot.types.GraphPropsType.isRequired
|