@pie-lib/charting 5.16.0-beta.1 → 5.16.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.
Files changed (48) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.json +6 -6
  3. package/lib/axes.js +0 -643
  4. package/lib/axes.js.map +0 -1
  5. package/lib/bars/bar.js +0 -86
  6. package/lib/bars/bar.js.map +0 -1
  7. package/lib/bars/common/bars.js +0 -301
  8. package/lib/bars/common/bars.js.map +0 -1
  9. package/lib/bars/histogram.js +0 -87
  10. package/lib/bars/histogram.js.map +0 -1
  11. package/lib/chart-setup.js +0 -458
  12. package/lib/chart-setup.js.map +0 -1
  13. package/lib/chart-type.js +0 -71
  14. package/lib/chart-type.js.map +0 -1
  15. package/lib/chart-types.js +0 -31
  16. package/lib/chart-types.js.map +0 -1
  17. package/lib/chart.js +0 -438
  18. package/lib/chart.js.map +0 -1
  19. package/lib/common/drag-handle.js +0 -175
  20. package/lib/common/drag-handle.js.map +0 -1
  21. package/lib/common/drag-icon.js +0 -52
  22. package/lib/common/drag-icon.js.map +0 -1
  23. package/lib/common/styles.js +0 -40
  24. package/lib/common/styles.js.map +0 -1
  25. package/lib/grid.js +0 -104
  26. package/lib/grid.js.map +0 -1
  27. package/lib/index.js +0 -40
  28. package/lib/index.js.map +0 -1
  29. package/lib/line/common/drag-handle.js +0 -157
  30. package/lib/line/common/drag-handle.js.map +0 -1
  31. package/lib/line/common/line.js +0 -261
  32. package/lib/line/common/line.js.map +0 -1
  33. package/lib/line/line-cross.js +0 -168
  34. package/lib/line/line-cross.js.map +0 -1
  35. package/lib/line/line-dot.js +0 -131
  36. package/lib/line/line-dot.js.map +0 -1
  37. package/lib/mark-label.js +0 -255
  38. package/lib/mark-label.js.map +0 -1
  39. package/lib/plot/common/plot.js +0 -280
  40. package/lib/plot/common/plot.js.map +0 -1
  41. package/lib/plot/dot.js +0 -123
  42. package/lib/plot/dot.js.map +0 -1
  43. package/lib/plot/line.js +0 -152
  44. package/lib/plot/line.js.map +0 -1
  45. package/lib/tool-menu.js +0 -142
  46. package/lib/tool-menu.js.map +0 -1
  47. package/lib/utils.js +0 -244
  48. package/lib/utils.js.map +0 -1
