@pie-lib/charting 4.5.11-next.423 → 4.5.11-next.457
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/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 +61 -32
- package/lib/chart-setup.js.map +1 -1
- package/lib/chart-type.js +2 -2
- package/lib/chart-type.js.map +1 -1
- package/lib/chart-types.js +2 -2
- package/lib/chart-types.js.map +1 -1
- package/lib/chart.js +40 -64
- 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 +2 -2
- 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 +5 -3
- 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 +48 -23
- package/src/chart.jsx +2 -0
- 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/lib/grid.js
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
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.Grid = 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
|
+
|
|
10
22
|
var _react = _interopRequireDefault(require("react"));
|
|
11
23
|
|
|
12
24
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -21,42 +33,21 @@ var _plot = require("@pie-lib/plot");
|
|
|
21
33
|
|
|
22
34
|
var _renderUi = require("@pie-lib/render-ui");
|
|
23
35
|
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
27
|
-
|
|
28
|
-
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); } }
|
|
29
|
-
|
|
30
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
31
|
-
|
|
32
|
-
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); }
|
|
33
|
-
|
|
34
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
|
-
|
|
36
|
-
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); }; }
|
|
37
|
-
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
36
|
+
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
37
|
|
|
42
38
|
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
39
|
|
|
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
40
|
var Grid = /*#__PURE__*/function (_React$Component) {
|
|
49
|
-
|
|
41
|
+
(0, _inherits2["default"])(Grid, _React$Component);
|
|
50
42
|
|
|
51
43
|
var _super = _createSuper(Grid);
|
|
52
44
|
|
|
53
45
|
function Grid() {
|
|
54
|
-
|
|
55
|
-
|
|
46
|
+
(0, _classCallCheck2["default"])(this, Grid);
|
|
56
47
|
return _super.apply(this, arguments);
|
|
57
48
|
}
|
|
58
49
|
|
|
59
|
-
|
|
50
|
+
(0, _createClass2["default"])(Grid, [{
|
|
60
51
|
key: "render",
|
|
61
52
|
value: function render() {
|
|
62
53
|
var _this$props = this.props,
|
|
@@ -85,13 +76,11 @@ var Grid = /*#__PURE__*/function (_React$Component) {
|
|
|
85
76
|
});
|
|
86
77
|
}
|
|
87
78
|
}]);
|
|
88
|
-
|
|
89
79
|
return Grid;
|
|
90
80
|
}(_react["default"].Component);
|
|
91
81
|
|
|
92
82
|
exports.Grid = Grid;
|
|
93
|
-
|
|
94
|
-
_defineProperty(Grid, "propTypes", {
|
|
83
|
+
(0, _defineProperty2["default"])(Grid, "propTypes", {
|
|
95
84
|
classes: _propTypes["default"].object.isRequired,
|
|
96
85
|
className: _propTypes["default"].string,
|
|
97
86
|
graphProps: _plot.types.GraphPropsType.isRequired,
|
|
@@ -99,8 +88,7 @@ _defineProperty(Grid, "propTypes", {
|
|
|
99
88
|
columnTickValues: _propTypes["default"].array,
|
|
100
89
|
rowTickValues: _propTypes["default"].array
|
|
101
90
|
});
|
|
102
|
-
|
|
103
|
-
_defineProperty(Grid, "defaultProps", {});
|
|
91
|
+
(0, _defineProperty2["default"])(Grid, "defaultProps", {});
|
|
104
92
|
|
|
105
93
|
var styles = function styles() {
|
|
106
94
|
return {
|
package/lib/grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","names":["Grid","props","classes","className","graphProps","xBand","rowTickValues","columnTickValues","scale","size","y","classNames","grid","width","height","bandwidth","React","Component","PropTypes","object","isRequired","string","types","GraphPropsType","func","array","styles","stroke","color","primaryLight","withStyles"],"sources":["../src/grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport { Grid as VxGrid } from '@vx/grid';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nexport class Grid extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n graphProps: types.GraphPropsType.isRequired,\n xBand: PropTypes.func,\n columnTickValues: PropTypes.array,\n rowTickValues: PropTypes.array\n };\n\n static defaultProps = {};\n\n render() {\n const { classes, className, graphProps, xBand, rowTickValues, columnTickValues } = this.props;\n const { scale = {}, size = {} } = graphProps || {};\n\n return (\n <VxGrid\n xScale={xBand}\n yScale={scale.y}\n className={classNames(classes.grid, className)}\n width={size.width}\n height={size.height}\n xOffset={xBand.bandwidth() / 2}\n rowTickValues={rowTickValues}\n columnTickValues={columnTickValues}\n />\n );\n }\n}\n\nconst styles = () => ({\n grid: {\n stroke: color.primaryLight()\n }\n});\n\nexport default withStyles(styles)(Grid);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"grid.js","names":["Grid","props","classes","className","graphProps","xBand","rowTickValues","columnTickValues","scale","size","y","classNames","grid","width","height","bandwidth","React","Component","PropTypes","object","isRequired","string","types","GraphPropsType","func","array","styles","stroke","color","primaryLight","withStyles"],"sources":["../src/grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport { Grid as VxGrid } from '@vx/grid';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nexport class Grid extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n graphProps: types.GraphPropsType.isRequired,\n xBand: PropTypes.func,\n columnTickValues: PropTypes.array,\n rowTickValues: PropTypes.array\n };\n\n static defaultProps = {};\n\n render() {\n const { classes, className, graphProps, xBand, rowTickValues, columnTickValues } = this.props;\n const { scale = {}, size = {} } = graphProps || {};\n\n return (\n <VxGrid\n xScale={xBand}\n yScale={scale.y}\n className={classNames(classes.grid, className)}\n width={size.width}\n height={size.height}\n xOffset={xBand.bandwidth() / 2}\n rowTickValues={rowTickValues}\n columnTickValues={columnTickValues}\n />\n );\n }\n}\n\nconst styles = () => ({\n grid: {\n stroke: color.primaryLight()\n }\n});\n\nexport default withStyles(styles)(Grid);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;IAEaA,I;;;;;;;;;;;;WAYX,kBAAS;MACP,kBAAmF,KAAKC,KAAxF;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BC,UAA5B,eAA4BA,UAA5B;MAAA,IAAwCC,KAAxC,eAAwCA,KAAxC;MAAA,IAA+CC,aAA/C,eAA+CA,aAA/C;MAAA,IAA8DC,gBAA9D,eAA8DA,gBAA9D;;MACA,WAAkCH,UAAU,IAAI,EAAhD;MAAA,sBAAQI,KAAR;MAAA,IAAQA,KAAR,2BAAgB,EAAhB;MAAA,qBAAoBC,IAApB;MAAA,IAAoBA,IAApB,0BAA2B,EAA3B;;MAEA,oBACE,gCAAC,UAAD;QACE,MAAM,EAAEJ,KADV;QAEE,MAAM,EAAEG,KAAK,CAACE,CAFhB;QAGE,SAAS,EAAE,IAAAC,sBAAA,EAAWT,OAAO,CAACU,IAAnB,EAAyBT,SAAzB,CAHb;QAIE,KAAK,EAAEM,IAAI,CAACI,KAJd;QAKE,MAAM,EAAEJ,IAAI,CAACK,MALf;QAME,OAAO,EAAET,KAAK,CAACU,SAAN,KAAoB,CAN/B;QAOE,aAAa,EAAET,aAPjB;QAQE,gBAAgB,EAAEC;MARpB,EADF;IAYD;;;EA5BuBS,iBAAA,CAAMC,S;;;iCAAnBjB,I,eACQ;EACjBE,OAAO,EAAEgB,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBjB,SAAS,EAAEe,qBAAA,CAAUG,MAFJ;EAGjBjB,UAAU,EAAEkB,WAAA,CAAMC,cAAN,CAAqBH,UAHhB;EAIjBf,KAAK,EAAEa,qBAAA,CAAUM,IAJA;EAKjBjB,gBAAgB,EAAEW,qBAAA,CAAUO,KALX;EAMjBnB,aAAa,EAAEY,qBAAA,CAAUO;AANR,C;iCADRzB,I,kBAUW,E;;AAqBxB,IAAM0B,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBd,IAAI,EAAE;MACJe,MAAM,EAAEC,eAAA,CAAMC,YAAN;IADJ;EADc,CAAP;AAAA,CAAf;;eAMe,IAAAC,kBAAA,EAAWJ,MAAX,EAAmB1B,IAAnB,C"}
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -35,6 +37,4 @@ var _chartTypes = _interopRequireDefault(require("./chart-types"));
|
|
|
35
37
|
var _chartSetup = _interopRequireDefault(require("./chart-setup"));
|
|
36
38
|
|
|
37
39
|
var _chartType = _interopRequireDefault(require("./chart-type"));
|
|
38
|
-
|
|
39
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
40
40
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nimport ConfigureChartPanel from './chart-setup';\nimport ChartType from './chart-type';\n\nexport { Chart, chartTypes, ChartType, ConfigureChartPanel };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nimport ConfigureChartPanel from './chart-setup';\nimport ChartType from './chart-type';\n\nexport { Chart, chartTypes, ChartType, ConfigureChartPanel };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}
|
|
@@ -1,70 +1,59 @@
|
|
|
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.DragHandle = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
23
|
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
-
|
|
28
|
-
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); }
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
25
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
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; }
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
33
27
|
|
|
34
|
-
|
|
28
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
35
29
|
|
|
36
|
-
|
|
30
|
+
var _plot = require("@pie-lib/plot");
|
|
37
31
|
|
|
38
|
-
|
|
32
|
+
var _index = require("@material-ui/core/styles/index");
|
|
39
33
|
|
|
40
|
-
|
|
34
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
41
35
|
|
|
42
|
-
|
|
36
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
43
37
|
|
|
44
|
-
|
|
38
|
+
var _styles = require("../../common/styles");
|
|
45
39
|
|
|
46
|
-
|
|
40
|
+
var _excluded = ["x", "y", "graphProps", "classes", "className", "interactive", "CustomDraggableComponent", "correctness"];
|
|
47
41
|
|
|
48
|
-
function
|
|
42
|
+
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); }; }
|
|
49
43
|
|
|
50
44
|
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; } }
|
|
51
45
|
|
|
52
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
53
|
-
|
|
54
|
-
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; }
|
|
55
|
-
|
|
56
46
|
var RawDragHandle = /*#__PURE__*/function (_React$Component) {
|
|
57
|
-
|
|
47
|
+
(0, _inherits2["default"])(RawDragHandle, _React$Component);
|
|
58
48
|
|
|
59
49
|
var _super = _createSuper(RawDragHandle);
|
|
60
50
|
|
|
61
51
|
function RawDragHandle() {
|
|
62
|
-
|
|
63
|
-
|
|
52
|
+
(0, _classCallCheck2["default"])(this, RawDragHandle);
|
|
64
53
|
return _super.apply(this, arguments);
|
|
65
54
|
}
|
|
66
55
|
|
|
67
|
-
|
|
56
|
+
(0, _createClass2["default"])(RawDragHandle, [{
|
|
68
57
|
key: "render",
|
|
69
58
|
value: function render() {
|
|
70
59
|
var _this$props = this.props,
|
|
@@ -76,24 +65,22 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
|
|
|
76
65
|
interactive = _this$props.interactive,
|
|
77
66
|
CustomDraggableComponent = _this$props.CustomDraggableComponent,
|
|
78
67
|
correctness = _this$props.correctness,
|
|
79
|
-
rest =
|
|
80
|
-
|
|
68
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
81
69
|
var scale = graphProps.scale;
|
|
82
|
-
return /*#__PURE__*/_react["default"].createElement(CustomDraggableComponent,
|
|
70
|
+
return /*#__PURE__*/_react["default"].createElement(CustomDraggableComponent, (0, _extends2["default"])({
|
|
83
71
|
scale: scale,
|
|
84
72
|
x: x,
|
|
85
73
|
y: y,
|
|
86
74
|
classes: classes,
|
|
87
75
|
className: (0, _classnames["default"])(className, !interactive && 'non-interactive'),
|
|
88
|
-
correctness:
|
|
76
|
+
correctness: correctness
|
|
89
77
|
}, rest));
|
|
90
78
|
}
|
|
91
79
|
}]);
|
|
92
|
-
|
|
93
80
|
return RawDragHandle;
|
|
94
81
|
}(_react["default"].Component);
|
|
95
82
|
|
|
96
|
-
|
|
83
|
+
(0, _defineProperty2["default"])(RawDragHandle, "propTypes", {
|
|
97
84
|
x: _propTypes["default"].number.isRequired,
|
|
98
85
|
y: _propTypes["default"].number.isRequired,
|
|
99
86
|
width: _propTypes["default"].number,
|
|
@@ -107,7 +94,6 @@ _defineProperty(RawDragHandle, "propTypes", {
|
|
|
107
94
|
label: _propTypes["default"].string
|
|
108
95
|
})
|
|
109
96
|
});
|
|
110
|
-
|
|
111
97
|
var DragHandle = (0, _index.withStyles)(function (theme) {
|
|
112
98
|
return {
|
|
113
99
|
handle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle.js","names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","classNames","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","withStyles","theme","handle","fill","color","secondary","transition","secondaryDark","correct","incorrect","disabled","line","stroke","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { color } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport { correct, incorrect, disabled } from '../../common/styles';\n\nclass RawDragHandle extends React.Component {\n static propTypes = {\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n width: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n interactive: PropTypes.bool,\n CustomDraggableComponent: PropTypes.func,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n };\n\n render() {\n const {\n x,\n y,\n graphProps,\n classes,\n className,\n interactive,\n CustomDraggableComponent,\n correctness,\n ...rest\n } = this.props;\n const { scale } = graphProps;\n return (\n <CustomDraggableComponent\n scale={scale}\n x={x}\n y={y}\n classes={classes}\n className={classNames(className, !interactive && 'non-interactive')}\n correctness={
|
|
1
|
+
{"version":3,"file":"drag-handle.js","names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","classNames","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","withStyles","theme","handle","fill","color","secondary","transition","secondaryDark","correct","incorrect","disabled","line","stroke","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { color } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport { correct, incorrect, disabled } from '../../common/styles';\n\nclass RawDragHandle extends React.Component {\n static propTypes = {\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n width: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n interactive: PropTypes.bool,\n CustomDraggableComponent: PropTypes.func,\n correctness: PropTypes.shape({\n value: PropTypes.string,\n label: PropTypes.string\n })\n };\n\n render() {\n const {\n x,\n y,\n graphProps,\n classes,\n className,\n interactive,\n CustomDraggableComponent,\n correctness,\n ...rest\n } = this.props;\n\n const { scale } = graphProps;\n return (\n <CustomDraggableComponent\n scale={scale}\n x={x}\n y={y}\n classes={classes}\n className={classNames(className, !interactive && 'non-interactive')}\n correctness={correctness}\n {...rest}\n />\n );\n }\n}\n\nexport const DragHandle = withStyles(theme => ({\n handle: {\n fill: color.secondary(),\n transition: 'fill 200ms linear, height 200ms linear',\n '&:hover': {\n fill: color.secondaryDark()\n },\n '&.correct': correct('fill'),\n '&.incorrect': incorrect('fill'),\n '&.non-interactive': disabled('fill')\n },\n line: {\n stroke: color.secondary(),\n transition: 'fill 200ms linear, height 200ms linear',\n '&:hover': {\n stroke: color.secondaryDark()\n },\n '&.non-interactive': disabled('stroke'),\n '&.correct': correct('stroke'),\n '&.incorrect': incorrect('stroke')\n }\n}))(RawDragHandle);\n\nconst DraggableHandle = gridDraggable({\n axis: 'y',\n fromDelta: (props, delta) => {\n //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n delta.x = 0;\n const newPoint = utils.point(props).add(utils.point(delta));\n return newPoint.y;\n },\n bounds: (props, { domain, range }) => {\n const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n return utils.bounds(area, domain, range);\n },\n anchorPoint: props => {\n return { x: props.x, y: props.y };\n }\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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"}
|
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 ? true : 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
|