@pie-lib/charting 5.15.7-next.0 → 5.16.1-beta.0

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 (106) hide show
  1. package/CHANGELOG.md +35 -65
  2. package/NEXT.CHANGELOG.json +1 -0
  3. package/package.json +38 -5
  4. package/src/__tests__/__snapshots__/axes.test.jsx.snap +564 -0
  5. package/src/__tests__/__snapshots__/chart-type.test.jsx.snap +14 -0
  6. package/src/__tests__/__snapshots__/chart.test.jsx.snap +610 -0
  7. package/src/__tests__/__snapshots__/grid.test.jsx.snap +28 -0
  8. package/src/__tests__/__snapshots__/mark-label.test.jsx.snap +67 -0
  9. package/src/__tests__/axes.test.jsx +146 -0
  10. package/src/__tests__/chart-setup.test.jsx +47 -0
  11. package/src/__tests__/chart-type.test.jsx +29 -0
  12. package/src/__tests__/chart.test.jsx +87 -0
  13. package/src/__tests__/grid.test.jsx +25 -0
  14. package/src/__tests__/mark-label.test.jsx +31 -0
  15. package/src/__tests__/utils.js +30 -0
  16. package/src/__tests__/utils.test.js +100 -0
  17. package/src/axes.jsx +59 -23
  18. package/src/bars/__tests__/__snapshots__/bar.test.jsx.snap +43 -0
  19. package/src/bars/__tests__/__snapshots__/histogram.test.jsx.snap +45 -0
  20. package/src/bars/__tests__/bar.test.jsx +37 -0
  21. package/src/bars/__tests__/histogram.test.jsx +38 -0
  22. package/src/bars/__tests__/utils.js +30 -0
  23. package/src/bars/common/__tests__/__snapshots__/bars.test.jsx.snap +110 -0
  24. package/src/bars/common/__tests__/bars.test.jsx +69 -0
  25. package/src/bars/common/__tests__/utils.js +30 -0
  26. package/src/bars/common/bars.jsx +37 -1
  27. package/src/chart-type.js +7 -3
  28. package/src/chart-types.js +2 -2
  29. package/src/chart.jsx +15 -5
  30. package/src/common/__tests__/__snapshots__/drag-handle.test.jsx.snap +45 -0
  31. package/src/common/__tests__/drag-handle.test.jsx +88 -0
  32. package/src/common/__tests__/utils.js +30 -0
  33. package/src/common/drag-handle.jsx +18 -10
  34. package/src/common/drag-icon.jsx +6 -21
  35. package/src/line/__tests__/__snapshots__/line-cross.test.jsx.snap +45 -0
  36. package/src/line/__tests__/__snapshots__/line-dot.test.jsx.snap +45 -0
  37. package/src/line/__tests__/line-cross.test.jsx +38 -0
  38. package/src/line/__tests__/line-dot.test.jsx +38 -0
  39. package/src/line/__tests__/utils.js +30 -0
  40. package/src/line/common/__tests__/__snapshots__/drag-handle.test.jsx.snap +44 -0
  41. package/src/line/common/__tests__/__snapshots__/line.test.jsx.snap +141 -0
  42. package/src/line/common/__tests__/drag-handle.test.jsx +88 -0
  43. package/src/line/common/__tests__/line.test.jsx +82 -0
  44. package/src/line/common/__tests__/utils.js +30 -0
  45. package/src/line/common/drag-handle.jsx +9 -4
  46. package/src/line/line-cross.js +4 -1
  47. package/src/line/line-dot.js +17 -7
  48. package/src/mark-label.jsx +19 -7
  49. package/src/plot/__tests__/__snapshots__/dot.test.jsx.snap +45 -0
  50. package/src/plot/__tests__/__snapshots__/line.test.jsx.snap +45 -0
  51. package/src/plot/__tests__/dot.test.jsx +38 -0
  52. package/src/plot/__tests__/line.test.jsx +38 -0
  53. package/src/plot/__tests__/utils.js +30 -0
  54. package/src/plot/common/__tests__/__snapshots__/plot.test.jsx.snap +96 -0
  55. package/src/plot/common/__tests__/plot.test.jsx +70 -0
  56. package/src/plot/common/__tests__/utils.js +30 -0
  57. package/src/plot/common/plot.jsx +6 -1
  58. package/src/plot/dot.js +1 -1
  59. package/src/plot/line.js +1 -1
  60. package/src/tool-menu.jsx +0 -4
  61. package/lib/axes.js +0 -598
  62. package/lib/axes.js.map +0 -1
  63. package/lib/bars/bar.js +0 -86
  64. package/lib/bars/bar.js.map +0 -1
  65. package/lib/bars/common/bars.js +0 -267
  66. package/lib/bars/common/bars.js.map +0 -1
  67. package/lib/bars/histogram.js +0 -87
  68. package/lib/bars/histogram.js.map +0 -1
  69. package/lib/chart-setup.js +0 -458
  70. package/lib/chart-setup.js.map +0 -1
  71. package/lib/chart-type.js +0 -71
  72. package/lib/chart-type.js.map +0 -1
  73. package/lib/chart-types.js +0 -31
  74. package/lib/chart-types.js.map +0 -1
  75. package/lib/chart.js +0 -423
  76. package/lib/chart.js.map +0 -1
  77. package/lib/common/drag-handle.js +0 -169
  78. package/lib/common/drag-handle.js.map +0 -1
  79. package/lib/common/drag-icon.js +0 -69
  80. package/lib/common/drag-icon.js.map +0 -1
  81. package/lib/common/styles.js +0 -40
  82. package/lib/common/styles.js.map +0 -1
  83. package/lib/grid.js +0 -104
  84. package/lib/grid.js.map +0 -1
  85. package/lib/index.js +0 -40
  86. package/lib/index.js.map +0 -1
  87. package/lib/line/common/drag-handle.js +0 -152
  88. package/lib/line/common/drag-handle.js.map +0 -1
  89. package/lib/line/common/line.js +0 -261
  90. package/lib/line/common/line.js.map +0 -1
  91. package/lib/line/line-cross.js +0 -157
  92. package/lib/line/line-cross.js.map +0 -1
  93. package/lib/line/line-dot.js +0 -123
  94. package/lib/line/line-dot.js.map +0 -1
  95. package/lib/mark-label.js +0 -246
  96. package/lib/mark-label.js.map +0 -1
  97. package/lib/plot/common/plot.js +0 -278
  98. package/lib/plot/common/plot.js.map +0 -1
  99. package/lib/plot/dot.js +0 -123
  100. package/lib/plot/dot.js.map +0 -1
  101. package/lib/plot/line.js +0 -152
  102. package/lib/plot/line.js.map +0 -1
  103. package/lib/tool-menu.js +0 -146
  104. package/lib/tool-menu.js.map +0 -1
  105. package/lib/utils.js +0 -244
  106. 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":"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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) => 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,157 +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, (0, _extends2["default"])({}, rest, {
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
- }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
77
- data: [{
78
- x: scale.x(x) - r,
79
- y: scale.y(y) - r
80
- }, {
81
- x: scale.x(x) + r,
82
- y: scale.y(y) + r
83
- }],
84
- key: "point-".concat(x, "-").concat(y, "-2"),
85
- x: function x(d) {
86
- return d.x;
87
- },
88
- y: function y(d) {
89
- return d.y;
90
- },
91
- strokeWidth: 5
92
- }));
93
- };
94
-
95
- DraggableComponent.propTypes = {
96
- scale: _propTypes["default"].object,
97
- x: _propTypes["default"].number,
98
- y: _propTypes["default"].number,
99
- r: _propTypes["default"].number,
100
- className: _propTypes["default"].string,
101
- classes: _propTypes["default"].object,
102
- correctness: _propTypes["default"].shape({
103
- value: _propTypes["default"].string,
104
- label: _propTypes["default"].string
105
- })
106
- };
107
-
108
- var LineCross = /*#__PURE__*/function (_React$Component) {
109
- (0, _inherits2["default"])(LineCross, _React$Component);
110
-
111
- var _super = _createSuper(LineCross);
112
-
113
- function LineCross() {
114
- (0, _classCallCheck2["default"])(this, LineCross);
115
- return _super.apply(this, arguments);
116
- }
117
-
118
- (0, _createClass2["default"])(LineCross, [{
119
- key: "render",
120
- value: function render() {
121
- var props = this.props;
122
- var data = props.data,
123
- graphProps = props.graphProps;
124
-
125
- var _ref = graphProps || {},
126
- _ref$scale = _ref.scale,
127
- scale = _ref$scale === void 0 ? {} : _ref$scale,
128
- _ref$size = _ref.size,
129
- size = _ref$size === void 0 ? {} : _ref$size;
130
-
131
- var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
132
- return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
133
- xBand: xBand,
134
- CustomDraggableComponent: DraggableComponent
135
- }));
136
- }
137
- }]);
138
- return LineCross;
139
- }(_react["default"].Component);
140
-
141
- exports.LineCross = LineCross;
142
- (0, _defineProperty2["default"])(LineCross, "propTypes", {
143
- data: _propTypes["default"].array,
144
- onChange: _propTypes["default"].func,
145
- graphProps: _plot.types.GraphPropsType.isRequired
146
- });
147
-
148
- var _default = function _default() {
149
- return {
150
- type: 'lineCross',
151
- Component: LineCross,
152
- name: 'Line Cross'
153
- };
154
- };
155
-
156
- exports["default"] = _default;
157
- //# 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","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 {...rest} 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 />\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 />\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,123 +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("circle", (0, _extends2["default"])({
54
- cx: scale.x(x),
55
- cy: scale.y(y),
56
- r: r,
57
- className: (0, _classnames["default"])(className, classes.handle, correctness && correctness.value)
58
- }, rest));
59
- };
60
-
61
- DraggableComponent.propTypes = {
62
- scale: _propTypes["default"].object,
63
- x: _propTypes["default"].number,
64
- y: _propTypes["default"].number,
65
- r: _propTypes["default"].number,
66
- className: _propTypes["default"].string,
67
- classes: _propTypes["default"].object,
68
- correctness: _propTypes["default"].shape({
69
- value: _propTypes["default"].string,
70
- label: _propTypes["default"].string
71
- })
72
- };
73
-
74
- var LineDot = /*#__PURE__*/function (_React$Component) {
75
- (0, _inherits2["default"])(LineDot, _React$Component);
76
-
77
- var _super = _createSuper(LineDot);
78
-
79
- function LineDot() {
80
- (0, _classCallCheck2["default"])(this, LineDot);
81
- return _super.apply(this, arguments);
82
- }
83
-
84
- (0, _createClass2["default"])(LineDot, [{
85
- key: "render",
86
- value: function render() {
87
- var props = this.props;
88
- var data = props.data,
89
- graphProps = props.graphProps;
90
-
91
- var _ref2 = graphProps || {},
92
- _ref2$scale = _ref2.scale,
93
- scale = _ref2$scale === void 0 ? {} : _ref2$scale,
94
- _ref2$size = _ref2.size,
95
- size = _ref2$size === void 0 ? {} : _ref2$size;
96
-
97
- var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
98
- return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
99
- xBand: xBand,
100
- CustomDraggableComponent: DraggableComponent
101
- }));
102
- }
103
- }]);
104
- return LineDot;
105
- }(_react["default"].Component);
106
-
107
- exports.LineDot = LineDot;
108
- (0, _defineProperty2["default"])(LineDot, "propTypes", {
109
- data: _propTypes["default"].array,
110
- onChange: _propTypes["default"].func,
111
- graphProps: _plot.types.GraphPropsType.isRequired
112
- });
113
-
114
- var _default = function _default() {
115
- return {
116
- type: 'lineDot',
117
- Component: LineDot,
118
- name: 'Line Dot'
119
- };
120
- };
121
-
122
- exports["default"] = _default;
123
- //# 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","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":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,CAAV,QAAUA,CAAV;AAAA,MAAaC,CAAb,QAAaA,CAAb;AAAA,MAAgBC,SAAhB,QAAgBA,SAAhB;AAAA,MAA2BC,OAA3B,QAA2BA,OAA3B;AAAA,MAAoCC,CAApC,QAAoCA,CAApC;AAAA,MAAuCC,WAAvC,QAAuCA,WAAvC;AAAA,MAAuDC,IAAvD;AAAA,sBACzB;AACE,IAAA,EAAE,EAAEP,KAAK,CAACC,CAAN,CAAQA,CAAR,CADN;AAEE,IAAA,EAAE,EAAED,KAAK,CAACE,CAAN,CAAQA,CAAR,CAFN;AAGE,IAAA,CAAC,EAAEG,CAHL;AAIE,IAAA,SAAS,EAAE,4BAAWF,SAAX,EAAsBC,OAAO,CAACI,MAA9B,EAAsCF,WAAW,IAAIA,WAAW,CAACG,KAAjE;AAJb,KAKMF,IALN,EADyB;AAAA,CAA3B;;AAUAR,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,KAAK,EAAEW,sBAAUC,MADY;AAE7BX,EAAAA,CAAC,EAAEU,sBAAUE,MAFgB;AAG7BX,EAAAA,CAAC,EAAES,sBAAUE,MAHgB;AAI7BR,EAAAA,CAAC,EAAEM,sBAAUE,MAJgB;AAK7BV,EAAAA,SAAS,EAAEQ,sBAAUG,MALQ;AAM7BV,EAAAA,OAAO,EAAEO,sBAAUC,MANU;AAO7BN,EAAAA,WAAW,EAAEK,sBAAUI,KAAV,CAAgB;AAC3BN,IAAAA,KAAK,EAAEE,sBAAUG,MADU;AAE3BE,IAAAA,KAAK,EAAEL,sBAAUG;AAFU,GAAhB;AAPgB,CAA/B;;IAaaG,O;;;;;;;;;;;;WAOX,kBAAS;AACP,UAAMC,KAAK,GAAG,KAAKA,KAAnB;AACA,UAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;AAAA,UAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;AACA,kBAAkCA,UAAU,IAAI,EAAhD;AAAA,8BAAQpB,KAAR;AAAA,UAAQA,KAAR,4BAAgB,EAAhB;AAAA,6BAAoBqB,IAApB;AAAA,UAAoBA,IAApB,2BAA2B,EAA3B;;AACA,UAAMC,KAAK,GAAG,wBAAYtB,KAAK,CAACC,CAAlB,EAAqBkB,IAArB,EAA2BE,IAAI,CAACE,KAAhC,EAAuC,SAAvC,CAAd;AAEA,0BAAO,gCAAC,gBAAD,gCAAaL,KAAb;AAAoB,QAAA,KAAK,EAAEI,KAA3B;AAAkC,QAAA,wBAAwB,EAAEvB;AAA5D,SAAP;AACD;;;EAd0ByB,kBAAMC,S;;;iCAAtBR,O,eACQ;AACjBE,EAAAA,IAAI,EAAER,sBAAUe,KADC;AAEjBC,EAAAA,QAAQ,EAAEhB,sBAAUiB,IAFH;AAGjBR,EAAAA,UAAU,EAAES,YAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,SADc;AAEpBP,IAAAA,SAAS,EAAER,OAFS;AAGpBgB,IAAAA,IAAI,EAAE;AAHc,GAAP;AAAA,C","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 <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);\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"}