@@ -1,261 +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["default"] = exports.RawLine = exports.Line = void 0;
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
-
30
- var _react = _interopRequireDefault(require("react"));
31
-
32
- var _group = require("@vx/group");
33
-
34
- var _shape = require("@vx/shape");
35
-
36
- var _propTypes = _interopRequireDefault(require("prop-types"));
37
-
38
- var _plot = require("@pie-lib/plot");
39
-
40
- var _dragHandle = _interopRequireWildcard(require("./drag-handle"));
41
-
42
- var _index = require("@material-ui/core/styles/index");
43
-
44
- var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
45
-
46
- var _renderUi = require("@pie-lib/render-ui");
47
-
48
- 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); }
49
-
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; }
51
-
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); }; }
53
-
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; } }
55
-
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; }
57
-
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; }
59
-
60
- var getData = function getData(data, domain) {
61
- var _ref = domain || {},
62
- max = _ref.max;
63
-
64
- var length = data.length;
65
-
66
- if (!max || !length) {
67
- return [];
68
- }
69
-
70
- return data.map(function (el, i) {
71
- return _objectSpread(_objectSpread({}, el), {}, {
72
- x: length > 1 ? i * (max / (length - 1)) : 0.5,
73
- y: el.value
74
- });
75
- });
76
- };
77
-
78
- var RawLine = /*#__PURE__*/function (_React$Component) {
79
- (0, _inherits2["default"])(RawLine, _React$Component);
80
-
81
- var _super = _createSuper(RawLine);
82
-
83
- function RawLine(props) {
84
- var _this;
85
-
86
- (0, _classCallCheck2["default"])(this, RawLine);
87
- _this = _super.call(this, props);
88
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDragValue", function (line) {
89
- return _this.setState({
90
- line: line
91
- });
92
- });
93
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStop", function (index) {
94
- var onChange = _this.props.onChange;
95
-
96
- _this.setState({
97
- dragging: false
98
- }, function () {
99
- onChange(index, _this.state.line[index]);
100
- });
101
- });
102
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragValue", function (index, existing, next) {
103
- var newLine = (0, _toConsumableArray2["default"])(_this.state.line);
104
- newLine[index].dragValue = next;
105
-
106
- _this.setDragValue(newLine);
107
- });
108
- _this.state = {
109
- dragValue: undefined,
110
- line: getData(props.data, props.graphProps.domain)
111
- };
112
- return _this;
113
- }
114
-
115
- (0, _createClass2["default"])(RawLine, [{
116
- key: "UNSAFE_componentWillReceiveProps",
117
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
118
- if (!(0, _isEqual["default"])(this.props.data, nextProps.data)) {
119
- this.setState({
120
- line: getData(nextProps.data, nextProps.graphProps.domain)
121
- });
122
- }
123
- }
124
- }, {
125
- key: "render",
126
- value: function render() {
127
- var _this2 = this;
128
-
129
- var _this$props = this.props,
130
- graphProps = _this$props.graphProps,
131
- data = _this$props.data,
132
- classes = _this$props.classes,
133
- CustomDraggableComponent = _this$props.CustomDraggableComponent,
134
- defineChart = _this$props.defineChart;
135
- var _this$state = this.state,
136
- lineState = _this$state.line,
137
- dragging = _this$state.dragging;
138
- var scale = graphProps.scale;
139
- var lineToUse = dragging ? lineState : getData(data, graphProps.domain);
140
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
141
- data: lineToUse,
142
- x: function x(d) {
143
- return scale.x(d.x);
144
- },
145
- y: function y(d) {
146
- return scale.y(d.dragValue !== undefined ? d.dragValue : d.y);
147
- },
148
- className: classes.line
149
- }), lineToUse && lineToUse.map(function (point, i) {
150
- var r = 6;
151
- var enableDraggable = defineChart || point.interactive;
152
- var Component = enableDraggable ? _dragHandle["default"] : _dragHandle.DragHandle;
153
- return /*#__PURE__*/_react["default"].createElement(Component, {
154
- key: "point-".concat(point.x, "-").concat(i),
155
- x: point.x,
156
- y: point.dragValue !== undefined ? point.dragValue : point.y,
157
- interactive: enableDraggable,
158
- r: r,
159
- onDragStart: function onDragStart() {
160
- return _this2.setState({
161
- dragging: true
162
- });
163
- },
164
- onDrag: function onDrag(v) {
165
- return _this2.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v);
166
- },
167
- onDragStop: function onDragStop() {
168
- return _this2.dragStop(i);
169
- },
170
- graphProps: graphProps,
171
- CustomDraggableComponent: CustomDraggableComponent,
172
- correctness: point.correctness
173
- });
174
- }));
175
- }
176
- }]);
177
- return RawLine;
178
- }(_react["default"].Component);
179
-
180
- exports.RawLine = RawLine;
181
- (0, _defineProperty2["default"])(RawLine, "propTypes", {
182
- onChange: _propTypes["default"].func,
183
- value: _propTypes["default"].number,
184
- classes: _propTypes["default"].object,
185
- label: _propTypes["default"].string,
186
- xBand: _propTypes["default"].func,
187
- index: _propTypes["default"].number.isRequired,
188
- graphProps: _plot.types.GraphPropsType.isRequired,
189
- defineChart: _propTypes["default"].bool,
190
- data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
191
- label: _propTypes["default"].string,
192
- value: _propTypes["default"].number
193
- })),
194
- CustomDraggableComponent: _propTypes["default"].func
195
- });
196
- (0, _defineProperty2["default"])(RawLine, "defaultProps", {
197
- index: 0
198
- });
199
- var StyledLine = (0, _index.withStyles)(function () {
200
- return {
201
- line: {
202
- fill: 'transparent',
203
- stroke: _renderUi.color.primaryLight(),
204
- strokeWidth: 3,
205
- transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',
206
- '&:hover': {
207
- strokeWidth: 6,
208
- stroke: _renderUi.color.primaryDark()
209
- }
210
- }
211
- };
212
- })(RawLine);
213
-
214
- var Line = /*#__PURE__*/function (_React$Component2) {
215
- (0, _inherits2["default"])(Line, _React$Component2);
216
-
217
- var _super2 = _createSuper(Line);
218
-
219
- function Line() {
220
- var _this3;
221
-
222
- (0, _classCallCheck2["default"])(this, Line);
223
-
224
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
225
- args[_key] = arguments[_key];
226
- }
227
-
228
- _this3 = _super2.call.apply(_super2, [this].concat(args));
229
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeLine", function (index, category) {
230
- var onChange = _this3.props.onChange;
231
- var newLine = (0, _toConsumableArray2["default"])(_this3.props.data);
232
- var dragValue = category.dragValue,
233
- value = category.value;
234
- newLine[index].value = dragValue >= 0 ? dragValue : value;
235
- onChange(newLine);
236
- });
237
- return _this3;
238
- }
239
-
240
- (0, _createClass2["default"])(Line, [{
241
- key: "render",
242
- value: function render() {
243
- var props = this.props;
244
- return /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({}, props, {
245
- onChange: this.changeLine
246
- })));
247
- }
248
- }]);
249
- return Line;
250
- }(_react["default"].Component);
251
-
252
- exports.Line = Line;
253
- (0, _defineProperty2["default"])(Line, "propTypes", {
254
- data: _propTypes["default"].array,
255
- onChange: _propTypes["default"].func,
256
- xBand: _propTypes["default"].func,
257
- graphProps: _plot.types.GraphPropsType.isRequired
258
- });
259
- var _default = Line;
260
- exports["default"] = _default;
261
- //# sourceMappingURL=line.js.map
@@ -1 +0,0 @@
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","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAOC,MAAP,EAAkB;AAChC,aAAgBA,MAAM,IAAI,EAA1B;AAAA,MAAQC,GAAR,QAAQA,GAAR;;AACA,MAAMC,MAAM,GAAGH,IAAI,CAACG,MAApB;;AAEA,MAAI,CAACD,GAAD,IAAQ,CAACC,MAAb,EAAqB;AACnB,WAAO,EAAP;AACD;;AAED,SAAOH,IAAI,CAACI,GAAL,CAAS,UAACC,EAAD,EAAKC,CAAL;AAAA,2CACXD,EADW;AAEdE,MAAAA,CAAC,EAAEJ,MAAM,GAAG,CAAT,GAAaG,CAAC,IAAIJ,GAAG,IAAIC,MAAM,GAAG,CAAb,CAAP,CAAd,GAAwC,GAF7B;AAGdK,MAAAA,CAAC,EAAEH,EAAE,CAACI;AAHQ;AAAA,GAAT,CAAP;AAKD,CAbD;;IAeaC,O;;;;;AAuBX,mBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAgBJ,UAACC,IAAD;AAAA,aAAU,MAAKC,QAAL,CAAc;AAAED,QAAAA,IAAI,EAAJA;AAAF,OAAd,CAAV;AAAA,KAhBI;AAAA,iGAkBR,UAACE,KAAD,EAAW;AACpB,UAAQC,QAAR,GAAqB,MAAKJ,KAA1B,CAAQI,QAAR;;AACA,YAAKF,QAAL,CAAc;AAAEG,QAAAA,QAAQ,EAAE;AAAZ,OAAd,EAAmC,YAAM;AACvCD,QAAAA,QAAQ,CAACD,KAAD,EAAQ,MAAKG,KAAL,CAAWL,IAAX,CAAgBE,KAAhB,CAAR,CAAR;AACD,OAFD;AAGD,KAvBkB;AAAA,kGAyBP,UAACA,KAAD,EAAQI,QAAR,EAAkBC,IAAlB,EAA2B;AACrC,UAAMC,OAAO,uCAAO,MAAKH,KAAL,CAAWL,IAAlB,CAAb;AACAQ,MAAAA,OAAO,CAACN,KAAD,CAAP,CAAeO,SAAf,GAA2BF,IAA3B;;AACA,YAAKG,YAAL,CAAkBF,OAAlB;AACD,KA7BkB;AAEjB,UAAKH,KAAL,GAAa;AACXI,MAAAA,SAAS,EAAEE,SADA;AAEXX,MAAAA,IAAI,EAAEb,OAAO,CAACY,KAAK,CAACX,IAAP,EAAaW,KAAK,CAACa,UAAN,CAAiBvB,MAA9B;AAFF,KAAb;AAFiB;AAMlB;;;;WAED,0CAAiCwB,SAAjC,EAA4C;AAC1C,UAAI,CAAC,yBAAQ,KAAKd,KAAL,CAAWX,IAAnB,EAAyByB,SAAS,CAACzB,IAAnC,CAAL,EAA+C;AAC7C,aAAKa,QAAL,CAAc;AACZD,UAAAA,IAAI,EAAEb,OAAO,CAAC0B,SAAS,CAACzB,IAAX,EAAiByB,SAAS,CAACD,UAAV,CAAqBvB,MAAtC;AADD,SAAd;AAGD;AACF;;;WAiBD,kBAAS;AAAA;;AACP,wBAA6E,KAAKU,KAAlF;AAAA,UAAQa,UAAR,eAAQA,UAAR;AAAA,UAAoBxB,IAApB,eAAoBA,IAApB;AAAA,UAA0B0B,OAA1B,eAA0BA,OAA1B;AAAA,UAAmCC,wBAAnC,eAAmCA,wBAAnC;AAAA,UAA6DC,WAA7D,eAA6DA,WAA7D;AACA,wBAAsC,KAAKX,KAA3C;AAAA,UAAcY,SAAd,eAAQjB,IAAR;AAAA,UAAyBI,QAAzB,eAAyBA,QAAzB;AACA,UAAQc,KAAR,GAAkBN,UAAlB,CAAQM,KAAR;AACA,UAAMC,SAAS,GAAGf,QAAQ,GAAGa,SAAH,GAAe9B,OAAO,CAACC,IAAD,EAAOwB,UAAU,CAACvB,MAAlB,CAAhD;AAEA,0BACE,gCAAC,iBAAD,CAAO,QAAP,qBACE,gCAAC,eAAD;AACE,QAAA,IAAI,EAAE8B,SADR;AAEE,QAAA,CAAC,EAAE,WAACC,CAAD;AAAA,iBAAOF,KAAK,CAACvB,CAAN,CAAQyB,CAAC,CAACzB,CAAV,CAAP;AAAA,SAFL;AAGE,QAAA,CAAC,EAAE,WAACyB,CAAD;AAAA,iBAAOF,KAAK,CAACtB,CAAN,CAAQwB,CAAC,CAACX,SAAF,KAAgBE,SAAhB,GAA4BS,CAAC,CAACX,SAA9B,GAA0CW,CAAC,CAACxB,CAApD,CAAP;AAAA,SAHL;AAIE,QAAA,SAAS,EAAEkB,OAAO,CAACd;AAJrB,QADF,EAOGmB,SAAS,IACRA,SAAS,CAAC3B,GAAV,CAAc,UAAC6B,KAAD,EAAQ3B,CAAR,EAAc;AAC1B,YAAM4B,CAAC,GAAG,CAAV;AACA,YAAMC,eAAe,GAAGP,WAAW,IAAIK,KAAK,CAACG,WAA7C;AACA,YAAMC,SAAS,GAAGF,eAAe,GAAGG,sBAAH,GAAqBC,sBAAtD;AAEA,4BACE,gCAAC,SAAD;AACE,UAAA,GAAG,kBAAWN,KAAK,CAAC1B,CAAjB,cAAsBD,CAAtB,CADL;AAEE,UAAA,CAAC,EAAE2B,KAAK,CAAC1B,CAFX;AAGE,UAAA,CAAC,EAAE0B,KAAK,CAACZ,SAAN,KAAoBE,SAApB,GAAgCU,KAAK,CAACZ,SAAtC,GAAkDY,KAAK,CAACzB,CAH7D;AAIE,UAAA,WAAW,EAAE2B,eAJf;AAKE,UAAA,CAAC,EAAED,CALL;AAME,UAAA,WAAW,EAAE;AAAA,mBAAM,MAAI,CAACrB,QAAL,CAAc;AAAEG,cAAAA,QAAQ,EAAE;AAAZ,aAAd,CAAN;AAAA,WANf;AAOE,UAAA,MAAM,EAAE,gBAACwB,CAAD;AAAA,mBAAO,MAAI,CAACnB,SAAL,CAAef,CAAf,EAAkB2B,KAAK,CAACZ,SAAN,KAAoBE,SAApB,GAAgCU,KAAK,CAACZ,SAAtC,GAAkDY,KAAK,CAACzB,CAA1E,EAA6EgC,CAA7E,CAAP;AAAA,WAPV;AAQE,UAAA,UAAU,EAAE;AAAA,mBAAM,MAAI,CAACC,QAAL,CAAcnC,CAAd,CAAN;AAAA,WARd;AASE,UAAA,UAAU,EAAEkB,UATd;AAUE,UAAA,wBAAwB,EAAEG,wBAV5B;AAWE,UAAA,WAAW,EAAEM,KAAK,CAACS;AAXrB,UADF;AAeD,OApBD,CARJ,CADF;AAgCD;;;EA5F0BC,kBAAMN,S;;;iCAAtB3B,O,eACQ;AACjBK,EAAAA,QAAQ,EAAE6B,sBAAUC,IADH;AAEjBpC,EAAAA,KAAK,EAAEmC,sBAAUE,MAFA;AAGjBpB,EAAAA,OAAO,EAAEkB,sBAAUG,MAHF;AAIjBC,EAAAA,KAAK,EAAEJ,sBAAUK,MAJA;AAKjBC,EAAAA,KAAK,EAAEN,sBAAUC,IALA;AAMjB/B,EAAAA,KAAK,EAAE8B,sBAAUE,MAAV,CAAiBK,UANP;AAOjB3B,EAAAA,UAAU,EAAE4B,YAAMC,cAAN,CAAqBF,UAPhB;AAQjBvB,EAAAA,WAAW,EAAEgB,sBAAUU,IARN;AASjBtD,EAAAA,IAAI,EAAE4C,sBAAUW,OAAV,CACJX,sBAAUY,KAAV,CAAgB;AACdR,IAAAA,KAAK,EAAEJ,sBAAUK,MADH;AAEdxC,IAAAA,KAAK,EAAEmC,sBAAUE;AAFH,GAAhB,CADI,CATW;AAejBnB,EAAAA,wBAAwB,EAAEiB,sBAAUC;AAfnB,C;iCADRnC,O,kBAmBW;AACpBI,EAAAA,KAAK,EAAE;AADa,C;AA4ExB,IAAM2C,UAAU,GAAG,uBAAW;AAAA,SAAO;AACnC7C,IAAAA,IAAI,EAAE;AACJ8C,MAAAA,IAAI,EAAE,aADF;AAEJC,MAAAA,MAAM,EAAEC,gBAAMC,YAAN,EAFJ;AAGJC,MAAAA,WAAW,EAAE,CAHT;AAIJC,MAAAA,UAAU,EAAE,kDAJR;AAKJ,iBAAW;AACTD,QAAAA,WAAW,EAAE,CADJ;AAETH,QAAAA,MAAM,EAAEC,gBAAMI,WAAN;AAFC;AALP;AAD6B,GAAP;AAAA,CAAX,EAWftD,OAXe,CAAnB;;IAaauD,I;;;;;;;;;;;;;;;oGAQE,UAACnD,KAAD,EAAQoD,QAAR,EAAqB;AAChC,UAAQnD,QAAR,GAAqB,OAAKJ,KAA1B,CAAQI,QAAR;AACA,UAAMK,OAAO,uCAAO,OAAKT,KAAL,CAAWX,IAAlB,CAAb;AACA,UAAQqB,SAAR,GAA6B6C,QAA7B,CAAQ7C,SAAR;AAAA,UAAmBZ,KAAnB,GAA6ByD,QAA7B,CAAmBzD,KAAnB;AAEAW,MAAAA,OAAO,CAACN,KAAD,CAAP,CAAeL,KAAf,GAAuBY,SAAS,IAAI,CAAb,GAAiBA,SAAjB,GAA6BZ,KAApD;AAEAM,MAAAA,QAAQ,CAACK,OAAD,CAAR;AACD,K;;;;;;WAED,kBAAS;AACP,UAAMT,KAAK,GAAG,KAAKA,KAAnB;AAEA,0BACE,gCAAC,YAAD,qBACE,gCAAC,UAAD,gCAAgBA,KAAhB;AAAuB,QAAA,QAAQ,EAAE,KAAKwD;AAAtC,SADF,CADF;AAKD;;;EA1BuBxB,kBAAMN,S;;;iCAAnB4B,I,eACQ;AACjBjE,EAAAA,IAAI,EAAE4C,sBAAUwB,KADC;AAEjBrD,EAAAA,QAAQ,EAAE6B,sBAAUC,IAFH;AAGjBK,EAAAA,KAAK,EAAEN,sBAAUC,IAHA;AAIjBrB,EAAAA,UAAU,EAAE4B,YAAMC,cAAN,CAAqBF;AAJhB,C;eA4BNc,I","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) => this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)}\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(() => ({\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,168 +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"] = exports.LineCross = void 0;
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
-
26
- var _react = _interopRequireDefault(require("react"));
27
-
28
- var _propTypes = _interopRequireDefault(require("prop-types"));
29
-
30
- var _plot = require("@pie-lib/plot");
31
-
32
- var _shape = require("@vx/shape");
33
-
34
- var _group = require("@vx/group");
35
-
36
- var _classnames = _interopRequireDefault(require("classnames"));
37
-
38
- var _utils = require("../utils");
39
-
40
- var _line = _interopRequireDefault(require("./common/line"));
41
-
42
- var _excluded = ["classes", "className", "scale", "x", "y", "r", "correctness"];
43
-
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
-
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
-
48
- var DraggableComponent = function DraggableComponent(props) {
49
- var _props$classes = props.classes,
50
- classes = _props$classes === void 0 ? {} : _props$classes,
51
- className = props.className,
52
- scale = props.scale,
53
- x = props.x,
54
- y = props.y,
55
- r = props.r,
56
- correctness = props.correctness,
57
- rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
58
- return /*#__PURE__*/_react["default"].createElement(_group.Group, {
59
- className: (0, _classnames["default"])(className, classes.line, correctness && correctness.value)
60
- }, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
61
- data: [{
62
- x: scale.x(x) - r,
63
- y: scale.y(y) + r
64
- }, {
65
- x: scale.x(x) + r,
66
- y: scale.y(y) - r
67
- }],
68
- key: "point-".concat(x, "-").concat(y, "-1"),
69
- x: function x(d) {
70
- return d.x;
71
- },
72
- y: function y(d) {
73
- return d.y;
74
- },
75
- strokeWidth: 5,
76
- style: {
77
- pointerEvents: 'none'
78
- }
79
- }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
80
- data: [{
81
- x: scale.x(x) - r,
82
- y: scale.y(y) - r
83
- }, {
84
- x: scale.x(x) + r,
85
- y: scale.y(y) + r
86
- }],
87
- key: "point-".concat(x, "-").concat(y, "-2"),
88
- x: function x(d) {
89
- return d.x;
90
- },
91
- y: function y(d) {
92
- return d.y;
93
- },
94
- strokeWidth: 5,
95
- style: {
96
- pointerEvents: 'none'
97
- }
98
- }), /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
99
- cx: scale.x(x),
100
- cy: scale.y(y),
101
- r: r * 2,
102
- className: (0, _classnames["default"])(classes.transparentHandle)
103
- }, rest)));
104
- };
105
-
106
- DraggableComponent.propTypes = {
107
- scale: _propTypes["default"].object,
108
- x: _propTypes["default"].number,
109
- y: _propTypes["default"].number,
110
- r: _propTypes["default"].number,
111
- className: _propTypes["default"].string,
112
- classes: _propTypes["default"].object,
113
- correctness: _propTypes["default"].shape({
114
- value: _propTypes["default"].string,
115
- label: _propTypes["default"].string
116
- })
117
- };
118
-
119
- var LineCross = /*#__PURE__*/function (_React$Component) {
120
- (0, _inherits2["default"])(LineCross, _React$Component);
121
-
122
- var _super = _createSuper(LineCross);
123
-
124
- function LineCross() {
125
- (0, _classCallCheck2["default"])(this, LineCross);
126
- return _super.apply(this, arguments);
127
- }
128
-
129
- (0, _createClass2["default"])(LineCross, [{
130
- key: "render",
131
- value: function render() {
132
- var props = this.props;
133
- var data = props.data,
134
- graphProps = props.graphProps;
135
-
136
- var _ref = graphProps || {},
137
- _ref$scale = _ref.scale,
138
- scale = _ref$scale === void 0 ? {} : _ref$scale,
139
- _ref$size = _ref.size,
140
- size = _ref$size === void 0 ? {} : _ref$size;
141
-
142
- var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
143
- return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
144
- xBand: xBand,
145
- CustomDraggableComponent: DraggableComponent
146
- }));
147
- }
148
- }]);
149
- return LineCross;
150
- }(_react["default"].Component);
151
-
152
- exports.LineCross = LineCross;
153
- (0, _defineProperty2["default"])(LineCross, "propTypes", {
154
- data: _propTypes["default"].array,
155
- onChange: _propTypes["default"].func,
156
- graphProps: _plot.types.GraphPropsType.isRequired
157
- });
158
-
159
- var _default = function _default() {
160
- return {
161
- type: 'lineCross',
162
- Component: LineCross,
163
- name: 'Line Cross'
164
- };
165
- };
166
-
167
- exports["default"] = _default;
168
- //# sourceMappingURL=line-cross.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/line/line-cross.js"],"names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","rest","line","value","d","pointerEvents","transparentHandle","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 className={classNames(className, classes.line, correctness && correctness.value)}>\n <LinePath\n data={[\n { x: scale.x(x) - r, y: scale.y(y) + r },\n { x: scale.x(x) + r, y: scale.y(y) - r },\n ]}\n key={`point-${x}-${y}-1`}\n x={(d) => d.x}\n y={(d) => d.y}\n strokeWidth={5}\n style={{ pointerEvents: 'none' }}\n />\n <LinePath\n data={[\n { x: scale.x(x) - r, y: scale.y(y) - r },\n { x: scale.x(x) + r, y: scale.y(y) + r },\n ]}\n key={`point-${x}-${y}-2`}\n x={(d) => d.x}\n y={(d) => d.y}\n strokeWidth={5}\n style={{ pointerEvents: 'none' }}\n />\n <circle cx={scale.x(x)} cy={scale.y(y)} r={r * 2} className={classNames(classes.transparentHandle)} {...rest} />\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"}
@@ -1,131 +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"] = exports.LineDot = void 0;
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
-
26
- var _react = _interopRequireDefault(require("react"));
27
-
28
- var _propTypes = _interopRequireDefault(require("prop-types"));
29
-
30
- var _plot = require("@pie-lib/plot");
31
-
32
- var _utils = require("../utils");
33
-
34
- var _line = _interopRequireDefault(require("./common/line"));
35
-
36
- var _classnames = _interopRequireDefault(require("classnames"));
37
-
38
- var _excluded = ["scale", "x", "y", "className", "classes", "r", "correctness"];
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 DraggableComponent = function DraggableComponent(_ref) {
45
- var scale = _ref.scale,
46
- x = _ref.x,
47
- y = _ref.y,
48
- className = _ref.className,
49
- classes = _ref.classes,
50
- r = _ref.r,
51
- correctness = _ref.correctness,
52
- rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
53
- return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
54
- cx: scale.x(x),
55
- cy: scale.y(y),
56
- r: r * 3,
57
- className: (0, _classnames["default"])(classes.transparentHandle, className),
58
- style: {
59
- pointerEvents: 'none'
60
- }
61
- }, rest)), /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
62
- cx: scale.x(x),
63
- cy: scale.y(y),
64
- r: r,
65
- className: (0, _classnames["default"])(className, classes.handle, correctness && correctness.value)
66
- }, rest)));
67
- };
68
-
69
- DraggableComponent.propTypes = {
70
- scale: _propTypes["default"].object,
71
- x: _propTypes["default"].number,
72
- y: _propTypes["default"].number,
73
- r: _propTypes["default"].number,
74
- className: _propTypes["default"].string,
75
- classes: _propTypes["default"].object,
76
- correctness: _propTypes["default"].shape({
77
- value: _propTypes["default"].string,
78
- label: _propTypes["default"].string
79
- })
80
- };
81
-
82
- var LineDot = /*#__PURE__*/function (_React$Component) {
83
- (0, _inherits2["default"])(LineDot, _React$Component);
84
-
85
- var _super = _createSuper(LineDot);
86
-
87
- function LineDot() {
88
- (0, _classCallCheck2["default"])(this, LineDot);
89
- return _super.apply(this, arguments);
90
- }
91
-
92
- (0, _createClass2["default"])(LineDot, [{
93
- key: "render",
94
- value: function render() {
95
- var props = this.props;
96
- var data = props.data,
97
- graphProps = props.graphProps;
98
-
99
- var _ref2 = graphProps || {},
100
- _ref2$scale = _ref2.scale,
101
- scale = _ref2$scale === void 0 ? {} : _ref2$scale,
102
- _ref2$size = _ref2.size,
103
- size = _ref2$size === void 0 ? {} : _ref2$size;
104
-
105
- var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
106
- return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
107
- xBand: xBand,
108
- CustomDraggableComponent: DraggableComponent
109
- }));
110
- }
111
- }]);
112
- return LineDot;
113
- }(_react["default"].Component);
114
-
115
- exports.LineDot = LineDot;
116
- (0, _defineProperty2["default"])(LineDot, "propTypes", {
117
- data: _propTypes["default"].array,
118
- onChange: _propTypes["default"].func,
119
- graphProps: _plot.types.GraphPropsType.isRequired
120
- });
121
-
122
- var _default = function _default() {
123
- return {
124
- type: 'lineDot',
125
- Component: LineDot,
126
- name: 'Line Dot'
127
- };
128
- };
129
-
130
- exports["default"] = _default;
131
- //# sourceMappingURL=line-dot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/line/line-dot.js"],"names":["DraggableComponent","scale","x","y","className","classes","r","correctness","rest","transparentHandle","pointerEvents","handle","value","propTypes","PropTypes","object","number","string","shape","label","LineDot","props","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 { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport classNames from 'classnames';\n\nconst DraggableComponent = ({ scale, x, y, className, classes, r, correctness, ...rest }) => (\n <g>\n <circle\n cx={scale.x(x)}\n cy={scale.y(y)}\n r={r * 3}\n className={classNames(classes.transparentHandle, className)}\n style={{ pointerEvents: 'none' }}\n {...rest}\n />\n <circle\n cx={scale.x(x)}\n cy={scale.y(y)}\n r={r}\n className={classNames(className, classes.handle, correctness && correctness.value)}\n {...rest}\n />\n </g>\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 LineDot 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, 'lineDot');\n\n return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n }\n}\n\nexport default () => ({\n type: 'lineDot',\n Component: LineDot,\n name: 'Line Dot',\n});\n"],"file":"line-dot.js"}